/* SA-FAB Server v1.6.6.2 - Remodelacion visual real en CSS externo */
:root{
  --bg:#f4f7f9!important;--card:#ffffff!important;--line:rgba(23,40,51,.09)!important;--text:#172833!important;--muted:#5e6a72!important;--brand:#73b323!important;--brand-2:#5f991d!important;--shadow:0 18px 46px rgba(7,16,21,.08)!important;--radius:22px!important;
  --sa-green:#73b323;--sa-green-dark:#5f991d;--sa-dark:#071015;--sa-ink:#172833;--sa-muted:#5e6a72;--sa-light:#f4f7f9;--sa-white:#fff;--sa-border:rgba(23,40,51,.09);--sa-shadow:0 18px 46px rgba(7,16,21,.08);--sa-shadow-strong:0 30px 90px rgba(7,16,21,.17);
}
html,body{background:radial-gradient(circle at 8% -14%, rgba(115,179,35,.20), transparent 32rem),linear-gradient(180deg,#ffffff 0%,#f4f7f9 35%,#edf3f6 100%)!important;color:var(--sa-ink)!important}
body:before{content:"";position:fixed;top:0;left:0;right:0;height:6px;background:var(--sa-green);z-index:2147482000;pointer-events:none}.shell{background:transparent!important}.container{max-width:1320px!important}
.topbar{position:sticky!important;top:6px!important;z-index:80!important;max-width:1320px!important;margin:12px auto 0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}.topbar-inner{padding:0!important;gap:14px!important}
.topbar-main{background:rgba(255,255,255,.94)!important;border:1px solid var(--sa-border)!important;border-radius:24px!important;box-shadow:var(--sa-shadow)!important;padding:12px 16px!important;backdrop-filter:blur(10px)!important}.brand img{height:46px!important;background:#fff!important;border:1px solid rgba(23,40,51,.08)!important;border-radius:16px!important;padding:7px 14px!important;box-shadow:0 10px 24px rgba(7,16,21,.06)!important}.brand-text h1{font-size:21px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.025em!important;color:var(--sa-ink)!important}.brand-text p{color:#627087!important;font-weight:650!important}.user-chip{background:#f8fbfc!important;border:1px solid rgba(23,40,51,.08)!important;border-radius:999px!important;color:#41516a!important;font-weight:850!important;box-shadow:none!important}.logout-btn{min-height:32px!important;padding:6px 9px!important;border-radius:6px!important;background:#fff1f1!important;border:1px solid #ffd2d2!important;color:#b42318!important;font-weight:850!important}
.nav{background:rgba(255,255,255,.96)!important;border:1px solid var(--sa-border)!important;border-radius:24px!important;box-shadow:var(--sa-shadow)!important;padding:10px!important;backdrop-filter:blur(10px)!important;gap:8px!important}.nav a{min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;padding:12px 18px!important;color:var(--sa-ink)!important;font-weight:900!important;letter-spacing:-.01em!important;transition:all .18s ease!important}.nav a:hover{background:rgba(115,179,35,.10)!important;color:var(--sa-green-dark)!important}.nav a.active{background:linear-gradient(180deg,rgba(115,179,35,.18),rgba(115,179,35,.08))!important;color:#17450d!important;border:1px solid rgba(115,179,35,.30)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important}
.flash{border-radius:18px!important;border:1px solid rgba(115,179,35,.30)!important;background:rgba(115,179,35,.11)!important;color:#145a23!important;box-shadow:0 12px 30px rgba(7,16,21,.04)!important;font-weight:650!important}
.dashboard-hero{position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:56px!important;align-items:center!important;min-height:360px!important;margin-top:26px!important;padding:50px!important;border-radius:30px!important;border:0!important;background:linear-gradient(105deg,rgba(7,16,21,.98) 0%,rgba(7,16,21,.90) 44%,rgba(7,16,21,.58) 100%),radial-gradient(circle at 88% 12%,rgba(115,179,35,.42),transparent 28rem),linear-gradient(135deg,#071015,#19311a)!important;color:#fff!important;box-shadow:var(--sa-shadow-strong)!important}.dashboard-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--sa-green)}.dashboard-eyebrow{color:var(--sa-green)!important;font-size:14px!important;font-weight:950!important;letter-spacing:.10em!important;text-transform:uppercase!important}.dashboard-hero h2{color:#fff!important;font-size:clamp(42px,5vw,64px)!important;line-height:1.02!important;margin:20px 0 22px!important;letter-spacing:-.045em!important;font-weight:950!important}.dashboard-hero-text{max-width:680px!important;color:rgba(255,255,255,.80)!important;font-size:18px!important;line-height:1.62!important}.dashboard-hero-meta{gap:10px!important;margin-top:30px!important}.dashboard-hero-meta .badge{background:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.14)!important}.dashboard-hero-actions{justify-self:end!important;width:100%!important;max-width:430px!important;padding:28px!important;border-radius:24px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important;backdrop-filter:blur(8px)!important}.dashboard-hero-actions .btn{width:100%!important;min-height:52px!important;justify-content:center!important;border-radius:8px!important}.dashboard-hero-actions .btn:first-child{background:var(--sa-green)!important;border-color:var(--sa-green)!important;color:#fff!important}.dashboard-hero-actions .btn.secondary{background:#fff!important;color:var(--sa-ink)!important;border-color:rgba(255,255,255,.76)!important}
.dashboard-stat-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:20px!important;margin:34px 0!important}.dashboard-stat-card{position:relative!important;min-height:158px!important;overflow:hidden!important;border:1px solid var(--sa-border)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--sa-shadow)!important;padding:24px!important}.dashboard-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sa-green)}.dashboard-stat-card:after{content:"";position:absolute;top:-52px;right:-52px;width:132px;height:132px;border-radius:50%;background:rgba(115,179,35,.10)}.dashboard-stat-card .label{color:#607087!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important}.dashboard-stat-card .value{color:#071015!important;font-size:38px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.04em!important;margin-top:16px!important}.dashboard-stat-card .note{color:#5e6a72!important;font-size:14px!important;line-height:1.35!important}.dashboard-stat-card.produced:before{background:#36b96f}.dashboard-stat-card.pending:before{background:#d93434}.dashboard-stat-card.packaged:before{background:#2f6bc2}.dashboard-stat-card.unpackaged:before{background:#e3a61a}
.card,.panel,.box,.dashboard-section,.machine-card,.order-card,.variant-card,.report-card{border:1px solid var(--sa-border)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--sa-shadow)!important}.card.pad,.panel.pad,.box.pad{padding:30px!important}.dashboard-section-head h3,.card h2,.card h3,.panel h2,.panel h3{color:var(--sa-ink)!important;font-weight:950!important;letter-spacing:-.03em!important}.dashboard-section-head h3:before,.card h2:before,.card h3:before,.panel h2:before,.panel h3:before{content:"";display:block;width:42px;height:3px;border-radius:99px;background:var(--sa-green);margin:0 0 14px}.dashboard-section-subtitle,.muted,.note,.helper-note{color:var(--sa-muted)!important}
.btn,button,input[type=submit],input[type=button],.button{border-radius:8px!important;border:1px solid var(--sa-green)!important;background:var(--sa-green)!important;color:#fff!important;min-height:46px!important;padding:12px 20px!important;font-weight:900!important;box-shadow:none!important}.btn:hover,button:hover,input[type=submit]:hover,input[type=button]:hover,.button:hover{background:var(--sa-green-dark)!important;border-color:var(--sa-green-dark)!important;color:#fff!important}.btn.secondary,button.secondary,a.btn.secondary{background:#fff!important;color:var(--sa-green-dark)!important;border-color:rgba(115,179,35,.36)!important}.btn.secondary:hover,button.secondary:hover,a.btn.secondary:hover{background:rgba(115,179,35,.10)!important;color:var(--sa-green-dark)!important}
.table-wrap,.table-container{border:1px solid var(--sa-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--sa-shadow)!important;overflow:hidden!important}table{border-collapse:separate!important;border-spacing:0!important}th{background:#f8fbfc!important;color:#314156!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.04em!important}td{border-bottom:1px solid rgba(23,40,51,.06)!important}tr:hover td{background:rgba(115,179,35,.035)!important}
input,select,textarea{border:1px solid rgba(23,40,51,.15)!important;border-radius:11px!important;background:#fff!important;color:var(--sa-ink)!important}input:focus,select:focus,textarea:focus{outline:0!important;border-color:rgba(115,179,35,.72)!important;box-shadow:0 0 0 4px rgba(115,179,35,.12)!important}label{color:var(--sa-ink)!important;font-weight:900!important}.badge,.pill,.chip,.mini-chip,.machine-filter,.status,.label{border-radius:999px!important;font-weight:900!important}.machine-filter.active,.badge.success,.mini-chip.success{background:rgba(115,179,35,.13)!important;color:var(--sa-green-dark)!important;border-color:rgba(115,179,35,.30)!important}
.machine-card,.machine-tile{border-radius:18px!important;border:1px solid var(--sa-border)!important;background:#fff!important;box-shadow:0 12px 30px rgba(7,16,21,.06)!important}.machine-card:hover,.machine-tile:hover{transform:translateY(-2px);box-shadow:0 24px 56px rgba(7,16,21,.12)!important}
.sa-modal-backdrop.is-open,.sa-modal-backdrop[aria-hidden="false"],.packaging-group-modal-backdrop.is-open,.packaging-group-modal-backdrop[aria-hidden="false"]{background:rgba(7,16,21,.78)!important;backdrop-filter:blur(8px)!important}.sa-modal-card,.packaging-group-modal-card,.modal,.dialog{border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.14)!important}.sa-modal-head,.packaging-group-modal-head,.modal-header{background:#071015!important;color:#fff!important;border-bottom:5px solid var(--sa-green)!important}.sa-modal-head *,.packaging-group-modal-head *,.modal-header *{color:#fff!important}
@media(max-width:1100px){.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:940px){.topbar{top:6px!important;margin:8px 8px 0!important}.topbar-main{border-radius:20px!important}.nav{overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;border-radius:20px!important}.dashboard-hero{grid-template-columns:1fr!important;gap:28px!important;min-height:0!important;padding:34px 26px!important;border-radius:24px!important}.dashboard-hero-actions{justify-self:stretch!important;max-width:none!important;padding:18px!important}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.btn,button,input[type=submit],input[type=button],.button{min-height:48px!important}}@media(max-width:680px){.container{padding-left:14px!important;padding-right:14px!important}.topbar-main{align-items:stretch!important}.brand{align-items:flex-start!important}.brand img{max-width:132px!important}.dashboard-hero h2{font-size:38px!important}.dashboard-stat-grid{grid-template-columns:1fr!important}.dashboard-stat-card{min-height:132px!important}.card.pad,.panel.pad,.box.pad{padding:22px!important}}