:root {
    --navy: #101827;
    --blue: #176b87;
    --blue-dark: #0f5269;
    --blue-soft: #e8f4f7;
    --green: #178a5b;
    --red: #c0392b;
    --amber: #b7791f;
    --ink: #1e293b;
    --muted: #64748b;
    --line: #dbe3ea;
    --surface: #ffffff;
    --canvas: #f4f7f9;
    --shadow: 0 8px 28px rgba(15, 23, 42, .08);
}

* { box-sizing: border-box; }
html { font-size: 16px; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.45; }
a { color: var(--blue); text-decoration: none; }
a:hover { color: var(--blue-dark); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.topbar { min-height: 68px; padding: 0 28px; display: flex; align-items: center; gap: 34px; background: var(--navy); color: #fff; box-shadow: 0 2px 12px rgba(15,23,42,.18); }
.brand { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 750; letter-spacing: -.02em; white-space: nowrap; }
.brand:hover { color: #fff; }
.brand-mark { width: 36px; height: 36px; border-radius: 10px; display: inline-grid; place-items: center; flex: 0 0 auto; background: linear-gradient(145deg, #2bb0c9, #176b87); color: #fff; font-weight: 850; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.main-nav { display: flex; align-items: stretch; align-self: stretch; gap: 4px; }
.main-nav a { display: flex; align-items: center; padding: 0 16px; color: #b9c6d6; font-weight: 650; border-bottom: 3px solid transparent; }
.main-nav a:hover, .main-nav a.active { color: #fff; background: rgba(255,255,255,.05); border-color: #27a4bf; }
.user-menu { margin-left: auto; display: flex; align-items: center; gap: 16px; color: #dbe6f3; font-size: .9rem; }
.user-menu form { margin: 0; }
.link-button { padding: 0; border: 0; background: none; color: #8fd1df; }

.page-shell { width: min(1500px, calc(100% - 48px)); min-height: calc(100vh - 120px); margin: 0 auto; padding: 34px 0 60px; }
.footer { padding: 18px 28px; color: var(--muted); text-align: center; font-size: .82rem; }
.page-heading { margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.page-heading h1 { margin: 0; color: var(--navy); font-size: clamp(1.7rem, 2.5vw, 2.25rem); line-height: 1.12; letter-spacing: -.035em; }
.page-heading p { margin: 7px 0 0; color: var(--muted); }
.page-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.button { min-height: 42px; padding: 9px 16px; border: 1px solid transparent; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-weight: 700; line-height: 1.1; transition: .15s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 5px 14px rgba(23,107,135,.2); }
.button-primary:hover { background: var(--blue-dark); color: #fff; }
.button-secondary { background: #fff; border-color: #c7d3dc; color: var(--ink); }
.button-secondary:hover { border-color: #8aa0b1; color: var(--navy); }
.button-ghost { min-height: 34px; padding: 6px 10px; background: transparent; border-color: transparent; color: var(--blue); }
.button-small { min-height: 34px; padding: 6px 11px; font-size: .84rem; }
.button-large { min-height: 50px; padding: 12px 24px; font-size: 1rem; }
.button-block { width: 100%; }

.card { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); overflow: hidden; }
.card-header { min-height: 58px; padding: 16px 20px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.card-header h2 { margin: 0; color: var(--navy); font-size: 1.05rem; }
.badge { min-width: 28px; padding: 3px 8px; border-radius: 999px; background: var(--blue-soft); color: var(--blue-dark); text-align: center; font-weight: 750; font-size: .82rem; }

.stats-grid { margin-bottom: 24px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.stat-card { min-height: 145px; padding: 22px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); box-shadow: var(--shadow); }
.stat-card:hover { color: var(--ink); border-color: #a8c8d2; transform: translateY(-2px); }
.stat-card span { color: var(--muted); font-weight: 650; }
.stat-card strong { margin: 8px 0 6px; color: var(--navy); font-size: 2.25rem; line-height: 1; }
.stat-card small { margin-top: auto; color: var(--blue); }
.stat-card.accent { border-color: #97d5c0; background: linear-gradient(145deg, #effcf6, #fff); }
.stat-card.accent strong { color: var(--green); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr); gap: 20px; align-items: start; }
.category-summary { padding: 8px 20px 18px; }
.category-summary a { padding: 13px 2px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); color: var(--ink); }
.category-summary a:last-child { border-bottom: 0; }
.category-summary strong { color: var(--blue); }

.category-tabs { margin-bottom: 16px; padding: 6px; display: flex; gap: 5px; overflow-x: auto; background: #e8eef2; border-radius: 11px; }
.category-tabs a { padding: 8px 13px; border-radius: 8px; color: #536577; font-size: .88rem; font-weight: 700; white-space: nowrap; }
.category-tabs a span { margin-left: 5px; opacity: .72; }
.category-tabs a.active { color: var(--navy); background: #fff; box-shadow: 0 2px 7px rgba(15,23,42,.1); }
.status-tabs { width: fit-content; max-width: 100%; }
.filter-bar { margin-bottom: 16px; display: flex; align-items: center; gap: 9px; }
.filter-bar input[type="search"] { width: min(520px, 100%); }
.filter-result { margin-left: auto; color: var(--muted); font-size: .9rem; }
.bulk-bar { min-height: 58px; padding: 11px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); background: #f8fafc; }
.bulk-bar span { color: var(--muted); font-size: .88rem; }
.bulk-bar select { width: 260px; }
.table-card { overflow: hidden; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { padding: 12px 14px; background: #f3f6f8; color: #586879; border-bottom: 1px solid var(--line); text-align: left; font-size: .76rem; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
td { padding: 13px 14px; border-bottom: 1px solid #e7edf1; vertical-align: middle; font-size: .9rem; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #fbfdfe; }
td small { margin-top: 3px; display: block; color: var(--muted); }
.number { text-align: right; white-space: nowrap; }
.nowrap { white-space: nowrap; }
.muted { color: var(--muted); }
.check-col { width: 42px; }
.actions { width: 1%; white-space: nowrap; text-align: right; }
.price-current { color: var(--navy); font-weight: 750; }
.old-price { color: #7a8a9a; text-decoration: line-through; }
.category-pill { padding: 4px 9px; display: inline-block; border-radius: 999px; background: var(--blue-soft); color: var(--blue-dark); font-size: .78rem; font-weight: 700; white-space: nowrap; }
.manual-tag { width: fit-content; padding: 2px 6px; border-radius: 5px; background: #fff5df; color: #996515; font-size: .7rem; }
.product-image-cell { width: 74px; padding-top: 7px; padding-bottom: 7px; }
.product-image-cell img { width: 56px; height: 56px; display: block; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.product-image-cell a:hover img { border-color: var(--blue); box-shadow: 0 3px 10px rgba(23,107,135,.16); }
.image-placeholder { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 8px; background: #eef2f5; color: #94a3b8; }
.product-meta-links { margin-top: 5px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.product-meta-links a { font-size: .74rem; font-weight: 700; }
.status { padding: 4px 9px; display: inline-block; border-radius: 999px; background: #edf1f4; color: #64748b; font-size: .77rem; font-weight: 750; white-space: nowrap; }
.status-active, .status-completed { background: #e7f8f0; color: #17724f; }
.status-draft { background: #edf1f4; color: #546473; }
.status-confirmed { background: #e8f4fc; color: #17648a; }
.status-processing { background: #fff3d9; color: #94610d; }
.status-cancelled { background: #fce9e7; color: #a4382f; }

input, select, textarea { width: 100%; min-height: 43px; padding: 9px 11px; border: 1px solid #c8d4dd; border-radius: 8px; background: #fff; color: var(--ink); outline: none; }
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: #4a9eb5; box-shadow: 0 0 0 3px rgba(23,107,135,.12); }
input[readonly] { background: #f2f5f7; color: var(--muted); }
label { display: flex; flex-direction: column; gap: 6px; color: #435365; font-size: .86rem; font-weight: 700; }
label small { color: var(--muted); font-weight: 500; }
fieldset { margin: 0; padding: 20px; border: 1px solid var(--line); border-radius: 10px; }
legend { padding: 0 8px; color: var(--navy); font-weight: 800; }
.form-stack { display: flex; flex-direction: column; gap: 16px; }
.form-grid { display: grid; gap: 18px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.span-2 { grid-column: span 2; }
.form-card { padding: 22px; }
.form-card > .card-header { margin: -22px -22px 22px; }
.form-actions { margin-top: 24px; display: flex; gap: 10px; }
.form-actions.end { justify-content: flex-end; }
.checkbox-label { flex-direction: row; align-items: center; }
.checkbox-label input { width: 18px; min-height: 18px; }
.source-box { margin-top: 20px; padding: 12px; border-radius: 8px; background: #f5f7f9; color: var(--muted); font-size: .82rem; overflow-wrap: anywhere; }
.product-source-preview { margin-top: 22px; padding: 16px; display: flex; align-items: center; gap: 18px; border: 1px solid var(--line); border-radius: 11px; background: #f7fafb; }
.product-source-preview img { width: 112px; height: 112px; object-fit: contain; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.product-source-preview > div { display: flex; align-items: flex-start; flex-direction: column; gap: 10px; }

.content-grid.categories-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .7fr); gap: 20px; align-items: start; }
.sticky-card { position: sticky; top: 20px; }
.category-editor-list { padding: 8px 20px 18px; }
.category-editor-row { padding: 10px 0; display: grid; grid-template-columns: minmax(180px, 1fr) 85px 90px auto; gap: 10px; align-items: center; border-bottom: 1px solid var(--line); }
.category-editor-row:last-child { border-bottom: 0; }
.small-input { width: 85px; }

.order-form { display: flex; flex-direction: column; gap: 20px; }
.order-items { display: flex; flex-direction: column; gap: 10px; }
.order-row { padding: 14px; display: grid; grid-template-columns: minmax(280px,2fr) 90px 125px 125px 120px 36px; gap: 10px; align-items: end; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfd; }
.order-product-preview { margin-top: 8px; display: flex; align-items: center; gap: 9px; }
.order-product-preview[hidden] { display: none; }
.order-product-preview img { width: 46px; height: 46px; object-fit: contain; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.order-product-preview a { font-size: .76rem; font-weight: 700; }
.order-item-product { display: flex; align-items: center; gap: 10px; min-width: 260px; }
.order-item-product img { width: 48px; height: 48px; object-fit: contain; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.order-item-product > div { display: flex; align-items: flex-start; flex-direction: column; gap: 3px; }
.order-item-product a { font-size: .74rem; font-weight: 700; }
.line-total { min-height: 43px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; }
.line-total span { color: var(--muted); font-size: .72rem; }
.line-total strong { color: var(--navy); }
.icon-button { width: 34px; height: 43px; border: 0; border-radius: 8px; background: #f3e6e4; color: #9f3f35; font-size: 1.4rem; }
.order-summary { margin: 20px 0 0 auto; width: min(480px, 100%); padding-top: 14px; border-top: 1px solid var(--line); }
.order-summary > div { padding: 6px 0; display: flex; justify-content: space-between; gap: 24px; }
.order-summary span { color: var(--muted); }
.order-summary .discount { color: var(--green); }
.order-summary .order-total { margin-top: 5px; padding-top: 12px; border-top: 2px solid var(--navy); }
.order-summary .order-total span, .order-summary .order-total strong { color: var(--navy); font-size: 1.25rem; font-weight: 850; }
.order-view-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
.side-stack { display: flex; flex-direction: column; gap: 20px; }
.view-summary { margin-right: 20px; margin-bottom: 20px; }
.details-list { margin: 0; display: grid; grid-template-columns: 90px 1fr; gap: 11px 14px; }
.details-list dt { color: var(--muted); font-size: .8rem; }
.details-list dd { margin: 0; overflow-wrap: anywhere; }

.alert { margin-bottom: 18px; padding: 13px 16px; border: 1px solid; border-radius: 9px; }
.alert-success { border-color: #a9dec8; background: #edfaf4; color: #136747; }
.alert-error { border-color: #efbeb8; background: #fff1ef; color: #9e332a; }
.alert-warning { border-color: #efd59d; background: #fff8e8; color: #8a5a0d; }
.empty-state { min-height: 110px; padding: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--muted); text-align: center; }
.pagination { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 6px; }
.pagination a { min-width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); }
.pagination a.active { border-color: var(--blue); background: var(--blue); color: #fff; }
.pagination span { margin-left: 6px; color: var(--muted); }

.login-wrap { min-height: calc(100vh - 190px); display: grid; place-items: center; }
.login-card { width: min(440px, 100%); padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow); }
.login-title { margin-bottom: 25px; display: flex; align-items: center; gap: 14px; }
.login-title h1 { margin: 0; font-size: 1.45rem; }
.login-title p { margin: 3px 0 0; color: var(--muted); }

.installer-body { min-height: 100vh; padding: 40px 18px; display: grid; place-items: center; background: linear-gradient(145deg, #e8f2f5, #f7f9fa 55%, #eaf5f2); }
.installer-card { width: min(720px, 100%); padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 20px 60px rgba(15,23,42,.14); }
.installer-brand { margin-bottom: 28px; padding-bottom: 20px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
.installer-brand strong, .installer-brand small { display: block; }
.installer-brand small { margin-top: 2px; color: var(--muted); }
.installer-card h1 { margin: 0 0 7px; font-size: 1.65rem; }
.lead { margin: 0 0 25px; color: var(--muted); }
.install-details, .update-list { margin: 15px 0 22px; padding: 16px 22px 16px 38px; border-radius: 10px; background: #f5f7f9; }
.update-list { padding: 16px; }
.update-list div + div { margin-top: 8px; }

@media (max-width: 1050px) {
    .topbar { padding: 0 18px; gap: 15px; flex-wrap: wrap; }
    .main-nav { order: 3; width: 100%; height: 46px; overflow-x: auto; }
    .main-nav a { padding: 0 13px; }
    .page-shell { width: min(100% - 28px, 1500px); }
    .stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .dashboard-grid, .order-view-grid { grid-template-columns: 1fr; }
    .order-row { grid-template-columns: minmax(250px, 2fr) 90px 120px 120px; }
    .line-total { align-items: flex-start; }
}

@media (max-width: 720px) {
    .user-menu span { display: none; }
    .page-heading { align-items: flex-start; flex-direction: column; }
    .page-actions { width: 100%; }
    .page-actions .button { flex: 1; }
    .stats-grid, .form-grid.two, .content-grid.categories-layout { grid-template-columns: 1fr; }
    .span-2 { grid-column: auto; }
    .filter-bar { flex-wrap: wrap; }
    .filter-bar input[type="search"] { flex: 1 1 100%; }
    .filter-result { margin-left: 0; }
    .bulk-bar { align-items: stretch; flex-direction: column; }
    .bulk-bar select { width: 100%; }
    .category-editor-row { grid-template-columns: 1fr 75px; }
    .category-editor-row .nowrap { display: none; }
    .sticky-card { position: static; }
    .order-row { grid-template-columns: 1fr 1fr; }
    .order-product-field { grid-column: span 2; }
    .installer-card { padding: 22px; }
}

/* Interfejs DTF Ekspert — wersja 1.2 */
:root { --navy:#121827; --blue:#008fc8; --blue-dark:#0377a5; --magenta:#ec0879; --yellow:#ffcb05; --canvas:#f1f4f8; --shadow:0 12px 34px rgba(16,24,40,.08); }
.app-body { min-height:100vh; background:radial-gradient(circle at 90% 0,rgba(0,166,223,.10),transparent 26%),var(--canvas); }
.app-sidebar { position:fixed; inset:0 auto 0 0; z-index:50; width:248px; padding:24px 16px 18px; display:flex; flex-direction:column; background:linear-gradient(180deg,#101624,#171c2d 66%,#101522); color:#fff; box-shadow:12px 0 35px rgba(16,24,40,.13); }
.brand-logo { height:78px; padding:10px 9px 20px; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.09); }
.brand-logo img { width:100%; height:auto; display:block; filter:drop-shadow(0 5px 11px rgba(0,0,0,.3)); }
.app-sidebar .main-nav { margin-top:22px; display:flex; flex-direction:column; gap:6px; align-self:stretch; }
.app-sidebar .main-nav a { min-height:48px; padding:0 14px; gap:13px; border:0; border-radius:11px; color:#b7c1d3; }
.app-sidebar .main-nav a span { width:25px; color:#55c7ed; text-align:center; font-size:1.25rem; }
.app-sidebar .main-nav a:hover,.app-sidebar .main-nav a.active { color:#fff; background:linear-gradient(90deg,rgba(0,166,223,.24),rgba(236,8,121,.10)); box-shadow:inset 3px 0 #00a6df; }
.sidebar-user { margin-top:auto; padding:15px 10px 2px; display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:center; border-top:1px solid rgba(255,255,255,.09); }
.sidebar-user .avatar { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#00a6df,#ec0879);font-weight:850; }
.sidebar-user strong,.sidebar-user small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.sidebar-user small{color:#8f9bad;font-size:.72rem}.sidebar-user form{grid-column:2}.sidebar-user .link-button{color:#7ed8f5;font-size:.78rem}
.page-shell.with-sidebar { width:auto; min-height:calc(100vh - 52px); margin:0 0 0 248px; padding:38px clamp(22px,3vw,50px) 70px; }
.app-body>.footer { margin-left:248px; }.footer{background:transparent}.page-heading h1{font-weight:850}.page-heading p{max-width:760px}.card{border-color:#e0e6ee;border-radius:16px}.button{border-radius:10px}.button-primary{background:linear-gradient(135deg,#009fd8,#0879ad);box-shadow:0 7px 18px rgba(0,143,200,.22)}
.button-danger{background:#fff1f1;border-color:#f3c3c0;color:#ad3028}.button-danger:hover{background:#a9342c;color:#fff}.discounted-price{color:#047b5b;font-weight:800}.coupon{color:#b30a67!important;font-weight:750}.error-text{color:#b42318!important;font-weight:700}.help-text{margin:14px 0 0;color:var(--muted);font-size:.85rem}
.discount-toolbar { margin-bottom:16px; padding:13px 16px; display:flex;align-items:center;gap:14px;overflow:visible;background:linear-gradient(90deg,#fff,#f7fbfd) }.discount-toolbar>div{margin-right:auto}.discount-toolbar strong,.discount-toolbar small{display:block}.discount-toolbar small{color:var(--muted)}.discount-toolbar label{width:150px}.discount-toolbar input{min-height:38px}
.pricing-controls{display:grid;grid-template-columns:minmax(200px,280px) minmax(200px,280px) auto;gap:14px;align-items:end}.pricing-controls .button{margin-bottom:1px}.order-row{grid-template-columns:minmax(270px,2fr) 86px 135px 135px 135px 36px}.line-total small{color:var(--muted);font-size:.72rem}.order-summary>small{display:block;margin-top:8px;text-align:right;color:var(--muted)}
.category-editor-row{grid-template-columns:34px minmax(150px,1fr) 78px 70px minmax(150px,.8fr) auto 62px auto}.category-editor-row select{min-height:38px;font-size:.8rem}.category-editor-row input{min-height:38px}
.image-hover-preview{position:fixed;z-index:1000;width:280px;height:280px;padding:10px;border:1px solid #cbd7e2;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(16,24,40,.26);pointer-events:none}.image-hover-preview[hidden]{display:none}.image-hover-preview img{width:100%;height:100%;object-fit:contain;border-radius:10px}.product-image-cell img,.order-item-product img,.order-product-preview img{transition:transform .16s,border-color .16s}
.mobile-menu-button{display:none}.nav-backdrop{display:none}.login-logo{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.login-logo img{width:240px;max-width:100%;display:block;margin:auto}.installer-brand img{width:230px;max-width:48%;height:auto}.installer-brand{justify-content:space-between}.installer-brand>div{text-align:right}

@media(max-width:1180px){.order-row{grid-template-columns:minmax(250px,2fr) 80px 125px 125px}.line-total{align-items:flex-start}.content-grid.categories-layout{grid-template-columns:1fr}.sticky-card{position:static}.category-editor-row{grid-template-columns:34px minmax(160px,1fr) 75px 65px minmax(135px,.7fr) auto 62px auto}}
@media(max-width:860px){.app-sidebar{transform:translateX(-105%);transition:transform .2s ease}.app-sidebar.open{transform:translateX(0)}.mobile-menu-button{position:fixed;z-index:45;top:12px;left:12px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:#141a29;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.25);font-size:1.25rem}.nav-backdrop.visible{position:fixed;display:block;z-index:49;inset:0;background:rgba(10,15,25,.54);backdrop-filter:blur(2px)}.page-shell.with-sidebar{margin-left:0;padding:78px 18px 55px}.app-body>.footer{margin-left:0}.pricing-controls{grid-template-columns:1fr 1fr}.pricing-controls .button{grid-column:span 2}.category-editor-row{grid-template-columns:34px 1fr 78px}.category-editor-row .muted{display:none}.category-editor-row select{grid-column:2/4}.category-editor-row .button{width:100%}.discount-toolbar{flex-wrap:wrap}.discount-toolbar>div{flex:1 1 100%}.discount-toolbar label{flex:1;width:auto}}
@media(max-width:620px){.page-shell.with-sidebar{padding-left:12px;padding-right:12px}.page-heading{gap:14px}.page-actions{display:grid;grid-template-columns:1fr 1fr}.page-actions .button{width:100%}.form-card{padding:17px}.form-card>.card-header{margin:-17px -17px 17px}.order-row{grid-template-columns:1fr 1fr;padding:12px}.order-product-field{grid-column:span 2}.line-total{align-items:flex-start}.pricing-controls{grid-template-columns:1fr}.pricing-controls .button{grid-column:auto}.category-editor-row{grid-template-columns:1fr 72px}.category-editor-row select{grid-column:span 2}.category-editor-row .button{width:auto}.discount-toolbar label{flex:1 1 130px}.discount-toolbar .button{flex:1 1 100%}.product-source-preview{align-items:flex-start;flex-direction:column}.installer-brand{align-items:flex-start;flex-direction:column}.installer-brand img{max-width:100%}.installer-brand>div{text-align:left}}

.pricing-controls.simple{grid-template-columns:minmax(220px,300px) auto;justify-content:start}.button-coupon{background:linear-gradient(135deg,#fff5c7,#fff);border-color:#efd56c;color:#755000}.button-coupon:hover{background:#ffca05;color:#302300}.coupon-panel{margin-top:18px;padding:17px;border:1px solid #f0cedf;border-radius:13px;background:linear-gradient(135deg,#fff7fb,#fff)}.coupon-panel[hidden]{display:none}.coupon-panel-head{margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.coupon-panel-head strong,.coupon-panel-head small{display:block}.coupon-panel-head small{margin-top:3px;color:var(--muted)}.danger-link{color:#ad3028}.coupon-controls{display:grid;grid-template-columns:minmax(190px,260px) auto auto;gap:12px;align-items:end}.empty-order{padding:36px 20px;border:2px dashed #d7e0e8;border-radius:12px;color:var(--muted);text-align:center;background:#fafcfd}.empty-order[hidden]{display:none}
.order-product-preview>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.order-product-preview strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}.coupon-line{min-height:43px;display:grid;grid-template-columns:auto 86px 28px;gap:5px;align-items:center}.coupon-line[hidden]{display:none}.coupon-line input{min-height:38px;padding:7px}.coupon-line button{width:28px;height:28px;border:0;border-radius:7px;background:#f6dce9;color:#9b1b60}.coupon-badge{padding:4px 7px;border-radius:7px;background:#fbe2ef;color:#a20a65;font-size:.72rem;font-weight:800}
.product-picker{width:min(1120px,calc(100% - 30px));height:min(820px,calc(100vh - 30px));padding:0;border:0;border-radius:20px;background:#f4f7fa;box-shadow:0 30px 100px rgba(10,18,32,.32);overflow:hidden}.product-picker[open]{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}.product-picker::backdrop{background:rgba(10,15,25,.62);backdrop-filter:blur(3px)}.picker-header{padding:20px 22px;display:flex;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.picker-header h2{margin:0;color:var(--navy)}.picker-header p{margin:4px 0 0;color:var(--muted)}.dialog-close{width:40px;height:40px;border:0;border-radius:10px;background:#edf1f5;color:#566274;font-size:1.5rem}.picker-search{padding:14px 18px 8px}.picker-search input{background:#fff}.picker-categories{padding:6px 18px 12px;display:flex;gap:7px;overflow-x:auto}.picker-categories button{padding:7px 11px;border:1px solid #d5dfe7;border-radius:999px;background:#fff;color:#526274;white-space:nowrap;font-size:.8rem;font-weight:700}.picker-categories button.active{border-color:#008fc8;background:#008fc8;color:#fff}.picker-grid{min-height:0;padding:8px 18px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start;overflow-y:auto}.picker-product{position:relative;min-height:238px;padding:9px;display:flex;flex-direction:column;border:2px solid transparent;border-radius:13px;background:#fff;box-shadow:0 4px 13px rgba(16,24,40,.06);cursor:pointer}.picker-product.selected{border-color:#00a6df;box-shadow:0 0 0 3px rgba(0,166,223,.11)}.picker-product>input{position:absolute;opacity:0;pointer-events:none}.picker-check{position:absolute;z-index:2;top:9px;right:9px;width:27px;height:27px;display:grid;place-items:center;border:2px solid #c8d3dd;border-radius:8px;background:#fff;color:transparent;font-weight:900}.picker-product.selected .picker-check{border-color:#00a6df;background:#00a6df;color:#fff}.picker-product img,.picker-no-image{width:100%;height:130px;object-fit:contain;border-radius:9px;background:#f5f7f9}.picker-no-image{display:grid;place-items:center;color:#9aa6b2;font-size:.78rem}.picker-product-info{padding:9px 3px 2px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.picker-product-info strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);font-size:.84rem;line-height:1.3}.picker-product-info small{margin-top:3px;color:var(--muted)}.picker-product-info b{margin-top:auto;padding-top:7px;color:#057c5b}.picker-empty{grid-column:1/-1;padding:50px;color:var(--muted);text-align:center}.picker-footer{min-height:70px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);background:#fff}.picker-footer>div{display:flex;gap:9px}
@media(max-width:1000px){.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coupon-controls{grid-template-columns:1fr 1fr}.coupon-controls label{grid-column:span 2}}
@media(max-width:720px){.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-product{min-height:210px}.picker-product img,.picker-no-image{height:105px}.coupon-controls{grid-template-columns:1fr}.coupon-controls label{grid-column:auto}.pricing-controls.simple{grid-template-columns:1fr}.picker-footer{align-items:stretch;flex-direction:column}.picker-footer>div{display:grid;grid-template-columns:1fr 1fr}.product-picker{height:calc(100vh - 12px);width:calc(100% - 12px)}}
@media(max-width:430px){.picker-grid{grid-template-columns:1fr 1fr;padding-left:9px;padding-right:9px;gap:7px}.picker-product{min-height:190px;padding:6px}.picker-product img,.picker-no-image{height:90px}.picker-product-info strong{font-size:.76rem}.picker-header{padding:15px}.picker-search{padding-left:10px;padding-right:10px}.picker-categories{padding-left:10px;padding-right:10px}}

.category-reorder-hint{padding:11px 20px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;border-bottom:1px solid var(--line);background:#f8fafc}.category-reorder-hint>span{font-size:1.2rem}.category-reorder-hint strong{margin-left:auto;color:#07805e}.category-editor-row.dragging{opacity:.45;background:#eaf7fb}.drag-handle{width:32px;height:38px;border:0;border-radius:8px;background:#edf2f6;color:#718096;font-weight:900;cursor:grab}.drag-handle:active{cursor:grabbing}.category-move-buttons{display:flex;gap:3px}.category-move-buttons button{width:29px;height:34px;border:1px solid #d4dee6;border-radius:7px;background:#fff;color:#365064;font-weight:800}
.personalization-discount-bar{margin-bottom:20px;padding:15px 18px;display:flex;align-items:center;gap:15px;overflow:visible}.personalization-discount-bar>div{margin-right:auto}.personalization-discount-bar strong,.personalization-discount-bar small{display:block}.personalization-discount-bar small{color:var(--muted)}.personalization-discount-bar label{width:150px}.personalization-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.personalization-groups-admin{display:flex;flex-direction:column;gap:18px}.personalization-admin-card{overflow:visible}.personalization-group-form{padding:14px;display:grid;grid-template-columns:minmax(260px,1fr) 80px 100px auto auto;gap:9px;align-items:center;border-bottom:1px solid var(--line);background:#f8fafc;border-radius:16px 16px 0 0}.group-main{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(220px,1fr);gap:8px}.group-main input:first-child{font-weight:800}.personalization-type-list{padding:7px 14px 14px}.personalization-type-row{padding:8px 0;display:grid;grid-template-columns:minmax(150px,.7fr) minmax(190px,1fr) 105px 75px 95px auto 36px;gap:8px;align-items:end;border-bottom:1px solid #e8edf2}.personalization-type-row:last-child{border-bottom:0}.personalization-type-row label{gap:3px;font-size:.72rem}.personalization-type-row input{min-height:38px}.button-personalization{background:linear-gradient(135deg,#eb0879,#bd1268);color:#fff}.button-personalization:hover{color:#fff;background:#ab105f}.personalization-order-section>.card-header>div small{color:var(--muted)}.personalization-order-controls{margin-bottom:14px;display:flex;align-items:end;gap:14px}.personalization-order-controls label{width:240px}.personalization-order-items{display:flex;flex-direction:column;gap:8px}.personalization-order-row{padding:11px 13px;display:grid;grid-template-columns:minmax(260px,1fr) 90px 135px 140px 36px;gap:10px;align-items:end;border:1px solid var(--line);border-radius:11px;background:#fbfcfd}.personalization-order-row>div:first-of-type{align-self:center;display:flex;flex-direction:column}.personalization-order-row small{color:var(--muted)}.personalization-summary{margin-top:15px}.combined-order-total{margin-left:auto;width:min(480px,100%);padding:17px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:13px;background:linear-gradient(135deg,#111827,#202b41);color:#fff}.combined-order-total strong{font-size:1.4rem}.personalization-picker-grid{min-height:0;padding:8px 18px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start;overflow-y:auto}.personalization-picker-item{position:relative;min-height:74px;padding:12px 50px 12px 15px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:2px solid transparent;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(16,24,40,.05);cursor:pointer}.personalization-picker-item>input{position:absolute;opacity:0}.personalization-picker-item .picker-check{top:50%;right:12px;transform:translateY(-50%)}.personalization-picker-item.selected{border-color:#eb0879}.personalization-picker-item.selected .picker-check{border-color:#eb0879;background:#eb0879;color:#fff}.personalization-picker-item span:not(.picker-check){display:flex;flex-direction:column}.personalization-picker-item small{color:var(--muted)}.personalization-picker-item b{padding-right:26px;color:#087c5b}
@media(max-width:1100px){.personalization-admin-grid{grid-template-columns:1fr}.personalization-group-form{grid-template-columns:1fr 80px 100px auto auto}.personalization-type-row{grid-template-columns:1fr 1.2fr 100px 70px}.personalization-type-row .checkbox-label{display:none}}
@media(max-width:760px){.personalization-discount-bar{align-items:stretch;flex-wrap:wrap}.personalization-discount-bar>div{flex:1 1 100%}.personalization-discount-bar label{flex:1;width:auto}.personalization-group-form{grid-template-columns:1fr 75px}.group-main{grid-column:span 2;grid-template-columns:1fr}.personalization-group-form .checkbox-label{display:none}.personalization-type-row{grid-template-columns:1fr 100px}.personalization-type-row>input:first-of-type{grid-column:span 2}.personalization-type-row .small-input{display:none}.personalization-order-row{grid-template-columns:1fr 90px 120px}.personalization-order-row>div:first-of-type{grid-column:span 3}.personalization-picker-grid{grid-template-columns:1fr}.personalization-order-controls{align-items:stretch;flex-direction:column}.personalization-order-controls label{width:100%}}

.manufacturer-pill{padding:4px 9px;display:inline-block;border-radius:999px;background:#f1eafa;color:#623c91;font-size:.78rem;font-weight:750;white-space:nowrap}.manufacturers-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.manufacturer-list{padding:8px 18px}.manufacturer-row{padding:10px 0;display:grid;grid-template-columns:minmax(180px,1fr) 120px 110px auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.manufacturer-row:last-child{border-bottom:0}
.inline-form{display:inline-flex;margin:0}
.order-row{grid-template-columns:minmax(245px,2fr) 76px 90px 120px 190px 125px 125px 116px}.purchase-price-field{display:grid;grid-template-columns:105px 1fr;gap:5px;align-items:end}.purchase-price-field label{gap:3px}.purchase-price-field input,.purchase-price-field select{min-height:38px;padding:7px}.order-row-actions{display:flex;gap:6px;align-items:end}.order-row-actions .icon-button{flex:0 0 34px}.duplicate-button{height:43px;padding:0 9px;border:0;border-radius:8px;background:#e6f4fa;color:#0877a4;font-size:.75rem;font-weight:800;white-space:nowrap}.duplicate-button:hover{background:#087fae;color:#fff}.profit-toggle-wrap{margin-top:14px;display:flex;justify-content:flex-end}.button-internal{border:1px solid #d7c792;background:#fff9df;color:#6c5410}.button-internal:hover{background:#f7e8a8;color:#493700}.profit-panel{margin:12px 0 0 auto;width:min(520px,100%);padding:16px 18px;border:1px solid #d9c991;border-radius:12px;background:#fffbeb}.profit-panel[hidden]{display:none}.profit-panel>div{padding:6px 0;display:flex;justify-content:space-between;gap:20px}.profit-panel .profit-result{margin-top:5px;padding-top:11px;border-top:2px solid #57491d}.profit-panel .profit-result strong{color:#087657;font-size:1.15rem}.profit-panel>small{display:block;margin-top:9px;color:#7b6b35}.internal-order-view{margin:0 20px 20px;display:flex;align-items:flex-end;flex-direction:column}.internal-order-view .profit-panel{width:100%}
@media(max-width:1200px){.order-row{grid-template-columns:minmax(240px,2fr) 75px 90px 120px 185px}.order-row>.coupon-line,.order-row>.line-total{align-self:end}.order-row>.icon-button{align-self:end}.manufacturers-layout{grid-template-columns:1fr}}
@media(max-width:760px){.manufacturer-row{grid-template-columns:1fr 100px}.manufacturer-row .checkbox-label{display:none}.order-row{grid-template-columns:1fr 1fr}.order-row .order-product-field{grid-column:span 2}.purchase-price-field{grid-column:span 2}.order-row>.coupon-line{grid-column:span 2}.profit-panel{width:100%}}

.footer{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.footer-sync-button{padding:7px 11px;border:1px solid #b9ddeb;border-radius:9px;background:#eefaff;color:#0878a5;font-size:.78rem;font-weight:800}.footer-sync-button:hover{background:#0788b8;color:#fff}.zina-sync-layout{grid-template-columns:minmax(0,1fr) 340px}.sync-status{margin-bottom:20px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:5px 14px;border:1px solid #cbe5ef;border-radius:12px;background:#f1fbff}.sync-status span,.sync-status small{color:var(--muted)}.sync-status small{grid-column:1/-1}.sync-feature-list{margin:0;padding-left:22px;display:grid;gap:10px}.b2b-product-summary{margin-top:18px;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #d6e8ef;border-radius:12px;background:#f5fbfd}.b2b-product-summary span,.b2b-product-summary strong{display:block}.b2b-product-summary span{color:var(--muted);font-size:.78rem}.stock-variants{margin-top:18px}.stock-variants h3{margin:0 0 10px}.stock-chip-list{display:flex;flex-wrap:wrap;gap:8px}.stock-chip,.stock-total{padding:5px 8px;border-radius:8px;font-size:.78rem;white-space:nowrap}.stock-chip.available,.stock-total.available{background:#e8f8ef;color:#08734f}.stock-chip.empty,.stock-total.empty{background:#f3f4f6;color:#7c8795}.purchase-net{color:#914d08;font-weight:800}
@media(max-width:900px){.zina-sync-layout{grid-template-columns:1fr}.b2b-product-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.b2b-product-summary{grid-template-columns:1fr}}
.stock-chip{display:grid;gap:2px}.stock-chip small{font-size:.7rem;color:#176a8b}.users-management-grid{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}
@media(max-width:900px){.users-management-grid{grid-template-columns:1fr}}
.order-stock-tiles{margin-top:7px;display:flex;flex-wrap:wrap;gap:4px}.order-stock-tile{min-width:54px;padding:4px 6px;display:grid;grid-template-columns:auto auto;gap:1px 5px;align-items:center;border:1px solid transparent;border-radius:7px;font:inherit;font-size:.68rem;line-height:1.15;text-align:left}.order-stock-tile b{font-size:.72rem}.order-stock-tile span{white-space:nowrap}.order-stock-tile small{grid-column:1/-1;max-width:145px;font-size:.59rem;white-space:normal}.order-stock-tile.available{border-color:#b9e5cc;background:#eaf8f0;color:#08734f}.order-stock-tile.incoming{border-color:#b7dbec;background:#edf8fd;color:#176a8b}.order-stock-tile.empty{border-color:#dfe4ea;background:#f4f5f7;color:#7c8795}.order-stock-tile[data-stock-size]{cursor:pointer}.order-stock-tile[data-stock-size]:hover,.order-stock-tile.selected{border-color:#0796c8;box-shadow:0 0 0 2px rgba(7,150,200,.14)}
.price-pair{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}.price-pair .gross-price{font-weight:800}.price-pair small,[data-net-price-preview],[data-list-price-net],[data-personalization-price-net],[data-line-net],[data-personalization-total-net],[data-purchase-counterpart]{color:var(--muted);font-size:.7rem;font-weight:600}[data-purchase-counterpart]{grid-column:1/-1}.tax-total{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:min(760px,100%)}.tax-total>div{display:flex;flex-direction:column;gap:3px}.tax-total>div:last-child{text-align:right}.personalization-picker-item>b small{display:block;color:#667085;font-size:.68rem;font-weight:600}
@media(max-width:620px){.tax-total{grid-template-columns:1fr;gap:10px}.tax-total>div,.tax-total>div:last-child{text-align:left}}
.footer-sync-links{display:flex;gap:8px;align-items:center}.compact-stats{margin-bottom:20px}.sync-settings-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);margin-bottom:20px}.top-gap{margin-top:24px;padding-top:24px;border-top:1px solid var(--border,#e5e7eb)}.inline-tabs{margin:0}.sync-error{display:block;color:#b42318;max-width:420px;margin-top:5px;white-space:normal}.table-card+.table-card{margin-top:20px}@media(max-width:900px){.sync-settings-layout{grid-template-columns:1fr}.footer-sync-links{flex-wrap:wrap}}