.flowInboxDialog{font:16px/1.5 "Segoe UI",Arial,sans-serif;width:min(1200px,94vw);max-height:92dvh;overflow:auto;border:1px solid var(--line,#718b9b);border-radius:16px;background:var(--panel,#11232e);color:var(--ink,#eef5fa);padding:24px}
.flowInboxDialog::backdrop{background:#08111dbe}
.flowInboxDialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.flowInboxDialog :is(p,label,span,small,li,b,strong,summary,pre){color:inherit}
.flowInboxTools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
.flowInboxTools label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.flowInboxRows{display:grid;gap:12px}
.flowInboxRow{border:1px solid var(--line);border-left:5px solid #c18a20;border-radius:10px;padding:16px;overflow-wrap:anywhere;background:var(--panel);color:var(--ink)}
.flowInboxRow p{white-space:pre-wrap;margin:8px 0}
.flowInboxRow .flowTaskHeading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:700}
.flowInboxDialog .flowTaskCenter{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--soft);color:var(--ink)}
.flowInboxRow .flowTaskRoute{font-size:20px;line-height:1.4;font-weight:750;margin:10px 0}
.flowInboxRow .flowTaskMeta{font-size:14px;color:var(--muted)}
.flowInboxProblem{border-left:5px solid #cb263d!important;background:var(--danger-bg,#4b2426)!important;color:var(--danger-ink,#ffd1cc)!important}
.flowInboxProblem .flowTaskMeta{color:inherit}
.flowInboxUrgent{background:#9b2335!important;color:#fff!important;border:1px solid #ff8390!important}
.flowInboxDialog .flowInboxError{color:var(--danger-ink,#ffd1cc);background:var(--danger-bg,#4b2426);white-space:pre-wrap;border-radius:8px;padding:12px}
.flowInboxDialog .flowInboxError:empty{display:none}
.flowInboxToast{position:fixed;right:20px;bottom:20px;z-index:10000;max-width:min(480px,calc(100vw - 40px));background:var(--panel,#11232e);color:var(--ink,#eef5fa);border:1px solid var(--line);box-shadow:0 8px 30px #0008;border-radius:12px;padding:18px}
.flowInboxToast[hidden]{display:none}.flowInboxToast strong{display:block;margin-bottom:12px}.flowInboxToast button{margin:4px}
.flowMailLayout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.8fr);gap:20px;align-items:start}
.flowMailList{display:flex;flex-direction:column;gap:10px;max-height:64dvh;overflow:auto;padding:3px 8px 3px 3px;min-width:0;scrollbar-gutter:stable}
.flowInboxDialog .flowMailList button{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;width:100%;height:auto;min-height:110px;max-height:none;padding:14px;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.45;color:var(--ink);background:var(--soft)}
.flowMailList button b{display:block;line-height:1.45}.flowMailList button span{font-size:13px}.flowMailList button small{font-size:12px;font-weight:700}
.flowInboxDialog .flowMailList button[aria-current=true]{outline:2px solid var(--focus);outline-offset:0;background:var(--selected);box-shadow:inset 4px 0 var(--accent)}
.flowMailDetail{min-width:0;border:1px solid var(--line);border-radius:10px;padding:18px;overflow-wrap:anywhere;max-height:64dvh;overflow:auto;scrollbar-gutter:stable;background:var(--panel)}
.flowMailDetail h3{font-size:21px;line-height:1.4;margin-top:0}
.flowMailHint{padding:16px;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}
.flowInboxDialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;background:var(--soft);border-radius:8px;padding:12px;font:14px/1.5 ui-monospace,monospace}
.flowInboxDialog textarea{display:block;width:100%;min-height:85px}
.flowInboxDialog input[type=file]{max-width:240px}
.flowInboxDialog :is(select,textarea,input[type=password],input[type=number]){background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px}
.flowInboxDialog details{margin:14px 0}.flowInboxDialog summary{cursor:pointer;min-height:32px}
.flowAiSettings{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--soft);margin:16px 0}
.flowAiSettings label{display:block;margin:12px 0}.flowAiSettings input[type=password]{display:block;width:100%;margin-top:6px}.flowAiSettings input[type=number]{width:100px}
.ccEvidenceList input{max-width:100%}
@media(max-width:700px){.flowInboxDialog{padding:14px}.flowMailLayout{grid-template-columns:1fr}.flowMailList{max-height:280px}.flowMailDetail{max-height:none}.flowInboxDialog header h2{font-size:22px}.flowInboxRow .flowTaskRoute{font-size:18px}}
