/* KN House: black surfaces, rounded geometry and clear stock actions. */
:root{--border:#262626;--panel:#000;--red:#f12b3b;--muted:#96969d}
body{background:#000;color:#f3f3f5}
.sidebar{width:244px;padding:18px 17px 0;border-color:#222;overflow-y:auto;box-shadow:none}
.brand{height:190px}.custom-logo{height:190px;width:190px}
.side-divider{margin:5px 15px 0;background:#242424}
.nav-label{font-size:9px;letter-spacing:2px;margin:25px 17px 15px}
.nav-item{min-height:49px;padding:14px 16px;border-radius:15px;gap:13px;font-size:12px;margin:7px 0;transition:background .18s,color .18s,transform .18s}
.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#120306;transform:translateX(2px)}
.nav-item.active{background:#220509;color:#ff7883;box-shadow:none;border:1px solid #62121d;padding:13px 15px}
.nav-item.active:after{content:'';width:5px;height:5px;background:#ff4f60;border-radius:50%;margin-left:auto}
.nav-item.active>span{margin-left:auto}.nav-item.active:has(>span):after{display:none}
.nav-item>span{border-radius:7px;min-width:23px;text-align:center;border:1px solid #343434;font-size:10px;padding:3px 6px}
.profile{padding:21px 6px;gap:12px}.avatar{background:#000;border:1px solid #5b232a;color:#e8bdc1}
.app-shell{margin-left:244px}.topbar{height:79px;padding:0 38px;border-color:#202020}
.breadcrumb{font-size:12px}.breadcrumb strong{color:#efeff2}.top-actions{gap:17px}
.notification{width:37px;height:37px;border:1px solid #2d2d2d;border-radius:50%}.notification b{right:8px;top:7px}
main{max-width:1600px;padding:28px 38px 0}.page-heading{margin-bottom:19px}.page-heading:has(#heading-copy[hidden]){justify-content:space-between}
.quick-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.quick-actions .button{min-height:42px}
.button{border-radius:12px;font-size:12px;padding:12px 18px;min-height:42px;transition:background .18s,border-color .18s,transform .18s}
.button:hover{transform:translateY(-1px)}.button.primary{background:#ef2638;box-shadow:0 4px 18px #ef26381a}.button.primary:hover{background:#ff3a4c}
.button.secondary{background:#000;border-color:#343434;color:#e0e0e5}.button.secondary:hover{border-color:#77343c;background:#100204}
.demo-banner{border:1px dashed #373030;border-radius:12px;padding:12px 16px;font-size:11px;margin-bottom:23px;background:#000}
.demo-banner button{font-size:11px;color:#e6c4c8}.demo-banner .live-dot{background:#e9a158}
.stats{gap:17px;margin-bottom:27px}.stat{display:block;width:100%;text-align:left;border-radius:21px;padding:23px;background:#000;min-height:167px;transition:border-color .2s,transform .2s;isolation:isolate}
.stat:after{content:'';position:absolute;bottom:0;left:23px;right:23px;height:2px;background:#4a161c}
.stat:hover{border-color:#7b3038;transform:translateY(-3px)}.stat-top{font-size:12px;color:#c1c1c8;gap:12px}
.stat-icon{width:39px;height:39px;justify-content:center;align-items:center;border:1px solid #393035;border-radius:13px;color:#d5a0a7;background:#000}
.stat.warning .stat-icon{background:#000;border-color:#57402a;color:#efb46d}.stat.warning:after{background:#68431e}
.stat-value{font-size:32px;font-weight:600;letter-spacing:-1.3px;margin:13px 0 12px}.stat-bottom{font-size:10px;line-height:1.5}
.panel{border-radius:22px;background:#000;box-shadow:none}.panel-head{padding:24px 24px 0;align-items:center}.panel-head h2{font-size:17px;letter-spacing:-.4px}.panel-head p{font-size:11px;color:#97979e}
.text-button{font-size:11px;color:#cbcad1;display:inline-flex;align-items:center;gap:5px;min-height:30px}.text-button:hover{color:#ff7a86}
.dashboard-grid{margin-bottom:27px}.dashboard-grid>.panel{border-color:#422323}
.dashboard-grid .panel-head h2:before{content:'';display:inline-block;width:7px;height:7px;background:#ffb36b;border-radius:50%;margin-right:10px;vertical-align:middle}
.dashboard-grid .alert-list{padding:18px 24px 21px;gap:13px}
.dashboard-grid .alert-item{padding:16px 13px;border:1px solid #322626!important;border-radius:15px;gap:10px;flex-wrap:wrap;background:#000}
.alert-item h3{font-size:12px;max-width:185px;line-height:1.4}.alert-item p{font-size:10px}.alert-item .quantity{font-size:12px}
.alert-item .quantity small{font-size:9px}.alert-item .product-mini{width:37px;height:43px}
.alert-item .text-button{border:1px solid #713039;border-radius:9px;color:#f39ba4;width:100%;justify-content:center;margin-top:3px;min-height:32px;font-size:11px;background:#110204}
.alerts-footer{background:#000;color:#b79780;padding:13px 24px;font-size:10px;border-color:#302020}.alerts-footer .icon{height:14px;width:14px;margin-right:6px}
.table-panel .panel-head{padding-bottom:22px}.table-panel #export-csv{border:1px solid #333;border-radius:10px;padding:8px 12px}
.table-controls{padding:0 24px 21px;gap:10px}.search{max-width:none;min-width:200px;padding:12px 14px;border-radius:11px;border-color:#363636;gap:10px;background:#000;min-height:44px}
.search input{font-size:12px}.search .icon{width:17px;height:17px}.search:focus-within{border-color:#db4050;box-shadow:0 0 0 3px #ed323c14}
.table-controls select{border-radius:11px;font-size:11px;max-width:210px;padding:11px 14px;border-color:#363636;min-height:44px;background:#000;color:#d2d2d8}
table{font-size:12px}th{padding:14px 20px;background:#000;color:#9f9fa7;font-size:9px;letter-spacing:.7px;border-color:#303030}td{padding:17px 20px;border-color:#202020}
tbody tr{transition:background .15s}tbody tr:hover{background:#0c0203}.product-cell{gap:13px}.product-cell strong{font-size:12px;font-weight:550}.product-cell small{font-size:10px;margin-top:6px;color:#95959e}
.product-mini{width:42px;height:46px;border-radius:13px;border-color:#3a3034;background:#000}.bottle{height:25px;width:13px}
.category-tag{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:6px 8px;font-size:10px;border-color:#363039;background:#000}.category-tag:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--category-color,#a599ac)}
.status{border-radius:20px;padding:6px 9px;font-size:10px;gap:6px;background:#00180c;color:#87d9ae}.status.low{background:#241400;color:#f1bd7d}.status.empty{background:#270409;color:#ff8f9d}
.row-actions{gap:6px;align-items:center}.row-actions button{width:auto;min-width:33px;min-height:33px;padding:6px 9px;border-radius:9px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#000}
.row-actions button[data-type="in"]{color:#8bd7af;border-color:#234333}.row-actions button[data-type="out"]{color:#efa1aa;border-color:#583039}.row-actions button:hover{background:#150307}.row-actions .icon{width:13px;height:13px}.row-actions button[data-edit]{padding:7px;color:#bcbcc6}
.table-footer{font-size:10px;padding:19px 24px;border-color:#292929}.category-grid{gap:20px}.category-card{border-radius:20px;padding:29px;min-height:190px;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-3px)}.category-card h2{font-size:18px}.category-card strong{font-size:30px}
.settings-card{padding:27px}.settings-card h2{font-size:17px}.settings-card p{font-size:12px;line-height:1.8}.settings-card .button{margin-top:10px}
dialog{border-radius:23px;padding:29px;background:#000;border-color:#583039;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#000d}.dialog-heading{margin-bottom:27px}.dialog-heading h2{font-size:24px}.dialog-heading .close-dialog{border:1px solid #343434;border-radius:50%;width:32px;height:32px}
.field input,.field select{background:#000;border-radius:11px;padding:13px;border-color:#414141;min-height:44px}.field input:focus,.field select:focus{box-shadow:0 0 0 3px #ed323c18}.field{font-size:12px!important}.form-grid{gap:18px}.dialog-footer{padding-top:23px;margin-top:27px}
footer{padding:26px 2px;font-size:9px;color:#939399}#toast{border-radius:14px;background:#070000;border-color:#74404a;padding:16px 23px;box-shadow:0 12px 35px #0009}
@media(min-width:1550px){main{padding-top:32px}.stat{padding:26px;min-height:180px}.stat-value{font-size:36px}td{padding-top:20px;padding-bottom:20px}}
@media(max-width:1250px){.sidebar{width:212px;padding-left:12px;padding-right:12px}.app-shell{margin-left:212px}main{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.stat{padding:18px}.stat-top{font-size:11px}.stat-icon{width:33px;height:33px}.stat-value{font-size:27px}.dashboard-grid .alert-list{grid-template-columns:1fr;gap:10px}.dashboard-grid .alert-item{flex-wrap:nowrap;padding:13px 16px}.alert-item h3{max-width:none}.alert-item .text-button{width:auto;padding:6px 12px;margin:0 0 0 10px}.alert-item .quantity{margin-left:auto}.table-scroll{overflow-x:auto}table{min-width:850px}}
@media(max-width:850px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat{min-height:157px}.quick-actions{flex-wrap:wrap}.quick-actions .button{font-size:11px;padding:10px 13px}.page-heading{gap:15px}.table-controls{flex-wrap:wrap}.search{min-width:100%}.table-controls select{max-width:none;flex:1}}
@media(max-width:600px){.sidebar{width:244px}.app-shell{margin-left:0}.topbar{height:65px;padding:0 16px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 7px}.notification{width:32px;height:32px}.top-actions{gap:9px}main{padding:21px 15px 0}.page-heading{margin-bottom:17px}.quick-actions{width:100%;gap:8px}.quick-actions .button{flex:1;font-size:11px;padding:10px 9px;min-height:43px;white-space:normal}.quick-actions .button .icon{width:15px;flex-shrink:0}.demo-banner{font-size:9px;padding:11px;gap:10px;margin-bottom:18px}.demo-banner button{font-size:9px}.stats{gap:10px;margin-bottom:18px}.stat{padding:15px;border-radius:17px;min-height:151px}.stat-top{font-size:10px;gap:6px}.stat-icon{width:29px;height:29px;border-radius:10px}.stat-icon .icon{width:15px;height:15px}.stat-value{font-size:25px;margin-top:16px}.stat-bottom{font-size:9px}.panel{border-radius:18px}.panel-head{padding:20px 17px 0}.panel-head h2{font-size:16px}.panel-head p{font-size:10px;line-height:1.6}.dashboard-grid{margin-bottom:18px}.dashboard-grid .alert-list{padding:17px;gap:10px}.dashboard-grid .alert-item{padding:13px;flex-wrap:wrap;gap:10px}.alert-item h3{font-size:11px;max-width:155px}.alert-item .quantity{font-size:11px}.alert-item .text-button{width:100%;margin:3px 0 0}.alerts-footer{padding:13px 17px;font-size:9px}.table-panel .panel-head{gap:10px;align-items:flex-start}.table-panel #export-csv{font-size:10px;padding:6px 8px;white-space:nowrap}.table-controls{padding:0 17px 17px}.search input{font-size:11px}.table-controls select{font-size:10px;min-width:0;padding:10px 8px}.table-footer{padding:16px 17px;gap:15px;line-height:1.5;font-size:9px}.table-footer span:last-child{text-align:right}.settings-card{padding:22px}.category-card{min-height:165px}dialog{padding:23px;border-radius:20px}.dialog-heading h2{font-size:21px}footer{font-size:8px;line-height:1.6;gap:9px}.sidebar.open{box-shadow:20px 0 60px #000d}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){
 .table-panel:has(#product-rows) .table-scroll{overflow:visible;padding:0 13px}
 .table-panel:has(#product-rows) table{min-width:0;width:100%;white-space:normal}
 .table-panel:has(#product-rows) thead{display:none}
 #product-rows{display:block}
 #product-rows tr{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid #303030;border-radius:15px;margin-bottom:12px;padding:16px}
 #product-rows td{display:block;border:0;padding:0;min-width:0}
 #product-rows td:first-child,#product-rows td:last-child{grid-column:1/-1}
 #product-rows td[data-label]:before{content:attr(data-label);display:block;color:#91919a;font-size:9px;margin-bottom:7px}
 #product-rows .product-cell{padding-bottom:13px;border-bottom:1px solid #252525}
 #product-rows .product-cell strong{font-size:12px;line-height:1.5}
 #product-rows .product-cell small{line-height:1.5}
 #product-rows .row-actions{border-top:1px solid #252525;padding-top:13px}
 #product-rows .row-actions button{min-height:39px;font-size:11px;flex:1}
 #product-rows .row-actions button[data-edit]{max-width:65px}
 #product-rows td[colspan]{grid-column:1/-1}
}
/* Daily use: products first, compact controls and no decorative overview. */
.brand{height:148px}.custom-logo{width:148px;height:148px}
.page-heading:has(#heading-copy[hidden]){justify-content:flex-end;margin-bottom:14px}
.quick-actions{width:auto}.panel,.settings-card{border-radius:16px}
.table-panel .panel-head{padding:19px 22px 16px}.table-controls{padding:0 22px 18px}
.search{min-height:48px}.search input{font-size:13px}
.product-mini{display:none}.product-cell strong{font-size:13px}
td{padding-top:14px;padding-bottom:14px}.row-actions button{min-height:38px;padding:8px 12px;font-size:11px}
.nav-item:hover,.button:hover,.stat:hover,.category-card:hover{transform:none}
.demo-banner{padding:10px 14px;margin-bottom:16px}
.movement-summary{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #303030;padding-bottom:18px;margin-bottom:4px}
.movement-summary strong{font-size:16px}.movement-summary span{font-size:12px;color:#bdbdc5}
footer{justify-content:flex-end;padding-top:17px}
@media(max-width:600px){.quick-actions .button{padding:11px 17px}.table-panel .panel-head{padding:18px 17px 16px}.table-controls{padding:0 17px 17px}#product-rows tr{gap:11px;padding:14px}#product-rows .product-cell{padding-bottom:11px}.row-actions button{min-height:42px}.brand{height:140px}.custom-logo{width:140px;height:140px}}