:root{--ink:#252c35;--muted:#737a83;--purple:#4977b8;--purple-dark:#335b94;--lavender:#e8eff8;--line:#e5e9ee;--paper:#f9fafc;--green:#357665;--green-bg:#e9f5ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.25;font-weight:650}h2{font-size:20px;letter-spacing:-.45px;font-weight:650}h3{font-size:17px}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--purple);margin-bottom:10px}.icon{width:20px;height:20px;flex-shrink:0}.brand{display:flex;align-items:center;font-size:29px;font-weight:700;letter-spacing:-1.6px;gap:7px}.brand-symbol{display:grid;place-items:center;width:30px;height:32px;background:var(--purple);color:white;font-size:29px;border-radius:9px 9px 12px 4px;letter-spacing:0;line-height:1}.brand-dot{color:var(--purple);margin-left:-6px}.app{display:flex;min-height:100vh}.sidebar{width:247px;flex-shrink:0;padding:27px 17px 20px;background:#ecf0f6;border-right:1px solid #dee5ee;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;overflow:auto}.sidebar .brand{padding:0 12px 23px}.module{position:relative;margin-bottom:22px}.module summary{display:flex;align-items:center;gap:10px;list-style:none;padding:12px 10px;background:#fff;border:1px solid #dce3ed;border-radius:11px;cursor:pointer}.module summary::-webkit-details-marker{display:none}.module summary small{font-size:8px;letter-spacing:1px;display:block;color:var(--muted);margin-bottom:3px}.module summary strong{font-size:12px;display:block}.module-icon{background:var(--lavender);color:var(--purple);padding:7px;border-radius:8px;display:flex}.chevron{margin-left:auto;color:var(--muted)}.module-options{position:absolute;z-index:5;top:76px;padding:10px;background:white;box-shadow:0 12px 25px #28354720;border:1px solid var(--line);border-radius:10px}.module-options a{display:flex;justify-content:space-between;gap:18px;background:var(--lavender);padding:10px;color:var(--purple);border-radius:6px}.module-options small{display:block;color:var(--muted);padding:10px 4px}.nav-caption{font-size:9px;letter-spacing:1.5px;padding:0 12px 10px;color:#838e9d}.nav-item{min-height:39px;display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:2px;border-radius:8px;color:#5f6a79;font-size:12px;font-weight:500}.nav-item .icon{width:17px;height:17px}.nav-item.active{background:#d8e2f1;color:#38619b}.nav-item[href]:hover{background:#e0e8f2}.unavailable{color:#8a929d}.soon{font-size:8px;letter-spacing:.3px;margin-left:auto;color:#9aa1aa}.nav-rule{height:1px;background:#dae1eb;margin:13px 12px}.sidebar-bottom{margin-top:auto;padding:25px 12px 0;color:#8c95a2}.sidebar-bottom .small{font-size:8px;letter-spacing:1.4px}.sidebar-bottom p{font-size:11px;margin-top:5px}.content{margin-left:247px;flex:1;min-width:0}.topbar{height:83px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:11px;color:#80868f}.breadcrumb span{margin:0 10px;color:#b8bfc9}.top-actions{display:flex;align-items:center;gap:15px}.company-form{display:flex;align-items:center;gap:5px}.company-form select{border:none;background:#f6f8fa;font-size:11px;max-width:170px;padding:8px;border-radius:7px}.text-button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:5px}.avatar{height:31px;width:31px;border-radius:50%;background:#d3dfef;color:var(--purple);font-size:9px;font-weight:700;display:grid;place-items:center}.main{padding:35px 38px 50px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading p{margin-top:9px;font-size:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:10px 17px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:600;line-height:1.4;min-height:39px}.button .icon{width:15px}.primary{background:var(--purple);color:white;box-shadow:0 3px 6px #4977b814}.primary:hover{background:var(--purple-dark)}.secondary{background:#fff;border-color:#d7dee8;color:#515f73}.secondary:hover{background:#f0f5fb}.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{padding:20px;background:white;border:1px solid var(--line);border-radius:13px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#77818e;font-size:11px}.stat-icon{color:var(--purple);background:#edf2f8;display:flex;padding:7px;border-radius:8px}.stat-icon .icon{width:17px;height:17px}.stat strong{display:block;font-size:32px;font-weight:650;letter-spacing:-1px;margin:10px 0 2px}.stat small{color:#91979f;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading .eyebrow{font-size:8px;margin-bottom:5px}.text-link{font-size:11px;font-weight:600;color:var(--purple);white-space:nowrap}.empty{text-align:center;padding:50px 18px}.empty-symbol{display:inline-flex;padding:15px;border-radius:18px;background:#f0f5fb;color:#7290b9;margin-bottom:17px}.empty-symbol .icon{width:30px;height:30px}.empty h3{font-weight:550}.empty p{font-size:12px;color:var(--muted);max-width:350px;margin:9px auto 0}.guide-panel{background:linear-gradient(135deg,#eaf0f9,#fafcff);border-color:#d9e2ef;padding:30px}.guide-panel h2{font-size:24px;max-width:230px;line-height:1.3;margin:12px 0 15px}.guide-panel p{font-size:12px;color:#7b8799;max-width:290px}.steps{display:grid;gap:14px;margin:27px 0}.steps span{font-size:10px;color:#8da1bd}.steps b{font-size:12px;color:#606d80;font-weight:500;margin-left:14px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.filters label{margin:0}.filters input,.filters select{margin:0;min-height:39px;font-size:11px}.filters .search-label{flex:1;min-width:220px}.filters label:not(.search-label){max-width:200px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#91979f;background:#f8fafc}td,th{padding:15px 12px;border-bottom:1px solid #eaeef3}td{font-size:11px}td small{display:block;font-size:10px;color:#8f969f;margin-top:4px}tbody tr:last-child td{border-bottom:0}.device-link{color:#48648b;font-weight:650}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:20px;background:#edeff2;color:#717a87;font-size:10px;white-space:nowrap}.green{color:var(--green);background:var(--green-bg)}.purple{color:#5373a1;background:#e6eef8}.danger{color:#a65c50;background:#fcf0eb}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:12px;font-size:10px;color:var(--muted)}.pagination>div{display:flex;gap:8px}.pagination .button{padding:7px 13px;min-height:32px;font-size:10px}.footer{padding:0 38px 25px;color:#99a1ac;font-size:10px}.footer span{margin:0 7px;color:#c0c8d3}.form-panel{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}label{display:block;font-size:12px;font-weight:550;color:#5c6673;margin-bottom:20px}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #d9e0ea;border-radius:7px;background:#fff;color:var(--ink);margin-top:7px;min-width:0}input:focus,select:focus,textarea:focus{border-color:#7697c6;outline:2px solid #dce7f6;outline-offset:1px}input::placeholder,textarea::placeholder{color:#aab1bb;font-size:12px}label small{display:block;font-weight:400;color:#959fac;font-size:10px;margin-top:6px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid var(--line)}.notice{padding:14px 18px;border-radius:9px;margin-bottom:20px;font-size:12px;border:1px solid transparent}.notice span{display:block;font-size:11px;margin-top:4px}.notice.error{background:#fff0ec;border-color:#f0d7d0;color:#a25449}.notice.success{background:#edf7f0;border-color:#d8e8dd;color:#41745a}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}.detail-toolbar>div{display:flex;gap:10px}.tabs{display:flex;gap:25px;margin:0 0 23px;border-bottom:1px solid var(--line)}.tabs a{padding:10px 0;font-size:12px;color:var(--purple);border-bottom:2px solid #8aa5cb}.device-title{display:flex;gap:17px;align-items:center;margin-bottom:25px}.device-title .pill{margin-left:auto}.device-title p{font-size:12px;margin-top:5px}.device-illustration{background:#e8eff8;border-radius:15px;color:#708cb3;padding:17px;display:flex}.device-illustration .icon{width:32px;height:32px}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0}dt{font-size:10px;color:#939ead;margin-bottom:7px}dd{font-size:12px;margin:0;overflow-wrap:anywhere}.history-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 0}.history-dot{width:8px;height:8px;background:#91a9cb;border-radius:50%;flex-shrink:0}.history-row b{text-transform:capitalize;font-size:12px;font-weight:550}.history-row p{font-size:10px;color:#8f99a6;margin-top:3px}.history-row>small{margin-left:auto;color:#969fac;font-size:10px}.selected-device{display:flex;align-items:center;gap:14px;background:#f1f6fc;border-radius:10px;padding:17px;margin-bottom:25px;color:#5d779c}.selected-device span{display:block;font-size:11px;margin-top:4px}.settings-intro{display:flex;gap:15px;align-items:center;margin-bottom:25px}.settings-intro p{font-size:12px;color:var(--muted);max-width:650px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.catalog-list{margin:15px 0 20px;max-height:300px;overflow:auto}.catalog-list>div{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.catalog-list small{display:block;color:#929cab;font-size:10px;margin-top:3px}.add-catalog summary{font-size:12px;color:var(--purple);cursor:pointer}.add-catalog form{padding-top:20px}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:16px;margin:0;accent-color:var(--purple)}.attention-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.attention-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#e0e9f6;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story h1{font-size:64px;font-weight:550;letter-spacing:-3px;line-height:1.03;color:#354a68;margin:20px 0}.login-story p{color:#788aa3;font-size:15px;margin-bottom:25px}.login-story .eyebrow{color:#788eae}.login-story small{color:#7f93ae;font-size:11px}.login-main{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.login-card{width:100%;max-width:350px}.login-card h2{font-size:28px}.login-card>p{font-size:12px;margin:10px 0 30px}.login-card form{margin-top:25px}.login-card .small{margin:23px 0 0}.orbit{width:280px;height:140px;position:relative;margin-top:30px;background:radial-gradient(ellipse,#c3d4ed55,transparent 70%)}.orbit-core{position:absolute;left:100px;top:30px;padding:23px;border:1px solid #b5c7e0;background:#d2def0;border-radius:25px;transform:rotate(-10deg);color:#6885ae}.orbit-core .icon{width:36px;height:36px}.orbit-tag{position:absolute;border-radius:8px;padding:8px 12px;background:#f7fafd;color:#7b8fab;box-shadow:0 4px 15px #47608310;font-size:9px}.orbit-tag.one{left:2px;top:70px}.orbit-tag.two{right:-25px;top:22px}.menu-button{display:none}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{z-index:100;clip:auto;width:auto;height:auto;left:15px;top:10px;background:white;padding:12px}.menu-button{border:0;background:transparent;font-size:22px;color:var(--purple)}
@media(min-width:1600px){.main{padding-top:45px}.stats{gap:24px}.stat{padding:25px}.dashboard-grid{gap:25px}.topbar{padding:0 55px}}
@media(max-width:1150px){.sidebar{width:220px}.content{margin-left:220px}.main{padding:28px 24px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:15px}.dashboard-grid{grid-template-columns:1fr}.breadcrumb{display:none}.top-actions{margin-left:auto}.login-story{padding:40px}.login-story h1{font-size:52px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);z-index:20;width:247px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:8px 0 40px #28354730}.content{margin-left:0}.menu-button{display:block}.topbar{height:67px;padding:0 16px}.top-actions{gap:10px}.company-form select{max-width:135px}.avatar{display:none}.main{padding:26px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading .button{font-size:10px;padding:9px 12px;white-space:nowrap}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:17px}.stat strong{font-size:29px}.panel{padding:19px}.form-grid,.settings-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr 1fr}.detail-toolbar{align-items:flex-start}.detail-toolbar>div{gap:6px}.detail-toolbar .button{font-size:10px;padding:9px 12px}.filters{gap:8px}.filters label:not(.search-label){max-width:none;flex:1}.filters .search-label{flex-basis:100%}.settings-intro{align-items:flex-start}.login-layout{display:block}.login-story{padding:28px;min-height:200px}.login-story>div{display:none}.login-story>small{margin-top:35px}.login-main{padding:45px 25px}.footer{padding:0 16px 22px}.history-row{align-items:flex-start}.history-row>small{max-width:110px;text-align:right}.device-title{flex-wrap:wrap}.device-title .pill{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.model-photo-thumb{width:62px;height:50px;object-fit:contain;float:left;margin:0 12px 9px 0;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.model-photo-detail{width:84px;height:70px;object-fit:contain}.model-photo-preview{display:block;width:160px;max-height:130px;object-fit:contain;margin:5px 0 15px;border:1px solid var(--line);border-radius:9px;padding:8px;background:#f8fafc}.model-photo-preview[hidden]{display:none}.photo-error{font-size:11px;color:#a25449;margin-bottom:12px}.model-photo-controls{clear:both;padding-top:10px}.model-photo-controls summary{font-size:11px;color:var(--purple);cursor:pointer}.model-photo-controls form{margin-top:15px;padding:12px;background:#f8fafc;border-radius:8px}input[type=file]{font-size:11px;padding:9px}.catalog-list>div:after{content:"";display:block;clear:both}

.hardware-photo-thumb{width:42px;height:38px;object-fit:contain;float:left;margin:0 11px 0 0;background:#f8fafc;border:1px solid var(--line);border-radius:7px}
/* Approved lavender design with restrained semantic dashboard colors. */
.stats .stat:nth-child(1){background:linear-gradient(135deg,#edf4ff,#fff);border:1px solid #d3e5ff;border-top:2px solid #569cff}.stats .stat:nth-child(2){background:linear-gradient(135deg,#edf6ff,#fff);border:1px solid #cee3ff;border-top:2px solid #3588ff}.stats .stat:nth-child(3){background:linear-gradient(135deg,#ecf9ef,#fff);border:1px solid #ccebd4;border-top:2px solid #38ad61}.stats .stat:nth-child(4){background:linear-gradient(135deg,#fff0f1,#fff);border:1px solid #ffd2d7;border-top:2px solid #f26376}.stats .stat:nth-child(2) .stat-icon{color:#287ad7;background:#e4efff}.stats .stat:nth-child(3) .stat-icon{color:#258b49;background:#e1f4e7}.stats .stat:nth-child(4) .stat-icon{color:#d83f58;background:#ffe2e7}.attention-row{background:#fff7f7;border-radius:10px;padding:14px;margin:8px 0;border:1px solid #ffe1e6}.extra-fields{border:1px solid var(--border,#e0e6ef);border-radius:12px;padding:20px;margin:22px 0}.extra-fields legend,.extra-fields summary{font-weight:650}.extra-fields summary{cursor:pointer;margin-bottom:16px}.catalog-entry{padding:18px 0;border-bottom:1px solid #e8edf5}.catalog-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.catalog-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.catalog-entry details{margin:12px 0}.catalog-entry summary{cursor:pointer;color:#457ece}.danger-text{color:#bb2944}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.company-picker{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.company-picker label{min-width:250px}.company-picker small{width:100%}.hardware-subnav{margin-left:22px;padding-left:12px;border-left:1px solid #d7e0ec;display:grid;gap:3px}.hardware-subnav a{padding:7px 10px;font-size:12px;color:#5b6676;display:flex;justify-content:space-between;gap:8px;border-radius:8px}.hardware-subnav a:hover{background:#e8f0fc;color:#3b7ad3}.hardware-subnav .nav-count{background:#e7ecf4;padding:0 7px;border-radius:10px}.hardware-subnav summary{font-size:12px;color:#69788e;padding:8px;cursor:pointer}[hidden]{display:none!important}
.status-chart{display:flex;align-items:center;gap:24px}.status-chart svg{width:180px;flex-shrink:0}.donut-total{font-size:5px;font-weight:700;fill:#212d3e}.donut-caption{font-size:2px;fill:#697689}.status-legend{flex:1;min-width:0}.status-legend a{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1f7;font-size:12px}.status-legend b{margin-left:auto}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.palette-0{background:#569cff}.palette-1{background:#49bd78}.palette-2{background:#398bff}.palette-3{background:#f27687}.palette-4{background:#f2ae42}.palette-5{background:#8d9aac}@media(max-width:800px){.status-chart{flex-wrap:wrap}.status-legend{min-width:180px}}
.topbar{background:linear-gradient(110deg,#ebf3ff,#f8fbff);border-bottom-color:#e0e9f5}.sidebar{background:linear-gradient(170deg,#e4edfa,#f7f8fa 60%)}.sidebar .brand-symbol{display:none}.sidebar .brand{font-size:33px;letter-spacing:-1.8px}.global-search{position:relative;flex:1;max-width:600px}.global-search input{border:0;border-radius:25px;background:#e0e8f2;padding:12px 45px 12px 20px;font-size:12px;width:100%;color:#394453}.global-search button{position:absolute;right:14px;top:7px;background:none;border:0;font-size:21px;color:#586578}.dashboard-grid .status-panel{order:-1}.stats .stat:nth-child(2){background:linear-gradient(135deg,#ecf9ef,#fff);border-color:#ccebd4;border-top-color:#38ad61}.stats .stat:nth-child(3){background:linear-gradient(135deg,#edf6ff,#fff);border-color:#cee3ff;border-top-color:#3588ff}.stats .stat:nth-child(2) .stat-icon{color:#258b49;background:#e1f4e7}.stats .stat:nth-child(3) .stat-icon{color:#287ad7;background:#e4efff}.recent-activity{margin-top:22px}.status-chart{padding:15px 0}.status-legend{max-height:290px;overflow:auto}@media(max-width:800px){.global-search{max-width:none}.global-search input{font-size:11px;padding-left:12px}.top-actions{gap:7px}}@media(max-width:600px){.global-search{display:none}}
/* Reference navigation: the category label itself is the disclosure control. */
.nav-group>summary{list-style:none;cursor:pointer}.nav-group>summary::-webkit-details-marker{display:none}.nav-chevron{margin-left:auto;transition:transform .15s}.nav-group:not([open])>summary .nav-chevron{transform:rotate(-90deg)}.nav-group-body{padding-left:18px}.nav-group-body>.nav-item{padding-left:15px}.nav-subitems{display:grid;padding:3px 0 8px 25px;gap:2px}.nav-subitems>a{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;color:#596474;font-size:12px}.nav-subitems>a:hover,.nav-subitems>a[aria-current=page]{background:#dfeaf9;color:#3369b4}.nav-count{font-size:10px;min-width:20px;text-align:center;padding:0 6px;background:#e1e8f1;border-radius:10px}.settings-menu{margin-top:18px}.settings-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.settings-tile{display:flex;align-items:center;gap:15px}.settings-tile .icon{color:#548bd9}.settings-tile span{margin-left:auto;font-size:12px;color:#77818f}.settings-grid{display:block}.form-panel h3{margin:25px 0 14px}.target-choice{display:flex;align-items:center;gap:25px;padding:8px 0}.target-choice>label{flex:1}.person-photo{width:100px;height:100px;object-fit:cover;border-radius:50%;margin:0 0 20px}.record-detail h3{margin:25px 0 10px}.record-detail>.details-grid{padding-bottom:20px}.sidebar .nav-item{font-size:12px}.sidebar-bottom{padding-top:16px}.sidebar summary{font-weight:600}@media(max-width:1000px){.settings-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.settings-tiles{grid-template-columns:1fr}.target-choice{align-items:start;gap:10px}.settings-tile{padding:20px}}
/* Dashboard proportions and semantic accents follow the approved mockup. */
.stats .stat{position:relative;min-height:115px;padding:18px 14px 16px 82px}.stats .stat-top{display:block;font-size:13px}.stats .stat-icon{position:absolute;left:18px;top:20px;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center}.stats .stat-icon .icon{width:25px;height:25px}.stats .stat strong{font-size:30px;line-height:1.2;margin:3px 0}.stats .stat small{font-size:11px;line-height:1.3;display:block}.topbar{height:74px}.button.primary{background:#151d28;border-color:#151d28;box-shadow:0 4px 10px #1c2f4a12}.dashboard-grid{grid-template-columns:1.25fr 1fr}.dashboard-grid>.panel{margin-bottom:0}.status-chart svg{width:190px}.dashboard-grid .empty{padding:32px 12px}.page-heading-actions{display:flex;gap:12px;align-items:center}.nav-group-body>.nav-item{min-height:34px;padding-top:6px;padding-bottom:6px}.nav-item.unavailable{font-size:11px}@media(max-width:1100px){.stats .stat{padding-left:63px}.stats .stat-icon{left:12px;width:38px;height:38px}.dashboard-grid{grid-template-columns:1fr}.status-chart svg{width:180px}}@media(max-width:600px){.stats .stat{min-height:128px;padding:15px 12px 15px 58px}.stats .stat-icon{left:10px;top:17px;width:34px;height:34px}.stats .stat-top{font-size:11px}.stats .stat strong{font-size:27px}.stats .stat small{font-size:10px}.page-heading-actions{flex-wrap:wrap}.page-heading-actions .button{padding:8px 10px}}
.sidebar{overflow-anchor:none;scroll-behavior:auto}.nav-restoring .sidebar nav{visibility:hidden}.nav-group>div{overflow-anchor:none}.workspace-scope{font-size:11px;color:#646f7f}.scope-caption{font-size:12px;color:#697382;padding:4px 0 16px}.related-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.asset-company-label{max-width:460px;margin-bottom:25px}.catalog-company-filter{display:flex;gap:12px;align-items:end;margin-bottom:20px}.catalog-company-filter label{min-width:240px}.people-menu{margin-top:12px}.filters{flex-wrap:wrap}.filters label{font-size:11px}.filters input,.filters select{min-height:38px}.filters label.search-label{min-width:200px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:600px){.workspace-scope{max-width:160px;text-align:right}.catalog-company-filter{flex-wrap:wrap}}

/* Reference actions and checkout controls */
.row-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}.row-actions form{display:flex;gap:5px;margin:0}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;border:0;border-radius:6px;color:white;cursor:pointer;transition:filter .15s,transform .15s}.action-icon:hover{filter:brightness(.92);transform:translateY(-1px)}.action-icon.plus,.action-icon.clone{background:#09b6d4}.action-icon.audit{background:#428db5}.action-icon.edit{background:#eda021}.action-icon.delete{background:#e94e40}.action-icon.archive{background:#7c8da4}.action-icon .icon{width:20px;height:20px}.select-add{display:flex;gap:8px;align-items:center}.select-add select{flex:1;min-width:0}.quick-add{flex:none;min-width:42px;min-height:46px;background:#5480bd;color:white;border:0;border-radius:9px;font-size:24px;cursor:pointer}.assignment-tabs{border:0;padding:0;margin:14px 0;display:flex;gap:0;flex-wrap:wrap}.assignment-tabs legend{font-weight:600;margin-bottom:10px}.assignment-tabs label{margin:0;display:block}.assignment-tabs input{position:absolute;opacity:0;width:1px}.assignment-tabs span{display:block;padding:11px 24px;border:1px solid #d0dbea;background:#f8fbff;cursor:pointer}.assignment-tabs label:first-of-type span{border-radius:8px 0 0 8px}.assignment-tabs label:last-of-type span{border-radius:0 8px 8px 0}.assignment-tabs input:checked+span{background:#5583c3;border-color:#5583c3;color:white}.assignment-tabs input:focus-visible+span{outline:3px solid #a1c7fc;outline-offset:2px}.quick-dialog{width:min(1000px,95vw);height:min(850px,92vh);padding:0;border:1px solid #d6e0ed;border-radius:16px;box-shadow:0 24px 90px #16273f55}.quick-dialog::backdrop{background:#16223266;backdrop-filter:blur(2px)}.quick-dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f5f9ff;border-bottom:1px solid #d6e0ed}.quick-dialog iframe{width:100%;height:calc(100% - 100px);border:0}.quick-dialog [data-quick-status]{margin:8px 20px;font-size:13px}.quick-window .sidebar,.quick-window .topbar,.quick-window .footer{display:none}.quick-window .app{display:block}.quick-window .content{margin:0;width:100%}.quick-window .main{padding:22px;max-width:none}.quick-window .page-heading{margin-bottom:18px}.quick-window .page-heading h1{font-size:28px}.quick-window .catalog-company-filter{display:none}[hidden]{display:none!important}

/* Approved pastel action palette. */
.action-icon.plus,.action-icon.clone{background:#e9f5f7;color:#43818c}.action-icon.audit{background:#edf1fa;color:#617ba3}.action-icon.edit{background:#fcf3e5;color:#9b793f}.action-icon.delete{background:#faeeee;color:#aa626a}.action-icon.archive{background:#ecf1f8;color:#697d99}.action-icon:hover{filter:brightness(.97)}.quick-add{background:#e8eff8;color:#5678a7}.action-icon:focus-visible,.quick-add:focus-visible{outline:3px solid #a6bcdc;outline-offset:3px}

.person-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.person-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.person-toolbar .button{font-size:12px;padding:10px 13px}.user-tabs{overflow-x:auto;white-space:nowrap}.user-tabs a[aria-current=page]{background:#e8eff8;color:#476794;border-radius:8px}.user-history-event{padding:20px 0;border-bottom:1px solid var(--line)}.user-history-event h3{font-size:15px}.person-operation-form{margin-top:24px;max-width:760px}.preserve-lines{overflow-wrap:anywhere}@media print{.sidebar,.topbar,.footer,.page-heading,.no-print,.person-toolbar{display:none!important}.app,.content{display:block;margin:0;width:100%}.main{padding:0;max-width:none}.panel{border:0;box-shadow:none;padding:10px 0}table{font-size:10px}.table-wrap{overflow:visible}tr{break-inside:avoid}}
.user-tabs a{border-bottom:2px solid transparent}.user-tabs a[aria-current=page]{border-bottom-color:#8ba7cf}.person-toolbar .danger-text{color:#a2616e;background:#fbf3f5;border-color:#ecdce3}

/* Shared control geometry: labels sit above controls; actions share their baseline. */
html{scrollbar-gutter:stable;scroll-behavior:auto}
.sidebar{scrollbar-gutter:stable;background:#ecf0f6}
.sidebar>*{flex-shrink:0}
.sidebar .nav-item.active{background:transparent;color:#44689b}
.nav-subitems>a{border-inline-start:3px solid transparent;transition:background-color .12s,color .12s}
.nav-subitems>a:hover{background:#e8eef6;color:#44689b}
.nav-subitems>a[aria-current=page]{background:#dbe5f4;border-inline-start-color:#6085b9;color:#385b8d;font-weight:650}
.filters,.catalog-company-filter{align-items:flex-end;gap:14px}
.filters>label,.catalog-company-filter>label{display:flex;flex-direction:column;gap:7px;margin:0;flex:1 1 180px;min-width:150px;max-width:280px}
.filters>label.search-label{flex:2 1 240px;max-width:none}
.filters input,.filters select,.catalog-company-filter select{margin:0;height:44px;min-height:44px;font-size:12px}
.filters>.button,.catalog-company-filter>.button{height:44px;min-height:44px;margin:0;flex-shrink:0}
select:not([multiple]){appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23796a8d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
select:not([multiple]),input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:44px}
.select-add{align-items:stretch;margin-top:7px}.select-add select{margin-top:0}.quick-add{min-height:44px;margin:0;background:#e3ebf7;color:#4a6c9b;border:1px solid #cdd9ea}
.person-identity-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:28px;align-items:start}
.profile-photo-picker{padding-top:5px;text-align:center}.profile-photo-frame{height:180px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px dashed #c2cfe2;border-radius:14px;background:#f5f8fc;color:#a1b1c8;margin-bottom:14px}
.profile-photo-frame .icon{width:48px;height:48px}.profile-photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-upload-label{text-align:left;margin-bottom:10px}.photo-upload-label input{width:100%;font-size:10px}.profile-photo-picker .button{min-height:34px;padding:7px 12px;font-size:11px}
.user-tabs a{display:inline-flex;align-items:center;gap:8px}.user-tabs .icon{width:18px;height:18px;color:#708cb3}.user-tabs a:nth-child(2) .icon{color:#548fa2}.user-tabs a:nth-child(3) .icon{color:#b09451}.user-tabs a:nth-child(4) .icon{color:#638c70}.user-tabs a:nth-child(5) .icon{color:#b381a6}.user-tabs a:nth-child(6) .icon{color:#7298bd}.user-tabs a:nth-child(7) .icon{color:#b08b68}
.person-toolbar .button .icon{color:#748db0}.person-toolbar .button.danger-text .icon{color:#c68989}
[data-user-tab-content]{min-height:300px;outline:none;overflow-anchor:none}
[data-user-tab-content][aria-busy=true]{cursor:progress}
@media(max-width:700px){.person-identity-layout{grid-template-columns:1fr}.profile-photo-picker{grid-row:1;max-width:180px;justify-self:center}.filters>label,.catalog-company-filter>label{max-width:none;min-width:0;flex-basis:100%}.filters>.button,.catalog-company-filter>.button{width:100%}.person-identity-layout>.form-grid{width:100%}}
@media(max-width:700px){.filters>label:not(.search-label),.filters>label.search-label,.catalog-company-filter>label{flex:0 0 100%;width:100%;max-width:none;min-width:0}.filters select,.filters input,.catalog-company-filter select{width:100%}}
/* Larger tab hit areas; preserve the approved sidebar and profile-photo layout. */
.tabs{gap:8px;padding-bottom:8px}.tabs a{padding:12px 18px;min-height:46px;line-height:1.5;flex-shrink:0;border-radius:9px;box-sizing:border-box}.user-tabs a[aria-current=page]{padding:12px 18px}
.delete-dialog{width:min(460px,92vw);padding:26px;border:1px solid var(--line);border-radius:16px;color:var(--ink);box-shadow:0 24px 90px #16273f44}.delete-dialog::backdrop{background:#16223266;backdrop-filter:blur(2px)}.delete-dialog p{margin:15px 0;line-height:1.7}.delete-confirm{background:#b65c68}.stock-return-form{display:grid;gap:7px;min-width:220px}.stock-return-form label{margin:0}.stock-return-form input{font-size:11px}.kit-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:20px 0}.kit-choices label{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0}.kit-choices input{width:85px;flex:none}.license-key{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f2f5fa;border:1px solid var(--line);border-radius:10px}.request-review{margin-top:16px}.tabs{overflow-x:auto}@media(max-width:700px){.kit-choices{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.detail-toolbar{flex-wrap:wrap}}
.deletion-fallback{width:min(520px,92vw);margin:12vh auto}.deletion-fallback p{margin:20px 0}
button:disabled{opacity:.5;cursor:not-allowed}@media print{body[data-print-scope=kit-tracking] .main>*:not(.kit-tracking-panel){display:none!important}body[data-print-scope=kit-tracking] .kit-tracking-panel{display:block!important}}

/* Pending Add New shortcut; shares the existing header and lavender palette. */
.topbar-tools{display:flex;align-items:center;gap:16px;flex:1;min-width:0;max-width:780px}.topbar-tools .global-search{min-width:160px;margin:0}.topbar-tools .global-search input{margin-top:0}.add-new{position:relative;flex:none;z-index:30}.add-new-trigger{list-style:none;cursor:pointer;min-height:46px;min-width:145px;padding:12px 18px;background:#dbe5f4;color:#385b8d;border:1px solid #c8d7eb;font-size:14px;white-space:nowrap}.add-new-trigger::-webkit-details-marker{display:none}.add-new-trigger:hover,.add-new[open] .add-new-trigger{background:#cddaed}.add-new-trigger .icon{width:18px;height:18px}.add-new-chevron{margin-left:8px}.add-new-options{position:absolute;top:calc(100% + 8px);right:0;min-width:225px;max-width:calc(100vw - 32px);padding:8px;border:1px solid #d6e0ed;border-radius:12px;background:#f7faff;box-shadow:0 12px 32px #23344b20}.add-new-options a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 13px;border-radius:7px;color:#516074;font-size:14px}.add-new-options a:hover,.add-new-options a:focus-visible{background:#e5ecf7;color:#385b8d}.add-new-options .icon{width:19px;height:19px;color:#7c93b3}@media(max-width:900px){.topbar-tools{gap:10px}.add-new-trigger{min-width:120px;padding:10px 12px}.topbar .workspace-scope{display:none}}@media(max-width:600px){.topbar-tools{flex:1;min-width:0}.topbar-tools .global-search{display:none}.add-new-trigger{min-width:130px}.topbar{padding-inline:16px;gap:10px}.add-new-options{left:0;right:auto}}@media print{.add-new{display:none!important}}

/* Restore the entire sidebar before its first visible layout. */
.nav-restoring .sidebar{visibility:hidden}.nav-restoring .sidebar nav{visibility:inherit}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation:none}
.operations-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.operations-toolbar label{margin:0;min-width:180px}.operations-toolbar .button{min-height:44px}
.operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.operation-grid .panel{margin:0}.operation-actions{display:flex;gap:8px;flex-wrap:wrap}.operation-grid select[multiple]{min-height:180px}.document-sheet{max-width:950px}.document-sheet .details-grid{margin:25px 0}.signature-line{border-top:1px solid var(--line);padding-top:12px;margin-top:40px}.audit-photo{max-width:220px;max-height:160px;border-radius:10px}.report-summary{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.report-summary strong{font-size:24px}.operation-status{font-weight:600;color:var(--purple)}
@media(max-width:900px){.operation-grid{grid-template-columns:1fr}}@media print{.operations-toolbar,.operation-actions,.operation-form{display:none!important}.document-sheet{max-width:none}.signature-line{margin-top:50px}}