.mail-task-panel{position:fixed;right:20px;top:100px;bottom:20px;width:min(520px,calc(100vw - 40px));z-index:35;display:flex;flex-direction:column;background:#fff;border:1px solid #cdd8e5;border-radius:14px;box-shadow:0 10px 40px #1d355733;overflow:hidden;color:#24364a}
.mail-task-panel>header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #e4eaf2;background:#f6f9fd}
.mail-task-panel header strong{display:block;font-size:18px;margin-bottom:6px}.mail-task-panel small{font-size:12px;color:#6b7c91;display:block}.mail-task-panel header button{font-size:22px;padding:0 8px}
.task-results{flex:1;overflow:auto;padding:18px 22px;min-height:80px}.task-empty{padding:20px 4px;line-height:1.7;color:#687a91}.task-empty strong{color:#24364a}
.task-result{padding:18px 0;border-bottom:1px solid #e5ebf2}.task-result:first-child{padding-top:0}.task-result-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#75879b}
.task-request{color:#76869a;font-size:13px;white-space:pre-wrap;margin:12px 0}.task-output{white-space:pre-wrap;line-height:1.75;font-size:14px;overflow-wrap:anywhere}.task-result h3{font-size:16px;margin:12px 0}.task-result button{margin:14px 0}
.task-executions{padding:12px;margin-top:14px;background:#f4f8fc;border-radius:9px;font-size:13px}.task-executions p{line-height:1.6}.task-executions dl{display:grid;grid-template-columns:78px 1fr;gap:8px;margin:10px 0}.task-executions dt{color:#76869a}.task-executions dd{margin:0;overflow-wrap:anywhere}
#task-form{padding:16px 22px;border-top:1px solid #dce5ef;background:#fafcfe;flex-shrink:0}.task-examples{display:flex;gap:8px;margin-bottom:12px}.task-examples button{font-size:12px;padding:6px 10px}
.task-sources{max-height:125px;overflow:auto;padding:10px;background:#fff;border:1px solid #e4eaf2;border-radius:8px;margin-bottom:12px;font-size:12px}.task-sources>span{display:block;font-weight:600;margin-bottom:7px}.task-sources label{display:flex;align-items:center;gap:8px;margin:7px 0;overflow-wrap:anywhere}.task-sources input{width:auto;margin:0;flex-shrink:0}.task-sources a{margin-left:auto;white-space:nowrap}
#task-text{display:block;width:100%;resize:none;min-height:68px;max-height:200px;overflow:auto;padding:12px;font-size:14px;line-height:1.6}.task-submit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.task-open-button{color:#2966a4;font-weight:600}
@media(max-width:700px){.mail-task-panel{inset:80px 8px 8px;width:auto}.mail-task-panel>header,.task-results,#task-form{padding-left:16px;padding-right:16px}.task-submit-row small{max-width:150px}}