/* MALYA V80 — nouvelle identité visuelle : Horizon */
:root{
 --h-ink:#142b3b;--h-ink2:#1c4051;--h-teal:#0c8c83;--h-mint:#e7f7f3;
 --h-bg:#f4f7fa;--h-surface:#fff;--h-line:#dce6ec;--h-text:#1b2c38;
 --h-muted:#647786;--h-blue:#2b6cb0;--h-danger:#c2414b;--h-radius:16px;
 --h-shadow:0 8px 26px rgba(19,47,66,.07);
}
*{box-sizing:border-box}
html,body{background:var(--h-bg)!important;color:var(--h-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body{line-height:1.48}
#app{min-height:100vh}
.topbar,.header,.app-header{background:linear-gradient(110deg,var(--h-ink),var(--h-ink2))!important;color:white!important;border:0!important;box-shadow:0 6px 22px rgba(16,44,62,.14)}
.side{background:#102b3b!important;color:#eaf4f7!important;border-right:0!important;box-shadow:5px 0 24px rgba(16,44,62,.07)}
.side a,.side button,.side .nav-item{color:#d9e8ee!important;border-radius:10px!important;transition:background .18s ease,transform .18s ease}
.side a:hover,.side button:hover,.side .nav-item:hover{background:rgba(255,255,255,.1)!important}
.side .active,.side a[aria-current="page"]{background:linear-gradient(90deg,rgba(12,140,131,.34),rgba(12,140,131,.08))!important;color:#fff!important;border-left:3px solid #48d4c1!important}
main,.main,.workspace,#content{min-width:0}
#content{padding:clamp(16px,2.6vw,34px)!important}
.card,.panel,.stat-card,.kpi,.dashboard-card,.malya-dialog-content{background:var(--h-surface)!important;border:1px solid var(--h-line)!important;border-radius:var(--h-radius)!important;box-shadow:var(--h-shadow)!important}
h1,h2,h3,h4{color:var(--h-ink)!important;letter-spacing:-.025em}
h1{font-size:clamp(1.55rem,2.4vw,2.1rem)!important;font-weight:780!important}
h2{font-weight:740!important}
.muted,.subtle,.help,.field small{color:var(--h-muted)!important}
button,.button{border-radius:11px!important;font-weight:700!important;min-height:40px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.button:not(.alt):not(.danger),button:not(.alt):not(.danger):not(.close){background:var(--h-teal)!important;color:#fff!important;border:1px solid var(--h-teal)!important}
.button:not(.alt):hover,button:not(.alt):hover{box-shadow:0 5px 14px rgba(12,140,131,.18);transform:translateY(-1px)}
.button.alt,button.alt{background:#fff!important;color:var(--h-ink)!important;border:1px solid var(--h-line)!important}
.button.danger,button.danger{background:#fff2f2!important;color:var(--h-danger)!important;border:1px solid #f1c8cc!important}
input,select,textarea{border:1px solid #cbd9e2!important;border-radius:10px!important;background:#fff!important;color:var(--h-text)!important;min-height:42px;padding:10px 12px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(12,140,131,.13)!important;border-color:var(--h-teal)!important}
.formgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start}
.field{min-width:0}
.field label{display:block!important;color:#425c6d!important;font-size:.84rem!important;font-weight:750!important;margin-bottom:7px!important}
.sectionhead{gap:14px;align-items:center}
.tablewrap{border:1px solid var(--h-line)!important;border-radius:14px!important;background:#fff!important;overflow:auto!important;box-shadow:none!important;margin:14px 0!important}
table{border-collapse:separate!important;border-spacing:0!important;width:100%;background:#fff!important}
thead th{background:#edf4f7!important;color:#345263!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-size:.73rem!important;font-weight:800!important;padding:13px 14px!important;white-space:nowrap}
tbody td{padding:13px 14px!important;border-bottom:1px solid #e8eef2!important;color:#243b49!important;vertical-align:middle!important}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover td{background:#f8fbfc!important}
.line-table{min-width:760px!important}
.line-table input,.line-table select{width:100%;min-width:110px}
.notice{background:#edf8f6!important;border:1px solid #c8e9e3!important;border-radius:12px!important;color:#245e5a!important;padding:13px 15px!important}
.empty{background:#fff!important;border:1px dashed #cbd9e2!important;border-radius:14px!important;padding:28px!important;color:var(--h-muted)!important;text-align:center}
.badge,.status,.pill{border-radius:999px!important}
.malya-formpage{max-width:1280px!important;margin:0 auto!important}
.malya-formhead{display:flex!important;gap:18px!important;align-items:center!important;margin:0 0 20px!important}
.malya-formhead h2{margin:0!important}
.malya-dialog-content{padding:clamp(16px,2vw,28px)!important}
.detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.detail-grid>div,.detail-grid .detail-item{background:#f7fafb!important;border:1px solid #e2ebef!important;border-radius:12px!important;padding:12px 14px!important;overflow-wrap:anywhere}
.movement-summary{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.movement-summary span{padding:12px 14px;background:#f0f7f9;border:1px solid var(--h-line);border-radius:12px}
#toast{border-radius:12px!important;box-shadow:var(--h-shadow)!important}
.product-grid{gap:16px!important}
.product-card,.order-card{border:1px solid var(--h-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--h-shadow)!important}
@media(max-width:1000px){.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){#content{padding:14px!important}.formgrid,.detail-grid{grid-template-columns:1fr!important}.malya-formhead{align-items:flex-start;flex-wrap:wrap}.line-table{min-width:680px!important}.sectionhead{align-items:flex-start;flex-wrap:wrap}}
@media print{body,html{background:#fff!important}.side,button,.button{display:none!important}#content{padding:0!important}.card,.tablewrap{box-shadow:none!important}}