:root{--canvas:#f4f6f3;--field:#fff;--muted:#647467;--line:#dfe7de}body{font-size:13px}header{height:64px;padding:0 24px;position:sticky;top:0;z-index:50;gap:16px}.brand{display:flex;align-items:center;gap:9px;font-size:17px}.brandmark{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:var(--brand);color:#fff;font-size:18px}#identity{font-size:12px;gap:14px}#identity button{font-size:12px;padding:7px 9px;min-height:31px;background:none;color:var(--ink);border:0}main{max-width:none;padding:0}.workspace-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100dvh - 64px)}.work-area{min-width:0;padding:24px}.account-context{margin:0}.account-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.account-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-title h2{font-size:20px;margin:0;overflow-wrap:anywhere}.account-state{font-size:11px;padding:2px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.account-state:empty{display:none}.current-email{font-size:12px;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}.balance-block{text-align:right;min-width:110px}.balance-number{display:block;font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--heading);white-space:normal}.observation-time{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}.account-actions{display:flex;align-items:center;gap:7px;margin:0;padding-bottom:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.account-actions button{font-size:12px;padding:8px 10px;min-height:35px}.sync-controls{display:flex;margin-left:auto;gap:7px;width:auto}.sync-controls select{width:132px;padding:8px;font-size:12px;min-height:35px}.sync-controls button{min-width:95px}.plugin-help{font-size:11px;margin:8px 0 0;color:var(--muted)}#sync-status{font-size:12px;margin:7px 0 0}#sync-status:empty{display:none}nav{margin:16px 0 0;display:flex;gap:20px;border-bottom:1px solid var(--line)}nav a{padding:10px 0;border:0;border-radius:0;background:none;font-size:13px;font-weight:500;box-shadow:none}nav a[aria-current=page]{border-bottom:2px solid var(--brand);background:none;box-shadow:none}.order-panel{padding:0;margin:0;background:none;border:0;border-radius:0;overflow:visible}.order-toolbar{display:flex;margin:14px 0 11px;justify-content:space-between;gap:10px}.quick-picks{gap:4px}.quick-picks button{font-size:12px;padding:5px 9px;min-height:30px;border-radius:6px;background:#fff}.table-wrap{overflow:auto;max-height:66vh;border:1px solid var(--line);border-radius:8px;background:#fff;isolation:isolate;overscroll-behavior:contain}#sync-table{table-layout:fixed;min-width:860px;font-size:12px;line-height:1.6}.source-col{width:26%}.cost-col{width:12%}.payment-col{width:13%}.price-col{width:12%}.remark-col{width:23%}.state-col{width:14%}#sync-table th{position:sticky;top:0;z-index:3;padding:10px 9px;font-size:11px;font-weight:500;background:#f2f6f0}#sync-table th::after{margin-left:4px;font-size:10px}#sync-table td{padding:12px 9px;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid var(--line);border-bottom:0;background:#fff}#sync-table .done,#sync-table .pending,#sync-table .restricted{background:#fff}#sync-table td:last-child,#sync-table th:last-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-4px 0 9px #173e150a}#sync-table th:last-child{z-index:5;background:#f2f6f0}.order-source strong,.order-cost strong{display:block;font-weight:550;margin-bottom:4px}.order-source small,.order-cost small{display:block;font-size:11px;color:var(--muted)}.order-reference{user-select:text}.order-cost{font-variant-numeric:tabular-nums}.remark-stack,.sync-order-actions,.input-stack{display:flex;flex-direction:column;gap:6px}#sync-table input,#sync-table select,#sync-table textarea{font-size:12px;padding:8px 7px;min-height:34px;border-radius:6px;width:100%}#sync-table textarea{margin:0;height:40px;min-height:40px;max-height:180px;line-height:1.5;resize:vertical}.sync-order-actions{align-items:flex-start}.sync-order-actions button{font-size:12px;padding:7px 9px;min-height:33px}.sync-order-actions .status-pill{padding:0;border-radius:0;background:none;font-size:11px;color:var(--muted);white-space:normal}.sync-order-actions .status-pill.success{color:var(--brand);background:none}.sync-order-actions .status-pill.error{color:#9b432e;background:none}.sync-order-actions a{font-size:11px}.restriction,.field-error,.edit-conflict-hint{font-size:11px;line-height:1.5;color:#9b432e}.field-error:empty{display:none}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#b66e61}.todo-focus td{background:#f1f8eb!important}.after-table{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:11px}.pager{padding:0;gap:10px}.pager button{padding:6px 9px;min-height:29px;font-size:11px}.empty-state{padding:44px 20px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:8px}.empty-state strong{font-size:17px}.empty-state p{font-size:13px;margin:8px 0 18px}.empty-state button{font-size:12px;min-height:35px}.order-panel:has(.empty-state:not([hidden])) .after-table{display:none}#notice{position:sticky;top:64px;z-index:20;margin:0;padding:10px 20px;font-size:12px;line-height:1.6;border-width:0 0 1px;border-radius:0}.pending-work{background:#fff5de;border:1px solid #dec99e;border-radius:8px;padding:12px 14px;margin-bottom:16px}.pending-work p{margin:6px 0 10px;font-size:12px}.pending-work>div{display:flex;flex-wrap:wrap;gap:8px}.pending-work button{font-size:12px;padding:7px 10px;min-height:32px}#transfer-panel{max-width:850px;padding-top:20px}#transfer-panel .transfer-entry{padding:20px;background:#fff;margin:0}#transfer-panel h2{font-size:18px}#transfer-form{margin-top:16px;gap:14px}.transfer-fields{gap:16px}#transfer-form label{font-size:12px}#transfer-form input,#transfer-form select{font-size:13px;padding:10px;min-height:38px}.transfer-submit{align-items:center;gap:14px}.transfer-submit button{font-size:13px;min-height:37px;padding:10px 13px}#transfer-feedback{font-size:12px}dialog{max-width:620px}dialog h2{font-size:19px}dialog button{font-size:12px;padding:8px 11px;min-height:34px}#login{padding:0 20px}button:disabled{opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}footer{padding:12px 24px;font-size:11px}main:has(#transfer-panel:not([hidden])) nav,main:has(#transfer-panel:not([hidden]))>#notice{max-width:none;margin-left:0;margin-right:0}
@media(min-width:1800px){.workspace-shell{max-width:1800px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1000px){.workspace-shell{grid-template-columns:200px minmax(0,1fr)}.work-area{padding:20px 16px}.sync-controls{margin-left:auto}.order-toolbar{flex-direction:row;align-items:center}.account-banner{align-items:flex-start}.balance-number{font-size:22px}.balance-block{max-width:44%}}
@media(max-width:700px){header{height:58px;padding:0 14px}.brand{font-size:16px;gap:7px}.brandmark{width:25px;height:25px;font-size:15px}#identity{gap:8px;font-size:11px}#identity button{padding:6px 2px;min-height:31px;font-size:11px}.workspace-shell{display:block;min-height:calc(100dvh - 58px)}.work-area{padding:18px 14px;min-width:0}.account-banner{gap:10px;margin-bottom:13px}.account-title h2{font-size:18px}.current-email{font-size:11px}.balance-block{max-width:46%;min-width:100px}.balance-number{font-size:21px}.observation-time{font-size:10px}.account-actions{gap:7px;padding-bottom:12px}.sync-controls{width:100%;margin-left:0;display:flex;gap:7px;margin-top:4px}.sync-controls select{flex:1;width:auto}.sync-controls button{flex:1}.plugin-help{font-size:10px}.order-toolbar{margin:12px 0 10px}.table-wrap{max-height:68vh}.after-table{font-size:10px;gap:12px}.pager{margin-left:auto}.quick-picks button{font-size:11px;padding:5px 8px}.account-actions button{font-size:11px}.sync-order-actions button{min-height:35px}#notice{top:58px;padding:9px 14px}#transfer-panel .transfer-entry{padding:17px 13px}.transfer-fields{gap:10px}#transfer-form{gap:14px}#transfer-form label{font-size:11px}.transfer-submit{align-items:flex-start;flex-direction:column}.transfer-submit button{width:100%}footer{padding:11px 14px}}
.check-label{display:flex!important;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer;white-space:nowrap;margin:0}.check-label[hidden]{display:none!important}#sync-table .check-label input[type=checkbox],#transfer-form .check-label input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;padding:0;flex:none;margin:0;accent-color:#107c10}.midnight-choice{margin-top:7px;color:#49664b}.transfer-purpose{display:flex;gap:16px;align-items:center;min-height:36px;margin:8px 0 14px}.transfer-purpose p{margin:0;color:#49664b;font-size:13px}#transfer-cost-fields[hidden]{display:none}#transfer-feedback{overflow-wrap:anywhere}

#sync-table .check-label{font-size:11px;gap:5px}@media(max-width:700px){.details dl{grid-template-columns:95px minmax(0,1fr)}.transfer-purpose{align-items:flex-start;flex-direction:column;gap:8px}}
.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.credential-cell{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;min-height:138px;padding:16px!important;border:1px solid var(--line);border-radius:10px;background:#f7faf5;color:var(--ink);text-align:left;white-space:normal}.credential-cell:hover,.credential-cell.copied{background:#eef7e9;border-color:#90b985}.credential-label{font-size:12px;font-weight:500;color:var(--muted)}.credential-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.6;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.credential-copy-hint{margin-top:auto;font-size:11px;font-weight:500;color:#3f6b3f}#credential-copy-feedback{min-height:22px;margin:12px 0 0;font-size:12px;color:var(--brand)}@media(max-width:700px){.credential-grid{gap:10px}.credential-cell{padding:12px!important}.credential-value{font-size:12px}}
