/* User Visual Design Components — shared header/menu rules extracted in Phase 3B.7. */


/* ==========================================================
   Phase 3D.12.1 — central site-header variant contract.
   These rules expose the shared header variants used by dashboard/public/live
   entry pages without changing which variant each page intentionally requests.
   Theme CSS should skin these data/class hooks instead of targeting individual
   PHP pages.
   ========================================================== */
[data-uvd-component="site-header"].uvd-site-header {
  box-sizing: border-box;
}
[data-uvd-component="site-header"] .uvd-site-header__right,
[data-uvd-component="site-header"] .uvd-site-header__title,
[data-uvd-component="site-header"] .uvd-site-header__left {
  box-sizing: border-box;
}
[data-uvd-component="site-header"] .uvd-site-header__left {
  font-family: Vazirmatn, 'B-Nazanin', Tahoma, sans-serif;
}
[data-uvd-component="site-header"] .uvd-site-header__left--hidden {
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}
[data-uvd-component="site-header"][data-uvd-header-center-only="true"],
[data-uvd-component="site-header"].site-header-center-only,
[data-uvd-component="site-header"].uvd-site-header--center-only {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
[data-uvd-component="site-header"][data-uvd-header-center-only="true"] .uvd-site-header__title,
[data-uvd-component="site-header"].site-header-center-only .uvd-site-header__title,
[data-uvd-component="site-header"].uvd-site-header--center-only .uvd-site-header__title {
  margin: 0 auto;
  text-align: center;
  flex: 0 1 auto;
  position: static;
  transform: none;
  left: auto;
  right: auto;
  width: auto;
  max-width: min(92vw, 900px);
}
[data-uvd-component="site-header"][data-uvd-header-compact="true"],
[data-uvd-component="site-header"].site-header-compact,
[data-uvd-component="site-header"].uvd-site-header--compact {
  --uvd-site-header-variant: compact;
}
[data-uvd-component="site-header"][data-uvd-header-mode="minimal"],
[data-uvd-component="site-header"].uvd-site-header--minimal {
  --uvd-site-header-variant: minimal;
}
[data-uvd-component="site-header"][data-uvd-header-preserve-frame="true"],
[data-uvd-component="site-header"].uvd-site-header--preserve-frame {
  --uvd-site-header-frame: preserved;
}


/* ==========================================================
   Phase 3D.19 — central header/menu/footer visual contract.
   These rules move visual defaults out of inline PHP attributes while preserving
   the same intentional header variants. Future themes should skin these hooks
   from their own theme CSS, not by editing header.php/footer.php.
   ========================================================== */
[data-uvd-component="site-header"] .uvd-site-header__left {
  font-family: var(--uvd-site-header-left-font, Vazirmatn, 'B-Nazanin', Tahoma, sans-serif);
}

[data-uvd-component="site-menu"] .uvd-site-menu__user {
  font-family: var(--uvd-site-menu-user-font, 'B-Nazanin-Bold', Vazirmatn, Tahoma, sans-serif);
}

[data-uvd-component="site-menu"] .uvd-site-menu__groups {
  font-family: var(--uvd-site-menu-groups-font, Vazirmatn, 'B-Nazanin', Tahoma, sans-serif);
  font-size: var(--uvd-site-menu-groups-size, 12px);
  opacity: var(--uvd-site-menu-groups-opacity, .9);
  line-height: var(--uvd-site-menu-groups-line-height, 1.9);
}

[data-uvd-component="site-menu"] .uvd-site-menu__guest,
[data-uvd-component="site-menu"] .uvd-site-menu__link,
#side-menu .uvd-site-menu__link {
  font-family: var(--uvd-site-menu-font, Vazirmatn, 'B-Nazanin', Tahoma, sans-serif);
}

[data-uvd-component="site-menu"] [data-uvd-menu-link="logout"],
#side-menu [data-uvd-menu-link="logout"] {
  color: var(--uvd-site-menu-danger-color, #d8000c);
}

[data-uvd-component="site-menu"] [data-uvd-menu-link="login"],
[data-uvd-component="site-menu"] [data-uvd-menu-link="register"],
#side-menu [data-uvd-menu-link="login"],
#side-menu [data-uvd-menu-link="register"] {
  color: var(--uvd-site-menu-entry-color, #3975C4);
}

[data-uvd-component="site-footer"],
[data-uvd-component="site-footer-text"] {
  box-sizing: border-box;
}

[data-uvd-component="site-footer-text"] {
  text-align: center;
  padding: var(--uvd-site-footer-text-padding, 20px);
  font-family: var(--uvd-site-footer-font, 'B-Nazanin', Vazirmatn, Tahoma, sans-serif);
  color: var(--uvd-site-footer-text-color, inherit);
}

