/* Additions to the original ORCHESTRA interface. Original styles/assets stay intact. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.room-picker select,.recipient-row select{font:inherit;color:#dce7f8;background:#172844;border:1px solid #365a8a;border-radius:8px;padding:9px;max-width:220px}
.room-picker select{max-width:210px;font-size:13px}.toolbar{display:flex;flex-wrap:wrap}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.toolbar>*{min-width:0}
.dialog-window-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #38598577}
.dialog-window-bar>strong{font-size:14px;min-width:0;overflow-wrap:anywhere}.dialog-controls{display:flex;gap:6px;align-items:center;margin-left:auto;flex-shrink:0}
.dialog-controls .control{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:4px;color:#c2e2ff;text-decoration:none;font-size:20px}
#dialogUnread{font-size:12px;border-radius:12px;padding:3px 7px;background:#28689c;color:#fff}
#dialogPanel{padding:0;overflow:hidden;min-height:0}
#dialogHistory{height:clamp(280px,48vh,620px);min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-anchor:auto}
#dialogPanel .transcript{height:auto;min-height:0;max-height:none;overflow:visible;flex:none;padding:18px}
#dialogPanel .bubble{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible;-webkit-line-clamp:unset;display:block}
#dialogPanel .composer{padding:14px}#dialogPanel .tip{padding-left:16px;padding-right:16px}#dialogPanel .summary-grid{padding:0 16px}
#dialogPanel .message-list{min-width:0}#dialogPanel .msg{min-width:0}.recipient-row{display:flex;align-items:center;gap:10px;padding:12px 16px 0;font-size:13px}
.recipient-row>span{font-size:11px;opacity:.65;margin-left:auto}.recipient-row label{color:#a8c2e5}.recipient-row select{font-size:13px;padding:7px 10px;min-height:44px;min-width:0;max-width:100%}
.recipient-hint{color:#9db4cf;font-size:12px;line-height:1.35;margin:6px 16px 0;overflow-wrap:anywhere}
.shared-error{font-size:13px;line-height:1.6;color:#f2bd94;overflow-wrap:anywhere}.shared-error:empty{display:none}#chatSyncError,#providerResults{margin:12px 16px 0}
.provider-results{display:flex;flex-wrap:wrap;gap:8px}.provider-results:empty{display:none}.provider-result{display:flex;align-items:baseline;gap:9px;background:#10263e;border:1px solid #345878;border-radius:7px;padding:8px 10px;font-size:12px;min-width:0;overflow-wrap:anywhere}.provider-result.error{background:#3c2825;border-color:#744d37;color:#f1c99c}.provider-result.success{border-color:#365f52;color:#b7d7c2}.provider-result.stopped{color:#b8c0c9}
.room-members{border-top:1px solid #59709455;margin-top:18px;padding-top:14px}.room-members h3{font-size:13px;margin:0 0 12px}.member-line{display:flex;align-items:center;gap:7px;font-size:13px;margin:12px 0;min-width:0}.member-line strong{font-weight:500;overflow-wrap:anywhere}.member-line small{font-size:11px;color:#89a8cd;margin-left:auto}.member-dot{width:6px;height:6px;background:#8fbaad;border-radius:50%;flex-shrink:0}
.modal-card label{display:block;font-size:14px;margin:14px 0 7px}.modal-card input:not([type=checkbox]){width:100%;box-sizing:border-box;background:#101d34;border:1px solid #3c567d;border-radius:8px;padding:12px;color:#e3ecff;font:inherit;font-size:16px;min-height:44px}.modal-card h3{font-size:14px;margin:24px 0 12px}
#keyFileControls .settings-actions{flex-wrap:wrap;gap:10px}#keyFileControls button{min-height:44px}#keyFileStatus{overflow-wrap:anywhere;line-height:1.6}#keyFileStatus:empty{display:none}
.modal-card{max-height:88dvh;overflow-y:auto;overscroll-behavior:contain}
.ai-permission{display:flex!important;align-items:flex-start;gap:10px!important;font-size:13px!important}.ai-permission input{width:17px;height:17px;accent-color:#639eda;flex-shrink:0;margin-top:3px}.ai-permission small{display:block;margin-top:5px;color:#9db2d0;font-size:12px;line-height:1.5}
/* The expanded dialog is a body child, not trapped below .main's z-index:3.
   Modals (30/250) and the original splash (100) remain above the dialog (20). */
