/* ArepaDev UI 1.0.0. Canonical source: Inventario-App/design-system. Do not fork product palettes. */
@media screen {
.ad-ui {
  /* tokens:start */
  --ad-primary:#4f46e5;
  --ad-primary-hover:#4338ca;
  --ad-primary-soft:#eef2ff;
  --ad-sidebar:#111c30;
  --ad-background:#f4f6fa;
  --ad-surface:#ffffff;
  --ad-text:#172b4d;
  --ad-muted:#5e6d85;
  --ad-border:#dce2ec;
  --ad-success:#137566;
  --ad-success-soft:#e9f6f2;
  --ad-warning:#8a5b12;
  --ad-warning-soft:#fff5df;
  --ad-danger:#b4233c;
  --ad-danger-soft:#fff0f2;
  --ad-space-4:4px;
  --ad-space-8:8px;
  --ad-space-12:12px;
  --ad-space-16:16px;
  --ad-space-24:24px;
  --ad-space-32:32px;
  --ad-space-48:48px;
  --ad-radius-control:10px;
  --ad-radius-card:12px;
  --ad-radius-dialog:16px;
  --ad-sidebar-width:240px;
  /* tokens:end */
  --navy:var(--ad-sidebar); --purple:var(--ad-primary); --green:var(--ad-primary);
  --ink:var(--ad-text); --text:var(--ad-text); --muted:var(--ad-muted);
  --bg:var(--ad-background); --surface:var(--ad-surface); --line:var(--ad-border);
  --primary:var(--ad-primary); --brand:var(--ad-primary); --accent:var(--ad-primary);
  --teal:var(--ad-success); --soft:var(--ad-primary-soft); --panel:var(--ad-surface);
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  color:var(--ad-text); background:var(--ad-background); color-scheme:light;
}
.ad-ui *, .ad-ui *::before, .ad-ui *::after {box-sizing:border-box;}
.ad-ui body {margin:0; color:var(--ad-text); background:var(--ad-background); font:14px/1.55 "Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;}
.ad-ui button,.ad-ui input,.ad-ui select,.ad-ui textarea {font:inherit;}
.ad-ui a {color:var(--ad-primary); text-underline-offset:3px;}
.ad-ui h1,.ad-ui h2,.ad-ui h3 {font-family:inherit; color:var(--ad-text); font-weight:650; letter-spacing:-.025em;}
.ad-ui h1 {font-size:clamp(26px,2.3vw,34px); line-height:1.2;}
.ad-ui h2 {font-size:21px; line-height:1.3;}
.ad-ui h3 {font-size:16px; line-height:1.4;}
.ad-ui .muted,.ad-ui .panel-head p,.ad-ui .panel-foot,.ad-ui .app-footer,.ad-ui .sync,.ad-ui .today {color:var(--ad-muted);}
.ad-ui .muted,.ad-ui small,.ad-ui .panel-head p,.ad-ui .panel-foot {font-size:max(12px,.8rem);}
.ad-ui :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible {outline:3px solid var(--ad-primary);outline-offset:3px;}
.ad-ui .skip,.ad-ui .skip-link {z-index:1000;}
.ad-ui .ad-product-mark {display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0;}
.ad-ui .ad-product-mark>svg {width:38px;height:38px;flex:0 0 38px;color:#a5b4fc;}
.ad-ui .ad-product-mark strong {display:block;font-size:21px;letter-spacing:-.04em;color:inherit;line-height:1.2;}
.ad-ui .ad-product-mark small {display:block;margin-top:4px;font-size:12px;color:var(--ad-muted);line-height:1.4;}
.ad-ui .ad-icon {width:20px;height:20px;flex:0 0 20px;vertical-align:middle;}
.ad-ui .app,.ad-ui .app-shell {min-height:100dvh;background:var(--ad-background);}
.ad-ui .sidebar {position:fixed;inset:0 auto 0 0;width:var(--ad-sidebar-width);padding:26px 18px 20px;background:var(--ad-sidebar);color:#d5ddec;border-right:1px solid #ffffff0d;overflow-y:auto;z-index:50;}
.ad-ui .sidebar .ad-product-mark {padding:0 8px 24px;border-bottom:1px solid #ffffff12;}
.ad-ui .sidebar .ad-product-mark strong {color:#fff;}
.ad-ui .sidebar .ad-product-mark small {color:#b7c4da;}
.ad-ui .sidebar .nav-caption,.ad-ui .sidebar .nav-group {font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#b4c1d7;margin:26px 10px 12px;}
.ad-ui .sidebar nav {display:flex;flex-direction:column;gap:5px;}
.ad-ui .sidebar nav button {display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c5d0e2;font-size:13px;font-weight:500;text-align:left;cursor:pointer;}
.ad-ui .sidebar nav button:hover {background:#ffffff0a;color:#fff;}
.ad-ui .sidebar nav button.active,.ad-ui .sidebar nav button[aria-current="page"] {background:var(--ad-primary);color:#fff;border-color:#ffffff12;box-shadow:0 3px 12px #00000012;}
.ad-ui .sidebar nav button>span[aria-hidden="true"] {display:flex;align-items:center;justify-content:center;min-width:20px;}
.ad-ui .sidebar a {color:#cbd5e6;}
.ad-ui .sidebar-bottom {font-size:12px;color:#b7c4da;border-top:1px solid #ffffff15;padding-top:18px;}
.ad-ui .sidebar-bottom small {color:#b7c4da;}
.ad-ui .workspace {margin-left:var(--ad-sidebar-width);width:calc(100% - var(--ad-sidebar-width));min-width:0;}
.ad-ui .topbar {min-height:72px;padding:14px 32px;background:var(--ad-surface);border-bottom:1px solid var(--ad-border);color:var(--ad-text);gap:16px;}
.ad-ui .topbar label,.ad-ui .topbar small {font-size:12px;color:var(--ad-muted);}
.ad-ui .topbar select {min-height:40px;font-size:13px;max-width:230px;}
.ad-ui .topbar .crumb,.ad-ui .breadcrumbs {color:var(--ad-muted);font-size:13px;}
.ad-ui .topbar .crumb strong,.ad-ui .breadcrumbs strong {color:var(--ad-text);font-weight:600;}
.ad-ui .workspace>main {padding:32px 32px 0;max-width:1720px;margin:0 auto;}
.ad-ui .page-heading,.ad-ui .page-title {margin-bottom:26px;gap:16px;}
.ad-ui .eyebrow,.ad-ui .section-kicker {color:var(--ad-muted);font-size:11px;font-weight:650;letter-spacing:.1em;}
.ad-ui .stats {gap:16px;}
.ad-ui .stat,.ad-ui .panel,.ad-ui .card,.ad-ui .cart,.ad-ui .login-panel {border:1px solid var(--ad-border);border-radius:var(--ad-radius-card);background:var(--ad-surface);box-shadow:0 2px 5px #111c3003;}
.ad-ui .stat {padding:22px;}
.ad-ui .stat>span,.ad-ui .stat>small {font-size:12px;color:var(--ad-muted);}
.ad-ui .stat>strong {font-size:30px;line-height:1.25;color:var(--ad-text);font-weight:650;}
.ad-ui .stat-icon,.ad-ui .stat-symbol,.ad-ui .integration-logo {background:var(--ad-primary-soft);color:var(--ad-primary);border-radius:9px;}
.ad-ui .panel-head {padding:22px 24px;border-bottom:1px solid var(--ad-border);gap:16px;}
.ad-ui .panel-head h2 {font-size:18px;}
.ad-ui .panel-head p {line-height:1.6;}
.ad-ui .panel-foot {padding:16px 24px;border-top:1px solid var(--ad-border);}
.ad-ui .button,.ad-ui button.primary,.ad-ui .btn-primary {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid var(--ad-primary);border-radius:var(--ad-radius-control);background:var(--ad-primary);color:white;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:0 2px 4px #4f46e512;}
.ad-ui .button:hover,.ad-ui button.primary:hover,.ad-ui .btn-primary:hover {background:var(--ad-primary-hover);border-color:var(--ad-primary-hover);color:#fff;}
.ad-ui .button.secondary,.ad-ui .button.outline,.ad-ui .button.ghost,.ad-ui .button.light,.ad-ui .secondary {background:white;color:var(--ad-text);border:1px solid var(--ad-border);box-shadow:none;}
.ad-ui .button.secondary:hover,.ad-ui .button.outline:hover,.ad-ui .button.ghost:hover {background:var(--ad-primary-soft);color:var(--ad-primary);border-color:#c7c8ef;}
.ad-ui .button.danger,.ad-ui button.danger {color:var(--ad-danger);background:var(--ad-danger-soft);border-color:#f3c9d1;}
.ad-ui button:disabled,.ad-ui .button:disabled {opacity:.55;cursor:not-allowed;box-shadow:none;}
.ad-ui .text-button,.ad-ui .logout,.ad-ui .table-link {border-radius:8px;color:var(--ad-primary);font-size:13px;font-weight:550;min-height:36px;}
.ad-ui .icon-button,.ad-ui .menu-toggle,.ad-ui .mobile-menu {color:var(--ad-text);background:var(--ad-surface);border:1px solid var(--ad-border);border-radius:var(--ad-radius-control);min-width:40px;min-height:40px;}
.ad-ui label,.ad-ui .fields label {font-size:12px;color:var(--ad-text);font-weight:550;line-height:1.5;}
.ad-ui label>small {font-size:12px;font-weight:400;color:var(--ad-muted);}
.ad-ui input:not([type="checkbox"]):not([type="radio"]),.ad-ui select,.ad-ui textarea {min-width:0;min-height:42px;padding:10px 12px;border:1px solid var(--ad-border);border-radius:var(--ad-radius-control);background:white;color:var(--ad-text);font-size:14px;box-shadow:0 1px 2px #111c3003;}
.ad-ui input::placeholder,.ad-ui textarea::placeholder {color:var(--ad-muted);opacity:1;}
.ad-ui input[type="checkbox"],.ad-ui input[type="radio"] {accent-color:var(--ad-primary);}
.ad-ui textarea {min-height:90px;resize:vertical;}
.ad-ui .fields {gap:18px;}
.ad-ui .table-scroll,.ad-ui .table-wrap {overflow:auto;overscroll-behavior-inline:contain;}
.ad-ui table {color:var(--ad-text);font-size:13px;}
.ad-ui th {font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ad-muted);background:#f8f9fc;border-color:var(--ad-border);}
.ad-ui td {font-size:13px;border-color:#eaf0f6;}
.ad-ui th,.ad-ui td {padding:15px 20px;}
.ad-ui tbody tr:hover {background:#fafbff;}
.ad-ui td small {font-size:12px;color:var(--ad-muted);}
.ad-ui td .button {min-height:34px;padding:6px 10px;font-size:12px;}
.ad-ui .badge {padding:4px 8px;border-radius:6px;background:var(--ad-primary-soft);color:var(--ad-primary);font-size:12px;font-weight:550;line-height:1.5;border:1px solid #4f46e515;}
.ad-ui .badge.success,.ad-ui .badge.active,.ad-ui .badge.paid,.ad-ui .badge.approved,.ad-ui .badge.good,.ad-ui .status-success {color:var(--ad-success);background:var(--ad-success-soft);border-color:#13756620;}
.ad-ui .badge.warning,.ad-ui .badge.pending,.ad-ui .badge.suspended,.ad-ui .status-warning {color:var(--ad-warning);background:var(--ad-warning-soft);border-color:#8a5b1220;}
.ad-ui .badge.danger,.ad-ui .badge.error,.ad-ui .badge.rejected,.ad-ui .status-danger {color:var(--ad-danger);background:var(--ad-danger-soft);border-color:#b4233c20;}
.ad-ui .notice,.ad-ui .demo-notice,.ad-ui .demo-scope,.ad-ui .callout {background:var(--ad-primary-soft);border:1px solid #d8dcf6;border-radius:var(--ad-radius-control);color:#36416b;font-size:13px;line-height:1.65;}
.ad-ui .alert,.ad-ui .message {border-radius:var(--ad-radius-control);font-size:13px;line-height:1.6;}
.ad-ui .alert.error,.ad-ui .message.error {color:var(--ad-danger);background:var(--ad-danger-soft);border-color:#f3c9d1;}
.ad-ui .alert.success,.ad-ui .message.success {color:var(--ad-success);background:var(--ad-success-soft);border-color:#c3e3da;}
.ad-ui .modal,.ad-ui dialog {border:1px solid var(--ad-border);border-radius:var(--ad-radius-dialog);color:var(--ad-text);background:var(--ad-surface);box-shadow:0 24px 90px #111c3030;}
.ad-ui .modal::backdrop,.ad-ui dialog::backdrop {background:#111c3080;backdrop-filter:blur(3px);}
.ad-ui .modal footer {position:sticky;bottom:-1px;background:white;border-top:1px solid var(--ad-border);padding-top:16px;z-index:2;}
.ad-ui .welcome {border-radius:16px;border-color:var(--ad-border);}
.ad-ui .welcome h1,.ad-ui .welcome h2 {font-weight:650;}
.ad-ui .welcome h1 em,.ad-ui .welcome h2 em {font-family:inherit;font-style:normal;color:var(--ad-primary);font-weight:650;}
.ad-ui .welcome-symbol {background:var(--ad-sidebar);color:#a5b4fc;border-radius:16px;box-shadow:none;}
.ad-ui .welcome-symbol span {color:#a5b4fc;}
.ad-ui .welcome-modules span {background:var(--ad-primary-soft);color:var(--ad-primary);font-size:12px;border-radius:6px;}
.ad-ui .login-panel {padding:32px;}
.ad-ui .login-panel>small {font-size:12px;color:var(--ad-muted);line-height:1.65;}
.ad-ui .login-form,.ad-ui .login-panel form {gap:18px;}
.ad-ui .brand-icon {background:var(--ad-primary);color:#fff;font-family:inherit;border-radius:10px;}
.ad-ui .ad-nav-backdrop {display:none;}
.ad-ui .ad-nav-close {display:none;}
@media(max-width:760px) {
  .ad-ui .sidebar {width:min(288px,calc(100vw - 40px));transform:translateX(-100%);visibility:hidden;transition:transform .18s ease;}
  .ad-ui .sidebar.expanded,.ad-ui .sidebar.open,.ad-ui .sidebar.is-open,.ad-ui .menu-open .sidebar,.ad-ui .ad-menu-open .sidebar,.ad-ui.ad-menu-open .sidebar {transform:translateX(0);visibility:visible;box-shadow:16px 0 45px #111c3033;}
  .ad-ui .workspace {width:100%;margin-left:0;}
  .ad-ui .workspace>main {padding:24px 16px 0;}
  .ad-ui .topbar {padding:12px 16px;min-height:68px;}
  .ad-ui .top-actions {gap:10px;min-width:0;}
  .ad-ui .top-actions label,.ad-ui .topbar select {font-size:12px;}
  .ad-ui .topbar select {max-width:100%;}
  .ad-ui .mobile-menu,.ad-ui .menu-toggle {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}
  .ad-ui .stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .ad-ui .stat {padding:18px 14px;}
  .ad-ui .stat>strong {font-size:26px;}
  .ad-ui .panel-head,.ad-ui .panel-foot {padding:18px;}
  .ad-ui .button,.ad-ui button.primary,.ad-ui .text-button,.ad-ui .logout,.ad-ui .table-link {min-height:44px;}
  .ad-ui input:not([type="checkbox"]):not([type="radio"]),.ad-ui select,.ad-ui textarea {font-size:16px;min-height:44px;}
  .ad-ui .topbar select {font-size:14px;}
  .ad-ui .fields {grid-template-columns:minmax(0,1fr);gap:16px;}
  .ad-ui .welcome {padding:24px;gap:24px;}
  .ad-ui .welcome h1,.ad-ui .welcome h2 {font-size:27px;}
  .ad-ui .login-panel {padding:24px;}
  .ad-ui .ad-nav-backdrop {display:block;position:fixed;inset:0;z-index:49;background:#111c3080;border:0;padding:0;}
  .ad-ui .ad-nav-close {display:flex;align-items:center;justify-content:center;margin:0 0 16px auto;min-width:44px;min-height:44px;color:#d5ddec;background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;}
}
@media(prefers-reduced-motion:reduce) {.ad-ui *, .ad-ui *::before, .ad-ui *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important;}}
/* Existing HTML products use these adapters over the same primitives. */
.ad-ui.ad-platform .shell {display:block;}
.ad-ui.ad-platform .main {margin-left:var(--ad-sidebar-width);min-width:0;}
.ad-ui.ad-platform .button:not(.primary):not(.danger) {background:white;color:var(--ad-text);border-color:var(--ad-border);box-shadow:none;}
.ad-ui.ad-platform .button.primary {background:var(--ad-primary);color:white;border-color:var(--ad-primary);}
.ad-ui.ad-platform .sidebar .nav-label {color:inherit;font-size:13px;letter-spacing:normal;text-transform:none;margin:0;}
.ad-ui.ad-platform .nav-section {margin:0;}
.ad-ui.ad-platform .nav-search input {background:#ffffff0a;color:#d5ddec;border-color:#ffffff20;}
.ad-ui.ad-platform .nav-search input::placeholder {color:#b7c4da;}
.ad-ui.ad-platform .mark {width:38px;height:38px;background:var(--ad-primary);border-radius:11px;color:white;}
.ad-ui.ad-inventory .brand-mark {display:block;background:transparent;width:38px;height:38px;flex:0 0 38px;}
.ad-ui.ad-inventory .brand-mark svg {width:38px;height:38px;}
.ad-ui.ad-inventory {--sidebar:var(--ad-sidebar-width);}
.ad-ui.ad-inventory .workspace-sidebar {background:var(--ad-sidebar);width:var(--ad-sidebar-width);}
@media(min-width:761px) {
  .ad-ui.ad-platform .sidebar {transform:none;visibility:visible;}
  .ad-ui.ad-platform .mobile-menu-toggle,.ad-ui.ad-platform .sidebar-close,.ad-ui.ad-platform .sidebar-backdrop {display:none!important;}
}
@media(max-width:760px) {
  .ad-ui.ad-platform .main {margin-left:0;}
  .ad-ui.ad-platform .mobile-menu-toggle {display:inline-flex;}
  .ad-ui.ad-platform .sidebar-close {display:flex;}
  .ad-ui.ad-inventory .workspace-sidebar {width:auto;background:transparent;}
}
}
@media print {
  .ad-ui,.ad-ui body {background:white;color:#000;}
  .ad-ui .sidebar,.ad-ui .topbar,.ad-ui .ad-nav-backdrop,.ad-ui .ad-nav-close {display:none!important;}
  .ad-ui .workspace {margin:0!important;width:100%!important;}
  .ad-ui .workspace>main {padding:0;max-width:none;}
  .ad-ui .panel,.ad-ui .card,.ad-ui .stat {box-shadow:none;}
}