/* Xbox green theme; layout and business states stay unchanged. */
:root{--brand:#107c10;--brand-hover:#0c620c;--brand-soft:#e9f5e7;--canvas:#f2f6f1;--ink:#27382a;--muted:#6e8070;--line:#d9e4d7;--field:#f8faf7;--heading:#203c24}
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:70px;padding:0 3%;display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.brand{color:var(--heading);font-size:23px;font-weight:750;text-decoration:none}.preview-label,.pill{display:inline-flex;align-items:center;padding:9px 14px;border-radius:24px;background:#f0f5ef;font-size:13px;font-weight:650;white-space:nowrap}#identity{margin-left:auto;display:flex;align-items:center;gap:16px}main{max-width:2048px;margin:auto;padding:24px 30px 55px}nav{display:flex;gap:8px;margin-bottom:22px}nav a{padding:12px 25px;color:#526b54;text-decoration:none;border-radius:10px;font-size:15px;font-weight:650}nav a[aria-current=page]{color:var(--brand);background:var(--brand-soft);box-shadow:0 2px 10px #2d5c2408}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px;box-shadow:0 3px 10px #2d5c2405}h1,h2{font-size:23px;margin:0 0 8px;font-weight:750;color:var(--heading)}p{font-size:14px;line-height:1.8;color:var(--muted);margin:8px 0 20px}input,select,textarea{padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font:inherit;font-size:14px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px}input[readonly],input:disabled{color:#5d735f;background:#f1f5ef}button{border:0;border-radius:9px;padding:13px 20px;background:var(--brand);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}button:disabled{opacity:.4;cursor:default}.secondary{background:var(--field);color:#2b622f;border:1px solid var(--line)}.quick-picks{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.quick-picks button,.quick-picks .pill{padding:9px 13px;border-radius:24px;background:var(--field);border:1px solid var(--line);color:#2b622f;font-size:13px}.quick-picks button[aria-pressed=true]{background:var(--brand-soft);border-color:#96bc8f}.section-head,.order-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.order-toolbar{margin:24px 0 18px}.sync-controls,.account-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.account-picker{position:relative;display:inline-flex;margin-right:10px;max-width:620px;width:50%}.account-picker input{width:100%;border-radius:10px 0 0 10px}.account-picker>button{border-radius:0 10px 10px 0}#account-options{position:absolute;left:0;right:0;top:100%;z-index:5;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px #2d5c2420;border-radius:10px;max-height:300px;overflow:auto;padding:8px}#account-options button{display:block;background:#fff;color:var(--ink);text-align:left;width:100%;margin:3px 0}#account-options button:hover{background:var(--brand-soft)}.sync-controls{display:inline-flex;vertical-align:top}.account-actions{margin-top:15px}.muted{font-size:13px;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;line-height:1.7}th{background:#edf4ea;color:#607a62;font-weight:700;padding:15px 10px;white-space:nowrap}td{padding:16px 10px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}.order-panel{padding:24px 0 0;overflow:hidden}.order-panel>h2,.order-panel>p,.order-toolbar{margin-left:24px;margin-right:24px}#sync-table{table-layout:fixed;min-width:1180px}.date-col{width:8%}.id-col{width:9%}.product-col{width:12%}.cost-col{width:8%}.rmb-col{width:7%}.handler-col{width:6%}.payment-col{width:10%}.price-col{width:9%}.remark-col{width:18%}.state-col{width:13%}#sync-table input,#sync-table select{width:100%;padding:13px 9px;border-radius:9px;font-size:13px}#sync-table .done{background:#f3f9ef}#sync-table .pending{background:#fff}#sync-table .restricted{background:#faf9f5}.remark-stack,.sync-order-actions{display:flex;flex-direction:column;gap:8px}.sync-order-actions{align-items:flex-start}.status-pill{display:inline-flex;font-size:12px;font-weight:650;color:#4d7050;background:#edf4ea;padding:5px 9px;border-radius:20px}.status-pill.success{color:var(--brand);background:#e2f2db}.status-pill.error{color:#984e3d;background:#f6e8e3}.sync-order-actions a{color:var(--brand);font-size:12px;cursor:pointer}.sync-order-actions button{padding:12px 13px}.restriction{font-size:11px;color:#886b4b}.pager{display:flex;gap:20px;justify-content:center;align-items:center;padding:18px}.pager button{font-size:12px;padding:9px 15px}textarea{width:100%;resize:vertical;margin-bottom:12px}#notice{background:#fff3df;border:1px solid #ead7b5;color:#8a5e27;border-radius:10px;padding:13px;margin:0 0 20px;white-space:pre-line}#notice:empty{display:none}#login{max-width:400px;margin:10vh auto}label{display:grid;gap:8px;margin:20px 0}#login button{width:100%}dialog{width:min(760px,95vw);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 20px 80px #203c2433}dialog::backdrop{background:#203c2460}.close{float:right}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:65vh;overflow:auto}code{display:block;background:#edf4ea;padding:16px;margin-bottom:14px;overflow-wrap:anywhere}a{color:var(--brand)}footer{font-size:12px;color:var(--muted);padding:20px 30px;border-top:1px solid var(--line)}@media(max-width:900px){main{padding:16px 12px}.account-picker{width:100%;margin-bottom:12px}.sync-controls{width:100%}.order-toolbar{align-items:flex-start;flex-direction:column}.panel{padding:18px}.order-panel{padding:18px 0 0}.preview-label{display:none}}

#sync-table th{cursor:pointer}#sync-table th::after{content:'↕';font-size:11px;color:#a5bba0;margin-left:10px}#sync-table th[aria-sort=ascending]::after{content:'↑'}#sync-table th[aria-sort=descending]::after{content:'↓'}

.details dl{display:grid;grid-template-columns:150px 1fr;gap:10px}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.details details{margin-top:20px}.details p{margin:8px 0}.details summary{cursor:pointer;color:var(--brand)}

.edit-conflict-hint{display:block;margin-top:5px;color:#886b4b;font-size:11px;line-height:1.5;overflow-wrap:anywhere}


#transfer-form input,#transfer-form select{font-size:16px}.quick-picks button{font-size:14px;padding:6px 10px}

/* Four compact paired rows, including the narrow in-app panel. */
#transfer-panel{max-width:960px;margin:0 auto}
#transfer-panel .transfer-entry{padding:24px 28px}
#transfer-form{display:grid;gap:16px;margin-top:22px}
.transfer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.transfer-order-fields,.transfer-remark-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
#transfer-form label{margin:0;min-width:0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;line-height:1.5;color:#526b54;font-weight:550}
#transfer-form input,#transfer-form select{width:100%;min-height:42px;font-size:14px;font-weight:400;line-height:1.4;background:#fafcf9;border-color:var(--line);padding:10px 12px}
#transfer-form input::placeholder{color:#93a38f}
.transfer-submit{padding-top:5px;display:flex;align-items:center;gap:16px}
#transfer-feedback{margin:0;line-height:1.6;font-size:13px;flex:1}
#transfer-feedback:empty{display:none}
.transfer-submit button{margin-left:auto;min-height:42px;padding:10px 22px}
main:has(#transfer-panel:not([hidden])) nav,main:has(#transfer-panel:not([hidden]))>#notice{max-width:960px;margin-left:auto;margin-right:auto}
@media(max-width:720px){#transfer-panel .transfer-entry{padding:22px 20px}.transfer-fields{gap:12px}}
@media(max-width:420px){#transfer-panel .transfer-entry{padding:20px 14px}.transfer-fields,.transfer-order-fields,.transfer-remark-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#transfer-form input,#transfer-form select{padding:10px 8px;font-size:13px}#transfer-form label{grid-template-columns:minmax(0,1fr);gap:6px}.transfer-submit{flex-wrap:wrap}}

button:not(.secondary):not(:disabled):hover{background:var(--brand-hover)}
.secondary:not(:disabled):hover,.quick-picks button:not(:disabled):hover{background:var(--brand-soft);border-color:#96bc8f}
button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}