/* Layout only: no worksheet or PDF dimensions are changed. */
input,textarea,select{box-sizing:border-box;min-width:0;max-width:100%}
input[type=date]{width:100%;min-width:0;max-width:100%;min-inline-size:0;inline-size:100%;appearance:none;-webkit-appearance:none}
input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}
input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}
.show-status{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;min-width:0}
.show-status #currentShow{margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.show-status #saved{flex-shrink:0;color:var(--muted);font-size:12px}
.show-status #saved[data-save-state=error]{flex-shrink:1;color:var(--error)}
:root{--pdf-bar-height:90px}
html{scroll-padding-bottom:calc(var(--pdf-bar-height) + 16px)}
main{padding-bottom:calc(var(--pdf-bar-height) + 24px)}
input,textarea,select{scroll-margin-block:20px calc(var(--pdf-bar-height) + 20px)}
.actionbar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
@media(max-width:640px){
 header{min-height:0;height:auto;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));gap:8px}
 .brand{font-size:16px;gap:8px}.brand .mark{font-size:20px;padding:5px 8px}.brand small{font-size:8px;letter-spacing:1px}.badge{padding:4px 6px;font-size:11px}
 .theme-control{padding:2px;gap:2px}.theme-control button{min-height:44px;padding:6px 8px}
 main{padding:0 max(14px,env(safe-area-inset-right)) calc(var(--pdf-bar-height) + 20px) max(14px,env(safe-area-inset-left))}
 .intro{padding:0}.eyebrow{font-size:20px!important;letter-spacing:0;line-height:1.4;margin:4px 0 8px}
 .workflow-hint{font-size:12px;line-height:1.5;margin:0 0 8px}
 .task-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
 .task-toolbar #loadMenu{flex:1}.task-toolbar #shows{flex:1}
 .task-toolbar #undo{flex:0 0 auto;padding:8px 6px;gap:4px;font-size:12px}
 .task-toolbar #manageMenu{flex:0 0 auto;margin:0}
 .task-toolbar button,.task-toolbar .tool-menu summary{min-height:44px;padding:8px;font-size:13px;gap:4px}
 .task-toolbar #shows{padding:8px}.task-toolbar .tool-menu-panel{max-width:calc(100vw - 28px)}
 .task-toolbar summary{white-space:nowrap}.load-trigger>span:first-child{display:none}
 .show-status{gap:8px;margin:0 0 8px}.show-status #currentShow{font-size:12px}.show-status #saved{font-size:12px}
 #photoGuide{margin:0 0 12px}#photoGuide>summary{padding:8px 10px;min-height:44px}
 #photoGuide>summary>span:not(.photo-guide-icon){white-space:normal;overflow-wrap:anywhere}
 section{padding:16px;margin:0 0 12px;min-width:0}
 .section-head{margin-bottom:8px;gap:8px;flex-wrap:nowrap}.section-head h2{font-size:18px;white-space:nowrap;line-height:1.4}.section-head h2 span{margin-right:6px}.section-head .hint{font-size:12px}
 .meta-grid{grid-template-columns:minmax(0,1fr);gap:6px}.meta-grid>label:first-child,.meta-grid>label:last-child{grid-column:auto}
 label{font-size:14px;min-width:0}input,select{height:46px;min-height:44px;padding:9px 10px;margin-top:4px;font-size:16px}textarea{font-size:16px}
 .meta-grid>label{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center;line-height:1.4}.meta-grid input{height:44px;margin:0}
 .find-tools{gap:6px;margin:0 0 8px}.find-tools label{flex:1 1 100%;min-width:0}.find-tools input{margin-top:4px}.find-tools button{min-height:44px;padding:8px;font-size:13px}
 #searchCount:empty{display:none}.help{font-size:14px;margin-top:12px}
 #units{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-bottom:12px}#units button{min-height:44px;padding:8px 4px;font-size:14px}
 .unit-head{margin:12px 0 8px;gap:8px}.unit-head h3{font-size:18px}.unit-head p{font-size:12px}.search{font-size:12px}.search input{height:44px}
 .circuit{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);gap:6px 8px;padding:10px 0}.circuit label>span{font-size:13px;margin-bottom:2px}.circuit input{height:44px;padding:8px}.dim strong{font-size:14px}
 .totals{margin-top:12px}.totals>div{padding:10px}footer{margin-top:16px;padding-top:16px;gap:8px}
 .actionbar{gap:8px;padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left));backdrop-filter:none}
 .actionbar button{height:48px;min-height:48px;padding:10px 8px;font-size:15px}
 /* Hide the duplicate fixed controls while the software keyboard occupies the viewport. */
 html[data-editing-viewport=true] .actionbar{visibility:hidden;pointer-events:none}
}
