@font-face{font-family:SQMArabic;src:url('./assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:SQMArabic;src:url('./assets/fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
/* Theme scope is #app: never leaks into public menu, login or restaurant identity. */
#app[data-dashboard-theme]{--ink:#22293b;--orange:#2458ff;--soft:#edf2ff;--paper:#f4f6fb;--line:#e4e8f1;--muted:#68728a;--green:#267453;--surface:#fff;--aside:#121e3a;--on-aside:#c7d1e7;--radius:21px;font-family:SQMArabic,Tahoma,sans-serif;background:var(--paper);color:var(--ink);min-height:100dvh}
#app[data-dashboard-theme] .sidebar{width:242px;background:var(--aside);color:#fff;padding:29px 20px;border:0}
#app[data-dashboard-theme] .wordmark{font:600 18px SQMArabic,Arial,sans-serif;gap:11px}
#app[data-dashboard-theme] .wordmark small{font:9px/2 Arial;letter-spacing:2px;color:var(--on-aside)}
#app[data-dashboard-theme] .brand-symbol{font-size:28px;background:var(--orange);border-radius:12px}
#app[data-dashboard-theme] .workspace-label{color:var(--on-aside);margin-top:30px}
#app[data-dashboard-theme] .nav-btn{color:var(--on-aside);font-size:12px;gap:12px;min-height:43px;border-radius:11px}
#app[data-dashboard-theme] .nav-btn.active{background:var(--orange);color:#fff;box-shadow:none}
#app[data-dashboard-theme] .nav-btn:hover:not(.active){background:#ffffff0c;color:#fff}
#app[data-dashboard-theme] .nav-icon svg{width:21px;height:21px;display:block}
#app[data-dashboard-theme] .app-main{margin-right:242px;min-width:0}
#app[data-dashboard-theme] .topbar{background:var(--surface);border-color:var(--line);height:80px;padding-inline:36px}
#app[data-dashboard-theme] .top-brand{font-size:23px}
#app[data-dashboard-theme] .top-actions{flex-wrap:wrap}
#app[data-dashboard-theme] .account-badge{background:var(--soft);color:var(--ink);font-size:10px;border:1px solid var(--line)}
#dashboardAppearance{display:inline-flex;gap:7px;align-items:center;min-height:39px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:var(--ink);font-size:11px}
#dashboardAppearance svg{width:18px;height:18px}
#app[data-dashboard-theme] .content{max-width:1500px;padding:32px 36px 48px}
#app[data-dashboard-theme] .app-footer{border-color:var(--line);color:var(--muted)}
#app[data-dashboard-theme] :is(input,textarea,select){background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:11px}
#app[data-dashboard-theme] .panel,#app[data-dashboard-theme] .stat,#app[data-dashboard-theme] .product-card{background:var(--surface);border-color:var(--line);box-shadow:0 5px 20px #111d3503}
#app[data-dashboard-theme] :is(.row,.panel-head,.panel-body){border-color:var(--line)}
#app[data-dashboard-theme] :is(.secondary,.chip){background:var(--surface);color:var(--ink);border-color:var(--line)}
#app[data-dashboard-theme] .primary{background:var(--orange);color:#fff}
#app[data-dashboard-theme] .chip.active{background:var(--soft);color:var(--orange);border-color:var(--orange)}
#app[data-dashboard-theme] .text-btn{color:var(--orange)}
#app[data-dashboard-theme] .help-card{background:#ffffff06;border-color:#ffffff20}
#app[data-dashboard-theme] .help-card p,#app[data-dashboard-theme] .logout{color:var(--on-aside)}
#app[data-dashboard-theme] .welcome-banner{background:var(--aside);border-radius:var(--radius);padding:34px}
#app[data-dashboard-theme] .welcome-banner .banner-art{font-size:52px}
#app[data-dashboard-theme] .stat-icon{background:var(--soft);color:var(--orange)}
#app[data-dashboard-theme] .page-head h1{font-size:29px;letter-spacing:-.8px}
#app[data-dashboard-theme] .page-head .overline{color:var(--muted)}
#app[data-dashboard-theme] .settings-form label{color:var(--ink)}
#app[data-dashboard-theme] :is(.product-image,.row-icon,.image-preview){background:var(--soft)}
#app[data-dashboard-theme] .notice{color:var(--ink);background:var(--soft);border-color:var(--line)}
#app[data-dashboard-theme] .notice.danger{background:#ffeded;color:#8e2929}
#app[data-dashboard-theme] .permission-option:has(input:checked){background:var(--soft)}
#app[data-dashboard-theme] :is(.template-card,.permission-option,.brand-controls details){border-color:var(--line);background:var(--surface)}
#app[data-dashboard-theme] :is(.product-extra,.product-photo-group,.product-extra-body,.offer-box){background:var(--surface);border-color:var(--line)}
#app[data-dashboard-theme] .tag{background:#e7f4eb;color:#216247}
#app[data-dashboard-theme] .tag.orange{background:var(--soft);color:var(--orange)}
#app[data-dashboard-theme] .tag.red{background:#ffe9e6;color:#aa3535}
.theme-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;display:block;color:var(--muted);margin-bottom:9px}
.dashboard-hero{position:relative;padding:12px 0 30px;isolation:isolate;overflow:hidden}
.dashboard-hero h1{font-size:clamp(30px,3.4vw,52px);line-height:1.45;letter-spacing:-1.5px;margin:8px 0 12px;max-width:720px}
.dashboard-hero h1 em{font-style:normal;color:var(--orange)}
.dashboard-hero p{font-size:13px;color:var(--muted);max-width:600px;line-height:1.9;margin-bottom:20px}
.qr-signature-mark{position:absolute;left:30px;top:0;width:240px;height:240px;z-index:-1;opacity:.05;color:var(--orange);transform:rotate(-9deg)}
.qr-signature-mark svg{width:100%;height:100%;stroke-width:.7}
.dashboard-fleet-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:27px}
.dashboard-fleet-stats>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 23px;display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center}
.dashboard-fleet-stats strong{font:600 35px/1.4 SQMArabic,Arial;grid-column:1;grid-row:1}
.dashboard-fleet-stats small{font-size:12px;color:var(--muted);grid-column:1}
.dashboard-fleet-stats>div>span{width:43px;height:43px;padding:11px;border-radius:13px;background:var(--soft);color:var(--orange);grid-column:2;grid-row:1/3}
.dashboard-fleet-stats svg{width:100%;height:100%}
.dashboard-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}
.dashboard-directory{min-width:0}
.dashboard-directory .panel-head{padding:22px}
.dashboard-directory .panel-head h2{font-size:20px}
.dashboard-directory .panel-head .theme-kicker{margin-bottom:3px}
.dashboard-search{font-weight:400;color:var(--muted);font-size:11px;margin-bottom:22px}
.dashboard-search input{margin-top:7px;font-size:13px}
.dashboard-tenant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.dashboard-tenant{border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;background:var(--surface)}
.dashboard-tenant.selected{border-color:var(--orange)}
.tenant-visual{position:relative;height:125px;background:var(--soft);display:flex;align-items:center;justify-content:center}
.tenant-visual>span:first-child{font:600 33px SQMArabic,sans-serif;color:var(--orange)}
.tenant-visual img{width:70px;height:70px;object-fit:contain;border-radius:17px}
.tenant-pro{position:absolute;top:12px;left:12px;font:8px Arial;padding:4px 6px;border:1px solid var(--line);background:var(--surface);border-radius:5px;color:var(--muted);letter-spacing:1px}
.tenant-copy{padding:17px}
.tenant-copy h3{font-size:17px;margin:10px 0 2px;overflow-wrap:anywhere}
.tenant-copy p{font:11px/1.8 Arial;color:var(--muted);text-align:right;margin-bottom:13px;overflow-wrap:anywhere}
.tenant-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.tenant-actions .btn{font-size:11px;padding-inline:12px}
.tenant-actions .text-btn{font-size:10px}
.dashboard-note{position:relative;overflow:hidden;border-radius:var(--radius);padding:26px;background:var(--aside);color:#fff;margin-bottom:16px}
.dashboard-note .theme-kicker{color:#bfcbde}
.dashboard-note h2{font-size:25px;line-height:1.6;margin:15px 0 10px;letter-spacing:-.7px}
.dashboard-note p{font-size:11px;line-height:2;color:#c3ccdc;max-width:185px}
.dashboard-note>svg{width:65px;height:65px;opacity:.3;margin-top:9px}
.dashboard-shortcut{display:flex;width:100%;align-items:center;text-align:right;gap:11px;padding:17px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;color:var(--ink);transition:transform .18s,border-color .18s}
.dashboard-shortcut:hover{transform:translateY(-2px);border-color:var(--orange)}
.dashboard-shortcut>svg{width:23px;height:23px;color:var(--orange);flex-shrink:0}
.dashboard-shortcut>span{font-size:12px;flex:1}
.dashboard-shortcut small{font-size:9px;color:var(--muted);display:block;margin-top:3px}
.dashboard-shortcut b{font-weight:400}
.dashboard-pagination{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:24px;font-size:12px;color:var(--muted)}
.theme-intro{padding:20px 0 26px;max-width:650px}
.theme-intro h2{font-size:32px;letter-spacing:-1px;margin-bottom:10px}
.theme-intro p{color:var(--muted);font-size:13px;line-height:1.9}
.dashboard-theme-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dashboard-theme-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface,#fff);min-width:0}
.dashboard-theme-card.chosen{outline:2px solid var(--orange);outline-offset:2px}
.dashboard-theme-copy{padding:24px}
.theme-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.theme-number{font:600 28px SQMArabic,Arial;color:var(--muted)}
.dashboard-theme-copy h2{font-size:23px;margin:0}
.theme-english{font:10px Arial;letter-spacing:2px;color:var(--muted);display:block;margin-top:6px}
.dashboard-theme-copy p{font-size:12px;line-height:1.9;color:var(--muted);min-height:46px;margin:14px 0 20px}
.dashboard-theme-copy .btn{width:100%}
.dashboard-access h2{display:flex;gap:10px;align-items:center}
.dashboard-access h2 svg{width:20px;height:20px}
.dashboard-mini{height:205px;display:flex;direction:rtl;background:#f5f6f8;gap:13px;padding:15px;border-bottom:1px solid #e3e5eb}
.dm-sidebar{background:#192a4d;width:38px;padding:12px 7px;display:flex;flex-direction:column;gap:13px;border-radius:7px;flex-shrink:0}
.dm-sidebar i{height:7px;border-radius:3px;background:#ffffff50}
.dm-sidebar i:first-child{background:#2458ff;height:17px;margin-bottom:5px}
.dm-canvas{flex:1;min-width:0;padding:8px 2px}
.dm-title{height:13px;width:62%;background:#1e2b44;border-radius:3px;margin-bottom:16px}
.dm-metrics{display:flex;gap:9px;margin-bottom:13px}
.dm-metrics i{height:32px;background:#fff;border:1px solid #e3e7f1;border-radius:6px;flex:1}
.dm-content{display:grid;grid-template-columns:1fr .7fr;gap:10px}
.dm-content>div{background:#fff;padding:10px;display:grid;gap:7px;border-radius:6px}
.dm-content i{height:9px;background:#e8edf6;border-radius:3px}
.dm-classic .dm-sidebar{width:58px;background:#20211f}
.dm-classic .dm-sidebar i:first-child{background:#ed591c}
.dm-classic .dm-canvas{padding-top:20px}
.dm-modular .dm-metrics i:first-child{background:#2458ff}
.dm-modular .dm-content>div:first-child{background:#dce8ff}
.dm-onyx{background:#17191b;border-color:#393a3b}
.dm-onyx .dm-sidebar{background:#0b0d0e}
.dm-onyx .dm-sidebar i:first-child{background:#cba76d}
.dm-onyx .dm-title{background:#bba27e;width:45%}
.dm-onyx .dm-metrics{gap:1px}
.dm-onyx .dm-metrics i{background:#2c2b29;border-color:#554a39;border-radius:0}
.dm-onyx .dm-content{grid-template-columns:1fr}
.dm-onyx .dm-content>div{background:#242525}
.dm-onyx .dm-content i{background:#4d4841}
.dm-onyx .dm-content>div:last-child{display:none}
.dm-studio{background:#efedf9;gap:12px}
.dm-studio .dm-sidebar{background:#fff;width:65px}
.dm-studio .dm-sidebar i{background:#dcd7f0}
.dm-studio .dm-sidebar i:first-child{background:#8050d7}
.dm-studio .dm-title{background:#33284c}
.dm-studio .dm-metrics{display:none}
.dm-studio .dm-content{grid-template-columns:.6fr 1fr;height:120px}
.dm-studio .dm-content>div:first-child{background:#ddd1f4}
.dm-studio .dm-content>div:last-child{background:#fff}
.dm-signature{background:#fff7ef;padding:15px 23px;gap:15px}
.dm-signature .dm-sidebar{background:#fff;border-radius:20px}
.dm-signature .dm-sidebar i{background:#f0c8bc}
.dm-signature .dm-sidebar i:first-child{background:#ed594c}
.dm-signature .dm-title{background:#ed594c;height:22px;width:75%;margin-bottom:12px}
.dm-signature .dm-metrics i{border-color:#eddacf;border-radius:9px;height:26px}
.dm-signature .dm-content{grid-template-columns:1.3fr .8fr}
.dm-signature .dm-content>div:first-child{background:#2c2941}
.dm-signature .dm-content>div:first-child i{background:#68536d}
/* 03: vivid modular workspace */
#app[data-dashboard-theme=modular] .dashboard-hero{display:grid;grid-template-columns:1fr auto;align-items:center;padding:24px 0 30px}
#app[data-dashboard-theme=modular] .dashboard-hero .theme-kicker,#app[data-dashboard-theme=modular] .dashboard-hero h1,#app[data-dashboard-theme=modular] .dashboard-hero p{grid-column:1}
#app[data-dashboard-theme=modular] .dashboard-hero .btn{grid-column:2;grid-row:2;align-self:center;padding:20px 26px;min-height:64px;font-size:14px}
#app[data-dashboard-theme=modular] .dashboard-fleet-stats>div:first-child{background:#2458ff;color:white;border-color:#2458ff}
#app[data-dashboard-theme=modular] .dashboard-fleet-stats>div:first-child small{color:#dae4ff}
#app[data-dashboard-theme=modular] .dashboard-fleet-stats>div:first-child>span{color:white;background:#ffffff26}
#app[data-dashboard-theme=modular] .dashboard-tenant:nth-child(3n+2) .tenant-visual{background:#edf7f2}
#app[data-dashboard-theme=modular] .dashboard-tenant:nth-child(3n) .tenant-visual{background:#fff0e6}
/* 05: dark typographic directory */
#app[data-dashboard-theme=onyx]{--ink:#eee9df;--orange:#dfbd83;--soft:#342f26;--paper:#141617;--line:#3c3a34;--muted:#b3afa5;--surface:#202222;--aside:#0c0e0f;--on-aside:#bfb9ab;--radius:13px;color-scheme:dark}
#app[data-dashboard-theme=onyx] .primary,#app[data-dashboard-theme=onyx] .nav-btn.active{color:#211d16}
#app[data-dashboard-theme=onyx] .dashboard-hero{padding:32px;border:1px solid #594d38;border-radius:15px;margin-bottom:24px;background:radial-gradient(ellipse at 5% 50%,#63503940,transparent 65%)}
#app[data-dashboard-theme=onyx] .dashboard-hero h1{font-size:42px;font-weight:400}
#app[data-dashboard-theme=onyx] .dashboard-hero h1 br{display:none}
#app[data-dashboard-theme=onyx] .dashboard-fleet-stats{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
#app[data-dashboard-theme=onyx] .dashboard-fleet-stats>div{border:0;border-left:1px solid var(--line);border-radius:0;background:linear-gradient(110deg,#3b352c,#232526)}
#app[data-dashboard-theme=onyx] .dashboard-tenant-grid{grid-template-columns:1fr;gap:0}
#app[data-dashboard-theme=onyx] .dashboard-tenant{display:flex;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding-block:14px}
#app[data-dashboard-theme=onyx] .tenant-visual{height:76px;width:76px;background:#2a2925;border-radius:11px;flex-shrink:0;margin-left:17px}
#app[data-dashboard-theme=onyx] .tenant-visual img{width:50px;height:50px}
#app[data-dashboard-theme=onyx] .tenant-pro{display:none}
#app[data-dashboard-theme=onyx] .tenant-copy{padding:0;display:grid;grid-template-columns:1fr auto;flex:1;gap:0 15px}
#app[data-dashboard-theme=onyx] .tenant-copy h3{grid-row:1;grid-column:1;margin:0;font-size:17px}
#app[data-dashboard-theme=onyx] .tenant-copy>.tag{grid-row:2;grid-column:1;width:max-content;font-size:9px}
#app[data-dashboard-theme=onyx] .tenant-copy p{grid-row:3;grid-column:1;margin:3px 0 0;font-size:9px}
#app[data-dashboard-theme=onyx] .tenant-actions{grid-column:2;grid-row:1/4;gap:12px}
#app[data-dashboard-theme=onyx] .tag{background:#223b30;color:#a5dab8}
#app[data-dashboard-theme=onyx] .tag.red{background:#492c2d;color:#ffc1bd}
#app[data-dashboard-theme=onyx] :is(.product-tools,.product-head,.product-extra>summary){color:var(--ink)}
/* 07: compact studio with contextual navigation and vertical tenant index */
#app[data-dashboard-theme=studio]{--ink:#30283e;--orange:#7949c9;--soft:#f0e9fb;--paper:#f5f2fa;--line:#e4dcee;--muted:#7b708a;--surface:#fff;--aside:#faf8ff;--on-aside:#786c8b;--radius:16px}
#app[data-dashboard-theme=studio] .sidebar{width:210px;border-left:1px solid var(--line);color:var(--ink);padding-inline:15px}
#app[data-dashboard-theme=studio] .app-main{margin-right:210px}
#app[data-dashboard-theme=studio] .sidebar .wordmark{font-size:16px;color:var(--ink)}
#app[data-dashboard-theme=studio] .nav-btn.active{background:#e9ddfb;color:#6632b7}
#app[data-dashboard-theme=studio] .nav-btn:hover:not(.active){background:#f0eafa;color:#543e70}
#app[data-dashboard-theme=studio] .help-card{background:#f0eafa;border-color:var(--line)}
#app[data-dashboard-theme=studio] .dashboard-hero{background:linear-gradient(110deg,#ede3fc,#faf7ff);border:1px solid #e2d5f6;padding:26px 30px;border-radius:20px;margin-bottom:22px}
#app[data-dashboard-theme=studio] .dashboard-hero h1{font-size:32px}
#app[data-dashboard-theme=studio] .dashboard-hero h1 br{display:none}
#app[data-dashboard-theme=studio] .dashboard-workspace{grid-template-columns:minmax(0,1fr) 300px}
#app[data-dashboard-theme=studio] .dashboard-directory{grid-column:2;grid-row:1}
#app[data-dashboard-theme=studio] .dashboard-shortcuts{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}
#app[data-dashboard-theme=studio] .dashboard-note{grid-column:1/-1;background:#342445;min-height:245px;display:grid;grid-template-columns:1fr auto;gap:5px 25px}
#app[data-dashboard-theme=studio] .dashboard-note h2{font-size:31px;grid-column:1;margin-top:8px}
#app[data-dashboard-theme=studio] .dashboard-note p{grid-column:1;max-width:370px}
#app[data-dashboard-theme=studio] .dashboard-note .theme-kicker{grid-column:1/-1}
#app[data-dashboard-theme=studio] .dashboard-note>svg{grid-column:2;grid-row:2/4;width:90px;height:90px;align-self:center}
#app[data-dashboard-theme=studio] .dashboard-shortcut{min-height:105px;flex-wrap:wrap;margin:0;padding:20px}
#app[data-dashboard-theme=studio] .dashboard-shortcut>svg{width:30px;height:30px}
#app[data-dashboard-theme=studio] .dashboard-tenant-grid{grid-template-columns:1fr;gap:10px}
#app[data-dashboard-theme=studio] .dashboard-tenant{display:flex;padding:12px;align-items:center;gap:12px}
#app[data-dashboard-theme=studio] .tenant-visual{width:45px;height:45px;flex-shrink:0;border-radius:11px}
#app[data-dashboard-theme=studio] .tenant-visual img{width:34px;height:34px}
#app[data-dashboard-theme=studio] .tenant-visual>span:first-child{font-size:19px}
#app[data-dashboard-theme=studio] .tenant-pro{display:none}
#app[data-dashboard-theme=studio] .tenant-copy{padding:0;flex:1;min-width:0}
#app[data-dashboard-theme=studio] .tenant-copy h3{font-size:13px;margin:4px 0}
#app[data-dashboard-theme=studio] .tenant-copy p{font-size:9px;margin:0 0 6px}
#app[data-dashboard-theme=studio] .tenant-copy .tag{font-size:8px;padding:1px 6px}
#app[data-dashboard-theme=studio] .tenant-actions{gap:6px}
#app[data-dashboard-theme=studio] .tenant-actions .btn{font-size:9px;min-height:33px;padding:5px 8px}
/* 10: coral signature, floating navigation island and ribbon */
#app[data-dashboard-theme=signature]{--ink:#282638;--orange:#e45648;--soft:#fff0e9;--paper:#fcf7f1;--line:#ede2db;--muted:#877b78;--surface:#fffdfb;--aside:#2c293d;--on-aside:#ccc8d7;--radius:23px}
#app[data-dashboard-theme=signature] .sidebar{right:18px;top:18px;bottom:18px;width:225px;border-radius:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 30px #44352606}
#app[data-dashboard-theme=signature] .app-main{margin-right:261px}
#app[data-dashboard-theme=signature] .sidebar .wordmark{color:var(--ink);font-size:16px}
#app[data-dashboard-theme=signature] .sidebar :is(.workspace-label,.nav-btn,.logout){color:var(--muted)}
#app[data-dashboard-theme=signature] .sidebar .nav-btn.active{color:white}
#app[data-dashboard-theme=signature] .sidebar .nav-btn:hover:not(.active){background:var(--soft);color:var(--orange)}
#app[data-dashboard-theme=signature] .help-card{background:var(--soft);border-color:var(--line)}
#app[data-dashboard-theme=signature] .help-card p{color:var(--muted)}
#app[data-dashboard-theme=signature] .topbar{background:transparent;border-bottom:0;padding-top:15px}
#app[data-dashboard-theme=signature] .dashboard-hero{background:linear-gradient(110deg,#ffe1d7,transparent 65%);border-radius:25px;padding:32px;margin-bottom:22px}
#app[data-dashboard-theme=signature] .dashboard-hero h1{font-size:41px}
#app[data-dashboard-theme=signature] .qr-signature-mark{opacity:.2;left:15px;top:-40px;width:300px;height:300px}
#app[data-dashboard-theme=signature] .dashboard-fleet-stats{gap:12px}
#app[data-dashboard-theme=signature] .dashboard-workspace{grid-template-columns:minmax(0,1fr)}
#app[data-dashboard-theme=signature] .dashboard-shortcuts{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:15px;grid-row:1}
#app[data-dashboard-theme=signature] .dashboard-note{grid-row:1/3;grid-column:1;margin:0;padding:22px;min-height:240px}
#app[data-dashboard-theme=signature] .dashboard-shortcut{margin:0;min-height:100px;flex-wrap:wrap}
#app[data-dashboard-theme=signature] .dashboard-tenant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#app[data-dashboard-theme=signature] .tenant-visual{height:100px;background:linear-gradient(130deg,#ffebe1,#f6f2e7)}
@media(min-width:1500px){#app[data-dashboard-theme=modular] .dashboard-tenant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.dashboard-workspace{grid-template-columns:minmax(0,1fr) 210px}.dashboard-tenant-grid{grid-template-columns:1fr}#app[data-dashboard-theme=signature] .dashboard-tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app[data-dashboard-theme=studio] .dashboard-workspace{grid-template-columns:minmax(0,1fr)}#app[data-dashboard-theme=studio] .dashboard-directory{grid-column:1;grid-row:2}#app[data-dashboard-theme=studio] .dashboard-shortcuts{grid-column:1;grid-row:1}#app[data-dashboard-theme=studio] .dashboard-tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dashboard-workspace{grid-template-columns:minmax(0,1fr)}.dashboard-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-note{grid-column:1/-1}.dashboard-tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero h1{font-size:32px}#app[data-dashboard-theme] .content{padding:25px 23px}#app[data-dashboard-theme] .topbar{padding-inline:23px}#app[data-dashboard-theme=modular] .dashboard-hero{display:block}#app[data-dashboard-theme=onyx] .dashboard-hero h1,#app[data-dashboard-theme=signature] .dashboard-hero h1{font-size:32px}#app[data-dashboard-theme=signature] .dashboard-shortcuts{grid-template-columns:1fr 1fr}#app[data-dashboard-theme=signature] .dashboard-note{grid-column:1/-1;grid-row:auto;min-height:0}}
@media(max-width:760px){#app[data-dashboard-theme] .sidebar{position:sticky;right:auto;top:0;bottom:auto;width:100%;padding:8px 10px;border-radius:0;z-index:5;border-bottom:1px solid var(--line)}#app[data-dashboard-theme] .app-main{margin:0}#app[data-dashboard-theme] .sidebar nav{display:flex;overflow-x:auto;justify-content:flex-start;gap:4px}#app[data-dashboard-theme] .nav-btn{display:flex;flex-direction:column;gap:4px;min-width:68px;min-height:56px;padding:8px;font-size:9px}#app[data-dashboard-theme] .nav-icon svg{width:19px;height:19px}#app[data-dashboard-theme] .topbar{height:auto;min-height:74px;gap:8px;padding:12px 16px;align-items:flex-start}#app[data-dashboard-theme] .topbar>div:first-child{padding-top:9px;flex-shrink:0}#app[data-dashboard-theme] .top-actions{justify-content:flex-end;gap:6px;min-width:0}#app[data-dashboard-theme] .top-actions select{width:132px;font-size:12px}#dashboardAppearance{font-size:10px;padding:6px 8px;min-height:37px}#app[data-dashboard-theme] .content{padding:25px 16px 36px}#app[data-dashboard-theme] .page-head h1{font-size:25px}.dashboard-hero{padding-top:10px}.dashboard-hero h1{font-size:29px;letter-spacing:-1px}.dashboard-hero p{font-size:12px}.qr-signature-mark{left:-25px;top:20px;opacity:.06}.dashboard-fleet-stats{gap:8px}.dashboard-fleet-stats>div{padding:14px 11px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border-radius:13px}.dashboard-fleet-stats strong{font-size:27px}.dashboard-fleet-stats small{font-size:9px}.dashboard-fleet-stats>div>span{width:30px;height:30px;padding:7px}.dashboard-workspace{gap:18px}.dashboard-directory .panel-head{padding:18px}.dashboard-directory .panel-head h2{font-size:18px}.dashboard-tenant-grid,#app[data-dashboard-theme=signature] .dashboard-tenant-grid,#app[data-dashboard-theme=studio] .dashboard-tenant-grid{grid-template-columns:1fr}.dashboard-tenant .tenant-actions{gap:10px}.dashboard-note{padding:23px}.dashboard-shortcuts{grid-template-columns:1fr}.dashboard-shortcut{min-height:64px}.dashboard-theme-library{grid-template-columns:1fr;gap:20px}.dashboard-mini{height:210px}.theme-intro h2{font-size:28px}#app[data-dashboard-theme=onyx] .dashboard-hero,#app[data-dashboard-theme=studio] .dashboard-hero,#app[data-dashboard-theme=signature] .dashboard-hero{padding:24px 20px}#app[data-dashboard-theme=onyx] .dashboard-hero h1,#app[data-dashboard-theme=signature] .dashboard-hero h1{font-size:28px}#app[data-dashboard-theme=onyx] .tenant-copy{display:block}#app[data-dashboard-theme=onyx] .tenant-copy h3{margin:6px 0}#app[data-dashboard-theme=onyx] .tenant-actions{margin-top:10px}#app[data-dashboard-theme=onyx] .tenant-visual{height:58px;width:58px;margin-left:12px}#app[data-dashboard-theme=studio] .dashboard-shortcuts,#app[data-dashboard-theme=signature] .dashboard-shortcuts{grid-template-columns:1fr}#app[data-dashboard-theme=studio] .dashboard-note{display:block}#app[data-dashboard-theme=studio] .dashboard-note>svg{width:60px;height:60px}#app[data-dashboard-theme] .welcome-banner h2{font-size:21px}#app[data-dashboard-theme=signature] .qr-signature-mark{width:230px;height:230px;left:-70px;top:-10px}}
@media(prefers-reduced-motion:reduce){.dashboard-shortcut{transition:none}}
#editor[data-dashboard-theme]{font-family:SQMArabic,Tahoma,sans-serif;background:var(--surface);color:var(--ink);border-color:var(--line)}
#editor[data-dashboard-theme] :is(.dialog-head,.product-extra,.product-photo-group,.product-main,.image-upload,.image-preview,.offer-box,.notice,.icon-btn){background:var(--soft);color:var(--ink);border-color:var(--line)}
#editor[data-dashboard-theme] :is(input,textarea,select,.secondary,.product-extra-body){background:var(--surface);color:var(--ink);border-color:var(--line)}
#editor[data-dashboard-theme] .primary{background:var(--orange);color:white}
#editor[data-dashboard-theme=onyx]{color-scheme:dark}
#editor[data-dashboard-theme=onyx] .primary{color:#211d16}
#editor[data-dashboard-theme] :is(.muted,.product-editor-hint,label small,.product-extra>summary span){color:var(--muted)}
#editor[data-dashboard-theme] .error{background:#ffeded;color:#9b2929}
#app[data-dashboard-theme=onyx] :is(.product-tools,.product-foot,.brand-side,.preview-item,.share-code,.preview-motion-switch){background:var(--surface);border-color:var(--line)}
#app[data-dashboard-theme=onyx] .danger-btn{background:#492c2d;color:#ffc1bd}