/* KüchenHouse visual system — based on the public corporate website. */
:root{
  --bg:#f4f4f4;
  --surface:#ffffff;
  --surface-2:#f0f1f4;
  --ink:#141414;
  --muted:#747474;
  --line:#dedede;
  --acid:#1032cf;
  --green:#1032cf;
  --blue:#1032cf;
  --orange:#e89222;
  --red:#cc3366;
  --shadow:0 16px 42px rgba(0,0,0,.08);
  --radius:8px;
}

body{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.005em}
.app-shell{grid-template-columns:272px 1fr}
.sidebar{width:272px;background:#fff;color:#141414;padding:27px 20px;border-right:1px solid #dedede;box-shadow:8px 0 30px rgba(0,0,0,.035)}
.brand{display:block;padding:4px 10px 31px;border-bottom:1px solid #e6e6e6;margin-bottom:18px}
.brand-logo{display:block;width:190px;height:auto;filter:none}
.brand>small{display:block;margin-top:8px;color:#8b8b8b;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.nav{gap:3px}.nav-item{color:#555;padding:12px 13px;border-radius:3px;font-size:13px;font-weight:500;transition:.18s}.nav-item:hover{background:#f2f3f7;color:#1032cf}.nav-item.active{background:#1032cf;color:#fff}.nav-item.active span{color:#fff}.nav-item em{background:#141414;color:#fff;border-radius:2px;padding:2px 7px}.nav-item.active em{background:#fff;color:#1032cf}.sidebar-note{border-top:1px solid #e2e2e2;color:#141414}.sidebar-note small{color:#8a8a8a}.pulse{background:#1032cf;box-shadow:0 0 0 5px rgba(16,50,207,.1)}
.main{grid-column:2}.topbar{height:78px;padding:0 42px;background:rgba(255,255,255,.94);border-bottom:1px solid #dedede}.global-search{height:42px;border-radius:2px;background:#f5f5f5;border-color:#e1e1e1;max-width:720px}.global-search:focus-within{border-color:#1032cf;box-shadow:0 0 0 2px rgba(16,50,207,.1)}.global-search kbd{border-radius:2px}.icon-btn,.avatar{border-radius:2px}.avatar{background:#1032cf;color:#fff}.theme-btn{display:none}
.content{padding:40px 48px 80px}.eyebrow{color:#1032cf;font-size:10px;letter-spacing:.22em}.page-head{margin-bottom:34px}.page-head h1{font-size:43px;font-weight:500;letter-spacing:-.045em}.page-head p{font-size:14px;color:#707070}
.hero{min-height:460px;border-radius:0;padding:62px 60px;color:#141414;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 42%,rgba(255,255,255,.08) 72%),url("assets/kuchenhouse-hero.jpg");background-size:cover;background-position:center right;box-shadow:0 18px 50px rgba(0,0,0,.1)}.hero>div:first-child{position:relative;z-index:2}.hero .eyebrow{color:#1032cf}.hero h1{font-size:60px;font-weight:500;letter-spacing:-.055em;color:#141414}.hero h1 i{font-family:inherit;font-style:normal;color:#1032cf;font-weight:500}.hero p{color:#4f4f4f;font-size:15px;max-width:510px}.hero-art{display:none}.primary-btn{background:#1032cf;color:#fff;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;padding:15px 20px}.primary-btn:hover{background:#2a4eef}.secondary-btn{border-radius:2px;background:#fff;border-color:#cfcfcf;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.secondary-btn:hover{border-color:#1032cf;color:#1032cf}.text-btn{color:#1032cf}
.metric-grid{gap:1px;background:#dedede;margin:22px 0}.metric{border:0;border-radius:0;padding:25px 24px}.metric::after{display:none}.metric b{font-size:35px;font-weight:500}.metric small{color:#1032cf}
.panel,.product-card,.summary-card,.source-card,.sales-history-card,.stock-entry{border-radius:4px;border-color:#dedede;box-shadow:none}.panel{padding:28px}.panel-head h2,.history-head h2{font-weight:500}.dashboard-grid{gap:16px}.donut::after{background:#fff}.attention-item{border-bottom-color:#e4e4e4}.product-icon{border-radius:2px;background:#eef0fb;color:#1032cf}.status{border-radius:2px}.status.disponible::before{background:#00a85b}.status.stock-bajo::before{background:#e89222}.status.sin-stock::before,.status.eliminado::before{background:#cc3366}
.toolbar{gap:8px}.search-box,.toolbar select,.view-switch{border-radius:2px;background:#fff}.view-switch button{border-radius:1px}.view-switch button.active{background:#1032cf;color:#fff}.product-grid{gap:12px}.product-card{border-radius:3px;padding:22px}.product-card:hover{transform:translateY(-2px);border-color:#1032cf}.product-card .product-icon{border-radius:2px}.product-card h3{font-weight:500}.pagination button{border-radius:2px}.pagination button.active{background:#1032cf;color:#fff}
.form-grid select,.form-grid input,.sales-add-line select,.sales-add-line input,.notes-field textarea,.management-card input,.management-card select,.order-card input{border-radius:2px}.sales-add-line{border-radius:3px}.sales-empty,.empty-state{border-radius:3px}.management-icon{border-radius:2px;background:#141414;color:#fff}.accent-icon{background:#1032cf}.stock-entry{border-left:3px solid #1032cf}.entry-plus,.supplier-link{color:#1032cf}.audit-tag,.margin-pill{border-radius:2px;background:#eef0fb;color:#1032cf}.mini-link,.mini-link.primary-link{border-radius:2px}.mini-link.primary-link{background:#1032cf;border-color:#1032cf;color:#fff}.price-table,.product-table{border-radius:3px}.price-table tbody tr:hover,.product-table tbody tr:hover{background:#f3f4fa}.summary-card.accent{background:#1032cf;border-color:#1032cf;color:#fff}.summary-card.accent span,.summary-card.accent small{color:rgba(255,255,255,.76)}
.toast{background:#1032cf;border-radius:2px}.product-dialog{border-radius:4px}.dialog-close{border-radius:2px}.dialog-meta div{border-radius:2px}.note-panel>span{background:#1032cf;color:#fff}.sheet-icon{border-radius:2px!important;background:linear-gradient(135deg,#1032cf 0 28%,#f0f1f4 28%)!important;color:#fff}
.bar.cal{background:#1032cf}.bar.mat{background:#141414;border-color:#141414}.donut{filter:saturate(.88)}
.product-photo{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;display:block;background:#fff;border-bottom:1px solid #dedede;padding:10px}.product-photo-placeholder{width:100%;height:auto;aspect-ratio:1/1;display:grid;place-items:center;background:linear-gradient(135deg,#f2f3f8,#e6e8f2);color:#1032cf;font-size:28px;font-weight:700;border-bottom:1px solid #dedede}.product-card{padding:0;overflow:hidden}.product-card-body{padding:19px 20px 20px}.product-card .product-card-top{align-items:center}.dialog-product-photo{width:100%;height:320px;object-fit:contain;display:block;background:#fff;margin:20px 0 0;padding:12px;border:1px solid #dedede}.dialog-photo-placeholder{height:180px;margin-top:20px;border:1px solid #dedede}.image-manager{border-top:1px solid #dedede;margin-top:24px;padding-top:22px}.image-manager p{font-size:11px;color:#777;margin:5px 0 13px}.image-upload-row{display:flex;align-items:center;gap:14px}.image-preview{width:150px;aspect-ratio:1/1;height:auto;border:1px dashed #b9b9b9;background:#fff;display:grid;place-items:center;overflow:hidden;color:#777;font-size:10px;text-align:center}.image-preview img{width:100%;height:100%;object-fit:contain;padding:5px}.new-image-preview{width:100%;max-width:280px;height:auto;aspect-ratio:1/1;margin-top:12px}.file-button{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #cfcfcf;background:#fff;padding:11px 14px!important;margin:0!important;font-size:10px!important;letter-spacing:.07em;cursor:pointer;text-transform:uppercase;color:#141414!important}.file-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}.price-product-cell{display:flex;align-items:center;gap:11px}.price-thumb{width:52px;height:52px;object-fit:contain;background:#fff;border:1px solid #e2e2e2;padding:3px;flex:0 0 auto}.price-thumb-placeholder{width:52px;height:52px;display:grid;place-items:center;background:#eef0f4;color:#1032cf;font-weight:700;flex:0 0 auto}

body.dark{--bg:#111;--surface:#1b1b1b;--surface-2:#242424;--ink:#f5f5f5;--muted:#aaa;--line:#343434}.dark .sidebar{background:#141414;color:#fff;border-right-color:#303030}.dark .brand-logo{filter:invert(1)}.dark .brand{border-bottom-color:#303030}.dark .nav-item{color:#bbb}.dark .nav-item:hover{background:#222;color:#fff}.dark .sidebar-note{border-top-color:#333;color:#fff}.dark .topbar{background:rgba(20,20,20,.94)}.dark .hero{background-image:linear-gradient(90deg,rgba(17,17,17,.98) 0%,rgba(17,17,17,.9) 43%,rgba(17,17,17,.05) 72%),url("assets/kuchenhouse-hero.jpg")}.dark .hero h1,.dark .hero{color:#fff}.dark .hero p{color:#ccc}.dark .donut::after{background:#1b1b1b}

@media(max-width:1100px){.content{padding:34px 30px 70px}.hero{padding:52px 42px;background-position:62% center}.page-head h1{font-size:38px}.stock-entry{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:780px){.app-shell{display:block}.sidebar{width:272px}.main{grid-column:auto}.content{padding:24px 16px 60px}.topbar{padding:0 16px}.hero{min-height:430px;padding:40px 26px;background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 58%,rgba(255,255,255,.12) 100%),url("assets/kuchenhouse-hero.jpg");background-position:center}.hero h1{font-size:43px}.page-head h1{font-size:35px}}
