/* Focused UI corrections opened before Increment 060. */

/* Tenant login branding */
.tenant-logo{overflow:hidden;flex:0 0 auto}
.tenant-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}

/* Shared initials/photo avatars */
.staff-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.72);color:#52606d;display:grid!important;place-items:center!important;font-weight:800;line-height:1;text-align:center}
.staff-avatar>span{display:grid!important;place-items:center!important;width:100%;height:100%;margin:0!important;padding:0!important;opacity:1!important;font-size:.8rem!important;line-height:1!important;text-align:center}
.staff-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.signed-in-with-avatar{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center}
.signed-in-with-avatar>span:last-child{min-width:0}

/* District administration */
.main>.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
.main>.summary-grid .summary-card{min-width:0;display:grid;gap:5px;padding:18px;background:#fff;border:1px solid var(--border,#dfe6ef);border-radius:16px;box-shadow:0 8px 24px rgba(19,35,58,.05)}
.main>.summary-grid .summary-card small{color:var(--muted,#667085);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.main>.summary-grid .summary-card strong{font-size:1.45rem;line-height:1.15;overflow-wrap:anywhere}
.main>.summary-grid .summary-card span{color:var(--muted,#667085);font-size:.82rem}
.main>.panel{background:#fff;border:1px solid var(--border,#dfe6ef);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(19,35,58,.05);margin-bottom:20px}
.main>.panel .section-heading{margin-bottom:16px}
.main>.panel .section-heading h2,.main>.panel>h2{margin:.2rem 0 .45rem}
.main>.panel .section-heading p,.main>.panel>p{color:var(--muted,#667085);line-height:1.5}
.main>.panel table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}
.main>.panel th,.main>.panel td{text-align:left;padding:14px 13px;border-bottom:1px solid #e8edf3;vertical-align:middle}
.main>.panel th{background:#f7f9fc;color:#667085;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.main>.panel thead th:first-child{border-radius:12px 0 0 0}.main>.panel thead th:last-child{border-radius:0 12px 0 0}
.main>.panel tbody tr:hover{background:#fbfcfe}
.main>.panel tbody tr:last-child td{border-bottom:0}
.main>.panel td small{display:block;margin-top:3px;color:var(--muted,#667085)}
.main>.panel .row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.main>.panel .row-actions form{margin:0}
.main>.panel .status-pill{padding:5px 9px;font-size:.74rem}
.main>.panel .status-pill.warning{background:#fff4d6;color:#7a5510}

/* District Architecture A4 calendar structure responsiveness */
.district-calendar-structure{min-width:0}
.district-calendar-structure>.panel,.district-calendar-structure>.two-column-grid,.district-calendar-structure .two-column-grid>*{min-width:0}
.district-calendar-structure>.panel .two-column-grid>div,.district-calendar-structure>.two-column-grid>.panel{min-width:0;overflow:hidden}
.district-calendar-structure>.panel .two-column-grid>div{overflow-x:auto;-webkit-overflow-scrolling:touch}
.district-calendar-structure>.panel table{min-width:0}
.district-calendar-structure>.two-column-grid>.panel table{display:block;width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.district-calendar-structure>.two-column-grid>.panel table thead,.district-calendar-structure>.two-column-grid>.panel table tbody{display:table;width:100%;min-width:560px;table-layout:auto}
.district-calendar-structure .form-grid{min-width:0}
.district-calendar-structure .form-grid label,.district-calendar-structure .form-grid input,.district-calendar-structure .form-grid select{min-width:0;max-width:100%}
.district-calendar-structure .row-actions{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(145px,1fr) minmax(180px,1.5fr) auto;align-items:center;gap:8px}
.district-calendar-structure .row-actions select,.district-calendar-structure .row-actions input{width:100%;min-width:0}
.district-calendar-structure .row-actions .button{white-space:nowrap}

/* District Architecture A5 workspace and context boundaries */
.district-workspace-shell .navigation-more-button,.district-workspace-shell .district-app-launcher-disabled{display:none!important}
.district-primary-navigation{overflow-y:auto;padding-bottom:12px}
.sidebar-context-card{display:grid;gap:4px;margin:8px 12px 12px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff}
.sidebar-context-card span{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.sidebar-context-card strong{line-height:1.2;overflow-wrap:anywhere}
.sidebar-context-card small{opacity:.76}
.sidebar-context-card a{margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.18);color:inherit;font-weight:800;text-decoration:none}
.district-context-banner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;margin:0 0 18px;padding:14px 17px;border:1px solid #d8e4f1;border-radius:14px;background:#f6f9fd}
.district-context-banner>div{display:grid;gap:2px;min-width:130px}
.district-context-banner span{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#667085}
.district-context-banner strong{font-size:1rem}
.district-context-banner p{margin:0;color:#536174;line-height:1.45}
.district-workspace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.district-workspace-card{min-width:0;display:grid;align-content:start;gap:9px;padding:16px;border:1px solid #dce4ed;border-radius:15px;background:#fff;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.district-workspace-card:hover{transform:translateY(-1px);border-color:var(--brand-primary);box-shadow:0 10px 24px rgba(19,35,58,.08)}
.district-workspace-card .status-pill{justify-self:start}
.district-workspace-card strong{font-size:1rem}
.district-workspace-card p{margin:0;color:#667085;line-height:1.45;font-size:.86rem}
.district-policy-list{display:grid;gap:10px}
.district-policy-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #e1e7ef;border-radius:13px;background:#fbfcfe}
.district-policy-list article>div{display:grid;gap:3px;min-width:0}
.district-policy-list small{color:#667085;overflow-wrap:anywhere}
.district-readiness-panel{display:grid;gap:12px;max-width:820px}
.district-readiness-panel .status-pill{justify-self:start}

/* Compact scoped settings */
.compact-settings-form{display:grid;gap:18px}
.compact-settings-form>.panel{margin:0}
.settings-identity-grid{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:22px;align-items:start}
.settings-logo-card{display:grid;gap:12px;align-content:start;padding:16px;border:1px solid #dce4ed;border-radius:14px;background:#f8fafc}
.settings-logo-card img{display:block;width:100%;max-height:140px;object-fit:contain;background:#fff;border-radius:10px;padding:10px}
.settings-logo-card .button{justify-self:start}
.settings-logo-card label{display:grid;gap:7px;font-weight:700}
.settings-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-identity-fields label,.compact-setting-main label,.compact-setting-policy label{display:grid;gap:6px;font-weight:700}
.settings-identity-fields input:not([type=color]),.compact-setting-main input,.compact-setting-policy select{width:100%}
.settings-identity-fields input[type=color]{width:100%;height:42px;padding:3px}
.compact-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.compact-setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,190px);gap:14px;align-items:end;padding:14px;border:1px solid #dce4ed;border-radius:14px;background:#fff}
.compact-setting-main{display:grid;gap:7px;min-width:0}
.compact-setting-main .status-pill{justify-self:start}
.compact-setting-policy{display:grid;align-content:end;min-height:68px}
.compact-setting-policy>label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #dce4ed;border-radius:10px;background:#f8fafc;font-weight:700}
.compact-setting-policy input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--brand-primary)}
.compact-setting-policy select{height:42px}
.locked-note{display:block;padding:10px 11px;border-radius:10px;background:#eef6ee;color:#176b2c;font-weight:700}
.sticky-settings-actions{position:sticky;bottom:0;z-index:6;justify-content:flex-end;margin:0;padding:14px 18px;background:rgba(255,255,255,.96);border:1px solid #dce4ed;border-radius:14px;box-shadow:0 -8px 24px rgba(19,35,58,.08);backdrop-filter:blur(5px)}

/* Dashboard customization dialog */
.modal-backdrop{background:rgba(9,20,36,.68)!important;backdrop-filter:blur(2px)}
.dashboard-widget-manager{position:relative;background:#fff!important;color:var(--text,#172033)!important;border:1px solid #dbe4ee!important;border-radius:20px!important;padding:0!important;box-shadow:0 28px 80px rgba(7,22,43,.34)!important;overflow:auto!important}
.dashboard-widget-manager>.modal-heading{position:sticky;top:0;z-index:4;margin:0;padding:22px 24px 18px;background:#fff;border-bottom:1px solid #e6ebf1;border-radius:20px 20px 0 0}
.dashboard-widget-manager>.modal-heading h2{margin:.2rem 0 .35rem;font-size:1.55rem}
.dashboard-widget-manager>.modal-heading p:last-child{margin:.2rem 0 0;color:var(--muted,#667085)}
.dashboard-widget-manager>form{padding:20px 24px 24px}
.dashboard-widget-manager>hr{margin:0;border:0;border-top:8px solid #f2f5f8}
.dashboard-widget-manager .workspace-defaults-form{margin:0;padding:24px}
.dashboard-widget-manager .widget-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dashboard-widget-manager .widget-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;background:#fff;border:1px solid #dce4ed;border-radius:13px;padding:13px}
.dashboard-widget-manager .widget-choice:hover,.dashboard-widget-manager .workspace-requirement-grid label:hover{border-color:var(--brand-primary);background:#f8fbff}
.dashboard-widget-manager .widget-choice input,.dashboard-widget-manager .workspace-requirement-grid input{width:18px;height:18px;margin:0;accent-color:var(--brand-primary)}
.dashboard-widget-manager .widget-choice span{min-width:0}
.dashboard-widget-manager .widget-choice strong{display:block}
.dashboard-widget-manager .widget-choice small{display:block;margin-top:3px;color:var(--muted,#667085);line-height:1.35}
.dashboard-widget-manager .widget-choice em{white-space:nowrap;background:#edf4ff;color:#174ea6;border-radius:999px;padding:4px 7px}
.dashboard-widget-manager .form-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;margin:18px -24px -24px;padding:16px 24px;background:#fff;border-top:1px solid #e6ebf1}
.dashboard-widget-manager .workspace-requirement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 20px}
.dashboard-widget-manager .workspace-requirement-grid label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #dce4ed;border-radius:12px;background:#fff}
.dashboard-widget-manager .workspace-requirement-grid em{white-space:nowrap;background:#fff4d6;color:#73520f;border-radius:999px;padding:4px 7px}
.dashboard-widget-manager h4{margin:18px 0 8px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#5e6d82}

@media(max-width:1180px){
 .district-calendar-structure>.two-column-grid{grid-template-columns:1fr}
 .district-calendar-structure .row-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .district-calendar-structure .row-actions .button{width:100%}
 .district-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1050px){.main>.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-settings-grid{grid-template-columns:1fr}.district-calendar-structure>.panel .two-column-grid{grid-template-columns:1fr}.district-calendar-structure>.panel .two-column-grid>form{margin-top:16px}}
@media(max-width:720px){
 .main>.summary-grid{grid-template-columns:1fr}
 .main>.panel{padding:16px;border-radius:14px}
 .district-calendar-structure .page-header{align-items:flex-start}
 .district-calendar-structure .page-actions,.district-calendar-structure .page-actions .button{width:100%}
 .district-calendar-structure .form-grid{grid-template-columns:1fr}
 .district-calendar-structure .form-grid .form-span{grid-column:auto}
 .district-calendar-structure .form-actions{align-items:stretch}
 .district-calendar-structure .form-actions .button{width:100%}
 .district-calendar-structure .row-actions{grid-template-columns:1fr}
 .district-calendar-structure>.two-column-grid>.panel table thead,.district-calendar-structure>.two-column-grid>.panel table tbody{min-width:480px}
 .district-calendar-structure>.panel .two-column-grid>div table{min-width:520px}
 .district-calendar-structure>.panel:last-child .table-scroll{margin-inline:-4px}
 .district-context-banner{grid-template-columns:1fr;gap:8px}
 .district-context-banner>div{min-width:0}
 .district-workspace-grid{grid-template-columns:1fr}
 .district-policy-list article{grid-template-columns:1fr}
 .district-policy-list .button{width:100%}
 .settings-identity-grid,.settings-identity-fields{grid-template-columns:1fr}
 .compact-setting-row{grid-template-columns:1fr}
 .compact-setting-policy{min-height:0}
 .sticky-settings-actions{bottom:8px}
 .dashboard-widget-manager{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;border-radius:14px!important}
 .dashboard-widget-manager>.modal-heading{padding:18px;border-radius:14px 14px 0 0}
 .dashboard-widget-manager>form,.dashboard-widget-manager .workspace-defaults-form{padding:18px}
 .dashboard-widget-manager .widget-choice-list,.dashboard-widget-manager .workspace-requirement-grid{grid-template-columns:1fr}
 .dashboard-widget-manager .form-actions{margin:18px -18px -18px;padding:14px 18px;flex-direction:column}
 .dashboard-widget-manager .form-actions .button{width:100%}
}
@media(max-width:480px){
 .district-calendar-structure>.panel,.district-calendar-structure>.two-column-grid>.panel{padding:14px}
 .district-calendar-structure>.two-column-grid>.panel table thead,.district-calendar-structure>.two-column-grid>.panel table tbody{min-width:440px}
 .district-calendar-structure>.panel .two-column-grid>div table{min-width:480px}
}