:root{--bg:#0b1017;--panel:#121a24;--panel2:#17212d;--line:#263445;--text:#edf3f8;--muted:#8fa0b2;--green:#51d19a;--yellow:#e7bd55;--red:#ef6b73;--blue:#5aa9ff;--orange:#ff8b4d;--shop:#77c65c;--radius:14px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#0f1620;border-right:1px solid var(--line);padding:18px 14px;overflow-y:auto;z-index:30}.brand{font-weight:800;font-size:18px;letter-spacing:.3px;padding:8px 10px 18px}.brand b{color:var(--green)}.nav-group{margin:14px 0 6px;padding:0 10px;color:#637588;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.nav-item{display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:9px;color:#bdc8d3;margin:2px 0}.nav-item:hover{background:#172231}.nav-item.active{background:#1b2a38;color:white;box-shadow:inset 3px 0 var(--green)}.nav-icon{width:20px;text-align:center;color:#7f91a3}.main{margin-left:248px;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:66px;background:rgba(11,16,23,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px}.mobile-menu{display:none}.global-search{flex:1;max-width:650px;position:relative}.global-search input{width:100%;background:#101923;border:1px solid var(--line);border-radius:10px;color:white;padding:10px 12px 10px 38px;outline:none}.global-search:before{content:'⌕';position:absolute;left:13px;top:7px;font-size:20px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.content{padding:28px;max-width:1700px;margin:0 auto}.page-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.page-title{font-size:26px;font-weight:760;margin:0}.subtitle{color:var(--muted);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:#182330;color:white;padding:9px 12px;border-radius:9px;cursor:pointer;font-weight:650}.btn:hover{background:#203044}.btn.primary{background:#eaf2f8;color:#10151b;border-color:#eaf2f8}.btn.green{background:#1f6b50;border-color:#2e8d6c}.btn.warning{background:#493c1d;border-color:#665326;color:#f0c95c}.btn.danger{background:#5a252b;border-color:#7b343c}.btn.red{background:#5a252b;border-color:#7b343c}.btn.small{padding:6px 9px;font-size:12px}.help-btn{white-space:nowrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi .label{font-size:12px;color:var(--muted);font-weight:700}.kpi .value{font-size:23px;font-weight:780;margin-top:6px}.kpi .hint{color:var(--muted);font-size:11px;margin-top:5px}.market-card{min-height:150px;display:flex;flex-direction:column;border-top-width:3px}.market-card.emag{border-top-color:var(--blue)}.market-card.trendyol{border-top-color:var(--orange)}.market-card.shopify{border-top-color:var(--shop)}.market-card .go{margin-top:auto;color:#cbd6e1;font-weight:700}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;border-radius:999px;padding:4px 8px}.status.ok,.status.pdf_ready,.status.printed{background:#153d30;color:#6ee0ad}.status.warning,.status.issuing,.status.issued,.status.configured{background:#493c1d;color:#f0c95c}.status.error{background:#4b2228;color:#ff8b92}.status.muted,.status.not_configured,.status.missing{background:#28323e;color:#aab8c6}.dot{width:7px;height:7px;border-radius:99px;background:currentColor}.section{margin-top:24px}.section-title{font-size:17px;font-weight:760;margin:0 0 12px}.tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{padding:10px 11px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:white;border-color:var(--green)}.toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:13px}.field{display:flex;flex-direction:column;gap:5px}.field label{color:var(--muted);font-size:11px;font-weight:700}.input,select,textarea{background:#0d151e;border:1px solid var(--line);color:white;border-radius:8px;padding:9px 10px;outline:none}.input:focus,select:focus,textarea:focus{border-color:#4a6a88}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:850px;background:var(--panel)}.table th{position:sticky;top:0;background:#151f2a;color:#91a2b4;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.45px;padding:11px;border-bottom:1px solid var(--line)}.table td{padding:11px;border-bottom:1px solid #202c39;vertical-align:top}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#151f2a}.muted{color:var(--muted)}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.right{text-align:right}.nowrap{white-space:nowrap}.empty{padding:38px;text-align:center;color:var(--muted)}.alert{padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#151f2a}.alert.ok,.alert.good{border-color:#265c49;background:#102b22}.alert.info{border-color:#315d86;background:#10243a}.alert.error{border-color:#6b3138;background:#2b171b}.alert.warning{border-color:#665326;background:#2a2415}.help-drawer{position:fixed;right:-440px;top:0;bottom:0;width:min(420px,92vw);background:#111a24;border-left:1px solid var(--line);z-index:60;padding:24px;transition:right .2s ease;overflow:auto}.help-drawer.open{right:0}.help-drawer h2{margin-top:0}.help-drawer ol{padding-left:20px;line-height:1.55;color:#c5d0da}.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50}.drawer-backdrop.open{display:block}.modal-confirm{border:none;background:transparent;padding:0}.stack{display:flex;flex-direction:column;gap:10px}.platform-head{display:flex;align-items:center;gap:12px}.platform-badge{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#1b2835}.emag-accent{color:var(--blue)}.trendyol-accent{color:var(--orange)}.shopify-accent{color:var(--shop)}.pill-row{display:flex;gap:6px;flex-wrap:wrap}.checkbox{width:17px;height:17px;accent-color:#5cd39f}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-card summary{cursor:pointer;font-weight:750}.integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.integration-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.result-box{white-space:pre-wrap;background:#0d151e;border:1px solid var(--line);padding:14px;border-radius:10px;line-height:1.55}.footer-note{color:var(--muted);font-size:11px;margin-top:18px}.mobile-only{display:none}@media(max-width:1200px){.grid-6,.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}}@media(max-width:820px){.grid-2,.grid-5{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-menu{display:inline-flex}.content{padding:18px}.topbar{padding:0 16px}.grid-3,.grid-4,.grid-6{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.integration-fields{grid-template-columns:1fr}.mobile-only{display:block}.desktop-only{display:none}.global-search{max-width:none}.top-actions .user-name{display:none}}@media print{.sidebar,.topbar,.help-drawer,.drawer-backdrop,.page-head .btn,.toolbar{display:none!important}.main{margin:0}.content{padding:0}.card,.table-wrap{border-color:#ddd;background:white;color:black}.table{background:white;color:black}.table th{background:#eee;color:#333}}

/* UX refinements */
.status.good{background:#153d30;color:#6ee0ad}.status.disabled{background:#28323e;color:#aab8c6}
.btn:disabled{opacity:.45;cursor:not-allowed;background:#182330;color:#8190a0;border-color:var(--line)}
.btn:disabled:hover{background:#182330}.page-head.compact{margin-bottom:8px;align-items:center}.page-head.compact h3{margin:0}
.sidebar{scrollbar-width:thin;scrollbar-color:#34465a #0f1620}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0f1620}.sidebar::-webkit-scrollbar-thumb{background:#34465a;border-radius:999px}
.table-wrap{scrollbar-width:thin;scrollbar-color:#435569 #101923}.table-wrap::-webkit-scrollbar{height:9px;width:9px}.table-wrap::-webkit-scrollbar-track{background:#101923}.table-wrap::-webkit-scrollbar-thumb{background:#435569;border-radius:999px}

/* Progressive integration setup */
.integration-summary-right{float:right;display:inline-flex;gap:8px;align-items:center}.integration-form{margin-top:14px}.integration-section{border:1px solid var(--line);border-radius:11px;padding:14px;background:#0f1720}.integration-section-head{display:flex;justify-content:space-between;gap:10px}.integration-section-head .tiny{margin-top:4px}.compact-fields{margin-top:12px}.integration-subsection{margin-top:10px;border:1px solid #223142;border-radius:10px;background:#0d151e}.integration-subsection>summary{display:flex;flex-direction:column;gap:4px;padding:12px 14px;cursor:pointer;font-weight:700}.integration-subsection[open]>summary{border-bottom:1px solid #223142}.integration-subsection .integration-fields{padding:0 14px 14px}.integration-actions-main{align-items:center;padding-top:2px}.integration-toggle{display:inline-flex;gap:7px;align-items:center;color:#c6d1dc;margin-right:auto}.integration-retest{margin-top:8px}.integration-test-banner{margin-bottom:14px}.integration-note p:last-child{margin-bottom:0}
@media(max-width:820px){.integration-summary-right{float:none;margin-left:8px}.integration-card>summary{display:flex;justify-content:space-between;gap:8px}.integration-actions-main .btn{flex:1 1 auto}.integration-toggle{width:100%;margin-bottom:4px}}

/* Navigation + cache audit v1.0.3 */
.menu-toggle{display:inline-flex;min-width:42px}.sidebar,.main{transition:transform .18s ease,margin-left .18s ease}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .main{margin-left:0}.stock-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.stock-arrow{color:var(--muted);font-weight:800}.stock-chip{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#0f1720;font-size:11px}.stock-chip.zero{border-color:#6b3138;color:#ff9ca2}.stock-chip.ok{border-color:#265c49;color:#73ddb1}.stock-chip.unknown{color:var(--muted)}
@media(max-width:820px){.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .main{margin-left:0}.menu-toggle{display:inline-flex}}
/* Shopify workspace navigation + mobile drawer audit v1.0.4 */
.shopify-tabs{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;border-bottom:1px solid var(--line);margin:0 0 8px;padding-bottom:1px}
.shopify-tabs a{flex:0 0 auto;white-space:nowrap;padding:10px 12px;color:var(--muted);border-bottom:2px solid transparent;font-weight:700}
.shopify-tabs a:hover{color:var(--text)}
.shopify-tabs a.active{color:var(--text);border-bottom-color:var(--shop)}
.shopify-breadcrumb{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin:0 0 16px;min-width:0}
.shopify-breadcrumb a{color:#c7d3de}
.sidebar-backdrop{display:none}
@media(max-width:820px){
  body.mobile-nav-open{overflow:hidden}
  .sidebar{width:min(300px,86vw)}
  .sidebar.open{transform:none;box-shadow:18px 0 44px rgba(0,0,0,.45)}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:29}
  .sidebar-backdrop.open{display:block}
  .content{overflow-x:hidden}
  .shopify-tabs{margin-inline:-2px;padding-inline:2px}
  .shopify-tabs a{padding:10px 11px}
  .topbar{gap:8px}
  .top-actions{gap:4px}
  .top-actions .help-btn{padding-inline:9px}
}