/* Minimal fallback styles.
   Replace with your Veltric HMI styles.css for the full branded experience. */
:root{--text-main:#0f172a;--text-muted:#64748b;--border-subtle:#e2e8f0;--veltric-blue:#2563eb;--veltric-accent:#7c3aed;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text-main);background:#f8fafc;}
a{color:var(--veltric-blue);text-decoration:none;}a:hover{text-decoration:underline;}
.app-shell{display:flex;min-height:100vh;}
.sidebar{width:260px;background:#0b1220;color:#fff;display:flex;flex-direction:column;}
.sidebar-header{display:flex;gap:12px;padding:18px 16px;align-items:center;border-bottom:1px solid rgba(255,255,255,0.08);}
.sidebar-logo-circle{width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-weight:700;}
.sidebar-title{font-weight:700;}
.sidebar-subtitle{font-size:12px;opacity:.8;margin-top:2px;}
.sidebar-nav{padding:12px 10px;}
.sidebar-nav ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;}
.sidebar-nav a{display:flex;gap:10px;align-items:center;color:#fff;padding:10px 10px;border-radius:12px;opacity:.92;}
.sidebar-nav a.active,.sidebar-nav a:hover{background:rgba(255,255,255,0.10);}
.sidebar-footer{margin-top:auto;padding:14px 16px;font-size:12px;opacity:.75;border-top:1px solid rgba(255,255,255,0.08);}
.main{flex:1;display:flex;flex-direction:column;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-bottom:1px solid var(--border-subtle);}
.topbar-title{font-weight:700;}
.topbar-right{display:flex;align-items:center;gap:12px;}
.quick-actions{display:flex;gap:10px;align-items:center;}
.user-chip{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:14px;background:#fff;}
.user-avatar{width:30px;height:30px;border-radius:999px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;}
.content{padding:18px;}
.card{background:#fff;border:1px solid var(--border-subtle);border-radius:16px;padding:14px;}
.card-title{font-weight:700;margin-bottom:6px;}
.card-subtitle{color:var(--text-muted);font-size:13px;}
.mt-16{margin-top:16px;}
.table-wrapper{overflow:auto;border-radius:14px;border:1px solid var(--border-subtle);}
table{border-collapse:collapse;width:100%;font-size:13px;}
th,td{padding:10px 10px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;}
th{text-align:left;color:var(--text-muted);font-weight:600;background:#f8fafc;}
.table-link{font-weight:600;}
.btn{border-radius:12px;padding:9px 12px;border:1px solid var(--border-subtle);background:#fff;cursor:pointer;font-weight:600;}
.btn:hover{filter:brightness(.98);}
.btn-primary{background:var(--veltric-blue);border-color:var(--veltric-blue);color:#fff;}
.btn-outline{background:#fff;}
.input,.select{border-radius:12px;border:1px solid var(--border-subtle);padding:10px 12px;font-size:13px;width:100%;}
.textarea{border-radius:12px;border:1px solid var(--border-subtle);padding:10px 12px;font-size:13px;width:100%;}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
@media (max-width:1024px){.form-grid{grid-template-columns:1fr;}}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
.login-card{width:420px;}