/* =========================================================================
   MRK CORTE — Stylesheet completo (sobrepõe Tailwind onde necessário)
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  --ink-1000:#0a0a0a; --ink-900:#18171a; --ink-800:#2a282d; --ink-700:#4b4751;
  --ink-500:#837e8a; --ink-400:#aba6b1; --ink-300:#d4d0d6; --ink-200:#e5e2e6;
  --ink-100:#efedf0; --ink-50:#f7f5f3; --ink-25:#fbfaf8; --paper:#fff;

  --wood-900:#4a2f15; --wood-700:#7a4f1f; --wood-500:#b8802f; --wood-400:#d49a48;
  --wood-300:#e6b870; --wood-200:#f0d2a0; --wood-100:#f7e6c8; --wood-50:#fbf3e3;

  --status-edit-fg:#8a5a00; --status-edit-bg:#fbf3e0; --status-edit-line:#e0b052;
  --status-prod-fg:#1a4d8f; --status-prod-bg:#e8f0fa; --status-prod-line:#5a8fc8;
  --status-done-fg:#2d5a3a; --status-done-bg:#e8f1ea; --status-done-line:#6a9d7a;

  --danger-fg:#8b1d1d; --danger-bg:#fdecec; --danger-line:#c84444;

  --font-sans:'Geist','Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'Geist Mono','JetBrains Mono',ui-monospace,monospace;

  --shadow-xs:0 1px 0 rgba(20,18,22,.04);
  --shadow-sm:0 1px 2px rgba(20,18,22,.05),0 0 0 1px rgba(20,18,22,.04);
  --shadow-md:0 2px 6px rgba(20,18,22,.06),0 0 0 1px rgba(20,18,22,.04);
  --shadow-lg:0 12px 32px -8px rgba(20,18,22,.18),0 2px 6px rgba(20,18,22,.06);

  --ease-out:cubic-bezier(.22,.61,.36,1);
  --sidebar-w:232px; --header-h:56px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:14px;color:var(--ink-900);background:var(--ink-50);-webkit-font-smoothing:antialiased;}
button{font-family:inherit;cursor:pointer;}
input,textarea,select{font-family:inherit;}

.app-bg{background:radial-gradient(1200px 600px at 80% -10%,rgba(184,128,47,.04),transparent 60%),var(--ink-50);}

/* Typography */
.t-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);}
.t-mono{font-family:var(--font-mono);font-feature-settings:'tnum','zero';}
.dim{font-family:var(--font-mono);font-feature-settings:'tnum','zero';letter-spacing:-.01em;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:5px;font-size:14px;font-weight:500;border:1px solid transparent;background:transparent;transition:all 120ms var(--ease-out);white-space:nowrap;user-select:none;text-decoration:none;color:inherit;}
.btn:active{transform:translateY(1px);}
.btn svg{flex-shrink:0;}
.btn-primary{background:var(--ink-900);color:#fff;border-color:var(--ink-900);}
.btn-primary:hover{background:var(--ink-1000);}
.btn-accent{background:var(--wood-500);color:#fff;border-color:var(--wood-500);box-shadow:inset 0 1px 0 rgba(255,255,255,.15);}
.btn-accent:hover{background:var(--wood-700);border-color:var(--wood-700);}
.btn-secondary{background:var(--paper);color:var(--ink-900);border-color:var(--ink-200);box-shadow:var(--shadow-xs);}
.btn-secondary:hover{background:var(--ink-25);border-color:var(--ink-300);}
.btn-ghost{background:transparent;color:var(--ink-700);}
.btn-ghost:hover{background:var(--ink-100);color:var(--ink-900);}
.btn-danger{background:var(--paper);color:var(--danger-fg);border-color:var(--ink-200);}
.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger-line);}
.btn-lg{height:44px;padding:0 20px;font-size:15px;}
.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:4px;}
.btn-icon{width:32px;height:32px;padding:0;justify-content:center;}
.btn-icon-sm{width:28px;height:28px;padding:0;justify-content:center;}

/* Cards */
.mrk-card{background:var(--paper);border:1px solid var(--ink-200);border-radius:8px;box-shadow:var(--shadow-xs);}
.card-hover{transition:all 120ms var(--ease-out);}
.card-hover:hover{border-color:var(--ink-300);box-shadow:var(--shadow-md);}

