/* Alki internal window system | v13.86.0
   Clean, content-first windows. Tenant storefronts do not load this sheet. */

:root,
:host {
  --alki-window-space-1: 8px;
  --alki-window-space-2: 12px;
  --alki-window-space-3: 16px;
  --alki-window-space-4: 20px;
  --alki-window-space-5: 24px;
  --alki-window-control: 44px;
  --alki-window-radius: 22px;
  --alki-window-gutter: clamp(16px, 2.3vw, 24px);
}

:where(
  .designer-modal-card,
  .modal-backdrop .modal,
  .designer-library,
  .designer-inspector,
  .alki-element-link-card,
  .alki-exp-palette,
  .alki-exp-pro-panel,
  .alki-style-dialog,
  .alki-guide-dialog,
  .canvas-v2-dialog
) {
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: calc(100vw - 24px);
  max-block-size: calc(100dvh - 24px);
}

:where(.designer-modal-card, .modal-backdrop .modal) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

:where(
  .designer-modal-card > .modal-body,
  .modal-backdrop .modal > .modal-body,
  .alki-element-link-card,
  .alki-exp-pro-scroll,
  .canvas-v2-dialog > :not(.canvas-v2-dialog-head):not(.canvas-v2-dialog-footer)
) {
  min-inline-size: 0;
  min-block-size: 0;
}

:where(.designer-modal-card > .modal-body, .modal-backdrop .modal > .modal-body) {
  overflow: hidden auto;
  overscroll-behavior: contain;
}

:where(
  .designer-modal .modal-head,
  .modal-backdrop .modal > .modal-head,
  .designer-library > .panel-title,
  .designer-inspector > .panel-title,
  .alki-element-link-dialog .alki-element-link-head,
  .alki-help-backdrop .alki-help-head,
  .alki-exp-layer .alki-exp-pro-head,
  .alki-style-layer .alki-style-dialog-header,
  .alki-style-layer .alki-guide-header,
  .canvas-v2-overlay .canvas-v2-dialog-head
) {
  position: relative !important;
  isolation: isolate;
  box-sizing: border-box;
  min-inline-size: 0;
  min-block-size: 68px;
  align-items: center !important;
  gap: var(--alki-window-space-3) !important;
  padding: var(--alki-window-space-3) var(--alki-window-gutter) !important;
}

body[data-alki-surface="designer"] :is(.designer-library, .designer-inspector) > .panel-title {
  padding: var(--alki-window-space-3) var(--alki-window-gutter) !important;
}

:where(
  .designer-modal .modal-head,
  .modal-backdrop .modal > .modal-head,
  .designer-library > .panel-title,
  .designer-inspector > .panel-title,
  .alki-element-link-dialog .alki-element-link-head,
  .alki-help-backdrop .alki-help-head,
  .alki-exp-layer .alki-exp-pro-head,
  .alki-style-layer .alki-style-dialog-header,
  .alki-style-layer .alki-guide-header,
  .canvas-v2-overlay .canvas-v2-dialog-head
) > :first-child {
  min-inline-size: 0;
  max-inline-size: 100%;
}

:where(
  .designer-modal .modal-head,
  .modal-backdrop .modal > .modal-head,
  .designer-library > .panel-title,
  .designer-inspector > .panel-title,
  .alki-element-link-dialog .alki-element-link-head,
  .alki-help-backdrop .alki-help-head,
  .alki-exp-layer .alki-exp-pro-head,
  .alki-style-layer .alki-style-dialog-header,
  .alki-style-layer .alki-guide-header,
  .canvas-v2-overlay .canvas-v2-dialog-head
) :where(h1, h2, h3, p, small) {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

:where(
  .designer-modal .modal-head,
  .modal-backdrop .modal > .modal-head,
  .designer-library > .panel-title,
  .designer-inspector > .panel-title,
  .alki-element-link-dialog .alki-element-link-head,
  .alki-help-backdrop .alki-help-head,
  .alki-exp-layer .alki-exp-pro-head,
  .alki-style-layer .alki-style-dialog-header,
  .alki-style-layer .alki-guide-header,
  .canvas-v2-overlay .canvas-v2-dialog-head,
  .designer-library > .library-foot,
  .designer-inspector > .inspector-footer,
  .modal-foot,
  .modal-footer,
  .alki-element-link-actions,
  .alki-exp-pro-footer,
  .alki-style-dialog-footer,
  .alki-guide-footer,
  .canvas-v2-dialog-footer,
  .canvas-v2-laya-composer > div
) :where(button, .btn, a) {
  box-sizing: border-box;
  min-inline-size: 0;
  min-block-size: var(--alki-window-control) !important;
  max-inline-size: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--alki-window-space-1);
  padding-block: 8px;
  text-align: center;
  line-height: 1.22;
  white-space: normal;
  overflow-wrap: break-word;
}

