/* Syntrix Design System v1.0.0 */
:root{
  --sx-navy:#0A234E;--sx-navy-dark:#061A3A;--sx-navy-soft:#102F63;
  --sx-orange:#F97316;--sx-orange-dark:#EA580C;--sx-blue:#2563EB;--sx-teal:#0F766E;
  --sx-green:#16A34A;--sx-red:#DC2626;--sx-amber:#D97706;
  --sx-bg:#F5F7FB;--sx-surface:#FFFFFF;--sx-surface-soft:#F8FAFC;
  --sx-text:#1E293B;--sx-muted:#64748B;--sx-line:#D6DEE8;
  --sx-radius:0px;--sx-font:'Open Sans','Segoe UI',Arial,sans-serif;
  --sx-shadow-sm:0 1px 2px rgba(15,23,42,.08);
  --sx-shadow-md:0 10px 24px rgba(15,23,42,.12);
  --sx-shadow-lg:0 18px 45px rgba(15,23,42,.18);
  --sx-speed:180ms;--sx-ease:cubic-bezier(.2,.8,.2,1);
}
[data-theme="dark"]{
  --sx-bg:#071426;--sx-surface:#0E1D33;--sx-surface-soft:#10233D;
  --sx-text:#F8FAFC;--sx-muted:#94A3B8;--sx-line:#1F3354;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sx-bg);color:var(--sx-text);font-family:var(--sx-font);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{max-width:100%}.sx-hidden{display:none!important}.sx-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Layout */
.sx-app{min-height:100vh;display:flex;background:var(--sx-bg)}
.sx-sidebar{width:280px;background:var(--sx-navy-dark);color:#fff;border-right:1px solid rgba(255,255,255,.08);position:fixed;inset:0 auto 0 0;z-index:40;transition:width var(--sx-speed) var(--sx-ease),transform var(--sx-speed) var(--sx-ease)}
.sx-sidebar.is-collapsed{width:76px}.sx-main{margin-left:280px;min-width:0;flex:1;transition:margin var(--sx-speed) var(--sx-ease)}.sx-sidebar.is-collapsed+.sx-main{margin-left:76px}
.sx-topbar{height:68px;background:var(--sx-surface);border-bottom:1px solid var(--sx-line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.sx-content{padding:24px}.sx-section{margin-bottom:24px}.sx-grid{display:grid;gap:16px}.sx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Brand */
.sx-brand{height:68px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sx-brand img{height:34px;width:auto}.sx-brand-name{font-weight:800;letter-spacing:.02em}.sx-sidebar.is-collapsed .sx-brand-name{display:none}

/* Menu */
.sx-menu{padding:14px 10px}.sx-menu-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.54);padding:14px 12px 8px}.sx-menu-link,.sx-menu-button{width:100%;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.82);padding:11px 12px;border:0;background:transparent;cursor:pointer;text-align:left;transition:background var(--sx-speed) var(--sx-ease),color var(--sx-speed) var(--sx-ease)}.sx-menu-link:hover,.sx-menu-button:hover,.sx-menu-link.is-active{background:rgba(249,115,22,.16);color:#fff}.sx-menu-link.is-active{border-left:3px solid var(--sx-orange);padding-left:9px}.sx-menu-icon{width:20px;height:20px;flex:0 0 20px}.sx-menu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-sidebar.is-collapsed .sx-menu-label,.sx-sidebar.is-collapsed .sx-menu-title,.sx-sidebar.is-collapsed .sx-submenu{display:none}.sx-submenu{display:none;margin:4px 0 8px 32px;border-left:1px solid rgba(255,255,255,.12)}.sx-submenu.is-open{display:block}.sx-submenu a{display:block;color:rgba(255,255,255,.75);padding:8px 10px}.sx-submenu a:hover{color:#fff;background:rgba(255,255,255,.07)}

/* Cards */
.sx-card{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:var(--sx-radius);box-shadow:var(--sx-shadow-sm)}.sx-card-header{padding:16px 18px;border-bottom:1px solid var(--sx-line);display:flex;align-items:center;justify-content:space-between;gap:14px}.sx-card-title{font-weight:800;font-size:16px;margin:0}.sx-card-body{padding:18px}.sx-card-footer{padding:14px 18px;border-top:1px solid var(--sx-line);background:var(--sx-surface-soft)}
.sx-kpi{background:var(--sx-surface);border:1px solid var(--sx-line);padding:18px;display:flex;gap:14px;align-items:flex-start}.sx-kpi-icon{width:42px;height:42px;display:grid;place-items:center;background:rgba(249,115,22,.12);color:var(--sx-orange)}.sx-kpi-label{color:var(--sx-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.sx-kpi-value{font-size:26px;font-weight:800;line-height:1.1;margin-top:4px}.sx-kpi-trend{font-size:12px;margin-top:6px;color:var(--sx-muted)}

/* Buttons */
.sx-btn{border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text);padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-weight:800;cursor:pointer;border-radius:var(--sx-radius);transition:background var(--sx-speed) var(--sx-ease),border-color var(--sx-speed) var(--sx-ease),transform var(--sx-speed) var(--sx-ease)}.sx-btn:hover{background:var(--sx-surface-soft)}.sx-btn:active{transform:translateY(1px)}.sx-btn-primary{background:var(--sx-orange);border-color:var(--sx-orange);color:#fff}.sx-btn-primary:hover{background:var(--sx-orange-dark);border-color:var(--sx-orange-dark)}.sx-btn-navy{background:var(--sx-navy);border-color:var(--sx-navy);color:#fff}.sx-btn-danger{background:var(--sx-red);border-color:var(--sx-red);color:#fff}.sx-btn-success{background:var(--sx-green);border-color:var(--sx-green);color:#fff}.sx-btn-ghost{background:transparent}.sx-btn-sm{min-height:32px;padding:6px 10px;font-size:13px}.sx-btn-lg{min-height:48px;padding:13px 18px;font-size:15px}.sx-btn[disabled],.sx-btn.is-disabled{opacity:.55;pointer-events:none}

/* Forms */
.sx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sx-field{display:flex;flex-direction:column;gap:7px}.sx-label{font-weight:800;color:var(--sx-text)}.sx-help{font-size:12px;color:var(--sx-muted)}.sx-input,.sx-select,.sx-textarea{width:100%;border:1px solid var(--sx-line);background:var(--sx-surface);color:var(--sx-text);border-radius:var(--sx-radius);min-height:42px;padding:10px 12px;outline:none;transition:border-color var(--sx-speed) var(--sx-ease),box-shadow var(--sx-speed) var(--sx-ease)}.sx-textarea{min-height:110px;resize:vertical}.sx-input:focus,.sx-select:focus,.sx-textarea:focus{border-color:var(--sx-orange);box-shadow:0 0 0 3px rgba(249,115,22,.15)}.sx-input.is-invalid,.sx-select.is-invalid,.sx-textarea.is-invalid{border-color:var(--sx-red)}.sx-error{font-size:12px;color:var(--sx-red);font-weight:700}.sx-input-group{display:flex}.sx-input-group .sx-input{min-width:0}.sx-input-addon{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--sx-line);background:var(--sx-surface-soft);color:var(--sx-muted);font-weight:700}.sx-input-group .sx-input-addon+input,.sx-input-group input+.sx-input-addon{border-left:0}

/* Tables / DataTables base */
.sx-table-wrap{width:100%;overflow:auto;border:1px solid var(--sx-line);background:var(--sx-surface)}.sx-table{width:100%;border-collapse:collapse;min-width:760px}.sx-table th,.sx-table td{padding:12px 14px;border-bottom:1px solid var(--sx-line);vertical-align:middle;text-align:left}.sx-table th{background:var(--sx-surface-soft);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--sx-muted);font-weight:800}.sx-table tr:hover td{background:rgba(249,115,22,.04)}.sx-table-actions{display:flex;gap:8px;justify-content:flex-end}.sx-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.sx-list-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sx-pagination{display:flex;gap:6px;justify-content:flex-end;align-items:center;padding:12px;border-top:1px solid var(--sx-line)}

/* Badges / status */
.sx-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--sx-line);background:var(--sx-surface-soft);font-weight:800;font-size:12px}.sx-badge-success{color:var(--sx-green);border-color:rgba(22,163,74,.25);background:rgba(22,163,74,.1)}.sx-badge-danger{color:var(--sx-red);border-color:rgba(220,38,38,.25);background:rgba(220,38,38,.1)}.sx-badge-warning{color:var(--sx-amber);border-color:rgba(217,119,6,.25);background:rgba(217,119,6,.1)}.sx-badge-info{color:var(--sx-blue);border-color:rgba(37,99,235,.25);background:rgba(37,99,235,.1)}

/* Dropdowns */
.sx-dropdown{position:relative}.sx-dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--sx-surface);border:1px solid var(--sx-line);box-shadow:var(--sx-shadow-md);z-index:60}.sx-dropdown-menu.is-open{display:block}.sx-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;color:var(--sx-text);background:transparent;border:0;text-align:left;cursor:pointer}.sx-dropdown-item:hover{background:var(--sx-surface-soft)}.sx-dropdown-divider{height:1px;background:var(--sx-line);margin:6px 0}

