:root{
  --era-navy:#0f2740;--era-navy-2:#173a59;--era-blue:#0876c9;--era-cyan:#16a3d6;--era-orange:#f59e0b;--era-green:#169873;
  --surface:#fff;--surface-2:#f7fafc;--border:#d9e4ec;--text:#152231;--text-muted:#667789;
  --accent:var(--era-blue);--accent-soft:#eaf5fd;--accent-strong:#075d9d;--chart-grid:#dfe8ef;
  --chart-power:#0876c9;--chart-power-fill:rgba(8,118,201,.16);--chart-energy:#169873;--chart-energy-fill:rgba(22,152,115,.18);
  --shadow:0 16px 46px rgba(15,39,64,.09);
}
body{background:linear-gradient(180deg,#f7fafc 0,#f3f7fa 45%,#eef4f8 100%)}
.dashboard-shell{grid-template-columns:278px minmax(0,1fr);transition:grid-template-columns .22s ease}
.sidebar{background:linear-gradient(180deg,#102b44 0%,#0d2237 100%);padding:18px 14px;box-shadow:12px 0 32px rgba(15,39,64,.08);z-index:40}
.brand-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:start;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-era{border:0!important;padding:0!important;min-width:0}.brand-logo-panel{border-radius:12px;box-shadow:none;border:1px solid rgba(255,255,255,.34)}
.brand-product{display:grid!important;justify-content:stretch!important;gap:3px!important;padding:8px 4px 0!important}.brand-product strong{font-size:.78rem!important}.brand-product small{text-transform:uppercase;letter-spacing:.08em;color:#82c7f0!important;font-size:.58rem!important;font-weight:800}
.sidebar-toggle{width:38px;height:38px;padding:0;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;color:#d9ecf8}.sidebar-toggle:hover{background:rgba(255,255,255,.14)}.sidebar-toggle svg{width:19px;height:19px}
.era-sidebar-search{position:relative;display:block;margin:5px 2px 10px}
.era-sidebar-search>svg{position:absolute;z-index:2;left:11px;top:50%;width:15px;height:15px;transform:translateY(-50%);fill:none;stroke:#7598ae;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.era-sidebar-search>input{width:100%;height:36px;padding:0 10px 0 34px}
.professional-nav{display:block;padding:14px 0;overflow:auto}.nav-section-label{display:block;margin:15px 11px 6px;color:#6f9ab8;font-size:.58rem;letter-spacing:.14em;font-weight:850}.nav-section-label:first-child{margin-top:2px}
.nav-item{gap:11px;min-height:42px;padding:0 11px;border-radius:10px;color:#c4d8e6;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(8,118,201,.95),rgba(22,163,214,.78));box-shadow:0 8px 20px rgba(8,118,201,.24)}
.nav-icon{width:19px;height:19px;min-width:19px;fill:none}.nav-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-foot{border-top:1px solid rgba(255,255,255,.08)}.avatar{background:linear-gradient(135deg,#0b78c6,#16a3d6)}
.sidebar-collapsed .dashboard-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar-collapsed .sidebar{padding-left:12px;padding-right:12px}.sidebar-collapsed .brand-row{grid-template-columns:1fr;border-bottom:0}.sidebar-collapsed .brand{display:none}.sidebar-collapsed .sidebar-toggle{margin:0 auto}.sidebar-collapsed .nav-section-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .user-chip span:not(.avatar),.sidebar-collapsed .sidebar-foot>a,.sidebar-collapsed .sidebar-foot form,.sidebar-collapsed .language-switch{display:none!important}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .nav-icon{width:21px;height:21px}.sidebar-collapsed .sidebar-foot{display:block}.sidebar-collapsed .user-chip{display:block}.sidebar-collapsed .avatar{margin:0 auto}
.dashboard-main{padding:28px 32px 48px}.topbar{align-items:center;margin-bottom:18px}.topbar h1{font-size:clamp(1.75rem,2.7vw,2.45rem);color:#102b44}.eyebrow,.section-kicker{color:#0876c9}.subtitle{max-width:760px;line-height:1.55}.preview-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#edf7ff;color:#075d9d;border:1px solid #c7e4f6;font-size:.65rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.scope-bar{border-radius:18px;padding:15px;background:rgba(255,255,255,.9);backdrop-filter:blur(7px);box-shadow:0 10px 32px rgba(15,39,64,.055)}.scope-bar select{border-color:#cfdae3;background:#fbfdff}.scope-bar select:focus,input:focus{outline:3px solid rgba(8,118,201,.12);border-color:#6db4e3}
.meter-head{padding-top:22px}.kpi-grid,.analysis-kpi-grid{gap:13px}.kpi-card{position:relative;overflow:hidden;border-radius:17px;padding:16px 15px 14px;box-shadow:0 9px 26px rgba(15,39,64,.055);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(15,39,64,.09);border-color:#c5d9e7}.kpi-card.primary{background:linear-gradient(145deg,#edf8ff 0,#fff 68%);border-color:#b9dcee}.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:11px;background:#e9f4fd;color:#0876c9}.kpi-icon svg{width:18px;height:18px}.kpi-icon-2{background:#e9f7f2;color:#148765}.kpi-icon-3{background:#fff5df;color:#c57a05}.kpi-icon-4{background:#f1edff;color:#7357c7}.kpi-icon-5{background:#eef5ff;color:#356fca}.kpi-icon-6{background:#fff0f0;color:#c65353}.kpi-card strong{color:#102b44}.kpi-meta{border-top-color:#e8eef3}
.panel{border-radius:18px;padding:18px 19px;box-shadow:0 10px 30px rgba(15,39,64,.055)}.panel-head{align-items:center;margin-bottom:11px}.panel-head h3{color:#183149}.panel-unit{background:#f5f9fc;border-color:#dce7ee}.status-dot.online{background:#14966f}
.chart-panel{position:relative}.chart-stage{position:relative;min-width:0}.chart-toolbar{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin:-2px 0 8px}.chart-tool{width:33px;height:31px;padding:0;border-radius:9px;background:#f5f9fc;color:#486174;border:1px solid #d8e4ec;display:grid;place-items:center}.chart-tool:hover{background:#eaf5fd;color:#0876c9;border-color:#b8d9ee}.chart-tool svg{width:16px;height:16px}.chart-range{margin-right:auto;color:var(--text-muted);font-size:.66rem;font-weight:650}.chart-help{font-size:.65rem;color:#7d8c99;margin:8px 0 0}.chart-panel canvas{cursor:crosshair;touch-action:none}.chart-panel canvas.is-panning{cursor:grabbing}.era-chart-tooltip{position:absolute;z-index:15;min-width:165px;max-width:210px;padding:9px 11px;border-radius:10px;background:rgba(15,39,64,.94);color:white;box-shadow:0 10px 28px rgba(15,39,64,.24);pointer-events:none;font-size:.72rem}.era-chart-tooltip strong,.era-chart-tooltip span{display:block}.era-chart-tooltip span{margin-top:4px;color:#cfe5f4}.chart-panel:fullscreen{background:#f5f8fb;padding:28px;overflow:auto}.chart-panel:fullscreen .chart-stage{min-height:70vh}.chart-panel:fullscreen canvas{height:70vh!important}
.phase-row strong{color:#0b78c6}.device-list dd{font-weight:650;color:#21394e}
.analysis-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr)}
.sidebar-overlay{display:none}
.auth-body-pro{min-height:100vh;background:#eef4f8}.auth-shell-pro{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr)}.auth-visual-pro{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:7vw;background:radial-gradient(circle at 22% 18%,rgba(22,163,214,.32),transparent 26%),radial-gradient(circle at 72% 62%,rgba(8,118,201,.30),transparent 28%),linear-gradient(145deg,#0d2438,#123c5e 55%,#0c6eaa);color:white}.auth-visual-pro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,23,36,.38))}.auth-orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;width:46vw;height:46vw;right:-12vw;top:-12vw}.auth-orbit-b{width:30vw;height:30vw;right:-2vw;top:8vw;border-color:rgba(255,255,255,.10)}.auth-visual-copy{position:relative;z-index:2;max-width:700px}.auth-eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:850;color:#8bd6ff}.auth-visual-copy h1{font-size:clamp(2.2rem,4vw,4.7rem);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px}.auth-visual-copy p{max-width:600px;color:#d8e9f5;font-size:1rem;line-height:1.65}.auth-network{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px}.auth-network span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:.72rem}.auth-network span i{width:7px;height:7px;border-radius:50%;background:#62d6ff;box-shadow:0 0 0 4px rgba(98,214,255,.12)}.auth-network b{width:26px;height:1px;background:rgba(255,255,255,.25)}.auth-panel-pro{display:grid;place-items:center;padding:30px;background:#f7fafc}.auth-card-pro{width:min(470px,100%);background:white;border:1px solid #d9e4ec;border-radius:24px;padding:30px;box-shadow:0 22px 58px rgba(15,39,64,.12)}.auth-brand-professional{margin-bottom:22px}.auth-brand-logo-panel{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 10px;border-radius:14px;background:white}.auth-brand-logo-panel i{height:45px;width:1px;background:#d8e3eb}.auth-brand-logo{display:block;max-width:310px;max-height:145px;width:auto;height:auto;object-fit:contain}.auth-brand-copy{text-align:center;margin-top:8px}.auth-brand-copy strong,.auth-brand-copy span{display:block}.auth-brand-copy strong{font-size:.9rem;color:#183149}.auth-brand-copy span{font-size:.7rem;color:#70808e;margin-top:3px}.auth-heading h1{font-size:1.75rem;margin-bottom:8px;color:#102b44}.auth-heading p{font-size:.86rem;line-height:1.55}.auth-form-pro{display:grid;gap:9px;margin-top:19px}.auth-form-pro label{font-size:.78rem;color:#445b6d}.auth-form-pro input{min-height:45px;border-radius:11px}.auth-submit{margin-top:5px;min-height:45px;background:linear-gradient(90deg,#0876c9,#159bd0);box-shadow:0 8px 18px rgba(8,118,201,.22)}.auth-submit:hover{filter:brightness(.98)}.auth-links{margin-top:16px}.auth-links a{font-size:.8rem;color:#0876c9;font-weight:700;text-decoration:none}.auth-support{font-size:.7rem;line-height:1.5;margin:18px 0 0;padding-top:16px;border-top:1px solid #e9eef2}.auth-alert{padding:10px 12px;margin:12px 0;border-radius:10px;background:#fff6df;border:1px solid #efd59b;color:#79590f;font-size:.76rem}.auth-alert-error,.field-error{background:#fff0f0;color:#9e3e3e;border-color:#ecc8c8}.field-error{padding:7px 9px;border-radius:8px;font-size:.7rem}.auth-language{display:flex;justify-content:flex-end}
@media(max-width:1250px){.analysis-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;height:68px;padding:10px 14px;display:block;overflow:visible}.brand-row{display:grid;grid-template-columns:minmax(0,220px) 38px;justify-content:space-between;border:0;padding:0}.brand-logo-panel{display:none}.brand-product{padding-top:2px!important}.professional-nav{display:none;position:absolute;left:10px;right:10px;top:64px;max-height:calc(100vh - 80px);padding:10px;background:#102b44;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 18px 42px rgba(4,20,33,.28)}.sidebar-mobile-open .professional-nav{display:block}.sidebar-foot{display:none!important}.sidebar-overlay{position:fixed;inset:68px 0 0;z-index:30;border:0;background:rgba(11,28,43,.32);padding:0}.sidebar-mobile-open .sidebar-overlay{display:block}.dashboard-main{padding:20px 16px 40px}.auth-shell-pro{grid-template-columns:1fr}.auth-visual-pro{display:none}.auth-panel-pro{padding:18px}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:620px){.analysis-kpi-grid,.kpi-grid{grid-template-columns:1fr 1fr}.auth-card-pro{padding:22px 18px;border-radius:19px}.chart-toolbar{flex-wrap:wrap}.chart-range{width:100%;order:2}.topbar{display:block}.preview-chip{margin-top:10px}}

/* Package 1 visual-fix: readable professional navigation */
@media (min-width:901px){
  .dashboard-shell{grid-template-columns:310px minmax(0,1fr)}
  .sidebar{padding-left:16px;padding-right:16px}
  .professional-nav .nav-item{min-height:44px;align-items:center}
  .professional-nav .nav-label{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.22;word-break:normal}
  .professional-nav .nav-section-label{white-space:normal}
  .sidebar-collapsed .dashboard-shell{grid-template-columns:86px minmax(0,1fr)}
  .sidebar-collapsed .professional-nav .nav-label{display:none!important}
}
.kpi-label,.kpi-meta{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.user-chip strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* ERA v2.5 Package 2 - Professional UI + Support Desk */
@media (min-width:901px){
  .dashboard-shell{grid-template-columns:330px minmax(0,1fr)!important}
  .sidebar-collapsed .dashboard-shell{grid-template-columns:86px minmax(0,1fr)!important}
  .professional-nav .nav-item{min-height:44px}
  .professional-nav .nav-label{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important}
  .professional-nav .nav-icon{flex:0 0 22px}
  .professional-nav .nav-icon svg{width:18px;height:18px;display:block}
  .sidebar-collapsed .professional-nav .nav-label{display:none!important}
}
.auth-visual-pro{position:relative;overflow:hidden}
.auth-hero-image-slot{position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(5,42,72,.94) 0%,rgba(8,62,98,.78) 52%,rgba(8,62,98,.45) 100%),url("/static/branding/era_login_hero_custom.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
.auth-visual-copy,.auth-orbit{position:relative;z-index:2}
.auth-network{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.auth-network span{white-space:nowrap}.auth-network b{width:20px;opacity:.6}
.pro-chart-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin:4px 0 8px}
.pro-chart-toolbar button,.pro-chart-toolbar select{width:auto;min-height:32px;padding:6px 9px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text);font-size:.72rem;font-weight:700}
.pro-chart-toolbar button{cursor:pointer}.pro-echart{width:100%;height:310px;min-height:260px}.analytics-wide .pro-echart{height:340px}
.pro-date-range{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0 16px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.pro-date-range label{font-size:.75rem;color:var(--text-muted)}.pro-date-range input{margin-top:5px;min-width:150px}.pro-date-range button{min-height:39px}
.support-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.support-filter{display:grid;grid-template-columns:2fr repeat(5,minmax(150px,1fr)) auto;gap:10px;align-items:end;margin-bottom:14px}.support-filter label{font-size:.72rem;color:var(--text-muted)}.support-filter input,.support-filter select{margin-top:5px}
.support-table-panel{padding:0;overflow:hidden}.support-table-panel .panel-head{padding:18px 18px 8px}.support-table-wrap{overflow:auto}.support-table{width:100%;border-collapse:collapse;min-width:1150px;font-size:.78rem}.support-table th{padding:10px 12px;text-align:left;color:var(--text-muted);font-size:.66rem;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.support-table td{padding:12px;border-bottom:1px solid #edf1f2;vertical-align:middle}.support-table td small{display:block;color:var(--text-muted);margin-top:3px}.ticket-code{font-weight:850;color:var(--accent);text-decoration:none;white-space:nowrap}
.support-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:.66rem;font-weight:800;white-space:nowrap}.priority-low{background:#eef3f6;color:#52646f}.priority-normal{background:#e8f2ff;color:#25629b}.priority-high{background:#fff0d8;color:#8a5900}.priority-critical{background:#fee5e5;color:#9b3131}.status-open{background:#e8f2ff;color:#25629b}.status-in_progress{background:#e9f5ef;color:#237158}.status-waiting_customer{background:#fff4d9;color:#7b5a09}.status-resolved{background:#e9f5ef;color:#237158}.status-closed{background:#eceff1;color:#5e6a70}
.support-create-form{max-width:1100px}.support-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.support-form-grid label{font-size:.76rem;color:var(--text-muted)}.support-form-grid input,.support-form-grid select,.support-form-grid textarea{margin-top:6px}.support-form-grid textarea{width:100%;resize:vertical;padding:12px;border:1px solid #cbd7d8;border-radius:10px;font:inherit}.support-span-2{grid-column:1/-1}.support-form-actions{display:flex;justify-content:flex-end;margin-top:18px}
.support-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:14px}.support-ticket-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.support-description{font-size:.88rem;line-height:1.7;color:var(--text);padding-bottom:14px;border-bottom:1px solid var(--border)}.support-detail-list div{grid-template-columns:140px 1fr;font-size:.78rem}.support-detail-list dd{text-align:right}.support-action-panel form{display:grid;gap:12px}.support-action-panel select{margin-top:6px}.support-attachments{display:grid;gap:7px;margin-top:16px}.support-attachments a{font-size:.78rem;color:var(--accent)}
.support-conversation{margin-top:14px}.support-comments{display:grid;gap:10px}.support-comments article{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.support-comments article>div{display:flex;justify-content:space-between;gap:12px;font-size:.72rem}.support-comments time{color:var(--text-muted)}.support-comments p{margin:8px 0 0;line-height:1.55;font-size:.8rem;color:var(--text)}.support-comment-form{display:grid;gap:10px;margin-top:14px}.support-comment-form textarea{width:100%;resize:vertical;padding:12px;border:1px solid #cbd7d8;border-radius:10px;font:inherit}.support-comment-form button{justify-self:end}
@media(max-width:1350px){.support-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.support-filter label:first-child{grid-column:span 2}}
@media(max-width:1050px){.support-kpi-grid{grid-template-columns:repeat(2,1fr)}.support-detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.support-kpi-grid,.support-filter,.support-form-grid{grid-template-columns:1fr}.support-filter label:first-child,.support-span-2{grid-column:auto}.pro-date-range{display:grid}.pro-chart-toolbar{justify-content:flex-start}}

/* ERA v2.5 Package 3 - Visual Polish + Dynamic Login Hero */

/* Login: image-led enterprise hero, while keeping text readable. */
.auth-shell-pro{grid-template-columns:minmax(620px,1.45fr) minmax(430px,.85fr)!important}
.auth-visual-pro{min-width:0;background:#082f51!important}
.auth-hero-image-slot{position:absolute!important;inset:0!important;z-index:0!important;background:none!important;overflow:hidden}
.auth-hero-image-slot img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:saturate(.96) contrast(1.01)}
.auth-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,31,55,.48) 0%,rgba(4,38,66,.20) 48%,rgba(4,38,66,.08) 100%),linear-gradient(0deg,rgba(3,28,50,.88) 0%,rgba(3,28,50,.30) 42%,rgba(3,28,50,.04) 72%)}
.auth-visual-copy{position:absolute!important;z-index:3!important;left:clamp(44px,6vw,112px)!important;right:clamp(34px,5vw,92px)!important;bottom:clamp(38px,6vh,86px)!important;max-width:760px!important;margin:0!important}
.auth-visual-copy h1{max-width:720px!important;font-size:clamp(2.75rem,4.7vw,5.35rem)!important;line-height:.94!important;letter-spacing:-.052em!important;text-wrap:balance;margin:.18em 0 .18em!important}
.auth-visual-copy p{max-width:680px!important;font-size:clamp(.9rem,1vw,1.08rem)!important;line-height:1.5!important;text-shadow:0 1px 3px rgba(0,0,0,.18)}
.auth-eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.25)}
.auth-network{margin-top:18px!important}.auth-network span{backdrop-filter:blur(7px);background:rgba(4,44,74,.50)!important;border-color:rgba(255,255,255,.24)!important}
.auth-panel-pro{padding:clamp(32px,5vw,78px)!important}.auth-card-pro{width:min(470px,100%)!important;padding:clamp(26px,3vw,38px)!important}

/* Remove the legacy Package-1 chart toolbar when Package-2 ECharts controls exist. */
.chart-toolbar{display:none!important}
.pro-chart-toolbar{padding:2px 0 4px!important;margin:0 0 8px!important}
.pro-chart-toolbar button,.pro-chart-toolbar select{min-height:36px!important;padding:7px 11px!important;border-color:#cedbe1!important;box-shadow:0 2px 7px rgba(17,54,77,.04)}
.pro-chart-toolbar button:hover{border-color:#149bd1!important;background:#f0f9fd!important}
.pro-echart{border-radius:12px;outline:none}.pro-echart:focus{box-shadow:0 0 0 3px rgba(20,155,209,.14)}

/* Analytics: quick periods plus custom dates. */
.pro-date-range{gap:12px!important;align-items:end!important}.pro-date-quick{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-right:4px}.pro-date-quick button{width:auto!important;min-height:38px!important;padding:7px 11px!important;border:1px solid #cfdae0!important;background:#fff!important;border-radius:9px!important;font-weight:800!important;font-size:.72rem!important;color:#25475b!important}.pro-date-quick button:hover{background:#eef8fc!important;border-color:#53b4dc!important}

/* Shared panel polish: stronger hierarchy without filling empty screens with fake data. */
.era-polish-v3 .dashboard-main{padding-bottom:36px}
.era-polish-v3 .panel,.era-polish-v3 .kpi-card{border-color:#d7e3e8;box-shadow:0 5px 18px rgba(18,54,77,.035)}
.era-polish-v3 .topbar h1{letter-spacing:-.025em}.era-polish-v3 .subtitle{max-width:980px;line-height:1.5}
.era-polish-v3 .panel-head h3{letter-spacing:-.012em}
.era-polish-v3 .empty-state{min-height:210px;display:grid;place-content:center;text-align:center;padding:34px!important;border:1px dashed #c8d8df!important;background:linear-gradient(180deg,#fff,#f7fbfd)!important;border-radius:16px!important}.era-polish-v3 .empty-state h2{margin:0 0 8px;font-size:1.15rem}.era-polish-v3 .empty-state p{max-width:660px;margin:0 auto 14px;line-height:1.55;color:var(--text-muted)}
[data-era-page="compensation"] .dashboard-main>section:last-child,[data-era-page="alarms"] .alarm-panel{min-height:150px}

/* Support Desk: clear empty state and roomier operational table. */
.support-table tbody tr:hover{background:#f7fbfd}.support-table td{line-height:1.45}.support-empty-state{min-height:210px;display:grid;place-items:center;text-align:center;padding:30px}.support-empty-state-inner{max-width:540px}.support-empty-icon{width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;border-radius:16px;background:#eaf6fb;color:#087fb1;font-size:1.5rem}.support-empty-state h4{margin:0 0 7px;font-size:1rem}.support-empty-state p{margin:0 0 14px;color:var(--text-muted);line-height:1.5}

/* Branding: Login Hero management card. */
.login-hero-manager{margin-top:16px;padding:18px}.login-hero-manager-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;align-items:start}.login-hero-preview{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#eef4f7;aspect-ratio:16/9}.login-hero-preview img{width:100%;height:100%;display:block;object-fit:cover}.login-hero-actions{display:grid;gap:12px}.login-hero-actions form{display:grid;gap:8px;margin:0}.login-hero-actions input[type=file]{width:100%;padding:11px;background:#f8fbfc;border:1px dashed #b8cbd4;border-radius:10px}.login-hero-actions button{min-height:38px}.login-hero-note{font-size:.72rem;line-height:1.55;color:var(--text-muted);margin:0}.login-hero-admin-note{padding:12px;border:1px solid #d6e4ea;border-radius:11px;background:#f5fafc;font-size:.75rem;line-height:1.5;color:#49616e}

/* Make dense administrative pages use available width more confidently. */
[data-era-page="commissioning"] .dashboard-main,[data-era-page="licensing"] .dashboard-main,[data-era-page="branding"] .dashboard-main{max-width:none!important}
[data-era-page="commissioning"] .panel,[data-era-page="licensing"] .panel,[data-era-page="branding"] .panel{border-radius:15px}

@media(max-width:1180px){.auth-shell-pro{grid-template-columns:1.05fr .95fr!important}.auth-visual-copy h1{font-size:clamp(2.5rem,5vw,4.5rem)!important}.login-hero-manager-grid{grid-template-columns:1fr}}
@media(max-width:900px){.auth-shell-pro{grid-template-columns:1fr!important}.auth-visual-pro{min-height:420px!important}.auth-visual-copy{left:28px!important;right:28px!important;bottom:30px!important}.auth-visual-copy h1{font-size:clamp(2.35rem,9vw,4rem)!important}.auth-panel-pro{padding:32px 18px!important}.pro-date-quick{width:100%}}
@media(max-width:620px){.auth-visual-pro{min-height:360px!important}.auth-network b{display:none}.auth-network{gap:6px!important}.login-hero-manager{padding:14px}.pro-date-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pro-date-quick button{width:100%!important}}

/* ERA PACKAGE 3.1 LOGIN HERO FIT START */
/*
   Purpose: show the complete replaceable login hero without destructive cropping.
   The image remains dynamic via /branding/login-hero/asset/.
*/
@media (min-width:1181px){
  .auth-shell-pro{
    grid-template-columns:minmax(760px,1.60fr) minmax(420px,.76fr)!important;
  }
}

.auth-visual-pro{
  min-width:0!important;
  background:#082f51!important;
}

.auth-hero-image-slot{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#e4edf3 0%,#dbe7ee 58%,#0c416c 78%,#082f51 100%)!important;
}

.auth-hero-image-slot img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:none!important;
  filter:saturate(.98) contrast(1.015)!important;
}

.auth-hero-shade{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(4,31,55,.18) 0%,rgba(4,31,55,.05) 52%,rgba(4,31,55,0) 100%),
    linear-gradient(180deg,rgba(4,31,55,0) 0%,rgba(4,31,55,0) 48%,rgba(4,31,55,.18) 61%,rgba(4,31,55,.78) 78%,rgba(4,31,55,.96) 100%)!important;
}

.auth-visual-copy{
  left:clamp(42px,4.8vw,88px)!important;
  right:clamp(34px,4.5vw,82px)!important;
  bottom:clamp(26px,4.4vh,54px)!important;
  max-width:790px!important;
}

.auth-visual-copy h1{
  max-width:790px!important;
  font-size:clamp(2.7rem,3.85vw,4.2rem)!important;
  line-height:.98!important;
  letter-spacing:-.043em!important;
  margin:.16em 0 .15em!important;
  text-wrap:balance!important;
}

.auth-visual-copy p{
  max-width:650px!important;
  font-size:clamp(.86rem,.92vw,1rem)!important;
  line-height:1.45!important;
}

.auth-network{
  margin-top:13px!important;
}

/* Branding preview should match the real login presentation: no crop. */
.login-hero-preview{
  background:linear-gradient(180deg,#e4edf3 0%,#dbe7ee 72%,#0a365a 100%)!important;
}
.login-hero-preview img{
  object-fit:contain!important;
  object-position:center top!important;
}

@media (max-width:1180px) and (min-width:901px){
  .auth-shell-pro{
    grid-template-columns:minmax(540px,1.15fr) minmax(390px,.85fr)!important;
  }
  .auth-visual-copy{
    left:38px!important;
    right:34px!important;
    bottom:30px!important;
    max-width:660px!important;
  }
  .auth-visual-copy h1{
    font-size:clamp(2.5rem,4.6vw,3.65rem)!important;
    max-width:660px!important;
  }
  .auth-network{margin-top:10px!important}
}

@media (max-width:900px){
  .auth-visual-pro{min-height:460px!important}
  .auth-hero-image-slot img{object-fit:contain!important;object-position:center top!important}
  .auth-visual-copy{
    left:28px!important;
    right:28px!important;
    bottom:26px!important;
    max-width:680px!important;
  }
  .auth-visual-copy h1{
    font-size:clamp(2.25rem,8vw,3.55rem)!important;
    line-height:1!important;
  }
  .auth-visual-copy p{font-size:.86rem!important}
}

@media (max-width:620px){
  .auth-visual-pro{min-height:420px!important}
  .auth-visual-copy h1{font-size:clamp(2.1rem,9vw,3rem)!important}
  .auth-network{margin-top:8px!important}
}
/* ERA PACKAGE 3.1 LOGIN HERO FIT END */

/* ERA PACKAGE 3.2 LOGIN REFERENCE + FULL TR/EN START */
.era-login-reference-v32.auth-body-pro{overflow:hidden!important;background:#f5f8fb!important}
.era-login-reference-v32 .auth-shell-pro.auth-reference-shell{display:flex!important;grid-template-columns:none!important;width:100%!important;min-height:100vh!important;height:100vh!important;overflow:hidden!important;background:#f5f8fb!important}
.era-login-reference-v32 .auth-reference-visual{position:relative!important;flex:0 0 min(72vw,129.65vh)!important;width:auto!important;min-width:0!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;background:#dce8f1!important}
.era-login-reference-v32 .auth-reference-scene{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;background:#dce8f1!important}
.era-login-reference-v32 .auth-reference-scene img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;object-fit:fill!important;object-position:center!important;transform:none!important;filter:saturate(.99) contrast(1.01)!important}
.era-login-reference-v32 .auth-hero-shade,.era-login-reference-v32 .auth-orbit{display:none!important}

.era-login-reference-v32 .auth-reference-bottom-shade{position:absolute!important;z-index:2!important;left:0!important;right:0!important;bottom:0!important;height:31.5%!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(1,48,96,0) 0%,rgba(2,47,94,.72) 18%,rgba(0,45,91,.96) 47%,#002b5c 100%)!important}
.era-login-reference-v32 .auth-scene-label{position:absolute!important;z-index:4!important;padding:4px 9px!important;border-radius:7px!important;background:rgba(241,247,252,.965)!important;box-shadow:0 3px 12px rgba(17,65,110,.10)!important;color:#073d84!important;font-size:clamp(9px,.72vw,12px)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:.015em!important;white-space:nowrap!important;text-transform:uppercase!important}
.era-login-reference-v32 .auth-scene-facilities{left:6.6%!important;top:31.1%!important}
.era-login-reference-v32 .auth-scene-meters{left:22.2%!important;top:28.0%!important}
.era-login-reference-v32 .auth-scene-cloud{left:39.4%!important;top:61.3%!important}
.era-login-reference-v32 .auth-scene-analytics{left:67.9%!important;top:69.7%!important}

.era-login-reference-v32 .auth-scene-screen{position:absolute!important;z-index:4!important;left:66.7%!important;top:22.0%!important;width:28.0%!important;height:28.5%!important;overflow:hidden!important;padding:9px!important;border:1px solid rgba(190,211,229,.9)!important;border-radius:8px!important;background:rgba(249,252,255,.975)!important;box-shadow:0 7px 24px rgba(8,53,96,.16)!important;color:#173e69!important;transform:perspective(900px) rotateY(-1.2deg)!important;transform-origin:left center!important}
.era-login-reference-v32 .auth-scene-screen-title{margin-bottom:6px!important;font-size:clamp(7px,.54vw,10px)!important;font-weight:900!important;letter-spacing:.025em!important;color:#0c579c!important}
.era-login-reference-v32 .auth-scene-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.era-login-reference-v32 .auth-scene-kpis>div{min-width:0!important;padding:5px 6px!important;border:1px solid #e0eaf2!important;border-radius:5px!important;background:#fff!important;box-shadow:0 1px 4px rgba(10,60,100,.04)!important}
.era-login-reference-v32 .auth-scene-kpis span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(5px,.43vw,8px)!important;color:#5c7891!important;font-weight:700!important}
.era-login-reference-v32 .auth-scene-kpis strong{display:block!important;margin-top:2px!important;font-size:clamp(9px,.82vw,15px)!important;color:#123f75!important;letter-spacing:-.03em!important}
.era-login-reference-v32 .auth-scene-kpis small{font-size:.55em!important;color:#557086!important}
.era-login-reference-v32 .auth-scene-chart{position:relative!important;height:34%!important;margin-top:6px!important;overflow:hidden!important;border:1px solid #e3edf4!important;border-radius:5px!important;background:repeating-linear-gradient(0deg,#fff 0,#fff 13px,#eef4f8 14px),repeating-linear-gradient(90deg,transparent 0,transparent 30px,#eef4f8 31px)!important}
.era-login-reference-v32 .auth-scene-chart:after{content:""!important;position:absolute!important;left:6%!important;right:4%!important;bottom:42%!important;height:2px!important;background:#108de0!important;transform:skewY(-8deg)!important;box-shadow:34px -10px 0 -1px #108de0,68px 7px 0 -1px #108de0,104px -6px 0 -1px #108de0,138px 4px 0 -1px #108de0,172px -13px 0 -1px #108de0!important}
.era-login-reference-v32 .auth-scene-chart span,.era-login-reference-v32 .auth-scene-chart i,.era-login-reference-v32 .auth-scene-chart b,.era-login-reference-v32 .auth-scene-chart em{position:absolute!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#108de0!important}
.era-login-reference-v32 .auth-scene-chart span{left:16%!important;bottom:37%!important}.era-login-reference-v32 .auth-scene-chart i{left:38%!important;bottom:55%!important}.era-login-reference-v32 .auth-scene-chart b{left:63%!important;bottom:45%!important}.era-login-reference-v32 .auth-scene-chart em{left:86%!important;bottom:66%!important}
.era-login-reference-v32 .auth-scene-bars{display:flex!important;align-items:flex-end!important;gap:4px!important;height:19%!important;margin-top:5px!important;padding:0 6px!important;border-radius:4px!important;background:#f7fbfe!important}
.era-login-reference-v32 .auth-scene-bars i{display:block!important;flex:1!important;min-width:2px!important;background:linear-gradient(180deg,#1e9ae3,#0f62bf)!important;border-radius:2px 2px 0 0!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(1){height:38%!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(2){height:62%!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(3){height:48%!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(4){height:78%!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(5){height:55%!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(6){height:88%!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(7){height:68%!important}.era-login-reference-v32 .auth-scene-bars i:nth-child(8){height:81%!important}

.era-login-reference-v32 .auth-reference-copy{position:absolute!important;z-index:5!important;left:4.65%!important;right:4.1%!important;bottom:2.3%!important;max-width:none!important;margin:0!important;color:#fff!important}
.era-login-reference-v32 .auth-reference-copy .auth-eyebrow{display:block!important;margin:0 0 8px!important;color:#77d6ff!important;font-size:clamp(9px,.64vw,11px)!important;font-weight:900!important;letter-spacing:.13em!important;text-shadow:0 1px 3px rgba(0,0,0,.24)!important}
.era-login-reference-v32 .auth-reference-copy h1{max-width:710px!important;margin:0 0 7px!important;color:#fff!important;font-size:clamp(2rem,3vw,3.45rem)!important;font-weight:900!important;line-height:.98!important;letter-spacing:-.042em!important;text-wrap:balance!important;text-shadow:0 2px 10px rgba(0,31,66,.18)!important}
.era-login-reference-v32 .auth-reference-lead{max-width:780px!important;margin:0 0 16px!important;color:#fff!important;font-size:clamp(.72rem,.82vw,.92rem)!important;font-weight:500!important;line-height:1.45!important;text-shadow:0 1px 4px rgba(0,25,60,.2)!important}
.era-login-reference-v32 .auth-benefit-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(8px,1.2vw,18px)!important;width:100%!important}
.era-login-reference-v32 .auth-benefit-item{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;min-width:0!important}
.era-login-reference-v32 .auth-benefit-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;backdrop-filter:blur(5px)!important}
.era-login-reference-v32 .auth-benefit-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.era-login-reference-v32 .auth-benefit-item strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0 0 3px!important;color:#fff!important;font-size:clamp(.58rem,.64vw,.72rem)!important;font-weight:850!important;line-height:1.25!important}
.era-login-reference-v32 .auth-benefit-item small{display:block!important;color:#dcecff!important;font-size:clamp(.50rem,.54vw,.62rem)!important;font-weight:500!important;line-height:1.36!important}

.era-login-reference-v32 .auth-reference-panel{flex:1 1 auto!important;min-width:420px!important;height:100vh!important;display:grid!important;place-items:center!important;padding:clamp(20px,2.4vw,38px)!important;background:#f6f9fc!important;overflow:auto!important}
.era-login-reference-v32 .auth-reference-card{display:flex!important;flex-direction:column!important;width:min(440px,100%)!important;min-height:min(780px,calc(100vh - 48px))!important;margin:0!important;padding:clamp(25px,2.2vw,34px)!important;border:1px solid #d6e2eb!important;border-radius:20px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 22px 70px rgba(20,60,92,.09)!important}
.era-login-reference-v32 .auth-language{align-self:flex-end!important;margin:0 0 4px!important}
.era-login-reference-v32 .auth-brand-pro{margin:0 auto!important}
.era-login-reference-v32 .auth-heading.auth-reference-heading{margin-top:15px!important}
.era-login-reference-v32 .auth-reference-heading .section-kicker{color:#078cd0!important;font-size:.66rem!important;letter-spacing:.12em!important;font-weight:900!important}
.era-login-reference-v32 .auth-reference-heading h1{margin:7px 0 6px!important;color:#08243f!important;font-size:clamp(1.62rem,1.65vw,2rem)!important;line-height:1.08!important;letter-spacing:-.025em!important}
.era-login-reference-v32 .auth-reference-heading p{margin:0 0 12px!important;color:#677d8f!important;font-size:.76rem!important;line-height:1.52!important}
.era-login-reference-v32 .auth-reference-form{display:grid!important;gap:0!important;margin-top:2px!important}
.era-login-reference-v32 .auth-reference-form>label{margin:10px 0 5px!important;color:#263f56!important;font-size:.70rem!important;font-weight:800!important}
.era-login-reference-v32 .auth-input-shell{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}
.era-login-reference-v32 .auth-input-icon{position:absolute!important;z-index:2!important;left:12px!important;top:50%!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;transform:translateY(-50%)!important;pointer-events:none!important;color:#70879b!important}
.era-login-reference-v32 .auth-input-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.era-login-reference-v32 .auth-input-shell input{width:100%!important;height:44px!important;margin:0!important;padding:0 13px 0 41px!important;border:1px solid #c8d8e5!important;border-radius:9px!important;background:#eef4fa!important;color:#102d47!important;font-size:.82rem!important;box-shadow:inset 0 1px 1px rgba(15,55,90,.025)!important}
.era-login-reference-v32 .auth-input-shell input:focus{border-color:#3aa7d7!important;background:#f8fcff!important;box-shadow:0 0 0 3px rgba(20,151,206,.12)!important;outline:0!important}
.era-login-reference-v32 .auth-reference-links{display:flex!important;justify-content:flex-end!important;margin:8px 0 12px!important;padding:0!important;border:0!important}
.era-login-reference-v32 .auth-reference-links a{color:#0788d1!important;font-size:.70rem!important;font-weight:850!important;text-decoration:none!important}
.era-login-reference-v32 .auth-reference-submit{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;height:46px!important;margin:0!important;border:0!important;border-radius:9px!important;background:linear-gradient(90deg,#0865c1 0%,#0a80d1 45%,#12a7d8 100%)!important;color:#fff!important;font-size:.82rem!important;font-weight:900!important;box-shadow:0 10px 23px rgba(5,113,190,.22)!important}
.era-login-reference-v32 .auth-reference-submit b{position:absolute!important;right:clamp(42px,3vw,58px)!important;font-size:1.25rem!important;font-weight:500!important}
.era-login-reference-v32 .auth-reference-footer{margin-top:auto!important;padding-top:18px!important;border-top:1px solid #e9eef2!important;text-align:center!important}
.era-login-reference-v32 .auth-reference-footer .auth-support,.era-login-reference-v32 .auth-reference-footer .auth-copyright{margin:0!important;color:#70869a!important;font-size:.68rem!important;line-height:1.45!important}
.era-login-reference-v32 .auth-reference-footer .auth-copyright{margin-top:10px!important}

/* Dynamic branding is preserved. If a custom hero is uploaded, the same full-fit geometry is used. */
.era-login-reference-v32 .login-hero-preview img{object-fit:contain!important;object-position:center!important}

@media(max-width:1450px) and (min-width:901px){
  .era-login-reference-v32 .auth-reference-visual{flex-basis:calc(100vw - 420px)!important}
  .era-login-reference-v32 .auth-reference-panel{flex:0 0 420px!important;min-width:420px!important;padding:18px!important}
  .era-login-reference-v32 .auth-reference-card{width:384px!important;padding:23px!important}
  .era-login-reference-v32 .auth-benefit-grid{gap:8px!important}
  .era-login-reference-v32 .auth-benefit-item{grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important}
  .era-login-reference-v32 .auth-benefit-icon{width:29px!important;height:29px!important;border-radius:8px!important}
  .era-login-reference-v32 .auth-benefit-icon svg{width:18px!important;height:18px!important}
}
@media(max-width:1100px) and (min-width:901px){
  .era-login-reference-v32 .auth-scene-label,.era-login-reference-v32 .auth-scene-screen{display:none!important}
  .era-login-reference-v32 .auth-benefit-item:nth-child(5){display:none!important}
  .era-login-reference-v32 .auth-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .era-login-reference-v32.auth-body-pro{overflow:auto!important}
  .era-login-reference-v32 .auth-shell-pro.auth-reference-shell{display:block!important;height:auto!important;min-height:100vh!important;overflow:visible!important}
  .era-login-reference-v32 .auth-reference-visual{width:100%!important;height:clamp(430px,70vw,620px)!important;min-height:0!important;flex:none!important}
  .era-login-reference-v32 .auth-reference-panel{width:100%!important;height:auto!important;min-width:0!important;padding:24px 16px 32px!important}
  .era-login-reference-v32 .auth-reference-card{width:min(480px,100%)!important;min-height:620px!important}
  .era-login-reference-v32 .auth-scene-label,.era-login-reference-v32 .auth-scene-screen{display:none!important}
  .era-login-reference-v32 .auth-reference-bottom-shade{height:43%!important}
  .era-login-reference-v32 .auth-reference-copy{left:28px!important;right:28px!important;bottom:22px!important}
  .era-login-reference-v32 .auth-reference-copy h1{font-size:clamp(2rem,7vw,3rem)!important}
  .era-login-reference-v32 .auth-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .era-login-reference-v32 .auth-benefit-item:nth-child(n+4){display:none!important}
}
@media(max-width:620px){
  .era-login-reference-v32 .auth-reference-visual{height:440px!important}
  .era-login-reference-v32 .auth-reference-copy{left:20px!important;right:20px!important;bottom:18px!important}
  .era-login-reference-v32 .auth-reference-copy .auth-eyebrow{font-size:8px!important}
  .era-login-reference-v32 .auth-reference-copy h1{font-size:clamp(1.8rem,8.5vw,2.5rem)!important}
  .era-login-reference-v32 .auth-reference-lead{font-size:.72rem!important;margin-bottom:11px!important}
  .era-login-reference-v32 .auth-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .era-login-reference-v32 .auth-benefit-item:nth-child(n+3){display:none!important}
  .era-login-reference-v32 .auth-reference-card{padding:22px 20px!important}
}
/* ERA PACKAGE 3.2 LOGIN REFERENCE + FULL TR/EN END */

/* ERA PACKAGE 3.3 BILINGUAL DUAL HERO START */
.era-login-reference-v33.auth-body-pro{overflow:hidden!important;background:#f5f8fb!important}
.era-login-reference-v33 .auth-shell-pro.auth-reference-shell{display:flex!important;width:100%!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important}
.era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual{position:relative!important;flex:0 0 min(70vw,131.78vh)!important;width:auto!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;background:linear-gradient(180deg,#edf5fb 0%,#d7e7f3 68%,#073f78 100%)!important}
.era-login-reference-v33 .auth-dual-hero-scene{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:transparent!important}
.era-login-reference-v33 .auth-dual-hero-scene img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;filter:none!important;background:transparent!important}
.era-login-reference-v33 .auth-reference-panel{flex:1 1 auto!important;min-width:430px!important;background:#f6f9fc!important}
.era-login-reference-v33 .auth-reference-card{width:min(440px,100%)!important}

/* Package 3.3 has all left-side language copy inside the selected TR/EN artwork. */
.era-login-reference-v33 .auth-scene-label,
.era-login-reference-v33 .auth-scene-screen,
.era-login-reference-v33 .auth-reference-bottom-shade,
.era-login-reference-v33 .auth-reference-copy{display:none!important}

/* Two independent language assets in Branding. */
.login-hero-manager-v33 .login-hero-language-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.login-hero-manager-v33 .login-hero-language-card{display:grid!important;gap:12px!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:#fbfdfe!important}
.login-hero-manager-v33 .login-hero-language-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.login-hero-manager-v33 .login-hero-language-head h4{margin:0!important;font-size:.86rem!important}
.login-hero-manager-v33 .login-hero-language-head span{padding:4px 8px!important;border-radius:999px!important;background:#edf5f9!important;color:#456272!important;font-size:.65rem!important;font-weight:850!important;letter-spacing:.06em!important}
.login-hero-manager-v33 .login-hero-preview{aspect-ratio:1240/941!important;background:linear-gradient(180deg,#edf5fb,#d5e6f2)!important}
.login-hero-manager-v33 .login-hero-preview img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.login-hero-manager-v33 .login-hero-actions{display:grid!important;gap:8px!important}
.login-hero-manager-v33 .login-hero-actions form{display:grid!important;gap:7px!important}
.login-hero-manager-v33 .login-hero-actions input[type=file]{width:100%!important;padding:9px!important;background:#fff!important;border:1px dashed #b8cbd4!important;border-radius:9px!important}
.login-hero-manager-v33 .login-hero-actions button{min-height:36px!important}

@media(max-width:1450px) and (min-width:901px){
  .era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual{flex-basis:calc(100vw - 420px)!important}
  .era-login-reference-v33 .auth-reference-panel{flex:0 0 420px!important;min-width:420px!important}
  .era-login-reference-v33 .auth-reference-card{width:384px!important}
}
@media(max-width:1100px){
  .login-hero-manager-v33 .login-hero-language-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .era-login-reference-v33.auth-body-pro{overflow:auto!important}
  .era-login-reference-v33 .auth-shell-pro.auth-reference-shell{display:block!important;height:auto!important;min-height:100vh!important;overflow:visible!important}
  .era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1240/941!important;flex:none!important}
  .era-login-reference-v33 .auth-reference-panel{width:100%!important;height:auto!important;min-width:0!important;padding:24px 16px 32px!important}
  .era-login-reference-v33 .auth-reference-card{width:min(480px,100%)!important;min-height:620px!important}
}
/* ERA PACKAGE 3.3 BILINGUAL DUAL HERO END */

/* ERA PACKAGE 3.4 LOGIN COMPOSITION FIT START */
/* Desktop composition follows the approved reference: artwork takes the visual majority,
   while the real Django login card stays in a compact right rail. */
@media(min-width:901px){
  .era-login-reference-v33 .auth-shell-pro.auth-reference-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(410px,27vw,470px)!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    overflow:hidden!important;
  }
  .era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual{
    width:100%!important;
    height:100vh!important;
    min-height:100vh!important;
    min-width:0!important;
    flex:none!important;
    overflow:hidden!important;
    background:#eaf3fa!important;
  }
  .era-login-reference-v33 .auth-dual-hero-scene{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .era-login-reference-v33 .auth-dual-hero-scene img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    margin:0!important;
  }
  .era-login-reference-v33 .auth-reference-panel{
    width:100%!important;
    min-width:0!important;
    height:100vh!important;
    padding:28px 22px!important;
    display:grid!important;
    place-items:center!important;
    background:#f6f9fc!important;
  }
  .era-login-reference-v33 .auth-reference-card{
    width:min(400px,100%)!important;
    max-width:400px!important;
    margin:0!important;
  }
}

/* Slightly tighter card at common notebook widths while preserving full artwork. */
@media(min-width:901px) and (max-width:1280px){
  .era-login-reference-v33 .auth-shell-pro.auth-reference-shell{
    grid-template-columns:minmax(0,1fr) 400px!important;
  }
  .era-login-reference-v33 .auth-reference-panel{padding:20px 16px!important}
  .era-login-reference-v33 .auth-reference-card{width:min(372px,100%)!important;max-width:372px!important}
}

/* Preserve the existing mobile stack. */
@media(max-width:900px){
  .era-login-reference-v33 .auth-shell-pro.auth-reference-shell{display:block!important;width:100%!important;height:auto!important;min-height:100vh!important;overflow:visible!important}
  .era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1240/941!important;overflow:hidden!important}
  .era-login-reference-v33 .auth-dual-hero-scene img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .era-login-reference-v33 .auth-reference-panel{width:100%!important;height:auto!important;min-width:0!important;padding:24px 16px 32px!important}
  .era-login-reference-v33 .auth-reference-card{width:min(480px,100%)!important;max-width:480px!important}
}
/* ERA PACKAGE 3.4 LOGIN COMPOSITION FIT END */

/* ERA PACKAGE 3.5 EXACT LOGIN REFERENCE START */
/* Approved reference geometry: 1060x542 hero + compact real Django login rail. */
.era-login-reference-v33.auth-body-pro{
  min-height:100vh!important;
  margin:0!important;
  overflow:auto!important;
  background:#f5f9fc!important;
}

@media(min-width:901px){
  .era-login-reference-v33 .auth-shell-pro.auth-reference-shell{
    display:grid!important;
    grid-template-columns:69.0104167% 30.9895833%!important;
    width:min(100vw,1536px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1536/542!important;
    margin:0 auto!important;
    overflow:hidden!important;
    background:#eef5fb!important;
  }

  .era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    flex:none!important;
    overflow:hidden!important;
    background:#edf5fb!important;
  }

  .era-login-reference-v33 .auth-dual-hero-scene{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    overflow:hidden!important;
    background:#edf5fb!important;
  }

  .era-login-reference-v33 .auth-dual-hero-scene img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    margin:0!important;
    filter:none!important;
  }

  .era-login-reference-v33 .auth-reference-panel{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:14px 18px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:#f7fbfe!important;
  }

  .era-login-reference-v33 .auth-reference-card{
    display:flex!important;
    flex-direction:column!important;
    width:min(400px,92%)!important;
    max-width:400px!important;
    height:calc(100% - 4px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:16px 20px 14px!important;
    overflow:hidden!important;
    border:1px solid #d7e4ed!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(18,57,91,.08)!important;
  }

  .era-login-reference-v33 .auth-language{margin:0 0 2px!important}
  .era-login-reference-v33 .auth-co-brand{min-height:82px!important}
  .era-login-reference-v33 .auth-co-brand .auth-brand-logo{max-height:80px!important}
  .era-login-reference-v33 .auth-brand-product{margin-top:2px!important}
  .era-login-reference-v33 .auth-brand-product strong{font-size:.76rem!important}
  .era-login-reference-v33 .auth-brand-product small{font-size:.66rem!important}
  .era-login-reference-v33 .auth-heading.auth-reference-heading{margin-top:8px!important}
  .era-login-reference-v33 .auth-reference-heading .section-kicker{font-size:.58rem!important}
  .era-login-reference-v33 .auth-reference-heading h1{margin:5px 0 5px!important;font-size:1.48rem!important}
  .era-login-reference-v33 .auth-reference-heading p{margin:0 0 6px!important;font-size:.68rem!important;line-height:1.42!important}
  .era-login-reference-v33 .auth-reference-form>label{margin:6px 0 4px!important;font-size:.64rem!important}
  .era-login-reference-v33 .auth-input-shell input{height:38px!important;font-size:.76rem!important}
  .era-login-reference-v33 .auth-reference-links{margin:6px 0 8px!important}
  .era-login-reference-v33 .auth-reference-links a{font-size:.64rem!important}
  .era-login-reference-v33 .auth-reference-submit{height:40px!important;font-size:.76rem!important}
  .era-login-reference-v33 .auth-reference-submit b{right:34px!important}
  .era-login-reference-v33 .auth-reference-footer{margin-top:auto!important;padding-top:9px!important}
  .era-login-reference-v33 .auth-reference-footer .auth-support,
  .era-login-reference-v33 .auth-reference-footer .auth-copyright{font-size:.60rem!important}
  .era-login-reference-v33 .auth-reference-footer .auth-copyright{margin-top:6px!important}
}

/* Approved hero artwork is landscape. Branding previews must show the full frame. */
.login-hero-manager-v33 .login-hero-preview{aspect-ratio:1060/542!important;background:#edf5fb!important}
.login-hero-manager-v33 .login-hero-preview img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

/* Tablet/mobile: keep full artwork, then stack the functional login card. */
@media(max-width:900px){
  .era-login-reference-v33 .auth-shell-pro.auth-reference-shell{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:100vh!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:visible!important;
  }
  .era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1060/542!important;
    overflow:hidden!important;
  }
  .era-login-reference-v33 .auth-dual-hero-scene img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .era-login-reference-v33 .auth-reference-panel{
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    padding:24px 16px 32px!important;
    overflow:visible!important;
  }
  .era-login-reference-v33 .auth-reference-card{
    width:min(480px,100%)!important;
    max-width:480px!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
}
/* ERA PACKAGE 3.5 EXACT LOGIN REFERENCE END */

/* ERA PACKAGE 3.7 LOGIN BRAND FIT START */
/* Final login-card brand geometry: prevent the platform logo from being flex-shrunk/cropped. */
@media(min-width:901px){
  .era-login-reference-v33 .auth-reference-card{
    height:auto!important;
    min-height:486px!important;
    max-height:calc(100% - 12px)!important;
    overflow:visible!important;
  }

  .era-login-reference-v33 .auth-reference-card > .auth-brand{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 6px!important;
    overflow:visible!important;
  }

  .era-login-reference-v33 .auth-reference-card .auth-brand-logo-panel{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:92px!important;
    max-height:none!important;
    padding:2px 4px!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .era-login-reference-v33 .auth-reference-card .auth-brand-logo-panel .auth-brand-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:min(300px,88%)!important;
    max-height:90px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    flex:0 0 auto!important;
  }

  .era-login-reference-v33 .auth-reference-card .auth-brand-copy{
    flex:0 0 auto!important;
    margin-top:2px!important;
    line-height:1.2!important;
    overflow:visible!important;
  }
  .era-login-reference-v33 .auth-reference-card .auth-brand-copy strong{font-size:.76rem!important}
  .era-login-reference-v33 .auth-reference-card .auth-brand-copy span{font-size:.64rem!important;margin-top:2px!important}

  .era-login-reference-v33 .auth-reference-heading{flex:0 0 auto!important;margin-top:5px!important}
  .era-login-reference-v33 .auth-reference-form{flex:0 0 auto!important}
  .era-login-reference-v33 .auth-reference-footer{flex:0 0 auto!important;margin-top:auto!important}
}

@media(max-width:900px){
  .era-login-reference-v33 .auth-reference-card > .auth-brand{overflow:visible!important}
  .era-login-reference-v33 .auth-reference-card .auth-brand-logo-panel{
    min-height:94px!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .era-login-reference-v33 .auth-reference-card .auth-brand-logo-panel .auth-brand-logo{
    max-width:min(320px,88%)!important;
    max-height:92px!important;
    object-fit:contain!important;
  }
}
/* ERA PACKAGE 3.7 LOGIN BRAND FIT END */

/* ERA PACKAGE 4 DASHBOARD ANALYTICS PRO START */
/* Dashboard / Analytics only. No data semantics are changed here. */
[data-era-page="dashboard"],[data-era-page="analytics"]{--era-chart-grid:#e8eef3;--era-chart-axis:#71808b;--era-chart-blue:#1489d5;--era-chart-green:#18a47a;--era-panel-shadow:0 10px 30px rgba(20,47,67,.055)}
[data-era-page="dashboard"] .dashboard-main,[data-era-page="analytics"] .dashboard-main{max-width:none!important;padding-top:18px!important}
[data-era-page="dashboard"] .scope-bar,[data-era-page="analytics"] .scope-bar,[data-era-page="analytics"] .analytics-scope{border-radius:14px!important;box-shadow:0 6px 18px rgba(20,47,67,.035)!important}
[data-era-page="dashboard"] .kpi-grid{grid-template-columns:repeat(6,minmax(145px,1fr))!important;gap:12px!important}
[data-era-page="analytics"] .analysis-kpi-grid{grid-template-columns:repeat(5,minmax(145px,1fr))!important;gap:12px!important}
[data-era-page="dashboard"] .kpi-card,[data-era-page="analytics"] .kpi-card{min-height:112px!important;padding:15px 16px!important;border-radius:14px!important;box-shadow:0 6px 20px rgba(20,47,67,.04)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
[data-era-page="dashboard"] .kpi-card:hover,[data-era-page="analytics"] .kpi-card:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(20,47,67,.07)!important}
[data-era-page="dashboard"] .kpi-label,[data-era-page="analytics"] .kpi-label{font-size:.71rem!important;letter-spacing:.01em!important}
[data-era-page="dashboard"] .kpi-card strong,[data-era-page="analytics"] .kpi-card strong{font-size:clamp(1.3rem,1.7vw,1.78rem)!important}
[data-era-page="dashboard"] .kpi-meta,[data-era-page="analytics"] .kpi-meta{white-space:normal!important;line-height:1.35!important;min-height:25px!important}
[data-era-page="dashboard"] .dashboard-grid{grid-template-columns:minmax(0,2.25fr) minmax(300px,.85fr)!important;gap:14px!important}
[data-era-page="dashboard"] .panel,[data-era-page="analytics"] .panel{border-radius:16px!important;box-shadow:var(--era-panel-shadow)!important}
[data-era-page="dashboard"] .chart-panel,[data-era-page="analytics"] .chart-panel{overflow:hidden!important}
[data-era-page="dashboard"] .pro-echart{height:330px!important;min-height:300px!important}
[data-era-page="analytics"] .analytics-wide .pro-echart{height:390px!important;min-height:330px!important}
[data-era-page="analytics"] .analytics-grid:not(.analytics-wide) .pro-echart{height:340px!important}
[data-era-page="dashboard"] .pro-chart-toolbar,[data-era-page="analytics"] .pro-chart-toolbar{gap:6px!important;margin:2px 0 6px!important}
[data-era-page="dashboard"] .pro-chart-toolbar button,[data-era-page="dashboard"] .pro-chart-toolbar select,[data-era-page="analytics"] .pro-chart-toolbar button,[data-era-page="analytics"] .pro-chart-toolbar select{min-height:34px!important;border-radius:8px!important;background:#fff!important;font-size:.69rem!important}
[data-era-page="dashboard"] .pro-chart-toolbar button:hover,[data-era-page="analytics"] .pro-chart-toolbar button:hover{background:#eef8fd!important;border-color:#8bc7e4!important}
[data-era-page="analytics"] .pro-date-range{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,190px) minmax(150px,190px) auto!important;align-items:end!important;gap:10px!important;margin:10px 0 14px!important;padding:12px 14px!important}
[data-era-page="analytics"] .pro-date-quick{grid-column:1/-1;display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:0 0 2px!important}
[data-era-page="analytics"] .pro-date-quick button{min-height:32px!important;padding:6px 11px!important;border:1px solid #c9d9e1!important;border-radius:999px!important;background:#fff!important;color:#214355!important;font-size:.68rem!important;font-weight:800!important;cursor:pointer!important}
[data-era-page="analytics"] .pro-date-quick button:hover{background:#eef8fd!important;border-color:#84c6e6!important;color:#0c6e9c!important}
[data-era-page="dashboard"] .device-list div{padding:9px 0!important}
[data-era-page="dashboard"] .phase-row{padding:10px 4px!important}
[data-era-page="analytics"] .analytics-grid{grid-template-columns:minmax(0,1.75fr) minmax(330px,.75fr)!important;gap:14px!important}
[data-era-page="analytics"] .balance-children{max-height:280px!important}
[data-era-page="dashboard"] .chart-empty,[data-era-page="analytics"] .chart-empty{min-height:270px!important;height:auto!important;border:1px dashed #d5e1e7!important;border-radius:12px!important;background:linear-gradient(180deg,#fbfdfe,#f5f9fb)!important}
[data-era-page="dashboard"] .panel-head,[data-era-page="analytics"] .panel-head{margin-bottom:6px!important}
[data-era-page="dashboard"] .panel-head h3,[data-era-page="analytics"] .panel-head h3{font-size:.98rem!important}
@media(max-width:1500px){[data-era-page="dashboard"] .kpi-grid{grid-template-columns:repeat(3,1fr)!important}[data-era-page="analytics"] .analysis-kpi-grid{grid-template-columns:repeat(5,1fr)!important}}
@media(max-width:1280px){[data-era-page="analytics"] .analysis-kpi-grid{grid-template-columns:repeat(3,1fr)!important}[data-era-page="dashboard"] .dashboard-grid,[data-era-page="analytics"] .analytics-grid{grid-template-columns:1fr!important}[data-era-page="dashboard"] .span-2,[data-era-page="analytics"] .analytics-wide{grid-column:auto!important}}
@media(max-width:900px){[data-era-page="analytics"] .pro-date-range{grid-template-columns:1fr 1fr!important}[data-era-page="analytics"] .pro-date-quick{grid-column:1/-1!important}}
@media(max-width:700px){[data-era-page="dashboard"] .kpi-grid,[data-era-page="analytics"] .analysis-kpi-grid{grid-template-columns:repeat(2,1fr)!important}[data-era-page="dashboard"] .pro-echart,[data-era-page="analytics"] .pro-echart,[data-era-page="analytics"] .analytics-wide .pro-echart{height:300px!important;min-height:260px!important}[data-era-page="analytics"] .pro-date-range{grid-template-columns:1fr!important}.pro-date-quick{grid-column:auto!important}}
@media(max-width:460px){[data-era-page="dashboard"] .kpi-grid,[data-era-page="analytics"] .analysis-kpi-grid{grid-template-columns:1fr!important}}
/* ERA PACKAGE 4 DASHBOARD ANALYTICS PRO END */

/* ERA PACKAGE 4.1 CHART INTERACTION DATE FIX START */
/* Equal date fields + click-to-activate chart interaction. */
[data-era-page="analytics"] .pro-date-range{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(170px,190px)!important;
  column-gap:10px!important;
}
[data-era-page="analytics"] .pro-date-range>label{
  width:100%!important;
  min-width:0!important;
}
[data-era-page="analytics"] .pro-date-range>label input[type="date"]{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
[data-era-page="analytics"] .pro-date-range>button[type="submit"]{
  width:100%!important;
  min-width:170px!important;
}
[data-era-page="dashboard"] .pro-echart,
[data-era-page="analytics"] .pro-echart{
  position:relative!important;
  outline:0 solid transparent;
  outline-offset:2px;
  border-radius:10px;
  transition:outline-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
[data-era-page="dashboard"] .pro-echart:not(.era-chart-interaction-active),
[data-era-page="analytics"] .pro-echart:not(.era-chart-interaction-active){
  cursor:pointer;
}
[data-era-page="dashboard"] .pro-echart.era-chart-interaction-active,
[data-era-page="analytics"] .pro-echart.era-chart-interaction-active{
  outline:2px solid rgba(20,137,213,.24);
  box-shadow:0 0 0 4px rgba(20,137,213,.055);
}
@media(max-width:900px){
  [data-era-page="analytics"] .pro-date-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  [data-era-page="analytics"] .pro-date-range>button[type="submit"]{grid-column:1/-1!important;justify-self:end!important;width:auto!important;min-width:190px!important}
}
@media(max-width:620px){
  [data-era-page="analytics"] .pro-date-range{grid-template-columns:1fr!important}
  [data-era-page="analytics"] .pro-date-range>button[type="submit"]{grid-column:auto!important;width:100%!important;min-width:0!important}
}
/* ERA PACKAGE 4.1 CHART INTERACTION DATE FIX END */


/* ============================================================
   ERA PACKAGE 4.2 PHASE STATUS POLISH START
   - User-facing balance status localization
   - Distinct L1/L2/L3 visual identity
   - Red remains reserved for faults/critical states
   ============================================================ */
.phase-panel .phase-table{display:grid;gap:4px}
.phase-panel .phase-row:not(.header){
  position:relative;
  border-top:0;
  border-left:4px solid transparent;
  border-radius:10px;
  padding:11px 10px 11px 12px;
  transition:background-color .16s ease,border-color .16s ease;
}
.phase-panel .phase-row:not(.header)::after{
  content:"";
  position:absolute;
  left:12px;right:10px;bottom:0;
  height:1px;
  background:#edf2f5;
}
.phase-panel .phase-row:nth-child(2){
  border-left-color:#1489d5;
  background:linear-gradient(90deg,rgba(20,137,213,.075),rgba(20,137,213,0) 62%);
}
.phase-panel .phase-row:nth-child(3){
  border-left-color:#18a47a;
  background:linear-gradient(90deg,rgba(24,164,122,.075),rgba(24,164,122,0) 62%);
}
.phase-panel .phase-row:nth-child(4){
  border-left-color:#7656d6;
  background:linear-gradient(90deg,rgba(118,86,214,.075),rgba(118,86,214,0) 62%);
}
.phase-panel .phase-row strong{
  display:inline-grid;
  place-items:center;
  width:34px;
  min-height:28px;
  border-radius:8px;
  font-weight:850;
  letter-spacing:.025em;
}
.phase-panel .phase-row:nth-child(2) strong{color:#0b6fae;background:rgba(20,137,213,.11)}
.phase-panel .phase-row:nth-child(3) strong{color:#147c60;background:rgba(24,164,122,.11)}
.phase-panel .phase-row:nth-child(4) strong{color:#5d40ba;background:rgba(118,86,214,.11)}
.phase-panel .phase-row:not(.header) span{font-variant-numeric:tabular-nums;font-weight:650}

.balance-panel #balance-status{
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* ERA PACKAGE 4.2 PHASE STATUS POLISH END */

/* ============================================================
   ERA v2.5.0 - PACKAGE 5 OPERATIONAL MODULES PROFESSIONAL UI
   Marker: ERA_PACKAGE5_OPERATIONAL_MODULES_PRO
   Pure presentation layer. No telemetry/fieldbus/data mutation.
   ============================================================ */

:root{
  --era-ok:#178768;
  --era-ok-soft:#e9f7f2;
  --era-info:#1479c9;
  --era-info-soft:#eaf4fd;
  --era-warn:#b7791f;
  --era-warn-soft:#fff7e6;
  --era-critical:#b53a3a;
  --era-critical-soft:#fff0f0;
  --era-neutral:#69777d;
  --era-neutral-soft:#f3f6f7;
  --era-violet:#7657c8;
  --era-violet-soft:#f1edff;
}

.dashboard-main > .topbar + .scope-bar,
.dashboard-main > .topbar + form.scope-bar{margin-top:14px}

.iso-main .panel,
.compensation-main .panel,
.alarm-main .panel,
.report-main .panel,
.license-main .panel,
.licensing-main .panel,
.commissioning-main .panel,
.branding-main .panel,
.support-main .panel,
.supportdesk-main .panel{
  border-radius:16px;
  box-shadow:0 7px 24px rgba(20,42,55,.045);
}

.iso-main .panel-head,
.compensation-main .panel-head,
.alarm-main .panel-head,
.report-main .panel-head,
.license-main .panel-head,
.licensing-main .panel-head,
.commissioning-main .panel-head,
.branding-main .panel-head,
.support-main .panel-head,
.supportdesk-main .panel-head{
  padding-bottom:10px;
  border-bottom:1px solid #edf1f3;
}

/* ISO 50001 */
.iso-standard-chip{
  border-color:#9fd6c5!important;
  background:var(--era-ok-soft)!important;
  color:#176c58!important;
}
.iso-kpi-grid .kpi-card{position:relative;overflow:hidden;min-height:112px}
.iso-kpi-grid .kpi-card::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#c8d8df
}
.iso-kpi-grid .kpi-card:nth-child(1)::before{background:var(--era-info)}
.iso-kpi-grid .kpi-card:nth-child(2)::before{background:var(--era-ok)}
.iso-kpi-grid .kpi-card:nth-child(3)::before{background:var(--era-violet)}
.iso-kpi-grid .kpi-card:nth-child(4)::before{background:var(--era-warn)}
.readiness-row{border-radius:10px;padding:9px 8px!important}
.readiness-row:has(.check-dot.done){background:#f6fbf9}
.check-dot.done,.status-mini.good,.status-label.good{
  background:var(--era-ok-soft)!important;color:var(--era-ok)!important
}
.status-mini.bad,.bad-text{background:var(--era-critical-soft);color:var(--era-critical)!important}
.good-text{color:var(--era-ok)!important}
.iso-disclaimer{
  border-left:4px solid var(--era-info)!important;
  background:#f7fbff!important
}
.iso-table tbody tr:hover{background:#f8fbfc}

/* Compensation */
.stage-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.stage-card.stage-on{
  border-color:#a9d9ca!important;
  background:linear-gradient(145deg,#f0faf6,#fff)!important;
  box-shadow:inset 0 0 0 1px rgba(23,135,104,.14)!important
}
.stage-card.stage-fault{
  border-color:#e4aaaa!important;
  background:linear-gradient(145deg,#fff3f3,#fff)!important;
  box-shadow:inset 0 0 0 1px rgba(181,58,58,.14)!important
}
.stage-card.stage-on em{color:var(--era-ok)}
.stage-card.stage-fault em{color:var(--era-critical)}
.comp-flow span{
  background:#f9fbfc;border-color:#d7e3e8!important;font-weight:700
}
.comp-flow i{color:#6f8c99}
.compensation-main .empty-state{
  border-style:dashed;background:linear-gradient(180deg,#fff,#fafcfd)
}

/* Alarms */
.alarm-kpi-grid .kpi-card{position:relative;overflow:hidden}
.alarm-kpi-grid .kpi-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#cbd8de
}
.alarm-kpi-grid .kpi-card:nth-child(1)::before{background:var(--era-info)}
.alarm-kpi-grid .alarm-critical-card::before,
.alarm-kpi-grid .kpi-card:nth-child(2)::before{background:var(--era-critical)}
.alarm-kpi-grid .kpi-card:nth-child(3)::before{background:var(--era-warn)}
.alarm-kpi-grid .kpi-card:nth-child(4)::before{background:var(--era-violet)}
.alarm-kpi-grid .kpi-card:nth-child(5)::before{background:var(--era-ok)}
.alarm-status-open{background:var(--era-warn-soft)!important;color:#8a5b13!important}
.alarm-status-acknowledged{background:var(--era-info-soft)!important;color:#17649a!important}
.alarm-status-resolved{background:var(--era-ok-soft)!important;color:#176c58!important}
.alarm-severity-info{background:var(--era-info-soft)!important;color:#17649a!important}
.alarm-severity-warning{background:var(--era-warn-soft)!important;color:#8a5b13!important}
.alarm-severity-critical{background:var(--era-critical-soft)!important;color:#9a3232!important}
.alarm-table tbody tr:hover{background:#f9fbfc}
.alarm-row-resolved{opacity:.78!important}
.alarm-ack-btn{
  background:#12324a!important;
  transition:transform .15s ease,box-shadow .15s ease
}
.alarm-ack-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(18,50,74,.16)}

/* Reports */
.report-check{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.report-check:has(input:checked){
  border-color:#a9d8ca!important;background:#f5fbf8!important;
  box-shadow:0 0 0 2px rgba(23,135,104,.06)
}
.report-export-card{
  min-height:90px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.report-export-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(20,42,55,.08)!important
}
.report-export-card.pdf{border-left:4px solid var(--era-critical)}
.report-export-card.xlsx{border-left:4px solid var(--era-ok)}
.report-icon{flex:0 0 58px}

/* Licensing */
.license-main .kpi-card,
.licensing-main .kpi-card,
[class*="license-"] .kpi-card{min-height:104px}
.license-main [class*="feature"],
.licensing-main [class*="feature"]{border-radius:10px}
.license-main .good,.licensing-main .good,
.license-main [class*="enabled"],.licensing-main [class*="enabled"]{color:var(--era-ok)}
.license-main .bad,.licensing-main .bad,
.license-main [class*="disabled"],.licensing-main [class*="disabled"]{color:var(--era-neutral)}
.license-main .panel,.licensing-main .panel{overflow:hidden}

/* Commissioning */
.commissioning-step{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.commissioning-step.ready{
  border-color:#a8d8c9!important;
  background:linear-gradient(145deg,#f0faf6,#fff)!important
}
.commissioning-step.warn{
  border-color:#ead19c!important;
  background:linear-gradient(145deg,#fff9ed,#fff)!important
}
.commissioning-step.ready .commissioning-step-mark,
.commissioning-validation-result.pass .validation-mark{
  background:var(--era-ok-soft)!important;color:var(--era-ok)!important
}
.commissioning-step.warn .commissioning-step-mark{
  background:var(--era-warn-soft)!important;color:#8a5b13!important
}
.commissioning-validation-result.fail .validation-mark{
  background:var(--era-critical-soft)!important;color:var(--era-critical)!important
}
.commissioning-catalog-state.ready{
  background:var(--era-ok-soft)!important;border-color:#a8d8c9!important
}
.commissioning-catalog-state.pending{
  background:var(--era-warn-soft)!important;border-color:#ead19c!important
}
.commissioning-code-list code,
.commissioning-command-steps code{
  background:#0d2b3c!important;color:#dff4ff!important
}
.commissioning-safety-panel{
  border-left:4px solid var(--era-warn)!important;background:#fffaf0!important
}
.commissioning-form-card[open]{
  border-color:#b9d4df!important;
  box-shadow:0 9px 26px rgba(20,42,55,.055)!important
}

/* Branding */
.branding-main .panel,.branding-main form,.branding-main .branding-card{border-radius:16px}
.branding-main input[type="file"]{
  background:#fbfcfd;border:1px dashed #bbccd5;border-radius:10px;padding:10px
}
.branding-main .co-brand-preview,
.branding-main [class*="preview"]{background:linear-gradient(180deg,#fff,#f8fbfc)}
.branding-main button[type="submit"]{min-height:38px}

/* Support Desk */
.support-main .kpi-card,.supportdesk-main .kpi-card,.support-kpi-grid .kpi-card{min-height:104px}
.support-main table,.supportdesk-main table,.support-table{
  width:100%;border-collapse:separate;border-spacing:0
}
.support-main table tbody tr:hover,
.supportdesk-main table tbody tr:hover,
.support-table tbody tr:hover{background:#f8fbfc}
[class*="ticket-status"],[class*="support-status"],[class*="ticket-priority"]{
  border-radius:999px;font-weight:800
}
.ticket-priority-critical,.ticket-priority-urgent,.support-priority-critical{
  background:var(--era-critical-soft)!important;color:var(--era-critical)!important
}
.ticket-priority-high,.support-priority-high{
  background:var(--era-warn-soft)!important;color:#8a5b13!important
}
.ticket-priority-normal,.ticket-priority-medium{
  background:var(--era-info-soft)!important;color:#17649a!important
}
.ticket-status-open{background:var(--era-info-soft)!important;color:#17649a!important}
.ticket-status-pending,.ticket-status-waiting{
  background:var(--era-warn-soft)!important;color:#8a5b13!important
}
.ticket-status-resolved,.ticket-status-closed{
  background:var(--era-ok-soft)!important;color:var(--era-ok)!important
}

/* Compact empty states */
.iso-main .empty-state,.compensation-main .empty-state,.alarm-main .empty-state,
.report-main .empty-state,.license-main .empty-state,.licensing-main .empty-state,
.commissioning-main .empty-state,.branding-main .empty-state,
.support-main .empty-state,.supportdesk-main .empty-state{
  padding:28px 24px!important;min-height:120px;display:grid;place-items:center;
  align-content:center;border-style:dashed;background:linear-gradient(180deg,#fff,#fafcfd)
}

/* Semantic status palette */
.status-ok,.state-ok,.health-ok,.ready-state{color:var(--era-ok)}
.status-warning,.state-warning,.health-warning{color:var(--era-warn)}
.status-critical,.state-critical,.health-critical,.status-error{color:var(--era-critical)}
.status-info,.state-info{color:var(--era-info)}

@media (max-width:1280px){
  .alarm-kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
  .report-section-grid{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
  .iso-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .alarm-kpi-grid{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
  .report-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-export-grid{grid-template-columns:1fr!important}
}
@media (max-width:620px){
  .alarm-kpi-grid,.iso-kpi-grid,.report-section-grid,.report-scope-grid{
    grid-template-columns:1fr!important
  }
  .report-export-card{padding:15px}
}

/* ERA_PACKAGE6_BILLING_FOUNDATION */
.billing-main{padding-bottom:40px}
.billing-notice{
  display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:11px 14px;
  border:1px solid #c8ddea;border-left:4px solid var(--era-info,#1479c9);
  border-radius:12px;background:#f7fbff;color:#4e6571;font-size:.75rem;line-height:1.45
}
.billing-notice strong{color:#164f75;white-space:nowrap}
.billing-scope{grid-template-columns:repeat(3,minmax(0,1fr))}
.billing-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.billing-kpi-grid .kpi-card{position:relative;overflow:hidden;min-height:118px}
.billing-kpi-grid .kpi-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#b9cbd4}
.billing-kpi-grid .billing-primary::before{background:var(--era-info,#1479c9)}
.billing-kpi-grid .kpi-card:nth-child(2)::before{background:var(--era-violet,#7657c8)}
.billing-kpi-grid .kpi-card:nth-child(3)::before{background:var(--era-ok,#178768)}
.billing-kpi-grid .kpi-card:nth-child(4)::before{background:var(--era-warn,#b7791f)}
.billing-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px}
.billing-wide{grid-column:1/-1}
.billing-band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.billing-band-grid>div{padding:16px;border:1px solid var(--border);border-radius:12px;background:#fbfcfd}
.billing-band-grid span,.billing-band-grid small{display:block;color:var(--text-muted);font-size:.7rem}
.billing-band-grid strong{display:inline-block;font-size:1.35rem;margin:5px 4px 0 0}
.billing-band-grid>div:nth-child(1){border-top:3px solid #267ac7}
.billing-band-grid>div:nth-child(2){border-top:3px solid #159b8a}
.billing-band-grid>div:nth-child(3){border-top:3px solid #7657c8}
.billing-warning{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff7e6;color:#815b1a;font-size:.72rem}
.billing-detail-list{margin:0}
.billing-detail-list div{display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f3;font-size:.76rem}
.billing-detail-list dt{font-weight:700;color:var(--text-muted)}
.billing-detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}
.billing-table-wrap{overflow:auto}
.billing-table{width:100%;border-collapse:collapse;min-width:900px}
.billing-table th,.billing-table td{padding:10px 9px;border-bottom:1px solid #edf1f3;text-align:left;font-size:.74rem}
.billing-table th{font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}
.billing-table tbody tr:hover{background:#f8fbfc}
.billing-empty{min-height:230px!important;text-align:center}
.billing-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:#eaf4fd;color:#1479c9;font-size:1.35rem;font-weight:900}
.billing-empty h2{margin-bottom:7px}
.billing-source-panel{margin-top:14px}
.billing-hash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem}
@media(max-width:1200px){.billing-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.billing-scope,.billing-grid{grid-template-columns:1fr}.billing-wide{grid-column:auto}}
@media(max-width:620px){.billing-kpi-grid,.billing-band-grid{grid-template-columns:1fr}.billing-notice{display:grid}}

/* v2.7.0 field inventory */
.inventory-main{padding-bottom:40px}.inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.inventory-kpis .kpi-card{min-height:96px}.inventory-kpis .kpi-card span{display:block;color:var(--text-muted);font-size:.72rem;font-weight:750}.inventory-kpis .kpi-card strong{display:block;margin-top:8px;font-size:1.6rem}.inventory-table-wrap{overflow:auto}.inventory-table{width:100%;border-collapse:collapse;min-width:1080px}.inventory-table th,.inventory-table td{padding:10px 9px;border-bottom:1px solid #edf1f3;text-align:left;font-size:.72rem;vertical-align:middle}.inventory-table th{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.inventory-table td small{display:block;margin-top:3px;color:var(--text-muted)}.inventory-table tbody tr:hover{background:#f8fbfc}.inventory-state{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2f4;font-size:.64rem;font-weight:800}.inventory-state.active{background:#e3f5ee;color:#176557}.inventory-state.maintenance{background:#fff4dc;color:#815b1a}.inventory-state.retired{background:#f3e8e8;color:#8a3e3e}@media(max-width:1000px){.inventory-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.inventory-kpis{grid-template-columns:1fr}}

/* ERA v2.8 professional responsive shell */
:root{--era-font:Inter,"Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif;--era-focus:0 0 0 3px rgba(31,166,214,.24)}
html{font-size:16px}body{font-family:var(--era-font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}:where(a,button,input,select,textarea):focus-visible{outline:none;box-shadow:var(--era-focus)!important}
.era-login-reference-v33.auth-body-pro{min-height:100dvh!important;overflow:auto!important;display:grid!important;place-items:center!important;padding:clamp(16px,2.2vw,40px)!important;background:radial-gradient(circle at 13% 12%,rgba(24,158,213,.10),transparent 30%),#f3f7fa!important}
.era-login-reference-v33 .auth-reference-shell{width:min(1720px,100%)!important;height:auto!important;min-height:min(880px,calc(100dvh - clamp(32px,4.4vw,80px)))!important;display:grid!important;grid-template-columns:minmax(0,1.68fr) minmax(440px,.72fr)!important;overflow:hidden!important;border:1px solid #d7e3ea!important;border-radius:24px!important;background:#fff!important;box-shadow:0 26px 70px rgba(16,49,72,.14)!important}
.era-login-reference-v33 .auth-reference-visual{width:auto!important;height:auto!important;min-height:0!important;min-width:0!important;flex:none!important;position:relative!important;background:linear-gradient(145deg,#e8f1f6,#dce9f1)!important}
.era-login-reference-v33 .auth-reference-scene{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;padding:clamp(18px,2vw,34px)!important}
.era-login-reference-v33 .auth-reference-scene img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;border-radius:16px!important;filter:saturate(.98) contrast(1.015)!important;box-shadow:0 16px 42px rgba(11,55,88,.12)!important}
.era-login-reference-v33 .auth-reference-panel{min-width:0!important;display:grid!important;place-items:center!important;padding:clamp(38px,4vw,72px)!important;background:linear-gradient(180deg,#fff,#f9fbfd)!important}
.era-login-reference-v33 .auth-reference-card{width:min(500px,100%)!important;max-width:none!important;padding:clamp(28px,2.6vw,44px)!important;border:1px solid #dbe6ec!important;border-radius:20px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 16px 40px rgba(17,61,88,.09)!important}
.era-login-reference-v33 .auth-reference-card .auth-language{position:static!important;display:flex!important;justify-content:flex-end!important;margin:0 0 10px!important}.era-login-reference-v33 .auth-reference-card h1{font-size:clamp(1.65rem,2vw,2.1rem)!important;line-height:1.15!important;letter-spacing:-.035em!important}.era-login-reference-v33 .auth-reference-heading p{font-size:.9rem!important;line-height:1.6!important}.era-login-reference-v33 .auth-reference-form label{font-size:.78rem!important;font-weight:750!important}.era-login-reference-v33 .auth-input-shell{min-height:50px!important;border-radius:11px!important}.era-login-reference-v33 .auth-input-shell input{font-size:.91rem!important}
.auth-form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 16px}.auth-remember{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;cursor:pointer;color:#425d6d!important;user-select:none}.auth-remember input{position:absolute;opacity:0;pointer-events:none}.auth-remember>span{width:18px;height:18px;display:grid;place-items:center;border:1.5px solid #9eb4c0;border-radius:5px;background:#fff;transition:.16s ease}.auth-remember input:checked+span{border-color:#087fbb;background:#087fbb}.auth-remember input:checked+span::after{content:"";width:8px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-1px)}.auth-remember input:focus-visible+span{box-shadow:var(--era-focus)}.auth-remember b{font-size:.76rem;font-weight:700}.auth-form-options .auth-links{margin:0!important}.era-login-reference-v33 .auth-reference-submit{min-height:50px!important;border-radius:11px!important;font-size:.86rem!important}
.dashboard-shell{grid-template-columns:272px minmax(0,1fr)!important}.dashboard-main{min-width:0!important;padding:24px clamp(20px,2.2vw,40px) 40px!important}.topbar{position:relative!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:24px!important;align-items:start!important;min-height:84px!important}.topbar>div:first-child{text-align:left!important;justify-self:start!important}.topbar h1,.topbar .eyebrow,.topbar .subtitle,.topbar p{text-align:left!important}.era-top-utility{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:min(680px,48vw)}.era-global-search{position:relative;width:min(360px,28vw);flex:1}.era-global-search>svg{position:absolute;z-index:2;left:13px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#7c98a9;stroke-width:1.8;stroke-linecap:round}.era-global-search>input{width:100%;height:42px;padding:0 14px 0 40px;border:1px solid rgba(138,176,197,.28);border-radius:12px;background:rgba(8,40,62,.72);color:#eaf6fc;font-size:.78rem}.era-global-search>input::placeholder{color:#8ba8b8}.era-search-results{position:absolute;z-index:80;top:calc(100% + 7px);left:0;right:0;padding:6px;border:1px solid #d8e4e9;border-radius:12px;background:#fff;box-shadow:0 18px 44px rgba(8,34,51,.18)}.era-search-results a,.era-search-results span{display:block;padding:9px 10px;border-radius:8px;color:#24485c;text-decoration:none;font-size:.76rem;font-weight:700}.era-search-results a:hover{background:#edf7fb;color:#067ead}.era-top-account{display:flex;align-items:center;gap:12px;min-width:0}.era-top-account .user-chip{display:flex!important;align-items:center;gap:9px;min-width:0;padding:6px 10px 6px 7px;border:1px solid rgba(140,181,202,.22);border-radius:12px;background:rgba(8,40,62,.62)}.era-top-account .user-chip>span:last-child{min-width:0;display:grid}.era-top-account .user-chip strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2f9fc;font-size:.72rem}.era-top-account .user-chip small{color:#8fb0c1;font-size:.61rem}.era-top-account .avatar{width:30px;height:30px;flex:0 0 30px}.era-top-account .language-switch{margin:0!important;display:flex!important;gap:5px!important}.sidebar-foot .user-chip,.sidebar-foot>.language-switch{display:none!important}.sidebar-foot{gap:8px!important}.sidebar-foot>a,.sidebar-foot .text-button{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(151,188,207,.18)!important;border-radius:9px!important;text-decoration:none!important}.professional-nav .nav-item{justify-content:flex-start!important;text-align:left!important;padding-left:14px!important;padding-right:12px!important}.professional-nav .nav-label,.professional-nav .nav-item>span:last-child{text-align:left!important}.sidebar-collapsed .dashboard-shell{grid-template-columns:82px minmax(0,1fr)!important}
@media(max-width:1180px){.era-login-reference-v33 .auth-reference-shell{grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr)!important;min-height:720px!important}.era-top-utility{min-width:0}.era-global-search{width:min(280px,24vw)}.era-top-account .user-chip strong{max-width:150px}}
@media(max-width:900px){.era-login-reference-v33.auth-body-pro{display:block!important;padding:0!important;background:#fff!important}.era-login-reference-v33 .auth-reference-shell{display:grid!important;grid-template-columns:1fr!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}.era-login-reference-v33 .auth-reference-visual{min-height:clamp(240px,43vw,390px)!important}.era-login-reference-v33 .auth-reference-scene{padding:14px!important}.era-login-reference-v33 .auth-reference-panel{padding:28px 18px 40px!important}.era-login-reference-v33 .auth-reference-card{box-shadow:none!important;padding:24px!important}.dashboard-shell{grid-template-columns:1fr!important}.dashboard-main{padding:18px 16px 34px!important}.topbar{grid-template-columns:1fr!important;gap:14px!important}.era-top-utility{width:100%;justify-content:space-between;flex-wrap:wrap}.era-global-search{width:auto;min-width:min(100%,260px);flex:1}}
@media(max-width:560px){.era-login-reference-v33 .auth-reference-visual{min-height:220px!important}.era-login-reference-v33 .auth-reference-panel{padding:18px 12px 30px!important}.era-login-reference-v33 .auth-reference-card{padding:22px 18px!important;border-radius:16px!important}.auth-form-options{align-items:flex-start}.era-top-utility{display:grid;grid-template-columns:1fr auto}.era-global-search{grid-column:1/-1;width:100%}.era-top-account .user-chip strong{max-width:155px}}

/* FINAL v2.7.2 login cascade closure — login does not load the V4 stylesheet. */
@media(min-width:901px){
  .era-login-reference-v32.era-login-reference-v33 .auth-shell-pro.auth-reference-shell{width:min(1720px,calc(100vw - 32px))!important;height:calc(100dvh - 32px)!important;min-height:640px!important;max-height:880px!important;aspect-ratio:auto!important;margin:16px auto!important;grid-template-columns:minmax(0,1.68fr) minmax(430px,.72fr)!important;border:1px solid #d7e3ea!important;border-radius:22px!important;box-shadow:0 24px 66px rgba(16,49,72,.14)!important}
  .era-login-reference-v32.era-login-reference-v33 .auth-reference-visual.auth-dual-hero-visual,.era-login-reference-v32.era-login-reference-v33 .auth-reference-panel{height:100%!important;min-height:0!important}
  .era-login-reference-v32.era-login-reference-v33 .auth-reference-panel{padding:20px!important;overflow:auto!important}
  .era-login-reference-v32.era-login-reference-v33 .auth-reference-card{width:min(420px,100%)!important;max-width:420px!important;min-height:0!important;height:auto!important;max-height:none!important;padding:24px 28px!important;overflow:visible!important}
  .era-login-reference-v32.era-login-reference-v33 .auth-reference-card>.auth-brand{margin-bottom:5px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-card .auth-brand-logo{max-height:74px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-heading{margin-top:4px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-heading h1{font-size:1.58rem!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-heading p{font-size:.72rem!important;margin-bottom:5px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-form>label{margin:6px 0 4px!important}.era-login-reference-v32.era-login-reference-v33 .auth-input-shell{min-height:44px!important}.era-login-reference-v32.era-login-reference-v33 .auth-form-options{margin:7px 0 11px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-submit{min-height:44px!important;height:44px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-footer{margin-top:8px!important;padding-top:7px!important}
}
@media(min-width:901px) and (max-height:720px){.era-login-reference-v32.era-login-reference-v33 .auth-shell-pro.auth-reference-shell{height:calc(100dvh - 16px)!important;min-height:580px!important;margin:8px auto!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-card{padding:16px 24px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-card .auth-brand-logo{max-height:58px!important}.era-login-reference-v32.era-login-reference-v33 .auth-reference-footer{display:none!important}}

/* v2.7.3 account and navigation closure */
.sidebar-foot>a[href^="/admin/"]{display:none!important}
.era-top-account .user-chip strong{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
.era-top-account .era-account-domain{display:block;color:#b8d2df;font-size:.64rem;line-height:1.25;white-space:nowrap}
@media(max-width:1180px){.era-top-account .user-chip>span:last-child{display:none!important}.era-top-account .user-chip{padding-right:7px!important}}