:root{--primary-color:#244b7a;--secondary-color:#536479;--text-color:#203149;--bg-color:#f4f6f9;--border-color:#e3e8ef;--glass-bg:#fff;--glass-border:#e3e8ef;--shadow:0 2px 5px #1c314006;--shadow-md:0 3px 12px #1c314008;--shadow-lg:0 6px 20px #1c314010}
body{background:#f4f6f9;font-size:13px;color:#203149}a{color:#244b7a}button,input,select,textarea{font:inherit}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #84a7d8;outline-offset:3px}h1,h2,h3{letter-spacing:-.4px}.app-layout{padding-inline-start:250px}.app-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:250px;background:#14243d;color:#c6d2e4;z-index:210;display:flex;flex-direction:column;padding:30px 18px 18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:21px;font-weight:800;padding:0 10px 30px;border-bottom:1px solid #ffffff14}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:1.3px;color:#9baec9;margin-top:7px}.brand-mark{font-size:34px;color:#9bbbea}.side-nav{display:flex;flex-direction:column;gap:5px;flex-wrap:nowrap}.nav-label{font-size:10px;color:#91a7c5;padding:23px 14px 8px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:7px;color:#c8d5e8;font-size:12px;font-weight:600}.side-nav a.active{background:#243d60;color:#fff;box-shadow:inset -3px 0 #91b4e4}.side-nav a:hover{background:#203858;color:white}.nav-icon{width:20px;font-family:Arial;font-size:20px;text-align:center;color:#98aecb}.sidebar-note{margin-top:auto;padding:25px 12px 0;font-size:11px;color:#bacbe2}.sidebar-note small{display:block;font-size:10px;color:#8ba3c4;margin-top:5px}.live-dot{display:inline-block;width:7px;height:7px;background:#4fa783;border-radius:50%;margin-inline-end:6px}.app-topbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:#fff;box-shadow:none;border-bottom:1px solid #e3e8ef;margin:0 0 30px;backdrop-filter:none;z-index:100}.topbar-title{display:flex;align-items:center;gap:12px;color:#7b8795;font-size:12px}.topbar-title strong{color:#33455c;font-weight:600}.breadcrumb-divider{margin:0 14px;color:#b2bcc8}.user-menu{display:flex;gap:11px;align-items:center;font-size:11px}.user-menu small{display:block;color:#8793a3;font-size:10px}.user-avatar{background:#edf2f9;color:#244b7a;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:23px}.logout-link{text-decoration:none;color:#64748b;margin-inline-start:15px;border-inline-start:1px solid #e3e8ef;padding-inline-start:15px}.menu-toggle{display:none}.app-layout main.container{max-width:1560px;padding:0 34px;width:100%}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:11px;color:#718398;margin-bottom:5px}.page-heading h1{font-size:27px;color:#1c3147;margin-bottom:6px}.page-heading p{font-size:12px;color:#748195}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{border-radius:6px;padding:10px 17px;font-size:12px;border:1px solid transparent;box-shadow:none!important;transition:background .15s}.btn:hover{transform:none}.btn-primary{background:#244b7a;color:#fff}.btn-primary:hover{background:#19385f}.btn-secondary{background:#fff;color:#47586e;border-color:#dce3eb}.btn-secondary:hover{background:#eef2f6;color:#203149}.btn-danger{background:#fff0ef;color:#b33a32;border-color:#f4d5d1}.btn-small{padding:6px 10px;font-size:11px}.btn-icon{font-size:15px;padding:5px 8px;border:1px solid #e7ebf0;border-radius:5px;margin:2px}.btn-icon:hover{transform:none;background:#edf2f9}section,.info-card{background:#fff;border:1px solid #e3e8ef;box-shadow:var(--shadow);backdrop-filter:none;padding:24px;border-radius:9px;margin-bottom:22px}.section-header{margin-bottom:19px;gap:12px}.section-header h2,section>h2{font-size:17px}.muted{color:#8290a1;font-size:11px}.overview-caption{display:flex;justify-content:space-between;color:#7e8a99;font-size:10px;margin-bottom:12px}.stats{gap:16px;margin-bottom:24px}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid #e3e8ef;text-align:start;padding:20px 22px;box-shadow:var(--shadow);border-radius:9px;backdrop-filter:none}.stat-card:hover{transform:none;box-shadow:var(--shadow)}.metric-label{display:flex;justify-content:space-between;align-items:center}.stat-card h3{font-size:12px;color:#6e7d90;margin:0}.metric-icon{background:#f0f3f8;color:#48678f;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:18px}.stat-card .stat-number{font-family:Arial,sans-serif;font-size:34px;color:#203149;margin:12px 0 8px}.stat-card small{font-size:10px;color:#8894a4}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.attention-row{display:flex;gap:12px;align-items:center;padding:15px 0;text-decoration:none;color:#33455c;border-bottom:1px solid #eef1f5}.attention-row:last-child{border:0;padding-bottom:0}.attention-row strong{font-size:12px;font-weight:600}.attention-row small{display:block;color:#8b96a5;font-size:10px;margin-top:3px}.attention-row b{margin-inline-start:auto;font-family:Arial;font-size:18px}.attention-row:hover strong{color:#244b7a}.attention-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-size:21px;flex-shrink:0}.amber{background:#fff5e5;color:#bd862c}.blue{background:#edf4fc;color:#5383b8}.purple{background:#f2effb;color:#8c7ab8}.distribution{margin:20px 0}.distribution>div:first-child{display:flex;justify-content:space-between;font-size:12px}.distribution small{color:#8b96a5;font-weight:400}.progress-track{height:6px;background:#eff3f6;border-radius:5px;margin-top:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:#315e93;border-radius:5px}.distribution:nth-child(3) .progress-track span{background:#8aa8b5}.distribution:nth-child(4) .progress-track span{background:#bbc9d1}.coverage{border-top:1px solid #edf0f5;padding-top:17px;display:flex;gap:35px;color:#7f8c9c;font-size:11px}.coverage b{font-family:Arial;font-size:16px;color:#354d62;margin-inline-end:5px}.text-link{color:#244b7a;font-size:11px;text-decoration:none;font-weight:700}.devices-table,.data-table{width:100%;border-collapse:collapse;margin:0;font-size:12px}.devices-table th,.data-table th{background:#f8fafb;color:#7c8999;font-size:10px;font-weight:600;padding:13px 14px;border-bottom:1px solid #e3e8ef;text-align:start;white-space:nowrap}.devices-table td,.data-table td{padding:14px;border-bottom:1px solid #edf0f4;text-align:start}.devices-table tbody tr:hover,.data-table tbody tr:hover{background:#f8fbfa}.table-responsive,.devices-table-container{overflow-x:auto}.cell-subtitle{display:block;font-size:10px;color:#8b96a5;margin-top:3px}.asset-code{font-family:Consolas,monospace;direction:ltr;display:inline-block;color:#718197;font-size:11px}.status-badge{font-size:10px;padding:4px 10px;border-radius:5px;white-space:nowrap}.status-active{background:#eaf6ef;color:#358363}.status-maintenance{background:#fff5e5;color:#a47727}.status-inactive,.status-retired{background:#eef1f5;color:#6a7c90}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.quick-links a{background:#edf2f4;border:1px solid #e1e7eb;padding:18px 20px;border-radius:8px;text-decoration:none;color:#40566b}.quick-links strong{font-size:12px}.quick-links small{display:block;color:#7f8d9b;font-size:10px;margin-top:6px}.app-footer{display:flex;justify-content:space-between;background:none;border:0;box-shadow:none;color:#8c98a7;font-size:10px;padding:22px 34px;margin-top:20px}.form-section{max-width:1000px}.form-group input,.form-group select,.form-group textarea,.filter-group select,.filter-group input,.table-toolbar input,.table-toolbar select{background:#fff;border:1px solid #dce3eb;border-radius:6px;padding:10px 12px;color:#33455c;font:inherit;max-width:100%;min-width:0}.form-group label{font-size:12px;color:#536479}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#315e93}.form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.table-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}.table-toolbar input{flex:1;min-width:180px}.table-toolbar select{width:auto}.table-pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:16px;font-size:11px;color:#718197}.table-pagination span{margin-inline-end:auto}.empty-state{padding:38px!important;text-align:center!important;color:#7f8d9b}.skip-link{position:fixed;top:-100px;right:20px;z-index:999;background:white;padding:12px}.skip-link:focus{top:8px}.badge{padding:4px 8px;border-radius:4px;background:#edf2f6;color:#536479;font-size:11px}.badge-success{background:#eaf6ef;color:#358363}
@media(min-width:1600px){.app-layout main.container{padding:0 48px}.app-topbar{padding:0 48px}}
@media(max-width:1150px){.app-layout{padding-inline-start:220px}.app-sidebar{width:220px}.app-layout main.container{padding:0 22px}.app-topbar{padding:0 22px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-layout{padding-inline-start:0}.app-sidebar{transform:translateX(100%);transition:transform .2s;width:250px}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#10242e66;z-index:200}.menu-toggle{display:block;padding:5px 10px}.app-topbar{height:70px;padding:0 16px;margin-bottom:24px}.topbar-title>span{font-size:10px}.topbar-title>span strong{display:none}.user-avatar{display:none}.app-layout main.container{padding:0 16px}.page-heading{flex-direction:column;gap:18px}.page-heading h1{font-size:24px}.page-heading p{line-height:1.9}.overview-caption{gap:10px;font-size:9px}.stat-card{padding:15px}.dashboard-stats{gap:12px}.stat-card h3{font-size:10px}.stat-card .stat-number{font-size:29px}.stat-card small{font-size:9px}section{padding:18px}.quick-links{grid-template-columns:1fr;gap:10px}.app-footer{padding:20px 16px;gap:15px;flex-wrap:wrap}.form-row{grid-template-columns:1fr}.table-toolbar input{width:100%;flex-basis:100%}.attention-row small{font-size:9px}.table-pagination{flex-wrap:wrap}.user-menu{font-size:10px}.logout-link{margin:0;padding-inline-start:10px}.section-header h2{font-size:16px}}
@media print{.app-layout{padding:0!important}.app-sidebar,.app-topbar,.sidebar-backdrop,.app-footer,.quick-links,.table-toolbar,.table-pagination,.skip-link{display:none!important}.app-layout main.container{max-width:none;padding:0}.devices-table tr[hidden],.data-table tr[hidden]{display:none!important}section,.stat-card{break-inside:avoid;box-shadow:none}.dashboard-grid{display:block}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep records readable on narrow screens; the table container scrolls horizontally. */
@media screen and (max-width:760px){.devices-table,.data-table{min-width:700px}.asset-code{white-space:nowrap}.dashboard-grid{gap:0}}

/* Employee diagnostics shares the application shell and table controls. */
.diagnostic-card{background:#fff;padding:24px;border:1px solid var(--border-color);border-radius:9px;box-shadow:var(--shadow);margin-bottom:22px}
.diagnostic-card>h3{font-size:17px;margin-bottom:18px}
.diagnostic-card p{margin-bottom:10px}
.diagnostic-card ol{padding-inline-start:24px}
.diagnostic-page .stat-card>p:last-child{font-size:12px;color:#6e7d90}
.diagnostic-page .data-table td:nth-child(4){min-width:220px;max-width:430px}
.diagnostic-page .data-table td:last-child{white-space:nowrap}
@media(max-width:760px){.diagnostic-card{padding:18px}}

/* Shared navy workspace components. */
.app-sidebar{scrollbar-width:none;-ms-overflow-style:none;padding-top:22px}
.app-sidebar::-webkit-scrollbar{display:none;width:0;height:0}
.app-sidebar .brand{padding-bottom:22px}.side-nav{gap:3px}.nav-label{padding-top:17px}.side-nav a{padding-block:9px}
.btn-icon{font-family:inherit;font-size:11px;color:#465d7c;white-space:nowrap}.actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.employee-page .stat-card>p{color:#6e7d90;font-size:12px}.employee-page .search-header{text-align:start;margin-bottom:22px}.search-header h2{font-size:17px;margin-bottom:6px}.search-header p,.search-hint{color:#748195;font-size:12px}.employee-page .search-box{max-width:none;margin:0}.search-form{display:flex;gap:12px;margin-bottom:12px}.search-form .search-input{flex:1;min-width:0;width:auto;font-size:13px;border:1px solid #dce3eb;padding:12px;border-radius:6px}.search-form .btn{min-width:100px}
.employee-info-card,.device-info-card,.scanner-guide{background:#fff;border:1px solid #e3e8ef;border-radius:9px;padding:24px;box-shadow:var(--shadow);backdrop-filter:none;margin-bottom:22px}
.employee-info-card h3{font-size:17px;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.info-item{border-bottom:1px solid #edf0f4;padding-bottom:14px;min-width:0}.info-item label,.device-detail strong{display:block;color:#7c899b;font-size:11px;font-weight:500;margin-bottom:6px}.info-item strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.devices-header h3{font-size:17px}.device-count{font-size:11px;padding:5px 10px;background:#edf2f9;color:#42618a;border-radius:5px}.device-card{padding:22px 0;border-top:1px solid #e3e8ef;background:#fff;box-shadow:none;border-radius:0}.device-card .device-header{margin-bottom:15px}.device-title{font-size:15px}.device-type{font-size:11px;color:#7e8a9a;margin-top:4px}.device-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.device-detail{font-size:12px;overflow-wrap:anywhere}.device-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.no-results{padding:35px 20px;text-align:center;color:#7d8b9d}.no-results h3{font-size:17px;color:#334b68;margin-bottom:10px}.no-results-icon:empty{display:none}
.scanner-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px;align-items:start}.scanner-page .scan-section{max-width:none;width:100%;margin:0}.scanner-page .scan-box{padding:0}.field-label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.scan-input-group input{min-width:0;border:1px solid #dce3eb;font-size:14px}.camera-section{border-top:1px solid #edf0f4;padding-top:20px}.scan-form{margin-bottom:0}.scanner-guide h2{font-size:17px;margin:6px 0 22px}.scanner-guide ol{padding-inline-start:22px}.scanner-guide li{padding:0 6px 20px;font-size:12px}.scanner-guide li::marker{color:#6f8db4;font-weight:700}.scanner-guide p{font-size:11px;color:#7d8b9d;margin-top:5px;line-height:1.9}.scanner-guide>p{border-top:1px solid #edf0f4;padding-top:16px}.device-result>h3{font-size:16px;margin-bottom:16px}.device-info-card{box-shadow:none;padding:18px}.device-info-header h4{font-size:16px}.device-info-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;font-size:12px}.device-info-actions .btn{margin:0}.filter-box,.barcode-display{background:#f8fafc;backdrop-filter:none;border:1px solid #e3e8ef;box-shadow:none;border-radius:7px}.info-card{background:white}.asset-register>.stats{background:none;border:0;padding:0;box-shadow:none}.asset-register .search-box:empty{display:none}.asset-register .asset-code{display:table-cell;white-space:nowrap}
@media(max-width:900px){.scanner-layout{grid-template-columns:1fr}.device-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.stats-grid{grid-template-columns:1fr}.search-form{flex-wrap:wrap}.search-form .search-input{flex-basis:100%}.employee-info-card,.scanner-guide{padding:18px}.device-info-details{grid-template-columns:1fr}.device-actions{flex-wrap:wrap}.side-nav{margin-top:0}.side-nav a{flex:none}.employee-page .page-heading .btn{align-self:flex-start}}
@media print{.app-layout .search-section,.app-layout .camera-section,.scanner-guide,.app-layout .page-heading button,.device-actions,.device-info-actions,.form-actions{display:none!important}.app-layout{font-size:10pt;background:white}.app-layout main.container{padding:0!important}.page-heading{border-bottom:2px solid #243d60;padding-bottom:12px;margin-bottom:18px}.page-heading h1{font-size:20pt}.app-layout section,.employee-info-card,.device-card,.info-card{border-radius:0;box-shadow:none;backdrop-filter:none}.app-layout section:has(table){break-inside:auto}.devices-table th,.data-table th{color:#14243d;border-bottom:1px solid #14243d}.devices-table td,.data-table td{padding:8px;font-size:9pt}.device-card{break-inside:avoid}.table-responsive,.devices-table-container{overflow:visible}.app-layout .btn-icon,.app-layout .actions{display:none!important}}
.guidance-note,.asset-note{background:#f8fafc;border:1px solid #e3e8ef;border-inline-start:3px solid #879dbb;border-radius:6px;padding:18px;margin-top:18px;text-align:start}.guidance-note ol{padding-inline-start:22px}.asset-note p{margin-top:8px}.guidance-note p,.guidance-note strong,.guidance-note ol{color:#536479!important}

/* Selection and row actions are screen-only controls, including their table cells. */
@media print {
    .app-layout .print-hide,
    .app-layout .actions-toolbar {
        display: none !important;
    }
}