.company-branding{margin-top:20px;padding:20px;max-width:900px}.company-branding p{line-height:1.6}.company-branding input[type=checkbox]{width:auto}
/* Enterprise theme extends the existing ERP variables and components. */
:root{--font-ui:'IBM Plex Sans','Segoe UI',sans-serif;--font-data:'IBM Plex Mono',monospace;--muted:#8A9599;--line-strong:#C3CDC8;--primary-hover:#0B5A4E;--primary-pressed:#094A40;--info:#2E6B8A;--info-soft:#E4EDF2;--sidebar-text:#D9E5E1;--sidebar-muted:#7C948D;--sidebar-active:#1B342F;--shadow-floating:0 12px 32px #12201f24;--ease-standard:cubic-bezier(.2,0,0,1);--ease-emphasis:cubic-bezier(.3,0,.4,1);--motion-fast:120ms;--motion-page:150ms;--motion-modal:200ms}
body,button,input,select,textarea{font-family:var(--font-ui)}body{font-size:13.5px}h2,.module-head h2{font-size:22px;font-weight:600}h3,.panel h3{font-size:16px;font-weight:600}.mono,.num,.stat-card .value,input[type=number],input[type=date],input[type=month]{font-family:var(--font-data)}
.sidebar{background:var(--teal-deep);color:var(--sidebar-text);transition:width var(--motion-modal) var(--ease-standard)}.sidebar .nav-item{color:var(--sidebar-text);border-left:2px solid transparent;transition:background-color var(--motion-fast) var(--ease-standard)}.sidebar .nav-item.active{background:var(--sidebar-active);color:white;border-left-color:var(--teal)}.sidebar .nav-item:hover{background:#ffffff0d}.sidebar .nav-group-label,.sidebar-brand .sub{color:var(--sidebar-muted)}.nav-category{border-bottom:1px solid #ffffff14}.nav-group-items .nav-item{padding-left:20px}
.panel,.stat-card,.table-wrap,.ie-controls,.ie-preview-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.stat-card{padding:16px}.stat-card .value{font-size:24px;font-weight:600}.stat-card .label{font-size:11px;font-weight:500}.module-head{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}.toolbar{padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.btn,.icon-btn{border-radius:var(--radius);font-size:13px;font-weight:500;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);transform:none!important}.btn-primary{background:var(--teal);border-color:var(--teal)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-pressed)}.btn-danger{background:var(--red);border-color:var(--red)}.btn:not(.btn-primary):not(.btn-danger):hover{border-color:var(--line-strong)}.link-btn{color:var(--teal)}button:disabled{opacity:.4;cursor:not-allowed;animation:none;transform:none}
input,select,textarea,.form-field input,.form-field select,.form-field textarea,.search-select input{border-radius:var(--radius);border-color:var(--line);padding:8px 10px;background:var(--panel);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted)}input:disabled,select:disabled,textarea:disabled{background:var(--paper);color:var(--muted)}:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--teal);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--teal)}
#content table.data th{background:var(--paper);color:var(--steel);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-width:0 0 1px;border-bottom-color:var(--line-strong);padding:10px}#content table.data td{border-width:0 0 1px;padding:9px 10px;border-color:var(--line)}#content table.data tbody tr{transition:background-color 100ms var(--ease-standard)}#content table.data tbody tr:hover{background:var(--paper)}#content table.data tr[aria-selected=true]{background:var(--steel-soft)}
.badge{border-radius:99px;font-size:11px}.badge.active,.badge.paid{background:var(--green-bg);color:var(--green)}.badge.inactive,.badge.cancelled{background:var(--red-bg);color:var(--red)}.modal{border-radius:var(--radius);box-shadow:var(--shadow-floating)}.modal-backdrop{background:#12201f73}.modal-backdrop.show .modal{animation:erp-enter var(--motion-modal) var(--ease-emphasis)}.modal-head h3{font-size:16px;font-weight:600}.search-options{border-radius:var(--radius);box-shadow:var(--shadow-floating);animation:erp-enter var(--motion-page) var(--ease-standard)}.search-options button:hover{background:var(--paper)}.search-options button:focus{background:var(--steel-soft)}.toast{background:white;color:var(--ink);border-radius:var(--radius);border-left:3px solid var(--teal);box-shadow:var(--shadow-floating);animation:erp-enter var(--motion-modal) var(--ease-standard)}.toast.error{border-left-color:var(--red)}#content>.module-head,#content>.stat-grid{animation:erp-fade var(--motion-page) var(--ease-standard)}
@keyframes erp-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes erp-fade{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:1500px){.ie-layout{grid-template-columns:1fr}.ie-preview-scroll{max-height:none}}
.ie-preview-scroll .letterhead-document .invoice-sheet{min-width:0;box-shadow:none}
.letterhead-document{position:relative;isolation:isolate;min-height:1122px;background:white;color:#10263e}
.letterhead-image{position:absolute;inset:0;width:100%;height:1122px;object-fit:fill;z-index:-1}
.letterhead-layout{width:100%;border-collapse:collapse;table-layout:fixed;position:relative}.letterhead-layout>thead>tr>td,.letterhead-layout>tbody>tr>td,.letterhead-layout>tfoot>tr>td{padding:0;border:0}
.letterhead-top{height:var(--letterhead-top)}.letterhead-bottom{height:var(--letterhead-bottom)}
.invoice-sheet.on-letterhead{background:transparent;border:0;min-height:0;padding:0 12mm;color:#10263e;--inv-paper:transparent}
.on-letterhead .inv-header>div:first-child{display:none}.on-letterhead .inv-header{justify-content:flex-end}.on-letterhead .inv-title{color:#10263e}
@page letterhead{size:A4;margin:0}
@media print{.letterhead-document{page:letterhead;min-height:0;isolation:auto}.letterhead-image{position:fixed;top:0;left:0;width:210mm;height:297mm;z-index:0}.letterhead-layout{z-index:1}.letterhead-layout>thead{display:table-header-group}.letterhead-layout>tfoot{display:table-footer-group}#printArea .invoice-sheet.on-letterhead{padding:0 12mm;background:transparent;overflow:visible}}
.modal-backdrop{padding:16px;overflow:hidden;align-items:center}
.modal{width:min(1180px,100%);max-width:1180px!important;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;min-width:0}
.modal-head,.modal-foot{flex-shrink:0}.modal-foot{flex-wrap:wrap}
.modal-body{min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))!important}
.form-grid>*{min-width:0}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.form-field input[type=checkbox],.form-field input[type=radio]{width:auto}
.main,.content,#content,.panel,.table-wrap,.toolbar,.module-head{min-width:0;max-width:100%;box-sizing:border-box}
.table-wrap,.panel{overflow-x:auto}table.data{width:100%}table.data td{overflow-wrap:anywhere;max-width:360px}
table.data td.row-actions{display:table-cell;white-space:normal;min-width:120px} .row-actions button{margin:3px}
.toolbar,.module-head,.actions-row{flex-wrap:wrap}.toolbar input{min-width:160px;max-width:100%}
.search-select{min-width:0}.search-select input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);padding:10px;background:white;color:var(--ink)}
.search-options{max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:4px}
.search-options[hidden]{display:none}.search-options button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:10px;background:white;color:var(--ink);white-space:normal;overflow-wrap:anywhere}
.search-options button:hover,.search-options button:focus{background:var(--steel-soft)}.search-options p{padding:10px;margin:0}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}.detail-grid dt{font-size:12px;color:var(--steel)}.detail-grid dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:18px}.dashboard-panels .panel{padding:20px}.stat-card .value{font-size:24px;overflow-wrap:anywhere}
.profile-panel{padding:20px;max-width:900px}.hr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.hr-tabs [aria-selected=true]{background:var(--steel-soft);border-color:var(--teal);color:var(--teal)}.topbar-right{flex-wrap:wrap;gap:8px}.topbar{height:auto;min-height:60px}.hr-tabs+.toolbar{margin-bottom:16px}.nav-group>.nav-item{width:100%;text-align:left;background:transparent;font:inherit;border-top:0;border-right:0;border-bottom:0}
#gate{background:var(--paper);padding:20px}.gate-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;max-width:420px}.phase-note{background:var(--info-soft);border-color:var(--line);color:var(--info)}.ci-steps,.ci-help,.ci-example,.ci-upload span{color:var(--steel)}.ci-steps span,.ci-counts span{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.ci-upload{border-color:var(--line-strong);border-radius:var(--radius);background:var(--panel)}.ci-map-table select,select.filter{border-radius:var(--radius);border-color:var(--line)}.ci-check input,input[type=checkbox],input[type=radio]{accent-color:var(--teal)}.ie-notice{background:var(--info-soft);border-color:var(--line);color:var(--info)}.ie-template[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.ie-controls fieldset,.ie-template,.ie-asset,.ie-notice{border-radius:var(--radius)}.ie-toolbar p,.ie-help{color:var(--steel)}
@media(max-width:600px){.modal-backdrop{padding:6px}.modal{max-height:calc(100dvh - 12px)}.modal-body,.modal-head,.modal-foot{padding:12px}.form-grid{grid-template-columns:1fr!important}.modal-foot .btn{flex:1}#content{padding:12px}.module-head .actions-row{width:100%}}