/* MIPEDD UI/UX release refinement — 25 design blocks */
:root{--ui-max:1540px;--ui-sidebar:252px;--ui-gap:14px;--ui-focus:#55d9ff}
html{scroll-behavior:smooth}body{min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(69,213,255,.025),transparent 28%,transparent 72%,rgba(69,213,255,.02));z-index:-1}
.w{max-width:var(--ui-max)!important}.layout,.app,.shell{max-width:none}.side,.sidebar,aside{scrollbar-width:thin;scrollbar-color:#1c6485 transparent}.side a,.sidebar a,aside a{min-height:42px;display:flex;align-items:center;gap:8px;border-radius:9px;transition:background .15s,color .15s,transform .15s}.side a:hover,.sidebar a:hover,aside a:hover{background:rgba(69,213,255,.07);transform:translateX(2px)}
header,.top,.topbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}h1{max-width:980px}h2{font-size:clamp(18px,2vw,24px)}p{line-height:1.55}.card{overflow:hidden}.card h2:first-child{margin-top:0}.card>p:last-child{margin-bottom:0}
.quick,.modules,.mods{gap:12px!important}.quick a,.module,.mods a{min-height:104px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px!important}.quick a b,.module b{margin-bottom:7px}.quick a:focus-visible,.module:focus-visible,.mods a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(85,217,255,.35)!important;outline-offset:2px}
input,select,textarea{border-radius:10px!important;min-height:44px}button{border-radius:10px;min-height:40px;cursor:pointer}button:hover{filter:brightness(1.06)}
table{width:100%;border-collapse:separate;border-spacing:0}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--md-muted);position:sticky;top:0}th,td{padding:11px 12px;border-bottom:1px solid var(--md-line)}tbody tr:hover{background:rgba(69,213,255,.035)}
.ampel-status{display:inline-flex;align-items:center;gap:6px;font-weight:750}.status-green:before,.status-yellow:before,.status-red:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
[data-empty],.empty-state{min-height:120px;display:grid;place-items:center;text-align:center;color:var(--md-muted);border:1px dashed var(--md-line);border-radius:12px}
.badge,.pill{border-radius:999px;padding:5px 9px;border:1px solid var(--md-line);font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input[type=search],.toolbar input:not([type]){flex:1;min-width:220px}
section+section{scroll-margin-top:90px}.md-section-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--md-muted);font-weight:700;display:flex;align-items:center;gap:10px}.md-section-label:after{content:"";height:1px;flex:1;background:var(--md-line)}
@media(max-width:1100px){.quick,.modules,.mods{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:760px){.quick,.modules,.mods{grid-template-columns:repeat(2,1fr)!important}.quick a,.module,.mods a{min-height:92px}table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.quick,.modules,.mods{grid-template-columns:1fr!important}.toolbar>*{width:100%}.quick a,.module,.mods a{min-height:76px;align-items:flex-start;text-align:left}}
body[data-theme="light"] th,body[data-theme="light"] td{border-color:#c7dbe4}body[data-theme="light"] tbody tr:hover{background:#edf7fa}body[data-theme="light"] .side a:hover,body[data-theme="light"] .sidebar a:hover,body[data-theme="light"] aside a:hover{background:#e3f2f7}