:root{--ms-blue: #0078d4;--ms-blue-hover: #106ebe;--ms-bg: #faf9f8;--ms-surface: #ffffff;--ms-border: #edebe9;--ms-text: #323130;--ms-text-secondary: #605e5c;--ms-sidebar: #201f1e;--ms-sidebar-hover: #292827;--ms-sidebar-active: #323130;--ms-danger: #a4262c;--ms-success: #107c10;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--ms-text);background:var(--ms-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--ms-bg)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(160deg,#f3f2f1,#e1dfdd)}.login-card{width:min(420px,100%);background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:4px;padding:2rem;box-shadow:0 6.4px 14.4px #00000014}.login-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.login-brand h1{margin:0;font-size:1.4rem;font-weight:600}.brand-icon{width:36px;height:36px;border-radius:4px;background:var(--ms-blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.intune-app{display:flex;min-height:100vh}.intune-sidebar{width:240px;flex-shrink:0;background:var(--ms-sidebar);color:#f3f2f1;display:flex;flex-direction:column;overflow-y:auto;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.65rem;padding:1rem 1rem .75rem;border-bottom:1px solid #3b3a39}.sidebar-brand strong{display:block;font-size:.95rem}.sidebar-brand small{color:#a19f9d;font-size:.72rem}.nav-section{padding:.5rem 0}.nav-section-title{padding:.35rem 1rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#a19f9d}.nav-link{display:block;width:100%;text-align:left;border:none;background:transparent;color:#f3f2f1;padding:.5rem 1rem .5rem 1.25rem;font-size:.88rem;cursor:pointer;border-left:3px solid transparent}.nav-link:hover{background:var(--ms-sidebar-hover)}.nav-link.active{background:var(--ms-sidebar-active);border-left-color:var(--ms-blue);font-weight:600}.intune-main{flex:1;display:flex;flex-direction:column;min-width:0}.intune-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.5rem;background:var(--ms-surface);border-bottom:1px solid var(--ms-border);position:sticky;top:0;z-index:10}.breadcrumb{font-size:.88rem;color:var(--ms-text-secondary)}.breadcrumb .sep{margin:0 .35rem;color:#c8c6c4}.breadcrumb strong{color:var(--ms-text);font-weight:600}.topbar-user{display:flex;align-items:center;gap:.75rem}.user-pill{display:flex;align-items:center;gap:.5rem}.avatar{width:32px;height:32px;border-radius:50%;background:var(--ms-blue);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem}.user-pill small{display:block;color:var(--ms-text-secondary);font-size:.72rem}.user-pill span{font-size:.82rem}.intune-content{padding:1.25rem 1.5rem 2rem;display:grid;gap:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.metric.tile{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:4px;padding:1rem;box-shadow:0 1.6px 3.6px #0000000d}.metric strong{display:block;font-size:1.6rem;font-weight:600;color:var(--ms-blue)}.metric span{font-size:.82rem;color:var(--ms-text-secondary)}.fluent-panel,.card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:4px;padding:1.25rem;box-shadow:0 1.6px 3.6px #0000000d}.panel h2{margin:0 0 .75rem;font-size:1.15rem;font-weight:600}.panel h3{margin:.5rem 0;font-size:.95rem;font-weight:600}.muted{color:var(--ms-text-secondary);margin:0;font-size:.88rem}.alert{padding:.65rem 1rem;border-radius:4px;font-size:.88rem;border:1px solid}.alert.ok{background:#dff6dd;border-color:#9fd89f;color:var(--ms-success)}.alert.error{background:#fde7e9;border-color:#f1bbbc;color:var(--ms-danger)}.btn{border:1px solid transparent;border-radius:2px;padding:.45rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.btn.primary,.btn:not(.ghost):not(.danger){background:var(--ms-blue);color:#fff}.btn.primary:hover,.btn:not(.ghost):not(.danger):hover{background:var(--ms-blue-hover)}.btn.ghost{background:transparent;color:var(--ms-text);border-color:var(--ms-border)}.btn.ghost:hover{background:#f3f2f1}.btn.danger{background:var(--ms-danger);color:#fff}.field{display:grid;gap:.25rem;margin-bottom:10px}.field>span{font-size:.82rem;font-weight:600}input,select,textarea{width:100%;border:1px solid #8a8886;border-radius:8px;padding:.45rem .6rem;margin-bottom:10px;font-size:.88rem;font-family:inherit;background:var(--ms-surface);color:var(--ms-text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ms-blue);box-shadow:0 0 0 1px var(--ms-blue)}.grid{display:grid;gap:.75rem}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.list{list-style:none;padding:0;margin:.75rem 0 0;border:1px solid var(--ms-border);border-radius:4px;overflow:hidden}.list li{padding:.75rem 1rem;border-bottom:1px solid var(--ms-border);background:var(--ms-surface);display:grid;gap:.2rem}.list li:last-child{border-bottom:none}.list li:hover{background:#faf9f8}.list small{color:var(--ms-text-secondary);font-size:.78rem;word-break:break-all}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.inline-actions{display:flex;gap:.4rem;flex-wrap:wrap}.subpanel{border-top:1px solid var(--ms-border);padding-top:1rem;margin-top:1rem}.check{display:flex;align-items:center;gap:.45rem;font-size:.88rem}.check input{width:auto;margin-bottom:0;border-radius:4px}code{background:#f3f2f1;border:1px solid var(--ms-border);padding:.1rem .35rem;border-radius:2px;font-size:.82rem}a{color:var(--ms-blue);text-decoration:none}a:hover{text-decoration:underline}@media (min-width: 700px){.metrics-grid{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.grid.four{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.intune-app{flex-direction:column}.intune-sidebar{width:100%;height:auto;position:relative;max-height:45vh}.intune-topbar{flex-direction:column;align-items:flex-start}}.asset-list li.asset-selected{background:#eff6fc;border-left:3px solid var(--ms-blue)}.asset-vitals{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.82rem;color:var(--ms-text-secondary);margin-top:.15rem}.asset-vitals span{white-space:nowrap}.pagination{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:1rem}.pagination .btn{min-width:2.5rem;padding:.35rem .65rem}.jamf-config-list li{gap:.35rem}.asset-list li.asset-bulk-selected{background:#f0f9ff;border-left:3px solid #0078d4}.asset-row-head{display:flex;align-items:flex-start;gap:.65rem}.asset-row-select{margin-top:.2rem;width:auto;margin-bottom:0}.bulk-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.75rem 0}.grid.five{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.update-badge{display:inline-block;padding:.12rem .45rem;border-radius:999px;font-size:.75rem;font-weight:600}.update-badge.up_to_date{background:#dff6dd;color:#107c10}.update-badge.update_available{background:#fff4ce;color:#8a6116}.update-badge.end_of_support{background:#fde7e9;color:#a4262c}.update-badge.not_eligible,.update-badge.unknown{background:#f3f2f1;color:#605e5c}
