/* Compact 2026 dashboard density — smaller typography, controls and content spacing */
body{font-size:12px;line-height:1.48}
#sidebar.sidebar{width:222px!important;padding:13px!important}
#sidebar>div:first-child{margin-bottom:23px!important;gap:10px}
#sidebar>div:first-child>div:first-child{width:36px!important;height:36px!important;border-radius:11px!important;font-size:18px}
#sidebar .nav-btn{min-height:40px!important;gap:10px;padding:0 11px;font-size:12px;border-radius:10px}
#sidebar .nav-btn svg{width:17px;height:17px}
#sidebar nav{gap:3px!important}
#sidebar .mt-auto .p-4{padding:12px!important;border-radius:12px}
#sidebar .mt-auto{gap:8px}
main>header{height:64px!important;padding-left:23px!important;padding-right:23px!important}
main>header h1{font-size:18px!important}
main>header .round-btn{width:35px;height:35px;border-radius:10px}
main>div[class*="max-w"]{padding:19px 23px 45px!important}
.tab-pane.space-y-7>*+*,.tab-pane.space-y-6>*+*{margin-top:16px!important}
.tab-pane .grid{gap:12px}
.section-heading{font-size:21px;letter-spacing:-.025em}
.section-subtitle{font-size:11px;margin-top:4px}
.eyebrow{font-size:9px;margin-bottom:4px}
.surface{border-radius:14px}
.surface.p-6{padding:15px!important}
.surface.p-5{padding:15px!important}
.surface.p-4{padding:12px!important}
.card-heading h3{font-size:14px!important}
.kpi-card{padding:14px 16px 13px!important;border-radius:14px}
.kpi-card .icon-square{width:36px!important;height:36px!important;border-radius:11px}
.kpi-card .icon-square svg{width:19px;height:19px}
.kpi-card .val{font-size:26px;margin-top:12px}
.kpi-card .title{font-size:11px;margin-top:4px}
.kpi-card .hint{font-size:10px;margin-top:8px}
.kpi-card .blob{width:106px;height:106px;right:-26px;top:-21px}
.btn-primary,.btn-neutral,.btn-danger{padding:8px 12px;font-size:11px;border-radius:9px;min-height:34px}
.btn-primary svg,.btn-neutral svg,.btn-danger svg{height:14px;width:14px}
.round-btn{height:33px;width:33px;border-radius:9px}
.round-btn svg{width:16px;height:16px}
.field-input{padding:8px 11px;min-height:36px;font-size:12px;border-radius:9px}
.status{padding:4px 7px;font-size:9px;gap:4px}
.group-chip{font-size:9px;padding:4px 7px;border-radius:7px}
#chartRuns{min-height:0!important}
.graph-area{height:168px;gap:6px;padding-bottom:17px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf1f8 40px)}
.graph-date{bottom:-20px;font-size:9px}
.donut{width:124px;height:124px;margin:0 auto 11px}
.donut .inner{width:89px;height:89px}
.donut .inner strong{font-size:22px}
.group-line{margin:11px 0}
.group-line .track{height:6px;margin-top:6px}
.task-card{padding:15px;border-radius:14px}
.task-card h3{font-size:13px}
.task-card .meta{font-size:10px}
.task-card .task-actions{margin-top:13px;padding-top:12px;gap:6px}
.pipe-step .pipe-bubble{width:40px;height:40px;border-radius:11px}
.pipe-step .pipe-bubble svg{width:18px;height:18px}
.pipe-step .label{font-size:9px}
.pipe-link{margin-bottom:18px}
.activity-item .circle{width:28px;height:28px;border-radius:9px}
.activity-item .circle svg{width:15px;height:15px}
.activity-item{gap:9px}
.activity-item strong{font-size:11px}
table td{padding-top:10px;padding-bottom:10px;font-size:11px}
table th{font-size:10px}
.modal-label{font-size:10px;margin-bottom:5px}
.modal-form textarea{min-height:155px}
#settingsContent .space-y-5>*+*{margin-top:12px!important}
#settingsContent .space-y-4>*+*{margin-top:10px!important}
@media(max-width:1023px){#sidebar.sidebar{position:fixed;width:248px!important}}
@media(max-width:600px){main>header{padding-left:14px!important;padding-right:14px!important;height:60px!important}
main>div[class*="max-w"]{padding:14px 12px 36px!important}
.section-heading{font-size:19px}
#kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi-card{padding:12px!important}.kpi-card .val{font-size:22px}
#settingsContent{grid-template-columns:minmax(0,1fr)}}
.kpi-card .hint svg{height:12px;width:12px;flex-shrink:0}
#engineInfo svg,#settingsContent h3>svg,#settingsContent .flex>svg{width:16px;height:16px;flex-shrink:0}
#loginForm .btn-primary svg,#settingsContent .btn-neutral svg{height:14px;width:14px}

/* Compact sign-in and status panels */
#loginForm{max-width:375px!important;padding:26px!important;border-radius:20px!important}
#loginForm h1{font-size:23px!important}
#loginForm .w-16.h-16{width:46px!important;height:46px!important;border-radius:13px!important;margin-bottom:18px!important}
#loginForm .mt-8{margin-top:18px!important}
#loginForm .mt-6{margin-top:13px!important}
#settingsContent .surface{padding:14px!important}
#settingsContent .field-input{min-height:34px}
@media(max-width:600px){#loginForm{padding:22px!important}}