/* Minimalist styles */
:root{--bg:#0b0e14;--panel:#111827;--muted:#6b7280;--text:#000;--accent:#22d3ee;--danger:#ef4444;--ok:#10b981}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
.card{background:var(--panel);border-radius:16px;padding:20px;box-shadow:0 4px 30px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.06)}
h1,h2{margin:0 0 12px 0}h1{font-size:24px}h2{font-size:18px;color:#d1d5db}
label{display:block;margin:12px 0 6px 0;color:#d1d5db}
input[type=text],input[type=password],input[type=email],select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #1f2937;background:#0f172a;color:var(--text)}
textarea{min-height:120px}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #1f2937;background:#0f172a;color:#e5e7eb;cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.btn.primary{background:linear-gradient(90deg,#06b6d4,#22d3ee);color:#001923;border:0}
.btn.danger{background:linear-gradient(90deg,#ef4444,#f97316);color:black;border:0}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px}
.badge.ok{background:rgba(16,185,129,0.15);color:#34d399;border:1px solid rgba(16,185,129,0.3)}
.badge.warn{background:rgba(251,191,36,0.08);color:#f59e0b;border:1px solid rgba(251,191,36,0.2)}
.badge.danger{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.3)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #1f2937;text-align:left}
.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.search{display:flex;gap:8px}
.kbd{border:1px solid #1f2937;background:#0f172a;padding:3px 6px;border-radius:6px;color:#d1d5db}
footer{margin-top:32px;color:var(--muted);font-size:12px;text-align:center;opacity:.8}
.search input[type=text] {
    height: 36px;
    padding: 6px 10px;
    border: 1px solid #0c4dd1;
    border-radius: 8px;
    min-width: 220px;
    background-color: white;
}
input[type=text], input[type=password], input[type=email], select, textarea {
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #1f2937;
    background: #ffffff;
    color: var(--text);
}
label {
    display: block;
    margin: 12px 0 6px 0;
    color: #000000;
}


/* === Buttons: make all action buttons bold (safe, minimal) === */
button,
[type=button],
[type=submit],
.btn,
.btn.primary,
.btn.danger,
.btn-new,
.btn-logout,
.btn-control,
.btn-proj,
.actions .btn {
  font-weight: 600;
}

.topbar {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    border-radius: 0px !important;
}

.topbar {
    position: sticky;
    top: 0;
    backdrop-filter: blur(4px);
    background-color: rgb(255 255 255) !important;
    -webkit-backdrop-filter: blur(4px);
}