/* Shared window system remains responsible for stacking, focus and maximize. */
#taskPagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px;flex-wrap:wrap}
#taskPagination[hidden]{display:none}
.ala-feedback-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:2147483000;display:flex;align-items:center;gap:16px;max-width:min(680px,calc(100vw - 32px));padding:16px;border:1px solid var(--ala-border);border-radius:12px;background:var(--ala-surface);color:var(--ala-text);box-shadow:var(--ala-shadow-modal)}
.ala-feedback-notice span{overflow-wrap:anywhere}
#alaFeedbackDialog{color:var(--ala-text);background:var(--ala-surface);border:1px solid var(--ala-border);border-radius:16px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0}
#alaFeedbackMessage{white-space:pre-line;overflow-wrap:anywhere}
#alaFeedbackDialog button:focus-visible{outline:2px solid var(--ala-focus);outline-offset:2px}
/* Filters and summary can exceed a short/mobile viewport; one inner scroll owner. */
@media(max-height:600px),(max-width:700px){
 html[data-ala-theme][data-ala-theme] #controlDrill .control-drill-panel{overflow:auto!important;overscroll-behavior:contain}
 html[data-ala-theme][data-ala-theme] #controlDrill .control-drill-body{overflow:visible!important;flex:0 0 auto!important}
}

/* Task confirmation variant: scoped overrides are required by the inherited
   important window rules. No other confirmation or commercial action changes. */
@layer ala-phase4 {
 html[data-ala-theme] body.premium-ui-v2 #alaFeedbackDialog[data-variant="delete-task"] {
  width:min(480px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;
  color:var(--ala-text)!important;background:var(--ala-surface)!important;border:1px solid var(--ala-border)!important;border-radius:16px!important;font-family:var(--ala-font);box-shadow:var(--ala-shadow-modal);
  & .ux-window-head {display:flex!important;align-items:center!important;gap:12px!important;position:static!important;height:auto!important;min-height:0!important;padding:20px 24px 16px!important;background:var(--ala-surface)!important;color:var(--ala-text)!important;border-bottom:0!important}
  & h2 {font:600 20px/28px var(--ala-font)!important;margin:0!important;color:var(--ala-text)!important;flex:1}
  & .ux-window-head>.crm-window-caption {display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
  & .ala-delete-symbol {display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--ala-error-bg);color:var(--ala-error)}
  & svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  & .ala-delete-symbol svg {width:21px;height:21px}
  & .ala-delete-close {display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--ala-text-secondary)!important;font:400 24px/1 var(--ala-font)!important}
  & .ala-delete-close:hover:not(:disabled) {background:var(--ala-hover)!important}
  & .ux-window-body {padding:0 24px 20px!important;background:var(--ala-surface)!important;color:var(--ala-text)!important;overflow:visible!important}
  & #alaFeedbackMessage {font:400 14px/22px var(--ala-font);margin:0 0 16px}
  & .ala-delete-task-info {display:grid;gap:6px;padding:14px 16px;border:1px solid var(--ala-border);border-radius:10px;background:var(--ala-elevated);overflow-wrap:anywhere}
  & .ala-delete-task-info strong {font:600 14px/22px var(--ala-font)}
  & .ala-delete-task-info span {font:400 13px/20px var(--ala-font);color:var(--ala-text-secondary)}
  & .ala-delete-warning {font:400 13px/20px var(--ala-font);color:var(--ala-text-secondary);margin:14px 0 0}
  & #alaFeedbackError {font:400 13px/20px var(--ala-font);color:var(--ala-error);background:var(--ala-error-bg);border-radius:8px;padding:12px;margin:14px 0 0}
  & [hidden] {display:none!important}
  & .ux-window-footer {display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding:16px 24px!important;background:var(--ala-surface)!important;border-top:1px solid var(--ala-border)!important}
  & .ux-window-footer button {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;height:auto!important;padding:9px 14px!important;border:1px solid var(--ala-control-border)!important;border-radius:8px!important;background:var(--ala-surface)!important;color:var(--ala-text)!important;font:600 13px/20px var(--ala-font)!important;box-shadow:none!important}
  & .ux-window-footer .ala-delete-confirm {border-color:color-mix(in srgb,var(--ala-error) 55%,var(--ala-surface))!important;color:var(--ala-error)!important;background:transparent!important}
  & .ux-window-footer button:hover:not(:disabled) {background:var(--ala-hover)!important}
  & .ux-window-footer .ala-delete-confirm:hover:not(:disabled) {background:var(--ala-error-bg)!important}
  & button:focus-visible {outline:2px solid var(--ala-focus)!important;outline-offset:3px!important}
  & button:disabled {opacity:.55!important;cursor:not-allowed!important}
  @media(max-width:480px) {
   & .ux-window-head {padding:16px!important;gap:10px!important}
   & .ux-window-body {padding:0 16px 16px!important}
   & .ux-window-footer {padding:14px 16px!important;gap:10px!important}
   & .ux-window-footer button {flex:1 1 auto!important}
  }
 }
}