/* Mazaya Net Workspace 2026 / 3.5.203. Local assets, screen-only, no business logic. */
@media screen {
  :root { --bg:#f4f6f8; --ink:#202e42; --muted:#66768a; --primary:#087f85; --primary-soft:#eaf6f5; --blue:#087f85; --blue2:#075963; --line:#e4e9ee; }
  html body { background:#f4f6f8; color:#202e42; }
  .app>.sidebar,.app-layout>.side { background:#fff; color:#425064; border:0; border-inline-end:1px solid #e3e8ee; box-shadow:none; }
  .sidebar .brand,.side .side-brand { border:0; }
  .sidebar .brand h1,.side-brand strong { color:#152d45; font-size:22px; }
  .sidebar .brand p,.side-brand small { color:#718094; font-size:11px; }
  .sidebar .brand-mark,.side .side-mark { color:#fff; background:#087f85; border-radius:14px; box-shadow:0 5px 12px #087f851b; }
  .workspace-nav-caption { color:#7d8898; font-size:10px; letter-spacing:.2px; padding:8px 12px 0; text-align:right; }
  .sidebar-head { flex-wrap:wrap; }
  .sidebar-head .brand { flex:1; min-width:0; }
  .sidebar-head .brand-mark { flex:0 0 44px; min-width:44px; height:44px; }
  .sidebar-head .workspace-nav-caption { flex-basis:100%; padding-top:0; padding-bottom:8px; }
  .side-brand { flex-wrap:wrap; }
  .side-brand .workspace-nav-caption { flex-basis:100%; padding:0 0 8px; }
  .app.sidebar-collapsed .workspace-nav-caption,.app.sidebar-collapsed .nav button.active::after { display:none; }
  .sidebar .sidebar-mobile-close { color:#3a6273; background:#f2f6f8; border-color:#dce7eb; }
  .sidebar .nav { gap:5px; }
  .sidebar .nav button,.side .side-link { display:flex; align-items:center; color:#5c6a7b; border-radius:10px; min-height:45px; font-size:13px; background:transparent; font-weight:600; }
  .sidebar .nav button .icon,.workspace-nav-icon { background:transparent; color:#7c8b9b; border-radius:0; flex:0 0 21px; width:21px; height:21px; padding:0; }
  .sidebar .nav button .icon svg,.workspace-nav-icon svg { display:block; width:21px; height:21px; }
  .sidebar .nav button:hover,.side .side-link:hover { background:#f5f8fa; color:#22475a; }
  .sidebar .nav button.active,.side .side-link.active { background:#e8f5f3; color:#096e73; border-color:transparent; box-shadow:none; }
  .sidebar .nav button.active .icon,.side .side-link.active .workspace-nav-icon { background:transparent; color:#087f85; }
  .sidebar .nav button.active::after { content:""; width:5px; height:5px; border-radius:50%; background:#087f85; margin-inline-start:auto; }
  .side-link { gap:10px; }.side-count { margin-inline-start:auto; background:#eff3f7; color:#687c90; }.side-link.active .side-count { color:#087f85; background:#d5ede9; }
  .sidebar-scroll-control { background:#f7f9fb; border-color:#edf1f4; opacity:.8; }
  .sidebar-scroll-thumb { background:#afbccb; }
  .side-footer .side-link { border-color:#e4ebef; background:#f6f9fb; }
  .topbar,.workspace>.head { background:#fff; box-shadow:none; border-bottom:1px solid #e5eaef; }
  .title h2,.workspace>.head .brand h1 { font-size:20px; letter-spacing:0; color:#213247; }
  .title p,.workspace>.head .brand p { font-size:11px; }
  .system-name-badge { color:#08767c; background:#eef8f6; border-color:#ddede9; }
  .live-clock { background:transparent; border:0; box-shadow:none; }
  .live-clock svg { opacity:.7; }.live-clock-time { color:#475c70; }
  #currentUserBadge { background:#f7f9fb; border-color:#e4eaf0; color:#526779; }
  :is(button,a,input,select,textarea,summary):focus-visible { outline-color:#087f85; }
  .btn.primary,.filter-chip.active,.monitor-return-btn { color:#fff; background:#087f85; border-color:#087f85; box-shadow:0 3px 7px #087f8515; }
  .btn.primary:hover,.filter-chip.active:hover,.monitor-return-btn:hover { background:#096a71; border-color:#096a71; }
  .btn:hover { color:#086c74; background:#f1f8f7; border-color:#b6d7d3; }
  .btn.danger:hover { color:#972536; background:#ffe9ec; border-color:#e6a4b0; }
  .input,.field input,.field select,input[type=search] { background:#fbfcfd; border-color:#dfe6ec; border-radius:11px; }
  .input:focus,.field input:focus,.field select:focus { border-color:#62b0ad; box-shadow:0 0 0 3px #087f850b; }
  .section,.panel,.excel-sheet { box-shadow:0 3px 12px #17314b03; border:1px solid #e2e8ee; border-radius:18px; }
  .section-head,.excel-sheet .section-head,.panel-head { background:#fff; padding:22px 24px; }
  .section-head h3,.panel-head h2 { font-size:16px; }
  .excel-table th,.scroll th { background:#f6f8fa; color:#728096; font-size:11px; letter-spacing:0; border-bottom-color:#e4e9ef; }
  .excel-table td { padding-top:16px; padding-bottom:16px; }
  .excel-table tbody tr:nth-child(even) td { background:#fff; }
  .excel-table tbody tr:hover td { background:#f5faf9; }
  .excel-table tbody tr.selected td { background:#edf7f5; }
  .excel-table .btn { border-radius:9px; }
  .system-live-status-bar { gap:0; border:1px solid #e1e8ed; border-radius:15px; background:#fff; overflow:hidden; }
  #dashboardView .system-live-card { border:0; border-inline-end:1px solid #edf0f3; border-radius:0; background:transparent; padding:14px 18px; min-height:86px; gap:5px; text-align:start; }
  #dashboardView .system-live-card:last-child { border-inline-end:0; }
  #dashboardView .system-live-card[data-state=offline] { background:#fff9f8; }
  #dashboardView .system-live-card strong { font-size:17px; line-height:1.35; }
  #liveSectorValue,#liveLinkValue { direction:ltr; unicode-bidi:isolate; text-align:right; }
  #dashboardView .system-live-card small { font-size:10px; line-height:1.45; }
  .system-live-label { font-size:10px; color:#7b8898; }
  #dashboardView { gap:18px; }
  .workspace-welcome { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:2px 0 7px; }
  .workspace-eyebrow { font-size:11px; color:#7a8798; font-weight:600; }
  .workspace-welcome h3 { font-size:32px; line-height:1.4; margin:5px 0 6px; color:#1e3047; font-weight:750; letter-spacing:-.6px; }
  .workspace-welcome p { color:#7a8796; font-size:12px; margin:0; }
  .workspace-edition { display:flex; align-items:center; gap:8px; font-size:11px; color:#5c7284; background:#fff; border:1px solid #e0e8eb; border-radius:10px; padding:10px 12px; white-space:nowrap; }
  .workspace-edition i { background:#25a49b; width:6px; height:6px; border-radius:50%; }
  .workspace-edition small { font-size:10px; padding-inline-start:8px; border-inline-start:1px solid #dfe6eb; color:#7d8996; }
  #dashboardView .dashboard-overview-heading { margin:10px 0 -3px; }
  #dashboardView .dashboard-overview-heading h3 { font-size:16px; margin:0; }
  #dashboardView .dashboard-overview-heading p { font-size:11px; margin-top:5px; }
  #dashboardView .dashboard-summary-badge { color:#6b7e89; font-size:10px; font-weight:500; border:0; background:transparent; padding:0; }
  #dashboardView .dashboard-counts { grid-template-columns:1.6fr 1fr 1fr .85fr; grid-template-rows:repeat(2,minmax(148px,auto)); gap:14px; }
  #dashboardView .dashboard-count-card { min-height:0; border:1px solid #e1e7ed; border-radius:16px; padding:20px; gap:5px; align-items:start; text-align:start; box-shadow:none; }
  #dashboardView .dashboard-count-card::after { top:17px; inset-inline-end:16px; width:29px; height:29px; background-size:17px; border:0; background-color:#f1f5f8; border-radius:9px; }
  #dashboardView .dashboard-count-label { font-size:12px; padding-inline-end:30px; min-height:0; color:#57697f; }
  #dashboardView .dashboard-count-card strong { font-size:34px; line-height:1.2; margin-top:3px; font-weight:700; color:#253b52; }
  #dashboardView .dashboard-count-note { font-size:10px; line-height:1.65; }
  #dashboardView .dashboard-count-link { font-size:10px; color:#697e8e; padding-top:7px; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] { grid-column:1; grid-row:1 / 3; padding:28px; background:#0d626b; border-color:#0d626b; display:flex; flex-direction:column; align-items:stretch; position:relative; isolation:isolate; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total]::after { width:180px; height:180px; border:1px solid #ffffff18; background:none; border-radius:50%; top:-80px; inset-inline-end:-50px; z-index:-1; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total]::before { content:""; position:absolute; width:190px; height:190px; border:1px solid #ffffff18; border-radius:50%; top:-36px; inset-inline-end:-125px; z-index:-1; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] .dashboard-count-label { color:#c9e6e6; font-size:14px; padding:0; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] strong { font-size:68px; font-weight:650; line-height:1.25; margin:14px 0 0; color:#fff; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] .dashboard-count-note { color:#c9e4e6; font-size:11px; }
  #dashboardView .dashboard-count-card[data-dashboard-count=total] .dashboard-count-link { color:#fff; font-size:11px; margin:10px 0 0; }
  .workspace-distribution { display:block; margin-top:auto; padding-top:25px; }
  .workspace-distribution[hidden] { display:none; }
  .workspace-distribution-track { display:flex; gap:3px; height:6px; background:#ffffff20; border-radius:5px; overflow:hidden; }
  .workspace-distribution-track i { display:block; height:100%; flex-shrink:0; border-radius:5px; }
  .workspace-distribution-track [data-distribution=active] { background:#69d4b5; }
  .workspace-distribution-track [data-distribution=inactive] { background:#c3d6de; }
  .workspace-distribution-track [data-distribution=expired] { background:#f0bba8; }
  .workspace-distribution-label { display:flex; justify-content:space-between; gap:10px; font-size:10px; color:#bfdddd; margin-top:12px; }
  .workspace-distribution-label b { font-size:11px; color:#fff; }
  #dashboardView .dashboard-count-card[data-dashboard-count=active] { grid-column:2; grid-row:1; }
  #dashboardView .dashboard-count-card[data-dashboard-count=inactive] { grid-column:2; grid-row:2; }
  #dashboardView .dashboard-count-card[data-dashboard-count=expired] { grid-column:3; grid-row:1; }
  #dashboardView .dashboard-count-card[data-dashboard-count=expiring3] { grid-column:3; grid-row:2; }
  #dashboardView .dashboard-count-card[data-dashboard-count=towers] { grid-column:4; grid-row:1 / 3; background:#eaf0f8; border-color:#e1e7f1; justify-content:center; align-content:center; }
  #dashboardView .dashboard-count-card[data-dashboard-count=towers]::after { position:static; order:-1; width:46px; height:46px; background-size:29px; background-color:#dce6f3; grid-row:1; margin-bottom:13px; }
  #dashboardView .dashboard-count-card[data-dashboard-count=towers] .dashboard-count-label { padding:0; }
  #dashboardView .dashboard-count-card[data-dashboard-count=towers] strong { font-size:48px; color:#3c567a; }
  #dashboardView .dashboard-count-card[data-tone=green] strong { color:#14816d; }
  #dashboardView .dashboard-count-card[data-tone=red] strong { color:#c35650; }
  #dashboardView .dashboard-count-card[data-tone=amber] strong { color:#b28634; }
  #dashboardView .dashboard-count-card:hover:not(:disabled) { border-color:#68a6a6; box-shadow:0 5px 18px #18385908; }
  .workspace-finance-heading { display:flex; justify-content:space-between; align-items:end; gap:14px; margin:10px 0 -3px; }
  .workspace-finance-heading h3 { margin:4px 0 0; font-size:17px; color:#25394f; }
  .workspace-finance-heading>span { font-size:10px; color:#7d8a9a; }
  #dashboardView .workspace-finance { gap:14px; grid-template-columns:repeat(4,minmax(0,1fr)); }
  #dashboardView .metric { border-radius:16px; padding:24px; box-shadow:none; display:flex; flex-direction:column; gap:12px; }
  #dashboardView .metric .value { font-size:clamp(19px,1.65vw,30px); line-height:1.3; font-weight:700; overflow-wrap:anywhere; }
  #dashboardView .metric .label { color:#607589; font-size:12px; }
  #dashboardView .metric .note { margin-top:auto; padding-top:14px; border-top:1px solid #edf1f4; font-size:10px; }
  #dashboardView .metric:last-child { background:#24384e; border-color:#24384e; }
  #dashboardView .metric:last-child .value { color:#fff; }
  #dashboardView .metric:last-child .label { color:#cddce9; }
  #dashboardView .metric:last-child .note { color:#b7cadc; border-color:#ffffff18; }
  .workspace>.head .brand { border:0; }.workspace .stat { border-radius:14px; box-shadow:none; padding:18px; }
  .workspace .stat b { color:#23536b; font-size:28px; }.workspace .stat.online b { color:#14816d; }.workspace .stat.offline b { color:#bb4e51; }
  .workspace .notice { border:1px solid #dce9eb; background:#edf7f5; color:#3e6770; border-radius:13px; }
  .workspace .scroll table td { padding-top:18px; padding-bottom:18px; }
  .workspace .row-actions { gap:7px; }
  .login-shell { border-radius:25px; border-color:#e0e9ec; }
  .login-shell .identity-panel { background:#0d626b; }
  .login-shell .form-panel { padding:48px; }
  .login-shell .identity-panel h1 { letter-spacing:-.4px; }
  html[data-mazaya-app] body { background:#f4f6f8!important; }
  html[data-mazaya-app] .btn.primary { background:#087f85!important; border-color:#087f85!important; }
  html[data-mazaya-app=tablet] .tablet-mark { background:#087f85; }
  html[data-mazaya-app=tablet] .tablet-tabs button[aria-current] { color:#087f85; background:#e7f5f2; }
  @media(min-width:1281px) {
    .app { grid-template-columns:244px minmax(0,1fr); }
    .app.sidebar-collapsed { grid-template-columns:76px minmax(0,1fr); }
    .sidebar { padding:25px 17px; }
    .sidebar .brand { padding:0 5px 15px; }
    .sidebar .nav button { padding:12px 14px; }
    .content { padding:26px 30px 40px; }
    .topbar { padding:18px 30px; }
    .app-layout { grid-template-columns:minmax(0,1fr)244px; }
    .app-layout>.side { padding:28px 17px; }
  }
  @media(max-width:1280px) {
    #dashboardView .dashboard-counts { grid-template-columns:1.4fr 1fr 1fr; }
    #dashboardView .dashboard-count-card[data-dashboard-count=towers] { grid-column:1 / -1; grid-row:3; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:18px 22px; }
    #dashboardView .dashboard-count-card[data-dashboard-count=towers]::after { display:none; }
    #dashboardView .dashboard-count-card[data-dashboard-count=towers] strong { grid-column:2; grid-row:1 / 3; font-size:36px; margin:0; padding:0 20px; }
    #dashboardView .dashboard-count-card[data-dashboard-count=towers] .dashboard-count-note { grid-column:1; }
    #dashboardView .dashboard-count-card[data-dashboard-count=towers] .dashboard-count-link { grid-column:3; grid-row:1 / 3; text-align:end; }
    .workspace-edition { padding:8px; }
  }
  @media(max-width:760px) {
    #dashboardView { gap:15px; }
    .workspace-welcome { align-items:start; flex-direction:column; gap:10px; }
    .workspace-welcome h3 { font-size:27px; }.workspace-welcome p { font-size:11px; }
    .workspace-edition { font-size:10px; padding:7px 9px; }
    #dashboardView .system-live-status-bar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
    #dashboardView .system-live-card { padding:12px; min-width:0; min-height:82px; border-bottom:1px solid #edf0f3; }
    #dashboardView .system-live-card:nth-child(even) { border-inline-end:0; }
    #dashboardView .dashboard-counts { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; gap:10px; }
    #dashboardView .dashboard-count-card { padding:18px 14px; min-height:158px; }
    #dashboardView .dashboard-count-card[data-dashboard-count=total] { grid-column:1 / -1; grid-row:1; padding:23px; min-height:235px; }
    #dashboardView .dashboard-count-card[data-dashboard-count=total] strong { font-size:57px; margin-top:6px; }
    .workspace-distribution { padding-top:18px; }
    #dashboardView .dashboard-count-card[data-dashboard-count=active] { grid-column:1; grid-row:2; }
    #dashboardView .dashboard-count-card[data-dashboard-count=inactive] { grid-column:2; grid-row:2; }
    #dashboardView .dashboard-count-card[data-dashboard-count=expired] { grid-column:1; grid-row:3; }
    #dashboardView .dashboard-count-card[data-dashboard-count=expiring3] { grid-column:2; grid-row:3; }
    #dashboardView .dashboard-count-card[data-dashboard-count=towers] { grid-column:1 / -1; grid-row:4; min-height:95px; padding:18px; }
    #dashboardView .dashboard-count-label { font-size:12px; padding-inline-end:22px; min-height:32px; line-height:1.5; }
    #dashboardView .dashboard-count-card::after { width:22px; height:22px; background-size:15px; inset-inline-end:10px; }
    #dashboardView .dashboard-count-card strong { font-size:32px; }
    #dashboardView .workspace-finance { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    #dashboardView .metric { padding:18px 14px; gap:10px; }
    #dashboardView .metric .value { font-size:21px; }.workspace-finance-heading { align-items:start; flex-direction:column; gap:7px; }
    .section-head,.excel-sheet .section-head,.panel-head { padding:18px 14px; }
    .login-shell .form-panel { padding:28px 22px; }
  }
  @media(prefers-reduced-motion:no-preference) {
    .dashboard-count-card { transition:box-shadow .15s,border-color .15s; }
  }
}
@media print {
  .workspace-welcome,.workspace-finance-heading,.workspace-distribution,.workspace-nav-caption,.workspace-nav-icon { display:none!important; }
}