/* Owner-reviewed adjustment: distinct, explicit practice status and bounded demos. */
.sample-banner{background:#f5eefc;color:#442063;border-top:3px solid #6b21a8;padding:12px 20px;min-height:0;align-items:center;gap:16px;flex-wrap:wrap}
.sample-banner>div:first-child{flex:1;min-width:240px;max-width:none}
.sample-banner>div:first-child>strong{font:700 28px/1.15 Inter,Arial,sans-serif;color:#6b21a8;letter-spacing:-.4px}
.sample-banner>div:first-child>span{display:block;font:400 13px/1.45 Inter,Arial,sans-serif;margin-top:5px;max-width:none}
.sample-banner>div:first-child>span:after{content:none}
.sample-banner .banner-actions{flex-wrap:wrap;gap:5px;margin:0;justify-content:flex-end;max-width:100%}
.sample-banner .banner-actions .button{color:#442063;border-color:#b59cca;background:#fff;font-size:12px;min-height:44px}
.sample-banner .banner-actions .primary{background:#6b21a8;border-color:#6b21a8;color:#fff}
.sample-banner .banner-actions button:not([data-action=start-copy]){width:auto;font-size:12px;padding:8px 10px}
.sample-banner .banner-actions button .button-text{display:inline;font-size:12px}
.sample-banner .banner-actions [data-action=start-copy]{max-width:none}
.topbar-actions .assistant-entry{background:#f4eee5;border:1px solid #d5b181;color:#4e3921;min-height:44px;height:auto;font-size:12px;max-width:none;white-space:nowrap}
.assistant-entry .material-icon{color:#835b24}
.sample-search{position:relative}.sample-search .button{width:150px;max-width:none;padding-right:64px;justify-content:flex-start}.sample-search .search-shortcut{right:12px;top:50%;transform:translateY(-50%)}
@media(max-width:1099px){.sample-search .button{width:40px;padding:8px;font-size:0}.sample-search .button-text{display:none}.sample-search .search-shortcut{display:none}}
.scripted-label{color:#4e3921;background:#fff4df;padding:10px 12px;border-radius:8px;font-weight:600;font-size:13px}
.assistant-switch{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.assistant-switch [aria-pressed=true]{background:#0a2438;color:white;border-color:#0a2438}
.assistant-log{height:300px;max-height:40dvh;min-height:120px;overflow:auto;overscroll-behavior:contain;padding:4px 6px 4px 0;scrollbar-gutter:stable}
.assistant-bubble{margin:0 0 12px;padding:12px 14px;border:1px solid #dfe6ed;border-radius:12px;background:#f5f7f9;max-width:95%;overflow-wrap:anywhere}
.assistant-bubble.user{margin-left:auto;background:#fff8eb;border-color:#e8d3b0}
.assistant-bubble strong{font:600 12px/1.5 Inter,Arial,sans-serif;display:block;color:#344861}
.assistant-bubble p{margin:5px 0 0;font:400 14px/1.6 Inter,Arial,sans-serif}
.assistant-more{margin-bottom:12px}.assistant-more[hidden]{display:none}
.assistant-composer{margin:12px 0}.assistant-composer label{font-weight:600;font-size:14px}
.assistant-input-row{display:flex;gap:8px;align-items:flex-end;margin-top:8px}.assistant-input-row textarea{min-width:0;flex:1;resize:vertical;min-height:60px}.assistant-input-row button{flex-shrink:0}
.help-source{border-left:3px solid #d5b181;padding-left:14px;margin:16px 0}
#assistant-dialog .dialog-heading,#help-dialog .dialog-heading{position:sticky;top:0;background:#fff;z-index:2}
@media(max-width:599px){#assistant-dialog .dialog-heading,#help-dialog .dialog-heading{align-items:flex-start;gap:8px}#assistant-dialog .dialog-heading h2,#help-dialog .dialog-heading h2{flex:1;min-width:0}#assistant-dialog .dialog-heading [data-action=close-dialog],#help-dialog .dialog-heading [data-action=close-dialog]{width:44px;min-width:44px;padding:10px}#assistant-dialog .dialog-heading [data-action=close-dialog] .button-text,#help-dialog .dialog-heading [data-action=close-dialog] .button-text{display:none}}
.tutorial-list{display:grid;gap:10px;margin:16px 0}.tutorial-card{display:flex;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.tutorial-card>div{flex:1;min-width:0}.tutorial-card strong{font-size:14px;display:block}.tutorial-card small{display:block;font-size:12px;color:#536b90;margin-top:4px}.tutorial-card .button{min-height:44px;flex-shrink:0}
.tutorial-player{margin:16px 0}.tutorial-player video{display:block;width:100%;height:auto;max-height:48dvh;background:#0a2438;border-radius:8px}.tutorial-player h3{font-size:16px;margin:12px 0 8px}.tutorial-status{font-size:13px;color:#536b90}.tutorial-transcript{white-space:pre-line;font-size:14px;line-height:1.6;margin:12px 0}
@media(max-width:1099px){.topbar-actions .assistant-entry .button-text{font-size:0}.topbar-actions .assistant-entry .button-text:after{content:"Assistant";font-size:12px}.search-shortcut{display:none}}
@media(max-width:599px){.sample-banner{padding:10px 12px;display:block}.sample-banner>div:first-child{min-width:0;max-width:none}.sample-banner>div:first-child>strong{font-size:24px;line-height:1.2}.sample-banner>div:first-child>span{font-size:12px;line-height:1.45}.sample-banner .banner-actions{justify-content:flex-start;margin:8px 0 0;gap:5px}.sample-banner .banner-actions .button{padding:7px 8px}.sample-banner .banner-actions button .button-text{font-size:11px}.topbar-actions .assistant-entry{padding:8px;max-width:none}.topbar .breadcrumb{flex:1;min-width:32px}.topbar-actions{gap:2px}.topbar-actions .assistant-entry .material-icon{display:none}.assistant-input-row{flex-wrap:wrap}.assistant-input-row textarea{flex-basis:100%}.assistant-input-row button{margin-left:auto}.tutorial-card{align-items:flex-start;flex-wrap:wrap}.tutorial-card>div{flex-basis:100%}.tutorial-card .button{width:100%}}
@media(prefers-reduced-motion:reduce){.assistant-log{scroll-behavior:auto}}

/* Match the editors' persistent outline labels without changing control sizes. */
.search-field{position:relative;display:block;min-width:0}.search-field input{display:block;width:100%}.guest-filters .search-field{width:360px;max-width:100%;flex-shrink:1}.unassigned>.search-field{width:100%;margin-bottom:20px}.unassigned>.search-field input{font-size:12px;border-radius:8px;padding-left:16px}.unassigned>.search-field input::placeholder{color:#94a3b8}.venue-search>.search-field{grid-column:1;grid-row:1}
@media(max-width:1099px){.guest-filters .search-field{width:100%}}

/* Slate already used by field labels keeps enabled boundaries above 3:1. */
input:not([type=checkbox],[type=radio],[type=range],[type=file],[readonly],:disabled),select:not(:disabled),textarea:not([readonly],:disabled){border-color:#64748b}