/* File Management Suite UX Pro V2.2: whole side menu scroll + internal group-list scroll cap. */
      #side-menu{
        box-sizing: border-box !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding-top: calc(84px + env(safe-area-inset-top, 0px)) !important;
        padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        scrollbar-width: thin;
      }
      #side-menu::-webkit-scrollbar{width:8px}
      #side-menu::-webkit-scrollbar-thumb{background:rgba(57,117,196,.42);border-radius:999px}
      #side-menu .user-groups-line{
        max-height: min(220px, 32dvh) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        padding: 10px 12px;
        border-radius: 14px;
        background: rgba(57,117,196,.08);
        border: 1px solid rgba(57,117,196,.16);
        overflow-wrap: anywhere;
      }
      #side-menu .user-groups-label{display:block;font-size:12px;font-weight:900;opacity:.88;margin-bottom:7px}
      #side-menu .group-chip-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;line-height:1.6}
      #side-menu .group-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;background:rgba(57,117,196,.13);border:1px solid rgba(57,117,196,.22);color:inherit;font-size:12px;font-weight:800;max-width:100%;word-break:break-word}
      #side-menu .group-chip[hidden],#side-menu .group-chip--extra[hidden],#side-menu [data-group-extra][hidden],#side-menu .group-more-toggle[hidden]{display:none!important}
      #side-menu .group-more-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.34);background:linear-gradient(135deg,rgba(251,191,36,.20),rgba(57,117,196,.12));color:inherit;font-family:inherit;font-size:12px;font-weight:950;cursor:pointer}
      #side-menu .group-more-toggle:hover{filter:saturate(1.12);transform:translateY(-1px)}
      #side-menu .user-groups-line::-webkit-scrollbar{width:7px}
      #side-menu .user-groups-line::-webkit-scrollbar-thumb{background:rgba(57,117,196,.35);border-radius:999px}
      #side-menu a[href$="/logout.php"]{
        position: sticky;
        bottom: max(8px, env(safe-area-inset-bottom, 0px));
        z-index: 20;
        background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,246,246,.98)) !important;
        border: 1px solid rgba(216,0,12,.18) !important;
        border-radius: 14px !important;
        box-shadow: 0 -12px 28px rgba(0,0,0,.16) !important;
      }
      body.user-dark #side-menu a[href$="/logout.php"]{
        background: linear-gradient(135deg, rgba(127,29,29,.97), rgba(69,10,10,.96)) !important;
        color: #fee2e2 !important;
        border-color: rgba(248,113,113,.22) !important;
      }
      @media (max-height: 640px){
        #side-menu{padding-top: calc(68px + env(safe-area-inset-top, 0px)) !important;}
      }
      @media (max-width: 520px){
        #side-menu{width: min(86vw, 320px) !important; right: calc(-1 * min(86vw, 320px)) !important;}
        #side-menu.open{right:0 !important;}
      }

/* Phase 3B.8 — central dashboard action contract.
   Page PHP only supplies semantic order/variant attributes; future themes fill
   the visual tokens without moving buttons page-by-page. */
[data-uvd-component="dashboard-actions"] {
  --uvd-action-featured-bg: linear-gradient(135deg, #3975C4, #6CA0DC);
  --uvd-action-featured-border: rgba(57, 117, 196, .38);
  --uvd-action-featured-shadow: 0 16px 38px rgba(57, 117, 196, .24);
}
[data-uvd-component="dashboard-actions"] > [data-uvd-action-order="1"] { order: 1; }
[data-uvd-component="dashboard-actions"] > [data-uvd-action-order="2"] { order: 2; }
[data-uvd-component="dashboard-actions"] > [data-uvd-action-order="3"] { order: 3; }
[data-uvd-component="dashboard-actions"] > [data-uvd-action-order="4"] { order: 4; }
[data-uvd-component="dashboard-actions"] > [data-uvd-action-order="5"] { order: 5; }
[data-uvd-component="dashboard-actions"] > [data-uvd-action-order="6"] { order: 6; }
[data-uvd-component="dashboard-actions"] > [data-uvd-action-order="70"] { order: 70; }
[data-uvd-component="dashboard-actions"] > [data-uvd-action-role="auxiliary"] { order: 70; }
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="featured"] > a {
  background: var(--uvd-action-featured-bg) !important;
  border-color: var(--uvd-action-featured-border) !important;
  box-shadow: var(--uvd-action-featured-shadow) !important;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] > a {
  min-height: var(--uvd-action-height, 46px);
}


