:root {
    color-scheme: light;
    --blue-50: #eff4ff;
    --blue-100: #dce8ff;
    --blue-200: #bdd3ff;
    --blue-300: #8eb5ff;
    --blue-400: #5a8eef;
    --blue-500: #2f6bd2;
    --blue-600: #1554c0;
    --blue-700: #173783;
    --blue-800: #0a2a55;
    --blue-900: #061b3d;
    --orange-50: #fff8f2;
    --orange-100: #fdebdc;
    --orange-200: #f8c9a7;
    --orange-400: #ef985b;
    --orange-500: #e47a32;
    --cream: #fffaf6;
    --ink: #10233f;
    --muted: #667085;
    --line: #d9e2ef;
    --line-strong: rgba(228, 122, 50, .42);
    --surface: rgba(255, 255, 255, .94);
    --surface-soft: rgba(255, 253, 245, .92);
    --canvas: #f5f7fb;
    --brand: var(--blue-900);
    --brand2: var(--blue-600);
    --focus: rgba(228, 122, 50, .30);
    --shadow: 0 14px 34px rgba(6, 27, 61, .10);
    --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(--blue-600);
    --dxds-color-surface-primary-default-hovered: var(--blue-700);
    --dxds-color-surface-primary-default-pressed: var(--blue-800);
    --dxds-color-content-primary-default-rest: var(--blue-600);
    --dxds-color-border-primary-default-rest: var(--blue-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(--orange-50)); }