/* Inputs */
.mrk-input{width:100%;height:40px;padding:0 12px;background:var(--paper);border:1px solid var(--ink-200);border-radius:5px;font-size:14px;color:var(--ink-900);outline:none;transition:border-color 120ms,box-shadow 120ms;}
.mrk-input::placeholder{color:var(--ink-400);}
.mrk-input:hover{border-color:var(--ink-300);}
.mrk-input:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px rgba(24,23,26,.08);}
.input-mono{font-family:var(--font-mono);font-feature-settings:'tnum';}
.input-lg{height:44px;font-size:16px;}
.input-xl{height:48px;font-size:18px;font-weight:600;}
.label-mono{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);margin-bottom:6px;}
textarea.mrk-input{height:auto;padding:10px 12px;resize:vertical;}

/* Force uppercase on text inputs (preserves placeholder normal) */
input[type="text"],textarea{text-transform:uppercase;}
input[type="text"]::placeholder,textarea::placeholder{text-transform:none;}

/* Status pill */
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid;white-space:nowrap;}
.pill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.pill-edit{background:var(--status-edit-bg);color:var(--status-edit-fg);border-color:var(--status-edit-line);}
.pill-edit .dot{background:var(--status-edit-line);}
.pill-prod{background:var(--status-prod-bg);color:var(--status-prod-fg);border-color:var(--status-prod-line);}
.pill-prod .dot{background:var(--status-prod-line);animation:mrk-pulse 2s var(--ease-out) infinite;}
.pill-done{background:var(--status-done-bg);color:var(--status-done-fg);border-color:var(--status-done-line);}
.pill-done .dot{background:var(--status-done-line);}
@keyframes mrk-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.85);}}

