/* Shared Flexi settings drawer: the same tabs and controls at every viewport. */
.client-view .pv-unified-controls{z-index:9;top:82px;right:24px;width:326px;max-height:calc(100dvh - 198px);padding:18px 20px;background:#14272bf7;overscroll-behavior:contain}
.pv-unified-controls .pv-drawer-heading{margin-bottom:10px}.pv-unified-controls .pv-drawer-heading button{width:36px;height:36px}.pv-unified-controls .pv-tabs{position:sticky;top:-18px;z-index:2}.pv-unified-controls .pv-tabs button{min-height:40px}
.pv-unified-controls .pv-staff-fields{margin:0}.pv-unified-controls .pv-building-picker{grid-template-columns:repeat(auto-fit,minmax(48px,1fr))}.pv-unified-controls .pv-building-picker button{overflow-wrap:anywhere}.pv-unified-controls .pv-label{display:block}.pv-unified-controls .pv-label select,.pv-unified-controls .pv-label input{width:100%;min-width:0}.pv-unified-controls .pv-quantity input{font-size:29px}.pv-unified-controls .pv-total-row{grid-template-columns:minmax(40px,1fr) auto auto;gap:10px}.pv-unified-controls .pv-building-name{width:auto;min-width:26px;height:auto;line-height:1.5;padding:5px 7px;overflow-wrap:anywhere}
.pv-unified-controls .pv-staff-actions{position:sticky;bottom:-18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#14272b;padding:14px 0;border-top:1px solid #ffffff20;z-index:2}.pv-unified-controls .pv-staff-actions button{min-height:44px;font-size:12px}.pv-unified-controls button:disabled{opacity:.4}.pv-unified-controls .pv-client-buildings{display:block}.pv-unified-controls .pv-total-row>div:last-child{width:auto;justify-content:flex-end}.pv-unified-controls .pv-reset-sun{margin-top:16px;font-size:11px;min-height:40px}
.client-view.drawer-open .pv-client-card{left:30px;right:auto;top:218px}.client-view .pv-client-card .pv-motion-bottom{margin-top:14px;gap:8px}.client-view .pv-client-card .pv-motion-bottom>span{white-space:normal;line-height:1.6}.client-view .pv-toolbar .is-sun-playing svg{color:#ffe996;filter:drop-shadow(0 0 3px #ffe99688)}
@media(max-width:700px){
 .client-view .pv-unified-controls{position:absolute;left:12px;right:12px;top:180px;bottom:auto;width:auto;max-height:calc(100dvh - 294px);padding:14px 20px;border-radius:18px;background:#14272bfa}
 .client-view.drawer-open .pv-client-card{visibility:hidden}.pv-unified-controls .pv-tabs{top:-14px}.pv-unified-controls .pv-tabs button{min-height:44px;font-size:12px}.pv-unified-controls .pv-drawer-heading{font-size:13px}.pv-unified-controls .pv-drawer-heading button{width:44px;height:44px}.pv-unified-controls .pv-label{font-size:12px}.pv-unified-controls .pv-label select,.pv-unified-controls .pv-label input{font-size:16px;min-height:44px}.pv-unified-controls .pv-section-title{font-size:12px}.pv-unified-controls .pv-section-title small{font-size:10px}.pv-unified-controls .pv-quantity button{width:44px;height:44px}.pv-unified-controls .pv-quantity input{font-size:29px!important}.pv-unified-controls input[type=range]{height:24px;margin:12px 0}.pv-unified-controls .pv-quick-actions button{font-size:12px;min-height:44px}.pv-unified-controls .pv-muted,.pv-unified-controls .pv-feedback{font-size:11px}.pv-unified-controls .pv-switch{min-height:48px;font-size:12px}.pv-unified-controls .pv-switch input{width:18px;height:18px}.pv-unified-controls .pv-staff-actions{bottom:-14px}.pv-unified-controls .pv-time span{font-size:11px}.pv-unified-controls .pv-primary{min-height:46px;font-size:13px}.pv-unified-controls .pv-range-labels{font-size:10px}.pv-unified-controls .pv-reset-sun{min-height:44px;font-size:12px}
}
@media(max-height:550px) and (max-width:900px){.client-view .pv-unified-controls{top:14px;bottom:100px;max-height:none;left:auto;right:14px;width:310px}.client-view .pv-client-card{display:none}}
@media(max-width:700px){.pv-unified-controls #pv-sun-section .pv-section-title{margin:14px 0 8px}.pv-unified-controls #pv-sun-section .pv-time{margin-top:12px;gap:6px}.pv-unified-controls #pv-sun-section .pv-range-labels{margin-bottom:12px}.pv-unified-controls #pv-sun-section .pv-primary{padding:10px;margin-bottom:6px}}
@media(max-width:700px) and (min-height:551px){.client-view .pv-unified-controls{top:152px;max-height:calc(100dvh - 266px)}.client-view.drawer-open .pv-client-badge{visibility:hidden}.pv-unified-controls .pv-drawer-heading{margin-bottom:6px}.pv-unified-controls .pv-drawer-heading button{height:36px}.pv-unified-controls .pv-section-title{margin:16px 0 8px}}

/* Phone workspace: a slim capacity strip above the model and one-screen editing. */
@media(max-width:700px) and (min-height:551px){
 .client-view .pv-client-card{top:178px;left:20px;right:20px;width:auto;padding:10px 13px;border-radius:10px}
 .client-view .pv-client-card .pv-motion-top{font-size:6px;letter-spacing:1.3px;line-height:10px}
 .client-view .pv-client-card .pv-motion-top>span:last-child{font-size:8px}
 .client-view .pv-client-card .pv-motion-values{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0 0}
 .client-view .pv-client-card .pv-capacity-value{gap:6px}
 .client-view .pv-client-card .pv-capacity-value strong{font-size:27px;letter-spacing:-.7px}
 .client-view .pv-client-card .pv-capacity-value>span{font-size:11px}
 .client-view .pv-client-card .pv-panel-value{margin:0;gap:6px;align-items:baseline}
 .client-view .pv-client-card .pv-panel-value strong{font-size:21px}
 .client-view .pv-client-card .pv-panel-value>span{font-size:9px;white-space:nowrap}
 .client-view .pv-client-card .pv-motion-bottom{display:none}
 .client-view .pv-unified-controls[data-panel=layout]{top:auto;bottom:max(112px,calc(env(safe-area-inset-bottom) + 94px));max-height:calc(100dvh - 178px);padding:12px 16px}
 .pv-unified-controls[data-panel=layout] .pv-drawer-heading{position:absolute;right:12px;top:16px;margin:0;z-index:3}
 .pv-unified-controls[data-panel=layout] .pv-drawer-heading>span{display:none}
 .pv-unified-controls[data-panel=layout] .pv-drawer-heading button{width:36px;height:36px}
 .pv-unified-controls[data-panel=layout] .pv-tabs{margin-right:40px;position:static}
 .pv-unified-controls[data-panel=layout] .pv-tabs button{padding:8px 6px;min-height:40px}
 #pv-layout-section .pv-staff-fields>.pv-section-title:first-child,#pv-layout-section #pv-selection-description,#pv-layout-section .pv-layout-reference{display:none}
 .pv-unified-controls[data-panel=layout] .pv-label{font-size:0;margin:10px 0 0}
 .pv-unified-controls[data-panel=layout] .pv-label select{font-size:16px;margin-top:0;padding:10px;min-height:44px}
 .pv-unified-controls[data-panel=layout] .pv-building-picker:not([hidden]){margin:10px 0 0;gap:5px}
 .pv-unified-controls[data-panel=layout] .pv-building-picker button{padding:8px 5px;min-height:40px}
 .pv-unified-controls[data-panel=layout] .pv-section-title{margin:10px 0 6px;font-size:11px}
 .pv-unified-controls[data-panel=layout] .pv-quantity{padding:4px}
 .pv-unified-controls[data-panel=layout] .pv-quantity button{width:44px;height:44px}
 .pv-unified-controls[data-panel=layout] input[type=range]{height:28px;margin:6px 0}
 .pv-unified-controls[data-panel=layout] .pv-quick-actions button{min-height:44px;padding:8px}
 .pv-unified-controls[data-panel=layout] .pv-feedback{min-height:16px;line-height:1.4;margin:6px 0 0}
 .pv-unified-controls[data-panel=layout] .pv-staff-status{font-size:11px;line-height:1.45;min-height:16px;margin:4px 0 8px}
 .pv-unified-controls[data-panel=layout] .pv-staff-actions{position:static;padding:8px 0 0;gap:8px}
 .pv-unified-controls[data-panel=layout] .pv-staff-actions button{min-height:44px}
}