/* Supplied SIPERS identity; original PNG preserved without retouching. */
.sipers-login-logo{margin:0 0 12px!important;line-height:1}.sipers-login-logo img{display:block;width:100%;max-width:310px;height:auto;margin:auto}body[class] .app-brand .brand.sipers-wordmark{padding-left:0;line-height:1;letter-spacing:normal}body[class] .app-brand .brand.sipers-wordmark:before{content:none!important;display:none!important}.sipers-wordmark img{display:block;width:300px;max-width:100%;height:auto}.app-brand h2{margin-top:4px!important}.side .sipers-wordmark{padding:12px;background:white;border-radius:12px;margin:10px}.sipers-registration-logo{background:#fff;border-radius:14px;padding:8px 14px;max-width:350px;margin-bottom:16px}.sipers-registration-logo img{display:block;width:100%;height:auto}@media(max-width:620px){.sipers-wordmark img{width:250px}.sipers-login-logo img{max-width:270px}.sipers-registration-logo{max-width:300px}}

/* Approved coral hospital-photo header shared across account roles. */
@media screen{
body:not(.registration-page)[class] header{background-color:#b94c38!important;background-image:linear-gradient(90deg,#b94c38 0%,#b94c38f5 32%,#b94c38b8 60%,#77372a35 100%),url('./branding/gedung-rumkit.jpeg')!important;background-size:100% 100%,55% auto!important;background-position:center,right 52%!important;background-repeat:no-repeat!important;border-bottom-color:#e1c38a!important}
body[class] .top-nav{background:#b94c38!important;border-top-color:#e0aa87!important;border-radius:9px 9px 0 0;padding-left:7px;padding-right:7px}
body[class] .header-identity{background:#8c392ac9;border:1px solid #ffffff45;padding:10px 13px;border-radius:11px}
body[class] .header-account-name,body[class] header h2{color:#fffdf7!important}body[class] .header-account-role{color:#ffe5ae!important}
body[class] .header-user .btn{color:#863b2d!important;background:#fff4e7!important}body[class] .app-brand .brand.sipers-wordmark{background:#fffdf6}
body[class] .top-nav>button.active,body[class] .top-nav button:hover,body[class] .top-nav .nav-group.is-open>.nav-trigger{background:#fff0df!important;color:#863b2d!important}
@media(max-width:620px){body:not(.registration-page)[class] header{background-size:100% 100%,auto 160%!important;background-position:center,70% 50%!important}body[class] .header-identity{padding:7px 10px}}
}

/* Coral/peach content palette paired with the approved photo header. */
@media screen{
:root,body[class]{--blue:#b94c38;--navy:#653e32;--bg:#fff5ee;--muted:#6b574e;--line:#ead7ca;--panel-border:#ead7ca;--surface-alt:#fff9f4}
body,body[class]{background:#fff5ee!important;color:#44352e!important}
body .content h1,body .content h2,body .content h3,body .content h4,body .content .section-head h3,body[class] .dashboard-card-head h3{color:#653e32!important}
body .content p,body .content .muted,body[class] .content .muted,body .content label,body .content .detail small{color:#67564d!important}
body .panel,body .employee-search,body .employee-card,body[class] .unit-dashboard .unit-panel,body .dashboard-card{background:#fffdfb!important;border-color:#ead7ca!important}
body[class] .unit-dashboard .unit-hero{background:#ffe5d5!important;border-color:#efc5ae!important;color:#653e32!important}
body[class] .unit-dashboard .unit-hero h2,body[class] .unit-dashboard .unit-hero h3,body[class] .unit-dashboard .unit-hero p{color:#653e32!important}
body .content .btn.primary,body[class] .unit-dashboard .unit-hero .btn{background:#b94c38!important;color:#fffdf9!important;border:1px solid #b94c38!important;box-shadow:0 3px 7px #a64b3210}
body .content .btn.primary:hover{background:#9e3e2e!important;border-color:#9e3e2e!important}
body .content .btn.secondary,body .content .mini,body .content .dashboard-search-shortcuts button{background:#fff0e5!important;color:#783f2f!important;border-color:#e9c9b8!important}
body .content .btn.secondary:hover,body .content .mini:hover{background:#ffe3d1!important}
body .summary .stat,body[class] .unit-dashboard .summary .stat,body .stat-type{background:#fffdfb!important;border:1px solid #ead7ca!important;border-top:3px solid #d68d72!important}
body .content .stat b,body[class] .unit-dashboard .summary .stat b,body .content .stat-type b,body .content .dashboard-total-stat strong{color:#a14432!important}
body .content th,body[class] .unit-dashboard th{background:#ffebdd!important;color:#653e32!important;border-color:#ead7ca!important}
body .content td{color:#49382f!important;border-color:#f0e1d6!important}body .content tbody tr:nth-child(even){background:#fffaf5}body .content tbody tr:hover{background:#fff0e5}
body .content input,body .content select,body .content textarea{border-color:#dbbba8!important;color:#49382f!important;background:#fff!important}
body .content input::placeholder,body .content textarea::placeholder{color:#75665c!important}
body .content input:focus,body .content select:focus,body .content textarea:focus{border-color:#b94c38!important;box-shadow:0 0 0 3px #b94c3815!important}
body .content .notice,body .dashboard-search-strip,body .quick-search-status,body .personal-section-title{background:#fff0e5!important;border-color:#edcdb9!important;color:#6e4636!important}
body .content .photo,body .employee-card-photo{background:#ffe5d5!important;color:#8b4331!important}
body[class] .profile-layout .tab{color:#694d3e!important}body[class] .profile-layout .tab.active{background:#ffe4d2!important;color:#8b3828!important}body[class] .profile-layout .tab:hover{background:#fff0e5!important}
body .content .detail,body .content .table{border-color:#ead7ca!important}body .content .empty{background:#fff9f4!important;color:#67564d!important;border-color:#e7cfbd!important}
body .content :focus-visible{outline-color:#a14432!important}
}

/* Compact web dashboard with stronger readable text. */
@media screen{
body .content,body[class] .content{color:#392b25!important}
body .content p,body .content .muted,body[class] .content .muted,body .content .dashboard-card-help,body .content .detail small{color:#514038!important;font-size:15px!important;font-weight:500!important;line-height:1.55}
body .content h3,body .content .section-head h3{font-size:19px!important;color:#61372b!important;font-weight:750!important}
body .content label,body .content .form-grid label,body .content .employee-search label{font-size:15px!important;color:#49352c!important;font-weight:650!important}
body .content input,body .content select,body .content textarea{font-size:16px!important;color:#392b25!important}
body .content th,body[class] .unit-dashboard th{font-size:14px!important;color:#493026!important;font-weight:750!important}body .content td{font-size:15px!important;color:#392b25!important}
body .oppe-status-panel{padding:13px 18px!important;margin:10px 0!important;border-radius:13px!important}body .oppe-status-panel .section-head{margin-bottom:6px;gap:10px}body .oppe-status-panel .section-head h3{margin:0 0 2px!important;font-size:18px!important}body .oppe-status-panel p{margin:4px 0!important;font-size:15px!important}body .oppe-status-panel .badge{font-size:13px!important}
body[class] .unit-dashboard .unit-hero{padding:13px 17px!important;border-radius:13px!important;gap:12px}body[class] .unit-dashboard .unit-hero h3{font-size:20px!important;margin:0 0 3px!important}body[class] .unit-dashboard .unit-hero p{font-size:15px!important;margin:0!important;color:#51372c!important}
body[class] .unit-dashboard .summary{gap:12px;margin-top:12px;margin-bottom:12px}body[class] .unit-dashboard .summary .stat{padding:12px 16px!important;min-height:0;border-top-width:2px!important;border-radius:12px!important}body[class] .unit-dashboard .summary .stat b{font-size:26px!important;line-height:1.2;margin:6px 0!important}body[class] .unit-dashboard .summary .stat small,body[class] .unit-dashboard .summary .stat span{font-size:14px!important;color:#514038!important;line-height:1.5}
body[class] .unit-dashboard .unit-panel{padding:18px!important}body .content .btn{font-size:14px!important}
}

@media screen{body .oppe-status-panel>p{display:inline-block;margin:3px 14px 0 0!important}body[class] .unit-dashboard .summary .stat{display:flex!important;flex-direction:column;gap:0!important;height:auto!important;min-height:0!important;padding:10px 14px!important}body[class] .unit-dashboard .summary .stat b{margin:3px 0!important}body[class] .unit-dashboard .summary .stat>span{line-height:1.4!important}}

/* Compact unit summaries and grouped recap headings, 22 October 2026. */
body .dashboard-card-head{gap:9px!important;padding:12px 16px!important;min-height:0!important;align-items:center!important}
body .dashboard-card-head h3{white-space:normal!important;line-height:1.3!important;margin:0!important}
body .dashboard-bar-row{margin:0!important;padding:8px 0!important;border-bottom:1px solid #ead7ca}
body .dashboard-bar-label{display:grid!important;grid-template-columns:minmax(0,1fr) 62px!important;gap:12px!important;align-items:center!important;margin:0!important;font-size:14px!important;color:#49352c!important}
body .dashboard-bar-label span{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere;line-height:1.4!important;max-width:none!important}
body .dashboard-bar-label b{display:block!important;text-align:center!important;min-width:0!important;padding:5px 8px!important;border-left:1px solid #dfbda8;background:#fff0e5;color:#8b3d2d!important;font-size:17px!important;font-variant-numeric:tabular-nums}
body .dashboard-bar-track{margin-top:5px!important;height:4px!important}.dashboard-bar-fill{background:#ca7359!important}
body .dashboard-unit-recap .dashboard-card-body{padding:12px 16px!important}
body .dashboard-unit-recap table{min-width:980px!important;width:100%;table-layout:fixed}
body .dashboard-unit-recap th,body .dashboard-unit-recap td{white-space:normal!important;overflow-wrap:anywhere;padding:8px 7px!important;border-right:1px solid #ead7ca!important;vertical-align:middle!important;line-height:1.35!important}
body .dashboard-unit-recap th{font-size:13px!important;text-align:center!important;text-transform:none!important}
body .dashboard-unit-recap thead tr:first-child th{background:#f8d9c5!important}
body .dashboard-unit-recap td:not(:first-child):not(:last-child){text-align:center!important;font-variant-numeric:tabular-nums;font-size:16px!important;font-weight:650}
body .dashboard-unit-recap td:first-child{font-size:14px!important}body .dashboard-unit-recap td:first-child strong{display:block;white-space:normal;overflow-wrap:anywhere}
body .dashboard-unit-recap .unit-recap-details{min-width:0!important}body .dashboard-unit-recap .unit-recap-details summary{font-size:13px;color:#8b3d2d!important}
body .dashboard-unit-recap .unit-recap-meta{font-size:12px!important;font-weight:400;line-height:1.35;color:#675047!important;margin-top:3px}
body .dashboard-unit-recap .dashboard-card-help{font-size:13px!important;line-height:1.45!important;margin:5px 0 10px!important}

/* Dense readable dashboard panels, 22 October 2026. */
body .dashboard-v46{gap:14px!important}body .dashboard-top-grid,body .dashboard-charts-v46{gap:12px!important;align-items:start!important}
body .dashboard-top-grid>.dashboard-card,body .dashboard-charts-v46>.dashboard-card{height:auto!important;min-height:0!important;align-self:start!important}
body .dashboard-card-body,body .dashboard-chart-panel .dashboard-card-body{padding:12px 14px!important}
body .dashboard-card-head h3{font-size:18px!important;line-height:1.3!important}body .dashboard-card-head>span:first-child{font-size:18px!important}
body .dashboard-card-help,body .dashboard-quick-search .quick-search-subtitle{font-size:14px!important;line-height:1.45!important;margin-bottom:8px!important;color:#514038!important}
body .dashboard-search-shortcuts{gap:6px!important;margin-top:8px!important}body .dashboard-search-shortcuts button,body .dashboard-monitor-action,body .dashboard-card-body>.btn{font-size:14px!important;padding:8px 10px!important}
body .dashboard-total-stat{padding:9px 11px!important;margin-bottom:8px!important;background:#fff0e5!important;gap:1px 10px!important}
body .dashboard-total-stat span{font-size:15px!important;color:#593c30!important}body .dashboard-total-stat small{font-size:13px!important;color:#695044!important}body .dashboard-total-stat strong{font-size:30px!important}
body .dashboard-mini-grid{gap:6px!important}body .dashboard-mini-stat{padding:7px 9px!important;gap:7px!important;background:#fff9f4!important;border-color:#edcfbd!important;border-left-color:#cc8163!important}
body .dashboard-mini-stat span{font-size:14px!important;line-height:1.35;color:#514038!important}body .dashboard-mini-stat b{font-size:20px!important;color:#813e2e!important;font-variant-numeric:tabular-nums}
body .dashboard-active-line{font-size:14px!important;margin-top:6px!important;padding:7px 3px!important}body .dashboard-active-line b{font-size:20px!important}
body .dashboard-monitor-grid{gap:6px!important}body .dashboard-monitor-tile{padding:8px 10px!important;gap:2px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:0!important}
body .dashboard-monitor-tile span{font-size:14px!important;line-height:1.3!important;color:#593e32!important}body .dashboard-monitor-tile b{font-size:24px!important;line-height:1.1!important;margin:0!important;font-variant-numeric:tabular-nums}body .dashboard-monitor-tile small{font-size:12px!important;grid-column:1/-1;color:#695044!important}
body .dashboard-monitor-tile.tile-blue,body .dashboard-monitor-tile.tile-purple{background:#fff0e5!important;color:#a14633!important}body .dashboard-monitor-tile.tile-green{background:#f0f4e9!important;color:#426047!important}body .dashboard-monitor-tile.tile-amber{background:#fff5df!important;color:#80520c!important}
body .dashboard-monitor-action{margin-top:8px!important}
body .donut-layout{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:0!important}
body .donut-svg{width:88px!important;height:88px!important;max-width:88px!important;flex:none!important}body .donut-svg text:last-child{font-size:12px!important}
body .donut-legend{min-width:0!important}body .donut-legend-row{display:grid!important;grid-template-columns:8px minmax(0,1fr) 30px!important;align-items:center!important;gap:6px!important;padding:5px 0!important;font-size:14px!important;color:#49352c!important}
body .donut-legend-row>span:nth-child(2){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important;overflow-wrap:anywhere}
body .donut-legend-row b{text-align:center!important;font-size:17px!important;font-variant-numeric:tabular-nums;background:#fff0e5;padding:3px 0;border-left:1px solid #e8c8b4;color:#813e2e!important}
body .dashboard-status-row{font-size:14px!important;padding:7px 2px!important;gap:10px!important;color:#514038!important}body .dashboard-status-row b{font-size:19px!important;font-variant-numeric:tabular-nums}
body .dashboard-summary-number{padding:8px 10px!important;font-size:14px!important;background:#fff0e5!important}body .dashboard-summary-number strong{font-size:27px!important;color:#a14633!important}
body .dashboard-progress{height:5px!important;margin-top:8px!important}body .dashboard-bar-label{font-size:14px!important}body .dashboard-bar-row{padding:6px 0!important}
@media(max-width:1100px){body .donut-layout{grid-template-columns:76px minmax(0,1fr)!important;gap:8px!important}body .donut-svg{width:76px!important;height:76px!important}}

/* Remove inherited double heading padding and tall line spacing. */
body[class] .dashboard-card-head{padding:10px 14px!important;min-height:0!important}
body[class] .dashboard-card-head h3,body[class] .dashboard-chart-panel .dashboard-card-head h3{padding:0!important;min-height:0!important;border:0!important;background:transparent!important;font-size:18px!important;line-height:1.3!important}
body .dashboard-head-spacer{display:none!important}
body .dashboard-card-body{line-height:1.4!important}body .dashboard-card-body p{line-height:1.45!important}
body .dashboard-chart-panel .dashboard-card-body{padding:10px 14px!important}
body .dashboard-total-stat,body .dashboard-mini-stat,body .dashboard-active-line,body .dashboard-status-row{line-height:1.35!important}

/* Consistent coral workspace for OPPE and competency dialogs. */
body #sdmWorkspaceModal{background:rgba(57,35,27,.48)!important;--line:#e8c9b7;--primary:#b94c38;--text:#402d26;--muted:#6b5044;color:#402d26}
body #sdmWorkspaceModal .sdm-workspace,body #sdmWorkspaceModal .sdm-workspace-head{background:#fff8f2!important;color:#402d26!important}
body #sdmWorkspaceModal h2,body #sdmWorkspaceModal h3,body #sdmWorkspaceModal label{color:#402d26!important}
body #sdmWorkspaceModal .muted,body #sdmWorkspaceModal p{color:#644a3e!important}
body #sdmWorkspaceModal .sdm-workspace-head{border-color:#e8c9b7!important}
body #sdmWorkspaceModal .panel{background:#fffefd!important;border-color:#e8c9b7!important}
body #sdmWorkspaceModal .btn{background:#b94c38!important;color:#fff!important;border-color:#b94c38!important;box-shadow:none!important}
body #sdmWorkspaceModal .btn.secondary,body #sdmWorkspaceModal .sdm-workspace-nav .btn{background:#fff0e5!important;color:#743b2b!important;border-color:#e6bda5!important}
body #sdmWorkspaceModal .btn.active,body #sdmWorkspaceModal .sdm-workspace-nav .btn.active,body #sdmWorkspaceModal .status-line .btn.active{background:#b94c38!important;color:#fff!important;border-color:#a33c2b!important}
body #sdmWorkspaceModal .btn:hover{filter:brightness(.94)}
body #sdmWorkspaceModal input,body #sdmWorkspaceModal select,body #sdmWorkspaceModal textarea{color:#402d26!important;background:#fff!important;border-color:#dfb9a2!important;accent-color:#b94c38}
body #sdmWorkspaceModal input:focus,body #sdmWorkspaceModal select:focus,body #sdmWorkspaceModal textarea:focus{outline:2px solid #b94c38!important;outline-offset:2px;box-shadow:0 0 0 3px #ffe1cd!important}
body #sdmWorkspaceModal option{background:#fff8f2;color:#402d26}body #sdmWorkspaceModal option:checked{background:#b94c38;color:white}
body #sdmWorkspaceModal table{color:#402d26!important;border-color:#e8c9b7!important}
body #sdmWorkspaceModal th{background:#f8d9c5!important;color:#59392c!important;border-color:#e8c9b7!important}
body #sdmWorkspaceModal td{color:#402d26!important;border-color:#ead7ca!important}
body #sdmWorkspaceModal tbody tr:nth-child(even){background:#fff7f0!important}
body #sdmWorkspaceModal .notice,body #sdmWorkspaceModal .stat{background:#fff0e5!important;color:#59392c!important;border-color:#e8c9b7!important}
body #sdmWorkspaceModal a{color:#953e2c!important}

/* Shared header dropdown palette, independent of menu action attributes. */
body[class] header .top-nav .nav-menu{background:#fffaf5!important;border:1px solid #e6bda5!important;box-shadow:0 10px 25px rgba(85,43,29,.16)!important}
body[class] header .top-nav .nav-menu button{background:#fffaf5!important;color:#633526!important;border:1px solid transparent!important;border-bottom-color:#f0d8c8!important;font-weight:600!important;text-align:left}
body[class] header .top-nav .nav-menu button:last-child{border-bottom-color:transparent!important}
body[class] header .top-nav .nav-menu button:hover,body[class] header .top-nav .nav-menu button:focus-visible{background:#ffe1cd!important;color:#633526!important}
body[class] header .top-nav .nav-menu button.active,body[class] header .top-nav .nav-menu button[aria-current="page"]{background:#b94c38!important;color:#fff!important;border-color:#b94c38!important}
body[class] header .top-nav .nav-menu button:focus-visible{outline:2px solid #a53d2c!important;outline-offset:1px}

/* Coral employee and record forms, including dialogs outside page content. */
body .modal>div,body .modal .modal-head,body .modal .modal-foot{background:#fffaf5!important;color:#402d26!important}
body .modal .notice,body .modal .personal-section-title{background:#ffe7d6!important;color:#633526!important;border-color:#e6bda5!important}
body .modal label,body .modal h2,body .modal h3{color:#493126!important}
body .modal .muted,body .modal small,body .modal label>span{color:#6b5044!important}
body .modal input,body .modal select,body .modal textarea{background:#fffefd!important;color:#402d26!important;border-color:#dfb9a2!important;accent-color:#b94c38}
body .modal input:focus,body .modal select:focus,body .modal textarea:focus{outline:2px solid #b94c38!important;outline-offset:2px;box-shadow:0 0 0 3px #ffe1cd!important}
body .modal select option,body .modal select optgroup{color:#402d26;background:#fffaf5}
body .modal .btn.primary{background:#b94c38!important;border-color:#b94c38!important;color:#fff!important}
body .modal .btn.secondary{background:#fff0e5!important;border-color:#e6bda5!important;color:#743b2b!important}

body .training-unit-scope{border:1px solid #e6bda5;border-radius:9px;margin:14px 0;padding:12px;color:#493126}
body .training-unit-scope legend{font-weight:700;padding:0 5px;font-size:14px}
body .training-unit-list{max-height:180px;overflow:auto;border:1px solid #efd2bf;border-radius:7px;background:#fffefd;padding:4px}
body .training-check{display:flex!important;align-items:center;gap:9px;padding:8px!important;margin:0!important;font-size:14px!important;cursor:pointer;color:#493126!important;background:#fffaf5}
body .training-check[hidden]{display:none!important}body .training-check:hover{background:#ffe7d6}body .training-check:has(input:checked){background:#ffe1cd}
body .training-check input[type=checkbox]{display:inline-block!important;width:18px!important;height:18px!important;margin:0!important;flex-shrink:0;accent-color:#b94c38}
body .training-unit-scope p{font-size:13px;line-height:1.4;margin:8px 0;color:#6b5044}
body .sip-dialog-card{background:#fffaf5!important;color:#402d26!important;border-color:#e6bda5!important}
body .sip-dialog-card h3,body .sip-dialog-card label,body .sip-dialog-card legend{color:#493126!important}
body .sip-dialog-card input:focus-visible,body .sip-dialog-card select:focus-visible,body .sip-dialog-card button:focus-visible{outline:2px solid #b94c38!important;outline-offset:2px}
@supports (appearance:base-select){
 body select:not([multiple]):not([size]),body select:not([multiple]):not([size])::picker(select){appearance:base-select}
 body select::picker(select){background:#fffaf5;color:#402d26;border:1px solid #dfb9a2;border-radius:8px;padding:4px;box-shadow:0 8px 24px #59392c26;max-height:340px;overflow:auto;font:inherit}
 body select option{color:#402d26!important;background:#fffaf5!important;padding:9px 12px;min-height:36px;white-space:normal}
 body select option:hover,body select option:focus{background:#ffe1cd!important;color:#633526!important}
 body select option:checked{background:#b94c38!important;color:#fff!important}
 body select optgroup{color:#633526;font-weight:700}
 body select::picker-icon{color:#8b3d2d}
}

@supports(appearance:base-select){body select:not([multiple]):not([size]){display:inline-flex!important;align-items:center!important;justify-content:space-between;gap:8px;white-space:nowrap;min-height:38px}body select::picker-icon{margin-left:auto;flex-shrink:0}}

/* Compact employee grid: preserve real columns and horizontal action labels. */
body[class] .unit-employees-panel{min-width:0!important;min-height:0!important}
body[class] .unit-employees-panel .table{display:block!important;overflow-x:auto!important;min-height:0!important;height:auto!important}
body[class] .unit-employees-panel table{display:table!important;table-layout:fixed!important;width:100%!important;min-width:1160px!important;height:auto!important;border-collapse:collapse!important}
body[class] .unit-employees-panel thead{display:table-header-group!important}
body[class] .unit-employees-panel tbody{display:table-row-group!important;height:auto!important}
body[class] .unit-employees-panel tr{display:table-row!important;height:auto!important}
body[class] .unit-employees-panel th,body[class] .unit-employees-panel td{display:table-cell!important;padding:9px 10px!important;border-right:1px solid #efd9cb!important;vertical-align:middle!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-size:14px!important;line-height:1.4!important;height:auto!important}
body[class] .unit-employees-panel th{background:#ffebdd!important;text-transform:none!important;font-size:13px!important}
body[class] .unit-employees-panel th:nth-child(1){width:40px}
body[class] .unit-employees-panel th:nth-child(2){width:64px}
body[class] .unit-employees-panel th:nth-child(3){width:170px}
body[class] .unit-employees-panel th:nth-child(4){width:100px}
body[class] .unit-employees-panel th:nth-child(5){width:125px}
body[class] .unit-employees-panel th:nth-child(6){width:130px}
body[class] .unit-employees-panel th:nth-child(7){width:120px}
body[class] .unit-employees-panel th:nth-child(8){width:85px}
body[class] .unit-employees-panel th:nth-child(9){width:65px}
body[class] .unit-employees-panel th:nth-child(10){width:120px}
body[class] .unit-employees-panel th:nth-child(11){width:135px}
body[class] .unit-employees-panel td:last-child .actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;width:115px!important}
body[class] .unit-employees-panel .actions button{width:115px!important;min-width:115px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;padding:6px 8px!important;font-size:13px!important;line-height:1.3!important}
body[class] .unit-employees-panel .unit-employee-photo{width:34px!important;height:42px!important;background:#ffeadc!important;color:#923e2d!important;border-color:#efcbb7!important}
body[class] .unit-employees-panel tbody tr:nth-child(even){background:#fff8f3!important}
body[class] .unit-employees-panel td:nth-child(1),body[class] .unit-employees-panel td:nth-child(9){text-align:center!important}

/* Compact unit composition and document summaries. */
body[class] .unit-dashboard .unit-secondary-summary{gap:12px!important;margin-top:12px!important;align-items:start!important}
body[class] .unit-dashboard .unit-secondary-summary>.unit-panel{padding:12px 14px!important;min-height:0!important;height:auto!important;align-self:start!important}
body[class] .unit-dashboard .unit-secondary-summary h3{margin:0 0 9px!important;font-size:16px!important;line-height:1.3!important}
body[class] .unit-dashboard .unit-secondary-summary .stat-type-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important}
body[class] .unit-dashboard .unit-secondary-summary .stat-type{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:7px 9px!important;border:0!important;border-bottom:1px solid #efd7c8!important;border-radius:0!important;background:#fff7f0!important}
body[class] .unit-dashboard .unit-secondary-summary .stat-type b{margin:0!important;font-size:20px!important;line-height:1.2!important;min-width:36px!important;text-align:center!important;border-left:1px solid #edcbb7!important}
body[class] .unit-dashboard .unit-secondary-summary .summary{margin:0 0 8px!important;gap:8px!important}
body[class] .unit-dashboard .unit-secondary-summary .summary .stat{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 10px!important;border-top-width:1px!important;border-radius:7px!important;box-shadow:none!important;min-height:0!important}
body[class] .unit-dashboard .unit-secondary-summary .summary .stat b{font-size:22px!important;line-height:1.2!important;margin:0!important}
body[class] .unit-dashboard .unit-secondary-summary .muted{font-size:14px!important;line-height:1.4!important;color:#60483d!important}
body[class] .unit-dashboard .unit-secondary-summary p{margin:6px 0 9px!important}
body[class] .unit-dashboard .unit-secondary-summary .btn{padding:7px 10px!important;font-size:13px!important;min-height:32px!important}
@media(max-width:700px){body[class] .unit-dashboard .unit-secondary-summary{grid-template-columns:1fr!important}}

/* Compact search, compliance, staffing and OPPE workspace on test server. */
body[class] .employee-search{padding:12px 14px!important;margin:10px 0!important}
body[class] .employee-search h3{margin:0 0 5px!important;font-size:16px!important}
body[class] .employee-search p{margin:4px 0 8px!important}
body[class] .employee-search-grid{gap:8px!important}
body[class] .employee-search input,body[class] .employee-search select{padding:7px 9px!important;min-height:34px!important;margin-top:3px!important}
body[class] .employee-cards{gap:8px!important;margin-top:9px!important}
body[class] .employee-card{padding:10px 12px!important;gap:12px!important;min-height:0!important}
body[class] .employee-card-photo{width:44px!important;height:54px!important;flex:0 0 44px!important;font-size:16px!important}
body[class] .employee-card-main h3{font-size:16px!important;margin:0 0 3px!important;line-height:1.3!important}
body[class] .employee-card-main p{margin:2px 0!important;font-size:14px!important;line-height:1.35!important}
body[class] .employee-card-actions button{padding:6px 9px!important;font-size:13px!important;white-space:nowrap!important}
body[class] .compliance-summary,body[class] .staffing-summary,#sdmWorkspaceModal .summary{gap:8px!important;margin:10px 0!important}
body[class] .compliance-summary .stat,body[class] .staffing-summary .stat,#sdmWorkspaceModal .summary .stat{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;min-height:54px!important;height:auto!important;border-top-width:2px!important;box-shadow:none!important;border-radius:8px!important}
body[class] .compliance-summary .stat .muted,body[class] .staffing-summary .stat .muted,#sdmWorkspaceModal .summary .stat .muted{font-size:13px!important;line-height:1.35!important;color:#63483c!important}
body[class] .compliance-summary .stat b,body[class] .staffing-summary .stat b,#sdmWorkspaceModal .summary .stat b{font-size:24px!important;line-height:1.1!important;margin:0!important;color:#a34733!important;flex-shrink:0!important}
body[class] .compliance-controls{padding:12px 14px!important;min-height:0!important}
body[class] .compliance-controls .section-head{margin-bottom:8px!important}
body[class] .compliance-controls .status-line{margin-top:6px!important;gap:6px!important}
body[class] .compliance-controls .btn{padding:7px 10px!important;font-size:13px!important}
body[class] .staffing-panel{padding:14px!important;min-height:0!important}
body[class] .staffing-panel .section-head{margin-bottom:8px!important}
body[class] .staffing-panel .form-grid{gap:8px 12px!important;margin-top:10px!important}
#sdmWorkspaceModal .sdm-workspace{height:auto!important;max-height:92vh!important;padding:14px 18px!important}
#sdmWorkspaceModal .sdm-workspace-head{top:-14px!important;padding:2px 0 10px!important;margin-bottom:9px!important}
#sdmWorkspaceModal .sdm-workspace-head h2{font-size:21px!important}
#sdmWorkspaceModal .sdm-workspace-nav{gap:6px!important;margin:8px 0 10px!important}
#sdmWorkspaceModal .sdm-workspace-nav .btn{padding:7px 10px!important;font-size:13px!important}
#sdmWorkspaceModal .notice{padding:9px 12px!important;margin:8px 0!important;font-size:13px!important;line-height:1.4!important}
#sdmWorkspaceModal .panel{padding:12px 14px!important;min-height:0!important}
#sdmWorkspaceModal .panel h3{margin:0 0 7px!important;font-size:16px!important}
#sdmWorkspaceModal .panel p{margin:6px 0!important}
#sdmWorkspaceModal .status-line{gap:6px!important;margin-top:8px!important}
@media(max-width:650px){body[class] .compliance-summary,body[class] .staffing-summary,#sdmWorkspaceModal .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[class] .employee-card{flex-wrap:wrap!important}body[class] .employee-card-actions{flex-direction:row!important;flex-wrap:wrap!important}}

/* Compact personal dashboard and personal expiry monitoring. */
body.role-personel #page>.section-head{margin:8px 0!important;gap:12px!important}
body.role-personel #page>.section-head h3{margin:0 0 4px!important;font-size:16px!important}
body.role-personel #page>.panel,body.role-personel #page>section.panel{padding:12px 14px!important;min-height:0!important;margin-top:10px!important;margin-bottom:10px!important}
body.role-personel #page .oppe-status-panel{padding:10px 14px!important;margin:8px 0!important}
body.role-personel #page .oppe-status-panel .section-head{margin-bottom:4px!important}
body.role-personel #page .oppe-status-panel p{margin:4px 0 0!important}
body.role-personel #page>.summary,body.role-personel #page>.panel>.summary,body.role-personel #page>section.panel>.summary{gap:8px!important;margin:9px 0!important}
body.role-personel #page>.summary>.stat,body.role-personel #page>.panel>.summary>.stat,body.role-personel #page>section.panel>.summary>.stat{padding:9px 11px!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-top-width:2px!important;border-radius:8px!important;box-shadow:none!important}
body.role-personel #page>.summary>.stat{flex-wrap:wrap!important}
body.role-personel #page .summary>.stat>.muted{font-size:13px!important;line-height:1.3!important;color:#63493d!important}
body.role-personel #page>.summary>.stat>b{font-size:18px!important;line-height:1.25!important;margin:0!important;overflow-wrap:break-word!important}
body.role-personel #page>.panel>.summary>.stat>b,body.role-personel #page>section.panel>.summary>.stat>b{font-size:23px!important;line-height:1.1!important;margin:0!important;color:#a34733!important}
body.role-personel #page>.panel>.section-head,body.role-personel #page>section.panel>.section-head{margin-bottom:8px!important}
body.role-personel #page .section-head h3{font-size:16px!important;margin:0 0 4px!important}
body.role-personel #page .section-head p{margin:4px 0!important}
body.role-personel #page>.notice{padding:9px 12px!important;margin:8px 0!important;font-size:13px!important;line-height:1.4!important}
body.role-personel #page>.panel .btn,body.role-personel #page>.section-head .btn{padding:7px 10px!important;font-size:13px!important}
body.role-personel #page #myExpiryStats{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.role-personel #myExpiryStats>.stat{flex-wrap:wrap!important}
body.role-personel #myExpiryStatus{margin:8px 0!important}
body.role-personel #page .table th,body.role-personel #page .table td{padding:8px 10px!important;line-height:1.4!important}
body.role-personel #myExpiryFilter{padding:7px 9px!important;min-height:34px!important}
@media(max-width:750px){body.role-personel #page #myExpiryStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.role-personel #page>.summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}