/* Mazaya Net 3.5.202 — presentation only. Screen media keeps existing receipts/print intact.
   No layout rule touches map tiles, permissions, hidden controls or app navigation state. */
@media screen {
  :root {
    --bg:#f3f6fa; --panel:#fff; --card:#fff; --ink:#172c46; --muted:#617189;
    --line:#e1e7ef; --primary:#245edb; --primary-soft:#edf3ff;
    --blue:#245edb; --blue2:#193e8b; --green:#087c58; --red:#bc3545;
    --amber:#98600b; --ok:#087c58; --bad:#bc3545; --warn:#98600b;
    --sidebar:#122941; --sidebar-soft:#1d3c5b;
    --shadow:0 3px 6px #192e4903,0 12px 28px #192e4906;
  }
  html body { background:#f3f6fa; color:var(--ink); font-family:"Segoe UI",Tahoma,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
  button,input,select,textarea { font-family:inherit; }
  :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #245edb; outline-offset:3px; }
  ::selection { color:#163b76; background:#d9e8ff; }

  /* Familiar navigation, quieter chrome and a clear selected destination. */
  .app>.sidebar,.app-layout>.side {
    background:linear-gradient(165deg,#142e4a,#102338 78%); color:#e7effa;
    box-shadow:none; border-inline-end:1px solid #ffffff09;
  }
  .sidebar .brand,.side .side-brand { border-bottom:1px solid #ffffff15; padding-bottom:24px; }
  .sidebar .brand h1,.side-brand strong { font-size:19px; letter-spacing:0; color:#fff; }
  .sidebar .brand p,.side-brand small { color:#b8cbe0; font-size:11px; }
  .sidebar .brand-mark,.side .side-mark { background:#fff; color:#245edb; border:0; box-shadow:none; border-radius:14px; }
  .sidebar .nav { gap:5px; }
  .sidebar .nav button,.side .side-link {
    color:#c3d3e5; border:1px solid transparent; border-radius:11px; background:transparent;
    box-shadow:none; min-height:47px; font-size:14px; font-weight:500;
    transition:background .15s,color .15s,border-color .15s;
  }
  .sidebar .nav button .icon { color:#a7bed7; background:#ffffff08; border-radius:8px; }
  .sidebar .nav button:hover,.side .side-link:hover { background:#ffffff0b; color:#fff; transform:none; box-shadow:none; }
  .sidebar .nav button.active,.side .side-link.active {
    background:#eaf1ff; color:#163f86; font-weight:700; border-color:#eaf1ff;
    box-shadow:inset -3px 0 #699cff;
  }
  .sidebar .nav button.active .icon { color:#245edb; background:#d7e5ff; }
  .side-count { background:#ffffff12; color:#d9e6f7; }
  .side-link.active .side-count { background:#d5e4ff; color:#163f86; }
  .sidebar-scroll-control { opacity:.65; background:#ffffff05; box-shadow:none; border-color:#ffffff10; }
  .sidebar-scroll-control:hover { opacity:1; box-shadow:none; }
  .side-footer .side-link { background:#ffffff0b; border:1px solid #ffffff14; }
  .topbar,.workspace>.head {
    background:#fff; color:var(--ink); border-bottom:1px solid var(--line);
    box-shadow:0 2px 10px #192e4903; backdrop-filter:none;
  }
  .title h2,.workspace>.head .brand h1 { color:#172c46; font-weight:750; font-size:24px; letter-spacing:-.4px; }
  .title p,.workspace>.head .brand p { color:#617189; font-size:12px; }
  .workspace>.head .brand { padding:0; border:0; margin:0; }
  .system-name-badge { background:#edf3ff; color:#2355af; border:1px solid #dce7fa; box-shadow:none; }
  .user-badge { background:#f4f7fb; color:#455c79; border-color:#e1e7ef; }
  .live-clock { background:#f5f8fc; border-color:#e1e7ef; box-shadow:none; }
  .live-clock-time { color:#233d60; }
  .live-clock-date { color:#617189; }
  .head .clock-hand { stroke:#245edb; }
  .head .clock-hand.second { stroke:#c87f15; }
  .head .live-clock-face circle { stroke:#a9bedc; }

  /* Reusable surfaces and readable inputs; no extra clicks or hidden actions. */
  .section,.panel,.excel-sheet,.metric,.mini-card,.tower-card,.sector-card,.monitor-info-card,.monitor-chart-card {
    background:#fff; border-color:var(--line); border-radius:16px; box-shadow:var(--shadow);
  }
  .section-head,.excel-sheet .section-head,.panel-head { background:#fff; border-bottom-color:var(--line); padding:19px 22px; }
  .section-head h3,.panel-head h2,.mini-card h4 { color:#223a59; font-weight:700; }
  .section-head p,.panel-head p,.report-note { color:var(--muted); }
  .input,.field input,.field select,input[type=search],.device-search {
    background:#fff; color:#223a59; border:1px solid #d9e2ed; border-radius:10px;
    box-shadow:0 1px 2px #172c4603;
  }
  :is(.input,.field input,.field select,.device-search):focus { border-color:#648ee9; box-shadow:0 0 0 3px #245edb10; }
  input::placeholder,textarea::placeholder { color:#7a889b; opacity:1; }
  input:disabled,select:disabled,textarea:disabled { background:#f1f4f8; color:#6e7e91; }
  .btn,.sidebar-toggle,.filter-chip {
    color:#3a526f; background:#fff; border:1px solid #d8e2ef; border-radius:10px;
    box-shadow:0 1px 2px #162a4505; font-weight:600;
    transition:background .15s,border-color .15s,box-shadow .15s;
  }
  .btn:hover,.sidebar-toggle:hover,.filter-chip:hover {
    color:#1e4ca2; background:#f4f7fd; border-color:#a5bde5; transform:none; box-shadow:0 2px 5px #152b4607;
  }
  .btn.primary,.filter-chip.active,.monitor-return-btn {
    color:#fff; background:#245edb; border-color:#245edb; box-shadow:0 3px 8px #245edb20;
  }
  .btn.primary:hover,.filter-chip.active:hover,.monitor-return-btn:hover { background:#1c4fc0; color:#fff; border-color:#1c4fc0; box-shadow:0 4px 10px #245edb22; }
  .btn.danger { background:#fff5f5; border-color:#efc9ce; color:#ad3040; box-shadow:none; }
  .btn.danger:hover { background:#ffe9ec; color:#972536; border-color:#e6a4b0; }
  .btn.warn { color:#8b590c; background:#fffbf0; border-color:#ead8b6; }
  .btn:disabled { box-shadow:none; opacity:.52; }
  .status,.badge,.credential-state { font-weight:600; }
  .status.active,.badge.online,.badge.ready,.badge.success,.credential-state.ok { color:#087454; background:#e7f6ef; }
  .status.due,.badge.warning,.badge.scanning { color:#89580c; background:#fff4da; }
  .status.off,.badge.error,.badge.offline,.credential-state.bad { color:#aa2e40; background:#fcecef; }
  .checks { border-style:solid; background:#f8fafd; border-color:#e1e7ef; }
  .checks input { accent-color:#245edb; }
  .notice { background:#edf4ff; border-color:#d7e6fc; border-inline-start:3px solid #779ee9; box-shadow:none; }
  .hint { background:#fff7e6; color:#82540d; border:1px solid #f1e4ca; }
  .status-line.error { color:#b12b3e; }
  .status-line.ok { color:#087454; }

  /* Dashboard: six true counts, one prominent total; never fabricate metrics. */
  #dashboardView { gap:22px; }
  #dashboardView .dashboard-overview-heading { margin-top:8px; }
  #dashboardView .dashboard-overview-heading h3 { font-size:21px; color:#1a3455; }
  #dashboardView .dashboard-overview-heading p { font-size:12px; color:#617189; }
  #dashboardView .dashboard-summary-badge { background:#e9f3ee; border:1px solid #d3e9de; color:#176b50; border-radius:8px; font-weight:600; }
  #dashboardView .dashboard-counts { gap:16px; }
  #dashboardView .dashboard-count-card {
    position:relative; padding:22px 24px; gap:8px; border:1px solid #dee6f0;
    border-radius:16px; background:#fff; box-shadow:var(--shadow); overflow:hidden;
    min-height:188px; transition:border-color .15s,box-shadow .15s;
  }
  #dashboardView .dashboard-count-card::after {
    content:""; position:absolute; inset-inline-end:22px; top:22px; width:40px; height:40px;
    border:1px solid #e1e9f5; border-radius:12px; background-color:#f2f6fc;
    background-position:center; background-repeat:no-repeat; background-size:22px;
    pointer-events:none;
  }
  #dashboardView .dashboard-count-card[data-dashboard-count=total]::after,
  #dashboardView .dashboard-count-card[data-dashboard-count=active]::after,
  #dashboardView .dashboard-count-card[data-dashboard-count=inactive]::after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23395e91' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10' cy='8' r='3'/%3E%3Cpath d='M4 20v-2a6 6 0 0 1 12 0v2M17 5a3 3 0 0 1 0 6m3 9v-2a5 5 0 0 0-2-4'/%3E%3C/svg%3E");
  }
  #dashboardView .dashboard-count-card[data-dashboard-count=expired]::after,
  #dashboardView .dashboard-count-card[data-dashboard-count=expiring3]::after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23395e91' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
  }
  #dashboardView .dashboard-count-card[data-dashboard-count=towers]::after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23395e91' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='1.5'/%3E%3Cpath d='m12 8-5 13m5-13 5 13M9 17h6M7 3a5 5 0 0 0 0 7m10-7a5 5 0 0 1 0 7'/%3E%3C/svg%3E");
  }
  #dashboardView .dashboard-count-label { padding-inline-end:46px; font-size:14px; color:#425a78; }
  #dashboardView .dashboard-count-card strong { font-size:38px; color:#172f51; font-weight:750; line-height:1.25; }
  #dashboardView .dashboard-count-card[data-tone=green] strong { color:#087454; }
  #dashboardView .dashboard-count-card[data-tone=red] strong { color:#b03545; }
  #dashboardView .dashboard-count-card[data-tone=amber] strong { color:#94600b; }
  #dashboardView .dashboard-count-note { color:#617189; font-size:12px; }
  #dashboardView .dashboard-count-link { color:#355c97; font-size:12px; padding-top:8px; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] { background:#183858; border-color:#183858; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] :is(.dashboard-count-label,strong) { color:#fff; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] :is(.dashboard-count-note,.dashboard-count-link) { color:#d0dff2; }
  #dashboardView .dashboard-count-card:hover:not(:disabled) { box-shadow:0 7px 20px #1838590f; border-color:#9bb4d9; }
  #dashboardView .dashboard-count-card:disabled { opacity:.75; }
  #dashboardView .metric { border:1px solid var(--line); border-radius:14px; padding:21px; }
  #dashboardView .metric::after { display:none; }
  #dashboardView .metric .label { color:#617189; font-size:13px; font-weight:600; }
  #dashboardView .metric .value { color:#183858; font-size:clamp(22px,1.8vw,30px); line-height:1.4; font-variant-numeric:tabular-nums; }
  #dashboardView .metric .note { color:#617189; font-size:11px; }
  .system-live-card { border-radius:12px; background:#fff; border-color:#e1e7ef; box-shadow:none; padding:12px 14px; }
  .system-live-card[data-state=offline] { background:#fff8f8; border-color:#eed5d9; }
  .system-live-label { color:#617189; font-size:11px; }
  .system-live-card small { color:#65758c; }
  .system-live-card strong { font-variant-numeric:tabular-nums; font-size:19px; }

  /* Dense desktop data stays tabular. App card layout is handled by existing adapters. */
  th,.excel-table th,.scroll th { color:#536782; background:#f5f8fc; border-color:#e3e9f2; font-weight:650; }
  td,.excel-table td,.excel-table tr:last-child td,.scroll td { border-color:#e6ecf3; color:#273f5b; }
  .excel-table th,.excel-table td { border-inline-color:transparent; }
  .excel-table th { border-bottom:1px solid #dde6f0; }
  .excel-table tbody tr:nth-child(even) td { background:#fbfcfe; }
  tbody tr:hover td,.excel-table tbody tr:hover td { background:#f0f5ff; }
  .excel-table tbody tr.selected td,.excel-table tbody tr[aria-selected=true] td { background:#eaf2ff; border-bottom-color:#c6d9f9; }
  .table-wrap,.scroll { scrollbar-color:#b0c0d6 #f0f4f9; }
  .table-wrap::-webkit-scrollbar-thumb { background:#b0c0d6; }
  .global-horizontal-scroll-dock { background:#f5f8fc; border-color:#cbd8e9; box-shadow:0 -2px 8px #1838590a; scrollbar-color:#829bbb #e9eff7; }
  .global-horizontal-scroll-dock.is-idle { opacity:0; pointer-events:none; }
  .excel-table .btn,.row-actions .btn { border-radius:8px; box-shadow:none; }
  .stat { border-color:#e1e7ef; border-radius:14px; box-shadow:var(--shadow); }
  .stat b { color:#1c3f70; font-variant-numeric:tabular-nums; }
  .stat span,.stat small { color:#617189; }
  .stat.online b { color:#087454; }.stat.offline b { color:#b03545; }.stat.degraded b { color:#94600b; }
  .log-card,.activation-history-entry { background:#fff; border-color:#dfe7f1; border-radius:14px; box-shadow:none; }
  .dialog,.viewer-card { border-color:#dfe7f1; border-radius:20px; box-shadow:0 24px 80px #11283f30; }
  .dialog-head,.viewer-head { background:#f9fbfe; border-bottom-color:#e3e9f2; }
  .modal.open,.viewer:not([hidden]) { backdrop-filter:blur(4px); }
  .login-shell { border-color:#e0e7f1; box-shadow:0 24px 80px #172d4b12; }
  .login-shell .identity-panel { background:linear-gradient(155deg,#1d4368,#102b46); }
  .login-shell .form-panel { background:#fff; }

  /* Native/tablet containers retain their established safe areas and card disclosure. */
  html[data-mazaya-app] body { background:#f3f6fa!important; }
  html[data-mazaya-app] :is(.section,.panel) { border-radius:16px!important; border-color:#e1e7ef!important; box-shadow:0 4px 20px #192e4905!important; }
  html[data-mazaya-app] .btn.primary { background:#245edb!important; border-color:#245edb!important; }
  html[data-mazaya-app] :is(.app-card-title,.app-card-toggle) { color:#203b5a; }
  .tablet-header { box-shadow:0 3px 12px #162d4505; }
  .tablet-mark { background:#245edb; border-radius:12px; }
  .tablet-tabs button[aria-current] { color:#245edb; background:#edf3ff; }
  @media(min-width:1281px) {
    .excel-table th,.excel-table td { font-size:12px; line-height:1.65; }
    .content { padding:26px 30px 36px; }
    .topbar { padding:18px 30px; }
    .sidebar .nav button { min-height:46px; }
    .app-layout>.side { padding:24px 16px; }
    .workspace>main { padding:24px 28px 40px; }
    .workspace>.head { padding:20px 28px; }
  }
  @media(max-width:760px) {
    .section-head,.excel-sheet .section-head,.panel-head { padding:16px 14px; }
    #dashboardView { gap:18px; }
    #dashboardView .dashboard-overview-heading h3 { font-size:19px; }
    #dashboardView .dashboard-counts { gap:10px; }
    #dashboardView .dashboard-count-card { padding:16px 14px; min-height:194px; gap:8px; border-radius:14px; }
    #dashboardView .dashboard-count-card::after { top:14px; inset-inline-end:12px; width:28px; height:28px; border-radius:8px; background-size:18px; }
    #dashboardView .dashboard-count-label { padding-inline-end:28px; font-size:13px; min-height:38px; }
    #dashboardView .dashboard-count-card strong { font-size:31px; }
    #dashboardView .dashboard-count-note { font-size:11px; }
    #dashboardView .dashboard-count-link { font-size:11px; }
    #dashboardView .metric { padding:18px 16px; }
    .title h2,.workspace>.head .brand h1 { font-size:21px; }
    .system-live-label { font-size:11px; }
    .system-live-card { padding:12px; }
    .btn { min-height:44px; }
    .scroll table tbody tr { border-color:#e1e7ef; box-shadow:0 4px 14px #192e4905; }
    .scroll table tbody td.name { background:#f7faff; }
  }
  @media(prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  }
}