
:root{
  --mx-human-bg:#f5f3ef;
  --mx-human-surface:#fffefa;
  --mx-human-sidebar:#fbfaf7;
  --mx-human-ink:#302f2c;
  --mx-human-muted:#74716b;
  --mx-human-line:#dedad3;
  --mx-human-line-soft:#ebe7e1;
  --mx-human-accent:#a9622a;
  --mx-human-accent-soft:#f1e9df;
  --mx-human-accent-hover:#8d5225;
  --mx-human-green:#356a55;
  --mx-human-red:#a34d49;
  --mx-human-amber:#896331;
  --mx-human-dark:#373633;
  --mx-human-radius:7px;
  --background:#f5f3ef;
  --foreground:#302f2c;
  --card:#fffefa;
  --card-foreground:#302f2c;
  --popover:#fffefa;
  --popover-foreground:#302f2c;
  --primary:#373633;
  --primary-foreground:#fff;
  --secondary:#efede8;
  --secondary-foreground:#403e3a;
  --muted:#f0eee9;
  --muted-foreground:#74716b;
  --accent:#f1e9df;
  --accent-foreground:#7d4b24;
  --border:#dedad3;
  --input:#d5d0c9;
  --ring:#b67945;
  --radius:.42rem;
  --chart-1:#b96f32;
  --chart-2:#55786b;
  --chart-3:#aa5b59;
  --chart-4:#9a7947;
  --chart-5:#817873;
}

html,body,button,input,select,textarea{
  font-family:"Segoe UI",Arial,sans-serif!important;
}
body,.workspace,.mx-app,body .main{
  background:var(--mx-human-bg)!important;
  color:var(--mx-human-ink)!important;
}


button,a,.metric,.panel,.review-card,.ticket-card,.calendar-day,.inventory-counts>button,
.mx-button,.mx-panel,.mx-metric,.mx-nav a,body #nav button{
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
.metric:hover,.review-card:hover,.inventory-counts>button:hover,.ticket-card:hover,.calendar-day:hover,
.mx-metric:hover,.mx-panel:hover{
  transform:none!important;
  filter:none!important;
}


