:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#20231f;background:#f3f4ef;--green:#167d63;--line:#d7dcd5;--muted:#69716b}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.app{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 60px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 4px 22px}.topbar h1,.section-heading h2{margin:0;letter-spacing:0}.topbar h1{font-size:30px}.topbar p{margin:8px 0 0;color:var(--muted)}.eyebrow{margin:0 0 5px!important;color:var(--green)!important;font-size:12px;font-weight:800}.environment,.pill{padding:6px 10px;border-radius:5px;background:#e4eee9;color:#11664f;font-size:12px;font-weight:700}.notice{display:flex;gap:16px;align-items:center;padding:14px 16px;margin-bottom:14px;border-left:4px solid var(--green);background:#eaf1ed}.notice span{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:14px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.section-heading h2{font-size:20px}.control-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}label span{display:block;margin-bottom:7px;color:var(--muted);font-size:13px}select,button{min-height:42px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 13px;font:inherit}select{width:100%}button{cursor:pointer;font-weight:700}.primary{border-color:var(--green);background:var(--green);color:#fff}.ghost{background:#eef0ec}.muted{color:var(--muted);font-size:13px}.workspace{display:grid;grid-template-columns:300px 1fr;gap:14px}.source-list,.candidate-list{display:grid;gap:10px}.source-item{padding:12px;border:1px solid var(--line);border-radius:5px}.source-item strong,.source-item span{display:block}.source-item span{margin-top:4px;color:var(--muted);font-size:12px}.candidate{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:15px;border:1px solid var(--line);border-radius:5px}.candidate h3{margin:0 0 7px;font-size:16px}.candidate p{margin:4px 0;color:var(--muted);font-size:13px}.candidate a{color:var(--green)}.candidate-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.empty-state{padding:46px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.run-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.run-grid div{padding:12px;background:#f3f5f1}.run-grid span,.run-grid strong{display:block}.run-grid span{font-size:12px;color:var(--muted);margin-bottom:5px}.preview-link{display:inline-block;margin-top:16px;color:var(--green);font-weight:800}.integration-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.integration-grid div{padding:13px;background:#f3f5f1}.integration-grid span,.integration-grid strong{display:block}.integration-grid span{margin-bottom:5px;color:var(--muted);font-size:12px}button:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.workspace,.control-grid,.run-grid,.integration-grid{grid-template-columns:1fr}.topbar{display:block}.environment{display:inline-block;margin-top:12px}.notice{align-items:flex-start;flex-direction:column}.candidate-actions{align-items:stretch;flex-direction:column}.candidate-actions button{width:100%}}

.credential-panel input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 13px;font:inherit}.credential-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px}.secret-field{position:relative}.secret-field input{padding-right:68px}.field-action{position:absolute;right:5px;bottom:5px;min-height:32px;padding:0 10px;background:#eef0ec}.credential-actions{display:flex;gap:10px;margin-top:14px}.credential-status-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-top:16px}.credential-status-grid div{padding:12px;background:#f3f5f1}.credential-status-grid span,.credential-status-grid strong{display:block}.credential-status-grid span{font-size:12px;color:var(--muted);margin-bottom:5px}.advanced-auth{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.advanced-auth summary{cursor:pointer;font-weight:800}.auth-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end}.auth-row label{min-width:0}.status-success{background:#e4eee9;color:#11664f}.status-warning{background:#f3ead7;color:#795712}.status-error{background:#f6dfdf;color:#9c2929}@media(max-width:760px){.credential-grid,.credential-status-grid,.auth-row{grid-template-columns:1fr}.credential-actions{align-items:stretch;flex-direction:column}.credential-actions button{width:100%}}
.credential-message{margin:14px 0 0;padding:11px 13px;border-left:3px solid var(--line);background:#f3f5f1;color:var(--muted);line-height:1.65}.credential-message.is-error{border-left-color:#b73a3a;background:#fff0f0;color:#8f2020}.credential-message.is-success{border-left-color:#14765c;background:#edf7f2;color:#11664f}

.switch-row{display:flex;align-items:center;gap:8px;margin:12px 0}.switch-row span,.recipient-enabled span{margin:0;color:#20231f}.recipient-list{display:grid;gap:10px;margin-top:12px}.recipient-row{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:10px;align-items:end;padding:12px;background:#f3f5f1}.recipient-row input[type="text"],.recipient-row input[type="email"]{width:100%;min-height:42px;border:1px solid var(--line);border-radius:5px;padding:0 12px;font:inherit}.recipient-enabled{display:flex;align-items:center;gap:7px;min-height:42px}.remove-recipient{min-height:42px}@media(max-width:760px){.recipient-row{grid-template-columns:1fr}.recipient-enabled{min-height:auto}}
.email-sender{display:block;max-width:520px}.email-sender input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:5px;padding:0 12px;font:inherit}
.run-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}