:root{color-scheme:dark;--bg:#101517;--panel:#192024;--line:#303b40;--text:#e9f0ef;--muted:#95a5ab;--mint:#a0dcc9;--warm:#e1be8e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#1a2929 0,transparent 50%),var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{background:#222d31;border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:8px;transition:background .15s}button:hover{background:#2e3d40;border-color:#6c9388}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}header{padding:22px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#11181bba}.brand{display:flex;gap:14px;align-items:center}.logo{width:46px;height:46px;display:grid;place-items:center;border:1px solid #739c90;border-radius:13px;font-size:30px;color:var(--mint)}.brand strong{font-size:16px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px}.header-right{display:flex;gap:20px;align-items:center}.live{font-size:12px;color:var(--mint)}.live:before{content:'●';margin-right:7px;font-size:9px}main{max-width:1440px;margin:auto;padding:36px 5%}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint)}h1{font-size:32px;letter-spacing:-.7px;font-weight:550;margin:6px 0}h2{font-size:20px;font-weight:550;margin:5px 0}h3{font-size:15px;font-weight:550}p{margin:6px 0;color:var(--muted)}small{font-size:11px;color:var(--muted)}.wallet{border-left:1px solid var(--line);padding-left:32px;min-width:155px}.wallet small{display:block}.wallet strong{font-size:35px;font-weight:450;letter-spacing:-1px;font-variant-numeric:tabular-nums}.wallet span{margin-left:10px;color:var(--muted)}.demo{padding:11px 16px;background:#27281f;border:1px solid #444434;color:#c6c7af;border-radius:9px;font-size:12px;margin-bottom:22px}.demo span{color:#ecd2a5;margin-right:12px;font-weight:600}.stages{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.stage{grid-column:span 4;min-height:163px;text-align:left;display:flex;flex-direction:column;position:relative;padding:19px 22px;border-radius:13px;background:#1a2925;border-color:#354941}.stage:nth-child(2){background:#202936;border-color:#37465b}.stage:nth-child(3){background:#2a2631;border-color:#44394e}.stage:nth-child(n+4){grid-column:span 3;min-height:150px;background:#20282c}.stage:nth-child(4){background:#292a20}.stage:nth-child(6){background:#2c2529}.stage:nth-child(7){background:#242833}.stage:hover,.stage.selected{border-color:#9ebfb4}.stage.selected{box-shadow:inset 0 0 0 1px #9ebfb435}.stage-top{display:flex;justify-content:space-between;color:#b2c1bc;font-size:11px;letter-spacing:1px}.stage strong{font-size:17px;font-weight:500;margin:11px 0 3px}.stage p{font-size:11px;line-height:1.5}.stage-count{margin-top:auto;padding-top:13px;color:#cfddda;font-size:11px}.stage-count b{font-size:24px;font-weight:450;margin-right:5px;font-variant-numeric:tabular-nums}.workspace{margin-top:30px}.workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.filters{display:flex;gap:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin:12px 0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.positive{background:#203a30;color:#b3e7d3;border-color:#4a7565}.warning{color:var(--warm)}.badge{display:inline-block;padding:3px 8px;border:1px solid #40534d;border-radius:5px;color:#acd4c2;font-size:10px;background:#20332c;white-space:nowrap}.badge.warn{color:#e8c399;border-color:#64523a;background:#352d22}.badge.muted{color:#b1c0c5;border-color:#3a464e;background:#263037}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px;margin:14px 0}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:450;color:var(--muted);font-size:11px;background:#141c20;padding:12px 16px}td{font-size:12px;padding:14px 16px;border-top:1px solid #2a353a;background:#192126}td small{display:block;font-size:10px}td button{font-size:11px;padding:5px 9px}td.money{font-variant-numeric:tabular-nums;color:#d8e7e1}.empty{text-align:center;padding:50px 18px;border:1px dashed #38494a;border-radius:12px;color:var(--muted)}.empty b{display:block;color:#bfd0ca;font-size:16px;font-weight:450;margin-bottom:7px}.hint{color:var(--muted);font-size:12px;margin:10px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric strong{font-size:28px;font-weight:400;color:var(--mint)}.metric p{font-size:12px}.notice{padding:13px 0;border-bottom:1px solid var(--line)}.notice:last-child{border:0}.notice p{color:#cbd6d7;font-size:12px}.notice time{font-size:10px;color:var(--muted)}select,input,textarea{background:#1a252a;color:var(--text);border:1px solid #3a484f;border-radius:7px;padding:9px 11px;max-width:100%}input[type=checkbox]{accent-color:var(--mint)}textarea{width:100%;min-height:155px;font-size:12px;resize:vertical}label{display:grid;gap:6px;color:#acbcc0;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}.form-grid input,.form-grid select{width:100%}.form-actions{display:flex;gap:8px;margin-top:22px;justify-content:flex-end}dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;background:#182126;color:var(--text);border:1px solid #4a5d61;border-radius:15px;padding:25px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#071015bd;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head button{font-size:23px;padding:0 11px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#11191d;padding:14px;border-radius:8px}footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:11px;color:var(--muted)}footer button{font-size:11px;background:none}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#c8e6d9;color:#183b2b;padding:14px 24px;max-width:90vw;border-radius:10px;box-shadow:0 10px 40px #0008;z-index:30;white-space:pre-wrap}#toast.error{background:#f0cbb4;color:#472716}.result{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.setting{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.setting label{display:flex;align-items:center}details{margin:10px 0}summary{cursor:pointer;color:var(--mint);font-size:12px}@media(max-width:800px){header{padding:16px 5%}.header-right{gap:8px}.live{display:none}.stage{padding:16px;min-height:160px}.stage:nth-child(n){grid-column:span 6}.stage:last-child{grid-column:span 12;min-height:120px}.split{grid-template-columns:1fr}h1{font-size:27px}.wallet{min-width:100px;padding-left:18px}.wallet strong{font-size:28px}}@media(max-width:500px){body{font-size:13px}main{padding-top:25px}.brand strong{font-size:12px}.brand small{font-size:8px;letter-spacing:1px}.logo{width:35px;height:35px;font-size:24px}.brand{gap:8px}header select{max-width:142px;font-size:11px}.hero{gap:10px}.hero p{font-size:11px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:24px}.demo{font-size:11px}.stages{gap:9px}.stage{padding:14px}.stage strong{font-size:15px}.workspace-head{align-items:flex-start;gap:12px;flex-direction:column}.filters{width:100%}.filters select{flex:1}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.setting{align-items:flex-start;flex-direction:column}footer{gap:10px}.wallet small{font-size:9px}.wallet{padding-left:12px;min-width:85px}dialog{padding:18px}}

[hidden]{display:none!important}.session-name{font-size:12px;color:#b9cdc6}.login-wrap{max-width:1100px;margin:6vh auto;padding:35px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.login-story h1{font-size:42px;line-height:1.45;margin:24px 0}.login-story p{font-size:15px;line-height:1.9}.login-flow{display:flex;align-items:center;gap:16px;margin-top:42px;color:#b2c9c0;font-size:12px}.login-flow span{border:1px solid #344a43;padding:9px 13px;border-radius:7px;background:#1a2b25}.login-flow i{font-style:normal;color:#668b7d}.login-card{border:1px solid #3a4a47;background:#192323;padding:34px;border-radius:18px;box-shadow:0 20px 65px #0003}.login-card h2{font-size:24px;margin:12px 0}.login-card>p{font-size:12px;margin-bottom:25px}.login-card label{margin:16px 0}.login-card input{width:100%;padding:12px;background:#121d20}.login-submit{width:100%;padding:12px;margin-top:10px}.login-note{border-top:1px solid #34433e;margin-top:25px;padding-top:19px;font-size:11px;color:#8ba298;line-height:1.9}#login-error{font-size:12px;min-height:20px}@media(max-width:800px){.login-wrap{grid-template-columns:1fr;gap:28px;margin:20px auto;max-width:560px}.login-story h1{font-size:29px;margin:12px 0}.login-story p,.login-flow{display:none}.login-card{padding:26px}.header-right{gap:8px}#logout{font-size:11px;padding:6px 10px}}

.header-right{flex-wrap:wrap;justify-content:flex-end}#entry-switch{font-size:12px}#system-form .panel{margin-bottom:18px}#system-form label.setting{padding:14px}.login-card select{width:100%}@media(max-width:600px){header{align-items:flex-start}.header-right{max-width:55%;gap:6px}.session-name{width:100%;text-align:right;font-size:10px}#entry-switch{max-width:125px;font-size:10px}}

/* Compact desktop workspace: navigation / working table / optional detail. */
header{padding:14px 3%}main{max-width:none;padding:20px 3%}.hero{margin-bottom:14px;gap:20px}.hero>.eyebrow,.hero>div>.eyebrow{display:none}.hero h1{font-size:25px;margin:0 0 4px}.hero p{font-size:12px}.wallet{min-width:120px;padding-left:20px}.wallet strong{font-size:27px}.demo{padding:8px 12px;margin-bottom:15px}
.work-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start;min-width:0}.work-layout:has(>.stages[hidden]){grid-template-columns:minmax(0,1fr)}
.stages{display:flex;flex-direction:column;gap:4px;position:sticky;top:16px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#141e21}
.stage:nth-child(n){display:flex;flex-direction:row;align-items:center;gap:12px;min-height:46px;grid-column:auto;padding:11px 12px;border-radius:6px;background:transparent;border:1px solid transparent;box-shadow:none;text-align:left}.stage:nth-child(n):hover{background:#20312d}.stage:nth-child(n).selected{background:#29433a;border-color:#5a8977;color:#d5f5e6}.stage strong{font-size:14px;margin:0;font-weight:500}.nav-number{font-size:11px;color:#8fa99f;font-variant-numeric:tabular-nums}
.workspace{margin-top:0;min-width:0}.workspace-head{gap:12px;margin-bottom:14px;align-items:flex-start}.workspace-head h2{font-size:21px}.workspace-head .eyebrow{font-size:10px;letter-spacing:.5px}.filters{min-width:0;max-width:55%}.filters select{min-width:0;max-width:100%}.actions{flex-wrap:wrap}.table-wrap{max-width:100%;overflow-x:auto}.text-link{padding:0;border:0;background:none;color:var(--mint);text-align:left;overflow-wrap:anywhere}.text-link:hover{background:none;text-decoration:underline}td .text-link{max-width:240px}td>button{margin:2px 3px 2px 0}footer{margin-top:18px}
.work-layout.detail-open{grid-template-columns:180px minmax(0,1fr) 360px;gap:18px}.detail-drawer{min-width:0;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;padding:18px;background:#182226;border:1px solid #42574f;border-radius:10px;box-shadow:0 8px 35px #0003}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.drawer-head h2{font-size:18px}.drawer-head button{font-size:22px;padding:0 10px}.invoice-preview{padding:18px;background:#edf5ef;color:#234c3d;border:1px solid #abcabb;border-radius:7px}.preview-caption{font-size:11px;border-bottom:1px solid #a9c3b4;padding-bottom:10px;color:#4c6c5a}.invoice-preview h3{font-size:14px;overflow-wrap:anywhere}.invoice-amount{font-size:28px;font-variant-numeric:tabular-nums}.detail-drawer dl{margin:12px 0}.detail-drawer dl>div{padding:9px 0;border-bottom:1px solid #91ab9f33}.detail-drawer dt{font-size:11px;opacity:.7}.detail-drawer dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:13px}.preview-notice{margin:12px 0!important;font-size:12px;line-height:1.6}.detail-drawer pre{font-size:12px}
@media(max-width:1250px){.work-layout.detail-open{grid-template-columns:170px minmax(0,1fr)}.detail-drawer{position:fixed;right:14px;top:88px;bottom:16px;width:min(400px,calc(100vw - 190px));max-height:none;z-index:20;box-shadow:-14px 0 50px #0008}.work-layout{grid-template-columns:170px minmax(0,1fr);gap:16px}.workspace-head{flex-direction:column}.filters{max-width:100%;width:100%}.filters select{flex:1}}
@media(max-width:800px){main{padding:16px 3%}.work-layout,.work-layout.detail-open{grid-template-columns:145px minmax(0,1fr);gap:12px}.stage:nth-child(n){gap:8px;min-height:44px;padding:10px 8px}.stage strong{font-size:13px}.stages{padding:5px}.hero h1{font-size:23px}.detail-drawer{width:min(390px,calc(100vw - 170px))}}
@media(max-width:540px){header{padding:12px 10px}.session-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:14px 10px}.work-layout,.work-layout.detail-open{grid-template-columns:116px minmax(0,1fr);gap:10px}.stage:nth-child(n){gap:6px;padding:10px 5px}.stage strong{font-size:12px}.nav-number{font-size:10px}.hero h1{font-size:21px}.wallet{min-width:80px;padding-left:12px}.wallet strong{font-size:24px}.workspace-head h2{font-size:18px}.filters{flex-wrap:wrap}.detail-drawer{left:10px;right:10px;top:70px;bottom:10px;width:auto}.actions{gap:6px}.actions button{padding:7px 9px}.login-card .setting input{width:auto}.login-card .setting small{display:block}}

.work-layout table{white-space:normal}.work-layout th,.work-layout td{padding:11px 12px}.work-layout td{overflow-wrap:anywhere}.work-layout td .actions{min-width:88px}.work-layout td small{line-height:1.6}.work-layout th{white-space:nowrap}.work-layout .badge{white-space:nowrap}
.filters button{flex-shrink:0;white-space:nowrap}.detail-open .workspace-head{flex-direction:column}.detail-open .filters{max-width:100%;width:100%}

.cooperation-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.cooperation-strip button{white-space:nowrap}

.import-drop{border:2px dashed #547b6c;border-radius:10px;padding:22px;text-align:center;background:#172b24;margin:15px 0}.import-drop.dragover{background:#2c5042;border-color:var(--mint)}.import-drop strong{display:block}.import-drop input{max-width:100%}#import-preview{max-height:300px;overflow:auto}#import-status{overflow-wrap:anywhere}#table-import-form #import-mapping{margin:10px 0}

.query-panel{padding:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;background:#142329}.query-main,.query-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.query-main label,.query-more-grid label{margin:0;min-width:0;font-size:12px}.query-panel input,.query-panel select{width:100%;min-width:0;padding:9px}.query-panel details{margin:10px 0}.query-panel summary{cursor:pointer;color:var(--mint);font-size:13px}.query-more-grid{padding-top:12px}.query-count{margin:10px 0 5px;color:var(--mint);font-size:13px}.query-panel .hint{font-size:11px;margin:6px 0}.query-panel .actions{margin-top:12px}.query-panel .actions button{padding:8px 16px}@media(max-width:650px){.query-main,.query-more-grid{grid-template-columns:1fr}.query-panel{padding:10px}}
.query-stats{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.query-stats>div{padding-right:14px;font-size:12px}.query-stats small{display:block;color:var(--muted);margin-top:4px}
.query-applied{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.query-applied span{font-size:11px;padding:4px 7px;border-radius:4px;background:#274238;color:#d1e9dd;overflow-wrap:anywhere}

.query-compact{padding:9px 12px;margin-bottom:12px}.query-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.query-toolbar>input{flex:1 1 190px;width:auto;max-width:420px;padding:7px 10px;height:34px;margin:0}.query-toolbar>button{padding:6px 12px;height:34px;font-size:12px;white-space:nowrap}.query-compact #query-more:not([hidden]){margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.query-compact .query-more-grid{padding-top:0}.query-compact details.query-summary{margin:7px 0 0}.query-summary>summary{display:flex;align-items:center;gap:12px;list-style:none;min-width:0;font-size:12px;line-height:20px}.query-summary>summary::-webkit-details-marker{display:none}.query-summary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.query-summary-link{flex-shrink:0;font-size:11px;color:var(--muted)}.query-summary-link:after{content:' ▾'}.query-summary[open] .query-summary-link:after{content:' ▴'}.query-compact .query-stats{margin-top:5px;padding-top:5px}.query-compact .query-count{margin-top:8px}@media(max-width:650px){.query-toolbar>input{max-width:none;flex-basis:100%}.query-toolbar>button{padding:6px 9px}.query-summary-text{white-space:normal}.query-summary>summary{align-items:flex-start}}

input[data-export-id],input#export-select-all{width:16px;height:16px;min-width:16px;vertical-align:middle;accent-color:#245843}
.export-toolbar{margin:8px 0}.export-preview{max-height:180px;overflow:auto}.export-preview p{margin:6px 0}
.export-group{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #33444a}.export-group input{width:16px;height:16px}.export-group small{display:block;margin-top:4px}
.receipt-status{padding:14px;margin:12px 0;border:1px solid #334b45;border-radius:12px;display:flex;justify-content:space-between;gap:15px}.receipt-status p{margin:6px 0;overflow-wrap:anywhere}.receipt-status .actions{align-content:start}.receipt-options{display:grid;gap:10px;margin:15px 0}.receipt-options label{display:flex;align-items:center;gap:10px}.receipt-options input{width:16px;height:16px}.receipt-legacy{margin:16px 0;padding:12px;border:1px solid #334b45;border-radius:10px}.receipt-legacy summary{cursor:pointer}

.upload-file-preview{display:block;width:100%;height:300px;object-fit:contain;border:1px solid var(--border);background:#fff;margin:12px 0}

.upload-inline-row{padding:20px 0;border-bottom:1px solid #34454b}.upload-inline-heading{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.upload-inline-grid{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);gap:20px}.upload-inline-preview{width:100%;height:230px;object-fit:contain;background:#fff;border:0}.upload-inline-row label{display:block;margin:8px 0}.upload-inline-row input:not([type=checkbox]),.upload-inline-row select{width:100%;min-width:0}.upload-inline-row details{margin-top:10px}.upload-inline-row small{overflow-wrap:anywhere}.upload-inline-row .warning{margin:8px 0}@media(max-width:850px){.upload-inline-grid{grid-template-columns:1fr}.upload-inline-preview{height:180px}}

.upload-toolbar{display:flex;align-items:center;gap:16px;margin:12px 0}.upload-toolbar details{font-size:13px}.upload-toolbar details p{max-width:720px;line-height:1.7}.upload-compact-table{table-layout:fixed;width:100%;min-width:760px}.upload-compact-table .uc-order{width:25%}.upload-compact-table .uc-shop{width:19%}.upload-compact-table .uc-file{width:20%}.upload-compact-table .uc-state{width:14%}.upload-compact-table .uc-actions{width:22%}.upload-compact-table .upload-summary td{height:72px;padding:10px 12px;vertical-align:middle;box-sizing:border-box}.upload-compact-table small{display:block;line-height:20px;margin:0}.upload-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-order-line{display:flex;align-items:center;gap:6px}.upload-order-line small{min-width:0}.upload-copy{font-size:12px;padding:2px 5px;white-space:nowrap;background:transparent;flex:none}.upload-row-actions{display:flex;flex-wrap:wrap;gap:5px}.upload-short{padding:5px 8px;white-space:nowrap;font-size:13px}.upload-expansion td{padding:14px 18px;background:#142326}.upload-expansion-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.upload-preview-area{display:grid;grid-template-columns:minmax(180px,40%) 1fr;gap:20px}.upload-preview-area img,.upload-preview-area iframe{height:320px}.upload-expansion input:not([type=checkbox]),.upload-expansion select{width:100%;min-width:0}.upload-expansion label{display:block;margin:8px 0}.upload-inline-link{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.upload-inline-link label:nth-child(3){grid-column:1 / -1}.upload-inline-link button{justify-self:start}.upload-inline-confirm{max-width:700px}.upload-compact-table .badge{white-space:nowrap}.upload-compact-table input[hidden]{display:none!important}
.upload-compact-table{min-width:0}.upload-compact-table .uc-order{width:24%}.upload-compact-table .uc-shop{width:18%}.upload-compact-table .uc-file{width:18%}.upload-compact-table .uc-state{width:16%}.upload-compact-table .uc-actions{width:24%}.upload-compact-table .badge{max-width:100%;box-sizing:border-box;padding-left:5px;padding-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
/* Full upload action labels: reserve two compact button rows without truncating names. */
.upload-compact-table .uc-order{width:22%}.upload-compact-table .uc-shop{width:16%}.upload-compact-table .uc-file{width:16%}.upload-compact-table .uc-state{width:16%}.upload-compact-table .uc-actions{width:30%}.upload-compact-table .upload-summary td:last-child{padding-left:8px;padding-right:8px}
.upload-row-actions .upload-short{padding-top:3px;padding-bottom:3px}

/* Complete import details stay inside the existing compact drawer. */
.request-section{border-top:1px solid var(--line);padding:12px 0;margin:0}.request-section>summary{cursor:pointer;color:var(--mint);font-weight:600}.request-section .detail-fields{margin:10px 0}.request-section dd,.source-cell{white-space:pre-wrap;overflow-wrap:anywhere}.request-section .hint{overflow-wrap:anywhere}.request-item{margin:10px 0;padding-left:8px;border-left:2px solid var(--line)}.request-item summary{cursor:pointer;font-size:12px;line-height:1.6}.request-section table{min-width:0;table-layout:fixed;width:100%}.request-section td,.request-section th{overflow-wrap:anywhere;white-space:normal}.request-section th:first-child{width:36%}

#import-preview table{table-layout:fixed;min-width:0;width:100%}#import-preview td,#import-preview th{white-space:normal;overflow-wrap:anywhere;padding:8px}#import-preview th:first-child{width:9%}#import-preview th:nth-child(2){width:24%}#import-preview th:nth-child(3){width:25%}#import-preview th:nth-child(4){width:16%}#modal-body .source-cell{white-space:pre-wrap;overflow-wrap:anywhere}#modal-body td:has(.source-cell){white-space:normal;max-width:290px}#modal-body .warning{white-space:normal}

.detail-fields.request-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0 0 12px}.request-summary>div{padding:5px 0}.request-summary>div:first-child{grid-column:1/-1}.request-summary dd{font-size:12px;overflow-wrap:anywhere}.request-summary dt{font-size:11px}.request-section>summary{padding:3px 0}

/* Compact source-table workspaces. */
.application-batch {border:1px solid var(--line,#dfe4e0);border-radius:8px;margin:8px 0;background:var(--panel)}
.application-batch>summary {display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}
.application-batch>summary input {width:17px;flex:none}
.batch-title {flex:1;min-width:0}.batch-title strong {overflow-wrap:anywhere}
.application-batch small {display:block;color:var(--muted);margin-top:4px;font-size:12px}
.batch-totals {text-align:right;flex:none;font-size:13px}.batch-expand {color:var(--mint);font-size:12px;flex:none}
.application-batch[open] > summary > .batch-expand {font-size:0}.application-batch[open] > summary > .batch-expand:after {content:'收起明细';font-size:12px}
.batch-content {padding:0 14px 14px}.batch-content .table-wrap {max-height:440px;overflow:auto}
.export-history {margin-top:16px}.export-history>summary {cursor:pointer;padding:10px}
@media(max-width:750px){.application-batch>summary{flex-wrap:wrap}.batch-totals{text-align:left}.batch-expand{margin-left:auto}}

.export-toolbar>label {display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.export-toolbar>label input {width:16px}

.batch-content>.application-batch{background:#141e22}.source-members{margin:10px 0}.batch-title strong{display:block}.batch-totals small{max-width:380px;white-space:normal}
.workflow-pdf-preview{width:100%;height:70vh;border:0}.workflow-image-preview{width:100%;height:auto}

/* Expand and zoom within the existing preview, preserving surrounding workflow. */
.invoice-zoom-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0}.invoice-zoom-tools button{padding:6px 9px;font-size:13px}.invoice-zoom-tools output{font-size:12px;min-width:65px;text-align:center}
.invoice-zoom-surface{overflow:auto;max-width:100%;background:#454545}.invoice-zoom-surface img{display:block;height:auto;object-fit:initial}.invoice-zoom-surface iframe{display:block}

.upload-preview-area.preview-wide{grid-template-columns:1fr}.invoice-zoom-region.is-wide .upload-inline-preview{height:70vh}.invoice-zoom-region.is-wide img.upload-inline-preview{height:auto}



/* Pending work is a state indicator, not an unread or animation badge. */
.has-pending{position:relative}
.pending-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;margin-left:7px;border-radius:50%;background:#d93838;box-shadow:0 0 0 2px #fff;vertical-align:super}
button.has-pending .pending-dot{position:absolute;right:3px;top:3px;margin:0}
.application-batch>summary.has-pending{padding-right:25px}
.application-batch>summary>.pending-dot{position:absolute;right:9px;top:10px}

/* Wide preview stays in normal page flow. The list never becomes a narrow strip. */
.work-layout.detail-open.preview-wide{grid-template-columns:180px minmax(0,1fr);gap:18px}
.work-layout.preview-wide>.stages{grid-column:1;grid-row:1 / span 2}
.work-layout.preview-wide>.workspace{grid-column:2;grid-row:1;max-height:38vh;overflow:auto;min-width:0}
.work-layout.preview-wide>.detail-drawer{grid-column:2;grid-row:2;position:relative;inset:auto;width:auto;max-height:none;z-index:auto;overflow:visible}
.preview-application{margin-top:18px;padding-top:12px;border-top:1px solid #50615c;min-width:0}
.preview-application .comparison-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}
.preview-application .table-wrap{overflow:auto}.preview-application table{min-width:600px}
@media(max-width:800px){.work-layout.detail-open.preview-wide{grid-template-columns:145px minmax(0,1fr);gap:12px}}
@media(max-width:540px){.work-layout.detail-open.preview-wide{grid-template-columns:116px minmax(0,1fr);gap:10px}.preview-application .comparison-fields{grid-template-columns:1fr}}
.original-source-row table{min-width:100%;width:max-content;table-layout:auto}
.original-source-row th,.original-source-row td{min-width:150px;max-width:320px;vertical-align:top}
.original-source-row .source-cell{white-space:pre-wrap;display:block;min-width:150px;max-width:320px;overflow-wrap:anywhere}
.original-source-row .table-wrap{max-width:100%;overflow:auto;border:1px solid #50615c}
.invoice-buyer{display:block;line-height:1.5;overflow-wrap:anywhere;font-weight:600}.invoice-row-amount{margin:5px 0;font-variant-numeric:tabular-nums}
/* Keep status compact; distribute the remaining width to business details. */
.upload-compact-table{min-width:1280px}.upload-compact-table .uc-order{width:16%}.upload-compact-table .uc-shop{width:10%}.upload-compact-table .uc-file{width:22%}.upload-compact-table .uc-parties{width:auto}.upload-compact-table .uc-state{width:96px}.upload-compact-table .uc-actions{width:400px}
.upload-compact-table .upload-row-actions{flex-wrap:nowrap;gap:5px}.upload-compact-table .upload-row-actions>button{flex:0 0 auto}
.upload-compact-table>thead>tr>th:nth-child(5),.upload-compact-table .upload-summary>td:nth-child(5){padding-left:6px;padding-right:6px;text-align:center}
.upload-compact-table .upload-summary>td:nth-child(4){overflow-wrap:anywhere}


/* Compact labels for the four invoice upload actions. */
.upload-compact-table .upload-row-actions>button{font-size:12px;line-height:1.5;padding:3px 7px}

/* Compact daily overview: company identity stays above the board. */
.hero h1{overflow-wrap:anywhere;font-size:22px}
.work-board{margin:0 0 12px;border:1px solid var(--line,#deded8);border-radius:10px;padding:10px 16px;background:var(--panel)}
.work-board[hidden]{display:none}
.board-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.board-heading small,.board-note{color:var(--muted);font-size:11px}
.board-heading select{margin-left:auto;max-width:270px;padding:4px 8px;font-size:12px}
.board-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:6px 0}
.board-metrics>button,.board-metrics>.board-stat{display:flex;align-items:center;justify-content:center;gap:12px;border:0;background:transparent;border-radius:0;padding:5px 10px}
.board-metrics>button:last-child{border-right:0}
.board-metrics>button:hover{background:#223b34}
.board-metrics strong{font-size:24px;color:var(--mint);font-variant-numeric:tabular-nums}
.board-metrics small{font-size:11px;color:var(--muted)}
.board-metrics span{font-size:13px}
@media(max-width:760px){.board-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.board-metrics>button{padding:6px}.board-heading select{margin-left:0}.board-note{line-height:1.5}}
dialog:has(.board-detail){width:min(1100px,94vw);max-width:94vw}
.board-detail table{min-width:700px}
.board-totals{padding-top:4px;margin-top:0}
.board-totals strong{font-size:24px}
.board-backlog-note{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}
.global-shop-scope{display:flex;align-items:center;gap:10px;margin-top:9px;color:var(--muted);font-size:12px}
.global-shop-scope[hidden]{display:none}
.global-shop-scope select{min-width:180px;max-width:350px;padding:5px 10px;font-size:12px}
.global-shop-scope small{font-size:11px}
.board-heading>.hint{margin-left:auto}
@media(max-width:760px){.global-shop-scope{flex-wrap:wrap}}

/* 申请末列直接操作，状态与按钮保持同一行。 */
.work-layout td .request-row-actions{display:flex;flex-wrap:nowrap;align-items:center;white-space:nowrap;width:max-content;gap:8px}.request-row-actions button,.request-aftercare{flex-shrink:0;white-space:nowrap}

/* 售后摘要右侧：状态、金额与展开入口横向排列。 */
.aftercare-case>summary .batch-totals{display:flex;align-items:center;gap:14px;white-space:nowrap}
.aftercare-case>summary .batch-totals small{display:inline;margin:0;max-width:none;white-space:nowrap}

.aftercare-operations{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:14px 0}.aftercare-operation{display:flex;flex-direction:column;gap:5px}.aftercare-operation small{font-size:11px;color:var(--muted);max-width:170px}.aftercare-operation button{white-space:nowrap}.aftercare-operation button:disabled{opacity:.55;cursor:not-allowed}

.aftercare-preview-action{opacity:1;border-style:dashed;color:var(--mint)}

#modal-body .red-confirmation{display:flex;align-items:center;gap:8px;line-height:1.6;margin:14px 0}#modal-body .red-confirmation input[type="checkbox"]{display:block;width:16px;height:16px;flex:0 0 16px;margin:0;padding:0}#modal-body .red-confirmation span{flex:1;min-width:0}
/* Aftercare forms live in the existing right drawer. */
.aftercare-step-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}
.aftercare-step-actions button{font-size:12px;padding:7px 10px}
.aftercare-workspace form{display:grid;gap:14px}.aftercare-workspace .form-grid{grid-template-columns:minmax(0,1fr)}
.aftercare-workspace label{display:grid;gap:7px;min-width:0}
.aftercare-workspace input,.aftercare-workspace select,.aftercare-workspace textarea{width:100%;box-sizing:border-box;min-width:0}
.aftercare-workspace .aftercare-check{display:flex;align-items:flex-start;gap:9px;line-height:1.6}
.aftercare-workspace .aftercare-check input{width:16px;height:16px;flex:0 0 16px;margin:4px 0 0;padding:0}
.aftercare-workspace .aftercare-drop{border:1px dashed #79b5a0;border-radius:8px;padding:14px;background:#20352d}
.aftercare-comparison{padding:12px;background:#20302b;border-radius:8px}.aftercare-comparison dd{white-space:pre-wrap;overflow-wrap:anywhere}
#aftercare-preview iframe,#aftercare-preview img{width:100%;min-height:260px;border:0;object-fit:contain}
.aftercare-workspace .warning{font-size:13px;line-height:1.6}
/* Wallet and business activity: separate funds from operational records. */
.wallet-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:18px 0}.wallet-overview small{display:block}.wallet-overview strong{font-size:24px;color:var(--mint)}.wallet-overview strong small{display:inline;font-size:12px}.wallet-query{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:16px 0}.wallet-query label{flex:1;min-width:135px}.wallet-query input,.wallet-query select{width:100%}.wallet-tabs{margin-top:22px}.record-pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:14px 0;color:var(--muted);font-size:12px}.record-pager button{padding:5px 10px;font-size:12px}.activity-message{white-space:normal;min-width:180px;max-width:540px;overflow-wrap:anywhere}.wallet[hidden]{display:none!important}

/* 新增店铺：字段组间距仅限此弹窗。 */
#modal-body .new-shop-form{display:flex;flex-direction:column;gap:20px}
#modal-body .new-shop-form>label{display:grid;gap:8px;margin:0;min-width:0;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
#modal-body .new-shop-form>.form-actions{margin-top:0}

.issuer-form{display:flex;flex-direction:column;gap:18px}.issuer-form>label{display:grid;gap:8px;line-height:1.6}.issuer-form>label.setting{display:flex;align-items:center;gap:12px}.issuer-form>label.setting input{flex:none;width:18px;height:18px}.issuer-drop{padding:18px;border:1px dashed var(--line,#536875);border-radius:10px}.issuer-drop.dragging{outline:2px solid #5cbda0}.issuer-drop label{display:grid;gap:10px}.issuer-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:260px;overflow:auto}#issuer-preview iframe{width:100%;height:380px;border:0;background:#fff}#issuer-list small{display:block}
#issuer-preview img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#fff;border-radius:6px}.issuer-form section{min-width:0}.issuer-form .table-wrap{max-width:100%}

/* Shop details: consistent type scale and form spacing, scoped to this drawer. */
.shop-detail-layout{display:flex;flex-direction:column;gap:24px;min-width:0;font-size:14px;line-height:1.65}
.shop-detail-layout>section{min-width:0;padding:0 0 24px;border-bottom:1px solid var(--line)}
.shop-detail-layout>section:last-child{padding-bottom:0;border-bottom:0}
.shop-detail-layout h3{font-size:16px;line-height:1.5;font-weight:600;color:var(--text);margin:0 0 14px}
.shop-detail-layout h4{font-size:13px;line-height:1.6;font-weight:600;margin:2px 0 0;color:var(--text)}
.shop-detail-layout p{font-size:13px;line-height:1.7;margin:0;color:var(--muted);overflow-wrap:anywhere}
.shop-detail-layout>section>p{margin:0 0 18px}
.shop-detail-layout p strong{font-weight:500;color:var(--text)}
.shop-detail-layout form{display:flex;flex-direction:column;gap:18px;min-width:0}
.shop-detail-layout label{font-size:13px;line-height:1.6;display:grid;gap:8px;margin:0;min-width:0;color:#bac9cc}
.shop-detail-layout input:not([type=checkbox]),.shop-detail-layout select,.shop-detail-layout textarea{width:100%;min-width:0;font-size:14px;line-height:1.6;padding:10px 12px}
.shop-detail-layout textarea{min-height:100px}
.shop-detail-layout .hint{font-size:12px;line-height:1.7;margin:0}
.shop-detail-layout label.setting{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#152023}
.shop-detail-layout label.setting span{flex:1;min-width:0}
.shop-detail-layout label.setting input{flex:none;width:16px;height:16px;margin:3px 0 0}
.shop-detail-layout .form-actions{margin:2px 0 0;padding:0;gap:10px}
.shop-detail-layout button{font-size:13px;line-height:1.6;padding:8px 14px}
.shop-detail-layout .empty{margin-top:18px;padding:18px 14px;font-size:12px;line-height:1.7}
.shop-detail-layout .empty b{font-size:13px;margin-bottom:4px}
.shop-detail-layout .table-wrap{margin:18px 0 0}
.shop-detail-layout table{table-layout:fixed;min-width:0}
.shop-detail-layout th,.shop-detail-layout td{white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:10px 8px}
.detail-drawer:has(.shop-detail-layout){padding:22px;overflow-x:hidden}
.detail-drawer:has(.shop-detail-layout) .drawer-head{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px}
.detail-drawer:has(.shop-detail-layout) .drawer-head h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
@media(min-width:1500px){.work-layout.detail-open:has(.shop-detail-layout){grid-template-columns:180px minmax(0,1fr) 440px}}

.shop-auto-toggle{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.6;margin:7px 0 2px;white-space:nowrap;color:var(--muted)}
.shop-auto-toggle input[role=switch]{appearance:none;flex:none;width:30px;height:18px;border-radius:12px;padding:0;margin:0;background:#293539;border:1px solid #53656a;position:relative;opacity:.7;cursor:not-allowed}
.shop-auto-toggle input[role=switch]::before{content:"";position:absolute;width:10px;height:10px;left:3px;top:3px;border-radius:50%;background:#bac8ca}

/* Two independent indicators; no activity animation before real integration. */
.shop-connection-indicators{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;min-width:162px}
.shop-connection-item{position:relative;display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:12px;line-height:1.6;cursor:help;outline-offset:4px}
.shop-status-light{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:#101618;border:1px solid #526268;box-shadow:inset 0 1px 3px #0008}
.shop-status-na{display:inline-block;flex:none;width:10px;text-align:center;color:var(--muted)}
.shop-connection-item small{font-size:11px;color:var(--muted);white-space:nowrap}
.shop-connection-tooltip{position:absolute;right:0;bottom:calc(100% + 5px);z-index:4;display:none;white-space:nowrap;background:#26353a;color:var(--text);border:1px solid #526268;padding:3px 8px;border-radius:5px;font-size:12px;pointer-events:none}
.shop-connection-item:hover .shop-connection-tooltip,.shop-connection-item:focus .shop-connection-tooltip{display:block}

.shop-status-dots{display:inline-flex;flex:none;gap:3px;align-items:center}
.shop-status-dots i{width:6px;height:6px;border-radius:50%;background:#334047;border:1px solid #617179}
.shop-status-dots.is-connected i{background:#a0dcc9;border-color:#a0dcc9;animation:shop-status-flow 1.4s ease-in-out infinite}
.shop-status-dots.is-connected i:nth-child(2){animation-delay:.18s}
.shop-status-dots.is-connected i:nth-child(3){animation-delay:.36s}
.shop-status-dots.is-connected i:nth-child(4){animation-delay:.54s}
@keyframes shop-status-flow{0%,70%,100%{opacity:.35}35%{opacity:1;box-shadow:0 0 4px #a0dcc980}}
@media(prefers-reduced-motion:reduce){.shop-status-dots.is-connected i{animation:none;opacity:1}}

.shop-detail-layout [hidden]{display:none!important}
.shop-detail-layout fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:16px}
.shop-detail-layout legend{font-size:14px;font-weight:600;padding:0 6px}
.shop-api-advanced{border:1px solid var(--line);border-radius:10px;padding:14px}
.shop-api-advanced summary{font-size:13px;cursor:pointer}
.shop-api-advanced[open] label{margin-top:16px}

.shop-mode-inline{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.shop-mode-inline .shop-auto-toggle{display:inline-flex;margin:0}

/* Cooperation QR is an optional autofill step; manual fields remain the same. */
#modal-body .cooperation-form{display:flex;flex-direction:column;gap:18px}
#modal-body .cooperation-form>label{display:grid;gap:8px;margin:0}
#modal-body .cooperation-form>label.setting{display:flex;align-items:flex-start;gap:12px;line-height:1.6}
#modal-body .cooperation-form>label.setting input{width:18px;flex:0 0 18px;margin-top:4px}
#cooperation-qr-fill{padding:16px;border:1px solid var(--line,#33413f);border-radius:12px}
#cooperation-qr-fill[hidden]{display:none}
.cooperation-drop{display:grid;gap:10px;padding:16px;border:1px dashed #78978b;border-radius:10px;margin:12px 0;line-height:1.6}
.cooperation-drop.dragging{background:#213c33}
#cooperation-fill-state{overflow-wrap:anywhere;margin:10px 0 0}
.cooperation-code-card{display:grid;gap:12px}
#cooperation-code-canvas{width:360px;max-width:100%;height:auto;justify-self:center;background:white;border-radius:8px}
.cooperation-code-card .actions{flex-wrap:wrap}
#modal-body .cooperation-form p{margin:0}
#modal-body .cooperation-form h3{margin:0 0 8px;font-size:15px}
#modal-body .cooperation-form{gap:12px}
#modal-body .cooperation-form>.form-actions{margin-top:0}
#cooperation-qr-fill{padding:14px}
.cooperation-drop{padding:12px;margin:10px 0}
#cooperation-fill-state:empty{display:none}
#cooperation-fill-state:not(:empty){margin-top:10px}

#modal-body .cooperation-form [hidden]{display:none!important}

.cooperation-company{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:10px;margin:20px 0}
.cooperation-company p{margin:10px 0 0}
.cooperation-subject{border-top:1px solid var(--line);padding:18px 0}
.cooperation-subject summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;cursor:pointer;margin-bottom:16px}
.cooperation-subject summary span{font-size:12px;color:var(--muted)}
.cooperation-subject .actions{margin-bottom:14px}
.cooperation-scope{padding:12px;border:1px solid var(--line);border-radius:8px}
.cooperation-scope ul{max-height:150px;overflow:auto;line-height:1.8}
.cooperation-scope li{list-style:none;margin:8px 0}
.cooperation-scope li label{display:flex!important;align-items:center;gap:8px;margin:0!important}
.cooperation-scope li input{width:16px;height:16px;margin:0;flex:none}

.cooperation-query{margin:20px 0 12px}
.cooperation-query>label{display:block;margin:0 0 8px;font-size:13px}
.cooperation-query>div{display:flex;align-items:center;gap:10px}
.cooperation-query input{max-width:480px;min-width:120px;flex:1;margin:0}
.cooperation-query button{flex:none}
.cooperation-hierarchy [hidden]{display:none!important}
@media(max-width:600px){.cooperation-query>div{flex-wrap:wrap}.cooperation-query input{flex-basis:100%;max-width:none}}

.cooperation-query select{width:190px;flex:none;margin:0}

.wallet-details{margin:22px 0;padding:14px 0;border-top:1px solid var(--line)}.wallet-details>summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--mint);padding:6px 0}

.wallet-recharge{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px}.wallet-recharge h3{margin:0 0 14px}.wallet-recharge-fields{display:flex;gap:18px;flex-wrap:wrap}.wallet-recharge-fields label{flex:1;min-width:190px;max-width:360px}.wallet-recharge-fields input,.wallet-recharge-fields select{width:100%}.wallet-transaction{font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.wallet-transaction code{font-family:inherit}.wallet-recharge [role=status]:empty{display:none}

.wallet-top{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:24px;align-items:start}.wallet-top .wallet-recharge{margin:0}.wallet-payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px;align-items:center}.wallet-payment-code{padding:24px 18px;min-height:170px;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--muted);font-size:13px}.wallet-payment-code strong{color:var(--mint)}.wallet-payment-code p{line-height:1.7}.wallet-recharge-fields label{min-width:150px}.wallet-balance{padding-top:6px}@media(max-width:1000px){.wallet-top{grid-template-columns:1fr}.wallet-payment-layout{grid-template-columns:minmax(0,1fr) 180px}}@media(max-width:600px){.wallet-payment-layout{grid-template-columns:1fr}}
/* Account verification: keep each label attached to its own field. */
#contact-request,#contact-confirm{display:flex;flex-direction:column;gap:16px}
#contact-request>label,#contact-confirm>label{display:grid;gap:7px;margin:0;line-height:1.6}
#contact-request>p,#contact-confirm>p{margin:0;line-height:1.7}
#contact-request>button,#contact-confirm>button{align-self:flex-start}
#contact-message,#recovery-message{line-height:1.7;overflow-wrap:anywhere}
#recovery-request>button,#recovery-confirm>button,#recovery-back{margin-top:10px}
button[data-action="my-verify-email"],button[data-action="my-verify-phone"]{margin-inline-start:24px;padding:4px 7px;font-size:11px;line-height:1.4;border-radius:6px;vertical-align:middle;white-space:nowrap}
/* Account roles are navigation tabs attached to the top edge of the card. */
.login-card{--login-card-padding:34px;border:0;background:transparent;box-shadow:none;border-radius:0}
.access-role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 28px;padding:0;border:0;border-radius:0;overflow:hidden}
.access-role-tabs button{position:relative;height:44px;margin:0;padding:10px 16px;border:0;border-radius:0;background:transparent;color:#93aaa2;font-size:14px;line-height:22px;font-weight:600;box-shadow:none}
.access-role-tabs button:hover{background:transparent;color:#d9eee5}
.access-role-tabs button[aria-selected=true]{background:transparent;color:#e4f8ee}
.access-role-tabs button[aria-selected=true]::after{content:"";position:absolute;height:2px;bottom:0;left:24%;right:24%;background:#80c6a8;border-radius:2px}
.access-role-tabs button:focus-visible{outline:2px solid #80c6a8;outline-offset:-5px}
.login-card:has(#access-request[hidden]) .access-role-tabs{display:none}
@media(max-width:800px){.login-card{--login-card-padding:26px}}

.access-methods{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 20px;font-size:12px}
.access-methods button{padding:5px 8px;font-size:12px}
#access-request>button,#access-confirm>button{margin-top:10px}
#access-message,#access-summary{line-height:1.7;overflow-wrap:anywhere}

.board-heading .board-toggle{margin-left:auto;padding:4px 12px;font-size:12px}
#board-content[hidden]{display:none}

/* Shared action-button scale. Navigation, text links and metric tiles keep their own layout. */
:root{--action-height:32px;--action-font-size:13px;--action-line-height:20px;--action-padding-inline:10px;--action-radius:6px}
body button:not(.stage):not(.text-link):not([role="tab"]):not([data-action="board-detail"]){height:var(--action-height);min-height:var(--action-height);font-size:var(--action-font-size);line-height:var(--action-line-height);padding:5px var(--action-padding-inline);border-radius:var(--action-radius);white-space:nowrap;vertical-align:middle}
body #close-modal,body #drawer-close{width:var(--action-height);height:var(--action-height);min-height:var(--action-height);padding:0;font-size:20px;line-height:30px;border-radius:var(--action-radius)}
.upload-compact-table .upload-row-actions{flex-wrap:wrap}

.brand .logo{border:0;border-radius:10px;overflow:hidden;flex:none;background:transparent}
.brand .logo img{display:block;width:100%;height:100%;object-fit:contain}

/* Rounded outline trial requested for the transparent brand mark. */
.brand .logo{border:1px solid #829a94;border-radius:10px;background:transparent;padding:1px}

/* Subtle perspective linework for the login/register surface only. */
body:has(#login-view:not([hidden])){isolation:isolate;min-height:100vh;background:radial-gradient(ellipse at 18% 45%,#17343b66 0,transparent 48%),radial-gradient(ellipse at 85% 20%,#1d443b55 0,transparent 42%),#0d1519}
body:has(#login-view:not([hidden]))::before{content:"";position:fixed;z-index:-1;pointer-events:none;left:-45%;right:-45%;bottom:-32vh;height:84vh;background-image:linear-gradient(#89ead25c 1px,transparent 1px),linear-gradient(90deg,#89ead25c 1px,transparent 1px);background-size:90px 90px;transform:perspective(620px) rotateX(60deg);transform-origin:center 25%;mask-image:linear-gradient(transparent 0,#000b 25%,#000 65%)}
body:has(#login-view:not([hidden]))::after{content:"";position:fixed;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(135deg,transparent 11%,#81dfe36b 11.06%,transparent 11.14%,transparent 14%,#81dfe338 14.06%,transparent 14.14%),linear-gradient(135deg,transparent 80%,#94ebd46b 80.06%,transparent 80.14%,transparent 83%,#94ebd438 83.06%,transparent 83.14%),radial-gradient(ellipse at 12% 75%,#4aaba31a 0,transparent 30%);mask-image:linear-gradient(#000 0,transparent 48%,#000 100%)}
@media(max-width:800px){body:has(#login-view:not([hidden]))::before{opacity:.55;background-size:65px 65px}body:has(#login-view:not([hidden]))::after{opacity:.65}}

.login-card label.remember-account{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:14px 0 8px;padding:0;border:0;font-size:12px;color:var(--muted)}
.login-card .remember-account input{width:14px;height:14px;flex:none;margin:0;padding:0}

/* Login controls keep a light outline; focus remains distinct. */
#login-view .login-card input:not([type="checkbox"]):not([type="hidden"]),
#login-view .login-card select,
#login-view .login-card button:not([role="tab"]){background:#203b343d;border-color:#729b8766;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s}
#login-view .login-card input:not([type="checkbox"]):not([type="hidden"]):hover,
#login-view .login-card select:hover,
#login-view .login-card button:not([role="tab"]):not(:disabled):hover{background:#203b343d;border-color:#729b8766}
#login-view .login-card input:not([type="checkbox"]):not([type="hidden"]):focus,
#login-view .login-card select:focus,
#login-view .login-card button:not([role="tab"]):focus-visible{background:#203b3459;border-color:#8ac8ad;outline:2px solid #8ac8ad66;outline-offset:2px}
#login-view .login-card input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill{ -webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-background-clip:text!important;background-clip:text!important;box-shadow:none}
#login-view .login-card .remember-account input{appearance:none;border:1px solid #729b8766;border-radius:3px;background:#203b343d;display:grid;place-content:center;cursor:pointer}
#login-view .login-card .remember-account input:checked::after{content:"✓";color:var(--mint);font-size:14px;line-height:14px}
#login-view .login-card .remember-account:hover input,#login-view .login-card .remember-account input:focus-visible{border-color:#8ac8ad;background:#203b3459}

/* Consistent field sizing across password, code, registration and recovery screens. */
#login-view .login-card input:not([type="checkbox"]):not([type="hidden"]),
#login-view .login-card select{box-sizing:border-box;width:100%;height:44px;min-height:44px;padding:0 12px;font-size:14px;line-height:20px;border-width:1px;border-radius:7px}
#recovery-code>button{margin-top:10px}#recovery-code{margin-top:18px}
#login-view .login-story>.eyebrow{font-size:15px;line-height:1.9;letter-spacing:normal}

/* Secondary authentication screens share the password-login field rhythm. */
#login-view .login-card :is(#access-request,#access-confirm,#recovery-request,#recovery-code,#recovery-confirm,#register-form){display:grid;gap:16px;margin:0}
#login-view .login-card :is(#access-request,#access-confirm,#recovery-request,#recovery-code,#recovery-confirm,#register-form)>label,
#login-view .login-card #recovery-channel>label{margin:0;gap:6px}
#login-view .login-card :is(#access-request,#access-confirm,#recovery-request,#recovery-code,#recovery-confirm,#register-form)>:is(p,button){margin:0}
#login-view .login-card :is(#access-confirm,#recovery-code){margin-top:16px}
#login-view .login-card>p:is(#access-message,#recovery-message){margin:12px 0 0}
#login-view .login-card :is(#access-message,#access-summary,#access-service,#recovery-message,#recovery-service,#register-error):empty{display:none}
#login-view .login-card #register-form>.remember-account{display:flex;gap:8px}

.finance-identity{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.finance-identity+small{display:block;margin-top:8px}

/* Finance client management and home scope selectors. */
.global-shop-scope>label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px}
.global-shop-scope>label[hidden]{display:none}
.client-query{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}
.client-query input{max-width:420px;min-width:0}

.finance-subnav{padding-left:30px;display:grid;gap:4px;margin:4px 0 12px}
.finance-subnav .stage{padding:10px 12px;min-height:38px}
.finance-subnav .stage strong{font-size:13px}
.finance-nav-group{margin:0;border:0;padding:0}
.finance-nav-group>summary{cursor:pointer;list-style:none;color:inherit;font:inherit}
.finance-nav-group>summary::-webkit-details-marker{display:none}
.finance-primary .nav-number{flex:0 0 18px}
.finance-nav-group>summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.finance-nav-group>summary::after{content:'▾';margin-left:auto;font-size:12px}
.finance-nav-group:not([open])>summary::after{content:'▸'}


/* Align child labels with the parent label, after its number and gap. */
@media(max-width:800px){.finance-subnav{padding-left:22px}}
@media(max-width:540px){.finance-subnav{padding-left:17px}}

.client-management-list table{min-width:100%;width:max-content}
.client-management-list .client-group[hidden]{display:none}
.client-management-list th,.client-management-list td{white-space:nowrap}
.client-management-list td:first-child{max-width:300px;white-space:normal;overflow-wrap:anywhere}
.client-row-actions{flex-wrap:nowrap;gap:8px}
.client-shop-card{padding:14px 0;border-bottom:1px solid var(--line)}
.client-shop-card h3{font-size:14px;margin:0}
.client-drawer form{display:grid;gap:14px}
.client-drawer form label{min-width:0}
.client-drawer input:not([type=checkbox]),.client-drawer select{width:100%;min-width:0}
.client-selection{border:1px solid var(--line);border-radius:8px;margin:0;padding:12px;max-height:320px;overflow:auto;min-width:0}
.client-selection legend{padding:0 6px}.client-selection .setting small{display:block}.client-selection .setting{gap:20px}
.work-layout.detail-open:has(.client-drawer){grid-template-columns:180px minmax(0,1fr)}
.detail-drawer:has(.client-drawer){position:fixed;right:18px;top:88px;bottom:18px;width:min(480px,calc(100vw - 210px));max-height:none;z-index:20;box-shadow:-14px 0 50px #0008}
@media(max-width:800px){.work-layout.detail-open:has(.client-drawer){grid-template-columns:145px minmax(0,1fr)}.detail-drawer:has(.client-drawer){width:min(450px,calc(100vw - 175px))}}
@media(max-width:540px){.work-layout.detail-open:has(.client-drawer){grid-template-columns:116px minmax(0,1fr)}.detail-drawer:has(.client-drawer){left:10px;right:10px;width:auto;top:70px;bottom:10px}}

/* Client capture shares the compact form rhythm and scoped original preview. */
.client-form{display:grid;gap:14px}.client-form>label{gap:6px}.client-form>label.setting{padding:10px 0}.client-form img{max-width:100%;height:auto}.client-form iframe{width:100%;height:380px;border:0}.client-profile{padding:12px 0;margin-bottom:14px;border-bottom:1px solid var(--line)}.client-incoming{margin:0 0 20px}.client-incoming h4{font-size:14px;font-weight:550}.client-form [role=status]:empty{display:none}
#client-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}#client-profile-form>div,#client-profile-form>details,#client-profile-form>.setting,#client-profile-form>label:has(input[name=name]){grid-column:1/-1}#client-profile-form input,#client-profile-form select{width:100%;min-width:0}#client-profile-form .setting input{width:18px;flex:none}@media(max-width:600px){#client-profile-form{grid-template-columns:1fr}}

#client-profile-form>.client-target{grid-column:1/-1}.client-target{border:1px solid var(--line);border-radius:9px;padding:14px;min-width:0}.client-target legend{font-size:12px;color:var(--muted)}.client-target .actions{margin-top:10px}.client-target input{width:100%;min-width:0}


/* Two visual client paths; independent fields and explicit submission intent. */
#client-profile-form.client-with-tabs{grid-template-columns:130px minmax(0,1fr);gap:22px;align-items:start}
#client-profile-form.client-with-tabs>.client-path-tabs{grid-column:1;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);padding-right:12px}
#client-profile-form.client-with-tabs>.client-path-content{grid-column:2;min-width:0}
.client-path-tabs [role=tab]{text-align:left;white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:10px 8px;height:auto;min-height:38px}
.client-path-tabs [aria-selected=true]{background:rgba(100,210,190,.1);color:var(--text);box-shadow:inset 3px 0 var(--accent,#8bd4c5)}
.client-path-content{display:grid;gap:16px}.client-path-content .setting{padding:8px 0}.client-resolved-name{margin-top:16px}
.client-offline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-offline-fields>fieldset,.client-offline-fields>div,.client-offline-fields>details,.client-offline-fields>label:has([name=name]){grid-column:1/-1}
.client-path-content>[hidden]{display:none!important}
@media(max-width:600px){#client-profile-form.client-with-tabs{grid-template-columns:106px minmax(0,1fr);gap:12px}.client-path-tabs [role=tab]{font-size:12px;padding:8px 4px}.client-offline-fields{grid-template-columns:1fr}}
/* Keep the larger client panel dimensions stable when switching tabs. */
#modal[open]:has(.client-with-tabs){width:min(760px,94vw);height:min(780px,90dvh);max-height:90dvh;display:flex;flex-direction:column;overflow:hidden}
#modal:has(.client-with-tabs)>.modal-head{flex:none}
#modal:has(.client-with-tabs)>#modal-body{flex:1;min-height:0}
#client-profile-form.client-with-tabs{height:100%;min-height:0;align-items:stretch}
#client-profile-form.client-with-tabs>.client-path-tabs{align-self:start}
#client-profile-form.client-with-tabs>.client-path-content{overflow-y:auto;scrollbar-gutter:stable;align-content:start;padding-right:8px}
.client-path-tabs [role=tab]{width:100%;height:42px;min-height:42px;box-sizing:border-box}

.license-provenance{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.client-license-original img,.client-license-original iframe{max-width:100%;width:100%;border:0}.client-license-original iframe{height:420px}.client-shared-subject{margin:12px 0}.client-profile-view h3{font-size:14px;margin-top:22px}

.modal-form-error{color:#ffd6bc;background:#452e25;border:1px solid #996b51;border-radius:8px;padding:12px 14px;margin:8px 0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.modal-form-error[hidden]{display:none}

.client-form>.client-confirm-fold{margin:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.client-confirm-fold>summary{font-size:13px;line-height:1.6}.client-confirm-fold>summary span{margin-left:12px;color:var(--muted);font-size:12px}.client-confirm-fold>.client-selection{margin-top:10px}

.issuer-pending-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#d93838;box-shadow:0 0 0 2px #fff;margin-left:7px;vertical-align:middle}.issuer-form>label,.issuer-drop>label{position:relative}.issuer-form>label>.issuer-pending-dot,.issuer-drop>label>.issuer-pending-dot{position:absolute;right:2px;top:3px}.issuer-next-step{font-size:12px;line-height:1.6;color:#f0ceaa;border-left:2px solid #d93838;padding-left:10px;margin:0}

.action-guidance-dot{display:inline-block;width:7px;height:7px;min-width:7px;border-radius:50%;background:#e65353;margin-left:7px;vertical-align:middle;box-shadow:0 0 0 2px #fff}
label:has(>.action-guidance-dot){position:relative}label>.action-guidance-dot{position:absolute;right:2px;top:4px}
.action-guidance-note{font-size:12px;line-height:1.6;border-left:2px solid #e65353;padding-left:9px;margin:0 0 10px;color:var(--muted)}

/* Shared workspace scope, compact search beside explicit selection. */
.global-shop-scope{flex-wrap:wrap}.global-shop-scope>label{flex-wrap:wrap}
.global-shop-scope input[type=search]{width:155px;min-width:0;padding:5px 10px;font-size:12px}
.global-shop-scope .scope-search-status{font-size:11px;color:var(--muted)}
.global-shop-scope .scope-search-status:empty{display:none}

.scope-cooperation-mode{font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:6px}

.global-shop-scope{display:flex;flex-direction:column;align-items:stretch;gap:9px}
.global-shop-scope .scope-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.global-shop-scope .scope-row>label,.global-shop-scope .scope-row>span:first-child:not(.scope-search-status){width:64px;flex:0 0 64px;font-size:13px}
.global-shop-scope .scope-row select{width:300px;max-width:42vw;min-width:180px;height:34px;box-sizing:border-box}
.global-shop-scope .scope-row input[type=search]{width:170px;height:34px;box-sizing:border-box}
.global-shop-scope .scope-row .scope-cooperation-mode{width:auto;flex:initial}

/* Shared company, shop and employee list headers. */
.actions.management-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;min-height:32px}
.actions.management-toolbar>label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;white-space:nowrap}
.actions.management-toolbar input,.actions.management-toolbar select{height:var(--action-height);padding:5px 10px;margin:0;font-size:var(--action-font-size);line-height:var(--action-line-height);box-sizing:border-box}
.actions.management-toolbar input{width:200px;max-width:100%}
.actions.management-toolbar .management-summary{font-size:12px;color:var(--muted)}
.actions.management-toolbar+p.hint{margin:0 0 12px;font-size:12px;line-height:1.6}

/* Keep expanded receipt headings, controls and help text separated. */
#receipt-panel .receipt-legacy>summary{line-height:20px}
#receipt-panel .receipt-legacy[open]>summary{margin-bottom:8px}
#receipt-panel .receipt-legacy>.actions{gap:8px;margin:0 0 8px}
#receipt-panel .receipt-legacy>p{margin:8px 0;line-height:1.6}
#receipt-panel .receipt-legacy>h3{margin:12px 0 8px}
#receipt-panel .receipt-legacy>button{margin-right:8px}

.receipt-folder-options{margin:8px 0 12px}.receipt-folder-options[open]>summary{margin-bottom:8px}.receipt-folder-options>button{margin:0 0 8px}

/* Both workspaces: one compact rhythm throughout local receipt settings. */
#modal-body form:has(#receipt-source){display:grid;gap:12px}
#modal-body form:has(#receipt-source)>label,
#modal-body form:has(#receipt-source) .receipt-folder-options>label{display:grid;gap:6px;margin:0}
#modal-body form:has(#receipt-source) input:not([type=checkbox]),
#modal-body form:has(#receipt-source) select{margin:0}
#modal-body form:has(#receipt-source)>.hint{margin:0;line-height:1.6}
#modal-body form:has(#receipt-source)>.actions{margin:0;gap:8px}
#modal-body form:has(#receipt-source) .receipt-options{display:grid;gap:8px;margin:0}
#modal-body form:has(#receipt-source) .receipt-options>label{display:flex;align-items:flex-start;gap:8px;margin:0;line-height:20px}
#modal-body form:has(#receipt-source) .receipt-options input[type=checkbox]{margin:2px 0 0;flex:none}
#modal-body form:has(#receipt-source)>.receipt-folder-options{margin:0}
#modal-body form:has(#receipt-source) .receipt-folder-options>button{margin:8px 0 0}
#modal-body form:has(#receipt-source) .receipt-folder-options>label{margin-top:12px}
#modal-body form:has(#receipt-source)>.form-actions{margin:0;padding-top:4px}
#modal-body form:has(#receipt-source)>[role=status]:empty{display:none}

.receipt-row-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:260px}
dialog.receipt-side-form{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,94vw);max-width:94vw;height:100dvh;max-height:100dvh;border-radius:14px 0 0 14px;overflow:auto;padding:24px}
.receipt-side-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.receipt-shop-archive>p,.receipt-shop-archive .receipt-status{margin-bottom:12px}
@media(max-width:600px){.receipt-side-form .form-grid{grid-template-columns:1fr}}

/* Shared merchant/finance browser-upload surface. */
.receipt-dropzone{padding:18px 16px;margin:12px 0;border:1px dashed var(--line,#56766f);border-radius:8px;text-align:center;cursor:pointer;background:rgba(90,170,145,.04)}
.receipt-dropzone:hover,.receipt-dropzone:focus-visible{border-color:#83c4b1;background:rgba(90,170,145,.1)}
.receipt-dropzone small{display:block;margin-top:6px;opacity:.7}
.receipt-side-form form{display:grid;gap:12px}
.receipt-side-form form>p{margin:0}

.receipt-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.receipt-methods h3{margin:0 0 8px}.receipt-sync-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px;border:1px solid var(--line,#d6dde5);border-radius:8px;background:var(--surface,#fff);text-align:left}.receipt-sync-card strong{font-size:16px}.receipt-sync-card small{font-weight:normal}.management-toolbar h3{margin:0}@media(max-width:700px){.receipt-methods{grid-template-columns:1fr}}
body #receipt-panel button.receipt-sync-card{height:auto;min-height:144px;white-space:normal;padding:18px;border-radius:8px;background:var(--panel);color:var(--text);align-self:stretch;align-items:center;text-align:center;line-height:1.6}#receipt-panel .receipt-methods>.receipt-dropzone{margin:0;min-height:144px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#receipt-panel .receipt-sync-card small{color:var(--muted)}

#receipt-panel .receipt-methods>section,#receipt-panel .receipt-methods>button{box-sizing:border-box;width:100%;align-self:stretch;height:auto}

#receipt-panel .receipt-upload-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;box-sizing:border-box;border:1.5px dashed currentColor;border-radius:50%;font-size:26px;font-weight:400;line-height:1;color:var(--muted,#95a5ab);opacity:.65;margin:0 0 8px}
#receipt-panel .receipt-methods .receipt-dropzone h3,#receipt-panel .receipt-methods .receipt-sync-card strong{font-size:16px;font-weight:700;line-height:1.5}

.folder-sync-settings{display:grid;gap:16px}.folder-sync-settings>p{margin:0}
body #modal .folder-choice-card{display:flex;align-items:center;gap:14px;width:100%;height:auto;min-height:94px;padding:18px;text-align:left;white-space:normal;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.folder-choice-card>svg{flex:none;color:var(--muted)}.folder-choice-card>span:nth-child(2){display:grid;gap:7px;min-width:0}.folder-choice-card strong{font-size:16px}.folder-choice-card small{font-weight:400;color:var(--muted);overflow-wrap:anywhere}.folder-choice-arrow{margin-left:auto;color:var(--muted);font-size:26px}
.folder-control-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.folder-control-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.folder-control-heading h3{margin:0 0 7px;font-size:16px}.folder-control-heading small{color:var(--muted)}
body #modal button.folder-sync-switch{height:20px;min-height:20px;width:36px;min-width:36px;padding:2px;flex:none;border:1px solid var(--line);border-radius:20px;background:#455157;display:flex;align-items:center;justify-content:flex-start}.folder-sync-switch>span{width:14px;height:14px;border-radius:50%;background:#e9f0ef;transition:transform .15s}body #modal .folder-sync-switch[aria-checked=true]{background:#38745f}.folder-sync-switch[aria-checked=true]>span{transform:translateX(16px)}.folder-sync-switch:disabled{opacity:.45}
.folder-status-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:13px}.folder-status-dot{width:8px;height:8px;border-radius:50%;background:#6b787e;flex:none}.folder-status-dot[data-state=on]{background:#83c4b1}.folder-status-dot[data-state=warning]{background:#d8b26e}.folder-sync-settings [hidden]{display:none!important}

.folder-location-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.folder-location-row small{color:var(--muted)}

.receipt-inbox-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.receipt-inbox-empty>span{font-size:32px}.receipt-inbox-empty>strong{color:var(--text)}

.receipt-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.receipt-sync-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.receipt-sync-status>span{color:var(--muted);font-size:13px}#receipt-panel .receipt-compact-drop{display:flex;align-items:center;gap:12px;padding:14px 18px;min-height:0;text-align:left;margin:0 0 16px;flex-wrap:wrap}#receipt-panel .receipt-compact-drop .receipt-upload-symbol{margin:0;flex-shrink:0}.receipt-compact-drop small{display:block;margin-top:4px}.receipt-compact-drop [data-inline-summary]:empty{display:none}.receipt-compact-drop [data-inline-summary] p:empty{display:none}.receipt-mailbox{display:grid;grid-template-columns:170px minmax(0,1fr);border:1px solid var(--line);border-radius:8px;min-height:300px;overflow:hidden}.receipt-folders{padding:12px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.receipt-folders button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:8px}.receipt-folders button[aria-pressed="true"]{background:var(--accent,#237e8b);color:white}.receipt-folders b{font-size:12px}.receipt-folders>small{color:var(--muted);line-height:1.6;margin-top:12px}.receipt-messages{min-width:0;padding:14px;overflow:auto}.receipt-messages .management-toolbar{margin-bottom:12px}.receipt-messages .receipt-inbox-empty{border:0;min-height:150px;justify-content:center}@media(max-width:700px){.receipt-mailbox{grid-template-columns:1fr}.receipt-folders{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap}.receipt-folders button{width:auto}.receipt-folders>small{width:100%}.receipt-topbar{align-items:flex-start}}

/* Compact automatic receipt control: one row, with wrapping only on narrow screens. */
.folder-sync-settings .folder-control-card{display:flex;align-items:center;gap:16px;padding:10px 14px;flex-wrap:wrap}.folder-sync-settings .folder-control-heading{display:flex;align-items:center;gap:12px;flex:none}.folder-sync-settings .folder-control-heading h3{margin:0;font-size:15px}.folder-sync-settings .folder-control-heading small{display:none}.folder-sync-settings .folder-status-line{margin:0;flex:1;min-width:0}.folder-sync-settings .folder-control-card .folder-sync-switch{flex-shrink:0}

.folder-controls-row{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.folder-sync-settings .folder-controls-row .folder-control-card{border:0;padding:0;border-radius:0;background:transparent;gap:8px;flex:1;min-width:240px}.folder-controls-row .folder-status-line,.folder-controls-row #folder-organize-state{font-size:12px;color:var(--muted)}

.folder-location-controls{display:flex;align-items:center;gap:12px}.folder-sync-settings .folder-location-controls .folder-choice-card{flex:1;min-width:0;min-height:48px;height:48px;padding:10px 14px}.folder-location-controls #folder-sync-locate{flex:none;white-space:nowrap}.folder-location-controls .folder-choice-card svg{width:22px;height:22px}
body #modal .folder-location-controls .folder-choice-card{height:40px;min-height:40px;padding:8px 12px;border-radius:8px;gap:10px}body #modal .folder-sync-settings .folder-choice-card strong{font-size:14px;font-weight:550}body #modal .folder-sync-settings .folder-control-heading h3{font-size:14px;font-weight:550}.folder-sync-settings{gap:12px}.folder-sync-settings .folder-choice-arrow{font-size:20px}.folder-sync-settings .receipt-setup-guide{font-size:12px;line-height:1.65}.receipt-setup-guide ol{padding-left:22px;margin:6px 0 14px}.receipt-setup-guide li{margin-bottom:6px}.folder-controls-row{gap:14px;align-items:center}.folder-sync-settings .folder-controls-row .folder-control-card{min-width:0;flex-wrap:nowrap}.folder-controls-row #folder-organize-state{flex:1;min-width:0}.folder-location-controls #folder-sync-locate{height:40px}@media(max-width:650px){.folder-sync-settings .folder-controls-row .folder-control-card{flex-basis:100%;flex-wrap:wrap}}

#receipt-panel .receipt-compact-drop{padding:6px 12px;gap:10px;margin-bottom:12px;border-radius:6px}#receipt-panel .receipt-compact-drop .receipt-upload-symbol{width:22px;height:22px;font-size:18px;border-width:1px}#receipt-panel .receipt-compact-drop strong{font-size:12px;font-weight:500}#receipt-panel .receipt-compact-drop small{display:inline;margin:0 0 0 12px;font-size:11px}.receipt-compact-drop [data-inline-summary] p{margin:0}@media(max-width:700px){#receipt-panel .receipt-compact-drop small{display:block;margin-left:0}}

/* Shared site filing identity: public, visible before and after login. */
body > .icp-footer{display:flex;justify-content:center;align-items:center;gap:8px;margin:0;padding:16px 20px;border-top:1px solid var(--line,#303b40);font:400 12px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif;color:#a9b7bc;text-align:center;flex-wrap:wrap;background:#101517}body > .icp-footer a{color:inherit;text-decoration:none}body > .icp-footer a:hover{text-decoration:underline;color:#e9f0ef}body > .icp-footer a:focus-visible{outline:2px solid #a0dcc9;outline-offset:4px;border-radius:2px}