.magna-sidebar [data-sidebar=sidebar],
.magna-sidebar [data-slot=sidebar-inner],
.magna-sidebar [data-mobile=true],
body .sidebar,.mx-sidebar{
  background:var(--mx-human-sidebar)!important;
  border-color:var(--mx-human-line)!important;
  box-shadow:none!important;
}
.brand,.mx-brand{background:transparent!important}
.magna-sidebar [data-sidebar=group-label],.mx-nav-label,body .mx-workshop-nav-label{
  color:#85817b!important;
  font-weight:600!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
}
.magna-sidebar [data-sidebar=menu-button],body #nav button,.mx-nav a{
  color:#57544f!important;
  border-radius:6px!important;
  font-weight:500!important;
  box-shadow:none!important;
}
.magna-sidebar [data-sidebar=menu-button]:hover,body #nav button:hover,.mx-nav a:hover{
  background:#f1efeb!important;
  color:#302f2c!important;
}
.magna-sidebar [data-sidebar=menu-button][data-active=true],body #nav button.active,.mx-nav a.active{
  background:var(--mx-human-accent-soft)!important;
  color:#78471f!important;
  font-weight:600!important;
  box-shadow:inset 3px 0 0 #b87943!important;
}
.nav-count,body #nav button i{
  background:#ebe6df!important;
  color:#73685f!important;
  border-radius:4px!important;
  font-weight:600!important;
}
.workspace-label,body .mx-area-select,.mx-area-select{
  background:#fffefa!important;
  border-color:var(--mx-human-line)!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
.sidebar-profile,.mx-sidebar-foot,body .user-card{
  border-color:var(--mx-human-line)!important;
}
.sidebar-profile .avatar,.mx-avatar,body .user-card .avatar{
  background:#e9e3dc!important;
  color:#665549!important;
  box-shadow:none!important;
}


.topbar,body .topbar,.mx-topbar{
  background:#fbfaf7!important;
  border-color:var(--mx-human-line)!important;
  box-shadow:none!important;
}
.topbar-left,.topbar-right,.topbar-left b,.topbar-brand,
body .topbar-left,body .topbar-right,body .topbar-left b,body .topbar-brand,
.mx-topbar-left,.mx-topbar-right{
  color:#68655f!important;
}
.sync-button,body .sync-button,.mx-icon-button{
  border-radius:6px!important;
  box-shadow:none!important;
}


.eyebrow{display:none!important}
.page-heading h1,body .page-heading h1,body .mx-office-page-heading h1,.mx-app h1,.mx-heading h1{
  color:var(--mx-human-ink)!important;
  font-size:29px!important;
  font-weight:600!important;
  letter-spacing:-.45px!important;
}
.page-subtitle,body .page-heading p,body .mx-office-page-heading p,.mx-muted,.mx-heading p{
  color:var(--mx-human-muted)!important;
  line-height:1.55!important;
}
.section-title h2,.mx-panel-head h2,.mx-app h2{
  color:var(--mx-human-ink)!important;
  font-weight:600!important;
}
.section-title p,.mx-panel-head p{
  color:var(--mx-human-muted)!important;
}
body .page-heading,body .mx-office-page-heading{
  border-color:var(--mx-human-line)!important;
}


.primary-button,.mx-button.primary,
[data-slot=button]:not([data-variant=outline]):not([data-variant=ghost]):not([data-variant=secondary]):not([data-variant=destructive]):not([data-variant=link]),
body .primary{
  background:var(--mx-human-dark)!important;
  border-color:var(--mx-human-dark)!important;
  color:#fff!important;
  border-radius:6px!important;
  font-weight:600!important;
  box-shadow:none!important;
  background-image:none!important;
}
.primary-button:hover,.mx-button.primary:hover,body .primary:hover{
  background:#4b4944!important;
  border-color:#4b4944!important;
  transform:none!important;
  box-shadow:none!important;
}
.mx-button,.secondary,.ghost,.choice,.search-box input,.field input,.field textarea,
.mx-input,body .search,body .inline-search,body .mini-filter-field input,body .mini-filter-field select,
body .filter-static,body .chip-btn{
  border-radius:6px!important;
  box-shadow:none!important;
}
.choice,.search-box input,.field input,.field textarea,.mx-input,
body .search,body .inline-search,body .mini-filter-field input,body .mini-filter-field select{
  background:#fffefa!important;
  border-color:#d8d3cc!important;
  color:var(--mx-human-ink)!important;
}
.search-box input:focus,.field input:focus,.field textarea:focus,.mx-input:focus,
body .mini-filter-field input:focus,body .mini-filter-field select:focus{
  border-color:#b98a63!important;
  box-shadow:0 0 0 2px rgba(169,98,42,.09)!important;
  outline:none!important;
}
.mx-label,.field>label,body .mini-filter-field span{
  color:#625f59!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}


.panel,.metric,.review-card,.sale-step,.sale-summary,.finance-calculator,.import-summary,
.inventory-counts>button,.inventory-overview,
.mx-panel,.mx-metric,.mx-filters,.mx-login-card,
body .panel,body .chart-panel,body .metric-card,body .hero-panel,
body .compact-hero-panel,body .finance-card,body .compact-fin-card,
body .stat-mini,body .stat-card-sm,body .stat-card-compact,body .stat-card-tight,
body .agenda-slot-card,body .compact-filter-shell,body .schedule-next-box{
  background:var(--mx-human-surface)!important;
  border-color:var(--mx-human-line)!important;
  border-radius:var(--mx-human-radius)!important;
  box-shadow:none!important;
}
.metrics>.metric:first-child,.mx-metrics>.mx-metric:first-child,body .mx-office-metrics>.metric:first-child{
  border-top:1px solid var(--mx-human-line)!important;
  border-left:3px solid #b87943!important;
  padding-top:20px!important;
}
.metric,.mx-metric{
  color:var(--mx-human-ink)!important;
}
.metric strong,.mx-metric strong{
  color:var(--mx-human-ink)!important;
  font-weight:600!important;
}
.metric.green,.metric.amber,.metric.red,.metric.blue,
.finance-metrics .metric.blue{
  background:var(--mx-human-surface)!important;
  border-color:var(--mx-human-line)!important;
}
.metric.green strong,.mx-metric.net strong{color:var(--mx-human-green)!important}
.metric.red strong,.mx-metric.net.negative strong{color:var(--mx-human-red)!important}
.metric.amber strong{color:var(--mx-human-amber)!important}
.metric-head,.metric-foot,.mx-kpi-label,.mx-metric small{color:var(--mx-human-muted)!important}
.metric-head svg,.mx-metric .mx-kpi-label svg{color:#8b867f!important}


.icon-box,.count-icon,.product-icon,.product-icon.blue,.review-icon,body .mx-area-icon{
  background:#f1efea!important;
  border:1px solid #e2ddd6!important;
  color:#68615b!important;
  border-radius:6px!important;
  box-shadow:none!important;
}


.inventory-overview{
  color:var(--mx-human-ink)!important;
}
.inventory-overview h2,.inventory-overview b,.warehouse-list b{color:var(--mx-human-ink)!important}
.inventory-overview p,.inventory-overview-head,.inventory-overview-head span,.warehouse-list button,.warehouse-list small{
  color:var(--mx-human-muted)!important;
}
.inventory-overview .icon-box{background:#f1ece6!important;color:#79583f!important}
.warehouse-list button{border-color:var(--mx-human-line-soft)!important}
.light-link,.table-link:hover,.history-row:hover{color:var(--mx-human-accent)!important}
.chart-summary,.mini-breakdown>div{border-color:var(--mx-human-line-soft)!important}
.chart-summary span,.mini-breakdown>div{color:var(--mx-human-muted)!important}
.chart-summary b,.mini-breakdown b{color:#48453f!important}
.legend i{background:#b96f32!important}.legend.green i{background:#55786b!important}.legend.red i{background:#aa5b59!important}


.data-scroll th,.mx-table th{
  background:#f2f0ec!important;
  color:#706d67!important;
  border-color:var(--mx-human-line)!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.data-scroll td,.mx-table td{border-color:var(--mx-human-line-soft)!important;color:#45423e!important}
.data-scroll tr:hover td,.mx-table tr:hover td,.click-row:hover{background:#faf8f4!important}
.table-footer,.mx-pagination,.mx-panel-note{border-color:var(--mx-human-line)!important}
.pill,.mx-badge,body .badge,body .slot-state{
  border-radius:5px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.pill.green{background:#edf2ef!important;color:#45695b!important}
.pill.amber{background:#f4eee4!important;color:#806039!important}
.pill.blue{background:#eceff0!important;color:#52656c!important}
.pill.red{background:#f3eaea!important;color:#935450!important}
.panel-tabs [data-slot=tabs-list],.toolbar [data-slot=tabs-list]{
  background:#efede8!important;
  border-radius:6px!important;
  padding:3px!important;
}
.panel-tabs [data-slot=tabs-trigger],.toolbar [data-slot=tabs-trigger]{border-radius:4px!important}
.panel-tabs [data-slot=tabs-trigger][data-state=active],.toolbar [data-slot=tabs-trigger][data-state=active]{
  box-shadow:none!important;
  border:1px solid #ddd7cf!important;
}
.inventory-counts>button:hover{box-shadow:none!important}
.inventory-counts>button.selected{
  border-color:#cbb49f!important;
  background:#f6f0e9!important;
  box-shadow:none!important;
}


body .ticket-column,body .ticket-card,body .calendar-day,body .calendar-event,
body .agenda-day-card,body .slot-item,body .agenda-slot-ticket,
body .compact-item,body .movement-card,body .history-mini,body .stage-mini,
body .panel-kpis div,body .legend-item{
  border-radius:7px!important;
  box-shadow:none!important;
}
body .ticket-column{background:#f0eee9!important;border-color:var(--mx-human-line)!important}
body .ticket-card,body .calendar-day,body .agenda-day-card,body .agenda-slot-ticket,
body .compact-item,body .movement-card,body .history-mini,body .stage-mini{
  background:#fffefa!important;
  border-color:var(--mx-human-line)!important;
}
body .ticket-card:hover,body .calendar-day:hover,body .agenda-slot-ticket:hover{
  transform:none!important;
  box-shadow:none!important;
  background:#faf8f4!important;
}
body .calendar-day.today{
  background:#f5eee5!important;
  border-color:#c9ab90!important;
  box-shadow:none!important;
}
body .month-bar{
  border-radius:4px 4px 2px 2px!important;
  background:#b96f32!important;
}
body .month-bar-wrap:hover .month-bar{transform:none!important;filter:none!important}
body .month-bar-tip{border-radius:4px!important;background:#403d39!important}
body .mini-title,body .calendar-weekdays span,body .slot-state,body .mini-filter-field span{
  letter-spacing:.02em!important;
  text-transform:none!important;
  font-weight:600!important;
}
body .donut-center{box-shadow:none!important;border-color:var(--mx-human-line)!important}
body .sidebar .collapse-btn{border-radius:6px!important;background:#efede8!important}
body .sidebar-bottom>button{background:#fffefa!important;border-color:var(--mx-human-line)!important;border-radius:6px!important}
body .mx-office-ticket-head{background:#f2f0ec!important;border-color:var(--mx-human-line)!important;color:#706d67!important}
body .mx-office-ticket-row{background:#fffefa!important;border-color:var(--mx-human-line-soft)!important;color:#5c5954!important}
body .mx-office-ticket-row:hover,body .mx-day-breakdown button:hover{background:#faf8f4!important}
body .mx-office-ticket-row i{background:#efede8!important;color:#68635c!important;border-radius:4px!important}
body .review-card,body .mx-quick-action{border-radius:7px!important;background:#fffefa!important;border-color:var(--mx-human-line)!important}
body .review-card:hover,body .mx-quick-action:hover{background:#faf8f4!important;border-color:#d3cdc5!important}


.notice,.notice.subtle,.mx-notice,.mx-error,.error-banner,.selected-customer,.summary-lines .balance-line{
  border-radius:6px!important;
  box-shadow:none!important;
}
.notice,.mx-notice{background:#f6f0e7!important;border-color:#dfd0bd!important;color:#725a3c!important}
.notice.subtle{background:#f1efeb!important;border-color:#dedad3!important;color:#66615b!important}
.selected-customer{background:#f7f2eb!important;border-color:#ded1c2!important}
.summary-header{
  background:#f1efeb!important;
  background-image:none!important;
  color:var(--mx-human-ink)!important;
  border-color:var(--mx-human-line)!important;
}
.summary-header h2,.grand-total strong,.summary-lines b{color:var(--mx-human-ink)!important}


.mx-filters{background:#fffefa!important}
.mx-area-icon{background:#f1efea!important}
.mx-badge.oficina,.mx-badge.taller,.mx-badge.gerencia{
  background:#efede8!important;
  color:#69615a!important;
}
.mx-badge.off{background:#f3eaea!important;color:#91524e!important}
.mx-area-foot,.mx-panel-head,.mx-pagination,.mx-footer{border-color:var(--mx-human-line)!important}
.mx-area-foot a{color:var(--mx-human-accent)!important}
.mx-dialog{border-radius:8px!important;box-shadow:0 14px 50px rgba(44,40,35,.14)!important}
.mx-dialog::backdrop{background:rgba(47,44,40,.42)!important}


.mx-login-page{
  background:#f3f0eb!important;
}
.mx-login-brand{margin-bottom:26px!important}
.mx-login-card{
  padding:32px!important;
  border-radius:8px!important;
  border-color:#d9d4cc!important;
  background:#fffefa!important;
  box-shadow:0 2px 8px rgba(42,38,34,.035)!important;
}
.mx-login-card h1{font-size:25px!important;font-weight:600!important;letter-spacing:-.3px!important}
.mx-login-card .mx-button{min-height:44px!important}
.mx-login-rule,.mx-login-footer{color:#89857e!important}
.mx-inline-link{color:#78553a!important}


.workspace-footer,.mx-footer{color:#89857e!important}
*:focus-visible{outline-color:#b78359!important}

@media(max-width:767px){
  .page-heading h1,body .page-heading h1,body .mx-office-page-heading h1,.mx-heading h1{font-size:27px!important}
  .mx-login-card{padding:26px!important}
}
