.ex-mobile-home{display:none}
/* The shell clips overflow. Give this flex child a bounded, user-scrollable
   viewport so the receipt fields and history can be reached with wheel/touch. */
#expenses-root{flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-bottom:180px}
.ex-department-settings{margin-top:20px}.ex-department-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid #dce8e5}.ex-department-row>.ex-button{align-self:end;margin-bottom:8px}.ex-department-settings>#ex-add-department{margin-top:14px}.ex-setup-help,.ex-edit-help{padding:16px;background:#eef9f5;border:1px solid #a7dfd1;border-radius:12px;margin-bottom:18px!important;line-height:1.7}.ex-setup-help p{margin:8px 0!important}.ex-dialog-error{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.ex-department-row{grid-template-columns:minmax(0,1fr)}.ex-department-row>.ex-button{justify-self:end}}
.ex-page .ex-page-title{justify-content:flex-start}.ex-page-title>span:last-child{margin-left:auto}
.ex-page{color:#163646;padding:20px 24px;width:100%;max-width:none;margin:0;background:#fff;min-height:100%;box-sizing:border-box}
.ex-page h1,.ex-page h2,.ex-page p{margin:0}.ex-page h2{color:#008875}.ex-page-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.ex-page-title>span:last-child{color:#607d83}.ex-symbol{color:#008875;background:#dbf4ed;border-radius:50%;padding:10px 14px}
.ex-hero{display:flex;align-items:center;gap:22px;border:1px solid #a7e8d8;background:#ecfaf6;border-radius:18px;padding:24px;margin-bottom:20px}.ex-hero>div{flex:1}.ex-hero img{object-fit:contain}.ex-hero p{margin-top:10px;line-height:1.8}.ex-card{padding:24px;background:white;border:1px solid #dce6eb;border-radius:18px;margin-bottom:18px}.ex-card h2{display:flex;align-items:center;gap:10px;margin-bottom:20px}.ex-count{background:#ddf6ee;color:#008875;border-radius:20px;padding:2px 10px}.ex-button{border:1px solid #d7e3e8;border-radius:10px;background:white;color:#163646;min-height:42px;padding:10px 15px;cursor:pointer;line-height:1.5}.ex-button:hover{border-color:#00ac97;background:#f0fbf7}.ex-primary{background:linear-gradient(105deg,#00c896,#00b9d5);color:white;border-color:transparent;font-weight:bold}.ex-primary:hover{color:#06483d}.ex-button:disabled{opacity:.5;cursor:default}.ex-button:focus-visible,.ex-report-row:focus-visible{outline:3px solid #008b80;outline-offset:3px}
.ex-report-row{display:flex;align-items:center;gap:22px;width:100%;background:#f0fbf7;border:0;border-bottom:1px solid #dce8e5;padding:18px 14px;text-align:left;cursor:pointer;color:inherit}.ex-report-row>span:first-child{flex:1}.ex-report-row small{display:block;margin-top:6px;color:#59747d}.ex-badge{display:inline-block;border-radius:20px;padding:5px 12px;background:#edf1f5;white-space:normal}.ex-status-submitted,.ex-status-department_approved{background:#fff3ce;color:#816109}.ex-status-approved,.ex-status-paid{background:#d9f4e8;color:#08755c}.ex-status-returned{background:#ffe9df;color:#a44721}.ex-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:20px}.ex-toolbar h2{flex:1}.ex-steps{display:flex;gap:18px;padding:0;margin:0 0 22px;list-style:none;flex-wrap:wrap}.ex-steps li{display:flex;align-items:center;gap:8px;color:#6a7f8e}.ex-steps li>span{display:grid;place-items:center;border:1px solid #dbe5eb;border-radius:50%;width:30px;height:30px;background:white}.ex-steps .current,.ex-steps .done{color:#008875}.ex-steps .current>span,.ex-steps .done>span{background:#00baa7;color:white;border-color:transparent}
.ex-page fieldset{border:0;margin:0;padding:0;min-width:0}.ex-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ex-page label,.ex-dialog label{display:flex;flex-direction:column;gap:8px;line-height:1.6}.ex-page input,.ex-page select,.ex-page textarea,.ex-dialog input,.ex-dialog select,.ex-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #d7e3e8;border-radius:9px;background:#fff;color:#163646;min-height:44px;padding:10px;font:inherit}.ex-page textarea,.ex-dialog textarea{resize:vertical}.ex-page input:disabled,.ex-page textarea:disabled,.ex-page select:disabled{background:#f5f8f9;color:#4e6870}.ex-tabs,.ex-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ex-tabs{margin-bottom:18px}.ex-tabs .ex-button{border-radius:30px}.ex-tabs [aria-selected=true]{background:#dcf8ee;border-color:#4adabb;color:#008875}.ex-hint{color:#5f7781;line-height:1.7;margin-top:15px!important}.ex-empty{padding:20px 0;color:#627b82;line-height:1.8}.ex-item{display:flex;gap:18px;align-items:center;border-bottom:1px solid #e1ebe8;padding:16px 0;margin-bottom:12px}.ex-item>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.ex-item span,.ex-item small{display:block;margin-top:8px;color:#627b82}.ex-item>strong{white-space:nowrap}.ex-receipts{display:flex;gap:14px;flex-wrap:wrap}.ex-receipt{display:flex;flex-direction:column;gap:8px;background:#f6faf9;padding:16px;border:1px solid #dce8e5;border-radius:12px;width:190px;overflow-wrap:anywhere}.ex-upload{position:relative;justify-content:center;text-align:center;border:1px dashed #52dabc;background:#f0fbf7;border-radius:12px;min-height:130px;width:245px;padding:16px;color:#008875;cursor:pointer}.ex-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.ex-upload:focus-within{outline:3px solid #008b80}.ex-reason{margin-top:20px}.ex-history{list-style:none;margin:0;padding:0}.ex-history li{border-left:2px solid #a7dfd1;padding:0 0 18px 18px;overflow-wrap:anywhere}.ex-history span{display:block;color:#607981;margin-bottom:7px}.ex-summary{position:sticky;bottom:0;z-index:5;border-top:1px solid #dbe8e3;box-shadow:0 -6px 24px #12463a0b;background:#fff;padding:18px 20px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-radius:14px;margin-top:24px}.ex-summary>div:first-child{display:flex;flex-direction:column;gap:8px}.ex-summary small{color:#5d717d}.ex-summary strong{color:#007f6c}.ex-secondary-actions{display:flex;justify-content:flex-end;gap:10px}.ex-secondary-actions [data-action=delete]{color:#b63f30;border-color:#e8b2a7}.ex-settings-link{display:flex;gap:14px;align-items:center;color:#667c83}.ex-message{padding:14px 18px;background:#e2f7f0;border-radius:12px;margin-bottom:18px!important;line-height:1.6}.ex-error,.ex-returned{background:#fff0e8;color:#9b3c22}.ex-returned{padding:18px;margin-bottom:18px;border-radius:12px}.ex-dialog{border:1px solid #dae5e3;border-radius:18px;padding:26px;max-width:680px;width:calc(var(--workspace-viewport-width,100vw) - 60px);max-height:calc(var(--workspace-viewport-height,100vh) * 0.85);color:#163646;box-sizing:border-box}.ex-dialog::backdrop{background:#123e4966}.ex-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.ex-dialog h2{margin:0;color:#008875}.ex-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.ex-dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ex-dialog form>label{margin-top:16px}.ex-dialog-error{color:#ad3e27}.ex-dialog .ex-checkbox{flex-direction:row;align-items:center}.ex-dialog .ex-checkbox input{width:auto;min-height:0}
@media(max-width:850px){.ex-page{padding:14px}.ex-hero{flex-wrap:wrap;padding:18px}.ex-hero>div{min-width:180px}.ex-hero>.ex-button{width:100%}.ex-card{padding:18px}.ex-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-summary{flex-direction:column;align-items:stretch;padding:14px}.ex-item{flex-wrap:wrap}.ex-report-row{gap:12px;flex-wrap:wrap}.ex-toolbar{flex-wrap:wrap}.ex-settings-link{flex-wrap:wrap}}
@media(max-width:520px){.ex-fields,.ex-dialog-fields{grid-template-columns:1fr}.ex-steps{gap:10px}.ex-report-row>span:first-child{flex-basis:100%}.ex-hero img{width:55px;height:55px}.ex-dialog{padding:18px}.ex-dialog footer{flex-wrap:wrap}.ex-summary .ex-actions>.ex-button{flex:1}.ex-upload{width:100%}}
.ex-member-row{display:flex;gap:8px;align-items:start;margin-bottom:8px}.ex-member-row select{flex:1;min-width:0}.ex-member-row .ex-button{flex:none}.ex-member-picker>[data-add-member]{margin-bottom:12px}.ex-management-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.ex-management-tools .ex-tabs{flex:1 1 100%;flex-wrap:wrap}.ex-management-tools label{min-width:180px}.ex-management [aria-pressed="true"]{background:#dcf8ef;border-color:#42cdb0}.ex-management-list{max-height:360px;overflow-y:auto}.ex-management .ex-report-row{width:100%}.ex-department-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.ex-department-row>[data-delete-department]{grid-column:2;justify-self:end}@media(max-width:600px){.ex-department-row{grid-template-columns:minmax(0,1fr)}.ex-department-row>[data-delete-department]{grid-column:1}.ex-management-tools>*{max-width:100%}}

.ex-fields input:disabled{background:#f1f3f5;color:#667085;cursor:not-allowed}
.ex-toolbar [data-action="delete"]{margin-left:auto;border-color:#d6a3a3;color:#9c3030}

.ex-toolbar{flex-wrap:wrap}.ex-toolbar h2{flex:1 1 220px;min-width:0;margin:0;overflow-wrap:anywhere}.ex-status-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}

.ex-employee-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.ex-employee-nav strong{flex:1 1 100%}.ex-employee-nav [aria-pressed=true]{background:#dcf8ee;color:#008875}.ex-inline-category{border:1px solid #d7e4ec;border-radius:12px;padding:14px;margin-bottom:18px;background:#fbfdff}.ex-inline-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.ex-inline-heading h3{margin:4px 0 14px}.ex-inline-category[data-category=meeting]{background:#f5fbf8;border-color:#bfddcf}.ex-inline-category[data-category=other]{background:#fffaf2;border-color:#ead8bd}.ex-inline-scroll{overflow-x:auto;margin-bottom:14px}.ex-inline-scroll table{border-collapse:collapse;min-width:980px;width:100%}.ex-inline-scroll th,.ex-inline-scroll td{padding:8px;border-bottom:1px solid #dce6eb;text-align:left;min-width:125px}.ex-inline-scroll td:has([data-inline-field=description]){min-width:230px}.ex-inline-scroll td:first-child{min-width:30px}.ex-inline-scroll input[type=checkbox]{width:22px;min-height:22px}.ex-inline-scroll [data-inline-field=unitYen]{text-align:right;min-width:125px}.ex-inline-scroll td:last-child{display:flex;gap:8px;min-width:170px}.ex-guide{display:flex;align-items:center;gap:15px;background:#e5f9f3;border:1px solid #a6d9cd;border-radius:14px;padding:18px;margin-bottom:20px}.ex-guide img{width:66px;height:66px;object-fit:contain}.ex-camera-video{width:100%;max-height:calc(var(--workspace-viewport-height,100vh) * 0.5);object-fit:contain;border-radius:12px;background:#142b33}.ex-missing-review label{margin-top:14px}.ex-guide p{flex:1}.ex-inline-category>.ex-button{margin-top:10px}@media(max-width:650px){.ex-guide{flex-wrap:wrap}.ex-guide p{flex-basis:60%}.ex-employee-nav .ex-button{flex:1}}

/* Employee workspace: compact navigation, guidance, deadline and monthly applications. */
.ex-employee-nav{flex-direction:row;justify-content:space-between;gap:12px;margin-bottom:14px}
.ex-employee-nav strong{flex:1 1 220px}.ex-own-links{display:flex;gap:8px;flex-wrap:wrap}
.ex-employee-nav .ex-button{width:auto;white-space:nowrap}
.ex-hero{gap:18px;padding:18px 22px;border-radius:16px;margin-bottom:14px}
.ex-hero>p{flex:1;margin:0;line-height:1.8;min-width:0}
.ex-hero>.ex-button{flex:none;white-space:nowrap}
.ex-deadline{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #edc491;border-radius:12px;color:#9b661c;background:#fff9f0;line-height:1.7;margin-bottom:14px!important}
.ex-own-card,.ex-review-card{padding:20px 24px}
.ex-list-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.ex-list-heading h2{margin:0}.ex-own-filters{display:flex;gap:8px;flex-wrap:wrap}
.ex-own-filters .ex-button{padding:4px 10px;min-height:34px;border-radius:20px}
.ex-own-filters [aria-pressed=true]{background:#dcf8ee;color:#008875;border-color:#48cdb2}
.ex-own-filters span{margin-left:5px;font-variant-numeric:tabular-nums}
.ex-report-row{padding:14px;gap:18px}.ex-report-row small{margin-top:4px}
.ex-report-row>.ex-badge{padding:3px 10px}.ex-report-row>strong{min-width:80px;text-align:right;white-space:nowrap}
.ex-operating-note{color:#5f7781;line-height:1.7;margin-top:16px}.ex-operating-note p{white-space:pre-wrap;padding:12px}
.ex-settings-link:empty{display:none}
.ex-mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.ex-dialog .ex-mode-choice{font:inherit;color:inherit;position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;border:1px solid #a6dfd5;border-radius:14px;cursor:pointer;background:linear-gradient(#f1fbf8,#fff);text-align:left}
.ex-mode-choice:hover{border-color:#00bba2;background:#edf9f5;box-shadow:0 0 0 1px #00bba2}
.ex-mode-choice:focus-within{outline:3px solid #008b80;outline-offset:3px}
.ex-dialog .ex-mode-choice input{position:absolute;top:12px;right:12px;width:20px;min-height:20px;height:20px;accent-color:#008b80;padding:0}
.ex-mode-choice img,.ex-mode-symbol{width:70px;height:70px;object-fit:contain}
.ex-mode-symbol{display:grid;place-items:center;border-radius:18px;background:#e8f5f0;color:#008875}
.ex-mode-choice b{color:#008875}.ex-mode-choice span{line-height:1.7}
@media(max-width:850px){.ex-hero{padding:16px}.ex-hero>p{flex-basis:100%}.ex-hero>.ex-button{width:auto;margin-left:auto}}
@media(max-width:520px){.ex-own-card,.ex-review-card{padding:16px}.ex-own-links{width:100%}.ex-employee-nav .ex-button{flex:1 1 auto;padding:8px}
.ex-mode-choices{grid-template-columns:1fr}.ex-report-row{gap:10px}.ex-own-filters{width:100%}.ex-hero>.ex-button{width:100%}}

.ex-deadline-icon{width:20px;height:20px;flex:none}.ex-mode-symbol svg{width:44px;height:44px}

.ex-dialog [role=alert]:empty{display:none}

.ex-guide-workspace [hidden],.ex-page>.ex-navigation[hidden],.ex-page>.ex-toolbar[hidden],.ex-page>.ex-steps[hidden]{display:none!important}
.ex-guide-workspace .ex-card{border:0;border-radius:0;padding:12px 0;margin:0;background:transparent;box-shadow:none}
.ex-guide-workspace .ex-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.ex-guide-workspace .ex-summary{position:static;box-shadow:none;border:0;border-top:1px solid #d9e9e6;padding:18px 0 8px;margin:12px 0 0;background:transparent;gap:14px;flex-wrap:wrap}
.ex-guide-workspace .ex-inline-scroll{overflow:visible}
.ex-guide-workspace .ex-inline-scroll table,.ex-guide-workspace .ex-inline-scroll tbody{display:block;width:100%;min-width:0}
.ex-guide-workspace .ex-inline-scroll thead{display:none}
.ex-guide-workspace [data-inline-row]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-bottom:1px solid #dce6eb;padding:14px 0}
.ex-guide-workspace .ex-inline-scroll td{display:block;min-width:0;border:0;padding:0}
.ex-guide-workspace .ex-inline-scroll td:first-child{display:none}
.ex-guide-workspace .ex-inline-scroll td:last-child{grid-column:1/-1;display:flex;justify-content:flex-end;min-width:0}
.ex-guide-workspace .ex-inline-scroll [data-inline-field=unitYen]{min-width:0}
.ex-guide-cell-label{display:block;margin-bottom:8px}
.ex-guide-workspace .fi-guide-paging .ex-primary{background:#008b80;color:white;border-color:#008b80}
@media(max-width:650px){.ex-guide-workspace .ex-fields,.ex-guide-workspace [data-inline-row]{grid-template-columns:minmax(0,1fr)}.ex-guide-workspace .ex-summary>.ex-actions{width:100%}}

/* Expense entry follows the three colored category sheets. */
.ex-inline-category{--expense-accent:#2468ce;--expense-pale:#eff6ff;padding:0;background:#fff;border-color:#d9e5f1;border-radius:9px;box-shadow:0 2px 4px #1c3c5810;overflow:hidden;margin-bottom:14px}
.ex-inline-category[data-category=meeting]{--expense-accent:#087e5a;--expense-pale:#edf8f2;background:#fff;border-color:#d4e9df}
.ex-inline-category[data-category=other]{--expense-accent:#a24c19;--expense-pale:#fff6e8;background:#fff;border-color:#eee0c8}
.ex-inline-heading{display:flex;gap:16px;padding:14px 18px;min-height:72px;background:linear-gradient(110deg,var(--expense-pale),#fff);border-bottom:1px solid #dfe8f0}
.ex-inline-heading h3{margin:0;color:#142b45;flex:none}
.ex-inline-heading p{flex:1;min-width:0;color:#4e647e;line-height:1.5}
.ex-category-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:10px;background:var(--expense-accent);color:#fff;box-shadow:inset 0 0 12px #ffffff50}
.ex-category-icon svg{width:30px;height:30px}
.ex-category-subtotal{display:flex;align-items:center;gap:20px;white-space:nowrap;margin-left:auto}
.ex-category-subtotal strong{color:var(--expense-accent);font-variant-numeric:tabular-nums}
.ex-inline-heading .ex-category-toggle{border:0;background:transparent;min-height:32px;padding:4px;color:#405877}
.ex-category-toggle svg{width:20px;height:20px;rotate:180deg;transition:rotate .2s}
.ex-category-toggle[aria-expanded=false] svg{rotate:0deg}
.ex-category-body[hidden]{display:none!important}
.ex-inline-scroll{margin:0;background:#fff}
.ex-inline-scroll table{min-width:1100px;table-layout:fixed}
.ex-inline-category:not([data-category=travel]) table{min-width:800px}
.ex-inline-scroll th,.ex-inline-scroll td{border-right:1px solid #e5ecf3;border-bottom:1px solid #e5ecf3;padding:8px 12px;min-width:0;vertical-align:middle}
.ex-inline-scroll th{background:linear-gradient(110deg,#f5f8fa,#eef3f6);color:#213851;font-weight:500;white-space:nowrap}
.ex-inline-scroll th:first-child{width:50px;text-align:center}
.ex-inline-scroll td:first-child{text-align:center;min-width:0}
.ex-inline-scroll th:nth-child(2){width:165px}
.ex-inline-scroll td:has([data-inline-field=description]){min-width:0}
.ex-inline-scroll th:last-child{width:84px}
.ex-inline-scroll td:last-child{display:table-cell;min-width:0;white-space:nowrap;padding:4px}
.ex-inline-scroll :is(input,select){min-height:38px;border-radius:5px;padding:7px 9px;border-color:#ccd8e6}
.ex-inline-scroll [data-inline-field=unitYen]{min-width:0;font-variant-numeric:tabular-nums}
.ex-inline-scroll input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;accent-color:#2872da}
.ex-page .ex-round-trip{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap}
.ex-route-to{position:relative;padding-left:28px!important}
.ex-route-to>span{position:absolute;left:8px;top:50%;translate:0 -50%;color:#647690}
.ex-participants{display:flex;align-items:center;gap:10px}
.ex-participants input{text-align:right;min-width:0}
.ex-row-actions .ex-button{border:0;min-height:32px;padding:5px;background:none;color:#557391}
.ex-row-actions [data-remove-item]{color:#ed4662}
.ex-row-actions svg{width:19px;height:19px;vertical-align:middle}
.ex-category-footer{padding:8px 16px 12px;background:#fff}
.ex-category-footer .ex-button{border-color:var(--expense-accent);color:var(--expense-accent);border-radius:6px;min-height:38px;padding:6px 14px}
.ex-details-card{border:0;border-radius:0;padding:0}
.ex-attachments-card .ex-receipts{align-items:center}
.ex-attachments-card .ex-upload{width:auto;min-height:46px;padding:10px 16px;border:1px solid #81aeea;background:#f9fcff;color:#286bd4;text-align:left}
.ex-attachments-card .ex-upload span{color:#647489}
.ex-attachments-card #ex-camera{min-height:46px}
.ex-summary:has(#ex-save) .ex-primary{background:linear-gradient(120deg,#347bf0,#2464d6);border-color:#2464d6;color:#fff}
.ex-summary:has(#ex-save) #ex-save{color:#286bd4;border-color:#81aeea}
.ex-summary #ex-total{color:#142b45;font-variant-numeric:tabular-nums}
.ex-required{display:inline-block;align-self:flex-start;padding:1px 6px;border-radius:5px;background:#fff0f0;color:#b42332;white-space:nowrap}
.ex-page .ex-summary{box-sizing:border-box;width:100%;flex:0 0 auto;align-self:stretch}
.ex-details-card,.ex-attachments-card{scroll-margin-top:20px}
@media(max-width:850px){.ex-inline-heading{flex-wrap:wrap;gap:10px;padding:12px}.ex-inline-heading p{flex-basis:100%;order:5}.ex-category-subtotal{gap:10px}.ex-category-icon{width:36px;height:36px}.ex-category-icon svg{width:26px;height:26px}}
.ex-history-card h2{display:flex;align-items:center;gap:10px}

/* The employee navigation and administrator settings use one authoritative location. */
.ex-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:0;flex-wrap:wrap}
.ex-navigation #ex-open-management{margin-left:auto}
.ex-management-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.ex-management-heading h2{margin:0}.ex-management-heading .ex-button{margin-left:auto}

#expenses-root .ex-navigation{padding:0;background:transparent}

/* Operating settings scroll inside the rounded shell; actions stay reachable. */
.ex-settings-dialog{overflow:hidden;padding:18px;width:min(680px,calc(var(--workspace-viewport-width,100vw) - 30px));max-height:calc(var(--workspace-viewport-height,100vh) * 0.85)}
.ex-settings-dialog>form{display:flex;flex-direction:column;max-height:calc(calc(var(--workspace-viewport-height,100vh) * 0.85) - 38px);min-height:0}
.ex-settings-dialog header{flex:none;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #dce8e5}
.ex-settings-dialog footer{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid #dce8e5}
.ex-settings-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}
.ex-settings-body>p:first-child{margin-top:0}.ex-settings-body>label{margin-top:16px}
.ex-settings-body::-webkit-scrollbar{width:8px;height:8px}.ex-settings-body::-webkit-scrollbar-thumb{background:#b8cdcb;border-radius:8px;border:2px solid white}.ex-settings-body::-webkit-scrollbar-track{background:transparent}.ex-settings-body::-webkit-scrollbar-button{display:none}

/* Overview layout follows the employee and approval-inbox reference pages. */
.ex-workspace-tabs{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;border-bottom:1px solid #d7e5ed;margin:0 0 28px;padding:0 0 12px}.ex-workspace-tabs .ex-button{width:auto;flex:none;background:transparent;border-color:transparent;border-radius:8px}.ex-workspace-tabs [aria-current=page]{background:#e1f6f1;border-color:#83cfc1;color:#007d70;font-weight:700}
.ex-employee-overview{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:22px;align-items:start}.ex-claims-column{display:grid;gap:20px;min-width:0}.ex-employee-overview .ex-card{margin:0}.ex-featured-title{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0}.ex-featured-title h3{margin:0 0 8px}.ex-featured-title p{color:#617b8e;margin:0}.ex-featured-title>strong{color:#17364c;font-variant-numeric:tabular-nums}.ex-current-approver{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid #bce2d3;border-radius:9px;background:#effaf5;color:#087960}.ex-current-approver span{flex:1;line-height:1.7}.ex-featured-footer{display:flex;justify-content:flex-end;border-top:1px solid #e1eaf0;padding-top:16px}.ex-routes-sidebar .ex-list-heading{flex-wrap:nowrap}.ex-routes-sidebar .ex-list-heading h2{min-width:0}.ex-route-overview article{padding:18px 0;border-bottom:1px solid #e0eaf0}.ex-route-overview article:first-child{padding-top:6px}.ex-route-overview p{color:#5d788d;line-height:1.7;margin:8px 0}.ex-route-overview strong{color:#17364c;display:block}.ex-route-overview small{display:block;color:#617b8e;margin-top:6px}.ex-routes-sidebar>[data-own-routes]{width:100%;margin-top:20px}.ex-routes-page .ex-routes-sidebar{max-width:760px}.ex-routes-page .ex-route-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ex-own-card .ex-list-heading select{width:auto;min-width:160px}.ex-own-card{min-width:0}.ex-current-cell{max-width:260px;overflow-wrap:anywhere}.ex-overview-table .ex-badge{white-space:nowrap;border-radius:6px;padding:5px 9px}.ex-overview-table{min-width:760px}.ex-inbox-note{padding:16px 20px;border:1px solid #c7dfea;border-radius:10px;background:#eef7fc;color:#466d86;line-height:1.8;margin-bottom:22px!important}.ex-management>.ex-review-card{margin-bottom:22px}.ex-management-tools{padding:14px 18px;border:1px solid #d7e5ed;background:#fff;border-radius:10px}.ex-summary-export{margin:20px 0;color:#557388}.ex-summary-export summary{cursor:pointer}.ex-management [hidden]{display:none!important}
@media(max-width:1050px){.ex-employee-overview{grid-template-columns:minmax(0,1fr) minmax(220px,.5fr)}.ex-employee-overview .ex-card{padding:18px}.ex-featured-title{gap:12px}}
@media(max-width:760px){.ex-employee-overview{grid-template-columns:minmax(0,1fr)}.ex-routes-page .ex-route-overview{grid-template-columns:minmax(0,1fr)}.ex-workspace-tabs{margin-bottom:20px}.ex-current-approver{padding:14px}.ex-routes-sidebar{width:auto}}
.ex-route-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ex-route-card{display:grid;gap:14px;border:1px solid #d8e5ec;border-radius:12px;padding:22px;background:#fff;min-width:0}.ex-route-card .ex-list-heading{align-items:start;gap:12px}.ex-route-card p,.ex-route-card strong,.ex-route-card small{margin:0;line-height:1.7}.ex-route-card p,.ex-route-card small{color:#627b8f}.ex-route-card>strong{color:#17364c}.ex-route-card footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #e0eaf0}.ex-route-card-grid>button{min-height:220px;border:1px dashed #88bfb9;background:#f2fbf9;color:#008b7c}.ex-routes-page .ex-route-card-grid{max-width:none}.ex-route-card-grid.ex-route-overview article{padding:22px;border:1px solid #d8e5ec}.ex-document-heading{margin-top:0}.ex-document-description{color:#617b8e;line-height:1.7;margin-bottom:24px}.ex-editor-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:22px;align-items:start}.ex-editor-main,.ex-editor-aside{min-width:0;display:grid;gap:20px}.ex-editor-main .ex-card,.ex-editor-aside .ex-card{margin:0}.ex-editor-aside{position:sticky;top:16px}.ex-editor-aside .ex-summary{position:static;display:grid;gap:18px;margin:0;padding:20px;border:1px solid #d7e5ec;border-radius:12px;background:#fff;box-shadow:none}.ex-editor-aside .ex-summary>div{display:grid;gap:14px;min-width:0}.ex-editor-aside .ex-summary .ex-actions{display:grid;gap:10px}.ex-summary-categories>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#597589}.ex-editor-aside .ex-summary #ex-subtotal{line-height:1.8}.ex-detail-facts dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:14px;margin:18px 0 0}.ex-detail-facts dt{color:#617b8e}.ex-detail-facts dd{margin:0;overflow-wrap:anywhere}.ex-detail-applicant{display:none}.ex-readonly-items{min-width:560px}.ex-readonly-items td:nth-child(2){white-space:normal;overflow-wrap:anywhere}.ex-editor-main fieldset{display:grid;gap:20px;min-width:0}.ex-editor-main .ex-details-card{background:transparent}.ex-editor-main .ex-attachments-card{padding:20px;border:1px solid #dbe6ed;border-radius:12px}.ex-editor-main .ex-receipts{min-width:0}.ex-editor-main .ex-reason{margin-top:18px}.ex-editor-main .ex-history{padding-left:22px}.ex-editor-layout .ex-items{min-width:0}
@media(max-width:1200px){.ex-route-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-editor-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.45fr)}}
@media(max-width:850px){.ex-editor-layout,.ex-route-card-grid{grid-template-columns:minmax(0,1fr)}.ex-editor-aside{position:static}.ex-route-card-grid>button{min-height:110px}.ex-detail-facts dl{grid-template-columns:minmax(0,1fr);gap:7px}.ex-detail-facts dd{margin-bottom:10px}}
.ex-receipt-dialog{width:min(1120px,calc(var(--workspace-viewport-width,100vw) - 30px))}.ex-receipt-viewer{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:22px;align-items:start}.ex-receipt-viewer>[data-receipt-media]{min-width:0;min-height:300px;padding:12px;background:#f0f5f8;border-radius:10px}.ex-receipt-viewer aside{padding:18px;border:1px solid #d7e5ec;border-radius:10px;min-width:0}.ex-receipt-viewer dl{display:grid;gap:8px}.ex-receipt-viewer dt{color:#617b8e}.ex-receipt-viewer dd{margin:0 0 10px;overflow-wrap:anywhere}
@media(max-width:760px){.ex-receipt-viewer{grid-template-columns:minmax(0,1fr)}.ex-receipt-viewer>[data-receipt-media]{min-height:180px}}
.ex-reference-rows{display:grid;gap:0}.ex-expense-row{padding:20px;border-bottom:1px solid #dbe7ee;min-width:0;background:#fff}.ex-expense-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.ex-expense-row-head .ex-row-actions{display:flex;gap:10px;align-items:center}.ex-expense-row-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;min-width:0}.ex-expense-row-fields>label{grid-column:span 2;min-width:0}.ex-expense-row-fields>.ex-reference-route{grid-column:span 3}.ex-expense-row-fields>.ex-reference-purpose{grid-column:span 4}.ex-expense-row-fields input,.ex-expense-row-fields select{width:100%;min-width:0;box-sizing:border-box}.ex-expense-row-fields .ex-required{display:inline;align-self:start}.ex-reference-trip .ex-round-trip{min-height:46px;align-items:center}.ex-expense-row .ex-saved-routes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding:0}.ex-page .ex-summary [hidden]{display:none}#main .ex-receipt-dialog{width:min(1120px,calc(var(--workspace-viewport-width,100vw) - 30px));max-width:none}.ex-category-footer{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:1100px){.ex-expense-row-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-expense-row-fields>label:nth-child(n){grid-column:span 1}.ex-expense-row-fields>.ex-reference-purpose{grid-column:1 / -1}}
@media(max-width:600px){.ex-expense-row{padding:14px}.ex-expense-row-fields{grid-template-columns:minmax(0,1fr)}.ex-expense-row-fields>label:nth-child(n){grid-column:1}.ex-expense-row-head{flex-wrap:wrap}.ex-expense-row .ex-saved-routes{display:grid}.ex-expense-row .ex-saved-routes .ex-button{width:100%}}

.ex-expense-row-fields{align-items:end}.ex-expense-row-fields>.ex-reference-route{grid-column:span 2}@media(max-width:1100px){.ex-expense-row-fields>.ex-reference-route{grid-column:span 1}}

.ex-expense-row-fields input[type=checkbox]{width:20px;min-height:20px;padding:0;flex:none}.ex-reference-trip .ex-round-trip{justify-content:flex-start;gap:10px}

/* 2026-10-20 comparison: bounded content and compact status/list cards. */
.ex-page{background:#f3f8fa;padding-bottom:28px}
.ex-page>.ex-employee-overview,.ex-page>.ex-routes-page,.ex-page>.ex-deadline,.ex-page>.ex-department-help{max-width:1200px;margin-left:auto;margin-right:auto}
.ex-employee-overview{grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:20px}.ex-employee-overview .ex-card{padding:18px;border-radius:8px}.ex-featured-report{border-top:2px solid #008b80}.ex-featured-title{margin:12px 0}.ex-current-approver{padding:12px 14px;background:#fff9eb;border-color:#f0dfb6;color:#7f642d}.ex-featured-footer{padding-top:12px}.ex-claims-column{gap:18px}
.ex-own-card .ex-list-heading{margin-bottom:12px}.ex-route-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ex-route-card{padding:20px;border-radius:8px}.ex-workspace-tabs{background:#fff}
@media(max-width:850px){.ex-employee-overview,.ex-route-card-grid{grid-template-columns:minmax(0,1fr)}}