.staff-inbox-modal{width:min(760px,100%);height:min(85dvh,900px);max-height:calc(100dvh - 32px);min-height:0;overflow:hidden}.staff-inbox-modal>.dashboard-top{flex-shrink:0;gap:12px}.staff-inbox-modal #inquiry-inbox-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:8px}.staff-inbox-modal .inquiry-row{overflow-wrap:anywhere;padding:16px 0;border-bottom:1px solid var(--line)}.staff-announcement-manager{margin:16px 0;scroll-margin-top:16px}.staff-announcement-manager>details{padding:16px;background:var(--surface,#fffdf8);border:1px solid var(--line);border-radius:12px}.staff-announcement-manager summary{font-weight:700;cursor:pointer;min-height:28px}.announcement-manager-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding-top:16px}.announcement-manager-content>h1{display:none}.announcement-manager-content>#intro,.announcement-manager-content>#status,.announcement-manager-content>#projector-count{grid-column:1/-1;margin:0}.announcement-manager-content>#source-options,.announcement-manager-content>#host-controls{min-width:0;padding:12px 0}.announcement-manager-content button{min-height:44px}.announcement-manager-content select,.announcement-manager-content input{width:100%;min-width:0;font-size:16px}.announcement-manager-content #phone-qr{background:white;padding:12px;width:fit-content;margin:12px 0}.announcement-manager-content #phone-qr svg{display:block;width:180px;max-width:100%;height:auto}.announcement-manager-content #requests button{width:auto;margin:6px}.announcement-manager-content #talk[aria-pressed=true]{background:#a33c2b}.announcement-manager-content #end{width:auto;justify-self:start}.announcement-manager-content #status{font-weight:600}.announcement-manager-content #iphone-pairing{margin:12px 0}.announcement-manager-content h2{font-size:22px}.announcement-manager-content [hidden]{display:none!important}@media(max-width:700px){.announcement-manager-content{grid-template-columns:minmax(0,1fr);gap:12px}.staff-inbox-modal{height:calc(100dvh - 32px)}.staff-inbox-modal .dashboard-top{align-items:flex-start}.staff-inbox-modal .dashboard-top button{width:auto;min-width:70px}.staff-announcement-manager>details{padding:14px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-grid button{min-width:0;min-height:48px;font-size:13px;padding:12px 8px}}
/* Keep the announcement tools in one shallow workspace on larger screens. */
.announcement-manager-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.announcement-manager-content>#intro{font-size:13px;max-width:90ch}.announcement-manager-content>#status{font-size:14px}.announcement-manager-content>#projector-count{font-size:13px}.announcement-manager-content>button{width:auto;justify-self:start;margin:0;padding:10px 14px}.announcement-manager-content #end{grid-column:2;justify-self:end;grid-row:4}.announcement-manager-content #connect{grid-column:1;grid-row:4}.announcement-manager-content>#source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-content:start}.announcement-manager-content>#source-options h2,.announcement-manager-content>#source-options #iphone-option,.announcement-manager-content>#source-options label,.announcement-manager-content>#source-options select,.announcement-manager-content>#source-options p{grid-column:1/-1}.announcement-manager-content h2{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.announcement-manager-content label{margin:0}.announcement-manager-content button{margin:0;font-size:14px;padding:10px 12px;border-radius:8px}.announcement-manager-content #source-options p{font-size:12px;margin:0}.announcement-manager-content select{margin:0;padding:10px 36px 10px 12px}.announcement-manager-content>#host-controls{display:grid;gap:12px;align-content:start}.announcement-manager-content #iphone-pairing{margin:0;padding:12px}.announcement-manager-content #host-controls h2{margin:0}.announcement-manager-content #host-controls label{margin:0}.announcement-manager-content #phone-qr svg{width:144px}.announcement-manager-content:has(#host-controls[hidden])>#source-options{grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));align-items:end}.announcement-manager-content:has(#host-controls[hidden])>#source-options h2,.announcement-manager-content:has(#host-controls[hidden])>#source-options p{grid-column:1/-1}.announcement-manager-content:has(#host-controls[hidden])>#source-options label{grid-column:1;grid-row:2}.announcement-manager-content:has(#host-controls[hidden])>#source-options select{grid-column:1;grid-row:3}.announcement-manager-content:has(#host-controls[hidden]) #mic-refresh{grid-column:2;grid-row:3}.announcement-manager-content:has(#host-controls[hidden]) #local{grid-column:3;grid-row:3}.announcement-manager-content:has(#host-controls[hidden]) #iphone-option{grid-column:2/4;grid-row:2;justify-self:end;width:auto}
@media(min-width:900px){.control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.staff-shell{padding:16px 12px}.staff-shell>header{flex-wrap:wrap;gap:8px;padding-bottom:12px}.staff-shell .dashboard-top{flex-wrap:wrap;gap:8px}.staff-shell .dashboard-top h1{font-size:26px;width:100%;margin-bottom:4px}.control-card{padding:14px;gap:10px}.control-card .metric strong{font-size:22px}.control-card .metric span{font-size:10px;letter-spacing:0}.activity-now{padding:14px}.activity-now h2{font-size:25px}.activity-now p{margin-bottom:0}.control-grid{gap:8px}.control-grid button{font-size:13px;padding:10px 8px;min-height:48px}#prev,#next,#timerbtn,#phone{font-weight:700}#delete-event{grid-column:1/-1;background:transparent;color:#923a2b;border:1px solid #d8bbb3;min-height:44px}.staff-grid{grid-template-columns:minmax(0,1fr);max-height:none;gap:12px}.staff-grid-left,.staff-grid-right{max-height:none;overflow:visible;min-width:0}.staff-grid details{padding:12px}.staff-grid summary{min-height:36px;display:flex;align-items:center}.staff-grid .player-row{gap:8px;flex-wrap:wrap}.staff-grid input,.staff-grid select,.staff-grid textarea{font-size:16px}.staff-grid-bottom{gap:10px}.panel-fold{min-height:44px!important}.announcement-manager-content,.announcement-manager-content:has(#host-controls[hidden])>#source-options{grid-template-columns:minmax(0,1fr)}.announcement-manager-content:has(#host-controls[hidden])>#source-options>*{grid-column:1!important;grid-row:auto!important;justify-self:stretch!important;width:100%!important}.announcement-manager-content #end{grid-column:2;grid-row:4}.announcement-manager-content{grid-template-columns:repeat(2,minmax(0,1fr))}.announcement-manager-content>#source-options,.announcement-manager-content>#host-controls{grid-column:1/-1}.announcement-manager-content>#source-options{grid-template-columns:minmax(0,1fr)}.announcement-manager-content>button{font-size:13px;width:100%}.announcement-manager-content #end{align-self:stretch}.staff-announcement-manager summary{min-height:40px}}
.announcement-manager-content>#source-options,.announcement-manager-content>#host-controls{grid-row:5}.announcement-manager-content>#source-options{grid-column:1}.announcement-manager-content>#host-controls{grid-column:2}.announcement-manager-content #end{align-self:start}.announcement-manager-content:has(#host-controls[hidden])>#source-options{grid-column:1/-1}@media(max-width:700px){.announcement-manager-content>#source-options{grid-column:1/-1;grid-row:5}.announcement-manager-content>#host-controls{grid-column:1/-1;grid-row:6}}
@media(min-width:701px){.announcement-manager-content>#intro{grid-column:1;grid-row:1}.announcement-manager-content>#status{grid-column:1;grid-row:2}.announcement-manager-content>#projector-count{grid-column:2;grid-row:2;align-self:center;justify-self:end}.announcement-manager-content #end{grid-row:1;grid-column:2}.announcement-manager-content #connect{grid-row:3;grid-column:1}.announcement-manager-content>#source-options,.announcement-manager-content>#host-controls{grid-row:4}.announcement-manager-content:has(#connect[hidden])>#source-options,.announcement-manager-content:has(#connect[hidden])>#host-controls{grid-row:3}}
@media(max-width:700px){.control-card{grid-template-columns:repeat(3,minmax(0,1fr))}.control-card .realtime-status{grid-column:1/-1;margin:0}.staff-body button,.staff-body summary{touch-action:manipulation}}