html.dialog-page,body.dialog-expanded{height:100%;min-height:0;overflow:hidden}
body.dialog-expanded>.app,body.dialog-expanded>.footer,body.dialog-expanded>.watermark,body.dialog-expanded>.earth{display:none!important}
body.dialog-expanded>#chatView{position:fixed;top:var(--dialog-top,0px);left:0;right:0;bottom:auto;height:var(--dialog-height,100dvh);min-height:0;max-width:100%;z-index:20;display:flex!important;flex-direction:column;overflow:hidden;background:#061322;border-radius:0;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));box-sizing:border-box}
body.booting>#chatView{opacity:0;pointer-events:none}
body.dialog-expanded #chatView>.toolbar{flex-shrink:0;margin-bottom:8px;max-height:25%;overflow:auto}
body.dialog-expanded #dialogPanel{display:flex;flex-direction:column;min-height:0;flex:1 1 0;margin:0}
body.dialog-expanded #dialogHistory{height:auto;min-height:0;flex:1 1 0}
body.dialog-expanded #dialogPanel .composer,body.dialog-expanded #dialogPanel .recipient-row,body.dialog-expanded .dialog-window-bar,body.dialog-expanded .recipient-hint{flex-shrink:0}
body.dialog-expanded #dialogPanel .composer{grid-template-columns:minmax(0,1fr) auto auto;margin-top:4px;padding:10px}
body.dialog-expanded #message{resize:none;height:72px;min-height:52px;max-height:130px;font-size:16px}
body.dialog-expanded .composer button{min-height:44px}
body.dialog-expanded #saveConversationTop{margin:8px auto 0;min-height:44px;flex-shrink:0}
body.dialog-expanded #dialogPanel .summary-grid{max-height:none;overflow:visible}
body.dialog-expanded #dialogPanel .decision-bar{margin:8px 16px}
body.dialog-expanded .recipient-hint{max-height:3.1em;overflow:auto}
body.dialog-expanded.dialog-compact #chatView>.toolbar,body.dialog-expanded.dialog-compact #saveConversationTop{display:none}
body.dialog-expanded.dialog-compact .dialog-window-bar{padding:4px 8px}
body.dialog-expanded.dialog-compact .recipient-row{padding-top:4px}
body.dialog-expanded.dialog-compact .recipient-hint{max-height:1.5em;margin-top:2px}
body.dialog-expanded.dialog-compact #message{height:52px;min-height:44px}
body.dialog-expanded.dialog-compact #dialogPanel .composer{padding:6px;margin-top:2px;gap:6px}
body.dialog-minimized #dialogPanel>:not(.dialog-window-bar){display:none!important}body.dialog-minimized .dialog-window-bar{min-height:65px;border-bottom:0}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #91c7ff;outline-offset:3px}
@media(max-width:1100px){.toolbar{flex-wrap:wrap;gap:8px}.toolbar-actions{width:100%;justify-content:flex-start}.room-picker{flex:1}.room-picker select{max-width:100%;width:100%}.recipient-row>span{display:none}}
@media(max-width:650px){.dialog-window-bar{padding:8px;gap:4px}.dialog-controls{gap:3px}.dialog-window-bar>strong{font-size:13px}.toolbar-actions .control{font-size:12px;padding:8px!important}.toolbar-actions{gap:6px}.room-picker{min-width:90px}.room-picker select{font-size:12px}.recipient-row{padding:6px 12px 0;font-size:12px}.recipient-row select{max-width:240px;font-size:13px}#dialogPanel .transcript{padding:12px}#dialogPanel .composer{padding:10px}#dialogPanel .composer textarea{font-size:16px}body.dialog-expanded .tip{display:none}body.dialog-expanded .composer button{font-size:12px;padding:8px}body.dialog-expanded .msg{grid-template-columns:32px minmax(0,1fr) auto}body.dialog-expanded .msg .speaker{grid-column:2;grid-row:1}body.dialog-expanded .msg .time{grid-column:3;grid-row:1}body.dialog-expanded .msg .bubble{grid-column:1/-1;grid-row:2}.modal-card{max-width:calc(100vw - 24px)!important;max-height:92dvh;padding:20px!important}.provider-result{font-size:12px;flex-wrap:wrap}}
