/* ETC workspace: shared screen styling. Print documents keep main.css rules. */
@font-face{font-family:ETC Cairo;src:url('../fonts/Cairo-Regular.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:ETC Cairo;src:url('../fonts/Cairo-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--ui-surface:#0d1330;--ui-raised:#16233a;--ui-input:#0c1528;--ui-line:#2c3b53;--ui-muted:#b0bed2;--ui-cyan:#67d6ff;--ui-radius:16px}
.ui-icon{display:inline-block;vertical-align:middle;flex:none;width:20px;height:20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form-feedback{background:#392731;border:1px solid #c98385;color:#ffe0dc;border-radius:12px;padding:14px 18px;margin-bottom:18px;line-height:1.9;overflow-wrap:anywhere}.form-feedback .btn{margin-top:10px}
@media screen{
 .gate-tabs{display:flex!important;flex-wrap:wrap;justify-content:center!important;gap:14px;padding:18px 12px;margin-inline:auto;background:#0d133080;border:1px solid #334760;border-radius:20px}
 .gate-tab{flex:0 1 150px;min-height:110px;background:#0d1330;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease;animation:gateReveal 380ms ease backwards}
 @media(max-width:480px){.gate-tab{flex-basis:calc(50% - 7px);min-width:0}.gate-tabs{padding:12px;gap:12px}}
 .gate-tab:nth-child(2){animation-delay:45ms}.gate-tab:nth-child(3){animation-delay:90ms}.gate-tab:nth-child(4){animation-delay:135ms}.gate-tab:nth-child(5){animation-delay:180ms}.gate-tab:nth-child(6){animation-delay:225ms}.gate-tab:nth-child(7){animation-delay:270ms}
 .gate-tab.active{border-color:#67d6ff;box-shadow:0 0 0 2px #67d6ff20}
 .gate-tab:active{transform:scale(.97)}
 .page-history{display:flex;gap:8px;margin-bottom:18px}.page-history .btn{min-height:38px}
 @media(hover:hover){.gate-tab:hover{transform:translateY(-5px);border-color:#67d6ff;box-shadow:0 12px 28px #0004}.gate-tab:hover .gt-ic{color:#67d6ff}}
 @media(prefers-reduced-motion:reduce){.gate-tab{animation:none!important;transition:none!important}.gate-tab:hover,.gate-tab:active{transform:none!important}}
}
@keyframes gateReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.mobile-nav-toggle{display:none}
[hidden]{display:none!important}
@media screen{
 html{scroll-padding-top:24px;color-scheme:dark}
 body{font-family:'ETC Cairo','Segoe UI',Tahoma,sans-serif;font-size:14px;line-height:1.65;background:#0b1222;--bg:#0b1222;--card:var(--ui-surface);--navy-light:var(--ui-surface);--muted:var(--ui-muted);--border:var(--ui-line);--radius:var(--ui-radius)}
 body::before,#particles{display:none}
 .orbs-bg{opacity:.2}
 .hero-bg-orb{animation:none;filter:blur(100px)}
 .shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100dvh;position:relative;z-index:1}
 .topnav{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:26px 16px 18px;background:#0d172a;border-inline-end:1px solid var(--border);z-index:40}
 .brand{padding:0 8px 26px;gap:10px;justify-content:center}
 .brand .name{font-size:15px;letter-spacing:0}
 .brand .brand-logo{height:36px;max-width:88px}
 .nav-row{display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow-x:hidden;overflow-y:auto;flex:1;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent}
 .nav-section-label{font-size:11px;font-weight:700;letter-spacing:.03em;color:#8e9fba;padding:14px 12px 8px}
 .nav-item{font-size:13px;min-height:42px;padding:10px 12px;border-radius:10px;gap:12px;white-space:normal;line-height:1.4;font-weight:600;transition:background .15s,color .15s;flex-shrink:0}
 .nav-item .ic{display:flex}
 .nav-item:hover{background:#192740;transform:none;color:#fff}
 .nav-item.active{background:#15344c;color:#8adfff;box-shadow:none;border:1px solid #245574;padding:9px 11px;font-weight:700}
 .nav-item.active .ui-icon{color:#67d6ff}
 .util-row{border-top:1px solid var(--border);padding-top:16px;gap:8px;flex-wrap:wrap;justify-content:center;position:relative}
 .util-btn{width:40px;height:40px;background:var(--ui-surface);border-radius:10px;color:var(--ui-muted)}
 .status-pill{font-size:11px;border:0;padding:4px;order:3;flex-basis:100%;justify-content:center}
 .user-chip{flex:1;min-width:0}
 .user-chip summary{min-height:40px;border-radius:10px;background:var(--ui-surface);padding:6px 8px;gap:8px}
 .user-chip .uname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
 .user-chip .av{background:#244965;color:#9ee7ff;width:28px;height:28px}
 .notif-menu,.user-menu{top:auto;bottom:calc(100% + 12px);inset-inline-end:0;background:#16233a;box-shadow:0 18px 60px #0008;max-height:65dvh;overflow:auto}
 .notif-menu{width:340px;max-width:calc(100vw - 32px)}
 .notif-menu-head{flex-wrap:wrap;gap:12px}
 .notif-item,.notif-bulk-btn{font-size:12px;line-height:1.7}
 .user-menu{min-width:210px}
 .main{padding:32px clamp(20px,3vw,48px) 56px;width:100%;max-width:1480px;margin:0 auto;animation:none}
 .page-header{margin-bottom:28px;align-items:center;gap:18px;flex-wrap:wrap}
 .page-header h1,.hero-name-row h1{font-size:clamp(23px,2vw,30px);font-weight:700;line-height:1.45;margin:0 0 5px;letter-spacing:0}
 .subtitle{font-size:13px;color:var(--ui-muted);margin:4px 0 0;line-height:1.8}
 h2{font-size:18px;line-height:1.6;margin:0 0 16px;font-weight:700}
 h3{line-height:1.6}
 .eyebrow{color:var(--ui-cyan);font-size:11px;letter-spacing:.12em;background:none;border:0;padding:0}
 .btn{border-radius:10px;min-height:42px;justify-content:center;padding:10px 18px;gap:8px;font-size:13px;letter-spacing:0;line-height:1.5;transition:background .15s,border-color .15s,box-shadow .15s;white-space:normal;max-width:100%;touch-action:manipulation}
 .btn-primary{background:#08769f;color:#fff;box-shadow:0 3px 10px #0002;border:1px solid #1995c5}
 .btn-primary:hover{background:#08769f;filter:none;box-shadow:0 0 0 3px #38bdf81a}
 .btn-outline,.btn-cancel{border:1px solid #39516c;color:#cae1f4;background:#142139}
 .btn-outline:hover,.btn-cancel:hover{background:#21344d;border-color:#5b7b99}
 .btn-danger{background:#371f2a;border:1px solid #734052;color:#ffadb5}
 .btn-danger:hover{background:#522835;color:#fff}
 .btn-sm{min-height:36px;padding:7px 12px;font-size:12px}
 .btn:disabled{opacity:.45}
 :focus-visible{outline:3px solid #67d6ff;outline-offset:3px}
 .card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;padding:24px;box-shadow:0 6px 18px #0000000b}
 .card + .card{margin-top:20px}
 .hint{font-size:12px;line-height:1.85;color:var(--ui-muted)}
 .form-grid{gap:20px 24px}
 .form-field{margin-bottom:18px}
 .form-field label{font-size:13px;font-weight:700;color:#d1deee;margin-bottom:8px}
 .form-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-field select,.form-field textarea,.report-period input,.client-search input{border:1px solid #3c4e69;background:var(--ui-input);color:#e8f0fa;border-radius:10px;font-family:inherit;font-size:14px;padding:11px 13px;min-height:44px;line-height:1.5;color-scheme:dark}
 .form-field input:focus,.form-field select:focus,.form-field textarea:focus,.report-period input:focus,.client-search input:focus{border-color:#67d6ff;box-shadow:0 0 0 3px #38bdf81a;outline:2px solid transparent}
 input::placeholder,textarea::placeholder{color:#90a2bb;opacity:1}
 .form-field select option{background:#101b30;color:#e8f0fa}
 .form-field textarea{min-height:116px;resize:vertical}
 input[type=file]{max-width:100%;font:inherit;font-size:12px;color:var(--ui-muted)}
 input::file-selector-button{background:#1d304a;border:1px solid #3c4e69;color:#d9edff;border-radius:8px;padding:10px 13px;margin-inline-end:12px;font:inherit;cursor:pointer}
 input[type=number]{font-variant-numeric:tabular-nums}
 .report-period{padding:18px 20px;gap:12px;background:var(--ui-surface);margin-bottom:20px;align-items:center}
 .report-period label{display:flex;align-items:center;gap:8px;font-size:12px;color:#c5d4e7}
 .report-period input{width:164px}
 .report-period .hint{margin:0;line-height:1.8;font-size:11px}
 .table-scroll{border:1px solid var(--ui-line);border-radius:12px;margin:12px 0;background:#0e192d;scrollbar-width:thin;scrollbar-color:#49617e #122039}
 .table-scroll:focus-visible{outline-offset:2px}
 table.data-table th{background:#182740;color:#bacee4;font-size:12px;font-weight:700;letter-spacing:0;white-space:nowrap;padding:14px 16px}
 table.data-table td{padding:15px 16px;font-size:13px;line-height:1.75;vertical-align:middle}
 table.data-table tr:hover td{background:#17263b}
 table.data-table td .btn{white-space:nowrap}
 .badge,.post-tag{font-size:11px;line-height:1.5;padding:5px 10px;font-weight:700;letter-spacing:0}
 .badge-admin,.post-tag{color:#a0dcf7;background:#19334c}
 .stat-row{gap:16px;margin:20px 0}
 .stat-card{background:var(--ui-surface);border-color:var(--ui-line);padding:18px 20px;border-radius:14px;animation:none;box-shadow:none}
 .stat-lbl{font-size:12px;line-height:1.8;color:#b7c8df}
 .stat-val{font-size:28px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
 .stat-val small{font-size:12px;font-weight:400;color:var(--ui-muted)}
 .stat-top{margin-bottom:8px}
 .dashboard-header{margin-bottom:24px}
 .dash-live-card{padding:24px}
 .dash-live-head{align-items:center;gap:10px;margin:22px 0 16px;flex-wrap:wrap}
 .dash-live-head h2{display:flex;align-items:center;gap:10px;margin:0}
 .dash-stat-row{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 20px}
 .dash-stat-row .stat-card:first-child{border-color:#245d76;background:#133044}
 .cash-summary{box-shadow:none;background:var(--ui-surface)}
 .cash-summary p{font-size:13px;line-height:1.9;margin:8px 0}
 .cash-summary .hint{font-size:11px}
 .trend-wrap{margin-top:24px;border-top:1px solid var(--ui-line);padding-top:20px}
 .trend-title{font-size:12px;margin-bottom:12px;color:var(--ui-muted)}
 .trend-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#2c3b5350 48px);border-bottom:1px solid var(--ui-line);gap:24px;height:160px;justify-content:flex-start;padding:0 24px}
 .trend-bar{max-width:48px;background:#139cc9;border-radius:5px 5px 0 0}
 .trend-bar.neg{background:#d96e82}
 .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:30px 0 16px}
 .section-heading h2{margin:0}
 .dash-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .dash-nav-card{text-align:start;padding:20px;background:var(--ui-surface);display:grid;grid-template-columns:40px 1fr;align-items:start;gap:2px 12px;min-height:104px;border:1px solid var(--ui-line);border-radius:14px;transition:border-color .15s,background .15s}
 .dash-nav-card:hover{background:#15243a;border-color:#52708e;transform:none;box-shadow:none}
 .dnc-ic{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;background:#19364e;border-radius:10px;color:#7cddff}
 .dnc-title{font-size:13px;margin:0;color:#e7f2ff}
 .dnc-sub{font-size:11px;line-height:1.8;margin:0;color:var(--ui-muted)}
 .company-grid,.lead-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
 .company-card,.lead-card,.post-card{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:16px;box-shadow:none;transition:border-color .15s,background .15s}
 .company-card:hover,.lead-card:hover,.post-card:hover{border-color:#52708e;transform:none;box-shadow:none}
 .cc-link{padding:20px;display:block}
 .cc-avatar{width:52px;height:52px;border-radius:14px;object-fit:contain;background:#19334b}
 .cc-avatar-initials{background:#1d3d55;color:#b1e9ff}
 .cc-name{font-size:17px;font-weight:700}
 .cc-subtitle{font-size:12px;color:var(--ui-muted);line-height:1.8}
 .cc-meta{margin-top:20px;gap:12px;flex-wrap:wrap}
 .cc-balance{font-size:12px;color:#c5d4e7;font-variant-numeric:tabular-nums}
 .cc-actions{padding:14px 20px;border-top:1px solid var(--ui-line);gap:8px;flex-wrap:wrap}
 .cc-actions .btn{min-height:36px;min-width:36px;padding:7px}
 .cc-actions .ui-icon{width:17px;height:17px}
 .toggle-row{gap:10px;flex-wrap:wrap;padding:12px 20px 18px!important}
 .toggle-row .hint{flex-basis:100%;margin:0!important;font-size:11px}
 .client-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
 .client-search{flex:1;min-width:min(240px,100%);margin-inline-end:8px}
 .client-search input{width:100%;max-width:420px}
 .client-hero{background:var(--ui-surface);border:1px solid var(--ui-line);padding:24px;border-radius:16px;box-shadow:none;margin-bottom:18px}
 .hero-top{align-items:center;gap:20px}
 .hero-id{min-width:0}
 .hero-avatar{width:60px;height:60px;background:#1d3d55;color:#b1e9ff;border-radius:16px}
 .hero-avatar-img{object-fit:contain;background:#fff}
 .hero-actions{gap:8px}
 .hero-tag,.hero-status{font-size:11px;line-height:1.8}
 .company-tabs-wrap,.company-tabs{gap:8px;margin-bottom:20px;flex-wrap:wrap}
 .company-tab-card{min-height:42px;padding:10px 16px;border-radius:10px;background:transparent;border:1px solid var(--ui-line);font-size:12px;gap:8px}
 .company-tab-card.active{background:#16364d;color:#8adfff;border-color:#33627d;box-shadow:none}
 .ctc-ic{display:flex}
 .svc-card,.catalog-row{background:var(--ui-surface);border-color:var(--ui-line);border-radius:12px;box-shadow:none}
 .svc-card:hover,.catalog-row:hover{transform:none;box-shadow:none;border-color:#52708e}
 .post-body{padding:18px;gap:10px}
 .post-title{font-size:15px;line-height:1.7;font-weight:700}
 .post-caption{font-size:12px;line-height:1.8}
 .post-thumb-empty{background:#162b43;color:#8cc7e3}
 .empty-state{padding:40px 20px;line-height:1.9;color:var(--ui-muted)}
 .empty-state .icon{color:#72d4f6;margin-bottom:16px}
 .empty-state .icon .ui-icon{width:36px;height:36px}
 .overlay{backdrop-filter:blur(4px);background:#030916bd;padding:20px}
 .modal,.ac-modal,.payment-modal{border-color:#3c4e69;background:#142139;border-radius:18px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 80px #0006}
 .modal-actions{gap:10px;flex-wrap:wrap}
 .alert{font-size:13px;line-height:1.8;border-radius:12px;padding:14px 18px}
 .auth-shell{min-height:100dvh;padding:32px 20px;background:radial-gradient(ellipse at 50% 0,#15314c55,transparent 65%)}
 .auth-card{max-width:440px;width:100%;padding:36px;border:1px solid #334760;border-radius:20px;background:var(--ui-surface);box-shadow:0 24px 70px #0004}
 .auth-title{text-align:center;font-size:24px;margin:24px 0 4px;line-height:1.6}
 .auth-subtitle{text-align:center;font-size:13px;color:var(--ui-muted);margin:0 0 28px}
 .password-field{position:relative}
 .password-field input{padding-inline-end:72px!important;width:100%}
 .password-toggle{position:absolute;inset-inline-end:8px;top:4px;bottom:4px;min-width:56px;background:transparent;border:0;color:#85dfff;cursor:pointer;font-family:inherit;font-size:12px;border-radius:6px}
 .auth-card .btn{min-height:46px}
 @media(min-width:1600px){.dash-stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
 @media(max-width:1100px){
  .shell{grid-template-columns:218px minmax(0,1fr)}
  .topnav{padding:22px 12px 16px}
  .main{padding:28px 24px 48px}
  .dash-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-row:not(.dash-stat-row){grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-actions{justify-content:flex-start}
 }
 @media(max-width:860px){
  html{scroll-padding-top:92px}
  .shell{display:block}
  .topnav{height:auto;position:sticky;padding:12px 16px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;border-inline-end:0;border-bottom:1px solid var(--ui-line);background:#0d172afa;box-shadow:0 4px 20px #0002}
  .brand{padding:0;justify-content:flex-start;gap:8px;margin-inline-end:auto}
  .brand .brand-logo{height:30px}
  .brand .name{font-size:13px}
  .mobile-nav-toggle{display:flex;order:2;flex:none}
  .util-row{order:1;border:0;padding:0;flex:none;gap:6px;flex-wrap:nowrap;margin:0}
  .util-row .status-pill,.user-chip .uname{display:none}
  .user-chip{flex:none}
  .user-chip summary{padding:5px;border:0;background:none;min-width:36px}
  .util-btn{width:38px;height:38px;min-height:38px}
  .nav-row{display:none;order:3;flex-basis:100%;max-width:100%;max-height:calc(100dvh - 100px);overflow-y:auto;padding:4px 0 12px;gap:4px;flex-direction:column;align-items:stretch}
  .topnav.nav-open .nav-row{display:flex}
  .nav-item{min-height:44px;font-size:14px;padding:12px}
  .nav-item.active{padding:11px}
  .nav-section-label{font-size:11px;padding:12px 12px 4px}
  .notif-menu,.user-menu{top:calc(100% + 12px);bottom:auto;position:fixed;inset-inline-end:16px;max-height:70dvh}
  .notif-menu{top:70px}
  .user-menu{top:70px}
  .main{padding:24px 20px 48px}
  .card{padding:20px}
  .page-header{margin-bottom:22px;gap:14px}
  .client-hero{padding:20px}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .company-tabs-wrap,.company-tabs{gap:8px}
  .hero-actions .btn{min-height:40px}
 }
 @media(max-width:540px){
  .main{padding:22px 16px 40px}
  .page-header h1,.hero-name-row h1{font-size:24px}
  .subtitle{font-size:12px}
  .card{padding:18px;border-radius:14px}
  .dash-live-card{padding:18px}
  .dash-live-head .hint{flex-basis:100%}
  .dash-stat-row{gap:10px}
  .stat-row:not(.dash-stat-row){grid-template-columns:minmax(0,1fr);gap:12px}
  .stat-card{padding:15px 14px;min-width:0}
  .stat-val{font-size:23px;overflow-wrap:anywhere}
  .stat-lbl{font-size:11px}
  .stat-val small{font-size:10px}
  .dash-nav-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .dash-nav-card{min-height:90px;padding:16px}
  .report-period{gap:10px;align-items:stretch}
  .report-period label{flex:1;min-width:0;flex-direction:column;align-items:stretch}
  .report-period input{width:100%;font-size:14px;padding:10px;min-width:0}
  .report-period .btn{flex-basis:100%;min-height:44px}
  .form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea,.client-search input{font-size:16px}
  .btn{min-height:44px}
  .btn-sm{min-height:40px}
  .hero-top{gap:18px}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .hero-left{width:100%}
  .company-tab-card{padding:10px 12px;min-height:44px}
  .cc-actions .btn{min-width:44px;min-height:44px}
  .client-toolbar .btn{flex:1}
  .client-search{flex-basis:100%;margin:0}
  .client-search input{max-width:none}
  .auth-card{padding:28px 22px}
  .overlay{padding:12px}
  .modal{padding:22px 18px}
  .notif-menu-head{padding:12px}
  .trend-chart{gap:14px;padding:0 12px}
 }
}
@media print{.mobile-nav-toggle,.nav-section-label,.client-search,.password-toggle{display:none!important}.ui-icon{width:14px;height:14px}}
@media screen{
 .stat-val{direction:ltr;text-align:right;unicode-bidi:isolate}
 .report-note{flex-basis:100%;font-size:11px;color:var(--ui-muted);border-top:1px solid var(--ui-line);padding-top:10px}
 .report-note summary{cursor:pointer;min-height:30px;display:list-item;list-style-position:inside;color:#acd7ed;font-size:12px}
 .report-note .hint{padding:6px 0 0}
 .status-pill.offline .dot{background:#fb9a9a}
}
@media screen{
 .dash-live-card{background:transparent;border:0;padding:0;box-shadow:none}
 .dash-stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dash-stat-row .stat-val{font-size:25px}
 .dashboard-insights{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
 .dashboard-insights .cash-summary{margin:0;background:var(--ui-surface)}
 .dashboard-insights .trend-wrap{margin:0;padding:24px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;min-width:0}
 .dashboard-insights .trend-title{line-height:1.8;min-height:42px}
 .cash-metrics{display:grid;gap:10px;margin:18px 0}
 .cash-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ui-line);padding-bottom:8px}
 .cash-metrics span{font-size:12px;color:var(--ui-muted)}
 .cash-metrics strong{font-size:19px;font-weight:700}
 .cash-metrics small{font-size:11px;font-weight:400;color:var(--ui-muted)}
 .toggle-row .hint{font-weight:400}
 .btn .ui-icon{width:17px;height:17px}
 .client-danger-menu{margin:0 0 16px;color:var(--ui-muted);font-size:12px;text-align:end}
 .client-danger-menu summary{cursor:pointer;display:list-item;list-style-position:inside;min-height:32px}
 .client-danger-menu form{margin-top:10px;display:inline-block}
 .table-wrap{min-width:0;max-width:100%}
 @media(max-width:1200px){.dash-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights{grid-template-columns:minmax(0,1fr)}}
 @media(max-width:540px){.dash-stat-row .stat-val{font-size:22px}.dashboard-insights{gap:16px}.dashboard-insights .trend-wrap{padding:18px}.dash-live-card{padding:0}}
}
@media screen{
 .hero-logo-upload-btn input[type=file]{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
 .hero-logo-upload-btn:focus-within{outline:3px solid #67d6ff;outline-offset:3px}
 .hero-logo-upload-btn{overflow:visible}
}
@media screen{
 .form-grid>.form-field{margin-bottom:0}
}
/* Navigation preference: full-width workspace with a horizontal header. */
@media screen{
 .shell{display:block}
 @media(min-width:861px){
  .topnav{position:relative;top:auto;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:16px 28px 12px;border-inline-end:0;border-bottom:1px solid var(--ui-line)}
  .brand{padding:0;justify-content:flex-start}
  .util-row{margin-inline-start:auto;border:0;padding:0;flex-wrap:nowrap;gap:10px;order:1}
  .util-row .status-pill{display:flex;order:0;flex-basis:auto;padding:4px 8px}
  .user-chip{flex:none;min-width:110px}
  .nav-row{order:2;flex:1 0 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;overflow:visible;max-height:none;padding:8px 0 0;border-top:1px solid var(--ui-line)}
  .nav-section-label{display:none}
  .nav-item{white-space:nowrap;font-size:12px;min-height:40px;gap:8px;padding:10px 12px}
  .nav-item.active{padding:9px 11px}
  .notif-menu,.user-menu{top:calc(100% + 12px);bottom:auto;inset-inline-end:0}
 }
}
/* Original ETC ambient background and tactile interaction feedback. */
@media screen{
 body{background:#0A0E27;--bg:#0A0E27}
 body::before{display:block}
 .orbs-bg{opacity:1}
 #particles{display:block}
 .hero-bg-orb{animation:orbFloat 8s ease-in-out infinite}
 .orb2{animation-delay:-4s}
 .topnav{background:#0A0E27}
 .auth-shell{position:relative;z-index:1;background:transparent}
 :where(.btn,.nav-item,.util-btn,.dash-nav-card,.svc-card,.cc-link,.post-card[href],.company-tab-card,.month-pill){transition:transform 180ms ease,background 180ms ease,border-color 180ms ease,box-shadow 180ms ease;will-change:auto}
 @media(hover:hover) and (pointer:fine){
  :where(.dash-nav-card,.svc-card,.post-card[href]):hover{transform:translateY(-4px);border-color:#439bbc;box-shadow:0 12px 28px -14px #00aeef66}
  .company-card:hover{border-color:#439bbc;box-shadow:0 10px 26px -16px #00aeef66}
  :where(.btn,.util-btn,.company-tab-card,.month-pill):hover{transform:translateY(-2px)}
 }
 :where(.btn,.nav-item,.util-btn,.company-tab-card,.month-pill):active{transform:scale(.97)}
 :where(.dash-nav-card,.svc-card,.cc-link,.post-card[href]):active{transform:scale(.985)}
 .press-feedback{position:fixed;pointer-events:none;overflow:hidden;z-index:1200;contain:strict}
 .press-wave{position:absolute;border-radius:50%;background:#7cddff30;transform:scale(0);animation:pressRipple 480ms ease-out forwards;pointer-events:none}
 .motion-paused .hero-bg-orb,.motion-paused .particle{animation-play-state:paused}
}
@keyframes pressRipple{0%{transform:scale(0);opacity:.85}100%{transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){
 #particles{display:none!important}
 .hero-bg-orb{animation:none!important}
 :where(.btn,.nav-item,.util-btn,.dash-nav-card,.svc-card,.cc-link,.post-card[href],.company-tab-card,.month-pill):hover,
 :where(.btn,.nav-item,.util-btn,.dash-nav-card,.svc-card,.cc-link,.post-card[href],.company-tab-card,.month-pill):active{transform:none!important}
 .press-feedback{display:none}
}
@media screen{
 .trend-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:260px;padding:28px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px}
 .trend-empty>.hint{margin:0;max-width:300px}
 .trend-empty h3{margin:0;font-size:16px}
 .trend-empty>span{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:#19364e;color:#7cddff}
 .trend-empty .ui-icon{width:30px;height:30px}
 @media(max-width:540px){.hero-actions>.btn:last-child:nth-child(odd){grid-column:1/-1}}
}

@media screen{.util-row .page-history{display:flex!important;gap:6px;margin:0;flex-shrink:0}.util-row .page-history .btn{min-height:40px;padding:6px 10px;opacity:1}.util-row .page-history .btn:disabled{opacity:.5;cursor:default}.util-row{flex-wrap:wrap}}

/* Screen typography only: printed letterheads retain their own typography. */
@media screen{
 body,button,input,select,textarea,option,dialog{font-family:'ETC Cairo','Segoe UI',Tahoma,sans-serif!important}
 body{font-size:16px;line-height:1.8}
 input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-family:'ETC Cairo',sans-serif!important;font-size:16px!important;line-height:1.8!important}
 input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=hidden]):not([type=file]),select,textarea{box-sizing:border-box;background:var(--ui-input);color:#e8f0fa;border:1px solid #3c4e69;border-radius:12px;padding:10px 14px;min-height:48px;max-width:100%}
 textarea{line-height:1.95!important}
 .form-field label,label,.btn,.btn-sm,.nav-item,.subtitle,.hint,.post-caption,.cc-subtitle,.ac-hint,.dnc-sub,.stat-lbl{font-size:14px!important;line-height:1.8}
 .form-field label{font-size:15px!important}
 small,.badge,.post-tag,.status-pill,.sn-head{font-size:13px!important;line-height:1.75}
 table.data-table td,table.data-table th{font-size:14px!important}
 .cs-menu{background:#0d1330!important;border:1px solid #496183;border-radius:16px;padding:8px;box-shadow:0 18px 45px #0008;max-width:min(90vw,420px);scrollbar-width:thin;scrollbar-color:#496183 #0d1330}
 .cs-option{font-family:'ETC Cairo',sans-serif;font-size:15px;min-height:44px;box-sizing:border-box;padding:10px 14px;white-space:normal;line-height:1.7;color:#edf5ff}
 .cs-option:hover,.cs-option.active{background:#183652;color:#83dfff}
 .ac-wrap{max-width:100%;min-width:0}.ac-wrap input{width:100%}
 input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #67d6ff;outline-offset:2px}
 select{appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237cd2ef' stroke-width='2'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center}
 select option{background:#0d1330;color:#edf5ff;padding:12px}
 @supports(appearance:base-select){select,select::picker(select){appearance:base-select}select::picker(select){background:#0d1330;border:1px solid #496183;border-radius:16px;padding:8px;box-shadow:0 18px 45px #0008;font-family:'ETC Cairo',sans-serif}select{background-image:none}select::picker-icon{color:#7cd2ef}select option{border-radius:10px;min-height:44px;font-size:15px}select option:hover,select option:checked{background:#183652;color:#83dfff}}
}

@media screen{.post-actions{flex-wrap:wrap;align-items:center;gap:8px}.post-actions .card-action-icon{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.post-actions .card-action-icon svg{width:21px;height:21px}.card-action-tooltip{position:fixed;z-index:10000;max-width:min(280px,90vw);padding:8px 12px;border:1px solid #496183;border-radius:10px;background:#0d1330;color:#fff;font:14px 'ETC Cairo',sans-serif;line-height:1.7;box-shadow:0 8px 25px #0006;pointer-events:none;text-align:center}}

@media screen{.hero-logo-picker{position:relative}.hero-logo-picker summary{list-style:none;width:36px;height:36px;bottom:0;left:-8px}.hero-logo-picker summary::-webkit-details-marker{display:none}.hero-logo-form{position:absolute;top:12px;inset-inline-start:0;z-index:60;width:min(330px,80vw);padding:18px;background:#0d1330;border:1px solid #496183;border-radius:16px;box-shadow:0 14px 45px #0008;display:flex;flex-direction:column;gap:12px}.hero-logo-form input[type=file]{position:static;opacity:1;width:100%;height:auto}.hero-logo-form .form-feedback{margin:0}.hero-logo-form[aria-busy=true]::after{content:'جاري رفع صورة العميل…';font-size:14px;color:#7cd2ef}}