/* Shared navigation, compact price cards and accessible spacing. */
:root{--sidebar-size:244px}header,.directory>header{position:sticky;top:0;z-index:30;box-shadow:0 3px 12px #10243a0c}.sidebar{width:var(--sidebar-size);padding:26px 18px;display:flex;flex-direction:column;background:var(--navy);z-index:40}.sidebar nav,.directory-layout .sidebar nav{display:grid;gap:7px}.sidebar .nav,.directory .sidebar .nav{color:#f0f6ff!important;font-weight:550;text-decoration:none}.sidebar .nav.active{background:#315976;color:#fff!important;box-shadow:inset 3px 0 #55ddc5}.sidebar .nav-icon{width:24px;flex:0 0 24px;font-size:22px;text-align:center;color:#80e0cd}.sidebar .nav span:not(.nav-icon){font-size:14px;line-height:1.45}.sidebar .brand{margin-bottom:28px}.sidebar .workspace-label{color:#c5d7eb}.sidebar-bottom{margin-top:auto}.directory-layout>main,main{margin-inline-start:var(--sidebar-size)}.directory-layout header{margin-inline-start:var(--sidebar-size)}.directory-layout>main{padding:30px}.price-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.price-card{padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.price-card .pair{font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.price-card .cost{font-size:23px;margin:9px 0 5px;line-height:1.15}.price-card small{font-size:11px;margin:3px 0}.price-card small:empty{display:none}.price-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px}.price-card .price-actions a{margin:0;font-size:12px}.price-card .badge{font-size:10px;padding:4px 6px}.metrics article,.rule,.file-card,.auth-card,.request-card{text-align:center}.metrics.status-metrics strong{font-size:38px}.metrics.status-metrics span{font-size:17px}.metrics.status-metrics small{font-size:13px}.file-caption,.quote-bar{justify-content:center;gap:18px}.form-grid,.file-grid{gap:22px 18px}.form-body,.directory-form,.rule{overflow:visible}label{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;text-align:center}label>span{margin:0;line-height:1.5}.directory-form label input,.directory-form label select,.directory-form label textarea,.auth-card label input{margin-top:0}.form-grid>label,.file-grid>label{min-width:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline-width:2px}input[type=checkbox]{width:20px!important;height:20px;align-self:center}.form-actions,.dialog-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin-top:20px}.form-actions a,.form-actions button{padding:11px 17px;margin:0}.page-tools{gap:18px;align-items:end}.page-tools>label{min-width:240px}.price-search{display:flex;justify-content:center;align-items:end;gap:14px;margin:20px 0}.price-search label{width:min(480px,70%)}.directory-table th,.directory-table td{text-align:center;padding:15px 12px;vertical-align:middle}.directory-table td{white-space:normal;min-width:110px}.directory-table td small{max-width:none}.task-edit{display:inline-block!important;background:#2364a6!important;color:white!important;border:1px solid #174a80;border-radius:6px;padding:7px 13px!important;margin-top:9px;font-size:13px!important}.request-change{display:block;background:#fff3da;color:#765012;border:1px solid #d3b57b;padding:7px 11px;border-radius:6px;margin:8px auto 0}.request-card{margin:20px 0}.request-reason{white-space:pre-wrap;margin:16px 0}.directory header .header-actions{margin-inline-start:auto}.header-actions>label{margin:0}.sidebar .brand img{max-width:100%}.directory a.secondary{text-decoration:none}@media(max-width:1250px){:root{--sidebar-size:220px}.price-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.page{padding-inline:24px}}@media(max-width:900px){:root{--sidebar-size:190px}.sidebar,.directory-layout .sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar-size);flex-direction:column;align-items:stretch}.sidebar .brand{width:auto}.sidebar nav,.directory-layout .sidebar nav{display:grid}.sidebar .workspace-label,.sidebar .nav-icon{display:block}.sidebar .nav{white-space:normal;padding:11px 9px}.sidebar-bottom{display:none}.directory-layout>main,.directory-layout header,main{margin-inline-start:var(--sidebar-size)}.price-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){:root{--sidebar-size:64px}.sidebar,.directory-layout .sidebar{padding:14px 6px}.sidebar .brand,.sidebar .workspace-label,.sidebar .nav span:not(.nav-icon),.sidebar .nav b{display:none}.sidebar .nav,.directory .sidebar .nav{justify-content:center;padding:12px 6px}.sidebar .nav-icon{display:block!important}.price-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-layout>main,.page{padding:20px 12px}.form-grid,.file-grid{grid-template-columns:1fr}.file-grid label:first-child{grid-column:auto}.price-search{flex-wrap:wrap}.price-search label{width:100%}.header-clock{display:none}header{padding-inline:12px}.metrics.status-metrics{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}}

/* Compact registers and notification panel. */
.sidebar .nav b[data-nav-count]{margin-inline-start:auto;font-size:12px;white-space:nowrap;color:inherit}
.directory-table th,.directory-table td{white-space:nowrap!important;padding:10px 8px!important;width:auto!important;max-width:none!important}
.directory-table td:nth-child(5),.directory-table td:nth-child(6){min-width:125px}
.employee-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
.employee-metrics article{padding:16px!important;display:grid;gap:6px}.employee-metrics strong{font-size:30px}
.employee-record{padding:14px 18px!important;margin-bottom:12px!important;text-align:start!important}
.employee-identity{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}
.employee-identity h2{font-size:17px;margin:0}.employee-identity p{margin:0}
.employee-record .page-tools{gap:10px;margin:12px 0}.employee-record button,.employee-record select{padding:8px 12px;min-height:36px;font-size:13px}
.employee-record .customer-access{width:min(100%,360px);max-height:95px;margin:10px}
.employee-record label:has(input[type=checkbox]){display:flex;flex-direction:row;justify-content:center;align-items:center}
.notification-box{position:relative;font-size:13px}.notification-box summary{cursor:pointer;white-space:nowrap;padding:10px}
.notification-list{position:absolute;inset-inline-end:0;top:100%;width:min(430px,85vw);max-height:65vh;overflow:auto;background:var(--panel,#fff);color:var(--text,#153252);border:1px solid #7c96ad;border-radius:12px;box-shadow:0 8px 30px #0003;padding:16px;z-index:100}
.notification-list p{padding:10px;border-bottom:1px solid #7c96ad55;overflow-wrap:anywhere}.notification-list .unread{border-inline-start:3px solid #00a489;font-weight:600}
.header-actions{flex-wrap:wrap}.header-clock{white-space:nowrap}

.employee-identity>div{display:grid;gap:5px;text-align:center}.employee-identity small{font-size:11px;opacity:.8}.employee-record>form{margin:10px 0}.employee-record>form p{font-size:12px;margin:8px 0}
.employee-record,.employee-metrics{max-width:1040px;margin-inline:auto}.notification-list{background:var(--surface);color:var(--ink)}
.file-card .file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.file-card .file-grid>.saved-translator{grid-column:1!important;grid-row:1;min-width:0}
.file-card .file-grid>.assignment-names{grid-column:2 / -1!important;grid-row:1;min-width:0}
.file-card .file-grid>.language-source{grid-column:1 / 3!important;grid-row:2}
.file-card .file-grid>.language-target{grid-column:3 / 5!important;grid-row:2}
.filename-list{display:grid;gap:9px}.filename-row{display:flex;gap:8px}.filename-row input[name=name]{flex:1;min-width:0;cursor:pointer}.filename-row button{padding:6px 12px}.add-filename{align-self:start;font-size:12px;padding:8px 12px}
.workspace-header,.directory>.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;min-height:84px}.workspace-header h2{margin:0;font-size:20px;white-space:nowrap}.workspace-header .header-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.workspace-header .account-pill{font-size:12px}
@media(max-width:750px){.file-card .file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-card .file-grid>.saved-translator{grid-column:1 / -1!important;grid-row:1}.file-card .file-grid>.assignment-names{grid-column:1 / -1!important;grid-row:2}.file-card .file-grid>.language-source{grid-column:1!important;grid-row:3}.file-card .file-grid>.language-target{grid-column:2!important;grid-row:3}.workspace-header{flex-wrap:wrap}}

.invoice-record{margin-block:20px}.invoice-record details{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:8px}.invoice-record summary{cursor:pointer;font-weight:600}.payment-entry{padding-block:12px;border-bottom:1px solid var(--line)}

.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:24px 0}.summary-cards .rule{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:120px;padding:20px;text-align:center}.summary-cards strong{font-size:26px}.personal-totals{display:grid;grid-template-columns:1fr 1fr;gap:20px}.personal-totals strong{display:block;margin-top:12px;font-size:23px}.overdue-card.has-overdue{background:#fff0f0!important;border:2px solid #d52c40!important;color:#a2162b!important}.date-picker-field{display:flex;position:relative;align-items:center;gap:8px;min-width:0}.date-picker-field>input:first-child{flex:1;min-width:0}.date-picker-field>button{flex:0 0 42px;padding:8px!important;min-height:42px}.native-date-picker{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px!important;bottom:0;inset-inline-end:0}.native-date-picker.picker-fallback{position:static!important;opacity:1;pointer-events:auto;width:100%!important;height:auto!important}.date-picker-field:has(.picker-fallback){flex-wrap:wrap}.invoice-record td,.invoice-record th{text-align:center}.invoice-record tfoot{font-weight:700;background:var(--surface)}

.employee-identity{grid-template-columns:repeat(6,minmax(0,1fr))!important}.employee-identity span{overflow-wrap:anywhere}@media(max-width:950px){.employee-identity{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:600px){.employee-identity{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.overdue-card.has-overdue{background:#fff0f0!important;color:#a2162b!important}.calendar-button{font-size:18px!important}.date-picker-field{overflow:visible!important}.dialog-header>a{margin-inline-start:auto}.summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.summary-cards article{min-width:0}.dashboard-ledger{display:grid;gap:10px;width:100%;max-width:260px;margin:auto}.dashboard-ledger div{display:flex;justify-content:space-between;gap:16px}.dashboard-ledger strong{font-size:22px!important}.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1150px;margin:28px auto}.personal-grid article{text-align:center;padding:24px}.fx-list{max-height:220px;overflow:auto}.summary-table{margin:24px 0}.entry-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entry-types button{padding:15px}.employees-table td{vertical-align:top}.employees-table .employee-controls{min-width:320px}.employee-pay-form{display:grid;gap:12px;padding:16px;min-width:320px}.employee-pay-form label{display:grid;gap:8px}@media(max-width:900px){.summary-cards,.personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.summary-cards,.personal-grid{grid-template-columns:1fr!important}}

.overdue-card.has-overdue{background:#fff0f0!important;color:#9f2525!important;border-color:#dc2626!important}.cell-amount>div{margin-block:7px;white-space:nowrap}

.page-heading>a.primary{display:inline-flex;padding:12px 18px;background:#0d776b;color:white;border-radius:9px;text-decoration:none;align-items:center;justify-content:center;text-align:center}.carry-forward{margin-block:20px;padding:18px;border:1px solid var(--line);border-radius:10px}

.employees-table th,.employees-table td{text-align:center!important}.employees-table .employee-controls{min-width:130px!important}.employees-table .employee-controls>details[open]{min-width:320px}.employees-table td:nth-child(3),.employees-table td:nth-child(4){white-space:nowrap}.employees-table td:first-child{min-width:100px}.employees-table summary{cursor:pointer;font-weight:600;padding:8px}
/* Keep shared assignment labels centered alongside their file list. */
#task-rows .cell-translators[rowspan], #task-rows .cell-pairs[rowspan]{vertical-align:middle}

.personal-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;margin:28px auto}.personal-grid article{text-align:center}.summary-cards .fx-list{max-height:180px}.summary-cards h2{font-size:20px}.summary-cards article{border-top:3px solid #008c78}.form-actions{display:flex;justify-content:center;gap:16px;margin-top:22px}
