.overview-period-panel{margin:0 0 22px}.overview-period-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.overview-period-top h2{margin:0 0 8px}.overview-period-tabs{flex-shrink:0}.overview-period-tabs button{white-space:nowrap}.overview-period-fields{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.overview-period-fields label{display:flex;gap:12px;align-items:center;margin:0}.overview-range-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:18px}.overview-range-form>div:not(.modal-error){flex:1;min-width:150px}.overview-range-form>.modal-error{flex-basis:100%;margin:0}.overview-range-form .btn{min-height:42px}.overview-period-note{border-top:1px solid var(--border);padding-top:14px;margin:17px 0 0!important;line-height:1.7}@media(max-width:1000px){.overview-period-top{align-items:flex-start;flex-direction:column}.overview-period-tabs{width:100%;display:flex}.overview-period-tabs button{flex:1}}@media(max-width:640px){.overview-period-panel{padding:16px}.overview-period-tabs{flex-wrap:wrap}.overview-period-tabs button{font-size:calc(10px * var(--oriva-font-scale, 1));padding:10px 8px}.overview-period-fields label{font-size:calc(11px * var(--oriva-font-scale, 1))}.overview-range-form .btn{width:100%}.overview-period-note{font-size:calc(10px * var(--oriva-font-scale, 1))!important}}