/* Animations */
@keyframes mrk-fade-up{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@keyframes mrk-fade-in{from{opacity:0;}to{opacity:1;}}
.anim-fade-up{animation:mrk-fade-up 360ms var(--ease-out) both;}
.anim-fade-in{animation:mrk-fade-in 280ms var(--ease-out) both;}
.stagger>*{animation:mrk-fade-up 320ms var(--ease-out) both;}
.stagger>*:nth-child(1){animation-delay:20ms;} .stagger>*:nth-child(2){animation-delay:60ms;}
.stagger>*:nth-child(3){animation-delay:100ms;} .stagger>*:nth-child(4){animation-delay:140ms;}
.stagger>*:nth-child(5){animation-delay:180ms;} .stagger>*:nth-child(6){animation-delay:220ms;}
.stagger>*:nth-child(7){animation-delay:260ms;} .stagger>*:nth-child(8){animation-delay:300ms;}

/* App Shell */
.mrk-shell{display:flex;min-height:100vh;}
.mrk-sidebar{width:var(--sidebar-w);flex-shrink:0;background:#0a0a0a;color:#d4d0d6;display:flex;flex-direction:column;border-right:1px solid #1f1d22;position:sticky;top:0;height:100vh;}
.mrk-sidebar-brand{height:var(--header-h);padding:0 18px;display:flex;align-items:center;border-bottom:1px solid #1f1d22;}
.mrk-sidebar-eyebrow{padding:20px 18px 8px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#6b6770;}
.mrk-nav{padding:0 10px;display:flex;flex-direction:column;gap:2px;}
.mrk-nav-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:6px;font-size:14px;font-weight:500;color:#aba6b1;text-decoration:none;position:relative;transition:all 120ms;}
.mrk-nav-item:hover{background:#141317;color:#efedf0;}
.mrk-nav-item.active{background:#1c1a1f;color:#fff;font-weight:600;}
.mrk-nav-item.active::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:2px;background:#d49a48;border-radius:2px;}
.mrk-nav-icon{color:#6b6770;display:flex;}
.mrk-nav-item.active .mrk-nav-icon{color:#d49a48;}
.mrk-sidebar-footer{margin:0 14px 14px;padding:12px;border-radius:6px;background:#141317;border:1px solid #1f1d22;}
.mrk-sidebar-footer .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#6b6770;}
.mrk-sidebar-footer .val{margin-top:4px;font-size:13px;font-weight:500;color:#efedf0;font-family:var(--font-mono);}

.mrk-main{flex:1;display:flex;flex-direction:column;min-width:0;}
.mrk-topbar{height:var(--header-h);padding:0 24px 0 28px;background:var(--paper);border-bottom:1px solid var(--ink-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:10;}
.mrk-topbar-title{font-size:16px;font-weight:600;color:var(--ink-900);letter-spacing:-0.005em;}
.mrk-topbar-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-bottom:2px;}
.mrk-topbar-avatar{height:32px;width:32px;border-radius:6px;background:var(--ink-900);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;}
.mrk-content{flex:1;padding:32px;}

/* Mobile menu hidden by default */
.mrk-mobile-toggle{display:none;}
@media (max-width:768px){
  .mrk-sidebar{display:none;}
  .mrk-sidebar.open{display:flex;position:fixed;z-index:50;}
  .mrk-mobile-toggle{display:inline-flex;}
  .mrk-content{padding:16px;}
}

/* Order row */
.order-row{background:var(--paper);border:1px solid var(--ink-200);border-radius:8px;padding:14px 16px 14px 0;display:flex;align-items:center;gap:16px;transition:all 120ms;position:relative;overflow:hidden;}
.order-row:hover{border-color:var(--ink-300);box-shadow:var(--shadow-md);}
.order-stripe{width:4px;align-self:stretch;flex-shrink:0;}
.order-stripe-prod{background:var(--status-prod-line);}
.order-stripe-edit{background:var(--status-edit-line);}
.order-stripe-done{background:var(--status-done-line);}
.order-id{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-500);letter-spacing:.05em;width:64px;flex-shrink:0;}
.order-title{font-size:15px;font-weight:600;color:var(--ink-900);letter-spacing:-0.005em;}
.order-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-500);margin-top:4px;}
.order-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--ink-300);}
.mat-chip{font-family:var(--font-mono);font-size:11px;padding:2px 7px;background:var(--ink-100);border-radius:4px;color:var(--ink-700);}
.divider-v{width:1px;height:24px;background:var(--ink-200);}

/* Stat card */
.stat-card{background:var(--paper);border:1px solid var(--ink-200);border-radius:8px;padding:16px 20px;position:relative;overflow:hidden;}
.stat-accent{position:absolute;top:0;left:0;right:0;height:2px;}
.stat-value{font-family:var(--font-mono);font-size:32px;font-weight:600;letter-spacing:-0.02em;color:var(--ink-900);margin-top:6px;line-height:1;}
.stat-sub{margin-top:6px;font-size:12px;color:var(--ink-500);}

/* Tabs */
.tab-group{background:var(--ink-100);border:1px solid var(--ink-200);border-radius:8px;padding:4px;display:inline-flex;align-items:center;gap:4px;}
.tab-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;background:transparent;color:var(--ink-500);border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all 120ms;}
.tab-pill:hover{color:var(--ink-700);}
.tab-pill.active{background:var(--paper);color:var(--ink-900);box-shadow:var(--shadow-sm);font-weight:600;}
.tab-count{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;background:transparent;color:var(--ink-400);}
.tab-pill.active .tab-count{background:var(--ink-100);color:var(--ink-700);}

/* Edge band chip */
.edge-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:10px;font-weight:600;border:1px solid var(--ink-200);background:var(--ink-100);color:var(--ink-400);min-width:26px;justify-content:center;}
.edge-chip.on-c{background:rgba(184,128,47,.14);color:#b8802f;border-color:#b8802f;}
.edge-chip.on-l{background:rgba(26,77,143,.14);color:#1a4d8f;border-color:#1a4d8f;}

/* Toast */
.toast{position:fixed;bottom:20px;right:20px;z-index:9999;padding:12px 18px;border-radius:6px;background:var(--ink-900);color:#fff;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;transition:all 280ms var(--ease-out);}
.toast.show{transform:translateY(0);opacity:1;}
.toast.error{background:#7a1d1d;}

/* Module chip (Novo Pedido) */
.mod-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;min-width:80px;background:var(--paper);color:var(--ink-700);border:1px solid var(--ink-200);border-radius:8px;cursor:pointer;transition:all 120ms;font-size:12px;font-weight:500;}
.mod-chip:hover{border-color:var(--ink-300);}
.mod-chip.active{background:var(--ink-900);color:#fff;border-color:var(--ink-900);}

/* Tables */
.mrk-table{width:100%;border-collapse:collapse;}
.mrk-table thead{background:var(--ink-50);}
.mrk-table th{padding:10px 12px;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);border-bottom:1px solid var(--ink-200);}
.mrk-table td{padding:12px;border-top:1px solid var(--ink-100);}
.mrk-table tbody tr{transition:background 120ms;}
.mrk-table tbody tr:hover{background:var(--ink-25);}
.mrk-table .group-row td{padding:10px 12px;background:var(--ink-25);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-700);border-top:1px solid var(--ink-200);}

/* Print */
@media print{.no-print{display:none!important;}}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:5px;border:2px solid var(--ink-50);}
::-webkit-scrollbar-thumb:hover{background:var(--ink-300);}

/* Utilities */
.row{display:flex;align-items:center;}
.col{display:flex;flex-direction:column;}
