.product-page{max-width:1180px;margin:0 auto}.product-page-intro{align-items:center}.add-product-button>span{font-size:19px;font-weight:400}.product-toolbar{padding:16px;display:grid;grid-template-columns:minmax(260px,1.45fr) minmax(160px,.75fr) minmax(150px,.65fr) minmax(205px,.9fr);align-items:end;gap:11px}.product-search{position:relative}.product-search>svg{position:absolute;left:13px;top:14px;width:17px;color:#888}.product-search input,.product-control select{width:100%;height:45px;border:1px solid var(--border);border-radius:11px;background:#fff;outline:none}.product-search input{padding:0 13px 0 40px}.product-search input:focus,.product-control select:focus{border-color:#999;box-shadow:0 0 0 3px rgba(10,10,10,.06)}.product-control>span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:750}.product-control select{padding:0 34px 0 11px;font-size:11.5px;font-weight:700}.custom-sort-toggle{min-height:45px;padding:7px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);display:flex;align-items:center;gap:9px;cursor:pointer}.custom-sort-toggle>input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:35px;height:20px;flex:none;border-radius:99px;background:#c9c9c5;transition:.2s}.toggle-track i{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.custom-sort-toggle input:checked+.toggle-track{background:#111}.custom-sort-toggle input:checked+.toggle-track i{transform:translateX(15px)}.custom-sort-toggle strong,.custom-sort-toggle small{display:block}.custom-sort-toggle strong{font-size:10px}.custom-sort-toggle small{margin-top:2px;color:var(--muted);font-size:8px}.product-list-card{margin-top:16px;padding:0;overflow:hidden}.product-list-head{padding:19px 20px 15px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.product-list-head h3{margin:0;font-size:17px}.product-list-head p{margin:4px 0 0;color:var(--muted);font-size:11.5px}.custom-sort-hint{display:none;padding:7px 9px;border-radius:8px;background:#fff8e8;color:#75550d;font-size:9.5px}.custom-sort-hint.visible{display:block}.product-table{width:100%}.product-row{min-height:78px;padding:10px 18px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:26px minmax(220px,1.45fr) minmax(105px,.55fr) minmax(90px,.45fr) minmax(95px,.5fr) 42px;align-items:center;gap:12px}.product-row:last-child{border-bottom:0}.product-table-head{min-height:42px;background:var(--surface-soft);color:var(--muted);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.product-main{min-width:0;display:flex;align-items:center;gap:12px}.product-thumb{width:54px;height:54px;flex:none;border-radius:12px;background:linear-gradient(135deg,var(--thumb-a),var(--thumb-b));display:grid;place-items:center;color:#fff;overflow:hidden}.product-thumb svg{width:25px}.product-copy{min-width:0}.product-copy strong,.product-copy small{display:block}.product-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-copy small{margin-top:4px;color:var(--muted);font-size:10px}.product-cell{font-size:12px}.product-cell strong{font-size:12.5px}.stock-status{display:block;margin-top:4px;font-size:8.5px;font-weight:750}.stock-status.active{color:var(--success)}.stock-status.low{color:#986c00}.stock-status.out{color:var(--danger)}.edit-product{width:36px;height:36px;border:1px solid var(--border);border-radius:9px;background:#fff;display:grid;place-items:center;cursor:pointer}.edit-product:hover{border-color:#111;background:var(--surface-soft)}.edit-product svg{width:16px}.drag-handle{width:26px;border:0;background:transparent;color:#bbb;font-size:17px;cursor:default}.custom-sorting .drag-handle{color:#333;cursor:grab}.product-row.dragging{opacity:.55;background:#fafaf8}.product-empty{display:none;padding:55px 20px;text-align:center}.product-empty.visible{display:block}.product-empty>svg{width:26px;margin:0 auto 10px}.product-empty h3{margin:0;font-size:15px}.product-empty p{margin:5px 0 0;color:var(--muted);font-size:11px}.product-toast{position:fixed;right:18px;bottom:18px;z-index:80;padding:11px 14px;border-radius:10px;background:#111;color:#fff;font-size:10px;opacity:0;transform:translateY(7px);transition:.2s}.product-toast.show{opacity:1;transform:none}
@media(max-width:980px){.product-toolbar{grid-template-columns:1fr 1fr}.product-search,.custom-sort-toggle{grid-column:1/-1}.product-row{grid-template-columns:24px minmax(190px,1.4fr) 95px 80px 90px 38px}}
@media(max-width:700px){.product-page-intro{align-items:flex-start}.product-page-intro h2{font-size:24px}.add-product-button{min-height:37px;padding:0 11px;font-size:10.5px}.product-toolbar{padding:12px;grid-template-columns:1fr 1fr}.product-control select{font-size:10px}.product-list-head{padding:15px;align-items:flex-start}.custom-sort-hint{max-width:145px}.product-table-head{display:none}.product-row{position:relative;min-height:0;padding:13px 48px 13px 42px;grid-template-columns:1fr 1fr;gap:11px 8px}.drag-handle{position:absolute;left:9px;top:27px}.product-main{grid-column:1/-1}.product-thumb{width:48px;height:48px}.product-cell{padding-top:8px;border-top:1px solid #eee}.product-cell::before{display:block;margin-bottom:3px;color:#999;font-size:7.5px;font-weight:800;text-transform:uppercase}.product-cell.sku::before{content:"SKU"}.product-cell.quantity::before{content:"Quantity"}.product-cell.price{grid-column:1/-1}.product-cell.price::before{content:"Price"}.edit-product{position:absolute;right:9px;top:20px}.product-toast{left:10px;right:10px;bottom:65px;text-align:center}}
.sheet-management-button{white-space:nowrap}.sheet-management-button>span{width:20px;height:20px;border-radius:5px;background:#111;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}.sheet-modal{position:fixed;inset:0;z-index:120;padding:18px;background:rgba(0,0,0,.52);display:grid;place-items:center}.sheet-modal[hidden]{display:none}.sheet-dialog{width:min(760px,100%);max-height:calc(100vh - 36px);border-radius:19px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.28);overflow:auto}.sheet-dialog-head{position:sticky;top:0;z-index:2;padding:18px 20px 13px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.sheet-dialog-head h3{margin:0;font-size:20px}.sheet-dialog-head p{margin:4px 0 0;color:#777;font-size:9.5px}.sheet-dialog-head button{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:18px;cursor:pointer}.sheet-dialog-body{padding:18px 20px}.sheet-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-flow article{padding:12px;border:1px solid #ddd;border-radius:11px;background:#fafaf8}.sheet-flow b{width:25px;height:25px;border-radius:7px;background:#111;color:#fff;display:grid;place-items:center;font-size:9px}.sheet-flow strong,.sheet-flow small{display:block}.sheet-flow strong{margin-top:9px;font-size:10px}.sheet-flow small{margin-top:3px;color:#777;font-size:8px;line-height:1.4}.sheet-structure{margin-top:14px;border:1px solid #ddd;border-radius:12px;overflow:hidden}.sheet-structure-head{padding:12px 13px;background:#f2f2ef;display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-structure-head strong{font-size:11px}.sheet-structure-head button{height:34px;padding:0 12px;border:0;border-radius:8px;background:#111;color:#fff;font:800 9px inherit;cursor:pointer}.sheet-columns{padding:11px;display:flex;flex-wrap:wrap;gap:6px}.sheet-columns span{padding:7px 9px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:8.5px;font-weight:750}.sheet-connect{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-connect label{padding:13px;border:1px solid #ddd;border-radius:11px;display:grid;gap:7px}.sheet-connect strong{font-size:10px}.sheet-connect small{color:#777;font-size:8px}.sheet-connect input[type="url"]{height:40px;padding:0 10px;border:1px solid #ccc;border-radius:8px;font-size:9.5px}.sheet-connect label.button{min-height:40px;padding:0 10px;display:flex}.sheet-connect label.button input{display:none}.sheet-sync-status{margin-top:14px;padding:12px;border:1px solid #ddd;border-radius:11px;background:#fafaf8;display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-sync-status strong,.sheet-sync-status small{display:block}.sheet-sync-status strong{font-size:10px}.sheet-sync-status small{margin-top:3px;color:#777;font-size:8px}.sheet-dialog-actions{padding:13px 20px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.sheet-dialog-actions .button{min-width:130px}@media(max-width:800px){.product-intro-actions{flex-wrap:wrap}.sheet-management-button{order:3;width:100%}}@media(max-width:560px){.sheet-flow,.sheet-connect{grid-template-columns:1fr}.sheet-dialog-body{padding:14px}.sheet-sync-status{align-items:stretch;flex-direction:column}.sheet-dialog-actions .button{flex:1;min-width:0;padding:0 7px}}
.sheet-flow article{min-height:68px}.sheet-flow strong{margin-top:8px}.sheet-sync-status{display:grid;grid-template-columns:1fr auto}

/* Product store selector */
.product-page-intro{margin-bottom:18px;align-items:center}.product-page-intro>h2{margin:0;font-size:30px}.product-intro-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.product-store-selector{position:relative}.product-store-selector>button{min-width:245px;height:48px;padding:5px 11px 5px 6px;border:1px solid var(--border);border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.18s}.product-store-selector>button:hover,.product-store-selector.open>button{border-color:#aaa}.store-selector-mark{width:36px;height:36px;flex:none;border-radius:9px;background:#111;color:#fff;display:grid;place-items:center}.store-selector-mark svg{width:17px}.store-selector-copy{min-width:0;flex:1}.store-selector-copy small,.store-selector-copy strong{display:block}.store-selector-copy small{color:#888;font-size:8px;font-weight:750}.store-selector-copy strong{margin-top:2px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-selector-arrow{font-size:15px;transition:.18s}.product-store-selector.open .store-selector-arrow{transform:rotate(180deg)}.product-store-menu{position:absolute;right:0;top:55px;z-index:35;width:290px;padding:7px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 15px 38px rgba(0,0,0,.16);display:none}.product-store-selector.open .product-store-menu{display:grid;gap:3px}.product-store-menu button{min-height:55px;padding:8px;border:0;border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.product-store-menu button:hover,.product-store-menu button.selected{background:#f2f2ef}.product-store-menu button>span{min-width:0;flex:1}.product-store-menu strong,.product-store-menu small{display:block}.product-store-menu strong{font-size:11px}.product-store-menu small{margin-top:3px;color:#777;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-store-menu i{width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal}
@media(max-width:700px){.product-page-intro{display:grid;grid-template-columns:1fr auto;gap:10px}.product-page-intro>h2{font-size:24px}.product-intro-actions{grid-column:1/-1;width:100%;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto}.product-store-selector>button{width:100%;min-width:0}.product-store-menu{left:0;right:auto;width:min(290px,calc(100vw - 20px))}.add-product-button{height:48px;white-space:nowrap}}
@media(max-width:430px){.product-intro-actions{grid-template-columns:1fr}.add-product-button{width:100%}.product-store-selector>button{min-height:52px}}