/* ==========================================================
   Phase 3B.10 — dashboard action Hero CTA and visual-state contract enforcement.
   Core owns the semantic guarantees for action variants/states so future
   themes only provide token values and rich visuals; page PHP should not patch visuals.
   ========================================================== */
[data-uvd-component="dashboard-actions"] {
  --uvd-action-neutral-bg: var(--uvd-action-bg, linear-gradient(135deg, #3975C4, #6CA0DC));
  --uvd-action-neutral-border: var(--uvd-action-border, rgba(57,117,196,.26));
  --uvd-action-neutral-shadow: var(--uvd-action-shadow, 0 14px 34px rgba(57,117,196,.18));
  --uvd-action-featured-min-height: calc(var(--uvd-action-height, 46px) + 8px);
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="downloads"][data-uvd-action-variant="featured"] > a {
  min-height: var(--uvd-action-featured-min-height) !important;
  background: var(--uvd-action-featured-bg) !important;
  border-color: var(--uvd-action-featured-border) !important;
  box-shadow: var(--uvd-action-featured-shadow) !important;
  isolation: isolate;
  position: relative;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] > a,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a {
  min-height: var(--uvd-action-height, 46px) !important;
  background: var(--uvd-action-neutral-bg) !important;
  border-color: var(--uvd-action-neutral-border) !important;
  box-shadow: var(--uvd-action-neutral-shadow) !important;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] .live-class-card-meta,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] .live-class-card-meta,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) .live-class-card-meta,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] .live-card-status,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] .live-card-status,
[data-uvd-component="dashboard-actions"] [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) .live-card-status {
  display: none !important;
}


/* ==========================================================
   Phase 3B.12 — generic Hero CTA contract for primary actions.
   Core defines structure/behavior only. Theme CSS owns visual drama. Hero CTAs must not add unapproved user-facing badges.
   ========================================================== */
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] {
  position: relative;
  isolation: isolate;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] > a {
  min-height: var(--uvd-action-hero-min-height, calc(var(--uvd-action-height, 46px) + 18px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--uvd-action-hero-gap, 12px) !important;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-icon,
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-copy,
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-title,
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-subtitle {
  position: relative;
  z-index: 2;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-copy {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-title {
  line-height: 1.45;
  white-space: normal;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-subtitle {
  display: none;
}
[data-uvd-component="dashboard-actions"] [data-uvd-action-variant="hero"] .uvd-action-hero-icon {
  flex: 0 0 auto;
}


/* ==========================================================
   Phase 3B.12 — central theme switcher component.
   Pages may place this component; each skin owns its final visual details.
   ========================================================== */
.uvd-theme-switcher {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 12px;
  padding: 9px 10px;
  border-radius: 16px;
  border: 1px solid rgba(57,117,196,.16);
  background: rgba(57,117,196,.06);
  font-family: Vazirmatn, Tahoma, sans-serif;
  direction: rtl;
}
.uvd-theme-switcher--compact {
  flex-direction: column;
  align-items: stretch;
  margin: 10px 12px;
  padding: 10px;
}
.uvd-theme-switcher__label {
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
  opacity: .86;
}
.uvd-theme-switcher__options {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}
.uvd-theme-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(57,117,196,.22);
  color: inherit;
  text-decoration: none;
  font-size: 12px;
  font-weight: 950;
  background: rgba(255,255,255,.08);
  transition: transform .14s ease, filter .14s ease, border-color .14s ease, background .14s ease;
}
.uvd-theme-option:hover { transform: translateY(-1px); filter: saturate(1.08); }
.uvd-theme-option.is-active {
  border-color: rgba(57,117,196,.48);
  background: linear-gradient(135deg, rgba(57,117,196,.22), rgba(108,160,220,.12));
}
.uvd-theme-option__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
  opacity: .65;
}
.uvd-theme-option.is-active .uvd-theme-option__dot { opacity: 1; }
@media (max-width: 640px) {
  .uvd-theme-switcher { align-items: stretch; flex-direction: column; }
  .uvd-theme-switcher__options { justify-content: stretch; }
  .uvd-theme-option { flex: 1 1 0; }
}


/* ==========================================================
   Phase 3B.14 — central theme isolation and sidebar switcher fit contract.
   The core owns safe component layout and skin isolation hooks; individual
   theme CSS files own final visual colors. Theme switchers inside side menus
   must never overflow or inherit ordinary menu-link sizing. Dashboard action
   variants are semantic and must be resolved by the active skin only.
   ========================================================== */
#side-menu .uvd-theme-switcher,
#side-menu .uvd-theme-switcher--menu {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 10px 0 12px !important;
  padding: 12px !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}
#side-menu .uvd-theme-switcher--menu {
  display: block !important;
}
#side-menu .uvd-theme-switcher--menu .uvd-theme-switcher__label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  line-height: 1.6 !important;
  text-align: right !important;
  white-space: normal !important;
}
#side-menu .uvd-theme-switcher--menu .uvd-theme-switcher__options {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}
#side-menu .uvd-theme-switcher--menu .uvd-theme-option {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 8px !important;
  min-height: 42px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.5 !important;
}
#side-menu .uvd-theme-switcher--menu .uvd-theme-option__text {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 420px) {
  #side-menu .uvd-theme-switcher--menu .uvd-theme-switcher__options {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   Phase 3B.15 — Theme Switcher Containment Contract
   Central layout fix: the sidebar theme switcher is a menu card, not a full-width
   page widget. It must align with ordinary menu items and never overflow.
   ========================================================== */
