:root{--paper:#f7f7f2;--white:#fff;--cream:#f5f0e7;--dark:#1e392b;--forest:#244b32;--forest-soft:#eff5ed;--green:#306344;--red:#d8392d;--red-soft:#fff1ee;--ink:#24332b;--muted:#859087;--line:#e8eae3;--shadow:0 16px 48px rgba(25,51,31,.06);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-feature-settings:"tnum"}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.boot{height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.boot img{width:220px;max-width:60vw;margin:auto}.app-layout{display:flex;min-height:100vh}.sidebar{width:254px;flex:0 0 254px;background:var(--dark);color:#b9cbbc;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 16px 19px}.brand{background:#fff;border-radius:13px;padding:9px 16px;display:flex;align-items:center;justify-content:center;min-height:69px;margin:0 9px 31px;box-shadow:0 1px 14px #172f2350}.brand img{width:100%;max-height:53px;object-fit:contain}.nav-caption{font-size:10px;letter-spacing:2.1px;font-weight:800;text-transform:uppercase;color:#86a28d;margin:5px 18px 14px}.nav-group{display:grid;gap:4px}.nav-btn{background:transparent;border:0;color:#b9cbbc;text-align:left;border-radius:10px;height:45px;display:flex;align-items:center;padding:0 14px;gap:13px;transition:.18s;font-weight:600;font-size:13px;width:100%}.nav-btn svg{width:18px;height:18px;stroke-width:1.8}.nav-btn:hover,.nav-btn.active{background:#ffffff18;color:white}.nav-btn.active{background:#376448}.nav-btn.active::after{content:'';margin-left:auto;width:4px;height:18px;border-radius:5px;background:#f2d9a5}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 7px 0}.sidebar-user{display:flex;gap:12px;align-items:center;padding:0 5px}.user-avatar{background:#e9ebd9;border-radius:50%;color:#2c5337;width:40px;height:40px;display:grid;place-items:center;font-weight:900}.sidebar-user small{color:#9cb59f;display:block;margin-top:4px}.logout{background:transparent;border:1px solid #ffffff20;color:#d8e6d8;border-radius:9px;width:100%;padding:11px;margin-top:16px;text-align:left;display:flex;align-items:center;gap:9px}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 41px}.crumb{font-size:13px;color:#919c93}.crumb b{color:#263c2c;font-weight:700}.top-right{display:flex;gap:19px;align-items:center}.top-date{color:#7e897f;font-size:12px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;color:#405d48}.icon-button svg{width:17px;height:17px}.workspace{max-width:1520px;margin:auto;padding:34px 42px 65px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:800;color:#78917e;letter-spacing:1.4px;text-transform:uppercase;display:block;margin-bottom:9px}.page-head h1{margin:0 0 8px;font-size:30px;font-weight:750;letter-spacing:-1.1px;color:var(--ink)}.page-head p{margin:0;color:#8a938a;font-size:13px;line-height:1.7}.btn{padding:11px 17px;border:1px solid #dfe6dc;border-radius:10px;background:#fff;color:#314635;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-size:12px;min-height:40px}.btn svg{width:16px;height:16px}.btn.primary{background:var(--forest);border-color:var(--forest);color:#fff}.btn.primary:hover{background:#366b46}.btn.red{color:#b23e34;background:var(--red-soft);border-color:#f6dfd8}.btn.soft{background:var(--forest-soft);border-color:#e3eae0}.btn.sm{padding:8px 11px;min-height:30px;font-size:11px}.btn:focus-visible,.nav-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c4e4bf;outline-offset:1px}.btn-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px 24px;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;align-items:flex-start;color:#7f8c81;font-size:12px;font-weight:700}.stat-symbol{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#f1f6ef;color:#3c6b49}.stat-symbol.red{background:#fff2ec;color:#b96937}.stat-symbol svg{width:20px;height:20px}.stat-value{font-size:30px;font-weight:800;letter-spacing:-1.1px;color:#253b2c;margin-top:15px}.stat-foot{margin-top:8px;color:#9ca79d;font-size:11px}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:19px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.panel-pad{padding:23px}.panel-top{padding:23px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title{font-weight:800;font-size:15px;letter-spacing:-.3px}.panel-desc{margin-top:7px;font-size:12px;color:#94a095}.subtle-link{background:none;border:0;color:#336d41;font-size:12px;font-weight:800}.alert{display:flex;gap:13px;align-items:center;background:#fff9eb;color:#745d32;padding:16px 20px;border-radius:13px;border:1px solid #f1e7d4;margin-bottom:22px;font-size:12px;line-height:1.65}.alert svg{width:20px;height:20px;flex:none}.alert strong{font-weight:800}.alert a{color:inherit;text-decoration:underline}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{background:#fafbf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 23px;color:#899389;font-size:11px;font-weight:750;letter-spacing:.15px}.data-table td{padding:14px 23px;border-bottom:1px solid #eef0ec;font-size:12px}.data-table tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:12px;min-width:220px}.thumb{width:51px;height:51px;flex:0 0 51px;object-fit:cover;border-radius:9px;background:#f2f0e9}.thumb-placeholder{display:grid;place-items:center;border:1px solid var(--line);color:#aeb8aa}.thumb-placeholder svg{width:18px}.product-name{font-size:12px;font-weight:750;white-space:normal}.small-code{font-size:10px;color:#a5aea4;margin-top:5px;letter-spacing:.35px}.state{display:inline-flex;align-items:center;gap:6px;border-radius:50px;font-size:10px;font-weight:800;padding:6px 9px;background:#f0f1ef;color:#78867b}.state::before{content:'';height:6px;width:6px;background:currentColor;border-radius:50%}.state.live{background:#e9f4e9;color:#2e784a}.state.warn{background:#fff2e9;color:#b86b31}.state.blue{background:#eaf3fa;color:#397aab}.state.red{background:#fff0ed;color:#ad5145}.table-actions{display:flex;gap:6px}.more-btn{height:30px;width:30px;display:grid;place-items:center;border:1px solid #e8eee6;border-radius:8px;background:#fff;color:#5f7562}.more-btn svg{width:15px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:10px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #e6eae4;border-radius:10px;background:#fff;color:#9ca79e;min-height:39px;width:320px}.search-field svg{width:16px;height:16px}.search-field input{border:0;outline:0;width:100%;font-size:12px;color:#334334;background:transparent}.select,.field input,.field select,.field textarea{width:100%;border:1px solid #e1e7de;border-radius:10px;padding:11px 12px;color:#283c2e;background:#fff;outline:0;min-height:42px;font-size:13px}.select{width:auto;min-width:150px}.filter-row{display:flex;gap:7px;align-items:center}.filter-pill{border:1px solid transparent;background:transparent;padding:9px 12px;border-radius:8px;font-weight:750;color:#8b988f;font-size:11px}.filter-pill.selected{background:#ebf3e9;border-color:#e2ece0;color:#376d46}.empty{padding:40px 25px;text-align:center;color:#8d9b90;font-size:12px}.empty svg{width:30px;height:30px;color:#9ead9b;margin-bottom:8px}.empty h3{color:#3e5341;margin:7px 0;font-size:15px}.progress-list{display:grid;gap:14px}.progress-row{display:grid;grid-template-columns:1fr 38px;gap:12px}.progress-row-head{display:flex;justify-content:space-between;margin-bottom:8px;color:#697a6d;font-size:11px}.progress-row b{color:#3f5e47}.progress-track{height:7px;background:#edf2ec;border-radius:15px;overflow:hidden}.progress-fill{height:100%;background:#648b63;border-radius:15px}.activity-list{display:grid}.activity-item{display:flex;gap:11px;align-items:flex-start;padding:14px 24px;border-top:1px solid var(--line)}.activity-dot{width:9px;height:9px;background:#91ad8c;border-radius:100%;margin-top:5px;flex:none}.activity-item strong{font-size:12px}.activity-item p{font-size:11px;color:#8e998f;margin:5px 0}.activity-item time{font-size:10px;color:#a1ada3}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.category-card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:17px;min-height:160px}.category-icon{height:43px;width:43px;background:#edf4eb;border-radius:12px;display:grid;place-items:center;color:#3b7550}.category-icon svg{height:21px;width:21px}.cat-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.category-card h3{font-size:15px;letter-spacing:-.3px;margin:0}.category-card p{font-size:11px;color:#8e998e;margin:5px 0 0}.field{display:grid;gap:8px;min-width:0}.field label{font-size:11px;color:#59685b;font-weight:800}.field .hint{font-size:11px;color:#99a39b;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field.full{grid-column:1/-1}.section-title{font-size:13px;margin:0 0 17px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.setting-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:17px}.preview-banner{background:#254a33;border-radius:14px;padding:28px;color:white;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:11px;position:relative;overflow:hidden}.preview-banner:after{content:' ';width:260px;height:260px;border-radius:50%;border:50px solid #ffffff09;position:absolute;right:-95px;bottom:-120px}.preview-banner small{color:#c2debf;letter-spacing:1.7px;font-weight:800}.preview-banner h2{font:600 29px Georgia,serif;line-height:1.12;max-width:380px;margin:0}.preview-banner p{color:#d5e2d5;max-width:370px;font-size:13px;line-height:1.6;margin:0}.preview-banner .fake-cta{background:#f4f2e6;color:#254a33;padding:10px 15px;border-radius:7px;font-size:11px;font-weight:800;z-index:1}.integration-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.integration-icon{display:grid;place-items:center;width:49px;height:49px;background:#eef4ef;border-radius:14px;color:#2e6040}.integration-icon svg{width:23px}.checkrow{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;color:#748177}.checkrow svg{width:17px;height:17px;flex:none;color:#a0aca1}.checkrow strong{color:#314335}.notice{border-left:3px solid #b67b39;background:#fdf9ed;padding:13px 15px;font-size:12px;line-height:1.65;color:#745b2e}.modal-backdrop{position:fixed;inset:0;background:rgba(15,30,20,.52);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;width:min(740px,100%);max-height:94vh;overflow:hidden;border-radius:19px;box-shadow:0 20px 70px #10281855;display:flex;flex-direction:column}.modal.large{width:min(900px,100%)}.modal-head{padding:22px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:18px;letter-spacing:-.4px;margin:0}.modal-body{padding:24px 27px;overflow-y:auto}.modal-footer{padding:17px 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fcfdfa}.image-picker{display:flex;flex-wrap:wrap;gap:9px}.image-selected{height:75px;width:75px;object-fit:cover;border-radius:11px;border:2px solid #c2dfc0}.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.media-item{padding:5px;border:2px solid transparent;border-radius:12px;background:#f6f8f4;position:relative;cursor:pointer}.media-item.picked{border-color:#368447;background:#eef7ec}.media-item img{width:100%;height:95px;object-fit:cover;border-radius:7px}.media-item span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#8d998e}.media-item i{position:absolute;right:8px;top:8px;background:#fff8e8;color:#a5682a;padding:3px 5px;font-size:9px;font-style:normal;border-radius:5px}.hr{border:0;border-top:1px solid var(--line);margin:20px 0}.toast{position:fixed;bottom:23px;right:25px;background:#253d2b;color:white;padding:13px 19px;border-radius:11px;box-shadow:0 15px 45px #244e3650;z-index:50;font-size:12px;max-width:400px}.toast.error{background:#a9443e}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f8f8f3}.login-left{background:#244a32;display:flex;flex-direction:column;justify-content:space-between;padding:55px 66px;color:white;position:relative;overflow:hidden}.login-left:before,.login-left:after{content:'';position:absolute;border:1px solid #ffffff1b;border-radius:50%;width:450px;height:450px;right:-150px;top:28%}.login-left:after{width:320px;height:320px;right:-85px;top:35%}.login-logo{background:#fff;border-radius:14px;padding:10px;width:240px;max-width:100%;z-index:1}.login-logo img{width:100%}.login-message{max-width:500px;z-index:1}.login-message .mini{font-size:11px;color:#bdceba;letter-spacing:2px;font-weight:800}.login-message h1{font:500 51px Georgia,serif;letter-spacing:-1.7px;line-height:1.12;margin:20px 0}.login-message p{font-size:15px;color:#c3d2c4;line-height:1.8}.login-foot{font-size:11px;color:#abc3ae;z-index:1}.login-right{display:flex;align-items:center;justify-content:center;padding:38px}.login-form{width:min(390px,100%)}.login-form .eyebrow{color:#549368}.login-form h2{font-size:31px;letter-spacing:-1px;margin:0 0 10px}.login-form p{color:#909c93;font-size:13px;line-height:1.7;margin:0 0 33px}.login-form .field{margin-bottom:18px}.login-form .btn{width:100%;height:47px;margin-top:12px}.login-note{margin-top:26px;padding:14px;background:#edf3eb;border-radius:10px;color:#66806a;font-size:11px;line-height:1.7}.menu-toggle{display:none}.footer-note{padding:25px 0;color:#a2aba3;text-align:center;font-size:11px}.page-head .head-actions{display:flex;gap:9px}.order-item-line{color:#7a8a80;font-size:11px;line-height:1.9}.help-line{font-size:11px;color:#9aa69b}.off{display:none!important}
@media(max-width:1200px){.sidebar{width:230px;flex-basis:230px}.workspace{padding:30px}.topbar{padding:0 30px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.sidebar{position:fixed;z-index:15;left:0;transform:translateX(-100%);transition:transform .22s;box-shadow:20px 0 45px #1a321b33}.sidebar.open{transform:translateX(0)}.menu-toggle{display:grid}.topbar{height:65px;padding:0 20px}.workspace{padding:23px 18px 50px}.two-col,.integration-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-left{padding:29px 30px;min-height:240px}.login-message h1{font-size:30px}.login-message p{display:none}.login-foot{display:none}.login-right{padding:45px 25px}.login-logo{width:175px}.login-message{margin-top:26px}.page-head h1{font-size:25px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.page-head{display:block}.page-head .head-actions{margin-top:19px}.stats-grid{gap:10px}.stat-card{padding:17px 16px}.stat-value{font-size:25px}.stat-symbol{width:35px;height:35px}.stat-top{font-size:11px}.category-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.toolbar{padding:13px}.search-field{width:100%}.filter-row{overflow:auto;width:100%}.top-date{display:none}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-backdrop{padding:10px}.modal-body{padding:18px}.modal-head{padding:18px}.modal-footer{padding:14px;flex-wrap:wrap}.stat-foot{font-size:10px}.panel-top{padding:18px}.login-left{min-height:200px}.login-message h1{font-size:26px}.workspace{padding:20px 12px 50px}}
/* Keep wide order/product tables scrollable without widening the mobile viewport. */
.workspace,.two-col>*,.integration-grid>*,.panel,.panel-pad{min-width:0}
.table-wrap{width:100%;max-width:100%;overflow-x:auto}
@media(max-width:850px){.two-col,.integration-grid{min-width:0;grid-template-columns:minmax(0,1fr)}.app-layout{overflow-x:clip}}

/* QA 2026-10-20: keep variant controls usable at narrow widths. */
@media(max-width:550px){
  .variant-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px !important;align-items:end !important;}
  .variant-row>.field:first-child{grid-column:1 / -1;}
  .variant-row>.field input{min-width:0;}
}

/* Bolluk Sepeti v1.3 — accessibility, consistent grids, mobile-first catalog */
:root{--paper:#f6f7f4;--forest:#28583b;--line:#e4e9e3;--ink:#253a2d;--muted:#6f8073}
body{min-width:280px}
.app-layout{min-width:0;overflow-x:clip}
.main,.workspace,.panel,.table-wrap,.setting-card{min-width:0}
.workspace{width:100%;max-width:1480px;padding:32px clamp(16px,3vw,44px) 58px}
.page-head{align-items:center;gap:20px;margin-bottom:24px}
.page-head h1{font-size:clamp(25px,2.2vw,32px);line-height:1.18}
.page-head p{max-width:680px;color:#647568;font-size:13px}
.page-head .head-actions{flex-wrap:wrap;justify-content:flex-end}
.head-actions .btn{min-height:44px}
.btn{min-height:43px;font-size:13px;line-height:1.3}
.btn.sm{min-height:38px;font-size:12px}
.btn svg,.more-btn svg{flex-shrink:0}
.more-btn{min-width:40px;min-height:40px;height:40px;width:40px}
.more-btn:hover{border-color:#aac6ac;background:#f5faf3}
.more-btn.danger:hover{color:#ac4640;border-color:#f0c2b6;background:#fff5f2}
.more-btn span{display:none}
.filter-pill{font-size:12px;min-height:39px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-color:#e5ece4;background:#fff;color:#536b58;white-space:nowrap}
.filter-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;border-radius:8px;background:#f1f4ef;color:#6b7b6d;font-size:10px}
.filter-pill.selected{color:#204d2f;background:#e9f4e9;border-color:#a9ccae}
.filter-pill.selected span{background:#d4e8d6;color:#235a37}
.product-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:20px 22px 14px;border-bottom:1px solid #f1f3ee}
.product-controls>.search-field{flex:1 1 280px;max-width:none;min-height:46px}
.product-controls>.search-field input,.order-controls .search-field input{font-size:14px;min-height:42px}
.filter-selects{display:flex;gap:12px;flex:2 1 375px;min-width:0}
.filter-select-wrap{display:grid;gap:6px;min-width:0;flex:1;font-size:11px;font-weight:750;color:#697b6d}
.filter-select-wrap .select{width:100%;min-width:0;min-height:46px;font-size:13px}
.product-filterline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.filter-row{flex-wrap:wrap;overflow:visible}
.result-actions{display:flex;align-items:center;gap:14px;color:#677b6a;font-size:12px;white-space:nowrap}
.clear-filters{background:none;border:0;color:#2d6b43;font-size:12px;font-weight:800;padding:11px 2px;text-decoration:underline;text-underline-offset:3px}
.product-table .product-name{font-size:13px;line-height:1.4}
.product-table .small-code{font-size:11px}
.product-table th,.order-table th{font-size:11px;padding:15px 16px}
.product-table td,.order-table td{padding:13px 16px;font-size:13px;vertical-align:middle}
.product-table td:last-child{text-align:right}
.product-table .table-actions{justify-content:flex-end}
.product-table tr:hover,.order-table tr:hover{background:#fbfcfa}
.data-table{white-space:normal}
.order-table .select{min-height:42px;font-size:12px}
.order-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.order-controls .search-field{flex:2 1 260px;min-height:46px;max-width:none}
.order-controls .filter-select-wrap{flex:1 1 180px}
.orders-counter{margin-left:auto;color:#6b7a6d;font-size:12px;font-weight:700;padding:8px 0}
.alert{font-size:12px;line-height:1.55;padding:12px 16px;gap:11px;margin-bottom:18px}
.alert svg{width:18px;height:18px}
.panel-title{font-size:16px}
.panel-desc{font-size:12px;color:#758578}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-card{gap:14px;min-height:166px;padding:21px}
.category-card h3{font-size:16px;line-height:1.35}
.form-section-heading{padding:13px 15px;border-left:3px solid #3b7650;background:#f3f7f1;border-radius:0 9px 9px 0;display:flex;flex-direction:column;gap:3px}
.form-section-heading strong{font-size:13px}
.form-section-heading small{font-size:11px;color:#728374}
.field label{font-size:12px}
.field input,.field select,.field textarea{font-size:14px;min-height:44px}
.variant-row{display:grid;grid-template-columns:minmax(150px,2fr) minmax(90px,1fr) minmax(80px,1fr) 42px;gap:10px;align-items:end;margin:10px 0;padding:11px;border:1px solid #e9eee7;border-radius:11px;background:#fafcf9}
.variant-row .field{min-width:0}
.variant-row .more-btn{width:40px;height:44px}
.section-title{gap:12px;flex-wrap:wrap}
.modal-backdrop{padding:16px}
.modal{max-height:min(92dvh,900px);width:min(740px,100%)}
.modal.large{width:min(860px,100%)}
.modal-head,.modal-footer{flex-shrink:0}
.modal-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}
.modal-footer{justify-content:flex-end}
.modal-footer .btn{min-height:43px}
.nav-scrim{display:none}
.nav-btn{min-height:46px;height:auto;padding-top:12px;padding-bottom:12px}
.sidebar{overflow-y:auto}
.sidebar-bottom{padding-bottom:6px}
.footer-note{font-size:11px}
.empty-products p{max-width:320px;margin:0 auto 12px;line-height:1.6}
@media(max-width:1200px){
 .workspace{padding:24px 22px 50px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-table td,.product-table th{padding-inline:12px}
}
@media(max-width:850px){
 .sidebar{width:min(280px,86vw);flex-basis:auto;z-index:31}
 .app-layout.nav-open .sidebar{transform:translateX(0)}
 .nav-scrim{position:fixed;inset:0;z-index:30;border:0;background:rgba(16,30,19,.46)}
 .app-layout.nav-open .nav-scrim{display:block}
 .topbar{height:64px;padding:0 20px}
 .workspace{padding:22px 18px 54px}
 .two-col,.integration-grid{grid-template-columns:minmax(0,1fr)}
 .product-table,.order-table{white-space:normal}
}
@media(max-width:650px){
 .page-head{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 .page-head .head-actions{display:flex;margin:0;justify-content:stretch}
 .head-actions>.btn{flex:1 1 auto}
 .workspace{padding:20px 12px 45px}
 .alert{align-items:start;font-size:11.5px}
 .product-controls{padding:14px;gap:12px;display:block}
 .product-controls>.search-field{width:100%;margin-bottom:12px}
 .filter-selects{gap:9px;width:100%}
 .product-filterline{padding:12px 14px;gap:8px}
 .filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .filter-pill{justify-content:space-between;padding:10px 12px;min-width:0;font-size:11px}
 .result-actions{width:100%;justify-content:space-between}
 .table-wrap{overflow:visible}
 .data-table.product-table,.data-table.order-table{display:block;width:100%;border-collapse:separate}
 .product-table thead,.order-table thead{display:none}
 .product-table tbody,.order-table tbody{display:grid;gap:11px;padding:12px}
 .product-table tr,.order-table tr{display:grid;border:1px solid #e5ebe4;border-radius:14px;background:#fff;overflow:hidden;padding:13px;gap:9px;box-shadow:0 4px 14px #1b332808}
 .product-table td,.order-table td{padding:0!important;border:0;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
 .product-table td:before,.order-table td:before{content:attr(data-label);font-size:11px;font-weight:700;color:#849287;flex:none}
 .product-table td:first-child,.order-table td:first-child{display:block;border-bottom:1px solid #edf0eb;padding-bottom:11px!important;margin-bottom:2px}
 .product-table td:first-child:before,.order-table td:first-child:before{display:none}
 .product-table .product-name{font-size:15px;font-weight:750}
 .product-table .thumb{width:58px;height:58px;flex-basis:58px}
 .product-table .product-cell{min-width:0}
 .product-table td:last-child{display:block;padding-top:8px!important;border-top:1px solid #edf0eb;margin-top:3px}
 .product-table td:last-child:before{display:none}
 .product-table .table-actions{justify-content:stretch;gap:10px}
 .product-table .more-btn{width:auto;height:44px;flex:1;display:flex;gap:8px;justify-content:center;font-size:12px;font-weight:750}
 .product-table .more-btn span{display:inline}
 .order-table tr{gap:11px}
 .order-table td:first-child{font-size:13px}
 .order-table td:last-child{padding-top:8px!important;border-top:1px solid #edf0eb;display:flex;align-items:center}
 .order-table td:last-child .select{min-width:130px;width:56%}
 .order-controls{padding:14px;align-items:stretch;gap:10px}
 .order-controls .search-field{width:100%;flex:1 1 100%}
 .order-controls .filter-select-wrap{flex:1 1 70%}
 .orders-counter{margin:0;align-self:end}
 .category-grid{grid-template-columns:1fr;gap:11px}
 .category-card{min-height:0;gap:12px;padding:16px}
 .cat-foot{margin-top:4px}
 .more-btn{min-width:42px;min-height:42px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat-card{padding:15px;min-width:0}
 .stat-value{font-size:25px}
 .stat-foot{font-size:10px;line-height:1.45}
 .panel-top{padding:17px;flex-wrap:wrap}
 .form-grid{grid-template-columns:1fr}
 .field.full{grid-column:1/-1}
 .modal-backdrop{padding:0;align-items:stretch;justify-content:stretch}
 .modal,.modal.large{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
 .modal-head{padding:17px 18px}
 .modal-body{padding:16px 18px;flex:1}
 .modal-footer{padding:12px 16px;background:#fff;border-top:1px solid #e4eae2}
 .modal-footer .btn{flex:1;white-space:normal}
 .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .variant-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:8px;padding:10px}
 .variant-row>.field:first-child{grid-column:1/-1}
 .variant-row .field input{min-width:0}
 .variant-row .more-btn{grid-column:3;grid-row:2}
 .setting-card{padding:16px}
}
@media(max-width:360px){
 .filter-selects{flex-direction:column}
 .filter-row{grid-template-columns:1fr 1fr}
 .product-table tbody,.order-table tbody{padding:9px}
 .product-table tr,.order-table tr{padding:11px}
 .modal-head h2{font-size:17px}
 .variant-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px}
 .head-actions .btn{font-size:12px;padding-inline:10px}
}
.product-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;background:#fafcf9;border-top:1px solid var(--line)}
.product-pagination>span{font-size:12px;color:#65796a;font-weight:700}
.product-pagination .btn{font-size:12px;min-width:105px}
@media(max-width:650px){.product-pagination{padding:14px 12px;gap:8px}.product-pagination .btn{min-width:0;flex:1;padding:10px 8px;font-size:11px}.product-pagination>span{font-size:11px;white-space:nowrap}}

.back-arrow{display:inline-flex;transform:rotate(180deg)}