/* BOSIA Design System — templates/design-system/design.css (embutido no preview aprovado) */
:root{--bosia-bg:#0a0e17;--bosia-bg-2:#0e1420;--bosia-panel:#121a2a;--bosia-border:#22304a;--bosia-border-2:#2e3f5e;--bosia-text:#e8eefc;--bosia-muted:#8b9cc0;--bosia-accent:#4f8cff;--bosia-ok:#2fd46e;--bosia-fail:#ff5c66;--bosia-warn:#ffb648;--bosia-radius:12px;--bosia-font:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;--bosia-mono:"Cascadia Code",Consolas,monospace;--fs-1:12px;--fs-2:14px;--fs-3:16px;--fs-4:19px;--fs-5:24px;--fs-6:32px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--shadow-1:0 1px 2px rgba(0,0,0,.28);--shadow-2:0 8px 24px rgba(0,0,0,.34);--shadow-3:0 18px 48px rgba(0,0,0,.42);--ring:0 0 0 3px color-mix(in srgb,var(--bosia-accent) 45%,transparent);--motion:160ms cubic-bezier(.2,.8,.2,1);--bosia-maxw:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bosia-bg);color:var(--bosia-text);font-family:var(--bosia-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:#7ab0ff}a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--bosia-text);line-height:1.25;margin:0 0 10px}h1{font-size:var(--fs-5);letter-spacing:-.02em}h2{font-size:var(--fs-4)}h3{font-size:var(--fs-3)}p{margin:6px 0}small{color:var(--bosia-muted)}code,pre{font-family:var(--bosia-mono)}
.bosia-card{background:var(--bosia-panel);border:1px solid var(--bosia-border);border-radius:var(--bosia-radius);padding:16px;margin-bottom:14px}
.bosia-btn{display:inline-block;padding:8px 16px;border-radius:9px;cursor:pointer;border:1px solid var(--bosia-border-2);background:#1b2740;color:var(--bosia-text);font-family:inherit;font-size:13px;transition:background .15s,transform .1s,border-color .15s}
.bosia-btn:hover{background:#243354;border-color:var(--bosia-accent)}.bosia-btn:active{transform:translateY(1px)}.bosia-btn:focus-visible{outline:2px solid #7ab0ff;outline-offset:2px}.bosia-btn:disabled{opacity:.45;cursor:not-allowed}
.bosia-btn-primary{background:var(--bosia-accent);border-color:transparent;color:#fff;font-weight:600}.bosia-btn-success{background:#1f9e4d;border-color:transparent;color:#04210f;font-weight:600}.bosia-btn-danger{background:#c22f3b;border-color:transparent;color:#fff;font-weight:600}
.bosia-input{width:100%;background:var(--bosia-bg-2);color:var(--bosia-text);border:1px solid var(--bosia-border-2);border-radius:9px;padding:9px 12px;font-size:13px;font-family:inherit}.bosia-input:focus{outline:none;border-color:var(--bosia-accent);box-shadow:0 0 0 3px rgba(79,140,255,.15)}
.bosia-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:650;background:#1b2740;border:1px solid var(--bosia-border-2)}.bosia-badge.ok{background:rgba(47,212,110,.12);color:var(--bosia-ok);border-color:rgba(47,212,110,.4)}.bosia-badge.fail{background:rgba(255,92,102,.12);color:var(--bosia-fail);border-color:rgba(255,92,102,.4)}.bosia-badge.warn{background:rgba(255,182,72,.12);color:var(--bosia-warn);border-color:rgba(255,182,72,.4)}
.bosia-table{width:100%;border-collapse:collapse}.bosia-table th,.bosia-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--bosia-border);font-size:13px}.bosia-table th{color:var(--bosia-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.bosia-table tr:hover td{background:rgba(79,140,255,.04)}
.bosia-empty{text-align:center;padding:48px 16px;color:var(--bosia-muted);border:1px dashed var(--bosia-border-2);border-radius:var(--bosia-radius)}.bosia-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#7ab0ff;border-radius:50%;animation:bosia-spin .7s linear infinite;vertical-align:-2px}@keyframes bosia-spin{to{transform:rotate(360deg)}}
.bosia-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bosia-muted{color:var(--bosia-muted)}.bosia-mt{margin-top:10px}.bosia-mb{margin-bottom:10px}
.bosia-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.bosia-label{font-size:12px;color:var(--bosia-muted);letter-spacing:.02em}.bosia-hint{font-size:11px;color:var(--bosia-muted)}
.bosia-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--bosia-radius);border:1px solid var(--bosia-border-2);background:var(--bosia-bg-2)}.bosia-alert.info{border-color:rgba(79,140,255,.4)}.bosia-alert.ok{border-color:rgba(47,212,110,.4)}.bosia-alert.warn{border-color:rgba(255,182,72,.45)}.bosia-alert.error{border-color:rgba(255,92,102,.45)}
.bosia-kpi{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--bosia-radius);background:var(--bosia-panel);border:1px solid var(--bosia-border);box-shadow:var(--shadow-1)}.bosia-kpi .kpi-value{font-size:var(--fs-6);font-weight:700;letter-spacing:-.02em}.bosia-kpi .kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--bosia-muted)}
.bosia-tabs{display:flex;gap:4px;border-bottom:1px solid var(--bosia-border)}.bosia-tab{padding:9px 14px;border:none;background:transparent;color:var(--bosia-muted);cursor:pointer;border-bottom:2px solid transparent;font-size:13px}.bosia-tab:hover{color:var(--bosia-text)}.bosia-tab.active{color:var(--bosia-text);border-bottom-color:var(--bosia-accent)}
.bosia-modal-backdrop{position:fixed;inset:0;background:rgba(3,6,12,.6);display:grid;place-items:center;padding:16px}.bosia-modal{width:min(520px,100%);background:var(--bosia-panel);border:1px solid var(--bosia-border);border-radius:var(--bosia-radius);box-shadow:var(--shadow-3);padding:20px}
.bosia-skeleton{background:linear-gradient(90deg,#182238 25%,#22304a 37%,#182238 63%);background-size:400% 100%;animation:bosia-shimmer 1.4s ease infinite;border-radius:8px;height:14px}@keyframes bosia-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.bosia-btn-ghost{background:transparent;border-color:transparent;color:var(--bosia-muted)}.bosia-btn-ghost:hover{color:var(--bosia-text);background:rgba(255,255,255,.04)}.bosia-btn-sm{padding:5px 10px;font-size:12px;border-radius:8px}
.bosia-app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.bosia-sidebar{background:var(--bosia-bg-2);border-right:1px solid var(--bosia-border);padding:16px}.bosia-main{padding:24px;max-width:var(--bosia-maxw)}.bosia-stack{display:flex;flex-direction:column;gap:var(--sp-4)}.bosia-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media (max-width:820px){.bosia-app{grid-template-columns:1fr}.bosia-sidebar{border-right:none;border-bottom:1px solid var(--bosia-border)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}