
:root{
  --p:#F56B16 !important;
  --p2:#D94F0B !important;
  --nav:#111111 !important;
  --nav-2:#242424;
  --muted:#64748b !important;
  --bg:#FFFAF6 !important;
  --line:#EADFD5 !important;
  --card:#ffffff !important;
  --ok:#16a34a !important;
  --warn:#f59e0b !important;
  --danger:#dc2626 !important;
  --shadow:0 18px 42px rgba(17,17,17,.10) !important;
}
body{background:var(--bg)!important;color:var(--nav)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sidebar,.side,.nav,.login-brand{
  background:linear-gradient(180deg,#111111 0%,#181818 55%,#242424 100%)!important;
  color:#fff!important;
}
.side-logo,.login-brand img{
  background:#fff!important;
  border:1px solid rgba(245,107,22,.14)!important;
  box-shadow:0 16px 34px rgba(17,17,17,.10)!important;
}
.topbar,.top,.hero,.heroCard,.card,.stat,.order-stat,.modal-box,.box,.phone,.panel,.plan,.login-card{
  box-shadow:0 12px 34px rgba(17,17,17,.07)!important;
}
.topbar,.top,.phone,.modal-box,.box{border-color:var(--line)!important}
.card,.stat,.order-stat,.kanban-card,.modal-box,.box,.tablewrap,.table-wrap,.panel,.plan,.login-card{
  border-radius:20px!important;
  border-color:var(--line)!important;
}
.btn,.nav-btn,.tabs button,.report-tabs button,.nav-group button,.nav-group a,.phonebtn{
  transition:all .18s ease;
}
.btn-primary,.btn.primary,.btn.orange,.phonebtn,.btn.wa{
  background:linear-gradient(135deg,#FF8A00,#F56B16)!important;
  color:#fff!important;
  border-color:#F56B16!important;
}
.btn-primary:hover,.btn.primary:hover,.btn.orange:hover,.phonebtn:hover,.btn.wa:hover{filter:brightness(.98);transform:translateY(-1px)}
.btn-dark,.btn.dark{background:#111111!important;color:#fff!important}
.btn-light,.btn.light{background:#fff!important;color:#181818!important;border:1px solid var(--line)!important}
.btn.green,.btn.ok,.btn.blue{color:#fff!important}
.nav-btn,.tabs button,.report-tabs button,.nav-group button,.nav-group a{
  position:relative;
  font-weight:700!important;
}
.nav-btn{
  border:1px solid transparent!important;
}
.nav-btn:hover,.nav-btn.on{
  background:linear-gradient(90deg,rgba(245,107,22,.20),rgba(245,107,22,.12))!important;
  border-color:rgba(245,107,22,.32)!important;
  color:#fff!important;
}
.tabs button,.report-tabs button,.nav-group button,.nav-group a{
  display:inline-flex;align-items:center;gap:10px;
  border-radius:12px!important;
}
.tabs button.on,.tabs .on,.report-tabs button.on,.nav-group button.on,.nav-group a.on,.btn.light.on{
  background:rgba(245,107,22,.12)!important;
  color:#D94F0B!important;
  border-color:rgba(245,107,22,.28)!important;
}
.stat strong,.stat b,.order-stat strong,.kanban-total{color:#181818!important}
.status-toggle button.on{background:#F56B16!important;border-color:#F56B16!important;color:#fff!important}
.field input:focus,.field textarea:focus,.field select:focus,input:focus,textarea:focus,select:focus{
  border-color:#F56B16!important;
  box-shadow:0 0 0 3px rgba(245,107,22,.12)!important;
  outline:none!important;
}
.side-label,.aside-title{color:#94a3b8!important;letter-spacing:.11em}
.pc-icon{width:1.3rem;height:1.3rem;min-width:1.3rem;display:inline-grid;place-items:center;color:currentColor;opacity:.95}
.pc-icon svg{width:100%;height:100%;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-btn .pc-label,.tabs button .pc-label,.report-tabs button .pc-label,.btn .pc-label,.nav-group button .pc-label,.nav-group a .pc-label{display:inline-block}
.pc-inline{display:inline-flex;align-items:center;gap:6px}
.count{background:rgba(15,23,42,.08)!important;color:#181818!important;border-radius:999px;padding:2px 8px}
.nav-btn.on .count,.tabs button.on .count{background:rgba(255,255,255,.18)!important;color:#fff!important}
.badge.pending{background:#fff7ed!important;color:#D94F0B!important;border-color:#fed7aa!important}
.badge.success,.badge-ok{background:#dcfce7!important;color:#166534!important}
.badge-danger{background:#fee2e2!important;color:#991b1b!important}
.badge-warn{background:#fef3c7!important;color:#92400e!important}
.table th{color:#64748b!important}
.hero{background:linear-gradient(135deg,#fff7ed 0%, #ffffff 55%, #ffedd5 100%)!important;color:#181818!important;border:1px solid #fed7aa!important}
.notice,.section-note,.wizard-note{border-radius:16px!important}
.notice,.section-note{background:#FFF3E8!important;border-color:#F5C69F!important;color:#B84008!important}
.login-brand p,.muted,p.muted,.page-head p{color:#94a3b8!important}
@media(max-width:820px){.pc-label{white-space:nowrap}}