body.tobb-presentation-active { overflow:hidden; }
body.tobb-presentation-active .app-shell { visibility:hidden; }
body.tobb-presentation-active .density-page.presentation-mode { visibility:visible; }
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(--orange-50)); border:0; border-right:1px solid var(--line); box-shadow:10px 0 30px rgba(6,27,61,.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(--orange-50),var(--blue-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(--blue-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(--orange-500); color:var(--blue-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:0 1 auto; flex-direction:column; gap:5px; max-height:48vh; padding:12px; overflow-x:hidden; overflow-y:auto; border-top:1px solid var(--line); background:rgba(255,253,245,.56); scrollbar-width:thin; }
.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(6,27,61,.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(--blue-900),var(--blue-600) 62%,var(--orange-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(--blue-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(--blue-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-support { position:relative; display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:10px; min-height:92px; margin-top:9px; padding:14px 10px 11px; border:1px solid rgba(255,255,255,.13); border-radius:9px; background:rgba(255,255,255,.045); overflow:hidden; }
.drawer-support::before { content:""; position:absolute; top:0; left:0; width:42px; height:2px; border-radius:0 99px 99px 0; background:var(--orange-500); }
.drawer-support>img { display:block; width:34px; height:34px; object-fit:contain; }
.drawer-support-info { display:flex; flex-direction:column; min-width:0; }
.drawer-support-info span { color:rgba(255,255,255,.68); font-size:10px; font-weight:700; }
.drawer-support-info strong { margin-top:2px; color:#fff; font-size:14px; line-height:1.25; white-space:nowrap; }
.drawer-support-info small { margin-top:5px; color:rgba(255,255,255,.62); font-size:9px; line-height:1.35; white-space:nowrap; }
.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,.drawer-mini .drawer-support { 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(6,27,61,.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(--blue-900),var(--blue-600)); box-shadow:0 8px 24px rgba(6,27,61,.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(--orange-100); color:var(--blue-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(--orange-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-heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.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(21,84,192,.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; }
.agency-filter-shell { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:9px; padding:10px; margin-bottom:12px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:var(--shadow); }
.agency-filter-section { min-width:0; overflow:hidden; border:1px solid rgba(21,84,192,.2); border-radius:8px; background:#fff; }
.agency-filter-section.active { border-color:rgba(228,122,50,.62); box-shadow:inset 3px 0 0 var(--orange-500); }
.agency-filter-search,.agency-filter-region,.agency-filter-crm { grid-column:span 4; }
.agency-filter-date { grid-column:span 8; }
.agency-filter-scope { grid-column:span 4; }
.agency-filter-section>header { display:grid; grid-template-columns:minmax(110px,auto) minmax(0,1fr); gap:10px; align-items:center; min-height:39px; padding:7px 11px; color:var(--blue-900); background:linear-gradient(100deg,rgba(236,254,255,.72),rgba(255,251,235,.7)); }
.agency-filter-section>header span { font-size:12px; font-weight:800; }
.agency-filter-section>header small { overflow:hidden; color:var(--muted); font-size:11px; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.agency-filter-section.active>header small { color:#9a6700; font-weight:700; }
.agency-filter-body { display:grid; gap:9px; padding:11px; border-top:1px solid rgba(21,84,192,.14); background:linear-gradient(105deg,rgba(236,254,255,.38),rgba(255,251,235,.3)); }
.agency-filter-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.agency-filter-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.agency-filter-grid-wide { grid-column:1/-1; }
.agency-filter-actions { display:flex; justify-content:flex-end; gap:7px; align-items:end; }
.agency-filter-body .filter-checks { min-height:38px; padding:4px 2px; flex-wrap:wrap; }
.agencies-page > .agency-filter-shell { flex:0 1 auto; }
.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(--blue-50),#fff 68%,var(--orange-50)); }
.dxbl-btn.dxbl-btn-primary { border-color:var(--blue-800)!important; background:linear-gradient(180deg,var(--blue-700),var(--blue-800))!important; box-shadow:0 8px 18px rgba(21,84,192,.24); color:white!important; font-weight:800; }
.dxbl-btn.dxbl-btn-primary:hover,.dxbl-btn.dxbl-btn-primary:focus { border-color:var(--blue-900)!important; background:linear-gradient(180deg,var(--blue-800),var(--blue-900))!important; color:white!important; }
.dxbl-btn.dxbl-btn-secondary { border-color:var(--orange-500)!important; background:#fff!important; color:var(--blue-900)!important; }
.dxbl-btn.dxbl-btn-secondary:hover { border-color:var(--orange-500)!important; background:linear-gradient(90deg,var(--orange-100),var(--blue-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(21,84,192,.28); --dxbl-edit-focus-border-color:var(--orange-500); }
.dxbl-popup { --dxbl-popup-border-color:var(--line); }
.dxbl-popup-header { color:var(--blue-900); background:linear-gradient(90deg,var(--blue-50),#fff 58%,var(--orange-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-count-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 2px 14px; }
.detail-count-card { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:9px; min-width:0; min-height:56px; padding:9px 12px; border:1px solid rgba(21,84,192,.28); border-radius:8px; background:linear-gradient(105deg,var(--blue-50),#fff); }
.detail-count-card.branches { border-color:rgba(228,122,50,.42); background:linear-gradient(105deg,var(--orange-100),#fff); }
.detail-count-card img { width:22px; height:22px; }
.detail-count-card span { min-width:0; overflow-wrap:anywhere; color:var(--muted); font-size:11px; font-weight:700; line-height:1.2; }
.detail-count-card strong { color:var(--blue-900); font-size:22px; line-height:1; }
.detail-count-card.branches strong { color:#9a6700; }
.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(--blue-900); background-image:linear-gradient(135deg,rgba(2,25,48,.12),rgba(21,84,192,.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(6,27,61,.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(--blue-900); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.login-card label { display:block; margin:13px 0 5px; color:var(--blue-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(--orange-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(--blue-800); border-radius:7px; color:white; background:linear-gradient(180deg,var(--blue-700),var(--blue-800)); box-shadow:0 10px 22px rgba(21,84,192,.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(--blue-800),var(--blue-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(21,84,192,.28); border-radius:7px; color:var(--ink); background:white; font:inherit; }
.password-field input:focus { border-color:var(--orange-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-page { display:flex; flex-direction:column; height:calc(100dvh - 50px); min-height:0; overflow:hidden; }
.tower-page>.page-heading,.tower-page>.tower-filters,.tower-page>.tower-metrics,.tower-page>.status-overview { flex:0 0 auto; }
.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(6,27,61,.07); }
.status-overview strong { font-size:18px; }.tower-tabs { --dxds-color-border-primary-default-rest:var(--orange-500); padding:10px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:var(--shadow); }
.tower-page>.tower-tabs { --dxbl-tabs-display:flex; --dxbl-tabs-flex-direction:column; --dxbl-tabs-height:100%; flex:1 1 0; width:100%; max-width:100%; min-width:0; min-height:0; }
.tower-tabs>.dxbl-tabs-tablist { flex:0 0 auto; }
.tower-tabs>.dxbl-tabs-content-panel { flex:1 1 0; min-width:0; min-height:0; overflow:hidden; }
.tower-tabs>.dxbl-tabs-content-panel>.dxbl-tabs-content { display:flex; min-width:0; min-height:0; }
.tower-tabs>.dxbl-tabs-content-panel>.dxbl-tabs-content>.agency-grid { flex:1 1 0; width:100%; height:100%; min-width:0; min-height:0; }
.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(21,84,192,.22); border-radius:8px; background:linear-gradient(135deg,var(--blue-50),#fff 60%,var(--orange-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(--orange-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(21,84,192,.24); border-radius:7px; background:var(--blue-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(--blue-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(21,84,192,.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(--orange-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:1200px){.agency-filter-shell{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-filter-search,.agency-filter-region,.agency-filter-crm,.agency-filter-scope{grid-column:span 1}.agency-filter-date{grid-column:1/-1}}
@media (max-width:900px),(max-width:1200px) and (max-height:700px){.agencies-page.filters-open{height:auto;overflow:visible}.agencies-page.filters-open>.agency-filter-shell{flex:0 0 auto}.agencies-page.filters-open>.main-page-grid{flex:0 0 auto;height:clamp(420px,65dvh,620px);min-height:420px;max-height:620px}}
@media (max-width:700px) { .page-content{min-height:calc(100vh - 58px);padding:12px}.agencies-page,.tower-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}.tower-page>.tower-tabs{--dxbl-tabs-display:block;--dxbl-tabs-height:auto;flex:0 0 auto;height:auto;min-height:0}.tower-tabs>.dxbl-tabs-content-panel{overflow:visible}.tower-tabs>.dxbl-tabs-content-panel>.dxbl-tabs-content>.agency-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) { .detail-count-card{grid-template-columns:24px minmax(0,1fr) auto;gap:6px;padding:8px 9px}.detail-count-card img{width:19px;height:19px}.detail-count-card strong{font-size:19px} }
@media (max-width:700px){.agency-filter-shell{grid-template-columns:1fr;max-height:none;overflow:visible}.agency-filter-search,.agency-filter-region,.agency-filter-crm,.agency-filter-date,.agency-filter-scope{grid-column:1}.agency-filter-grid-two,.agency-filter-grid-three{grid-template-columns:1fr}.agency-filter-actions{justify-content:flex-start;flex-wrap:wrap}.agency-filter-section>header{grid-template-columns:minmax(100px,auto) minmax(0,1fr)}.agency-filter-section>header small{text-align:left}}
@media (max-width:700px) { .login-body{background-position:52% center;background-attachment:scroll}.login-card{padding:26px 22px} }

/* Asilay Connect visual system */
html,body { color:var(--ink); background:linear-gradient(135deg,var(--canvas),#fff 58%,var(--orange-50)); }
.main-drawer .dxbl-drawer-panel { color:#fff; background:linear-gradient(180deg,#061b3d 0%,#082754 58%,#0a315f 100%); border-right:1px solid rgba(255,255,255,.09); box-shadow:12px 0 34px rgba(6,27,61,.22); }
.drawer-body { background:radial-gradient(circle at 20% 4%,rgba(21,84,192,.28),transparent 38%),linear-gradient(180deg,rgba(6,27,61,.08),rgba(6,27,61,.22)); }
.drawer-brand-row { min-height:112px; padding:18px 12px 14px 18px; }
.drawer-brand { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.drawer-brand img { width:164px; filter:brightness(0) invert(1); }
.drawer-brand span { color:var(--orange-400); font-size:11px; font-weight:900; letter-spacing:.16em; }
.drawer-brand span::after { content:""; display:block; width:30px; height:2px; margin-top:6px; border-radius:99px; background:var(--orange-500); }
.drawer-mini-brand { display:none; width:38px; height:38px; padding:5px; border-radius:9px; background:rgba(255,255,255,.96); box-shadow:0 7px 18px rgba(0,0,0,.18); }
.drawer-mini-brand img { display:block; width:100%; height:100%; }
.drawer-toggle,.mobile-menu-button { border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.08); }
.drawer-toggle:hover { border-color:rgba(228,122,50,.75); background:rgba(21,84,192,.42); }
.side-menu { --dxds-color-surface-neutral-default-hovered:transparent; --dxds-color-surface-neutral-default-selected-hovered:transparent; }
.side-menu .dxbl-menu-item { color:rgba(255,255,255,.92); }
.side-menu .dxbl-menu-item > .dxbl-btn,
.side-menu .dxbl-menu-item .dxbl-menu-item-text-container,
.side-menu .dxbl-menu-item .dxbl-menu-item-text { color:inherit; }
.side-menu .dxbl-menu-item > .dxbl-btn:focus-visible { color:#fff; outline:3px solid var(--focus); outline-offset:-3px; border-radius:inherit; }
.side-menu .dxbl-menu-item:hover { color:#fff; background:rgba(21,84,192,.32); }
.side-menu .dxbl-menu-item-selected,
.side-menu .menu-item-active > .dxbl-menu-item { border-left:3px solid var(--orange-500); color:#fff; background:linear-gradient(90deg,rgba(21,84,192,.82),rgba(21,84,192,.46)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.12); font-weight:800; }
.drawer-footer { border-top-color:rgba(255,255,255,.12); background:rgba(2,17,39,.34); }
.login-user-card { border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.06); box-shadow:none; }
.login-user-avatar { background:linear-gradient(135deg,var(--blue-600),var(--blue-700) 64%,var(--orange-500)); }
.login-user-label { color:rgba(255,255,255,.58); }
.login-user-name { color:#fff; }
.drawer-action { color:rgba(255,255,255,.88); }
.drawer-action:hover { color:#fff; border-color:rgba(228,122,50,.48); background:rgba(21,84,192,.26); }
.drawer-support { box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.drawer-mini .drawer-brand-row { flex-direction:column; justify-content:flex-start; gap:9px; min-height:98px; padding:10px 6px; }
.drawer-mini .drawer-brand { display:none; }
.drawer-mini .drawer-mini-brand { display:block; }
.drawer-mini .drawer-toggle { width:38px; height:34px; }
.drawer-mini .login-user-card { border-color:transparent; background:transparent; }
.mobile-app-bar { border-bottom-color:var(--line); background:rgba(255,255,255,.97); box-shadow:0 7px 24px rgba(6,27,61,.12); }
.mobile-menu-button { border-color:var(--line); background:var(--blue-50); }
.mobile-brand { display:flex; flex-direction:column; gap:1px; text-decoration:none; }
.mobile-brand span { color:var(--orange-500); font-size:8px; font-weight:900; letter-spacing:.15em; }
.page-content { position:relative; min-height:100vh; padding:20px 24px 32px; background:linear-gradient(120deg,rgba(245,247,251,.98),rgba(255,255,255,.97) 58%,rgba(239,244,255,.94)),url('/images/login-acente-network.png') center/cover fixed; }
.page-heading { margin-bottom:16px; }
.page-heading h1 { color:var(--blue-900); font-size:26px; letter-spacing:-.02em; }
.page-heading p { color:#66758a; }
.agency-grid,.tower-filters,.metric-grid article,.sync-panel,.form-panel,.empty-panel { border-color:var(--line); border-radius:12px; box-shadow:0 10px 28px rgba(6,27,61,.07); }
.agency-grid .dxbl-grid-header-row { background:linear-gradient(180deg,var(--blue-50),#fff 72%,var(--orange-50)); }
.dxbl-btn.dxbl-btn-primary { border-color:var(--blue-700)!important; background:linear-gradient(180deg,var(--blue-600),var(--blue-700))!important; box-shadow:0 8px 18px rgba(21,84,192,.22); }
.dxbl-btn.dxbl-btn-primary:hover,.dxbl-btn.dxbl-btn-primary:focus { border-color:var(--blue-900)!important; background:linear-gradient(180deg,var(--blue-700),var(--blue-900))!important; }
.dxbl-btn.dxbl-btn-secondary { border-color:var(--line)!important; color:var(--blue-900)!important; box-shadow:0 4px 12px rgba(6,27,61,.05); }
.dxbl-btn.dxbl-btn-secondary:hover { border-color:var(--orange-500)!important; background:linear-gradient(90deg,var(--orange-50),var(--blue-50))!important; }
.dxbl-text-edit,.dxbl-spin-edit,.dxbl-date-edit,.dxbl-combobox { --dxbl-edit-border-color:var(--line); --dxbl-edit-focus-border-color:var(--orange-500); }
.dxbl-popup-header { color:var(--blue-900); background:linear-gradient(90deg,var(--blue-50),#fff 62%,var(--orange-50)); }

.login-body { display:block; min-height:100vh; padding:0; overflow-x:hidden; background:#061b3d url('/images/login-acente-network.png') center/cover fixed no-repeat; }
.login-shell { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr); min-height:100vh; }
.login-story { position:relative; display:flex; align-items:center; min-width:0; padding:clamp(40px,7vw,100px); color:#fff; overflow:hidden; background:radial-gradient(circle at 15% 82%,rgba(21,84,192,.32),transparent 34%),linear-gradient(112deg,rgba(6,27,61,.98),rgba(6,27,61,.92) 62%,rgba(6,27,61,.66)); clip-path:polygon(0 0,91% 0,72% 43%,100% 100%,0 100%); }
.login-story::after { content:""; position:absolute; inset:auto -2% 0 0; height:2px; background:linear-gradient(90deg,transparent,var(--blue-400),var(--orange-500),transparent); box-shadow:0 0 16px rgba(90,142,239,.7); transform:rotate(-7deg); transform-origin:right; }
.login-story-content { position:relative; z-index:1; width:min(640px,82%); }
.login-story-brand { display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-bottom:58px; }
.login-story-brand img { width:min(370px,90%); filter:brightness(0) invert(1); }
.login-story-brand span { color:var(--orange-400); font-size:14px; font-weight:900; letter-spacing:.18em; }
.login-story-brand span::after { content:""; display:block; width:44px; height:3px; margin-top:10px; border-radius:99px; background:var(--orange-500); }
.login-story-heading { max-width:560px; }
.login-story-kicker { display:block; color:#fff; font-size:clamp(24px,2.2vw,36px); font-weight:800; }
.login-story-heading h1 { margin:3px 0 20px; color:var(--blue-400); font-size:clamp(34px,3.3vw,54px); line-height:1.02; }
.login-story-heading p { max-width:520px; margin:0; color:rgba(255,255,255,.80); font-size:clamp(14px,1vw,17px); line-height:1.65; }
.login-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:54px; }
.login-benefits>div { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.login-benefits img { width:48px; height:48px; margin-bottom:13px; padding:10px; border:1px solid rgba(90,142,239,.38); border-radius:10px; background:rgba(21,84,192,.12); }
.login-benefits strong { font-size:14px; }
.login-benefits span { margin-top:5px; color:rgba(255,255,255,.66); font-size:11px; line-height:1.4; }
.login-form-region { display:grid; place-items:center; padding:40px; background:linear-gradient(112deg,rgba(239,244,255,.46),rgba(255,255,255,.70)); }
.login-card { width:min(510px,100%); padding:42px 44px 46px; border:1px solid rgba(255,255,255,.82); border-radius:22px; background:linear-gradient(155deg,rgba(255,255,255,.91),rgba(239,244,255,.76)); box-shadow:0 28px 90px rgba(6,27,61,.25),inset 0 1px 0 rgba(255,255,255,.95); -webkit-backdrop-filter:blur(22px) saturate(1.14); backdrop-filter:blur(22px) saturate(1.14); }
.login-brand { gap:6px; margin-bottom:12px; }
.login-brand img { width:82px; height:82px; }
.login-brand span { color:var(--blue-900); font-size:12px; letter-spacing:.12em; }
.login-welcome { margin-bottom:25px; text-align:center; }
.login-welcome h2 { margin:0; color:var(--blue-900); font-size:30px; }
.login-welcome h2 span { color:var(--blue-600); }
.login-welcome p { margin:7px 0 0; color:#60708a; font-size:14px; }
.login-card form>label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.login-field { display:flex; align-items:center; gap:11px; min-height:58px; padding:0 15px; margin-bottom:15px; border:1px solid rgba(23,55,131,.13); border-radius:10px; background:rgba(255,255,255,.92); box-shadow:0 7px 19px rgba(6,27,61,.08); transition:border-color .15s ease,box-shadow .15s ease; }
.login-field:focus-within { border-color:var(--orange-500); box-shadow:0 0 0 3px var(--focus),0 8px 22px rgba(6,27,61,.09); }
.login-field>img { flex:0 0 22px; width:22px; height:22px; }
.login-card .login-field input { flex:1; width:auto; height:56px; min-width:0; padding:0; color:var(--ink); border:0; border-radius:0; background:transparent; box-shadow:none; font:inherit; }
.login-card .login-field input:focus { color:var(--ink); border:0; outline:0; background:transparent; box-shadow:none; }
.login-card .login-field input::placeholder { color:#8491a5; opacity:1; }
.login-card .password-visibility { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; min-height:0; margin:0; padding:7px; border:0; border-radius:8px; background:transparent; box-shadow:none; }
.login-card .password-visibility:hover { background:var(--blue-50); }
.login-card .password-visibility img { width:21px; height:21px; }
.login-card .login-submit { display:flex; align-items:center; justify-content:center; gap:14px; min-height:60px; margin-top:24px; border-color:var(--blue-700); border-radius:10px; background:linear-gradient(95deg,var(--blue-600),#123f9f); box-shadow:0 12px 25px rgba(21,84,192,.27); font-size:16px; }
.login-card .login-submit:hover { background:linear-gradient(95deg,var(--blue-700),var(--blue-900)); }
.login-card .login-submit .login-button-icon { margin-left:auto; filter:brightness(0) invert(1); }
.login-card .login-submit span { margin-left:auto; }
.login-error { margin-bottom:15px; border:1px solid rgba(180,35,24,.18); }

.tower-page>.page-heading { min-height:58px; }
.tower-filters { background:rgba(255,255,255,.96); }
.tower-metrics { gap:13px; }
.tower-metrics article { position:relative; min-height:164px; padding:20px; overflow:hidden; background:rgba(255,255,255,.97); }
.tower-metrics article::after { content:""; position:absolute; right:-22px; bottom:-22px; width:76px; height:76px; border-radius:50%; background:var(--blue-50); opacity:.72; }
.tower-metric-icon { display:grid; place-items:center; width:44px; height:44px; margin-bottom:16px; border-radius:10px; background:var(--blue-50); }
.tower-metric-icon img { width:25px; height:25px; }
.tower-metric-icon.metric-orange { background:#fff0e8; }
.tower-metric-icon.metric-green { background:#ecfdf3; }
.tower-metric-icon.metric-purple { background:#f4eeff; }
.tower-metric-icon.metric-cyan { background:#eaf8fb; }
.tower-metrics span { color:#61718a; font-size:12px; }
.tower-metrics strong { position:relative; z-index:1; margin:7px 0 4px; color:var(--blue-900); font-size:30px; }
.tower-metrics small { position:relative; z-index:1; font-size:11px; }
.status-overview { gap:9px; }
.status-overview>div { min-height:58px; border-color:var(--line); border-radius:10px; background:rgba(255,255,255,.97); box-shadow:0 7px 20px rgba(6,27,61,.06); }
.tower-tabs { --dxds-color-border-primary-default-rest:var(--orange-500); border-color:var(--line); border-radius:12px; background:rgba(255,255,255,.97); box-shadow:0 12px 30px rgba(6,27,61,.08); }

@media (max-width:1100px) {
    .login-shell { grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr); }
    .login-story { padding:52px 42px; clip-path:polygon(0 0,95% 0,82% 44%,100% 100%,0 100%); }
    .login-story-content { width:86%; }
    .login-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; margin-top:40px; }
}
@media (max-width:820px) {
    .login-shell { display:block; min-height:100vh; }
    .login-story { display:none; }
    .login-form-region { min-height:100vh; padding:24px; background:linear-gradient(135deg,rgba(6,27,61,.72),rgba(21,84,192,.34)); }
    .login-card { padding:34px 28px 38px; }
}
@media (max-width:700px) {
    .page-content { min-height:calc(100vh - 58px); padding:14px 12px 24px; background-attachment:scroll; }
    .page-heading { align-items:flex-start; gap:12px; }
    .page-heading h1 { font-size:22px; }
    .tower-metrics article { min-height:136px; }
    .login-form-region { padding:16px; }
    .login-card { padding:28px 20px 32px; border-radius:17px; }
    .login-brand img { width:68px; height:68px; }
    .login-welcome h2 { font-size:26px; }
}