/* 028-cloud-ui-kit.css v1.0.0 (cloud) — MAP §1A row 2 ui-kit (CSS), split step 24 (W92 D2).
 * 7888 v1.1.0 (close-button standardization) then 7889 v1.3.2 (panel-header standardization), rules unchanged and in
 * order, at their old manifest place (they were adjacent → same cascade). History: git show 1aa484b:packages/web/public/snippets/7888-close-button-standardization.css / …7889-panel-header-standardization.css */

/* ── 7888 close-button standardization v1.1.0 ── */
html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label],
html body.v28-dv2-mobile .v28m-sb-filter-close,
html body.v28-dv2-mobile .v28m-tt-x,
html body.v28-dv2-mobile .v28m-afts-x,
html body.v28-dv2-mobile .v28m-cp-panel-x {
    position: relative !important;
    box-sizing: border-box !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #e4002b !important;
    background-color: #e4002b !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    cursor: pointer !important;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label] svg,
html body.v28-dv2-mobile .v28m-sb-filter-close svg,
html body.v28-dv2-mobile .v28m-tt-x svg,
html body.v28-dv2-mobile .v28m-afts-x svg,
html body.v28-dv2-mobile .v28m-cp-panel-x svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label] svg[viewBox="0 0 14 14"],
html body.v28-dv2-mobile .v28m-sb-filter-close svg[viewBox="0 0 14 14"],
html body.v28-dv2-mobile .v28m-tt-x svg[viewBox="0 0 14 14"],
html body.v28-dv2-mobile .v28m-afts-x svg[viewBox="0 0 14 14"],
html body.v28-dv2-mobile .v28m-cp-panel-x svg[viewBox="0 0 14 14"] {
    width: 10.2px !important;
    height: 10.2px !important;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label] path,
html body.v28-dv2-mobile .v28m-sb-filter-close path,
html body.v28-dv2-mobile .v28m-tt-x path,
html body.v28-dv2-mobile .v28m-afts-x path,
html body.v28-dv2-mobile .v28m-cp-panel-x path {
    stroke-width: 2 !important;
    stroke-linecap: round !important;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label] svg[viewBox="0 0 14 14"] path,
html body.v28-dv2-mobile .v28m-sb-filter-close svg[viewBox="0 0 14 14"] path,
html body.v28-dv2-mobile .v28m-tt-x svg[viewBox="0 0 14 14"] path,
html body.v28-dv2-mobile .v28m-afts-x svg[viewBox="0 0 14 14"] path,
html body.v28-dv2-mobile .v28m-cp-panel-x svg[viewBox="0 0 14 14"] path {
    stroke-width: 2.2 !important;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label] svg[viewBox="0 0 24 24"] path,
html body.v28-dv2-mobile .v28m-sb-filter-close svg[viewBox="0 0 24 24"] path,
html body.v28-dv2-mobile .v28m-tt-x svg[viewBox="0 0 24 24"] path,
html body.v28-dv2-mobile .v28m-afts-x svg[viewBox="0 0 24 24"] path,
html body.v28-dv2-mobile .v28m-cp-panel-x svg[viewBox="0 0 24 24"] path {
    stroke-width: 2.4 !important;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label]::before,
html body.v28-dv2-mobile .v28m-sb-filter-close::before,
html body.v28-dv2-mobile .v28m-tt-x::before,
html body.v28-dv2-mobile .v28m-afts-x::before,
html body.v28-dv2-mobile .v28m-cp-panel-x::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label]:active,
html body.v28-dv2-mobile .v28m-sb-filter-close:active,
html body.v28-dv2-mobile .v28m-tt-x:active,
html body.v28-dv2-mobile .v28m-afts-x:active,
html body.v28-dv2-mobile .v28m-cp-panel-x:active {
    background: #c40025 !important;
    background-color: #c40025 !important;
    color: #ffffff !important;
}

html body.v28-dv2-mobile .v28m-drawer-root .v28m-drawer-btn.v28m-drawer-close[aria-label]:focus-visible,
html body.v28-dv2-mobile .v28m-sb-filter-close:focus-visible,
html body.v28-dv2-mobile .v28m-tt-x:focus-visible,
html body.v28-dv2-mobile .v28m-afts-x:focus-visible,
html body.v28-dv2-mobile .v28m-cp-panel-x:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: -5px !important;
    box-shadow: 0 0 0 2px #e4002b !important;
}

html body.v28-dv2-mobile .v28m-tt-x {
    margin-left: auto !important;
    margin-right: 0 !important;
}

html body.v28-dv2-mobile .v28m-sb-filter-close {
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
}

/* ── 7889 panel-header standardization v1.3.2 ── */
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-drawer-title,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-title,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-afts-title,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-cp-panel-title,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28ip-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0a0a0a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  transition: none !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-drawer-title {
  text-align: left !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop)
  .v28m-drawer-back.v28m-drawer-hidden + .v28m-drawer-spacer {
  display: none !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-title {
  padding-left: 8px !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  text-align: left !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-section-label,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-tool-label,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-preset-label,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-layer-label,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-color-pill-label {
  text-align: left !important;
}
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-section-label::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-tool-label::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-preset-label::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-layer-label::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-color-pill-label::first-letter {
  text-transform: uppercase !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-mini-label,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-hex-label {
  text-transform: lowercase !important;
  text-align: left !important;
}
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-mini-label::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-hex-label::first-letter {
  text-transform: uppercase !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) #v28m-tabbar .v28m-tabbar-label { font-size: 16.5px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) #v28m-tabbar .v28m-tabbar-label::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tabbar-label::first-letter {
  text-transform: uppercase !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-tool-label { font-size: 18px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-section-label { font-size: 16px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-section-value { font-size: 17px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-color-pill-label { font-size: 17px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-color-pill-hex { font-size: 17px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-hex-label { font-size: 14.5px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-mini-label { font-size: 13px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-mini-val { font-size: 13px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-preset-label { font-size: 13px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-layer-label { font-size: 14.5px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-pd-section-label { font-size: 13px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-sb-filter-label { font-size: 13px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-sd-section-title { font-size: 16px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-sd-rename-label { font-size: 17px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-sd-tile-label { font-size: 20px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-atc-cell-label { font-size: 14.5px !important; }
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-id-section-title { font-size: calc(var(--v28m-fs-base) * 1.21) !important; }

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-sd-rename-label::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-id-section-title::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-id-replace-preview-label::first-letter {
  text-transform: uppercase !important;
}

html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-drawer-title::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-tt-title::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-afts-title::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28m-cp-panel-title::first-letter,
html body:is(.v28-dv2-mobile, .v28-dv2-tablet, .v28-dv2-desktop) .v28ip-title::first-letter {
  text-transform: uppercase !important;
}