/* The writing dialogs share the same surface, field and footer language as the
   product sheets. Their content scrolls while the actions stay reachable. */
.vb-sheet-dialog{box-sizing:border-box;width:min(34rem,calc(100vw - 2rem));max-height:min(88dvh,46rem);padding:0;border:1px solid var(--vb-line);border-radius:var(--r-surface);background:var(--vb-elevated);color:var(--vb-ink);box-shadow:var(--vb-shadow-lg);overflow:hidden}
.vb-sheet-dialog::backdrop{background:var(--vb-modal-backdrop)}
.vb-sheet-dialog:focus{outline:none}
.vb-sheet-dialog .vb-sheet-form,.vb-sheet-dialog.ai-model-dialog[open]{display:flex;flex-direction:column;align-items:stretch;min-height:0;max-height:inherit;margin:0}
.vb-sheet-dialog .vb-sheet-header,.vb-sheet-dialog.ai-model-dialog>header{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex:none;box-sizing:border-box;width:100%;min-height:56px;margin:0;padding:12px 16px;border-bottom:1px solid var(--vb-line);background:var(--vb-elevated)}
.vb-sheet-dialog.ai-prompt-dialog .vb-sheet-header h2{border:0;padding:0;text-decoration:none}
.vb-sheet-dialog.ai-prompt-dialog .vb-sheet-header h2::after{display:none}
.vb-sheet-dialog .vb-sheet-header h2,.vb-sheet-dialog.ai-model-dialog h2{flex:1;margin:0;padding:0;border:0;box-shadow:none;text-decoration:none;color:var(--vb-ink);font-size:var(--vb-type-px-17);font-weight:660}
.vb-sheet-dialog .vb-sheet-header button,.vb-sheet-dialog.ai-model-dialog .ai-model-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--vb-ink-soft);font-size:24px;cursor:pointer}
.vb-sheet-dialog .vb-sheet-header button:focus{outline:none}
.vb-sheet-dialog .vb-sheet-header button:not(:focus-visible){outline:none;box-shadow:none}
.vb-sheet-dialog .vb-sheet-header button:focus-visible{outline:2px solid var(--vb-ink);outline-offset:2px}
.vb-sheet-dialog .sheet-scroll-frame{width:100%;min-height:0}
.vb-sheet-dialog .sheet-scroll-body{padding:16px}
.vb-sheet-dialog .sheet-scroll-body p{color:var(--vb-ink-soft)}
.vb-sheet-dialog label{display:block;width:100%;margin:0 0 14px;color:var(--vb-ink);font-size:var(--vb-type-px-14);font-weight:600}
.vb-sheet-dialog input:not([type=checkbox]):not([type=radio]),.vb-sheet-dialog select,.vb-sheet-dialog textarea{box-sizing:border-box;width:100%;min-width:0;margin-top:6px;padding:10px 12px;border:1px solid var(--vb-line-strong);border-radius:var(--r-control);background:var(--vb-bg-soft);color:var(--vb-ink);font:inherit}
.vb-sheet-dialog :is(input,select,textarea):focus-visible{outline:2px solid var(--vb-ink);outline-offset:2px}
.vb-sheet-dialog .ai-model-row input{margin-top:0}
.vb-sheet-dialog .ai-model-row input,.vb-sheet-dialog .ai-model-custom input{border-color:var(--vb-line-strong);background:var(--vb-bg-soft);color:var(--vb-ink)}
.vb-sheet-dialog .ai-model-row button,.vb-sheet-dialog .ai-model-custom button,.vb-sheet-dialog .vb-sheet-footer button{min-height:40px;padding:8px 12px;border:1px solid var(--vb-line-strong);border-radius:var(--r-control);background:var(--vb-surface);color:var(--vb-ink);font:inherit;font-weight:600;cursor:pointer}
.vb-sheet-dialog .vb-sheet-footer{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex:none;box-sizing:border-box;width:100%;margin:0;padding:12px 16px;border-top:1px solid var(--vb-line);background:var(--vb-elevated)}
.vb-sheet-dialog .vb-sheet-footer button:first-child{margin-right:auto;border-color:transparent;background:transparent}
.vb-sheet-dialog .vb-sheet-footer .primary,.vb-sheet-dialog .ai-model-custom button{border-color:var(--vb-ink);background:var(--vb-ink);color:var(--vb-bg)}
.vb-sheet-dialog .ai-model-note,.vb-sheet-dialog .ai-model-summary,.vb-sheet-dialog .ai-model-option small{color:var(--vb-ink-soft)}
.vb-sheet-dialog .ai-model-results{min-height:0;max-height:none;overflow:visible;padding:0}
.vb-sheet-dialog .ai-model-option{color:var(--vb-ink)}
.vb-sheet-dialog .ai-model-option:is(:hover,:focus-visible,[aria-selected=true]){border-color:var(--vb-line);background:var(--vb-surface-2)}
.vb-sheet-dialog .ai-model-custom{margin-top:10px;padding:12px 0 0;border-color:var(--vb-line)}
.vb-sheet-dialog .ai-model-custom input{margin:0}
.vb-sheet-dialog .ai-model-search{width:100%;margin:0}
.vb-sheet-dialog .ai-model-summary{margin:10px 0}
.vb-sheet-dialog.ai-settings-dialog{background:var(--vb-elevated);color:var(--vb-ink);border-color:var(--vb-line)}
.vb-sheet-dialog.ai-settings-dialog form{padding:0;gap:0}
.vb-sheet-dialog.ai-settings-dialog .vb-sheet-header{padding:12px 16px}
.vb-sheet-dialog.ai-settings-dialog .vb-sheet-header h2{color:var(--vb-ink)}
.vb-sheet-dialog.ai-settings-dialog .vb-sheet-header p,.vb-sheet-dialog.ai-settings-dialog .ai-settings-copy,.vb-sheet-dialog.ai-settings-dialog .ai-settings-hint{color:var(--vb-ink-soft)}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-mark{border-color:var(--vb-line);background:var(--vb-surface-2);color:var(--vb-ink)}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-state{border-color:var(--vb-line);background:var(--vb-bg-soft);color:var(--vb-ink-soft)}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-state.is-error{border-color:var(--vb-danger-text);background:var(--vb-danger-soft);color:var(--vb-danger-text)}
.vb-sheet-dialog.ai-settings-dialog :is(input,select){border-color:var(--vb-line-strong);background:var(--vb-bg-soft);color:var(--vb-ink)}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-actions{flex-wrap:wrap}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-actions button{min-height:40px;border-color:var(--vb-line-strong);background:var(--vb-surface);color:var(--vb-ink)}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-actions .ai-settings-save{border-color:var(--vb-ink);background:var(--vb-ink);color:var(--vb-bg)}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-actions .ai-settings-remove{border-color:transparent;background:transparent;color:var(--vb-danger-text)}
.vb-sheet-dialog.ai-settings-dialog .ai-settings-close{color:var(--vb-ink-soft)}
@media(max-width:640px){
 .vb-sheet-dialog[open]{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - max(80px,env(safe-area-inset-top)));margin:auto 0 0;border-radius:var(--r-surface) var(--r-surface) 0 0}
 #chat-group-dialog.vb-sheet-dialog[open]{width:100%}
 .vb-sheet-dialog[open]{padding-bottom:env(safe-area-inset-bottom)}
 .vb-sheet-dialog .vb-sheet-form{max-height:inherit}
 .vb-sheet-dialog .vb-sheet-header::before,.vb-sheet-dialog.ai-model-dialog>header::before{content:'';position:absolute;top:6px;left:calc(50% - 18px);width:36px;height:4px;border-radius:var(--r-pill);background:var(--vb-line-strong)}
 .vb-sheet-dialog .vb-sheet-header,.vb-sheet-dialog.ai-model-dialog>header{padding-top:18px}
 .vb-sheet-dialog .vb-sheet-footer button{min-height:44px}
 .vb-sheet-dialog .ai-model-search,.vb-sheet-dialog .ai-model-custom input{min-height:44px}
}