@import url('./releases/6.3.2/workspace.css');
/* Tech preparation and live views; all rules stay inside the Tech screen. */
#screen-tech{max-width:1100px;margin-inline:auto}
#screen-tech .tech-title-head{font-size:clamp(18px,2vw,28px);margin:12px 0;letter-spacing:-.02em}
#screen-tech .tech-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px}
#screen-tech .tech-phase{display:flex;gap:8px;flex-wrap:wrap}
#screen-tech .tech-tabs .btn{padding:10px 16px;min-height:44px;font-size:14px}
#screen-tech [data-tech-phase][aria-pressed=true]{background:var(--text);color:var(--bg)}
#techTools{position:relative;font-size:14px}
#techTools summary{cursor:pointer;min-height:44px;padding:12px;list-style:disclosure-closed}
#techTools[open] summary{list-style:disclosure-open}
#screen-tech .tech-tools-menu{position:absolute;right:0;z-index:10;display:grid;gap:8px;padding:12px;background:var(--bg);border:1px solid var(--line);width:220px}
#screen-tech .tech-tools-menu .btn{text-align:left}
#screen-tech .tech-now{padding:14px 0;margin:0;border:0;display:block}
#screen-tech .tech-now-title{font-size:clamp(23px,3vw,36px);line-height:1.2;margin:8px 0}
#screen-tech .tech-now-meta{font-size:14px}
#screen-tech .tech-label{font-size:12px;letter-spacing:.08em}
#screen-tech .tech-prepare{padding:12px 0;border:0;background:transparent}
#screen-tech .tech-main-title{font-size:clamp(36px,6vw,76px);line-height:1.07;letter-spacing:-.04em;overflow-wrap:anywhere;margin:10px 0 18px}
#screen-tech .tech-meta{font-size:20px;line-height:1.4}
#screen-tech .tech-note{font-size:18px;line-height:1.5}
#screen-tech .tech-note:empty{display:none}
#screen-tech .tech-task{min-height:52px;padding:12px 0;font-size:18px;border-width:0 0 1px;background:transparent}
#screen-tech .tech-task-auto{display:none}
#screen-tech .tech-task.done{color:var(--text);background:var(--surface2)}
#screen-tech .tech-task.done .tech-task-check{color:var(--bg);background:var(--text);border-color:var(--text)}
#screen-tech .tech-ready-auto{font-size:16px;background:transparent;border:0;padding:12px 0}
#screen-tech .tech-after{margin:0;padding:16px 0;border-top:1px solid var(--line)}
#screen-tech #techAfter{font-size:26px;line-height:1.25;color:var(--text)}
#screen-tech .tech-nav{display:none!important}
#screen-tech .tech-message-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;margin:0 0 12px}
#screen-tech #openTechMessage{min-height:44px;font-size:13px;padding:10px 16px;width:auto}
#screen-tech .tech-call-alert{position:sticky;top:8px;z-index:6;background:var(--surface2);color:var(--text);border:2px solid var(--text);padding:16px;margin:12px 0}
#screen-tech .tech-call-alert .btn{min-height:48px}
#screen-tech .tech-prep-heading h2{font-size:32px;margin:24px 0 8px}
#screen-tech .workspace-list .rule-row{min-height:70px;text-align:left;line-height:1.4}
#screen-tech .tech-toolbar{font-size:13px;gap:12px;flex-wrap:wrap}
#screen-tech #tech-inspection h2{font-size:32px;overflow-wrap:anywhere}
#screen-tech #tech-inspection p{font-size:17px;line-height:1.5}
#screen-tech [hidden]{display:none!important}
@media(max-width:600px){#screen-tech .tech-tabs{align-items:flex-start}#screen-tech .tech-tools-menu{width:min(220px,80vw)}#screen-tech .tech-task{font-size:17px}#screen-tech .tech-main-title{font-size:40px}}
@media(prefers-reduced-motion:reduce){#screen-tech *{animation:none!important;scroll-behavior:auto!important}}

/* Shared native-style typography and responsive layout. */
html,body,body[data-font],button,input,select,textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{line-height:1.4}button,input,select,textarea{font-size:1rem;letter-spacing:normal}
button,a,input,select{touch-action:manipulation}
.btn,.back,.root-tab,.tech-tab{min-height:44px;letter-spacing:normal;text-transform:none}
h1,h2,.row-title,.setlist-title{letter-spacing:-.02em;line-height:1.2}
.collection-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}
.collection-head h1{margin:0}.collection-head #newShow{width:auto;background:none;color:var(--text);border:0;padding:8px 0}
#screen-tech{padding-bottom:max(20px,env(safe-area-inset-bottom));overflow-wrap:break-word}
#screen-tech .tech-title-head{font-size:22px;font-weight:600}
#screen-tech .tech-main-title{font-size:clamp(34px,5.5vw,72px);font-weight:700;letter-spacing:-.025em;text-transform:none}
#screen-tech .tech-now-title{font-size:clamp(24px,3vw,36px);font-weight:600}
#screen-tech .tech-label{font-size:14px;letter-spacing:normal}
#screen-tech .tech-meta,#screen-tech .tech-task-copy{font-size:19px;font-weight:500}
#screen-tech .tech-tabs,#screen-tech .tech-now,#screen-tech .tech-prepare,#screen-tech .tech-after,#screen-tech .workspace-list .rule-row{background:none;box-shadow:none}
#screen-tech .tech-tools-menu{background:var(--bg);max-width:calc(100vw - 40px)}
#screen-tech .tech-tools-menu .btn{background:none;font-family:inherit}
#screen-tech .tech-tabs{position:relative;z-index:7}
#screen-tech .tech-phase{display:flex;flex-wrap:wrap;gap:4px}
#screen-tech .tech-phase .btn{background:none;border:0;color:var(--muted)}
#screen-tech .tech-phase .btn[aria-pressed=true]{background:none;color:var(--text);border-bottom:2px solid currentColor}
#screen-tech .tech-after{border-top:0}
#screen-tech .tech-call-alert{z-index:8;background:var(--bg)}
#screen-tech .workspace-list .rule-row{min-width:0;width:100%;gap:16px}
#screen-tech .workspace-list .rule-row>span:first-child{min-width:0;flex-shrink:1}
#screen-tech .tech-now,#screen-tech .tech-prepare,#screen-tech .tech-after{min-width:0}
.overlay .sheet{max-height:calc(100dvh - 24px);max-width:min(760px,calc(100vw - 24px))}
.sheet-body{overflow-y:auto;min-height:0}.sheet input,.sheet select,.sheet textarea{max-width:100%;box-sizing:border-box}
@media(min-width:850px) and (min-height:450px){
 #screen-tech #techShowView{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.6fr);gap:24px 40px;align-items:start}
 #screen-tech .tech-now{grid-column:1;grid-row:1;margin:0}
 #screen-tech .tech-after{grid-column:1;grid-row:2;margin:0;padding:0}
 #screen-tech .tech-prepare{grid-column:2;grid-row:1 / span 2;margin:0;padding:0}
}
@media(max-width:600px){
 .collection-head{gap:12px}.hero h1{font-size:34px}
 #screen-tech .tech-tabs{gap:8px;align-items:center}
 #screen-tech .tech-tools-menu{right:0;left:auto}
 #screen-tech .tech-main-title{font-size:36px;line-height:1.12}
 #screen-tech .tech-meta,#screen-tech .tech-task-copy{font-size:18px}
 #screen-tech .tech-now{margin-bottom:16px}.sheet-head{flex-wrap:wrap;gap:8px}
}
@media(max-height:500px) and (orientation:landscape){
 #screen-tech .tech-title-head{margin:4px 0;font-size:18px}
 #screen-tech .tech-tabs{margin:4px 0}#screen-tech .tech-main-title{font-size:34px}
 .overlay .sheet{max-height:calc(100dvh - 12px)}
}
@media print{html,body{font-family:system-ui,sans-serif!important}}
.fullscreen-toggle{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;font-size:0!important;border:0!important}
.fullscreen-toggle::before{content:"⛶";font-size:24px}
#sessionConnection{padding-right:56px!important;padding-top:0!important;min-height:44px!important;display:flex;align-items:center}
.brand{padding-right:56px!important}
#screen-tech .workspace-list .rule-row>span:first-child{font-size:18px}
#screen-tech .workspace-list .row-sub{font-size:16px}
#screen-tech .tech-tools-menu button{font-size:16px}
#screen-tech #openTechMessage{background:none;padding-left:0;font-weight:500}
@media(min-width:650px) and (max-height:500px) and (orientation:landscape){
 #screen-tech #techShowView{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.7fr);gap:12px 24px;align-items:start}
 #screen-tech .tech-now{grid-column:1;grid-row:1;margin:0;padding:0}
 #screen-tech .tech-after{grid-column:1;grid-row:2;margin:0;padding:0}
 #screen-tech .tech-prepare{grid-column:2;grid-row:1 / span 2;margin:0;padding:0}
 #screen-tech .tech-tabs{padding:0;min-height:44px}
 #screen-tech .tech-toolbar{margin:0;padding:0;min-height:32px}
 #screen-tech .tech-title-head{margin:0;font-size:16px}
 #screen-tech .tech-message-controls{margin:0 0 6px}
}
#screen-tech .tech-prepare{margin-left:0!important;margin-right:0!important}
#screen-tech .tech-tabs{padding:4px 0}