:root{color-scheme:light;--navy:#122b51;--blue:#315f98;--paper:#f6f8fc;--line:#dce4ef;--danger:#a42d28}
*{box-sizing:border-box}
body{margin:0;color:#172947;background:linear-gradient(145deg,#edf3fa,#fff8ed);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}
.header{padding:18px 5vw;color:#fff;background:var(--navy)}
.header-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center}
.brand,.back{color:inherit;text-decoration:none;font-weight:900}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:40px;height:40px;object-fit:contain}
main{width:min(1200px,calc(100% - 28px));margin:34px auto 70px}
.hero{margin-bottom:24px}.hero h1{margin:6px 0;font:700 clamp(36px,7vw,64px) Georgia,"Noto Serif TC",serif}
.eyebrow{margin:0;color:#b34b36;font-size:11px;font-weight:900;letter-spacing:.18em}
.panel{margin:18px 0;padding:clamp(20px,4vw,36px);border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 20px 60px rgba(30,55,90,.12)}
.panel h2,.message-toolbar h2{margin:5px 0 10px}
.transport{padding:14px 16px;border-radius:14px;color:#733426;background:#fff0d8;font-weight:800}
.transport[data-connected=true]{color:#21572e;background:#e4f5e8}
.sender-panel{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);gap:24px;align-items:start}
.sender-panel .helper{margin-bottom:0;color:#5c6d84;line-height:1.55}
.sender-form,.field{display:grid;gap:7px;font-weight:800}
.sender-form input,.field input,.template-controls select,.template-controls input{width:100%;min-height:44px;padding:9px 11px;border:1px solid #bacce1;border-radius:11px;background:#fff;font:inherit}
.connection-detail,.file-note{margin:8px 0 0;color:#5d6f87;font-size:13px}
.button-row,.card-actions,.message-toolbar,.card-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.message-toolbar,.card-heading{justify-content:space-between}.message-toolbar{margin:32px 0 16px}.card-heading h2{margin:0}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.template-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(30,55,90,.06)}
.template-card textarea{width:100%;min-height:170px;padding:13px;border:1px solid #bacce1;border-radius:13px;resize:vertical;font:inherit}
.enabled{display:inline-flex;gap:8px;margin:16px 0 12px;font-weight:900}
.template-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.template-controls label{display:grid;gap:5px;font-weight:800}
.daily-time-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:13px;border:1px solid #c6d4e5;border-radius:14px;background:#f5f8fc}
.daily-time-controls legend,.asset-box legend{padding:0 6px;font-weight:900}.daily-time-controls[data-disabled=true]{opacity:.48}.daily-time-controls label{font-size:13px}.daily-time-controls select{font-variant-numeric:tabular-nums}
.asset-box{display:grid;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}
.asset-box .field{font-size:13px}.remove-signature{color:var(--danger);font-weight:800}
.saved-files{display:grid;gap:7px}.saved-files>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#edf3fa;font-size:13px}.saved-files>div[data-removed=true]{opacity:.5;text-decoration:line-through}
.recipient-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.recipient-list{max-height:210px;overflow:auto;display:grid;gap:7px;margin:8px 0 14px;padding:10px;border-radius:12px;background:#f3f7fc}.recipient-list label{display:flex;gap:8px}
.primary,.secondary,.send-once,.danger-text{min-height:42px;padding:9px 16px;border:0;border-radius:999px;font:inherit;font-weight:900;cursor:pointer}.primary{color:#fff;background:var(--blue)}.secondary{color:var(--blue);background:#e8f0fa}.send-once{color:#fff;background:#9b4b19}.danger-text{min-height:auto;padding:6px 9px;color:var(--danger);background:#fff0ef}.danger-text.small{font-size:12px}.primary:disabled,.secondary:disabled,.send-once:disabled{cursor:wait;opacity:.55}
.status{position:sticky;bottom:10px;z-index:2;min-height:20px;margin-top:20px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 6px 24px rgba(30,55,90,.13);font-weight:800}.status:empty{visibility:hidden}.status[data-state=error]{color:var(--danger)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}details pre{white-space:pre-wrap}.empty{padding:24px;text-align:center;color:#6d7c91}
@media(max-width:760px){.template-grid,.template-controls,.sender-panel{grid-template-columns:1fr}.header-inner{gap:12px}.back{font-size:13px}.message-toolbar{align-items:flex-end}.card-actions>*{flex:1}.sender-form .button-row>*{flex:1}}