:where(
  .designer-modal .modal-head [data-close],
  .modal-backdrop .modal > .modal-head [data-close],
  .modal-backdrop .modal > .modal-head [data-close-merchant-modal],
  .designer-modal .modal-close-button,
  .designer-library > .panel-title [data-close-panel],
  .designer-inspector > .panel-title [data-close-panel],
  .alki-element-link-head [data-link-close]
) {
  inline-size: auto !important;
  min-inline-size: 82px !important;
  padding-inline: 14px !important;
}

:where(
  .modal-foot,
  .modal-footer,
  .alki-element-link-actions,
  .alki-exp-pro-footer,
  .alki-style-dialog-footer,
  .alki-guide-footer,
  .canvas-v2-dialog-footer,
  .canvas-v2-laya-composer > div
) {
  box-sizing: border-box;
  min-inline-size: 0;
  gap: var(--alki-window-space-2) !important;
  flex-wrap: wrap;
}

:where(body[data-alki-surface]) :where(button, .btn) {
  max-inline-size: 100%;
  text-align: center;
  line-height: 1.22;
  overflow-wrap: break-word;
}

:where(
  .designer-library,
  .designer-inspector,
  .designer-modal-card,
  .modal-backdrop .modal,
  .alki-element-link-card,
  .alki-help-drawer,
  .alki-exp-palette,
  .alki-exp-pro-panel,
  .alki-style-dialog,
  .alki-guide-dialog,
  .canvas-v2-dialog
) :where(h1, h2, h3, h4, p, label, small, b, span, button, a) {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

:where(.alki-exp-command-search, .canvas-v2-command-search) {
  position: relative;
  min-inline-size: 0;
  padding-inline: 16px !important;
}

:where(.alki-element-align-menu:not([hidden]) > header) {
  position: relative;
  min-block-size: 50px;
  padding-inline: 14px !important;
}

/* A revisão de publicação usa texto e estado; ilustrações genéricas não agregam contexto. */
.publish-card .launch { display: none !important; }

@media (max-width: 560px) {
  :root { --alki-window-gutter: 14px; }

  :where(
    .designer-modal-card,
    .modal-backdrop .modal,
    .designer-library,
    .designer-inspector,
    .alki-element-link-card,
    .alki-exp-palette,
    .alki-exp-pro-panel,
    .alki-style-dialog,
    .alki-guide-dialog,
    .canvas-v2-dialog
  ) {
    max-inline-size: 100vw;
    max-block-size: 100dvh;
  }

  :where(
    .designer-modal .modal-head,
    .modal-backdrop .modal > .modal-head,
    .designer-library > .panel-title,
    .designer-inspector > .panel-title,
    .alki-element-link-dialog .alki-element-link-head,
    .alki-help-backdrop .alki-help-head,
    .alki-exp-layer .alki-exp-pro-head,
    .alki-style-layer .alki-style-dialog-header,
    .alki-style-layer .alki-guide-header,
    .canvas-v2-overlay .canvas-v2-dialog-head
  ) {
    min-block-size: 64px;
    padding-inline: var(--alki-window-gutter) !important;
  }

  :where(
    .modal-foot,
    .modal-footer,
    .alki-element-link-actions,
    .alki-exp-pro-footer,
    .alki-style-dialog-footer,
    .alki-guide-footer,
    .canvas-v2-dialog-footer,
    .canvas-v2-laya-composer > div
  ) :where(button, .btn, a) {
    flex: 1 1 100%;
    inline-size: 100%;
    min-block-size: 48px !important;
  }

  .canvas-v2-dialog-footer > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    inline-size: 100%;
  }

  .alki-style-dialog .alki-style-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    padding: 8px;
  }

  .alki-style-dialog .alki-style-tabs > button {
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 44px;
    padding-inline: 7px;
    white-space: normal;
  }

  .designer-inspector .content-item-remove { min-block-size: 44px !important; }
}

@media (forced-colors: active) {
  :where(.designer-modal-card, .modal-backdrop .modal, .designer-library, .designer-inspector) {
    border: 1px solid CanvasText;
  }
}