/* Compact directory layout: title/scopes/actions, search/export, then records. */
.directory-page>.app-content{padding-top:20px}
.directory-bar{display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--bs-body-bg);border:1px solid var(--panel-border);border-radius:10px 10px 0 0;min-height:58px}
.directory-bar #page-title{font-size:14px;font-weight:650;margin:0 18px 0 0;letter-spacing:0;white-space:nowrap}
.directory-bar .scope-school{flex:1 1 380px;width:auto;max-width:470px;min-width:190px}
.directory-bar .scope-session{flex:0 1 180px;width:180px;min-width:130px}
.directory-bar .scope-school label,.directory-bar .scope-session label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.directory-bar .form-select{height:38px;min-height:38px;font-size:12px;padding-right:32px;text-overflow:ellipsis}
.directory-bar #refresh{margin-left:auto;flex-shrink:0;font-size:12px;white-space:nowrap}
.directory-bar #page-actions{display:flex;align-items:center;flex-shrink:0}
.directory-bar #page-actions:empty{display:none}
.directory-bar #page-actions .btn{font-size:12px;white-space:nowrap;min-height:38px}
.directory-page #content>.card:first-child{border-top:0;border-radius:0 0 10px 10px}
.directory-page .toolbar{padding:17px 20px;gap:8px}
.directory-page .search-form{flex:0 1 410px;max-width:410px;min-width:180px}
.directory-page .search-form input{width:0;flex:1;min-width:0}
.directory-page .directory-card-actions{justify-content:flex-end;padding:10px 20px}
.directory-page .tab-bar{padding:12px 20px;margin:0;border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);background:var(--bs-body-bg)}
.directory-page .tab-bar+.card{border-radius:0 0 10px 10px}
@media(max-width:1100px){.directory-bar{flex-wrap:wrap;gap:10px}.directory-bar #page-title{margin-right:8px}.directory-bar .scope-school{flex-basis:250px}.directory-bar .scope-session{flex-basis:150px;min-width:120px}}
@media(max-width:650px){.directory-page>.app-content{padding-top:16px}.directory-bar{padding:12px 14px;gap:10px}.directory-bar #page-title{flex:1 1 auto;order:0}.directory-bar #refresh{order:1;margin-left:auto}.directory-bar #page-actions{order:2}.directory-bar .scope-school{order:3;flex:1 1 100%;max-width:none;min-width:0}.directory-bar .scope-session{order:4;flex:1 1 100%;width:auto;min-width:0}.directory-bar #page-actions .btn{font-size:11px;padding:8px}.directory-page .toolbar{padding:14px;gap:10px}.directory-page .search-form{flex:1 1 100%;max-width:none;min-width:0}.directory-page .toolbar .count{width:auto;margin-left:auto}.directory-page .tab-bar{padding:12px 14px}}

.compact-overview .directory-bar{border-radius:10px;margin-bottom:20px}


#process-wait { position:fixed; inset:0; width:100vw; height:100vh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:rgba(15,23,42,.22); color:var(--bs-body-color); } #process-wait:popover-open { display:flex; align-items:center; justify-content:center; } #process-wait > div { display:flex; align-items:center; gap:12px; background:var(--bs-body-bg,#fff); border-radius:12px; padding:22px 30px; box-shadow:0 8px 36px rgba(0,0,0,.16); }

.photo-edit-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-edit-layout label{display:block;text-transform:capitalize;margin-bottom:12px}.photo-edit-layout input[type=range]{display:block;width:100%}@media(max-width:600px){.photo-edit-layout{grid-template-columns:1fr}}