/* Salvaxo Modern UI — paralelni, responzivni interfejs */
:root{
  --sx-primary:#3157f6;
  --sx-primary-2:#5b4cf5;
  --sx-primary-soft:#eef2ff;
  --sx-bg:#f5f7fb;
  --sx-surface:#ffffff;
  --sx-surface-2:#f8fafc;
  --sx-border:#e4e9f2;
  --sx-text:#162033;
  --sx-muted:#68748a;
  --sx-success:#16a46b;
  --sx-warning:#f29b38;
  --sx-danger:#ef4f5f;
  --sx-purple:#8057eb;
  --sx-shadow:0 8px 28px rgba(34,53,91,.08);
  --sx-shadow-lg:0 18px 55px rgba(28,45,84,.13);
  --sx-radius:16px;
  --sx-sidebar:244px;
  --sx-topbar:72px;
}
html[data-sx-theme="dark"]{
  --sx-bg:#0d1422;
  --sx-surface:#131d2e;
  --sx-surface-2:#182437;
  --sx-border:#27354a;
  --sx-text:#edf3ff;
  --sx-muted:#9ba9bd;
  --sx-primary-soft:#1e2d58;
  --sx-shadow:0 10px 32px rgba(0,0,0,.22);
  --sx-shadow-lg:0 22px 70px rgba(0,0,0,.32);
}
.sx-legacy-ui .modern-only{display:none!important}
.sx-modern-ui .legacy-only{display:none!important}
.sx-modern-ui{
  background:var(--sx-bg)!important;
  color:var(--sx-text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  overflow-x:hidden;
}
.sx-modern-ui a{color:var(--sx-primary)}
.sx-modern-ui .container-fluid.app-shell{padding:0!important;max-width:none!important}
.sx-modern-shell{min-height:100vh;background:var(--sx-bg)}
.sx-sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--sx-sidebar);z-index:1040;
  display:flex;flex-direction:column;background:var(--sx-surface);border-right:1px solid var(--sx-border);
  transition:transform .22s ease,width .22s ease;color:var(--sx-text)
}
.sx-sidebar-brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--sx-border);font-weight:800;font-size:19px;color:var(--sx-text)!important;text-decoration:none!important}
.sx-sidebar-brand img{max-width:145px;max-height:38px;object-fit:contain}
.sx-brand-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#2b74f7,#5e43ee);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(49,87,246,.25)}
.sx-brand-mark:after{content:"";width:10px;height:10px;border:3px solid #fff;border-radius:3px;transform:rotate(45deg)}
.sx-sidebar-scroll{padding:16px 12px;overflow:auto;flex:1}
.sx-nav-section{margin:0 8px 8px;color:var(--sx-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.sx-nav{display:flex;flex-direction:column;gap:4px}
.sx-nav a{display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 12px;border-radius:11px;color:var(--sx-text);font-weight:600;text-decoration:none!important;position:relative}
.sx-nav a svg{width:19px;height:19px;flex:0 0 19px;color:#6a7790}
.sx-nav a:hover{background:var(--sx-surface-2)}
.sx-nav a.active{background:linear-gradient(135deg,var(--sx-primary),var(--sx-primary-2));color:#fff;box-shadow:0 9px 22px rgba(49,87,246,.24)}
.sx-nav a.active svg{color:#fff}
.sx-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f04454;color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.sx-sidebar-footer{padding:14px 12px;border-top:1px solid var(--sx-border);display:grid;gap:8px}
.sx-sidebar-footer .btn{width:100%;justify-content:flex-start}
.sx-main{min-height:100vh;margin-left:var(--sx-sidebar);transition:margin .22s ease}
.sx-topbar{height:var(--sx-topbar);position:sticky;top:0;z-index:1025;display:flex;align-items:center;gap:14px;padding:0 24px;background:color-mix(in srgb,var(--sx-surface) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--sx-border)}
.sx-menu-btn,.sx-icon-btn{width:40px;height:40px;border:1px solid var(--sx-border)!important;border-radius:11px!important;background:var(--sx-surface)!important;color:var(--sx-text)!important;display:inline-grid!important;place-items:center;padding:0!important}
.sx-menu-btn{display:none!important}
.sx-menu-btn svg,.sx-icon-btn svg{width:19px;height:19px}
.sx-global-search{position:relative;max-width:470px;flex:1;margin:0}
.sx-global-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--sx-muted);pointer-events:none}
.sx-global-search input{width:100%;height:42px;padding:0 15px 0 43px!important;border:1px solid transparent!important;background:var(--sx-surface-2)!important;border-radius:12px!important;color:var(--sx-text)!important;box-shadow:none!important}
.sx-global-search input:focus{border-color:rgba(49,87,246,.35)!important;box-shadow:0 0 0 4px rgba(49,87,246,.09)!important}
.sx-topbar-spacer{flex:1}
.sx-user{display:flex;align-items:center;gap:10px;padding-left:8px}
.sx-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#24324a,#48617e);color:#fff;display:grid;place-items:center;font-weight:800}
.sx-user-name{font-weight:700;font-size:13px;line-height:1.15}.sx-user-role{font-size:11px;color:var(--sx-muted)}
.sx-content{padding:24px 26px 88px;max-width:1900px;margin:0 auto}
.sx-page-footer{text-align:center;color:var(--sx-muted);font-size:11px;padding:6px 0 28px}
.sx-overlay{position:fixed;inset:0;background:rgba(12,21,35,.48);z-index:1035;opacity:0;visibility:hidden;transition:.2s}
.sx-mobile-nav{display:none}

/* Global component refresh */
.sx-modern-ui .card{background:var(--sx-surface);border:1px solid var(--sx-border)!important;border-radius:var(--sx-radius)!important;box-shadow:var(--sx-shadow)!important;color:var(--sx-text)}
.sx-modern-ui .card.p-4{padding:20px!important}
.sx-modern-ui h1,.sx-modern-ui h2,.sx-modern-ui h3,.sx-modern-ui h4,.sx-modern-ui h5,.sx-modern-ui h6{color:var(--sx-text);font-weight:750;letter-spacing:-.018em}
.sx-modern-ui .text-muted{color:var(--sx-muted)!important}
.sx-modern-ui .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:10px!important;font-weight:650;box-shadow:none!important}
.sx-modern-ui .btn-primary{background:linear-gradient(135deg,var(--sx-primary),#425bf3)!important;border-color:transparent!important;box-shadow:0 7px 18px rgba(49,87,246,.20)!important}
.sx-modern-ui .btn-outline-secondary,.sx-modern-ui .btn-outline-primary,.sx-modern-ui .btn-outline-dark{background:var(--sx-surface)!important;border-color:var(--sx-border)!important;color:var(--sx-text)!important}
.sx-modern-ui .btn-outline-secondary:hover,.sx-modern-ui .btn-outline-primary:hover,.sx-modern-ui .btn-outline-dark:hover{background:var(--sx-surface-2)!important;color:var(--sx-primary)!important}
.sx-modern-ui .form-control,.sx-modern-ui .form-select,.sx-modern-ui textarea,.sx-modern-ui input,.sx-modern-ui select{background:var(--sx-surface)!important;color:var(--sx-text)!important;border-color:var(--sx-border)!important;border-radius:10px!important;min-height:39px}
.sx-modern-ui .form-control:focus,.sx-modern-ui .form-select:focus,.sx-modern-ui textarea:focus,.sx-modern-ui input:focus,.sx-modern-ui select:focus{border-color:rgba(49,87,246,.52)!important;box-shadow:0 0 0 4px rgba(49,87,246,.09)!important}
.sx-modern-ui .form-label{color:var(--sx-muted);font-weight:650}
.sx-modern-ui .alert{border-radius:13px;border-width:1px;box-shadow:none}
.sx-modern-ui .badge{border:0!important;font-weight:700;padding:5px 9px}
.sx-modern-ui .pagination .page-link{background:var(--sx-surface);border-color:var(--sx-border);color:var(--sx-text);border-radius:9px;margin:0 3px}
.sx-modern-ui .pagination .active .page-link{background:var(--sx-primary);border-color:var(--sx-primary);color:#fff}
.sx-modern-ui table{background:transparent;color:var(--sx-text)}
.sx-modern-ui .table-responsive{border:1px solid var(--sx-border);border-radius:14px;background:var(--sx-surface)}
.sx-modern-ui .table{margin:0}
.sx-modern-ui .table>thead>tr>th{background:var(--sx-surface-2)!important;color:var(--sx-muted)!important;border-color:var(--sx-border)!important;font-size:11px;text-transform:uppercase;letter-spacing:.025em;padding:11px 9px!important}
.sx-modern-ui .table>tbody>tr>td{background:var(--sx-surface)!important;color:var(--sx-text);border-color:var(--sx-border)!important;padding:10px 9px!important}
.sx-modern-ui .table-hover>tbody>tr:hover>td{background:color-mix(in srgb,var(--sx-primary-soft) 60%,var(--sx-surface))!important}
.sx-modern-ui .dropdown-menu{background:var(--sx-surface);border-color:var(--sx-border);box-shadow:var(--sx-shadow-lg);border-radius:12px;padding:7px}
.sx-modern-ui .dropdown-item{color:var(--sx-text);border-radius:8px}.sx-modern-ui .dropdown-item:hover{background:var(--sx-surface-2)}

/* Dashboard */
.sx-dashboard-overview{margin-bottom:20px}
.sx-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.sx-page-heading h1{font-size:25px;margin:0}.sx-page-heading p{margin:5px 0 0;color:var(--sx-muted)}
.sx-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.sx-kpi{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:15px;padding:16px;box-shadow:var(--sx-shadow);min-height:112px;position:relative;overflow:hidden}
.sx-kpi-label{font-size:12px;color:var(--sx-muted);font-weight:650}.sx-kpi-value{font-size:25px;font-weight:800;line-height:1.1;margin-top:10px}.sx-kpi-note{font-size:11px;color:var(--sx-muted);margin-top:8px}.sx-kpi-icon{position:absolute;right:14px;top:14px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--sx-primary-soft);color:var(--sx-primary)}.sx-kpi-icon svg{width:19px;height:19px}.sx-kpi.danger .sx-kpi-icon{background:#fff0f1;color:var(--sx-danger)}.sx-kpi.warning .sx-kpi-icon{background:#fff5e8;color:var(--sx-warning)}.sx-kpi.success .sx-kpi-icon{background:#eafaf3;color:var(--sx-success)}
.sx-modern-ui .sx-dashboard-overview + .row>.col-12>.card{box-shadow:var(--sx-shadow)!important}

/* Modern order details */
.sx-order-modern{display:grid;gap:15px}.sx-order-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.sx-order-id{font-size:27px;font-weight:850}.sx-order-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sx-status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:var(--sx-primary-soft);color:var(--sx-primary);font-size:12px;font-weight:800}
.sx-timeline{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:15px;padding:18px 22px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:var(--sx-shadow)}
.sx-step{position:relative;text-align:center;color:var(--sx-muted);font-size:11px;padding-top:24px}.sx-step:before{content:"";position:absolute;top:7px;left:50%;width:14px;height:14px;border:3px solid var(--sx-border);border-radius:50%;background:var(--sx-surface);z-index:2;transform:translateX(-50%)}.sx-step:not(:last-child):after{content:"";position:absolute;top:13px;left:50%;width:100%;height:2px;background:var(--sx-border);z-index:1}.sx-step.done{color:var(--sx-primary);font-weight:750}.sx-step.done:before{background:var(--sx-primary);border-color:var(--sx-primary)}.sx-step.done:not(:last-child):after{background:var(--sx-primary)}
.sx-order-alerts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sx-order-alert{border:1px solid #ffd2d7;background:#fff5f6;color:#ad2838;border-radius:13px;padding:13px;font-size:12px;font-weight:650}.sx-order-alert.warning{border-color:#ffe0b9;background:#fff8ee;color:#9a5a0d}
.sx-order-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:15px}.sx-order-left,.sx-order-right{display:grid;align-content:start;gap:15px}.sx-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sx-panel{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:15px;padding:17px;box-shadow:var(--sx-shadow)}.sx-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;font-size:14px;font-weight:800}.sx-data-list{display:grid;gap:9px}.sx-data-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--sx-border);padding-bottom:8px}.sx-data-row:last-child{border:0;padding-bottom:0}.sx-data-row span:first-child{color:var(--sx-muted)}.sx-data-row strong{text-align:right}.sx-total{font-size:22px;color:var(--sx-success)}
.sx-order-items .table-responsive{border-radius:12px}.sx-order-note{white-space:pre-wrap;line-height:1.55}.sx-mobile-actions{display:none}

/* Old pages receive a coherent modern frame */
.sx-modern-ui .page>.d-flex:first-child,.sx-modern-ui .page>.row:first-child{scroll-margin-top:90px}
.sx-modern-ui .orders-actions-toolbar{background:var(--sx-surface-2);border:1px solid var(--sx-border);border-radius:13px;padding:10px}
.sx-modern-ui .orders-table-responsive{border-radius:14px!important;box-shadow:none}
.sx-modern-ui tr.day-group-row td{background:color-mix(in srgb,var(--sx-primary-soft) 78%,var(--sx-surface))!important}.sx-modern-ui tr.supplier-group-row td{background:var(--sx-surface-2)!important}

/* Dark adjustments */
html[data-sx-theme="dark"] .sx-modern-ui .btn-outline-secondary,html[data-sx-theme="dark"] .sx-modern-ui .btn-outline-primary,html[data-sx-theme="dark"] .sx-modern-ui .btn-outline-dark{background:var(--sx-surface-2)!important}
html[data-sx-theme="dark"] .sx-order-alert{background:#351e27;border-color:#65313d;color:#ffabb5}html[data-sx-theme="dark"] .sx-order-alert.warning{background:#352a1d;border-color:#634a2b;color:#ffd69a}
html[data-sx-theme="dark"] .sx-kpi.danger .sx-kpi-icon{background:#3a2028}html[data-sx-theme="dark"] .sx-kpi.warning .sx-kpi-icon{background:#3a2d1d}html[data-sx-theme="dark"] .sx-kpi.success .sx-kpi-icon{background:#173629}

@media(max-width:1280px){.sx-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-order-alerts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1099.98px){
  .sx-sidebar{transform:translateX(-102%);box-shadow:var(--sx-shadow-lg)}.sx-main{margin-left:0}.sx-menu-btn{display:inline-grid!important}.sx-modern-ui.sx-sidebar-open .sx-sidebar{transform:translateX(0)}.sx-modern-ui.sx-sidebar-open .sx-overlay{opacity:1;visibility:visible}.sx-user-name-wrap{display:none}.sx-content{padding-left:18px;padding-right:18px}.sx-order-grid{grid-template-columns:1fr}
}
@media(max-width:767.98px){
  :root{--sx-topbar:60px}.sx-topbar{height:60px;padding:0 12px;gap:8px}.sx-global-search{max-width:none}.sx-global-search input{height:39px;font-size:13px}.sx-topbar .sx-mode-text,.sx-topbar .sx-user{display:none}.sx-content{padding:14px 10px 86px}.sx-page-heading{align-items:flex-start}.sx-page-heading h1{font-size:22px}.sx-page-heading .btn{min-height:36px}.sx-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.sx-kpi{min-height:103px;padding:13px}.sx-kpi-value{font-size:22px}.sx-kpi-icon{width:34px;height:34px}.sx-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:68px;background:color-mix(in srgb,var(--sx-surface) 97%,transparent);border-top:1px solid var(--sx-border);z-index:1030;backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom)}.sx-mobile-nav a,.sx-mobile-nav button{border:0;background:transparent;color:var(--sx-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;text-decoration:none!important;padding:5px 2px}.sx-mobile-nav svg{width:20px;height:20px}.sx-mobile-nav .active{color:var(--sx-primary);font-weight:750}.sx-mobile-nav .sx-mobile-plus{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sx-primary),var(--sx-primary-2));color:#fff;box-shadow:0 8px 22px rgba(49,87,246,.34);margin-top:-13px;align-self:center;justify-self:center}.sx-mobile-nav .sx-mobile-plus svg{width:22px;height:22px}.sx-page-footer{display:none}
  .sx-modern-ui .card.p-4{padding:14px!important}.sx-modern-ui .card{border-radius:13px!important}.sx-modern-ui .row.g-4{--bs-gutter-y:.75rem}.sx-modern-ui .d-flex.align-items-center.justify-content-between.mb-3{align-items:flex-start!important;gap:10px;flex-wrap:wrap}.sx-modern-ui .d-flex.gap-2{flex-wrap:wrap}.sx-modern-ui .orders-actions-toolbar{overflow-x:auto;flex-wrap:nowrap!important;padding:8px}.sx-modern-ui .orders-actions-toolbar .btn{flex:0 0 auto!important}.sx-modern-ui form.row .col-12{width:100%}
  .sx-responsive-table:not(.sx-no-card)>thead{display:none}.sx-responsive-table:not(.sx-no-card),.sx-responsive-table:not(.sx-no-card)>tbody{display:block;width:100%}.sx-responsive-table:not(.sx-no-card)>tbody>tr:not(.day-group-row):not(.supplier-group-row){display:block;margin:9px;border:1px solid var(--sx-border);border-radius:13px;background:var(--sx-surface);box-shadow:0 4px 16px rgba(31,48,82,.05);padding:6px 10px}.sx-responsive-table:not(.sx-no-card)>tbody>tr:not(.day-group-row):not(.supplier-group-row)>td{display:grid!important;grid-template-columns:minmax(90px,34%) minmax(0,1fr);gap:10px;width:100%!important;max-width:none!important;min-height:34px;padding:8px 2px!important;border:0!important;border-bottom:1px solid var(--sx-border)!important;text-align:right!important;position:static!important;box-shadow:none!important;white-space:normal!important}.sx-responsive-table:not(.sx-no-card)>tbody>tr:not(.day-group-row):not(.supplier-group-row)>td:last-child{border-bottom:0!important}.sx-responsive-table:not(.sx-no-card)>tbody>tr:not(.day-group-row):not(.supplier-group-row)>td:before{content:attr(data-label);color:var(--sx-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;text-align:left}.sx-responsive-table:not(.sx-no-card)>tbody>tr:not(.day-group-row):not(.supplier-group-row)>td>*{min-width:0;max-width:100%}.sx-responsive-table .day-group-row,.sx-responsive-table .supplier-group-row{display:table;width:calc(100% - 18px);margin:8px 9px;border-radius:10px;overflow:hidden}.sx-responsive-table .day-group-row td,.sx-responsive-table .supplier-group-row td{display:table-cell!important}
  .sx-order-hero{display:grid}.sx-order-actions{justify-content:flex-start}.sx-timeline{padding:15px 8px}.sx-step{font-size:9px}.sx-step small{display:none}.sx-order-alerts{grid-template-columns:1fr}.sx-info-grid{grid-template-columns:1fr}.sx-order-modern .sx-order-actions{display:none}.sx-mobile-actions{display:grid;grid-template-columns:repeat(2,1fr);position:fixed;left:0;right:0;bottom:68px;z-index:1024;background:var(--sx-surface);border-top:1px solid var(--sx-border);padding:8px 10px;gap:8px}.sx-order-modern{padding-bottom:62px}.sx-data-row{font-size:12px}.sx-order-id{font-size:23px}
}
@media(max-width:430px){.sx-kpi-grid{grid-template-columns:1fr}.sx-global-search input::placeholder{color:transparent}.sx-global-search{min-width:0}.sx-topbar .sx-icon-btn.sx-hide-xs{display:none!important}}
.sx-orders-overview{margin-bottom:16px}.sx-order-status-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.sx-status-card{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:13px;padding:13px 14px;box-shadow:var(--sx-shadow);color:var(--sx-text)!important;display:flex;align-items:center;justify-content:space-between;gap:8px}.sx-status-card span{color:var(--sx-muted);font-size:12px;font-weight:650}.sx-status-card strong{font-size:20px}.sx-status-card:hover{border-color:rgba(49,87,246,.36);transform:translateY(-1px)}
@media(max-width:1200px){.sx-order-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767.98px){.sx-order-status-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:3px}.sx-status-card{min-width:128px;flex:0 0 auto}.sx-orders-overview + .card>.d-flex:first-of-type{display:none!important}}
/* Reklamacije su sada deo globalnog modernog okvira; uklanja se dupli bočni meni. */
.sx-modern-ui .complaints-app{display:block;min-height:0;border:0;border-radius:0;overflow:visible;box-shadow:none;background:transparent}
.sx-modern-ui .complaints-sidebar{display:none!important}.sx-modern-ui .complaints-main{background:transparent}.sx-modern-ui .complaints-topbar{min-height:auto;padding:0 0 17px;background:transparent;border:0;align-items:flex-start}.sx-modern-ui .complaints-content{padding:0}.sx-modern-ui .complaints-topbar h1{font-size:25px}.sx-modern-ui .complaints-panel,.sx-modern-ui .complaints-stat,.sx-modern-ui .complaints-form-window,.sx-modern-ui .complaints-summary-card,.sx-modern-ui .complaints-detail-card{box-shadow:var(--sx-shadow)}
html[data-sx-theme="dark"] .sx-modern-ui .complaints-app{--c-bg:var(--sx-bg);--c-panel:var(--sx-surface);--c-panel-2:var(--sx-surface-2);--c-text:var(--sx-text);--c-muted:var(--sx-muted);--c-line:var(--sx-border);--c-brand:#6f8dff;--c-brand-2:#8aa1ff;--c-shadow:var(--sx-shadow)}
@media(max-width:767.98px){.sx-modern-ui .complaints-topbar{display:block}.sx-modern-ui .complaints-topbar-actions{margin-top:10px}.sx-modern-ui .complaints-content{padding:0}.sx-modern-ui .complaints-app{border-radius:0}.sx-modern-ui .complaints-table{min-width:820px}}


/* Standalone modern application markers */
.sx-version-badge{
  margin-left:auto; padding:3px 7px; border-radius:999px; font-size:9px; font-weight:800;
  letter-spacing:.08em; color:#3155e7; background:#eef2ff; border:1px solid #dbe3ff;
}
[data-sx-theme="dark"] .sx-version-badge{color:#aebcff;background:#17213a;border-color:#2b3c67}
.sx-sidebar-footer > a.btn{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-decoration:none}
.sx-sidebar-footer > a.btn:hover{text-decoration:none}
.sx-modern-standalone .sx-page-footer{letter-spacing:.01em}

/* ========================================================================== 
   Salvaxo UI v0.4 — operativni centar
   ========================================================================== */
:root{--sx-sidebar:236px;--sx-topbar:68px;--sx-radius:14px}
.sx-modern-ui{font-family:Inter,"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important}
.sx-modern-ui .container-fluid.app-shell{min-height:100vh}
.sx-sidebar-brand{height:68px;padding:0 18px;font-size:18px}.sx-sidebar-brand img{max-width:150px;max-height:34px}.sx-version-badge{font-size:8px;padding:3px 6px}
.sx-sidebar-scroll{padding:14px 10px;scrollbar-width:thin;scrollbar-color:#c6cfdd transparent}.sx-nav-section{margin:3px 10px 7px;font-size:9px}
.sx-nav{gap:2px}.sx-nav>a{min-height:39px;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:600;gap:10px}.sx-nav>a svg{width:17px;height:17px;flex-basis:17px}.sx-nav>a.active{box-shadow:0 7px 18px rgba(49,87,246,.20)}
.sx-nav-count{margin-left:auto;font-size:10px;min-width:20px;text-align:center;color:var(--sx-muted);font-weight:800}.sx-nav>a.active .sx-nav-count{color:#fff}.sx-nav-badge.purple{background:#7c3aed}
.sx-subnav{display:none;margin:1px 0 6px 38px;border-left:1px solid var(--sx-border);padding:2px 0 2px 9px}.sx-subnav.is-open{display:grid}.sx-subnav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:29px!important;padding:4px 7px!important;border-radius:7px!important;font-size:11px!important;font-weight:550!important;color:var(--sx-muted)!important;background:transparent!important;box-shadow:none!important}.sx-subnav a.active{color:var(--sx-primary)!important;font-weight:750!important}.sx-subnav a b{font-size:9px;background:var(--sx-surface-2);border:1px solid var(--sx-border);min-width:20px;text-align:center;padding:2px 4px;border-radius:7px}.sx-subnav a b.danger{color:var(--sx-danger);background:#fff2f3;border-color:#ffdadd}
.sx-nav>a.sx-muted-link{color:var(--sx-text)}
.sx-sidebar-footer{padding:10px;border-top:1px solid var(--sx-border);grid-template-columns:1fr 1fr;gap:7px}.sx-sidebar-footer .btn{min-height:38px!important;padding:7px!important;font-size:0!important;justify-content:center!important}.sx-sidebar-footer .btn svg{width:18px!important;height:18px!important;flex:0 0 18px}.sx-sidebar-footer .btn span{font-size:10px;line-height:1.1}
.sx-topbar{height:68px;padding:0 20px}.sx-global-search{max-width:420px}.sx-global-search input{height:40px;font-size:12px}.sx-content{padding:24px 24px 74px;max-width:1760px}.sx-notification-button{position:relative}.sx-notification-button>span{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--sx-danger);color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid var(--sx-surface)}
.sx-page-heading-top{align-items:center;margin-bottom:18px}.sx-page-heading-top h1{font-size:27px}.sx-page-heading-top p{font-size:12px}.sx-date-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-surface);color:var(--sx-muted);font-size:12px;font-weight:650}
.sx-connection-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:999px;background:#fff4e7;color:#96601a;border:1px solid #ffddb0;font-size:11px;font-weight:750}.sx-connection-pill>span{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}.sx-connection-pill.is-online{background:#eafaf3;color:#11724a;border-color:#c7efdc}.sx-connection-pill.is-online>span{background:#16a46b;box-shadow:0 0 0 4px rgba(22,164,107,.12)}

/* Dashboard */
.sx-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.sx-metric-card{position:relative;display:block;min-height:126px;padding:16px 17px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:14px;box-shadow:var(--sx-shadow);text-decoration:none!important;color:var(--sx-text)!important;transition:.18s ease}.sx-metric-card:hover{transform:translateY(-2px);border-color:rgba(49,87,246,.30);box-shadow:var(--sx-shadow-lg)}.sx-metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--sx-muted);font-size:11px;font-weight:700}.sx-metric-head i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:17px}.sx-metric-head i svg{width:18px;height:18px}.sx-metric-head .blue{background:#edf2ff;color:#3157f6}.sx-metric-head .green{background:#e9faf2;color:#11a36a}.sx-metric-head .purple{background:#f1edff;color:#7452e8}.sx-metric-head .red{background:#fff0f2;color:#ea485b}.sx-metric-card>strong{display:block;margin-top:-9px;font-size:25px;line-height:1.15;letter-spacing:-.035em}.sx-metric-card>small{display:block;margin-top:9px;font-size:10px;color:var(--sx-muted)}.positive{color:var(--sx-success)!important}.negative{color:var(--sx-danger)!important}
.sx-dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:14px;margin-bottom:14px}.sx-dashboard-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.sx-dashboard-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sx-panel{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:14px;padding:16px;box-shadow:var(--sx-shadow)}.sx-panel-title{margin-bottom:12px}.sx-panel-title>div{display:grid;gap:3px}.sx-panel-title>div>span,.sx-panel-title>span{font-size:13px;font-weight:800;color:var(--sx-text)}.sx-panel-title small{font-size:10px;color:var(--sx-muted);font-weight:500}.sx-panel-title>a{font-size:10px;font-weight:700;text-decoration:none}
.sx-chart-panel{min-height:342px}.sx-line-chart{height:270px;padding-top:2px}.sx-line-chart svg{display:block;width:100%;height:100%;overflow:visible}.sx-line-chart .grid{stroke:var(--sx-border);stroke-width:1}.sx-line-chart .series{fill:none;stroke:var(--sx-primary);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.sx-line-chart .point{fill:var(--sx-surface);stroke:var(--sx-primary);stroke-width:4}.sx-line-chart text{font-size:10px;fill:var(--sx-muted)}
.sx-recent-orders{padding-bottom:8px}.sx-recent-list{display:grid}.sx-recent-order{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;border-top:1px solid var(--sx-border);color:var(--sx-text)!important;text-decoration:none!important}.sx-recent-order:first-child{border-top:0}.sx-recent-order:hover{background:var(--sx-surface-2)}.sx-order-source{width:30px;height:30px;border-radius:9px;background:#edf2ff;color:#3157f6;display:grid;place-items:center;font-size:9px;font-weight:850}.sx-order-source.source-kp{background:#ebfaef;color:#18a159}.sx-order-source.source-telefon,.sx-order-source.source-phone{background:#edf9f3;color:#149a66}.sx-order-source.source-viber{background:#f2edff;color:#7b4fe0}.sx-recent-order-main{min-width:0;display:grid;gap:2px}.sx-recent-order-main>strong{font-size:10px;color:var(--sx-primary)}.sx-recent-order-main>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-recent-order-main>small{font-size:9px;color:var(--sx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-recent-order-side{display:grid;justify-items:end;gap:3px}.sx-recent-order-side>strong{font-size:10px}.sx-recent-order-side>em,.sx-job-status{font-style:normal;font-size:9px;font-weight:750;padding:3px 7px;border-radius:7px}.sx-recent-order-side>small{font-size:9px;color:var(--sx-muted)}
.tone-slate{background:#f0f2f6!important;color:#5e687a!important}.tone-orange{background:#fff2df!important;color:#b76b0d!important}.tone-green{background:#e6f8ef!important;color:#118c5c!important}.tone-cyan{background:#e4f8f5!important;color:#0e8c80!important}.tone-purple{background:#eee8ff!important;color:#7448dd!important}.tone-red{background:#ffe9ec!important;color:#d8374a!important}.tone-blue{background:#eaf0ff!important;color:#3157d8!important}
.sx-status-summary{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;min-height:165px}.sx-donut{--p:45;width:122px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--sx-primary) calc(var(--p)*1%),#7d5cec 0 64%,#21b879 0 82%,#f2a24a 0 92%,var(--sx-border) 0);display:grid;place-items:center;position:relative}.sx-donut:after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--sx-surface)}.sx-donut>span{position:relative;z-index:1;display:grid;text-align:center}.sx-donut strong{font-size:21px}.sx-donut small{font-size:9px;color:var(--sx-muted)}.sx-status-legend{display:grid;gap:7px}.sx-status-legend a{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;text-decoration:none!important;color:var(--sx-text)!important;font-size:10px}.sx-status-legend i{width:7px;height:7px;border-radius:50%;padding:0!important}.sx-status-legend strong{font-size:10px}
.sx-source-bars{display:grid;gap:12px;min-height:165px;align-content:center}.sx-source-bars header{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:10px}.sx-source-bars header span{color:var(--sx-muted)}.sx-source-bars header strong{font-size:10px}.sx-bar{height:7px;background:var(--sx-surface-2);border-radius:999px;overflow:hidden}.sx-bar i{display:block;height:100%;min-width:3px;border-radius:999px;background:linear-gradient(90deg,var(--sx-primary),#7a56ed)}
.sx-alert-list,.sx-compact-list{display:grid}.sx-alert-list>a,.sx-compact-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:43px;padding:7px 0;border-top:1px solid var(--sx-border);text-decoration:none!important;color:var(--sx-text)!important}.sx-alert-list>a:first-child,.sx-compact-list>a:first-child{border-top:0}.sx-alert-list i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:850}.sx-alert-list i.red{background:#ffe9ec;color:#d8374a}.sx-alert-list i.orange{background:#fff2df;color:#b76b0d}.sx-alert-list span,.sx-compact-list span{min-width:0;display:grid;gap:2px}.sx-alert-list strong,.sx-compact-list strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-alert-list small,.sx-compact-list small{font-size:9px;color:var(--sx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-alert-list b,.sx-compact-list b{font-size:9px;white-space:nowrap}.sx-product-thumb{width:32px!important;height:32px;border:1px solid var(--sx-border);border-radius:8px;display:grid!important;place-items:center!important;overflow:hidden;color:var(--sx-muted)}.sx-product-thumb img{width:100%;height:100%;object-fit:contain}.sx-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sx-quick-actions>a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:1px solid var(--sx-border);border-radius:11px;text-decoration:none!important;color:var(--sx-text)!important;background:var(--sx-surface-2)}.sx-quick-actions>a:hover{border-color:rgba(49,87,246,.3)}.sx-quick-actions i{width:34px;height:34px;border-radius:9px;background:var(--sx-primary-soft);color:var(--sx-primary);display:grid;place-items:center;font-style:normal;font-size:16px}.sx-quick-actions i svg{width:17px;height:17px}.sx-quick-actions span{display:grid;gap:2px}.sx-quick-actions strong{font-size:10px}.sx-quick-actions small{font-size:9px;color:var(--sx-muted)}
.sx-empty-state{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;color:var(--sx-muted);padding:16px}.sx-empty-state strong{font-size:11px;color:var(--sx-text)}.sx-empty-state span{font-size:10px}.sx-empty-large{min-height:480px}

/* Porudžbine: mali status tabovi umesto velikih kartica */
.sx-orders-overview{margin-bottom:12px}.sx-order-status-grid{display:flex;gap:7px;flex-wrap:wrap}.sx-status-card{min-height:36px;min-width:auto;padding:7px 11px;border-radius:9px;box-shadow:none;justify-content:flex-start}.sx-status-card span{font-size:10px}.sx-status-card strong{font-size:10px;min-width:21px;padding:2px 5px;border-radius:6px;background:var(--sx-surface-2);text-align:center}.sx-status-card.active{background:var(--sx-primary);border-color:var(--sx-primary);color:#fff!important}.sx-status-card.active span{color:#fff}.sx-status-card.active strong{background:rgba(255,255,255,.18);color:#fff}.sx-page-orders .card.p-4>.d-flex:first-of-type{display:none!important}.sx-page-orders .card.p-4{padding:14px!important}.sx-page-orders .card form.row{margin-bottom:10px!important}.sx-page-orders .orders-actions-toolbar{min-height:48px}.sx-page-orders .orders-table th,.sx-page-orders .orders-table td{border-left:0!important;border-right:0!important}.sx-page-orders .orders-table>tbody>tr>td{font-size:10px;padding:8px 7px!important}.sx-page-orders .orders-table>thead>tr>th{font-size:9px;padding:8px 6px!important}.sx-page-orders .orders-table thead input,.sx-page-orders .orders-table thead select{min-height:32px!important;font-size:9px!important;padding:4px 6px!important}.sx-page-orders .status-select{min-width:122px!important;min-height:33px!important;font-size:10px!important;padding-top:4px!important;padding-bottom:4px!important}.sx-page-orders .orders-table-responsive{max-height:calc(100vh - 310px);overflow:auto}.sx-page-orders .orders-table thead{position:sticky;top:0;z-index:6}.sx-page-orders tr.day-group-row td,.sx-page-orders tr.supplier-group-row td{font-size:10px!important;padding:7px 8px!important}

/* Operativni inbox */
.sx-channel-strip{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}.sx-channel-strip>a{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--sx-border);border-radius:9px;background:var(--sx-surface);color:var(--sx-muted)!important;text-decoration:none!important;font-size:10px;font-weight:700;white-space:nowrap}.sx-channel-strip>a.active{color:var(--sx-primary)!important;border-color:rgba(49,87,246,.36);background:var(--sx-primary-soft)}.sx-channel-strip small{min-width:18px;padding:1px 5px;border-radius:6px;background:var(--sx-surface-2);text-align:center}.sx-channel-dot{width:7px;height:7px;border-radius:50%;background:#64748b}.sx-channel-dot.sms{background:#20ad70}.sx-channel-dot.viber{background:#7c4edb}.sx-channel-dot.email{background:#3475eb}.sx-channel-dot.phone{background:#f59e0b}.sx-channel-dot.kp{background:#28a55d}
.sx-inbox{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:680px;height:calc(100vh - 190px);max-height:920px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:14px;box-shadow:var(--sx-shadow);overflow:hidden}.sx-inbox-list{border-right:1px solid var(--sx-border);display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.sx-inbox-search{display:flex;gap:7px;padding:11px;border-bottom:1px solid var(--sx-border);background:var(--sx-surface-2)}.sx-inbox-search input{font-size:10px!important}.sx-inbox-search .btn{font-size:10px}.sx-inbox-list-scroll{overflow:auto}.sx-thread{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:11px;border-bottom:1px solid var(--sx-border);text-decoration:none!important;color:var(--sx-text)!important}.sx-thread:hover,.sx-thread.active{background:var(--sx-primary-soft)}.sx-thread.active{box-shadow:inset 3px 0 0 var(--sx-primary)}.sx-thread-avatar{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:var(--sx-primary);display:grid;place-items:center;font-size:11px;font-weight:850}.sx-thread-main{min-width:0;display:grid;gap:4px}.sx-thread-main strong{font-size:10px}.sx-thread-main small{font-size:9px;color:var(--sx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-thread-meta{display:grid;align-content:start;justify-items:end;gap:5px}.sx-thread-meta small{font-size:8px;color:var(--sx-muted)}.sx-thread-meta b{min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--sx-danger);color:#fff;font-size:8px;display:grid;place-items:center}.sx-conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0}.sx-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;border-bottom:1px solid var(--sx-border)}.sx-conversation-head h2{font-size:14px;margin:0}.sx-conversation-head p{font-size:9px;color:var(--sx-muted);margin:3px 0 0}.sx-conversation-head .btn{font-size:9px;min-height:32px}.sx-conversation-body{overflow:auto;padding:20px;background:color-mix(in srgb,var(--sx-surface-2) 65%,var(--sx-surface));display:flex;flex-direction:column;gap:10px}.sx-conversation-welcome{margin:auto;max-width:330px;text-align:center;color:var(--sx-muted)}.sx-conversation-welcome>span{display:grid;margin:0 auto 9px;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--sx-primary-soft);font-size:20px}.sx-conversation-welcome strong{display:block;color:var(--sx-text);font-size:12px}.sx-conversation-welcome p{font-size:10px;line-height:1.5}.sx-message-row{display:flex;justify-content:flex-start}.sx-message-row.outbound{justify-content:flex-end}.sx-message-bubble{max-width:min(610px,78%);background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:13px 13px 13px 3px;padding:10px 12px;font-size:11px;line-height:1.5;box-shadow:0 4px 14px rgba(35,50,83,.05)}.sx-message-row.outbound .sx-message-bubble{background:#eaf0ff;border-color:#cfdbff;border-radius:13px 13px 3px 13px}.sx-message-bubble.internal{background:#fff7e8;border-color:#ffe0ad}.sx-message-bubble footer{display:flex;justify-content:space-between;gap:14px;margin-top:7px;font-size:8px;color:var(--sx-muted)}.sx-message-error{margin-top:7px;color:var(--sx-danger);font-size:9px}.sx-customer-context{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--sx-border);background:var(--sx-surface)}.sx-customer-context>*{display:grid;gap:2px;padding:9px 12px;border-right:1px solid var(--sx-border);text-decoration:none!important;color:var(--sx-text)!important}.sx-customer-context>*:last-child{border-right:0}.sx-customer-context span{font-size:8px;color:var(--sx-muted)}.sx-customer-context strong{font-size:10px}.sx-composer{padding:12px 14px;border-top:1px solid var(--sx-border);background:var(--sx-surface)}.sx-composer-top{display:flex;justify-content:space-between;gap:9px;margin-bottom:8px}.sx-composer-top select{max-width:220px;font-size:10px!important}.sx-template-buttons{display:flex;gap:5px;overflow-x:auto}.sx-template-buttons button{min-height:30px;padding:4px 8px;border:1px solid var(--sx-border);background:var(--sx-surface-2);border-radius:8px;font-size:8px;color:var(--sx-muted);white-space:nowrap}.sx-composer textarea{resize:vertical;min-height:70px;font-size:11px!important}.sx-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px}.sx-composer-foot span{font-size:8px;color:var(--sx-muted)}.sx-composer-foot .btn{font-size:10px;min-width:135px}

/* Automatizacije */
.sx-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.sx-mini-kpis>div{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--sx-border);border-radius:12px;background:var(--sx-surface);box-shadow:var(--sx-shadow)}.sx-mini-kpis span{font-size:10px;color:var(--sx-muted)}.sx-mini-kpis strong{font-size:22px}.sx-mini-kpis small{font-size:8px;color:var(--sx-muted)}.sx-mini-kpis .danger strong{color:var(--sx-danger)}.sx-automation-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin-bottom:14px}.sx-section-head h2{font-size:15px;margin:0}.sx-section-head p{font-size:10px;color:var(--sx-muted);margin:4px 0 11px}.sx-automation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sx-automation-card{position:relative;overflow:hidden;border:1px solid var(--sx-border);border-radius:13px;padding:13px;background:var(--sx-surface);box-shadow:var(--sx-shadow);display:flex;flex-direction:column;min-height:215px}.sx-automation-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--sx-primary)}.sx-automation-card.accent-cyan:before{background:#18aeb7}.sx-automation-card.accent-purple:before{background:#7952dc}.sx-automation-card.accent-green:before{background:#20a969}.sx-automation-card.accent-orange:before{background:#f29b38}.sx-automation-card-top{display:flex;align-items:center;justify-content:space-between}.sx-automation-icon{width:31px;height:31px;border-radius:9px;background:var(--sx-primary-soft);color:var(--sx-primary);display:grid;place-items:center}.sx-automation-group{font-size:8px;color:var(--sx-muted);font-weight:750;text-transform:uppercase}.sx-automation-card h3{font-size:12px;margin:12px 0 6px}.sx-automation-card p{font-size:9px;line-height:1.45;color:var(--sx-muted);flex:1}.sx-automation-form{display:grid;gap:8px}.sx-automation-form .btn{font-size:9px;min-height:33px}.sx-automation-form details{border-top:1px solid var(--sx-border);padding-top:7px}.sx-automation-form summary{font-size:8px;color:var(--sx-primary);cursor:pointer}.sx-automation-form label,.sx-worker-details label{display:grid;gap:3px;font-size:8px;color:var(--sx-muted);margin-top:6px}.sx-automation-form input,.sx-automation-form textarea,.sx-worker-details input{font-size:9px!important;min-height:32px!important}.sx-worker-panel{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:13px;padding:15px;box-shadow:var(--sx-shadow);align-self:start}.sx-worker-state{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:11px;background:#fff7e9;border:1px solid #ffe0b3;border-radius:10px}.sx-worker-state>i{width:9px;height:9px;border-radius:50%;background:#f59e0b;margin-top:3px}.sx-worker-state>div{display:grid;gap:3px}.sx-worker-state strong{font-size:10px}.sx-worker-state span{font-size:8px;color:var(--sx-muted);line-height:1.4}.sx-worker-state.online{background:#ebfaf3;border-color:#c8efdc}.sx-worker-state.online>i{background:#16a46b}.sx-setup-steps{list-style:none;padding:0;margin:13px 0;display:grid;gap:10px}.sx-setup-steps li{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:start}.sx-setup-steps li>span{width:25px;height:25px;border-radius:8px;background:var(--sx-surface-2);border:1px solid var(--sx-border);display:grid;place-items:center;font-size:8px;font-weight:800}.sx-setup-steps li>div{display:grid;gap:2px}.sx-setup-steps strong{font-size:9px}.sx-setup-steps small{font-size:8px;color:var(--sx-muted)}.sx-worker-details{border-top:1px solid var(--sx-border);padding-top:10px}.sx-worker-details summary{font-size:9px;font-weight:700;cursor:pointer}.sx-worker-details .btn{margin-top:7px;font-size:9px}.sx-worker-details p{font-size:8px;color:var(--sx-muted);margin:8px 0 0}.sx-jobs-panel .table{font-size:9px}.sx-job-status.queued{background:#fff1dc;color:#aa650d}.sx-job-status.running{background:#eaf0ff;color:#3157d8}.sx-job-status.completed{background:#e7f8ef;color:#118c5c}.sx-job-status.failed{background:#ffe9ec;color:#d8374a}.sx-job-status.cancelled{background:#eef0f4;color:#637084}.sx-progress{display:inline-block;width:76px;height:6px;border-radius:999px;background:var(--sx-surface-2);overflow:hidden;vertical-align:middle;margin-right:4px}.sx-progress span{display:block;height:100%;background:var(--sx-primary);border-radius:999px}

/* Dark theme additions */
html[data-sx-theme="dark"] .sx-connection-pill{background:#392c1b;border-color:#664b27;color:#ffd89e}html[data-sx-theme="dark"] .sx-connection-pill.is-online{background:#17382c;border-color:#275b48;color:#9be5c5}
html[data-sx-theme="dark"] .sx-subnav a b{background:var(--sx-surface-2)}html[data-sx-theme="dark"] .sx-subnav a b.danger{background:#3b2027;border-color:#6a303d}
html[data-sx-theme="dark"] .sx-message-row.outbound .sx-message-bubble{background:#1c2c55;border-color:#2f477a}html[data-sx-theme="dark"] .sx-message-bubble.internal{background:#3b301f;border-color:#68512b}
html[data-sx-theme="dark"] .sx-worker-state{background:#382d1d;border-color:#624b2c}html[data-sx-theme="dark"] .sx-worker-state.online{background:#17382c;border-color:#275b48}

@media(max-width:1380px){.sx-automation-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-dashboard-main-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}}
@media(max-width:1180px){.sx-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-dashboard-bottom-grid{grid-template-columns:1fr 1fr}.sx-dashboard-bottom-grid>section:last-child{grid-column:1/-1}.sx-inbox{grid-template-columns:310px minmax(0,1fr)}.sx-automation-layout{grid-template-columns:1fr}.sx-worker-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sx-worker-panel>.sx-panel-title{grid-column:1/-1}.sx-worker-details{border-top:0;padding-top:0}}
@media(max-width:1099.98px){.sx-subnav{display:grid}.sx-sidebar-footer{grid-template-columns:1fr}.sx-sidebar-footer .btn{font-size:10px!important}.sx-content{padding-top:18px}}
@media(max-width:900px){.sx-dashboard-main-grid,.sx-dashboard-ops-grid{grid-template-columns:1fr}.sx-dashboard-bottom-grid{grid-template-columns:1fr}.sx-dashboard-bottom-grid>section:last-child{grid-column:auto}.sx-inbox{grid-template-columns:280px minmax(0,1fr)}.sx-customer-context{grid-template-columns:1fr 1fr}.sx-customer-context>*:nth-child(2){border-right:0}.sx-customer-context>*:nth-child(-n+2){border-bottom:1px solid var(--sx-border)}}
@media(max-width:767.98px){
  .sx-page-heading-top{display:grid}.sx-page-heading-top>div:last-child{width:100%;overflow-x:auto;flex-wrap:nowrap!important}.sx-page-heading-top .btn,.sx-date-chip,.sx-connection-pill{white-space:nowrap}.sx-dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.sx-metric-card{min-height:112px;padding:12px}.sx-metric-card>strong{font-size:20px;margin-top:-6px}.sx-metric-head i{width:32px;height:32px}.sx-line-chart{height:220px}.sx-chart-panel{min-height:290px}.sx-dashboard-main-grid,.sx-dashboard-bottom-grid,.sx-dashboard-ops-grid{gap:9px}.sx-panel{padding:13px}.sx-status-summary{grid-template-columns:110px 1fr}.sx-donut{width:104px}.sx-quick-actions{grid-template-columns:1fr}.sx-orders-overview .sx-page-heading>div:last-child{display:none}.sx-order-status-grid{flex-wrap:nowrap}.sx-page-orders .orders-table-responsive{max-height:none}.sx-page-orders .card.p-4{padding:9px!important}
  .sx-inbox{display:block;height:auto;max-height:none;min-height:0;background:transparent;border:0;box-shadow:none;overflow:visible}.sx-inbox-list{border:1px solid var(--sx-border);border-radius:13px;background:var(--sx-surface);overflow:hidden;margin-bottom:10px}.sx-inbox-list-scroll{max-height:360px}.sx-conversation{border:1px solid var(--sx-border);border-radius:13px;background:var(--sx-surface);overflow:hidden}.sx-conversation-body{min-height:360px;max-height:520px}.sx-conversation-head{align-items:flex-start}.sx-conversation-head .d-flex{flex-wrap:nowrap}.sx-message-bubble{max-width:90%}.sx-composer-top{display:grid}.sx-template-buttons{max-width:100%}.sx-composer-foot{align-items:flex-end}.sx-composer-foot span{max-width:55%}
  .sx-mini-kpis{grid-template-columns:1fr 1fr;gap:8px}.sx-automation-cards{grid-template-columns:1fr}.sx-worker-panel{display:block}.sx-worker-panel>*+*{margin-top:11px}.sx-jobs-panel{overflow:hidden}.sx-worker-details{border-top:1px solid var(--sx-border);padding-top:10px}
}
@media(max-width:480px){.sx-dashboard-kpis{grid-template-columns:1fr}.sx-dashboard-bottom-grid,.sx-dashboard-ops-grid{display:grid}.sx-recent-order{grid-template-columns:32px minmax(0,1fr)}.sx-recent-order-side{grid-column:2;display:flex;justify-content:flex-start;align-items:center;gap:7px}.sx-status-summary{grid-template-columns:1fr}.sx-donut{margin:auto}.sx-mini-kpis{grid-template-columns:1fr 1fr}.sx-customer-context{grid-template-columns:1fr}.sx-customer-context>*{border-right:0;border-bottom:1px solid var(--sx-border)}.sx-composer-foot{display:grid}.sx-composer-foot span{max-width:none}.sx-composer-foot .btn{width:100%}}