#side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 10px 14px 12px !important;
  padding: 12px !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: block !important;
}
#side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu .uvd-theme-switcher__label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  text-align: right !important;
  white-space: normal !important;
}
#side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu .uvd-theme-switcher__options {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}
#side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu .uvd-theme-option {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 9px 7px !important;
  min-height: 42px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.45 !important;
  flex: 0 1 auto !important;
}
#side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu .uvd-theme-option:hover {
  transform: translateY(-1px) !important;
}
#side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu .uvd-theme-option__text {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 420px) {
  #side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu .uvd-theme-switcher__options {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   Phase 3D.15.3 — Theme Extension Component Contract Hardening
   Stable semantic hooks for future themes. These rules intentionally avoid
   strong visual decisions; each theme CSS may skin these components without
   touching PHP pages or earlier theme/page CSS files.
   ========================================================== */
[data-uvd-component="button"],
[data-uvd-component="input"],
[data-uvd-component="auth-input"],
[data-uvd-component="auth-submit"] {
  box-sizing: border-box;
  font-family: inherit;
}

[data-uvd-component="button"] {
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

[data-uvd-component="button"]:disabled,
[data-uvd-component="button"][aria-disabled="true"] {
  cursor: not-allowed;
}

[data-uvd-component="button-group"] {
  box-sizing: border-box;
}

[data-uvd-component="input"] {
  min-width: 0;
}

[data-uvd-component="card-grid"],
[data-uvd-component="file-item"],
[data-uvd-component="file-row"],
[data-uvd-component="file-actions"],
[data-uvd-component="user-file-browser-shell"],
[data-uvd-component="user-upload-shell"],
[data-uvd-component="user-upload-card"],
[data-uvd-component="user-upload-panel"],
[data-uvd-component="upload-dropzone"],
[data-uvd-component="remote-upload-box"],
[data-uvd-component="progress"],
[data-uvd-component="status-box"],
[data-uvd-component="empty-state"],
[data-uvd-component="preview-box"],
[data-uvd-component="info-box"],
[data-uvd-component="file-pill"] {
  box-sizing: border-box;
}

[data-uvd-component="file-name"],
[data-uvd-component="file-meta"],
[data-uvd-component="page-title"],
[data-uvd-component="page-subtitle"],
[data-uvd-component="section-title"],
[data-uvd-component="path-chip"],
[data-uvd-component="badge"] {
  box-sizing: border-box;
  min-width: 0;
}

[data-uvd-component="file-actions"] {
  min-width: 0;
}

[data-uvd-component="file-name"] {
  overflow-wrap: anywhere;
}

/* ==========================================================
   Phase 3D.16 — public/static component contract guard
   These hooks are intentionally low-level/structural. Page CSS preserves the
   Classic baseline and theme CSS may skin the same hooks for future themes.
   ========================================================== */
[data-uvd-component="public-static-page"],
[data-uvd-component="public-static-shell"],
[data-uvd-component="public-static-card"],
[data-uvd-component="public-static-head"],
[data-uvd-component="public-static-media"],
[data-uvd-component="public-static-actions"],
[data-uvd-component="public-static-image"],
[data-uvd-component="maintenance-shell"],
[data-uvd-component="maintenance-card"],
[data-uvd-component="maintenance-icon"],
[data-uvd-component="maintenance-countdown"],
[data-uvd-component="maintenance-time-box"],
[data-uvd-component="maintenance-actions"]{
  box-sizing:border-box;
}

[data-uvd-component="public-static-title"],
[data-uvd-component="public-static-text"],
[data-uvd-component="maintenance-title"],
[data-uvd-component="maintenance-text"],
[data-uvd-component="maintenance-note"],
[data-uvd-component="maintenance-footer-text"]{
  box-sizing:border-box;
  min-width:0;
  overflow-wrap:anywhere;
}