.qd-workspace{--panel:#fff;--text:#1d2939;--line:#dce3ec;--muted:#68788f;--table-head-bg:#e3edfa;--ui-ink:var(--text);--ui-ink-secondary:var(--muted);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:has(#appShell[data-ui-theme="dark"]) .qd-workspace{--panel:#182231;--text:#e8edf6;--line:#2c3a4e;--muted:#aab7ca;--table-head-bg:#253850}
.qd-workspace .btn-outline{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:none}.qd-workspace .btn{box-shadow:none}.qd-workspace .qd-head{background:var(--panel)}.qd-workspace .qd-table th{color:var(--text)}
.qd-workspace .qd-table tbody td{color:var(--text);background:var(--panel)}
.qd-workspace{width:100%;min-width:0;padding:0;border:1px solid var(--line,#dce3ec);border-radius:18px;background:var(--panel,#fff);color:var(--text,#1d2939);overflow:hidden}
.qd-workspace *{box-sizing:border-box}.qd-workspace [hidden]{display:none!important}.qd-head,.qd-body{padding:24px}.qd-head{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line,#dce3ec);gap:20px}.qd-head h2{margin:0 0 8px;font-size:23px}.qd-head p{margin:0;max-width:850px}.qd-head button{flex-shrink:0}.qd-workspace button{cursor:pointer}.qd-workspace button:disabled{cursor:not-allowed;opacity:.5}.qd-workspace button:focus-visible,.qd-workspace input:focus-visible,.qd-workspace select:focus-visible{outline:3px solid #84b6ff;outline-offset:2px}
.qd-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.qd-workspace label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.qd-workspace input:not([type=checkbox]),.qd-workspace select{width:100%;min-height:42px;border:1px solid var(--line,#cfd7e3);border-radius:8px;padding:9px 12px;background:var(--panel,#fff);color:inherit;font:inherit}.qd-workspace input[type=checkbox]{width:18px;height:18px;accent-color:#176bf0}.qd-workspace fieldset{border:0;padding:0;margin:0}.qd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.qd-workspace .qd-hint{font-size:14px;line-height:1.55;color:var(--muted,#68788f);margin:12px 0}.qd-status{white-space:pre-wrap;margin:14px 0;line-height:1.6}.qd-status:empty{display:none}.qd-status[data-error=true]{color:#b42318}.qd-table-wrap{overflow:auto;border:1px solid var(--line,#dce3ec);border-radius:10px;max-height:390px}.qd-table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.qd-table th{background:var(--table-head-bg,#e3edfa);position:sticky;top:0;text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;z-index:1}.qd-table th,.qd-table td{padding:12px 14px;border-bottom:1px solid var(--line,#dce3ec)}.qd-table td:last-child{min-width:240px;max-width:360px;white-space:normal}.qd-table tr:last-child td{border:0}.qd-summary{padding:16px 0;line-height:1.6;font-weight:600}.qd-confirm{padding:20px;border:1px solid #f5b5ac;border-radius:12px;background:var(--panel,#fff)}.qd-confirm h3{margin-top:0}.qd-confirm .qd-ack{display:flex;flex-direction:row;align-items:start;font-weight:400}.qd-confirm .qd-ack input{flex-shrink:0}.qd-confirm .qd-phrase{max-width:340px;margin-top:16px}.qd-danger{background:#b42318;color:white;border:0;border-radius:8px;padding:11px 18px;font-weight:600}.qd-history{border-top:1px solid var(--line,#dce3ec);padding-top:16px;margin-top:24px}.qd-history li{margin:10px 0}.qd-workspace summary{cursor:pointer;font-weight:600}.qd-workspace .qd-csv{margin-top:16px}.qd-workspace h3{font-size:17px}.qd-workspace .qd-grid-section{margin-top:20px}
@media(max-width:750px){.qd-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.qd-head,.qd-body{padding:16px}.qd-head h2{font-size:20px}}@media(max-width:440px){.qd-fields{grid-template-columns:1fr}}
.qd-import{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:12px;max-width:900px;background:var(--panel)}
.qd-import-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.qd-import-heading h3{margin:0}.qd-import-heading .qd-hint{margin:4px 0 0}.qd-import-heading button{flex-shrink:0}
.qd-import-note{border-top:1px solid var(--line);padding-top:16px;margin:18px 0 0;color:var(--muted);line-height:1.6;font-size:13px}.qd-import label{min-width:0}.qd-import select{min-width:0;text-overflow:ellipsis}
@media(max-width:600px){.qd-import{padding:16px}.qd-import-heading{flex-direction:column}.qd-import-heading button{align-self:start}}
