/* ============================================================
   v2.14 - Tema Faces da Lua (mesma linguagem visual do site)
   Fundo escuro, dourado #c9a84c, Cinzel nos títulos e ornamentos ✦.
   As cores convertidas automaticamente estão em lua_tema.css;
   aqui ficam os ajustes manuais. Vale só para tela (impressão = claro).
   ============================================================ */
@media screen{
:root{
  color-scheme:dark;
  --bg:#0d0b08;--surface:#16120c;--surface-2:#1d1810;--ink:#e8dcc8;--muted:#9a8e78;--line:#3a3020;
  --primary:#c9a84c;--primary-2:#d8b85c;--primary-soft:rgba(201,168,76,.12);
  --gold:#c9a84c;--gold-hover:#b8973b;--gold-soft:rgba(201,168,76,.10);--gold-line:rgba(201,168,76,.28);
  --success:#3f9a5c;--success-soft:#122416;--warning:#c08a2a;--warning-soft:#281e0c;
  --danger:#c4505a;--danger-soft:#2c1214;--info:#4f86b8;--info-soft:#0e1a26;
  --shadow:0 12px 34px rgba(0,0,0,.55);--shadow-sm:0 6px 18px rgba(0,0,0,.4);
  --font-title:'Cinzel',Georgia,serif;--font-deco:'Cinzel Decorative','Cinzel',Georgia,serif;
  --font-serif:'Cormorant Garamond',Georgia,serif;
}
html{background:#0d0b08}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 15% -10%, rgba(201,168,76,.10), transparent 32rem),
    radial-gradient(circle at 100% 0%, rgba(201,168,76,.05), transparent 26rem),
    #0d0b08;
}
::selection{background:rgba(201,168,76,.35);color:#fff}
a{color:inherit}

/* ---------- Tipografia ---------- */
h1,h2,h3,.brand-copy strong,.mgmt-head h1,.shop-hero h1{font-family:var(--font-title);letter-spacing:.02em;color:#e8dcc8}
h1{font-weight:600}
h2{font-weight:600}
.eyebrow{font-family:var(--font-title);color:var(--gold)!important;letter-spacing:.28em;font-size:11px}

.page-head p,.hero p,.muted,.hint,.mgmt-head p{color:var(--muted)!important}
th{font-family:var(--font-title);letter-spacing:.14em}

/* ---------- Barra superior ---------- */
.topbar{background:linear-gradient(180deg,#14100a 0%,#0d0b08 100%)!important;border-bottom:1px solid #3a3020;box-shadow:0 8px 26px rgba(0,0,0,.6)!important}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.55),transparent)}
.brand-mark{background:radial-gradient(circle at 35% 30%,#2a2214,#0d0b08)!important;color:var(--gold)!important;border:1px solid rgba(201,168,76,.55);box-shadow:0 0 18px rgba(201,168,76,.25)!important;border-radius:50%!important}
.brand-copy strong{font-family:var(--font-deco);color:var(--gold)!important;font-size:19px}
.brand-copy small{font-family:var(--font-title);color:#8a7c60!important;letter-spacing:.22em}
.nav-link{font-family:var(--font-title);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d9cbb0!important;border:1px solid transparent}
.nav-link:hover{background:rgba(201,168,76,.08)!important;border-color:rgba(201,168,76,.2)}
.nav-link.active{background:rgba(201,168,76,.12)!important;color:var(--gold)!important;border-color:rgba(201,168,76,.4);box-shadow:none!important}
.user-chip{border-color:#3a3020!important;background:#16120c!important}
.user-avatar{background:var(--gold)!important;color:#0d0b08!important}
.btn-logout{border-color:#3a3020!important;font-family:var(--font-title);letter-spacing:.1em;font-size:12px}
.btn-logout:hover{border-color:var(--gold)!important;color:var(--gold)!important;background:transparent!important}
.nav-toggle{border-color:#3a3020!important}
.nav-toggle span{background:var(--gold)!important}
@media(max-width:820px){.main-nav{border-top:1px solid #2a2015;padding-top:8px!important}}
@media(min-width:821px) and (max-width:1180px){
  .topbar{flex-wrap:wrap;align-items:center}
  .nav-toggle{display:flex;order:2}
  .user-area{order:1;margin-left:auto}
  .main-nav{display:none;order:3;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;overflow:visible;border-top:1px solid #2a2015;padding-top:8px}
  .topbar.nav-open .main-nav{display:flex}
  .main-nav .nav-link{font-size:13px;padding:11px 12px}
}
@media(min-width:1181px) and (max-width:1480px){
  .topbar{gap:12px}
  .brand-copy small{display:none}
  .main-nav{gap:2px}
  .nav-link{padding:8px 7px;font-size:11px;letter-spacing:.06em;gap:5px}
  .user-name{display:none}
}

/* ---------- Botões ---------- */
.btn{border-color:#3a3020;font-family:var(--font-title);letter-spacing:.08em;font-weight:700}
.btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.45)}
.btn.primary,.mgmt-btn,.shop-primary,.file-btn.primary{background:var(--gold)!important;color:#0d0b08!important;border-color:var(--gold)!important}
.btn.primary:hover,.mgmt-btn:hover,.shop-primary:hover{background:var(--gold-hover)!important}
.btn.secondary,.shop-secondary,.file-btn.secondary,.btn.ghost{background:transparent!important;color:var(--gold)!important;border:1px solid rgba(201,168,76,.4)!important}
.btn.secondary:hover,.shop-secondary:hover,.btn.ghost:hover{background:rgba(201,168,76,.08)!important;border-color:var(--gold)!important}
.btn.success{background:#2f7a4a!important;color:#f2fff4!important}
.btn.warning{background:#a8771f!important;color:#fff8e8!important}
.btn.danger{background:#a83c46!important;color:#fff!important}
.btn.danger.ghost{background:transparent!important;color:#e57373!important;border-color:rgba(229,115,115,.45)!important}
.btn.ghost-light{color:#e8dcc8!important;border-color:rgba(232,220,200,.35)!important}
.mgmt-btn,.shop-primary,.shop-secondary{font-family:var(--font-title);letter-spacing:.08em}
.icon-btn{color:var(--ink)!important}
.link-btn{color:var(--gold)!important}
.chip-btn{background:transparent!important;color:var(--gold)!important;border-color:rgba(201,168,76,.35)!important}
.chip-btn:hover{background:rgba(201,168,76,.1)!important}

/* ---------- Campos ---------- */
input,select,textarea,.filters input,.filters select{background:#100d09!important;color:#e8dcc8!important;border-color:#3a3020!important}
input::placeholder,textarea::placeholder{color:#6f6553}
input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(201,168,76,.15)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--gold)}
input[type=file]{background:#100d09!important;color:var(--muted)!important}
input[type=file]::file-selector-button{background:var(--gold);color:#0d0b08;border:0;border-radius:6px;padding:7px 12px;margin-right:10px;font-family:var(--font-title);font-weight:700;cursor:pointer}
option{background:#16120c;color:#e8dcc8}
form label{color:#d9cbb0}
.date-filter{background:#100d09!important}
.qty-stepper{background:#100d09!important;border-color:#3a3020!important}
.qty-step{background:#1d1810!important;color:var(--gold)!important}

/* ---------- Cartões, tabelas e listas ---------- */
.card,.mgmt-card,.toolbar,.table-wrap,.kpi,.stat-card,.step,.tag-name-row,.forecast-summary>div,.inventory-subtab,.mgmt-tab,.login-card,.found-product,.manual-details,.print-advanced,.shape-option,.image-mode-card,.minimum-item,.todo-list li,.scan-history li,.recipe-card{border-color:#3a3020!important}
.card,.mgmt-card,.kpi,.stat-card,.tag-name-row,.login-card{background:linear-gradient(180deg,#18130c,#130f0a)!important}
.mgmt-card h2,.card h2{color:#e8dcc8}
table{color:#e8dcc8}
th{background:#1a150e!important;color:#b9a473!important;border-bottom-color:#3a3020!important}
td{border-bottom-color:#2a2015!important}
tbody tr:hover{background:rgba(201,168,76,.04)!important}
.mgmt-table th{background:#1a150e!important}
.cell-main,.order-link{color:#e8dcc8}
.order-link{color:var(--gold)!important}
.mono{color:#e8dcc8}
.stat-card.active{outline:1px solid var(--gold)!important;border-color:var(--gold)!important;background:linear-gradient(180deg,#221b10,#16120c)!important}
.stat-card b,.kpi strong,.forecast-summary strong{font-family:var(--font-title);color:#e8dcc8}
.kpi.highlight{border-color:rgba(201,168,76,.5)!important;background:linear-gradient(180deg,#241c0f,#16120c)!important}
.kpi.highlight strong{color:var(--gold)}
.mgmt-tab{background:#16120c!important;color:#d9cbb0!important;font-family:var(--font-title);letter-spacing:.06em}
.mgmt-tab.active{background:var(--gold)!important;color:#0d0b08!important;border-color:var(--gold)!important}
.inventory-subtab{background:#16120c!important;color:#e8dcc8!important}
.inventory-subtab.active{background:linear-gradient(145deg,#c9a84c,#a8893a)!important;color:#0d0b08!important;border-color:var(--gold)!important}
.inventory-subtab.active small{color:#2a2214!important}
.forecast-number{background:rgba(201,168,76,.14)!important;color:var(--gold)!important}
.todo-card{border-color:rgba(201,168,76,.55)!important;background:linear-gradient(180deg,#211a0e,#15110b)!important}
.todo-list li{background:#100d09!important}
.todo-list b,.todo-grid h3{color:var(--gold)!important}
.day-col i{background:linear-gradient(180deg,#e2c26a,#9c7f33)!important}
.day-col:hover i{background:#f0d27a!important}
.bar-track i{background:var(--gold)!important}
.stock-badge{background:#221c12!important;color:#e8dcc8!important}
.tag-name-icon,.stat-icon,.help-item-icon,.upload-icon{filter:saturate(.9)}
.tag-name-icon{background:rgba(201,168,76,.1)!important}
.tag-source-badge{background:rgba(201,168,76,.14)!important;color:var(--gold)!important}
.more-menu>summary{background:#16120c!important;color:var(--gold)!important;border-color:#3a3020!important}
.more-menu-panel{background:#1d1810!important;border-color:#3a3020!important}
.more-menu-panel a:hover,.more-menu-panel button:hover{background:rgba(201,168,76,.1)!important}
.bulk-bar{background:#16120c!important;border:1px solid rgba(201,168,76,.45);box-shadow:0 18px 44px rgba(0,0,0,.7)!important}
.bulk-bar .btn.secondary{background:transparent!important}
.pagination .current{background:rgba(201,168,76,.14)!important;color:var(--gold)!important}
.breadcrumb a{color:var(--gold)!important}
.step.done{background:#122416!important;border-color:#2c5634!important}
.step.current{background:#211a0e!important;border-color:rgba(201,168,76,.55)!important;box-shadow:0 0 0 3px rgba(201,168,76,.08)!important}
.step.current .step-number{background:var(--gold)!important;color:#0d0b08!important}
.qty-pill{background:rgba(201,168,76,.14)!important;color:var(--gold)!important}
.upload-zone{background:#120f0a!important;border-color:rgba(201,168,76,.35)!important}
.upload-zone.dragover{background:#1d1810!important;border-color:var(--gold)!important}
.help-details{background:#1c160b!important;border-color:#4d3e1e!important;color:#d9c08a!important}
.info-box{background:#0e1a26!important;border-color:#264662!important;color:#a9c9e6!important}
.scanner-note{background:#1c160b!important;color:#d9c08a!important}
.scan-result{background:#16120c!important;border-color:#3a3020!important;color:#d9cbb0!important}
.date-helper{background:linear-gradient(180deg,#1d170d,#16120c)!important;border-color:#3a3020!important}
.consumption-summary{background:#18130b!important;border-color:rgba(201,168,76,.4)!important}
.changed-pill{background:var(--gold)!important;color:#0d0b08!important}
.tab-alert{background:#c4505a!important;color:#fff!important}
.segmented{background:#100d09!important}
.seg-btn{color:#b9a473!important}
.seg-btn.active{background:var(--gold)!important;color:#0d0b08!important}
.shape-option:has(input:checked){background:rgba(201,168,76,.12)!important;border-color:var(--gold)!important}
.image-mode-card:hover{border-color:var(--gold)!important}
.password-toggle[aria-pressed="true"]{background:rgba(201,168,76,.15)!important}
code{background:#221c12!important;color:var(--gold)}
hr{border-top-color:#3a3020!important}
.alert{background:#16120c}
.alert.success{background:#122416!important}
.alert.error{background:#2c1214!important}
.alert.warning{background:#281e0c!important}
.alert.info{background:#0e1a26!important}

/* ---------- Áreas que representam papel: continuam brancas ---------- */
.a4-viewport{background:#1d1810!important;border-color:#3a3020!important}
.a4-sheet{background:#fff!important}
.a4-item{background:#fff!important}
.print-preview-viewport{background:repeating-conic-gradient(#1a150e 0% 25%,#120f0a 0% 50%) 0 0/18px 18px!important;border-color:#3a3020!important}
.print-preview-stage,.tag-preview-image,.tag-mini,.local-preview-wrap img,.shipping-label{background:#fff!important}
.local-preview-wrap,.shipping-label-wrap{background:#120f0a!important;border-color:#3a3020!important}

/* ---------- Login ---------- */
.login-card{border:1px solid rgba(201,168,76,.35)!important;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(201,168,76,.06)!important}
.login-logo{background:radial-gradient(circle at 35% 30%,#2a2214,#0d0b08)!important;color:var(--gold)!important;border:1px solid rgba(201,168,76,.55);border-radius:50%!important;box-shadow:0 0 30px rgba(201,168,76,.3)}
.login-card h1{font-family:var(--font-deco);color:var(--gold)}
.login-card>p{font-family:var(--font-serif);font-style:italic;font-size:17px}
.login-back:hover{color:var(--gold)!important}

/* ---------- Ornamentos reutilizáveis ---------- */
.ornament-divider{display:flex;align-items:center;gap:14px;max-width:420px;margin:28px auto;color:var(--gold);font-size:12px;letter-spacing:.5em}
.ornament-divider::before,.ornament-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.55))}
.ornament-divider::after{background:linear-gradient(90deg,rgba(201,168,76,.55),transparent)}

/* Cabeçalho de página com linha dourada sutil */
.page-head,.mgmt-head{padding-bottom:14px;border-bottom:1px solid #2a2015}
}