/* Product administration, measured against the supplied 1280 × 960 reference. */
#dashboard{min-height:100vh;background:radial-gradient(ellipse at 60% 0,#fff,#f4f5f8 65%);font-family:Inter,Arial,sans-serif;color:#111}#dashboard svg,#editor svg,#import-dialog svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#dashboard i{display:inline-flex;font-style:normal}
#dashboard .admin-sidebar{width:211px;background:linear-gradient(120deg,#111214,#202123);display:flex;gap:0;overflow:auto;z-index:12;position:fixed;height:100vh}
#dashboard .sidebar-brand{display:block;width:211px;height:94px;flex:0 0 94px;background:url('admin-design-reference.jpg') 0 0/1280px 960px no-repeat;margin:0;padding:0;border:0;border-radius:0}
#dashboard .admin-navigation{display:grid;grid-auto-rows:43px;gap:7px;padding:28px 9px 0;flex:none;margin:0}
#dashboard .admin-navigation button{height:43px;width:194px;display:flex;align-items:center;gap:17px;padding:0 15px;margin:0;border:0;border-radius:10px;background:none;font:400 14px Inter,Arial,sans-serif;color:#eee;box-shadow:none}
#dashboard .admin-navigation button i{width:23px;height:24px;flex-shrink:0}#dashboard .admin-navigation button svg{width:23px;height:24px;stroke-width:1.8}#dashboard .admin-navigation button span{font-size:14px}
#dashboard .admin-navigation button.selected{background:linear-gradient(110deg,#ffcf34 0%,#ffcc27 60%,#ffd33b 100%);color:#0b0b0b;font-weight:700;border:1px solid #e5b620;box-shadow:inset 0 1px 1px #fff5,0 2px 5px #0003}#dashboard .admin-navigation button.selected svg{stroke-width:2.15}#dashboard .admin-navigation button:hover:not(.selected){background:#ffffff0b}
#dashboard .sidebar-promo{flex:0 0 302px;width:199px;height:302px;margin:16px 0 0 12px;padding:0;border-radius:7px 0 0 0;background:url('admin-design-reference.jpg') -12px -580px/1280px 960px no-repeat}
#dashboard .sidebar-copyright{display:block;margin-top:auto;min-height:63px;padding:15px 15px 12px;color:#ccc;font-size:10px;line-height:1.5}
#dashboard .admin-main{margin-left:211px;padding:106px 24px 35px;transition:margin-right .15s}
#dashboard .admin-top{position:fixed;z-index:10;left:211px;right:0;top:0;height:84px;padding:0 24px;margin:0;background:#ffffffed;border-bottom:1px solid #e4e7eb;display:flex;align-items:center;box-shadow:0 4px 15px #23314405;gap:15px}
#dashboard .top-search{display:flex;align-items:center;gap:10px;width:350px;min-width:0;height:36px;padding:0 12px;border:1px solid #e0e0e5;border-radius:7px;margin:0;background:#fff;color:#333}
#dashboard .top-search input{font:400 12px Inter,Arial,sans-serif;min-width:0;width:100%;height:34px;border:0;border-radius:0;padding:0;margin:0;outline:none;background:none}#dashboard .top-search svg{width:18px;height:18px}
#dashboard .notification-button{margin-left:auto;background:none;border:0;border-right:1px solid #ddd;padding:6px 24px 6px 5px;color:#111}#dashboard .admin-profile{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left}#dashboard .admin-profile .avatar{height:37px;width:37px;background:linear-gradient(110deg,#ffcb24,#ffb600);font-size:23px}#dashboard .admin-profile b{font-size:12px;font-weight:600}#dashboard .admin-profile small{font-size:11px;margin-top:3px;color:#63656a}#dashboard .admin-profile>i{margin-left:10px}#dashboard .admin-profile>i svg{width:16px}
#profile-menu{position:absolute;right:24px;top:70px;background:#fff;box-shadow:0 8px 24px #0002;padding:7px;border:1px solid #eee;border-radius:8px;min-width:160px}#profile-menu a,#profile-menu button{display:block;width:100%;text-align:left;padding:10px;background:none;border:0;font:13px Inter,Arial}
#dashboard .admin-main>h1{font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-1px;margin:0 0 8px}#dashboard .admin-subtitle{font-size:16px;line-height:1.5;margin:0;color:#444}
#dashboard .stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:21px 0 18px;min-width:735px}
#dashboard .stats article{border:1px solid #eceef0;box-shadow:0 4px 12px #26344a07;border-radius:10px;background:#fff;padding:14px 12px 14px 14px;display:flex;gap:13px;min-height:120px;position:static}
#dashboard .stats article:first-child{background:linear-gradient(130deg,#fff7dc,#fffbef)}#dashboard .stats article>i{position:static;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#ffce44;display:grid;place-items:center;margin:0}#dashboard .stats article>i svg{width:27px;height:27px;stroke-width:2.1}#dashboard .stats article>i.warning{color:#df3422;background:#ffdc61}
#dashboard .stats article span{font-size:11px;color:#303033;white-space:nowrap;display:block;margin-top:3px}#dashboard .stats article b{font-size:28px;line-height:1.15;margin:5px 0 4px;display:block;font-weight:700}#dashboard .stats article small{font-size:10px;line-height:1.35;display:block;color:#6d737b}
#dashboard .table-panel{position:relative;margin:0 -15px;background:#fff;padding:14px 15px 20px;border-radius:12px;border:1px solid #f0f1f4;box-shadow:0 5px 20px #24314604;min-width:745px;min-height:560px}
#dashboard .product-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 19px;height:38px;min-width:735px}
#dashboard .product-toolbar>button,#dashboard .category-filter{height:37px;border:1px solid #dedfe3;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;white-space:nowrap;font-size:12px;font-weight:500;box-shadow:0 1px 2px #00000003;margin:0}
#dashboard .product-toolbar>button.primary{background:linear-gradient(110deg,#ffcb25,#ffbf00);border-color:#ffc21a;font-weight:700;font-size:13px;min-width:162px}
#dashboard .product-toolbar svg{width:17px;height:18px}#dashboard .product-toolbar #add-product svg{width:21px;height:21px}
#dashboard .table-search{display:flex;align-items:center;border:1px solid #ddd;border-radius:7px;padding:0 10px;height:37px;gap:8px;margin:0 0 0 auto;min-width:150px;max-width:230px;flex:1;color:#777}#dashboard .table-search input{border:0;margin:0;padding:0;font-size:12px;min-width:0;width:100%;height:30px;outline:none}
#dashboard .category-filter{padding:0 9px;min-width:148px;color:#333}#dashboard .category-filter select{border:0;padding:0;margin:0;font-size:12px;background:none;max-width:135px;outline:none}
#dashboard #extra-filters{display:flex;gap:18px;padding:4px 5px 15px}#dashboard #extra-filters label{margin:0;font-size:12px}#dashboard #extra-filters select{margin:5px 0 0;padding:8px;font-size:12px}
#dashboard .table-scroll{width:100%;overflow:auto}#dashboard table{font-size:12px;min-width:730px;border-collapse:collapse;width:100%;table-layout:auto}#dashboard th{height:40px;font-weight:400;font-size:12px;color:#373b40;padding:10px 9px;background:#f6f7f9;white-space:nowrap}#dashboard td{height:76px;padding:8px 9px;border-bottom:1px solid #f1f2f4}#dashboard th:first-child,#dashboard td:first-child{width:29px;padding-left:9px;padding-right:6px}#dashboard input[type=checkbox]{width:14px;height:14px;margin:0;padding:0;accent-color:#ffc725;display:block}#dashboard td:nth-child(2){width:67px}#dashboard td:nth-child(3){min-width:115px;max-width:165px}#dashboard td b{font-weight:600;line-height:1.25;display:block}#dashboard td small{display:block;font-size:10px;margin-top:3px;color:#777}
#dashboard .table-product-image{position:relative;width:47px;height:64px;display:grid;place-items:center;overflow:hidden}#dashboard .table-product-image>.bottle{position:absolute;transform:scale(.4);transform-origin:center;width:126px;height:157px;margin:0}#dashboard .table-product-image>img{width:100%;height:100%;object-fit:contain}
#dashboard .category-pill{background:#fff5cf;border-radius:16px;padding:5px 9px;font-size:10px;font-weight:600;white-space:nowrap}#dashboard .category-pill.water-pill{background:#e8f3fa;color:#455c6e}#dashboard .stock-cell{color:#267432;font-weight:700}#dashboard .stock-cell.stock-low{color:#d7382b}#dashboard .price-cell{font-weight:500;white-space:nowrap}#dashboard .badge{display:inline-block;font-size:10px;background:#e6f6eb;color:#206b40;border-radius:16px;padding:5px 8px;white-space:nowrap}#dashboard .badge.inactive{background:#eee;color:#777}
#dashboard .row-actions{display:flex;gap:5px}#dashboard .row-actions button{width:28px;height:28px;display:grid;place-items:center;border:1px solid #e1e3e7;border-radius:6px;background:#f9fafb;padding:5px;color:#222}#dashboard .row-actions button svg{width:16px;height:16px;stroke-width:1.7}#dashboard .row-actions button:last-child{background:#fff3f2;color:#ed3a3a;border-color:#ffe6e5}
#dashboard .table-footer{display:flex;align-items:center;gap:12px;min-height:70px;margin-top:6px;font-size:12px;color:#555}#dashboard .pagination{margin-left:auto;display:flex;align-items:center;gap:5px}#dashboard #page-buttons{display:flex;gap:5px}#dashboard .pagination button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #eee;border-radius:6px;background:#fff;font-size:13px}#dashboard .pagination button.active{background:#ffc621;border-color:#ffc621;color:#111;font-weight:700}#dashboard .pagination button:disabled{color:#bbb;background:#fafafa}#dashboard #page-size{margin:0;font-size:12px;width:110px;padding:8px;border-radius:6px}#admin-status{font-size:12px;margin:0!important}#admin-status:empty{display:none}
body.editor-open #dashboard .admin-main{margin-right:308px}body.editor-open #dashboard .table-panel{overflow:hidden}body.editor-open #dashboard .stats{grid-template-columns:repeat(4,176px)}
#editor{position:fixed;top:91px;right:0;bottom:0;left:auto;width:308px;height:calc(100vh - 91px);max-height:none;max-width:100vw;margin:0;padding:0;border:0;border-radius:12px 0 0 0;background:#fff;box-shadow:-7px 0 24px #1d283328;z-index:25;overflow:hidden}#editor::backdrop{background:transparent}#edit-form{height:100%;display:flex;flex-direction:column}#editor .editor-heading{height:55px;min-height:55px;padding:0 20px;border-bottom:1px solid #f0f1f3;display:flex;align-items:center;justify-content:space-between}#editor .editor-heading h2{font-size:18px;font-weight:700;letter-spacing:-.4px;margin:0}#editor .editor-heading button{background:none;border:0;padding:0;color:#585b62;display:flex}#editor .editor-heading svg{width:18px;height:18px}
#editor .editor-body{overflow:auto;padding:16px 20px 20px;flex:1}#editor .image-upload{height:134px;border:1px dashed #dfe0e4;border-radius:5px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:7px;padding:0 8px;margin-bottom:21px}#editor #edit-image{height:130px;min-height:0;margin:0;border:0;background:none;position:relative;display:grid;place-items:center;overflow:hidden}#editor #edit-image .bottle{position:absolute;transform:scale(.8);transform-origin:center;margin:0}#editor #edit-image img{width:100%;height:130px;object-fit:contain}#editor #change-image{display:flex;align-items:center;gap:5px;font-size:10px;padding:8px 7px;border:1px solid #ddd;background:#f9fafb;border-radius:5px;white-space:nowrap}#editor #change-image svg{width:15px;height:15px}#editor .image-upload small{display:block;color:#858993;font-size:9px;margin-top:7px;white-space:nowrap}
#editor label{font-size:13px;font-weight:600;margin:0 0 19px;line-height:1.2}#editor label em{color:#df3535;font-style:normal}#editor label>span{font-weight:400}#editor input,#editor select,#editor textarea{margin:7px 0 0;border:1px solid #dcdde2;border-radius:6px;font:400 12px Inter,Arial,sans-serif;padding:9px 11px;color:#31343b;min-height:37px;width:100%;background:#fff}#editor .field-pair{gap:12px;display:grid;grid-template-columns:1fr 1fr}#editor .field-pair>*{min-width:0}#editor textarea{min-height:82px;resize:vertical;line-height:1.4}#editor #description-count{display:block;text-align:right;color:#aaa;font-size:10px;margin-top:5px;font-weight:400}#editor .pack-fields{margin:0 0 15px;font-size:11px;color:#777}#editor .pack-fields summary{cursor:pointer;margin-bottom:15px}#editor .editor-actions{position:static;height:91px;min-height:91px;padding:19px 20px 26px;margin:0;display:flex;gap:10px;border-top:1px solid #eee;background:white}#editor .editor-actions button{height:46px;padding:0 12px;font-size:13px;border:0;font-weight:500;border-radius:6px;white-space:nowrap}#editor .editor-actions button:first-child{background:#f4f4f5;flex:0 0 106px}#editor .editor-actions .primary{background:linear-gradient(110deg,#ffce29,#ffc20c);font-weight:700;flex:1}#edit-error{font-size:12px;line-height:1.4}
#overview-content{display:flex;gap:16px}#overview-content .section-icon svg{width:32px;height:32px;color:#b0830c}#overview-content button{margin-top:15px;background:#ffcc24;border:0;border-radius:6px;padding:10px 14px;font-size:13px}#overview-content .empty-admin{padding:40px;text-align:center}.no-results{text-align:center;color:#777}
#import-dialog,#delete-dialog{max-width:520px;padding:28px}#import-dialog h2,#delete-dialog h2{font-size:23px;margin-bottom:15px}#import-dialog p,#delete-dialog p{font-size:14px;line-height:1.5;color:#666;margin:15px 0}#download-template{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;margin:8px 0}#import-file{font-size:13px}.import-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.import-actions button{border:0;border-radius:7px;padding:12px 16px}.danger-button{background:#d93838;color:white}
@media(max-width:1050px){#dashboard .admin-main{overflow-x:auto}body.editor-open #dashboard .admin-main{margin-right:0}#dashboard .admin-profile small{display:none}#dashboard .admin-top{gap:10px}#dashboard .top-search{max-width:300px}.admin-profile>span:not(.avatar){display:none}}
@media(max-width:760px){#dashboard .admin-sidebar{width:68px;overflow-x:hidden}#dashboard .sidebar-brand{width:68px;height:94px;background-position:0 0}#dashboard .admin-navigation{padding:20px 7px 0;gap:7px;display:grid;width:68px}#dashboard .admin-navigation button{width:54px;padding:0;justify-content:center}#dashboard .admin-navigation button span{display:none}#dashboard .sidebar-promo,#dashboard .sidebar-copyright{display:none}#dashboard .admin-main{margin-left:68px;padding:100px 14px 25px}#dashboard .admin-top{left:68px;padding:0 14px}#dashboard .admin-profile{display:none}#dashboard .top-search{width:100%}#dashboard .notification-button{padding-right:0;border:0}#dashboard .admin-main>h1{font-size:26px}#dashboard .admin-subtitle{font-size:14px}#editor{top:0;width:min(360px,100vw);height:100vh;border-radius:0}#dashboard .table-panel{margin:0;min-width:745px}#dashboard .stats{min-width:735px}}

#dashboard .stats{margin-top:16px}#dashboard .stats article{height:120px;overflow:hidden}#dashboard .stats article small{font-size:9px;line-height:1.35}#dashboard .admin-main{transition:none}

/* Preserve the reference button proportions, with complete artwork at every height. */
#dashboard{--sidebar-width:clamp(208px,32dvh,260px);--sidebar-brand-height:clamp(68px,11dvh,94px);--sidebar-row-height:calc((var(--sidebar-width) - 24px) * .22165);--sidebar-row-gap:clamp(2px,.45dvh,6px)}
#dashboard .admin-sidebar{width:var(--sidebar-width);height:100dvh;display:grid;grid-template-rows:var(--sidebar-brand-height) auto minmax(0,1fr) 34px;align-items:stretch;gap:0;padding:0;overflow:hidden;scrollbar-gutter:auto;background:linear-gradient(125deg,#111214,#191a1c)}
#dashboard .admin-main{margin-left:var(--sidebar-width)}
#dashboard .admin-top{left:var(--sidebar-width)}
#dashboard .sidebar-brand{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;margin:0;padding:7px 16px 12px;background:linear-gradient(115deg,#ffcf38,#ffca25);clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),0 100%)}
#dashboard .sidebar-brand:before{content:none}
#dashboard .sidebar-brand img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}
#dashboard .admin-navigation{display:grid;grid-auto-rows:var(--sidebar-row-height);gap:var(--sidebar-row-gap);padding:12px 12px 4px;width:100%;min-width:0;min-height:0;margin:0;box-sizing:border-box;overflow:visible}
#dashboard .admin-navigation button{width:100%;height:var(--sidebar-row-height);min-width:0;min-height:0;box-sizing:border-box;padding:0 16px;gap:clamp(15px,2.6dvh,21px);border:1px solid transparent;border-radius:10px;font-size:clamp(14px,2.2dvh,17px);font-weight:400;color:#eee;background:none}
#dashboard .admin-navigation button span{font-size:inherit}
#dashboard .admin-navigation button i,#dashboard .admin-navigation button svg{width:calc(var(--sidebar-row-height) * .54);height:calc(var(--sidebar-row-height) * .54)}
#dashboard .admin-navigation button.selected{background:linear-gradient(115deg,#ffce32,#ffcd2d 55%,#ffd442);border-color:#e6bd39;color:#070707;font-weight:700;box-shadow:inset 0 1px 1px #fff7,0 2px 5px #0004}
#dashboard .admin-navigation button.selected svg{stroke-width:2.15}
#dashboard .sidebar-promo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:auto;height:auto;flex:none;margin:6px 12px 0;padding:0;background:none;border-radius:0;overflow:visible}
#dashboard .sidebar-promo img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
#dashboard .sidebar-copyright{min-height:0;height:auto;margin:0;padding:3px 12px;font-size:9px;line-height:13px;align-self:center}
@media(max-height:660px) and (min-width:761px){
 #dashboard{--sidebar-width:208px;--sidebar-brand-height:64px;--sidebar-row-height:39px;--sidebar-row-gap:2px}
 #dashboard .admin-sidebar{grid-template-rows:64px auto minmax(0,1fr) 32px}
 #dashboard .admin-navigation{padding-top:8px;padding-bottom:2px}
}
@media(max-height:560px) and (min-width:761px){
 #dashboard{--sidebar-width:208px;--sidebar-brand-height:58px;--sidebar-row-height:28px;--sidebar-row-gap:2px}
 #dashboard .admin-sidebar{grid-template-rows:58px auto minmax(0,1fr) 28px}
 #dashboard .admin-navigation{padding-top:5px;padding-bottom:0}
 #dashboard .admin-navigation button{font-size:12px;gap:12px}
 #dashboard .admin-navigation button i,#dashboard .admin-navigation button svg{width:20px;height:20px}
}
@media(max-width:760px){
 #dashboard{--sidebar-width:68px;--sidebar-brand-height:55px;--sidebar-row-height:clamp(24px,6dvh,43px)}
 #dashboard .admin-sidebar{grid-template-rows:55px auto 1fr}
 #dashboard .sidebar-brand{padding:3px}
 #dashboard .admin-navigation{padding-left:7px;padding-right:7px}
 #dashboard .admin-navigation button{width:54px;padding:0;justify-content:center}
 #dashboard .sidebar-promo,#dashboard .sidebar-copyright{display:none}
}

#overview-content button{color:#111!important;font-weight:700!important}


/* Ensure desktop-panel action labels stay black on every browser. */
#dashboard .product-toolbar>button,#dashboard .product-toolbar>button.primary,#dashboard .category-filter,#dashboard .category-filter select,#dashboard #overview-content button,#dashboard .pagination button{color:#111!important}