:root {
    color-scheme: light;
    --turquoise-50: #ecfeff;
    --turquoise-100: #cffafe;
    --turquoise-200: #a5f3fc;
    --turquoise-300: #67e8f9;
    --turquoise-400: #22d3ee;
    --turquoise-500: #06b6d4;
    --turquoise-600: #0891b2;
    --turquoise-700: #0e7490;
    --turquoise-800: #155e75;
    --turquoise-900: #164e63;
    --gold-50: #fffbeb;
    --gold-100: #fef3c7;
    --gold-200: #fde68a;
    --gold-400: #fbbf24;
    --gold-500: #d99b13;
    --cream: #fffdf5;
    --ink: #17212b;
    --muted: #667085;
    --line: rgba(8, 145, 178, .20);
    --line-strong: rgba(217, 155, 19, .40);
    --surface: rgba(255, 255, 255, .94);
    --surface-soft: rgba(255, 253, 245, .92);
    --canvas: #f8fafc;
    --brand: var(--turquoise-900);
    --brand2: var(--turquoise-700);
    --focus: rgba(251, 191, 36, .34);
    --shadow: 0 14px 34px rgba(21, 94, 117, .11);
    --crm-status-0-color: #475467;
    --crm-status-0-bg: #f2f4f7;
    --crm-status-1-color: #9a3412;
    --crm-status-1-bg: #ffedd5;
    --crm-status-2-color: #854d0e;
    --crm-status-2-bg: #fef9c3;
    --crm-status-3-color: #075985;
    --crm-status-3-bg: #e0f2fe;
    --crm-status-4-color: #5b21b6;
    --crm-status-4-bg: #ede9fe;
    --crm-status-5-color: #b42318;
    --crm-status-5-bg: #fef3f2;
    --crm-status-6-color: #067647;
    --crm-status-6-bg: #ecfdf3;

    --dxds-color-surface-primary-default-rest: var(--turquoise-600);
    --dxds-color-surface-primary-default-hovered: var(--turquoise-700);
    --dxds-color-surface-primary-default-pressed: var(--turquoise-800);
    --dxds-color-content-primary-default-rest: var(--turquoise-600);
    --dxds-color-border-primary-default-rest: var(--turquoise-600);
}
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; font-family:Inter,Segoe UI,Arial,sans-serif; color:var(--ink); background:linear-gradient(135deg,var(--canvas),#fff 58%,var(--gold-50)); }
a { color:inherit; }
.app-shell { min-height:100vh; }
.main-drawer { min-height:100vh; --dxbl-drawer-panel-body-padding-x:0; --dxbl-drawer-panel-body-padding-y:0; }
.main-drawer .dxbl-drawer-panel { color:var(--ink); background:linear-gradient(180deg,#fff,var(--canvas) 68%,var(--gold-50)); border:0; border-right:1px solid var(--line); box-shadow:10px 0 30px rgba(21,94,117,.09); }
.main-drawer.dxbl-drawer-closed:not(.dxbl-drawer-mini) .dxbl-drawer-panel { border:0; box-shadow:none; }
.drawer-body { display:flex; flex-direction:column; height:100vh; min-height:0; overflow:hidden; }
.drawer-brand-row { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:98px; padding:17px 10px 13px 16px; }
.drawer-brand { display:block; min-width:0; text-decoration:none; }
.drawer-brand img { display:block; width:158px; max-width:100%; height:auto; object-fit:contain; }
.drawer-toggle,.mobile-menu-button { display:grid; place-items:center; flex:0 0 auto; width:36px; height:36px; padding:7px; border:1px solid transparent; border-radius:8px; background:transparent; cursor:pointer; }
.drawer-toggle:hover,.mobile-menu-button:hover { border-color:var(--line-strong); background:linear-gradient(135deg,var(--gold-50),var(--turquoise-50)); }
.drawer-toggle:focus-visible,.mobile-menu-button:focus-visible,.drawer-action:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
.drawer-navigation { flex:1; min-height:0; overflow-x:hidden; overflow-y:auto; }
.side-menu { padding-top:7px; background:transparent!important; border:0!important; }
.side-menu .dxbl-menu-item { margin:2px 8px; border-radius:8px; color:var(--ink); }
.side-menu .dxbl-menu-item:hover { color:var(--turquoise-900); background:linear-gradient(90deg,rgba(253,230,138,.48),rgba(207,250,254,.72)); }
.side-menu .dxbl-menu-item-selected,
.side-menu .menu-item-active > .dxbl-menu-item { border-left:3px solid var(--gold-500); color:var(--turquoise-900); background:linear-gradient(90deg,rgba(251,191,36,.32),rgba(255,251,235,.92) 40%,rgba(207,250,254,.82)); font-weight:700; }
.app-icon { display:inline-block; width:18px!important; height:18px!important; flex:0 0 auto; object-fit:contain; }
.app-icon-small { width:16px!important; height:16px!important; }
.app-icon-menu,.app-icon-nav { width:20px!important; height:20px!important; }
.nav-icon { display:block; width:20px; height:20px; object-fit:contain; text-align:center; }
.dxbl-btn .app-icon { margin-inline-end:6px; }
.side-menu .app-icon { margin:0; }
.drawer-toggle .app-icon { margin:0; }
.drawer-footer { display:flex; flex-direction:column; gap:5px; padding:12px; border-top:1px solid var(--line); background:rgba(255,253,245,.56); }
.login-user-card { display:flex; align-items:center; gap:10px; width:100%; min-width:0; margin-bottom:4px; padding:9px; border:1px solid var(--line-strong); border-radius:9px; background:rgba(255,255,255,.76); box-shadow:0 8px 22px rgba(21,94,117,.08); }
.login-user-avatar { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:9px; color:white; background:linear-gradient(135deg,var(--turquoise-900),var(--turquoise-600) 62%,var(--gold-400)); font-size:12px; font-weight:800; }
.login-user-info { min-width:0; }
.login-user-label { overflow:hidden; color:var(--muted); font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.login-user-name { overflow:hidden; max-width:155px; margin-top:2px; color:var(--turquoise-900); font-size:12px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.drawer-logout { margin:0; }
.drawer-action { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; min-height:39px; padding:8px 11px; color:var(--turquoise-900); border:1px solid transparent; border-radius:7px; background:transparent; font:inherit; font-size:13px; font-weight:700; cursor:pointer; text-align:left; }
.drawer-action:hover { border-color:var(--line-strong); background:linear-gradient(90deg,rgba(254,243,199,.66),rgba(236,254,255,.74)); }
.drawer-mini .side-menu { width:60px; min-width:60px; max-width:60px; --dxbl-menu-item-padding-x:0; }
.drawer-mini .side-menu .dxbl-menu-item { width:48px; min-width:48px; max-width:48px; margin-inline:6px; overflow:hidden; text-align:center; }
.drawer-mini .side-menu .dxbl-menu-item > .dxbl-btn { width:48px; min-width:48px; max-width:48px; justify-content:center!important; padding-inline:0; }
.drawer-mini .side-menu .dxbl-menu-item-text-container { display:none; }
.drawer-mini .side-menu .dxbl-menu-item-text { visibility:hidden; opacity:0; width:0; max-width:0; overflow:hidden; transition:visibility linear var(--dxbl-drawer-animation-duration),opacity linear var(--dxbl-drawer-animation-duration); }
.drawer-mini .side-menu .nav-icon { width:20px!important; min-width:20px; height:20px!important; }
.drawer-mini .drawer-brand-row { justify-content:center; min-height:72px; padding:12px; }
.drawer-mini .drawer-brand { display:none; }
.drawer-mini .drawer-footer { align-items:center; padding:8px 6px 10px; }
.drawer-mini .login-user-card { justify-content:center; width:46px; padding:4px; border-color:transparent; background:transparent; box-shadow:none; }
.drawer-mini .login-user-avatar { flex-basis:36px; width:36px; height:36px; }
.drawer-mini .login-user-info,.drawer-mini .drawer-action-label { display:none; }
.drawer-mini .drawer-logout { width:100%; }
.drawer-mini .drawer-action { justify-content:center; gap:0; min-width:46px; padding-inline:0; }
.drawer-open .side-menu .dxbl-menu-item-text { visibility:visible; opacity:1; }
.mobile-app-bar { display:flex; align-items:center; gap:10px; min-height:58px; padding:7px 12px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); box-shadow:0 6px 20px rgba(21,94,117,.10); }
.mobile-brand-logo { display:block; width:154px; max-width:calc(100vw - 80px); height:auto; }
.topbar { height:58px; display:flex; align-items:center; gap:28px; padding:0 22px; color:white; background:linear-gradient(110deg,var(--turquoise-900),var(--turquoise-600)); box-shadow:0 8px 24px rgba(21,94,117,.24); }
.brand { text-decoration:none; font-weight:700; white-space:nowrap; }
.brand span { display:inline-grid; place-items:center; width:30px; height:30px; margin-right:8px; border-radius:7px; background:var(--gold-100); color:var(--turquoise-900); }
.topbar nav { display:flex; align-self:stretch; }
.topbar nav a { display:flex; align-items:center; padding:0 16px; text-decoration:none; color:rgba(255,255,255,.86); border-bottom:3px solid transparent; }
.topbar nav a.active { color:white; border-bottom-color:var(--gold-200); background:rgba(255,255,255,.08); }
.logout-form { margin-left:auto; }
.logout-form button { border:1px solid rgba(255,229,138,.56); border-radius:6px; padding:7px 13px; color:white; background:transparent; cursor:pointer; }
.page-content { min-height:100vh; padding:18px 22px 32px; background:linear-gradient(135deg,var(--canvas),#fff 56%,rgba(255,251,235,.72)); }
.page-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.page-heading h1 { margin:0; font-size:24px; }
.page-content h1[tabindex="-1"]:focus { outline:none; }
.page-heading p { margin:4px 0 0; color:var(--muted); font-size:13px; }
.filter-strip { display:grid; grid-template-columns:minmax(280px,2fr) repeat(6,minmax(135px,1fr)); gap:9px; padding:12px; margin-bottom:12px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:var(--shadow); }
.filter-field>label { display:block; margin:0 0 4px; color:var(--muted); font-size:11px; font-weight:700; }
.filter-checks { display:flex; gap:12px; align-items:center; min-width:0; }
.filter-actions { display:flex; align-items:end; justify-content:flex-end; gap:7px; }
.filter-strip.agency-filters { display:flex; flex-direction:column; gap:9px; }
.agency-filter-row { display:grid; gap:9px; min-width:0; }
.agency-filter-primary { grid-template-columns:minmax(260px,2fr) repeat(4,minmax(125px,1fr)); }
.agency-filter-secondary { grid-template-columns:repeat(4,minmax(125px,1fr)); align-items:end; }
.agency-filter-tertiary { grid-template-columns:minmax(0,1fr) auto; align-items:end; }
.agency-filter-tertiary .filter-checks { min-height:38px; padding:4px 8px; border:1px solid rgba(8,145,178,.16); border-radius:7px; background:linear-gradient(90deg,rgba(236,254,255,.56),rgba(255,251,235,.58)); flex-wrap:wrap; }
.agency-filter-tertiary .filter-actions { white-space:nowrap; }
.agencies-page { display:flex; flex-direction:column; height:calc(100dvh - 50px); min-height:0; overflow:hidden; }
.agencies-page > .page-heading,.agencies-page > .filter-strip,.agencies-page > .operation-message { flex:0 0 auto; }
.agencies-page > .agency-grid { flex:1 1 0; height:0; min-height:0; }
.agency-grid { border:1px solid var(--line); border-radius:9px; overflow:hidden; background:white; box-shadow:var(--shadow); }
.main-page-grid,.embedded-grid { width:100%; max-width:100%; min-width:0; }
.agency-grid .dxbl-grid-header-row { background:linear-gradient(180deg,var(--turquoise-50),#fff 68%,var(--gold-50)); }
.dxbl-btn.dxbl-btn-primary { border-color:var(--turquoise-800)!important; background:linear-gradient(180deg,var(--turquoise-700),var(--turquoise-800))!important; box-shadow:0 8px 18px rgba(8,145,178,.24); color:white!important; font-weight:800; }
.dxbl-btn.dxbl-btn-primary:hover,.dxbl-btn.dxbl-btn-primary:focus { border-color:var(--turquoise-900)!important; background:linear-gradient(180deg,var(--turquoise-800),var(--turquoise-900))!important; color:white!important; }
.dxbl-btn.dxbl-btn-secondary { border-color:var(--gold-500)!important; background:#fff!important; color:var(--turquoise-900)!important; }
.dxbl-btn.dxbl-btn-secondary:hover { border-color:var(--gold-500)!important; background:linear-gradient(90deg,var(--gold-100),var(--turquoise-50))!important; }
.dxbl-btn:focus-visible { outline:3px solid var(--focus)!important; outline-offset:2px; }
.dxbl-text-edit,.dxbl-spin-edit,.dxbl-date-edit,.dxbl-combobox { --dxbl-edit-border-color:rgba(8,145,178,.28); --dxbl-edit-focus-border-color:var(--gold-500); }
.dxbl-popup { --dxbl-popup-border-color:var(--line); }
.dxbl-popup-header { color:var(--turquoise-900); background:linear-gradient(90deg,var(--turquoise-50),#fff 58%,var(--gold-100)); }
.status-pill { display:inline-block; min-width:43px; padding:3px 7px; border-radius:999px; text-align:center; font-size:11px; font-weight:700; }
.status-pill.new { color:#9a3412; background:#ffedd5; }.status-pill.base { color:#475467; background:#f2f4f7; }
.status-pill.active { color:#067647; background:#ecfdf3; }.status-pill.passive { color:#b42318; background:#fef3f2; }
.detail-summary { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; padding:2px 2px 15px; }
.detail-summary div { display:flex; flex-direction:column; gap:3px; }.detail-summary .wide { grid-column:1/-1; }
.detail-summary span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.04em; }.detail-summary strong { font-size:13px; }
.detail-tabs { min-height:320px; }.empty-state { padding:28px; text-align:center; color:var(--muted); }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.metric-grid article,.sync-panel { padding:17px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:var(--shadow); }
.metric-grid span,.metric-grid small { display:block; color:var(--muted); }.metric-grid span { font-size:12px; font-weight:700; }.metric-grid strong { display:block; margin:9px 0 5px; font-size:28px; }.metric-grid .date-value { font-size:18px; }
.sync-panel { margin-top:12px; }.sync-panel h2 { margin:0 0 12px; font-size:16px; }.sync-panel pre { white-space:pre-wrap; color:#b42318; }.success-text { color:#067647; }
.login-body { display:grid; place-items:center; min-height:100vh; padding:16px; background-color:var(--turquoise-900); background-image:linear-gradient(135deg,rgba(2,25,48,.12),rgba(8,145,178,.02) 48%,rgba(22,78,99,.14)),url('/images/login-acente-network.png'); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; }
.login-card { width:min(410px,calc(100vw - 32px)); padding:30px; border:1px solid rgba(253,230,138,.66); border-radius:14px; background:rgba(255,255,255,.76); background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(236,254,255,.58)); box-shadow:0 28px 80px rgba(21,94,117,.34),0 0 0 1px rgba(34,211,238,.14),inset 0 1px 0 rgba(255,255,255,.72); -webkit-backdrop-filter:blur(18px) saturate(1.16); backdrop-filter:blur(18px) saturate(1.16); }
.login-brand { display:flex; flex-direction:column; align-items:center; gap:10px; margin-bottom:20px; text-align:center; }
.login-brand img { display:block; width:min(100%,300px); height:auto; object-fit:contain; }
.login-brand span { color:var(--turquoise-900); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.login-card label { display:block; margin:13px 0 5px; color:var(--turquoise-900); font-size:12px; font-weight:700; }
.login-card input { width:100%; height:42px; padding:8px 10px; border:1px solid rgba(34,211,238,.62); border-radius:7px; color:white; background:rgba(22,78,99,.88); box-shadow:inset 0 1px 2px rgba(10,55,70,.28),inset 0 1px 0 rgba(255,255,255,.13); }
.login-card input:focus { border-color:var(--gold-200); outline:none; box-shadow:0 0 0 3px var(--focus),inset 0 1px 2px rgba(10,55,70,.28); background:rgba(14,116,144,.94); }
.login-card button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:20px; padding:11px; border:1px solid var(--turquoise-800); border-radius:7px; color:white; background:linear-gradient(180deg,var(--turquoise-700),var(--turquoise-800)); box-shadow:0 10px 22px rgba(8,145,178,.28); font-weight:800; cursor:pointer; }
.login-button-icon { width:18px; height:18px; object-fit:contain; }
.login-card button:hover { background:linear-gradient(180deg,var(--turquoise-800),var(--turquoise-900)); }
.login-card button:focus-visible { outline:3px solid rgba(255,229,138,.64); outline-offset:3px; }
.login-error { padding:9px 11px; border-radius:6px; color:#b42318; background:#fef3f2; font-size:13px; }
.password-popup-body { padding:16px; }
.password-form { display:flex; flex-direction:column; gap:12px; }
.password-field { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:12px; font-weight:700; }
.password-field input { width:100%; min-height:42px; padding:8px 10px; border:1px solid rgba(8,145,178,.28); border-radius:7px; color:var(--ink); background:white; font:inherit; }
.password-field input:focus { border-color:var(--gold-500); outline:none; box-shadow:0 0 0 3px var(--focus); }
.password-popup-actions { display:flex; justify-content:flex-end; gap:8px; width:100%; padding:10px 14px 14px; }
.operation-message.error { padding:9px 11px; border:1px solid rgba(180,35,24,.22); border-radius:7px; color:#b42318; background:#fef3f2; font-size:13px; }
.tower-filters { display:flex; flex-direction:column; gap:9px; padding:12px; margin-bottom:12px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:var(--shadow); }
.tower-filter-row { display:grid; gap:9px; min-width:0; }
.tower-filter-primary { grid-template-columns:repeat(4,minmax(135px,1fr)); }
.tower-filter-secondary { grid-template-columns:repeat(2,minmax(135px,1fr)) minmax(390px,2fr); align-items:end; }
.tower-filters .filter-field>label,.edit-form>div>label,.crm-form>div>label { display:block; margin-bottom:4px; color:var(--muted); font-size:11px; font-weight:700; }
.tower-filter-actions { display:flex; align-items:end; justify-content:flex-end; gap:7px; }
.tower-metrics { grid-template-columns:repeat(6,1fr); }.tower-metrics .metric-danger strong{color:#b42318}
.status-overview { display:grid; grid-template-columns:repeat(6,1fr); gap:9px; margin:12px 0; }
.status-overview>div { display:flex; justify-content:space-between; align-items:center; padding:11px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:0 8px 20px rgba(21,94,117,.07); }
.status-overview strong { font-size:18px; }.tower-tabs { --dxds-color-border-primary-default-rest:var(--gold-500); padding:10px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:var(--shadow); }
.crm-pill { display:inline-block; padding:3px 8px; border-radius:999px; color:var(--crm-status-0-color); background:var(--crm-status-0-bg); font-size:11px; font-weight:700; white-space:nowrap; }
.crm-pill.status-1{color:var(--crm-status-1-color);background:var(--crm-status-1-bg)}.crm-pill.status-2{color:var(--crm-status-2-color);background:var(--crm-status-2-bg)}.crm-pill.status-3{color:var(--crm-status-3-color);background:var(--crm-status-3-bg)}.crm-pill.status-4{color:var(--crm-status-4-color);background:var(--crm-status-4-bg)}.crm-pill.status-5{color:var(--crm-status-5-color);background:var(--crm-status-5-bg)}.crm-pill.status-6{color:var(--crm-status-6-color);background:var(--crm-status-6-bg)}
.agency-grid .agency-crm-row-status-0{--dxbl-grid-row-bg:var(--crm-status-0-bg)}.agency-grid .agency-crm-row-status-1{--dxbl-grid-row-bg:var(--crm-status-1-bg)}.agency-grid .agency-crm-row-status-2{--dxbl-grid-row-bg:var(--crm-status-2-bg)}.agency-grid .agency-crm-row-status-3{--dxbl-grid-row-bg:var(--crm-status-3-bg)}.agency-grid .agency-crm-row-status-4{--dxbl-grid-row-bg:var(--crm-status-4-bg)}.agency-grid .agency-crm-row-status-5{--dxbl-grid-row-bg:var(--crm-status-5-bg)}.agency-grid .agency-crm-row-status-6{--dxbl-grid-row-bg:var(--crm-status-6-bg)}
.crm-current { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; padding:12px; border:1px solid rgba(8,145,178,.22); border-radius:8px; background:linear-gradient(135deg,var(--turquoise-50),#fff 60%,var(--gold-50)); }
.crm-current div { display:flex; flex-direction:column; gap:4px; }.crm-current span{color:var(--muted);font-size:11px}.crm-current strong{font-size:13px}
.ownership-actions { display:flex; align-items:end; gap:8px; margin:12px 0; }.ownership-actions .dxbl-combobox{min-width:230px}
.crm-entry,.crm-history { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }.crm-entry h3,.crm-history h3{margin:0 0 10px;font-size:15px}
.crm-form { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-bottom:10px; }.crm-form .wide{grid-column:1/-1}
.crm-form input,.edit-form input { width:100%; min-height:38px; padding:7px 9px; border:1px solid var(--line); border-radius:6px; background:white; }
.crm-form input:focus,.edit-form input:focus { border-color:var(--gold-500); outline:none; box-shadow:0 0 0 3px var(--focus); }
.danger-zone { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:18px; padding:12px; border:1px solid #fda29b; border-radius:8px; background:#fff7f6; }.danger-zone div{margin-right:auto}.danger-zone p{margin:3px 0;color:#b42318;font-size:12px}
.operation-message { padding:9px 11px; margin-bottom:10px; border-radius:6px; font-size:13px; }.operation-message.success{color:#067647;background:#ecfdf3}.operation-message.error{color:#b42318;background:#fef3f2}
.info-note { padding:10px; color:#475467; border:1px solid rgba(8,145,178,.24); border-radius:7px; background:var(--turquoise-50); }.row-actions{display:flex;gap:5px}.owner-inactive{color:#b42318;font-weight:700}
.edit-form { display:grid; gap:12px; }.form-panel,.empty-panel { padding:20px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:var(--shadow); }.form-panel.narrow{max-width:520px}.empty-panel{text-align:center}.text-link{color:var(--turquoise-700);font-weight:700}
.user-form-body { padding:18px; }
.user-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; }
.form-field { min-width:0; }
.form-field>label { display:block; margin-bottom:5px; color:var(--muted); font-size:11px; font-weight:700; }
.user-form-wide,.user-form-error { grid-column:1/-1; }
.user-form-check { display:flex; align-items:center; min-height:38px; padding:6px 9px; border:1px solid rgba(8,145,178,.22); border-radius:6px; background:linear-gradient(90deg,rgba(236,254,255,.58),rgba(255,255,255,.92)); }
.user-form-check .dxbl-checkbox { width:auto; max-width:100%; }
.user-password-input { width:100%; min-height:38px; padding:7px 9px; border:1px solid var(--line); border-radius:6px; background:white; }
.user-password-input:focus { border-color:var(--gold-500); outline:none; box-shadow:0 0 0 3px var(--focus); }
.popup-form-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; width:100%; }
@media (max-width:1200px) { .filter-strip:not(.agency-filters) { grid-template-columns:repeat(4,1fr); }.agency-filter-primary{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(130px,1fr))}.agency-filter-secondary{grid-template-columns:repeat(4,minmax(120px,1fr))}.agency-filter-tertiary{grid-template-columns:1fr}.agency-filter-tertiary .filter-checks,.agency-filter-tertiary .filter-actions{grid-column:1}.filter-search { grid-column:span 2; }.metric-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:1200px){.tower-filter-primary{grid-template-columns:repeat(2,1fr)}.tower-filter-secondary{grid-template-columns:repeat(2,1fr)}.tower-filter-actions{grid-column:1/-1}.tower-metrics{grid-template-columns:repeat(3,1fr)}.status-overview{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px) { .page-content{min-height:calc(100vh - 58px);padding:12px}.agencies-page{height:auto;overflow:visible}.main-page-grid{height:clamp(420px,65dvh,620px);min-height:420px;max-height:620px}.agencies-page>.main-page-grid{flex:0 0 auto;height:clamp(420px,65dvh,620px);min-height:420px;max-height:620px}.filter-strip:not(.agency-filters){grid-template-columns:1fr 1fr}.agency-filter-primary,.agency-filter-secondary,.agency-filter-tertiary{grid-template-columns:1fr}.agency-filter-primary .filter-search,.agency-filter-tertiary .filter-checks,.agency-filter-tertiary .filter-actions{grid-column:1}.filter-checks{align-items:flex-start;flex-direction:column}.filter-actions{justify-content:flex-start;flex-wrap:wrap}.metric-grid,.tower-metrics{grid-template-columns:1fr}.detail-summary{grid-template-columns:1fr}.detail-summary .wide{grid-column:auto}.tower-filter-primary,.tower-filter-secondary,.status-overview{grid-template-columns:1fr}.tower-filter-actions{grid-column:1;justify-content:flex-start;flex-wrap:wrap}.crm-current,.crm-form{grid-template-columns:1fr}.crm-form .wide{grid-column:auto}.ownership-actions,.danger-zone{align-items:stretch;flex-direction:column}.danger-zone div{margin-right:0}.user-form-grid{grid-template-columns:1fr}.user-form-wide,.user-form-error{grid-column:1} }
@media (max-width:700px) { .login-body{background-position:52% center;background-attachment:scroll}.login-card{padding:26px 22px} }