@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--brand:#16324f;--brand-dark:#0d2138;--brand-light:#28496f;--accent:#ffc72c;--accent-dark:#e6ac00;--surface:#fff;--canvas:#f4f6f8;--line:#e1e6ec;--text:#1a2633;--muted:#697887;--shadow:0 10px 30px rgba(13,33,56,.07);--shadow-hover:0 18px 38px rgba(13,33,56,.13)}
*{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:var(--canvas);color:var(--text);padding:clamp(14px,2.2vw,28px)}

/* Cabecalhos dos modulos */
.header-bar{position:relative;margin:-28px -28px 26px;padding:25px 28px;background:linear-gradient(125deg,var(--brand-dark),var(--brand),var(--brand-light));border-bottom:3px solid var(--accent);box-shadow:0 10px 35px rgba(13,33,56,.18)}
.header-bar::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}
.header-bar h1{position:relative;color:#fff;font-family:'Barlow Condensed','Inter',sans-serif;font-size:clamp(1.45rem,2.5vw,2rem);letter-spacing:-.01em}
.header-bar h1::before{content:"M";display:grid;place-items:center;width:36px;height:36px;border-radius:11px 4px 11px 4px;background:var(--accent);color:var(--brand-dark);font-size:1.15rem;box-shadow:0 5px 14px rgba(0,0,0,.2)}
.actions-container,.filter-container{position:relative}

/* Controles */
.nav-btn,.filter-btn{min-height:39px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;padding:8px 15px!important;font-size:.77rem!important;backdrop-filter:blur(5px);transition:transform .18s,background .18s,border-color .18s!important}
.nav-btn:hover,.filter-btn:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-1px)}
.nav-btn.active,.filter-btn.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--brand-dark)!important;box-shadow:0 6px 16px rgba(230,172,0,.22)}
.btn-secondary{background:rgba(255,255,255,.08)!important}
select.nav-btn,select.filter-btn{color:#fff!important}select.nav-btn option,select.filter-btn option{color:var(--text);background:#fff}

/* Cartoes e secoes */
.cards-grid,.ml-cards-container{gap:16px;margin-bottom:24px}
.card,.ml-card,.section-box,.table-container{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.card{position:relative;overflow:hidden;padding:21px}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}
.card h3,.ml-card-title{color:var(--muted);font-size:.68rem;letter-spacing:.08em}
.card p{color:var(--brand);font-size:1.45rem;letter-spacing:-.035em}
.ml-card{padding:19px;transition:transform .2s,box-shadow .2s,border-color .2s}
.ml-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.ml-card.active{border-color:var(--accent-dark);background:#fffaf0;box-shadow:0 10px 28px rgba(230,172,0,.12)}
.ml-card-badge,.ml-card.active .ml-card-badge{background:var(--brand)!important;color:#fff!important;border-radius:999px}
.ml-card.active .ml-card-badge{background:var(--accent)!important;color:var(--brand-dark)!important}
.ml-subdetails{border-color:var(--line);color:var(--muted)}
.section-box,.table-container{padding:21px;margin-bottom:24px}
.section-title{color:var(--brand);font-family:'Barlow Condensed','Inter',sans-serif;font-size:1.25rem;letter-spacing:.01em}

/* Tabelas */
table{border-collapse:separate;border-spacing:0}
th,td{border-bottom:1px solid var(--line);padding:13px 15px}
th{background:#eef2f6;color:#536476;font-size:.72rem;text-transform:uppercase;letter-spacing:.045em}
thead th:first-child{border-radius:10px 0 0 10px}thead th:last-child{border-radius:0 10px 10px 0}
tr:hover{background:#f7f9fb}
.badge-qtd,.sku-badge{background:#eaf0f7;color:var(--brand);border-radius:999px}
.qtd-badge{background:#fff4cf;color:#8c6500}.prazo-normal{background:#eaf0f7;color:#52677c;border-radius:999px}

@media(max-width:700px){
  body,html.embedded body{padding:12px}.header-bar{margin:-12px -12px 18px;padding:18px 12px;border-radius:0}.header-bar h1::before{width:32px;height:32px}.card,.ml-card,.section-box,.table-container{border-radius:14px}.nav-btn,.filter-btn{border-radius:12px!important}.cards-grid{gap:10px}
}
html.embedded .header-bar{margin:-16px -20px 22px;padding:20px}
@media(max-width:700px){html.embedded .header-bar{margin:-12px -12px 18px;padding:18px 12px}}
/* Ícones SVG compartilhados pelos módulos administrativos. */
.admin-icon{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:-.18em;margin-right:.35em}
.ml-card-title,.section-title{align-items:center}.ml-card-title .admin-icon,.section-title .admin-icon{vertical-align:-.2em}