/* Workhour ÄTA tabs 1.0 - matches project editor's clean tab treatment */
#ataDialog .wh-dialog-panel {height:min(790px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;min-height:0;}
#ataDialog .wh-dialog-panel > header {flex:0 0 auto;}
#ataDialog .wh-ata-tabs {display:flex;align-items:center;gap:clamp(10px,2vw,26px);flex:0 0 auto;min-height:54px;padding:0 22px;border-bottom:1px solid var(--border,#e1e5e9);overflow-x:auto;scrollbar-width:thin;white-space:nowrap;}
#ataDialog .wh-ata-tab {appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:13px 0!important;color:var(--muted,#69717c);font:inherit;font-size:13px;font-weight:450;cursor:pointer;white-space:nowrap;}
#ataDialog .wh-ata-tab.is-active {font-weight:750;color:var(--text,#202832);}
#ataDialog .wh-ata-tab:focus-visible {outline:2px solid #4b9eff;outline-offset:-3px;border-radius:3px!important;}
#ataDialog .wh-ata-tab-scroll {flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;}
#ataDialog .wh-ata-pane[hidden] {display:none!important;}
#ataDialog .wh-ata-pane {min-width:0;}
#ataDialog .dialog-actions {flex:0 0 auto;margin-top:auto;}
@media(max-width:640px){#ataDialog .wh-dialog-panel{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);}#ataDialog .wh-ata-tabs{padding:0 16px;gap:19px;}#ataDialog .wh-ata-tab{font-size:12px;}}
/* Dark mode: inherit the site's tokens, and fall back to color scheme. */
[data-theme="dark"] #ataDialog .wh-ata-tab, .dark #ataDialog .wh-ata-tab {color:#aeb8c5;}
[data-theme="dark"] #ataDialog .wh-ata-tab.is-active, .dark #ataDialog .wh-ata-tab.is-active {color:#f5f7fa;}
[data-theme="dark"] #ataDialog .wh-ata-tabs, .dark #ataDialog .wh-ata-tabs {border-color:rgba(255,255,255,.13);}

/* Ensure tabs remain legible and clickable despite global button styles. */
#ataDialog .wh-ata-tabs {position:relative;z-index:2;}
#ataDialog .wh-ata-tab {opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
#ataDialog .wh-ata-tab:not(.is-active) {color:#5d6570!important;}
[data-theme="dark"] #ataDialog .wh-ata-tab:not(.is-active),.dark #ataDialog .wh-ata-tab:not(.is-active){color:#b8c0cb!important;}

/* 1.0.2: override inherited grid/space-between layout of the original dialog. */
#ataDialog .wh-dialog-panel {display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;}
#ataDialog .wh-dialog-panel > header {display:block!important;flex:0 0 auto!important;margin:0!important;}
#ataDialog .wh-ata-tabs {display:flex!important;justify-content:flex-start!important;align-items:center!important;align-self:stretch!important;margin:0!important;flex:0 0 54px!important;min-height:54px!important;}
#ataDialog .wh-ata-tab-scroll {display:block!important;flex:1 1 0!important;min-height:0!important;height:auto!important;margin:0!important;padding-top:18px!important;overflow-y:auto!important;}
#ataDialog .wh-ata-pane {display:block;position:static!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;}
#ataDialog .wh-ata-pane[hidden] {display:none!important;}
#ataDialog .dialog-actions {flex:0 0 auto!important;margin-top:0!important;}
#ataDialog .wh-ata-pane .form-grid {align-items:start;row-gap:18px;}
#ataDialog .wh-ata-pane label, #ataDialog .wh-ata-pane .field-group {min-width:0;}
#ataDialog .wh-ata-pane label > span:first-child, #ataDialog .wh-ata-pane .field-group > span:first-child {display:block;margin-bottom:9px;}
#ataDialog .wh-ata-pane label > span.wh-input-unit {margin-bottom:0;}
#ataDialog .wh-ata-pane .field-group .select2-container {width:100%!important;min-width:0;}
#ataDialog .wh-ata-pane .select2-container--default .select2-selection--single {height:46px!important;min-height:46px!important;border:1px solid var(--line,#d9e0e6)!important;border-radius:14px!important;background:var(--card,#fff)!important;display:flex;align-items:center;}
#ataDialog .wh-ata-pane .select2-selection__rendered {line-height:44px!important;padding-left:14px!important;padding-right:35px!important;color:var(--foreground,#202936)!important;font-size:14px!important;}
#ataDialog .wh-ata-pane .select2-selection__arrow {height:44px!important;right:12px!important;}
[data-theme="dark"] #ataDialog .wh-ata-pane .select2-container--default .select2-selection--single,.dark #ataDialog .wh-ata-pane .select2-container--default .select2-selection--single {background:var(--card,#252b34)!important;}

/* Price model uses one native select; no Select2 wrapper or duplicate controls. */
#ataDialog select.js-ata-price-model.wh-ata-select { width:100%; height:46px; min-height:46px; }

/* 5.1.39: Select2 kan initieras medan Pris & budget är dold.
   Låt Select2 vara enda synliga kontrollen och fyll alltid kolumnen. */
#ataDialog select.js-ata-price-model.select2-hidden-accessible {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
#ataDialog .field-group:has(.js-ata-price-model),
#ataDialog .field-group:has(.js-ata-price-model) > .select2-container,
#ataDialog .field-group:has(.js-ata-price-model) > .select2-container--default {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#ataDialog .field-group:has(.js-ata-price-model) .select2-selection--single {
  width:100%!important;
  box-sizing:border-box!important;
}