/* Shared sizing for manager, staff, CRM and LINE entry forms. */
.field,.crm-field,.form-grid>*,.crm-form-grid>*{min-width:0}
.input,.select,.crm-input,.crm-select,textarea{max-width:100%;min-width:0}
.control-select{position:relative;display:inline-flex;align-items:center;max-width:100%;min-width:0;height:auto!important;padding-inline-start:11px!important;padding-inline-end:38px!important;white-space:normal!important;vertical-align:middle;isolation:isolate}
.control-select>.control-select-label{display:block;min-width:0;max-width:100%;line-height:1.5;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.control-select::after{content:'';position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.control-select>select{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;z-index:1;cursor:pointer;font:inherit}
.control-select:focus-within{outline:3px solid #70cdd3;outline-offset:2px;border-color:#009da7}
.control-select:has(>select:disabled){opacity:.6}
.control-select:has(>select:disabled)>select{cursor:default}
.view-switch .control-select,.topbar .control-select.employee-picker{border:0;background:transparent;color:#53677f;font-size:12px;max-width:190px;min-height:38px;width:auto}
.learn-utility .control-select{min-height:36px}
.form-grid input:is([type=date],[type=month],[type=time]),.crm-form-grid input:is([type=date],[type=month],[type=time]){min-width:0;width:100%;min-height:42px}
input:is([type=date],[type=month],[type=time])::-webkit-calendar-picker-indicator{margin-inline-start:8px;margin-inline-end:2px;flex-shrink:0}
.field-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.5}
.field-help-inline{font-size:11px;font-weight:500;color:#71839d}
.att-time-fields{align-items:start}
.att-time-fields>.field>input[type=time]{margin-top:0}
.em-field-label{white-space:normal!important;flex-wrap:wrap}
.em-date-input .icon{right:12px!important}
.sv-period-tools{align-items:end!important}
.sv-period-tools>label{align-items:center;min-width:0;max-width:100%}
.sv-period-tools #sv-period-view{min-width:0}
.sv-period-tools>label:first-child .control-select{width:148px!important;min-width:148px;min-height:42px!important}
.sv-period-tools .control-select,.sv-period-tools .input{min-height:42px!important;height:auto!important}
.sv-period-tools #sv-display-month{width:165px;min-width:155px}
.sv-period-tools>label:has(#sv-staff-view){flex:1 1 240px}
.sv-period-tools>label:has(#sv-staff-view) .control-select{width:100%;flex:1}
.sv-inline-fields{align-items:end!important}
.sv-inline-fields .input,.sv-inline-fields .control-select{min-height:40px!important;height:auto!important}
.sv-inline-fields .control-select{text-align:left}
.em-option-add,.em-rate-row,.si-editor,.docs-basic-fields{min-width:0}
.modal-head h2,.crm-modal-head h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 .form-grid,.crm-form-grid{grid-template-columns:minmax(0,1fr)}
 .field.full,.crm-field.full{grid-column:1/-1}
 .topbar-actions{min-width:0;flex-wrap:wrap}
 .view-switch .control-select,.topbar .control-select.employee-picker{font-size:11px;max-width:155px}
 .sv-period-tools{gap:12px!important}
 .sv-period-tools>label{white-space:normal}
 .sv-period-tools>label:first-child .control-select{width:148px!important;min-width:0}
 .sv-period-tools #sv-display-month{width:165px;min-width:0}
 .sv-period-tools>label:has(#sv-staff-view){flex-basis:100%;width:100%}
 .sv-custom-range-form label{flex:1 1 140px;min-width:0}
 .sv-custom-range-form input{width:100%!important}
 .sv-inline-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sv-inline-fields>label{min-width:0;white-space:normal}
 .em-rate-row{grid-template-columns:minmax(0,1fr) minmax(82px,.7fr) 35px}
 .em-rate-row .control-select{font-size:12px}
}
.em-info-actions .button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.sv-manager{grid-template-columns:minmax(0,1fr);min-width:0}
.sv-manager>*,.sv-submission-summary,.sv-summary-half{min-width:0}
.sv-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){
 .sv-page-head{flex-wrap:wrap;align-items:flex-start}
 .sv-page-head>div{min-width:0}
 .sv-overview{grid-template-columns:minmax(0,1fr)}
 .sv-week-date{min-width:0}
 .sv-week-date h2{min-width:0;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5}
 .sv-shortage-banner{min-width:0}
 .sv-shortage-banner h3,.sv-shortage-banner strong{white-space:normal!important}
}
.sv-recruit-panel>*{min-width:0}
@media(max-width:760px){.sv-inline-fields>label{grid-column:auto!important}}
.sv-target-main{min-width:0;flex-wrap:wrap}
.sv-target-main .button{min-width:0;max-width:100%;white-space:normal}