/* 2030 Minimal UI Layer (Bootstrap-compat) */
/* Reset & base */
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}
img,svg,video,canvas{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
a{text-decoration:none;color:var(--primary)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Theme tokens */
:root{
  --bg: #0D1117;
  --surface: #161B22;
  --surface-2: #21262D;
  --text: #e5e7eb;
  --muted: #8B949E;
  --primary: #2F81F7; /* A brighter, more confident blue */
  --primary-contrast: #ffffff;
  --border: rgba(148, 163, 184, 0.2);
  --shadow: 0 10px 30px rgba(0,0,0,0.25);
  --radius: 12px;
  --success: #28a745;
  --danger: #dc3545;
}


/* Container */
.container{width:100%;margin-right:auto;margin-left:auto;padding-left:16px;padding-right:16px}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.container-fluid{width:100%;padding-left:16px;padding-right:16px}

/* Grid (minimal) */
.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}
[class^="col-"],[class*=" col-"]{padding-left:8px;padding-right:8px;flex:0 0 100%;max-width:100%}
@media (min-width:992px){
  .col-md-8{flex:0 0 66.6667%;max-width:66.6667%}
  .col-md-6{flex:0 0 50%;max-width:50%}
  .col-md-4{flex:0 0 33.3333%;max-width:33.3333%}
  .col-md-3{flex:0 0 25%;max-width:25%}
  .col-md-offset-2{margin-left:16.6667%}
}

/* Navbar */
.navbar{position:relative;display:block;min-height:64px;border-bottom:1px solid var(--border);background:var(--surface-2);backdrop-filter:saturate(140%) blur(10px)}
.navbar-default{color:var(--text)}
.navbar-static-top{position:sticky;top:0;z-index:1000;box-shadow:var(--shadow)}
.navbar > .container,.navbar > .container-fluid{display:flex;align-items:center}
.navbar .navbar-header{display:flex;align-items:center;flex:0 0 auto}
.navbar-brand{display:flex;align-items:center;font-weight:700;color:var(--text);padding:16px 0}
.navbar-brand img{height:28px;transition:filter .2s ease}
.navbar-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px;margin:12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text)}
.icon-bar{display:block;width:18px;height:2px;background:var(--text);margin:3px 0}
.navbar-collapse{display:none;flex:1 1 auto}
.navbar-collapse.in{display:block}
.navbar .nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.navbar .nav>li{position:relative}
.navbar .nav>li>a{display:block;padding:14px 12px;color:var(--text);border-radius:10px}
.navbar .nav>li.active>a,.navbar .nav>li>a:hover{background:linear-gradient(180deg,transparent,rgba(56,139,253,0.08));color:var(--text)}
.navbar-right{margin-left:auto}
.navbar-left-block{margin-left:16px}
.navbar-right-block{margin-left:auto}

@media(min-width:992px){
  .navbar-toggle{display:none}
  .navbar-collapse{display:flex !important;align-items:center}
}

/* Dropdown */
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;margin-top:8px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:none;z-index:1001}
.dropdown.open>.dropdown-menu{display:block}
.dropdown-menu>li>a{display:block;padding:10px 12px;border-radius:8px;color:var(--text)}
.dropdown-menu>li.active>a,.dropdown-menu>li>a:hover{background:rgba(56,139,253,0.12)}
.dropdown-max-height{max-height:50vh;overflow:auto}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:transform .06s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--primary);border-color:transparent;color:var(--primary-contrast)}
.btn-link{border-color:transparent;background:transparent;color:var(--primary)}
.btn.active{box-shadow:inset 0 0 0 2px rgba(56,139,253,0.35)}

/* Forms */
input[type="text"],input[type="password"],input[type="email"],input[type="number"],select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none}
.form-control{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none}
input::placeholder,textarea::placeholder{color:var(--muted)}
label{color:var(--muted);font-weight:600}
/* Input group (currency addon) */
.input-group{display:flex;align-items:stretch;width:100%}
.input-group>.form-control{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.input-group-addon{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:12px;border-bottom-right-radius:12px}

/* Cards & wells */
.well{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel-heading{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;color:var(--muted);background:linear-gradient(0deg,transparent,rgba(124,58,237,0.05))}
.panel-body{padding:16px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-body{padding:20px}

/* Tables */
.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--border)}
.table th{color:var(--muted);font-weight:700;background:linear-gradient(0deg,transparent,rgba(124,58,237,0.05))}
.table tr:last-child td{border-bottom:0}

/* Badges */
.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;background:rgba(124,58,237,0.2);color:var(--text)}

/* Utilities */
.text-muted{color:var(--muted) !important}
.nowrap{white-space:nowrap}
.pull-right{float:right}
.pull-left{float:left}
.border{border:1px solid var(--border)}
.bg-light{background:var(--surface)}

/* Collapse */
.collapse{display:none}
.collapse.in{display:block}

/* RTL helpers */
.rtl-navbar{direction:rtl}
.rtl-content{direction:rtl}

/* Alerts */
.alert{padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:rgba(124,58,237,0.06);color:var(--text);margin-bottom:12px}
.alert-success{background:rgba(34,197,94,0.12);border-color:rgba(34,197,94,0.35)}
.alert-danger{background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.35)}
.alert-warning{background:rgba(234,179,8,0.12);border-color:rgba(234,179,8,0.35)}
.alert-info{background:rgba(59,130,246,0.12);border-color:rgba(59,130,246,0.35)}
.alert-dismissible{padding-right:36px}
.close{float:right;font-weight:700;line-height:1;color:var(--muted);opacity:.6}
.close:hover{opacity:1}

/* Legacy form helpers */
.control-label{display:block;margin-bottom:6px;color:var(--muted);font-weight:600}
.checkbox{display:block}

/* Motion */
@media (prefers-reduced-motion:reduce){*{animation-duration:0s !important;transition-duration:0s !important}}


