:root{--workspace-width:1120px} .dashboard{max-width:var(--workspace-width);margin:auto}.topbar .brand{text-decoration:none}.topbar nav{display:flex;gap:.5rem;margin-left:auto}.topbar nav[hidden]{display:none}.page-heading{margin:1.8rem 0}.page-heading h1{font-size:clamp(1.6rem,3vw,2.5rem);max-width:760px}.event-sections{display:grid;gap:2rem}.event-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem}.event-card{display:flex;flex-direction:column;gap:.75rem}.event-card h3{margin:0}.event-card .event-card-actions{margin-top:auto;display:flex;gap:.6rem;flex-wrap:wrap}.event-card .pill{align-self:start}.empty-state{border:1px dashed var(--line);padding:1.6rem;border-radius:1rem;color:var(--muted);grid-column:1/-1}#builder-form{display:grid;gap:1.25rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mode-option{border:1px solid var(--line);border-radius:1rem;padding:1.2rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem}.mode-option:has(input:checked){border-color:var(--brand-600);background:var(--brand-100)}.mode-option input{width:auto}.mode-option span{grid-column:2;color:var(--muted);font-weight:400}.scenario-block{margin:1.2rem 0;border:1px solid var(--line);border-radius:1rem;padding:1.1rem;background:var(--surface)}.block-header{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.block-header label{flex:1;min-width:170px}.block-header select{width:auto}.block-actions,.question-actions{display:flex;gap:.4rem}.block-actions button,.question-actions button{padding:.4rem .7rem;min-width:2.3rem}.scenario-question{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-top:1px solid var(--line);padding:1rem 0}.question-description{flex:1;min-width:0;overflow-wrap:anywhere}.question-description p{margin:.3rem 0;color:var(--muted)}.drag-handle{color:var(--muted);cursor:grab}.scenario-block.drag-over,.scenario-question.drag-over{outline:2px solid var(--brand-600)}.builder-footer,.dialog-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;background:var(--surface);border-top:1px solid var(--line);position:sticky;bottom:0;z-index:2}.builder-footer{border-radius:1rem;box-shadow:var(--shadow-md)}.library-dialog{width:min(calc(100% - 2rem),1000px);max-height:90vh;overflow:auto}.question-dialog{width:min(calc(100% - 2rem),700px);max-height:90vh;overflow:auto}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1rem;margin:1rem 0}.library-question{border:1px solid var(--line);border-radius:1rem;padding:1rem;overflow-wrap:anywhere}.library-question:has(input:checked){background:var(--brand-100);border-color:var(--brand-600)}.library-question img{max-height:160px;width:100%;object-fit:contain}.library-question h3{font-size:1rem}.library-question details{margin:.7rem 0}.library-question label{display:flex;gap:.5rem;align-items:center}.library-question input[type=checkbox]{width:auto}.invitation{display:flex;gap:1.5rem;align-items:center}.event-tools{margin:1.5rem 0}.option-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.option-row input[type=checkbox]{width:auto}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.metric-card{background:var(--brand-100);padding:1rem;border-radius:.8rem}.metric-card strong{display:block;font-size:1.6rem}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;text-align:left}.table-wrap th,.table-wrap td{padding:.7rem;border-bottom:1px solid var(--line)}.live-progress{color:var(--muted);font-weight:600}.schedule-controls{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.schedule-controls label{flex:1;min-width:200px}
@media(max-width:650px){.topbar{flex-wrap:wrap}.topbar nav{width:100%;overflow:auto;margin:0}.topbar nav button{white-space:nowrap}.topbar #user-name{display:none}.mode-grid{grid-template-columns:1fr}.scenario-question{align-items:flex-start;flex-wrap:wrap}.question-actions{margin-left:auto}.block-header{align-items:stretch}.block-actions{width:100%}.invitation{align-items:flex-start}.join-qr{width:5rem;height:5rem}.builder-footer{align-items:stretch;flex-direction:column}.library-dialog,.question-dialog{padding:1rem}.dialog-footer{flex-wrap:wrap}.page-heading.row>button{width:100%}}

.page-heading>button,.row>button,.block-actions button,.question-actions button,.topbar nav button,.event-tools>button{width:auto;flex-shrink:0}.event-card p{margin:0}.event-card .event-card-actions button{width:auto;flex:1}.event-card{padding:1.3rem}.event-card-actions{padding-top:.5rem}.event-sections h2{font-size:1.35rem;margin-bottom:1rem}.block-actions button,.question-actions button{white-space:nowrap}.builder-footer{position:relative}.builder-footer>button{width:auto;min-width:240px}.library-dialog .dialog-footer{margin:0 -1rem -1rem;padding:1rem}.library-dialog .dialog-footer button{width:auto}.topbar nav button{min-height:2.6rem;padding:.45rem .8rem;font-size:.85rem}.page-heading h1{font-size:2rem}.question-dialog label{margin:.8rem 0}.question-actions{flex-wrap:wrap}.mode-option{margin:0}.table-wrap{overflow-x:auto}#results-screen table{width:100%;text-align:left}#results-screen th,#results-screen td{padding:.6rem;border-bottom:1px solid var(--line)}
@media(max-width:650px){.page-heading>button,.builder-footer>button{width:100%;min-width:0}.row>button{max-width:100%}.block-actions,.question-actions{flex-wrap:wrap}.library-dialog .dialog-footer button{width:100%}.library-dialog .dialog-footer{position:sticky;bottom:-1rem}.topbar nav{flex-wrap:wrap}.event-tools{align-items:stretch}.event-tools>button{width:100%}}

.home-actions{display:flex;gap:.7rem;flex-wrap:wrap}.home-actions button{width:auto}.page-heading h1{margin:.3rem 0}.event-card h3{line-height:1.35}
@media(max-width:650px){.home-actions{width:100%}.home-actions button{width:100%}}

.participant-preview{margin:1.5rem 0}.participant-preview-screen,.participant-preview #participant-preview-screen{max-width:440px;margin:1rem auto;background:var(--surface)}.participant-preview .answer-option{display:flex;gap:.7rem}.participant-preview input[type=checkbox]{width:auto}.review-row{padding:1rem;border-bottom:1px solid var(--line)}.review-row summary{cursor:pointer;font-weight:600}.review-row .controls{align-items:end}.review-row .controls label{max-width:220px}.review-row .controls button{width:auto}
