/* Breka Design System v1.1.0 | 2026-09-24 */

/* src/tokens.css */
:root{
  --breka-navy:#11162a;
  --breka-navy-2:#171a3b;
  --breka-primary:#5b5cf0;
  --breka-primary-strong:#4f46e5;
  --breka-accent:#7c3aed;
  --breka-primary-soft:#f1f0ff;
  --breka-bg:#f7f8fc;
  --breka-surface:#ffffff;
  --breka-surface-soft:#fbfbfe;
  --breka-text:#131827;
  --breka-muted:#697386;
  --breka-border:#e4e7ef;
  --breka-success:#16a36a;
  --breka-warning:#d88a13;
  --breka-danger:#d6455d;
  --breka-info:#2f6df6;
  --breka-radius-sm:10px;
  --breka-radius-md:16px;
  --breka-radius-lg:24px;
  --breka-radius-pill:999px;
  --breka-shadow-sm:0 4px 14px rgba(30,41,59,.06);
  --breka-shadow-md:0 14px 34px rgba(30,41,59,.075);
  --breka-shadow-lg:0 28px 70px rgba(33,38,76,.12);
  --breka-space-1:4px;
  --breka-space-2:8px;
  --breka-space-3:12px;
  --breka-space-4:16px;
  --breka-space-5:20px;
  --breka-space-6:24px;
  --breka-space-8:32px;
  --breka-font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --breka-gradient:linear-gradient(135deg,#5b5cf0,#6d55e8 52%,#7c3aed);
  --breka-sidebar-gradient:linear-gradient(180deg,#11162a 0%,#171a3b 68%,#11162a 100%);
}


/* src/components.css */
.breka-btn{min-height:42px;padding:10px 16px;border-radius:var(--breka-radius-md);border:1px solid transparent;font:700 14px/1 var(--breka-font-sans);cursor:pointer;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.breka-btn:disabled{opacity:.55;cursor:not-allowed}
.breka-btn-primary{background:var(--breka-gradient);color:#fff;box-shadow:0 10px 22px rgba(91,92,240,.20)}
.breka-btn-primary:hover{filter:brightness(.97)}
.breka-btn-secondary{background:#fff;color:var(--breka-text);border-color:var(--breka-border)}
.breka-btn-ghost{background:transparent;color:var(--breka-primary);border-color:transparent}
.breka-input,.breka-select,.breka-textarea{width:100%;border:1px solid var(--breka-border);background:var(--breka-surface-soft);color:var(--breka-text);border-radius:var(--breka-radius-md);font:400 14px/1.4 var(--breka-font-sans);padding:11px 13px;outline:none;transition:.16s ease}
.breka-input:focus,.breka-select:focus,.breka-textarea:focus{border-color:#7778f3;box-shadow:0 0 0 4px rgba(91,92,240,.10)}
.breka-card{background:var(--breka-surface);border:1px solid var(--breka-border);border-radius:var(--breka-radius-md);box-shadow:var(--breka-shadow-sm);padding:18px}
.breka-card-premium{border-radius:var(--breka-radius-lg);box-shadow:var(--breka-shadow-md)}
.breka-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:var(--breka-radius-pill);font:700 11px/1 var(--breka-font-sans);background:var(--breka-primary-soft);color:var(--breka-primary-strong)}
.breka-badge-success{background:#ecf8f1;color:#188354}
.breka-badge-warning{background:#fff5e8;color:#a86508}
.breka-badge-danger{background:#fff0f3;color:#b4233e}
.breka-alert{padding:12px 14px;border-radius:var(--breka-radius-md);border:1px solid var(--breka-border);font:600 13px/1.45 var(--breka-font-sans)}
.breka-alert-info{background:#f4f4ff;color:#4f46e5;border-color:#dddafe}
.breka-alert-success{background:#eefaf4;color:#237451;border-color:#cfeedd}
.breka-alert-warning{background:#fff7ed;color:#a85f07;border-color:#fde2c0}
.breka-alert-danger{background:#fff2f4;color:#a33a4f;border-color:#ffd8df}
.breka-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--breka-font-sans)}
.breka-table th{background:#f8fafc;color:#667085;font-size:11px;text-align:left;padding:11px 12px;border-bottom:1px solid var(--breka-border)}
.breka-table td{padding:12px;border-bottom:1px solid #eef0f4;color:var(--breka-text);font-size:13px}
.breka-table tbody tr:hover td{background:#fafbff}


/* src/layouts.css */
.breka-page{min-height:100vh;background:var(--breka-bg);color:var(--breka-text);font-family:var(--breka-font-sans)}
.breka-shell{display:flex;min-height:100vh}
.breka-sidebar{width:252px;background:var(--breka-sidebar-gradient);color:#fff;padding:22px 14px;display:flex;flex-direction:column}
.breka-topbar{min-height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--breka-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;backdrop-filter:blur(12px)}
.breka-content{width:100%;padding:24px}
.breka-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);background:var(--breka-bg)}
.breka-auth-brand{background:radial-gradient(circle at 86% 14%,rgba(124,58,237,.28),transparent 28rem),linear-gradient(150deg,var(--breka-navy) 0%,var(--breka-navy-2) 48%,#22205a 100%);color:#fff}
.breka-grid{display:grid;gap:16px}
.breka-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.breka-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.breka-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.breka-auth-shell{grid-template-columns:1fr}.breka-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;transform:translateX(-102%);transition:.2s ease}.breka-sidebar.open{transform:none}.breka-content{padding:16px}}
@media(max-width:640px){.breka-grid-2,.breka-grid-3,.breka-grid-4{grid-template-columns:1fr}.breka-content{padding:12px}}


/* src/icons.css */
/* Breka icon standard — Tabler Icons */
.breka-icon{
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:inline-block;
  vertical-align:middle;
  color:currentColor;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.breka-icon-sm{width:16px;height:16px}
.breka-icon-md{width:20px;height:20px}
.breka-icon-lg{width:24px;height:24px}
.breka-icon-xl{width:32px;height:32px}
.breka-icon-active{color:var(--breka-primary)}
.breka-icon-muted{color:var(--breka-muted)}
.breka-icon-success{color:var(--breka-success)}
.breka-icon-warning{color:var(--breka-warning)}
.breka-icon-danger{color:var(--breka-danger)}
.breka-icon-button{
  width:40px;height:40px;border-radius:12px;border:1px solid var(--breka-border);
  display:inline-flex;align-items:center;justify-content:center;background:var(--breka-surface);
  color:var(--breka-text);transition:.18s ease
}
.breka-icon-button:hover{background:var(--breka-primary-soft);color:var(--breka-primary);border-color:#d9d8ff}


/* src/utilities.css */
.breka-text-muted{color:var(--breka-muted)!important}
.breka-text-primary{color:var(--breka-primary)!important}
.breka-bg-surface{background:var(--breka-surface)!important}
.breka-border{border:1px solid var(--breka-border)!important}
.breka-rounded{border-radius:var(--breka-radius-md)!important}
.breka-shadow{box-shadow:var(--breka-shadow-md)!important}
.breka-stack{display:grid;gap:var(--breka-space-4)}
.breka-inline{display:flex;align-items:center;gap:var(--breka-space-3)}