/* Shared visual language for tenant modules and the platform console. */
body{--ui-ink:light-dark(#202936,#edf1f8);--ui-muted:light-dark(#202936,#edf1f8);--ui-line:light-dark(#e3ebef,#354158);--ui-accent:light-dark(#176e65,#80e5da);--ui-wash:light-dark(#eaf6f1,#243149)}
.ui-card-actions{display:flex;gap:8px;padding-top:12px;margin-top:12px;border-top:1px dashed light-dark(#e5edf1,#354158)}.ui-card-actions .ui-row-button{margin:0}.ui-responsive-table .ui-row-actions .text-link{font-size:10px;text-decoration:none}.ui-row-actions>form{display:inline-flex;vertical-align:middle;gap:5px;max-width:100%}
.app-shell label.ui-list-search{flex-direction:row}.ui-advanced-filters>summary{display:flex;align-items:center;gap:7px;font-size:10px;color:light-dark(#465264,#b7c4d8);padding:12px 24px;margin:0;cursor:pointer;border-bottom:1px solid light-dark(#ecf2f5,#354158);background:light-dark(#fbfcfd,#1b2537)}.ui-advanced-filters>summary .icon{width:14px;height:14px}.app-shell .ui-saved-filters>summary{font-size:11px;padding:13px 20px}.app-shell .ui-saved-filters{margin-bottom:20px}.app-shell .ui-saved-filters>summary:before{font-size:18px;width:23px;height:23px}.app-shell .ui-saved-filters .filter-bar:empty{display:none}.auth-story{background:linear-gradient(130deg,light-dark(#164e4a,#164e4a),light-dark(#204960,#204960))}.auth-card .button.primary{background:light-dark(#1d6c64,#1d6c64);border-radius:8px}.career-page .button{border-radius:8px}.career-page .panel{border-radius:14px;border-color:light-dark(#e0e9ee,#354158)}
.ui-platform-figure{display:flex;gap:35px;align-items:center;justify-content:center;padding:24px;margin:0}.ui-platform-figure figcaption{flex:1;max-width:240px}.ui-platform-figure .hr-chart-legend{font-size:11px}.app-shell .ui-list-state select{min-height:36px;font-size:10px;padding:7px 10px;width:155px}.app-shell .ui-list-state{margin:0}.app-shell .role-grid .ui-list-tools,.app-shell .role-grid .ui-pagination{grid-column:1/-1}
@media(max-width:700px){.ui-platform-figure{gap:20px;padding:20px 18px}.ui-platform-figure .hr-donut{width:130px;height:130px}.ui-platform-figure .hr-donut>div{width:96px;height:96px}.ui-platform-figure .hr-chart-legend{font-size:9px}.ui-platform-figure .text-link{font-size:9px}.app-shell .ui-list-state select{width:143px}.ui-list-tools .ui-list-count{flex-basis:100%;margin-inline-start:0}}
body[data-module="platform"],body[data-module="automation"],body[data-module="performance"]{--ui-accent:light-dark(#202936,#edf1f8);--ui-wash:light-dark(#f0edfa,#1b2537)}
body[data-module="payroll"],body[data-module="reports"]{--ui-accent:light-dark(#202936,#edf1f8);--ui-wash:light-dark(#edf3fc,#1b2537)}
body[data-module="compliance"],body[data-module="documents"],body[data-module="document-types"]{--ui-accent:light-dark(#886321,#e1c084);--ui-wash:light-dark(#fbf4e7,#243149)}
body[data-module="fleet"],body[data-module="assets"]{--ui-accent:light-dark(#202936,#edf1f8);--ui-wash:light-dark(#edf2fa,#1b2537)}
.app-shell{background:light-dark(#f5f8fa,#1b2537);min-height:100vh;color:var(--ui-ink)}.app-shell .main-content{max-width:1630px;padding:32px 36px 22px}.app-shell .page-heading{margin-bottom:26px;gap:22px}.app-shell .page-heading h1{font-size:28px;letter-spacing:-.7px;color:var(--ui-ink)}.app-shell .page-heading p{font-size:12px;color:light-dark(#465264,#b7c4d8);max-width:790px;line-height:1.8}.app-shell .eyebrow{color:var(--ui-accent);font-size:9px;letter-spacing:1.6px}.ui-page-heading-copy{display:flex;align-items:flex-start;gap:16px;min-width:0}.ui-page-heading-copy>div{min-width:0}.ui-page-title-icon{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--ui-accent) 12%,white);border-radius:14px;background:var(--ui-wash);color:var(--ui-accent);margin-top:3px}.ui-page-title-icon .icon{width:24px;height:24px}.ui-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-shrink:0}.hr-overview .ui-page-title-icon{display:none}
.sidebar{border-color:var(--ui-line);background:light-dark(#fff,#1b2537)}.sidebar .nav-item{padding:9px 11px;gap:10px;color:light-dark(#202936,#edf1f8);font-size:11px;border-radius:9px}.sidebar .nav-item>.icon{width:29px;height:29px;padding:6px;border-radius:8px;background:light-dark(#f2f6f8,#1b2537);color:light-dark(#465264,#b7c4d8);box-sizing:border-box}.sidebar .nav-item.active{background:light-dark(#eaf5f1,#243149);color:light-dark(#236c62,#8bdacf)}.sidebar .nav-item.active>.icon{background:light-dark(#d4ece3,#243149);color:light-dark(#24796a,#89dccd)}.sidebar .nav-item:hover{background:light-dark(#f2f7f8,#1b2537)}.sidebar .workspace-badge{border-color:var(--ui-line);background:light-dark(#fbfdfd,#1b2537)}.sidebar .nav-label{color:light-dark(#465264,#b7c4d8)}.app-shell .topbar{border-color:var(--ui-line)}.app-shell .user-avatar{background:light-dark(#edf3f7,#243149);color:light-dark(#202936,#edf1f8)}
.app-shell .panel{border:1px solid var(--ui-line);border-radius:14px;box-shadow:0 3px 12px light-dark(#28485803,#00000003);margin-bottom:24px;background:light-dark(#fff,#1b2537)}.app-shell .panel-heading{padding:21px 24px;border-color:light-dark(#edf2f5,#354158);gap:14px}.app-shell .panel-heading h2{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:-.2px;color:var(--ui-ink)}.app-shell .panel-heading p{color:light-dark(#465264,#b7c4d8);font-size:11px;line-height:1.7}.app-shell .panel-body{padding:23px 24px;font-size:12px;line-height:1.75;color:light-dark(#202936,#edf1f8)}.app-shell .panel-body>p{margin-bottom:16px}.app-shell .panel-body p.hint{font-size:10px;color:light-dark(#465264,#b7c4d8)}.ui-panel-symbol{width:31px;height:31px;background:var(--ui-wash);color:var(--ui-accent);display:inline-grid;place-items:center;border-radius:9px;flex-shrink:0}.ui-panel-symbol .icon{width:16px;height:16px}.app-shell .button{border-radius:8px;min-height:40px;padding:10px 15px;gap:8px;font-size:11px;box-shadow:none}.app-shell .button.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:light-dark(#fff,#fff)}.app-shell .button.secondary{color:light-dark(#202936,#edf1f8);border-color:light-dark(#dce8ed,#354158);background:light-dark(#fff,#1b2537)}.app-shell .button.small{min-height:34px;padding:7px 10px;font-size:10px}.app-shell .button:hover{filter:brightness(.97)}.app-shell .text-link{display:inline-flex;align-items:center;gap:6px;color:light-dark(#202936,#edf1f8);font-size:11px;line-height:1.6}.app-shell .text-link .icon{width:14px;height:14px;flex-shrink:0}.app-shell .text-button{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:light-dark(#202936,#edf1f8)}.app-shell .text-button .icon{width:14px;height:14px}.app-shell .ui-danger-action{color:light-dark(#202936,#edf1f8);border-color:light-dark(#f0d5dc,#354158)}.app-shell a.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.app-shell .stat-grid{gap:16px;margin-bottom:24px}.app-shell .stat-card{padding:22px;border:1px solid var(--ui-line);border-radius:13px;background:light-dark(#fff,#1b2537);position:relative;box-shadow:none;min-width:0}.app-shell .stat-card>strong{font-size:31px;letter-spacing:-1px;font-weight:650;color:light-dark(#202936,#edf1f8);margin-top:12px}.app-shell .stat-card>span:not(.ui-stat-symbol){font-size:11px;color:light-dark(#202936,#edf1f8);font-weight:600}.app-shell .stat-card>small{color:light-dark(#465264,#b7c4d8);font-size:10px;line-height:1.7}.ui-stat-symbol{display:grid;width:37px;height:37px;place-items:center;border-radius:11px;margin-bottom:14px}.ui-stat-symbol .icon{width:19px;height:19px}.ui-tone-teal{background:light-dark(#e7f5ef,#243149);color:light-dark(#228777,#85e0d2)}.ui-tone-indigo{background:light-dark(#eeecfa,#1b2537);color:light-dark(#465264,#b7c4d8)}.ui-tone-amber{background:light-dark(#fff4df,#243149);color:light-dark(#b28636,#dbbe8a)}.ui-tone-rose{background:light-dark(#fdefF2,#1b2537);color:light-dark(#465264,#b7c4d8)}.app-shell .soft-icon{background:var(--ui-wash);color:var(--ui-accent);border-radius:8px}.app-shell .badge{border-radius:5px;font-size:9px;padding:5px 8px;line-height:1.4;letter-spacing:.1px;white-space:normal;display:inline-flex;align-items:center;gap:5px}.app-shell .badge.green{background:light-dark(#e8f6ef,#243149);color:light-dark(#202936,#edf1f8)}.app-shell .badge.amber{background:light-dark(#fff5e5,#243149);color:light-dark(#a47a30,#dcbe89)}.app-shell .badge.gray{background:light-dark(#eff3f6,#1b2537);color:light-dark(#465264,#b7c4d8)}.app-shell .badge.ui-badge-danger{background:light-dark(#fff0f2,#1b2537);color:light-dark(#202936,#edf1f8)}
.app-shell .filter-bar,.app-shell .platform-filters{background:light-dark(#fbfcfd,#1b2537);border-color:light-dark(#e9f0f3,#354158);padding:18px 24px;gap:12px}.app-shell input:not([type=checkbox]),.app-shell select,.app-shell textarea{border-radius:8px;border-color:light-dark(#dfe8ed,#354158);color:light-dark(#202936,#edf1f8);font-size:12px;background:light-dark(#fff,#1b2537);min-height:41px}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{border-color:light-dark(#8ab8b1,#354158);outline:3px solid #e4f3ef}.app-shell label{font-size:11px;color:light-dark(#202936,#edf1f8);font-weight:600}.app-shell .search-box{border-color:light-dark(#dfe8ed,#354158);border-radius:8px}.app-shell .profile-tabs{gap:8px}.app-shell .profile-tabs a{color:light-dark(#202936,#edf1f8);border-color:light-dark(#dfe9ed,#354158);border-radius:7px;padding:9px 13px}.app-shell details.panel>summary{margin:0;padding:20px 24px;list-style:none;color:var(--ui-accent);font-size:13px;font-weight:650;display:flex;align-items:center;gap:12px}.app-shell details.panel>summary:before{content:'+';font-size:22px;font-weight:400;display:grid;place-items:center;background:var(--ui-wash);width:28px;height:28px;border-radius:8px}.app-shell details.panel[open]>summary:before{content:'−'}.app-shell .renewal-card{padding:20px;border:1px solid light-dark(#e7eef2,#354158);border-radius:11px;background:light-dark(#fcfefe,#1b2537);margin-bottom:16px;overflow-wrap:anywhere}.app-shell .renewal-card>h3,.app-shell .renewal-card>h2{font-size:13px;color:light-dark(#202936,#edf1f8);margin-bottom:9px}.app-shell .renewal-card>p{color:light-dark(#465264,#b7c4d8);font-size:11px;margin:8px 0}.app-shell .renewal-card form{margin-top:13px}.app-shell .role-card{border-color:light-dark(#e1ebf0,#354158);border-radius:10px;background:light-dark(#fbfdfd,#1b2537)}.app-shell .notice{border-radius:10px}.app-shell .panel:target{scroll-margin-top:20px;outline:2px solid #d9eae5}
.ui-list-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px 24px;background:light-dark(#fff,#1b2537);border-bottom:1px solid light-dark(#ebf1f4,#354158)}.ui-list-tools label{margin:0}.app-shell .ui-list-search{display:flex;align-items:center;gap:8px;border:1px solid light-dark(#dfe9ee,#354158);border-radius:8px;padding:0 11px;flex:1;min-width:180px;max-width:440px;background:light-dark(#fbfdfd,#1b2537)}.ui-list-search>.icon{width:16px;height:16px;color:light-dark(#465264,#b7c4d8)}.app-shell .ui-list-search>input{border:0;background:transparent;min-height:37px;padding:8px 0;font-size:11px;box-shadow:none}.app-shell .ui-list-size{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:10px;color:light-dark(#465264,#b7c4d8)}.app-shell .ui-list-size select{width:72px;min-height:36px;padding:7px 10px;font-size:11px}.ui-list-count{margin-inline-start:auto;font-size:10px;color:light-dark(#465264,#b7c4d8);white-space:nowrap}.ui-list-reset{display:flex;gap:5px;align-items:center;font-size:10px;color:light-dark(#465264,#b7c4d8)}.ui-list-reset .icon{width:13px;height:13px}.ui-pagination{padding:15px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid light-dark(#edf2f4,#354158);background:light-dark(#fcfdfd,#1b2537);flex-wrap:wrap}.ui-pagination>span{font-size:10px;color:light-dark(#465264,#b7c4d8)}.ui-page-links{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.ui-page-step,.ui-page-number,.ui-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:light-dark(#465264,#b7c4d8);min-width:29px;min-height:30px;padding:5px 8px;border:1px solid light-dark(#e1eaef,#354158);background:light-dark(#fff,#1b2537);border-radius:6px}.ui-page-step .icon{width:13px;height:13px}.ui-page-number.current{background:var(--ui-wash);color:var(--ui-accent);border-color:light-dark(#d9e8e4,#354158);font-weight:700}.ui-page-step[aria-disabled]{opacity:.5;background:light-dark(#f7f9fa,#1b2537)}.ui-page-ellipsis{border:0;background:transparent}.app-shell .pagination:has(>.ui-page-links){padding:15px 24px}.app-shell .pagination:empty,.app-shell .panel-body:empty{display:none}
.app-shell .table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.app-shell .table-scroll table{width:100%;font-size:11px}.app-shell .table-scroll th{background:light-dark(#f7fafb,#1b2537);color:light-dark(#465264,#b7c4d8);font-size:9px;font-weight:650;letter-spacing:.6px;padding:13px 20px;border-color:light-dark(#e8f0f3,#354158)}.app-shell .table-scroll td{font-size:11px;padding:17px 20px;border-color:light-dark(#edf2f5,#354158);color:light-dark(#202936,#edf1f8);overflow-wrap:anywhere}.app-shell .table-scroll td strong{color:light-dark(#202936,#edf1f8);font-weight:650}.app-shell .table-scroll td small{font-size:9px;color:light-dark(#465264,#b7c4d8);line-height:1.7}.app-shell .table-scroll tbody tr:hover{background:light-dark(#fbfdfd,#1b2537)}.app-shell .table-scroll td code{font-size:10px;background:light-dark(#f3f7f9,#1b2537);border:1px solid light-dark(#e8eff2,#354158);padding:3px 6px;border-radius:5px;color:light-dark(#202936,#edf1f8)}.ui-actions-header{width:145px}.ui-row-actions{white-space:nowrap}.ui-row-button{display:inline-flex;gap:5px;align-items:center;justify-content:center;border:1px solid light-dark(#dceae9,#354158);border-radius:7px;padding:7px 9px;background:light-dark(#edf7f3,#243149);color:light-dark(#202936,#edf1f8);font-size:9px;line-height:1.4;margin:2px;min-height:32px}.ui-row-button.subtle{background:light-dark(#f8fafb,#1b2537);color:light-dark(#465264,#b7c4d8);border-color:light-dark(#e2ebf0,#354158)}.ui-row-button .icon{width:14px;height:14px}.ui-row-button:hover{background:light-dark(#dff0e9,#243149);color:light-dark(#202936,#edf1f8)}.ui-no-results{text-align:center;padding:35px!important;color:light-dark(#465264,#b7c4d8)!important}.ui-record-dialog{border:1px solid light-dark(#dfe9ee,#354158);border-radius:16px;width:min(560px,calc(100vw - 30px));padding:0;max-height:85vh;color:light-dark(#202936,#edf1f8);box-shadow:0 25px 100px light-dark(#17394435,#00000035)}.ui-record-dialog::backdrop{background:light-dark(#153d4a65,#153d4a65);backdrop-filter:blur(4px)}.ui-dialog-heading{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:light-dark(#f6fafb,#1b2537);border-bottom:1px solid light-dark(#e5eef2,#354158)}.ui-dialog-heading h2{font-size:16px;color:light-dark(#202936,#edf1f8)}.ui-record-fields{padding:10px 24px 24px;margin:0;overflow:auto;max-height:65vh}.ui-record-fields>div{padding:15px 0;border-bottom:1px solid light-dark(#edf2f5,#354158)}.ui-record-fields dt{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:light-dark(#465264,#b7c4d8);margin-bottom:7px}.ui-record-fields dd{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap;color:light-dark(#202936,#edf1f8)}
.app-shell .platform-banner{background:linear-gradient(115deg,light-dark(#f0edfb,#1b2537),light-dark(#eaf4f6,#243149));border:1px solid light-dark(#e1dff0,#354158);color:light-dark(#202936,#edf1f8);border-radius:17px;padding:32px}.app-shell .platform-banner h2{color:light-dark(#202936,#edf1f8);font-size:30px;letter-spacing:-.8px}.app-shell .platform-banner p{color:light-dark(#465264,#b7c4d8);font-size:12px}.app-shell .platform-banner .pill{background:light-dark(#e6e2f4,#243149);color:light-dark(#465264,#b7c4d8)}.app-shell .platform-ocr-summary{background:light-dark(#ffffff80,#1b253780);border-color:light-dark(#d9ddec,#354158);color:light-dark(#202936,#edf1f8);border-radius:13px}.app-shell .platform-ocr-summary strong{color:light-dark(#202936,#edf1f8);font-size:16px}.app-shell .platform-ocr-summary span,.app-shell .platform-ocr-summary small{color:light-dark(#465264,#b7c4d8)}.app-shell .platform-light-link{color:light-dark(#465264,#b7c4d8)}.app-shell .platform-attention-row{color:light-dark(#202936,#edf1f8)}.app-shell .platform-feature-count strong{color:light-dark(#465264,#b7c4d8)}.app-shell .platform-filter-actions{flex-wrap:wrap}.app-shell .empty-state{color:light-dark(#465264,#b7c4d8)}.app-shell .empty-state h3{color:light-dark(#202936,#edf1f8)}.app-shell .page-footer{color:light-dark(#465264,#b7c4d8)}.app-shell .snapshot-item:hover{background:light-dark(#f5faf8,#1b2537)}.app-shell .snapshot-item strong{color:light-dark(#202936,#edf1f8)}.app-shell .snapshot-item>span:last-child{color:light-dark(#465264,#b7c4d8)}
@media(max-width:1100px){.app-shell .main-content{padding:28px 24px}.ui-heading-actions{flex-shrink:1}.app-shell .page-heading h1{font-size:25px}.app-shell .platform-banner h2{font-size:26px}}
@media(max-width:700px){.app-shell .main-content{padding:23px 15px 18px}.app-shell .page-heading{align-items:stretch;gap:16px}.app-shell .page-heading h1{font-size:23px;line-height:1.3}.app-shell .page-heading p{font-size:11px}.ui-page-title-icon{width:39px;height:39px;border-radius:11px}.ui-page-title-icon .icon{width:20px;height:20px}.ui-page-heading-copy{gap:12px}.app-shell .panel-heading{padding:18px;flex-wrap:wrap;align-items:flex-start}.app-shell .panel-heading h2{font-size:14px}.app-shell .panel-heading p{font-size:10px}.app-shell .panel-body{padding:18px}.app-shell .stat-card{padding:17px}.app-shell .stat-card>strong{font-size:26px}.app-shell .stat-card>small{font-size:9px}.ui-stat-symbol{width:32px;height:32px}.ui-list-tools{padding:14px 16px;gap:9px}.app-shell .ui-list-search{flex-basis:100%;max-width:none}.ui-list-count{font-size:9px}.ui-pagination{padding:13px 16px;gap:11px;flex-direction:column;align-items:flex-start}.ui-page-step{font-size:9px;padding:5px 7px}.ui-page-number{min-width:27px;padding:5px 7px}.ui-page-links{gap:4px}.app-shell .table-scroll:has(.ui-responsive-table){overflow:visible}.app-shell table.ui-responsive-table{min-width:0;display:block;width:100%}.ui-responsive-table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ui-responsive-table>tbody{display:block}.app-shell .ui-responsive-table>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:18px;border-top:1px solid light-dark(#e7eef2,#354158);position:relative}.app-shell .ui-responsive-table>tbody>tr>td{display:block;padding:0!important;border:0;min-width:0;white-space:normal;font-size:11px;overflow-wrap:anywhere}.ui-responsive-table>tbody>tr>td:before{content:attr(data-label);display:block;font-size:8px;letter-spacing:.6px;text-transform:uppercase;color:light-dark(#465264,#b7c4d8);margin-bottom:5px}.ui-responsive-table>tbody>tr>td:first-child{grid-column:1/-1}.ui-responsive-table>tbody>tr>td:first-child:before{display:none}.ui-responsive-table>tbody>tr>td[colspan]{grid-column:1/-1}.ui-responsive-table>tbody>tr>td.ui-row-actions{grid-column:1/-1;display:flex;gap:7px;padding-top:6px!important;border-top:1px dashed light-dark(#e8eff3,#354158)}.ui-responsive-table>tbody>tr>td.ui-row-actions:before{display:none}.ui-responsive-table .inline-form{flex-wrap:wrap;gap:8px}.ui-responsive-table select{width:100%}.ui-responsive-table .table-name{align-items:flex-start}.ui-row-button{padding:8px 12px;font-size:10px;min-height:36px}.app-shell .renewal-card{padding:16px}.app-shell .platform-banner{padding:23px}.app-shell .platform-banner h2{font-size:25px}.app-shell details.panel>summary{padding:18px;font-size:12px}.app-shell .filter-bar{padding:16px;gap:9px}.app-shell .filter-bar>select{min-width:120px}.app-shell .role-grid{padding:18px}.app-shell .form-actions{align-items:stretch}.app-shell .form-actions>.button{align-self:flex-start}.app-shell .form-grid .button{max-width:100%;white-space:normal}.app-shell .button{white-space:normal;line-height:1.6}.app-shell .permission-grid{gap:4px}.ui-record-fields{padding-inline:18px}.ui-dialog-heading{padding:16px 18px}}
@media print{.ui-list-tools,.ui-pagination,.ui-row-actions,.ui-actions-header,.ui-page-title-icon{display:none!important}.ui-responsive-table thead{position:static!important;width:auto!important;height:auto!important;clip-path:none!important}.ui-responsive-table,.ui-responsive-table tbody{display:table!important}.ui-responsive-table tr{display:table-row!important}.ui-responsive-table td{display:table-cell!important}.ui-responsive-table td:before{display:none!important}}