/* Modals */
.sx-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(2,6,23,.62);z-index:90}.sx-modal-backdrop.is-open{display:block}.sx-modal{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--sx-surface);border:1px solid var(--sx-line);z-index:100;box-shadow:var(--sx-shadow-lg)}.sx-modal.is-open{display:block}.sx-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--sx-line)}.sx-modal-title{margin:0;font-size:18px;font-weight:800}.sx-modal-body{padding:18px}.sx-modal-footer{padding:14px 18px;border-top:1px solid var(--sx-line);display:flex;justify-content:flex-end;gap:10px;background:var(--sx-surface-soft)}

/* Toasts */
.sx-toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:120}.sx-toast{min-width:280px;max-width:420px;background:var(--sx-surface);border:1px solid var(--sx-line);box-shadow:var(--sx-shadow-md);padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.sx-toast-title{font-weight:800;margin:0 0 2px}.sx-toast-message{margin:0;color:var(--sx-muted);font-size:13px}.sx-toast-success{border-left:4px solid var(--sx-green)}.sx-toast-danger{border-left:4px solid var(--sx-red)}.sx-toast-warning{border-left:4px solid var(--sx-amber)}.sx-toast-info{border-left:4px solid var(--sx-blue)}.sx-toast-close{margin-left:auto;border:0;background:transparent;color:var(--sx-muted);cursor:pointer;font-weight:800}

/* Alerts */
.sx-alert{border:1px solid var(--sx-line);padding:12px 14px;background:var(--sx-surface);display:flex;gap:10px}.sx-alert-info{border-left:4px solid var(--sx-blue)}.sx-alert-success{border-left:4px solid var(--sx-green)}.sx-alert-warning{border-left:4px solid var(--sx-amber)}.sx-alert-danger{border-left:4px solid var(--sx-red)}

/* Auth */
.sx-auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,520px) 1fr;background:var(--sx-bg)}.sx-auth-panel{background:var(--sx-surface);border-right:1px solid var(--sx-line);display:flex;flex-direction:column;justify-content:center;padding:48px}.sx-auth-hero{background:linear-gradient(135deg,var(--sx-navy-dark),var(--sx-navy));color:#fff;display:flex;align-items:center;padding:56px}.sx-auth-logo{height:44px;margin-bottom:32px}.sx-auth-title{font-size:28px;line-height:1.15;margin:0 0 8px;font-weight:800}.sx-auth-subtitle{color:var(--sx-muted);margin:0 0 28px}

/* Mobile */
.sx-mobile-cards{display:none}.sx-record-card{background:var(--sx-surface);border:1px solid var(--sx-line);padding:14px}.sx-record-card+.sx-record-card{margin-top:10px}.sx-record-title{font-weight:800}.sx-record-meta{font-size:12px;color:var(--sx-muted);margin-top:3px}.sx-record-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

@media(max-width:900px){.sx-sidebar{transform:translateX(-100%)}.sx-sidebar.is-open{transform:translateX(0)}.sx-main,.sx-sidebar.is-collapsed+.sx-main{margin-left:0}.sx-content{padding:16px}.sx-topbar{padding:0 16px}.sx-grid-2,.sx-grid-3,.sx-grid-4{grid-template-columns:1fr}.sx-form-grid{grid-template-columns:1fr}.sx-auth-page{grid-template-columns:1fr}.sx-auth-hero{display:none}.sx-auth-panel{border-right:0;padding:28px}.sx-table-wrap{display:none}.sx-mobile-cards{display:block}.sx-list-header{align-items:stretch;flex-direction:column}.sx-list-filters{display:grid;grid-template-columns:1fr}.sx-toast-stack{left:14px;right:14px;bottom:14px}.sx-toast{min-width:0;max-width:none}}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* v1.3.0 · Syntrix official brand utility classes */
.sx-logo{display:inline-block;height:34px;width:auto;object-fit:contain}.sx-logo-white,.sx-logo-light{height:34px;width:auto;object-fit:contain}.sx-logo-black,.sx-logo-dark{height:34px;width:auto;object-fit:contain}.sx-favicon,.sx-brand-icon{width:40px;height:40px;object-fit:contain}.sx-brand-assets-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* v1.3.0 · DataTables footer, refined icons and corrected dark mode */
.sx-icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sx-icon use{fill:none;stroke:currentColor}.sx-btn .sx-icon,.sx-menu-item .sx-icon,.sx-menu-link .sx-icon{stroke-width:1.75}.sx-icon-card svg{fill:none!important;stroke:currentColor!important;stroke-width:1.65!important}.sx-icon-card{transition:border-color .18s ease,background .18s ease,transform .18s ease}.sx-icon-card:hover{transform:translateY(-1px)}
.sx-datatable-toolbar{margin-bottom:12px}.sx-datatable-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid var(--sx-line);border-top:0;background:var(--sx-card-2,var(--sx-surface-soft,#f8fafc));padding:12px 14px}.sx-datatable-length{display:flex;align-items:center;gap:8px;color:var(--sx-muted);font-size:13px;font-weight:800}.sx-select-sm{min-height:34px;width:auto;padding:6px 32px 6px 10px}.sx-datatable-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--sx-muted);font-size:13px;font-weight:800}.sx-pagination{display:flex;align-items:center;gap:8px}.sx-pagination .sx-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.sx-table tbody tr.is-hidden-by-dt{display:none!important}
[data-theme="dark"]{--sx-bg:#061426;--sx-card:#0d1b31;--sx-card-2:#102542;--sx-text:#edf5ff;--sx-muted:#a9b8cf;--sx-line:#263b5d;--sx-shadow:0 18px 60px rgba(0,0,0,.34);--sx-success-bg:rgba(15,118,110,.18);--sx-warning-bg:rgba(180,83,9,.18);--sx-danger-bg:rgba(220,38,38,.18);--sx-info-bg:rgba(37,99,235,.18)}[data-theme="dark"] body{background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 30%),var(--sx-bg);color:var(--sx-text)}[data-theme="dark"] .sx-topbar{background:rgba(6,20,38,.94);border-bottom-color:var(--sx-line);box-shadow:0 10px 30px rgba(0,0,0,.18)}[data-theme="dark"] .sx-sidebar{background:linear-gradient(180deg,#061a3a,#071f45)}[data-theme="dark"] .sx-panel,[data-theme="dark"] .sx-card,[data-theme="dark"] .sx-table-wrap,[data-theme="dark"] .sx-modal,[data-theme="dark"] .sx-toast{background:var(--sx-card,var(--sx-surface,#ffffff));border-color:var(--sx-line)}[data-theme="dark"] .sx-table th,[data-theme="dark"] .sx-table tbody tr:hover,[data-theme="dark"] .sx-datatable-footer,[data-theme="dark"] .sx-code,[data-theme="dark"] .sx-input,[data-theme="dark"] .sx-select,[data-theme="dark"] .sx-textarea,[data-theme="dark"] .sx-mobile-card,[data-theme="dark"] .sx-color-card,[data-theme="dark"] .sx-icon-card,[data-theme="dark"] .sx-email-item,[data-theme="dark"] .sx-kpi-icon,[data-theme="dark"] .sx-brand-icon-canvas{background:var(--sx-card-2,var(--sx-surface-soft,#f8fafc));border-color:var(--sx-line);color:var(--sx-text)}[data-theme="dark"] .sx-input::placeholder{color:#7f91ab}[data-theme="dark"] .sx-btn{background:var(--sx-card-2,var(--sx-surface-soft,#f8fafc));border-color:var(--sx-line);color:var(--sx-text)}[data-theme="dark"] .sx-btn:hover{border-color:var(--sx-orange);color:#ffb27a}[data-theme="dark"] .sx-btn-primary{background:var(--sx-orange);border-color:var(--sx-orange);color:#fff}[data-theme="dark"] .sx-btn-danger{background:var(--sx-danger);border-color:var(--sx-danger);color:#fff}[data-theme="dark"] .sx-email-preview{background:#071426;border-color:var(--sx-line)}[data-theme="dark"] .sx-email-frame{background:#fff;border-color:#2b3f61}[data-theme="dark"] .sx-email-item{color:var(--sx-text)}[data-theme="dark"] .sx-email-item .sx-muted{color:var(--sx-muted)!important}[data-theme="dark"] .sx-gradient-text{background:linear-gradient(90deg,#ffffff,#ffb27a);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme="dark"] .sx-brand-preview-light .sx-brand-canvas{background:#fff}[data-theme="dark"] .sx-brand-preview-dark .sx-brand-canvas{background:linear-gradient(135deg,#061a3a,#0A234E)}[data-theme="dark"] .sx-page-title,[data-theme="dark"] .sx-card-title,[data-theme="dark"] .sx-section-title h2,[data-theme="dark"] strong{color:var(--sx-text)}
@media(max-width:760px){.sx-datatable-footer{display:none}.sx-pagination{justify-content:flex-start}}

/* Syntrix Foundation v1.5.0 - Env example oficial, card lists, mobile footer and reusable cards */
.sx-alert{display:flex;gap:12px;border:1px solid var(--sx-line);background:var(--sx-card,var(--sx-surface,#fff));padding:14px 16px;margin-bottom:16px;color:var(--sx-text)}.sx-alert p{margin:4px 0 0;color:var(--sx-muted)}.sx-alert-info{background:var(--sx-info-bg);border-color:#bfdbfe}.sx-cardlist{padding:0;overflow:hidden}.sx-cardlist .sx-toolbar{padding:16px 16px 0;margin-bottom:16px}.sx-record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 16px 16px}.sx-record-card{background:var(--sx-card,var(--sx-surface,#ffffff));border:1px solid var(--sx-line);padding:14px;box-shadow:var(--sx-shadow);display:flex;flex-direction:column;gap:10px;min-height:210px}.sx-record-card:hover{border-color:rgba(249,115,22,.55);box-shadow:0 18px 45px rgba(15,23,42,.10)}.sx-record-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sx-record-select{display:inline-flex;align-items:center;gap:7px;color:var(--sx-muted);font-size:12px;font-weight:900}.sx-record-title{font-weight:950;font-size:16px;color:var(--sx-text)}.sx-record-meta{font-size:12px;color:var(--sx-muted);font-weight:800}.sx-record-body{display:grid;gap:8px;margin-top:2px}.sx-card-kv{border:1px solid var(--sx-line);background:var(--sx-card-2,var(--sx-surface-soft,#f8fafc));padding:10px}.sx-card-kv span{display:block;font-size:11px;color:var(--sx-muted);font-weight:950;text-transform:uppercase;letter-spacing:.05em}.sx-card-kv strong{display:block;margin-top:3px;font-size:13px}.sx-record-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.sx-cardlist-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--sx-line);background:var(--sx-card-2,var(--sx-surface-soft,#f8fafc));padding:12px 14px}.sx-cardlist .is-hidden-by-cardlist{display:none!important}.sx-btn-sm{min-height:34px;padding:7px 10px;font-size:12px}.sx-mobile-cards{gap:10px}.sx-mobile-card{border:1px solid var(--sx-line);background:var(--sx-card,var(--sx-surface,#fff));padding:13px}.sx-mobile-card strong{display:block}.sx-mobile-card span{display:block;color:var(--sx-muted);font-size:12px;margin-top:4px}@media(max-width:1180px){.sx-record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.sx-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sx-record-grid{grid-template-columns:1fr;padding:0 12px 12px}.sx-cardlist .sx-toolbar{padding:12px 12px 0}.sx-cardlist-footer{align-items:stretch;flex-direction:column}.sx-cardlist-footer .sx-pagination{justify-content:space-between}.sx-cardlist-footer .sx-datatable-length,.sx-cardlist-footer .sx-datatable-status{width:100%;justify-content:space-between}.sx-btn-sm{width:auto}}
[data-theme="dark"] .sx-alert-info{background:rgba(37,99,235,.16);border-color:rgba(96,165,250,.30)}[data-theme="dark"] .sx-cardlist,[data-theme="dark"] .sx-record-card{background:var(--sx-card);border-color:var(--sx-line)}[data-theme="dark"] .sx-record-card:hover{border-color:rgba(249,115,22,.62);box-shadow:0 20px 50px rgba(0,0,0,.28)}[data-theme="dark"] .sx-card-kv,[data-theme="dark"] .sx-cardlist-footer,[data-theme="dark"] .sx-mobile-card{background:var(--sx-card-2);border-color:var(--sx-line)}

/* v1.5.0 - Env example visual */
.sx-code-preview{display:block;max-height:620px;overflow:auto;background:var(--sx-surface-900,#071426);color:#e5eefc;border:1px solid var(--sx-line);padding:18px;font-size:13px;line-height:1.55;white-space:pre-wrap}
[data-theme="light"] .sx-code-preview{background:#071426;color:#e5eefc}
.sx-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sx-code-block{background:var(--sx-soft);border:1px solid var(--sx-line);padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.7;color:var(--sx-text)}