/* V17.0.12 R4 — diagnostic-driven visual truth and contrast closure.
   Loaded last by pwa_head() so legacy release CSS cannot override these contracts. */

/* Light mode: brand gold remains decorative; small/readable UI copy uses accessible ink. */
html[data-app-theme="current-mlv"][data-theme="light"] .admin-page .admin-main .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] .admin-page .admin-main details>summary,
html[data-app-theme="current-mlv"][data-theme="light"] .admin-page .admin-main .row-link,
html[data-app-theme="current-mlv"][data-theme="light"] .admin-page .admin-main a:not(.button):not(.pill){color:#7b5918}
html[data-app-theme="current-mlv"][data-theme="light"] .admin-page .admin-main small,
html[data-app-theme="current-mlv"][data-theme="light"] .admin-page .admin-main .muted{color:#685f54}

/* Warning/gold-filled controls must use dark text; white on MLV gold is below WCAG AA. */
html[data-app-theme="current-mlv"] .admin-page .admin-main .diagnostic-row.status-warn .diagnostic-state,
html[data-app-theme="current-mlv"] .admin-page .admin-main .button-gold,
html[data-app-theme="current-mlv"] .public-page .button-gold,
html[data-app-theme="current-mlv"] .public-page .destination-pill.is-active{color:#17140f!important}

/* Dark mode: headings/buttons were inheriting dark ink on dark panels in Diagnostics. */
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main h1,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main h2,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main h3,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main strong,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main .button:not(.button-gold):not(.button-danger){color:#f5efe5}
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main .eyebrow,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main details>summary,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main .row-link{color:#c5a15a}
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main small,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main .muted{color:#b7aea2}

/* Public/Admin current-MLV muted tokens: improve body/help contrast without recoloring dark hero art. */
html[data-app-theme="current-mlv"][data-theme="light"] .public-page main,
html[data-app-theme="current-mlv"][data-theme="light"] .admin-page .admin-main{--muted:#685f54}
html[data-app-theme="current-mlv"][data-theme="dark"] .public-page main,
html[data-app-theme="current-mlv"][data-theme="dark"] .admin-page .admin-main{--muted:#b7aea2}
html[data-app-theme="current-mlv"][data-theme="dark"] .public-page .eyebrow,
html[data-app-theme="current-mlv"][data-theme="dark"] .public-page .card-meta,
html[data-app-theme="current-mlv"][data-theme="dark"] .public-page .card-rating,
html[data-app-theme="current-mlv"][data-theme="dark"] .public-page .row-link,
html[data-app-theme="current-mlv"][data-theme="dark"] .public-page .text-link{color:#c5a15a}

/* R4 form geometry: no control can clip merely because a legacy grid kept intrinsic width. */
.admin-page .admin-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.admin-page .admin-main select,
.admin-page .admin-main textarea{box-sizing:border-box;max-width:100%;min-width:0}

/* R4 mobile navigation alignment closure — screenshot-driven 2026-08-21.
   Preserve the R2 first-type shell; repair only inherited legacy geometry/state. */
@media (max-width:900px) and (hover:none) and (pointer:coarse){
  /* The direct mobile drawer is independent from the persisted desktop collapsed-sidebar preference.
     Home/Dashboard must therefore show the same complete labels as every inner Admin route. */
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page.admin-sidebar-collapsed .mlv-direct-menu-panel .admin-sidebar-label,
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page .mlv-direct-menu-panel .admin-sidebar-label{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    color:inherit!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page.admin-sidebar-collapsed .mlv-direct-menu-panel .admin-sidebar-nav,
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page .mlv-direct-menu-panel .admin-sidebar-nav{
    padding:0!important;
    width:100%!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page.admin-sidebar-collapsed .mlv-direct-menu-panel .admin-sidebar-nav a,
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page .mlv-direct-menu-panel .admin-sidebar-nav a{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    grid-template-columns:none!important;
    gap:11px!important;
    width:100%!important;
    min-height:48px!important;
    padding:10px 10px!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page .mlv-direct-menu-panel .admin-sidebar-nav a>svg,
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page .mlv-direct-menu-panel .admin-sidebar-nav a>.mlv-direct-nav-glyph{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    align-self:center!important;
  }

  /* V13.2 injected a ↗ pseudo-glyph into form buttons below 880px. The R4 direct header
     already has explicit icons + labels, so that legacy glyph is both duplicate and misaligned. */
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control::before,
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control::after{
    content:none!important;
    display:none!important;
  }

  /* Hide raw text nodes from legacy form buttons and use only the canonical R4 label.
     Child icon/label typography is re-enabled explicitly below. */
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control{
    font-size:0!important;
    line-height:1!important;
    padding:5px 3px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control>.mlv-direct-action-label{
    display:block!important;
    min-height:8px!important;
    max-width:100%!important;
    margin:0!important;
    font:750 8px/1.05 system-ui!important;
    letter-spacing:.015em!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions>.mlv-direct-action-slot{
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    align-items:stretch!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions>.mlv-direct-action-slot>.mlv-direct-action-control,
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions>.mlv-direct-action-slot>form>.mlv-direct-action-control{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control>svg,
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control>.mlv-direct-glyph,
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control>[data-theme-icon],
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control>.admin-ai-router-orb{
    margin:0 auto!important;
    align-self:center!important;
  }

  /* Keep Client + Travel Agent geometry unchanged in concept, only normalize the row baseline. */
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.account-page>.account-topbar>.account-actions,
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page>.admin-topbar>.admin-header-actions{
    align-items:stretch!important;
    grid-auto-rows:50px!important;
  }

  /* Mobile direct Menu uses X/overlay dismissal; never surface the desktop sidebar collapse arrow in it. */
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-menu-panel [data-admin-sidebar-collapse],
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-menu-panel [data-account-nav-collapse]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* R4 mobile quick-action visibility: out-rank the historical V13.2 <620px child-hiding selector.
   This keeps the screenshot-approved Client/Travel Agent direct action set stable on real iPhone CSS widths. */
@media (max-width:900px) and (hover:none) and (pointer:coarse){
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.account-page>.account-topbar>.account-actions.mlv-direct-header-actions>.mlv-direct-action-slot,
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page>.admin-topbar>.admin-header-actions.mlv-direct-header-actions>.mlv-direct-action-slot{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.account-page>.account-topbar>.account-actions.mlv-direct-header-actions>.mlv-direct-action-slot[hidden],
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page>.admin-topbar>.admin-header-actions.mlv-direct-header-actions>.mlv-direct-action-slot[hidden],
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.account-page>.account-topbar>.account-actions.mlv-direct-header-actions>.mlv-direct-action-slot>.mlv-direct-action-control[hidden],
  html[data-mlv-direct-header-actions="17.0.12-r2"] body.admin-page>.admin-topbar>.admin-header-actions.mlv-direct-header-actions>.mlv-direct-action-slot>.mlv-direct-action-control[hidden]{
    display:none!important;
  }
}

/* R4 live-observatory follow-up — 2026-08-21 14:36 iPhone/Safari evidence.
   These are readability/geometry corrections, not suppression of the recorder. */
html[data-app-theme="obsidian-glass"] .mlv-notification-badge{
  color:#fff!important;
  background:#5a2d8a!important;
}
body.admin-page .admin-main .diagnostic-row.status-warn .diagnostic-state,
body.admin-page .admin-main .diagnostic-state.status-warn,
body.admin-page .admin-main .diagnostic-state.warn{
  color:#17140f!important;
}
body.admin-page .admin-main button.button:not(.button-gold):not(.button-danger):not(.button-dark),
body.admin-page .admin-main a.button:not(.button-gold):not(.button-danger):not(.button-dark){
  color:var(--ui-text,var(--ink,#191713))!important;
}
@media (max-width:900px) and (hover:none) and (pointer:coarse){
  html[data-mlv-direct-header-actions="17.0.12-r2"] .mlv-direct-header-actions .mlv-direct-action-control>.mlv-direct-action-label{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:7px!important;
    letter-spacing:0!important;
  }
}

/* Current-MLV light public cards use a darker brand-gold text token on cream/white
   surfaces; the decorative hero gold remains unchanged on its dark background. */
html[data-app-theme="current-mlv"][data-theme="light"] body:not(.admin-page):not(.account-page) .experience-section .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body:not(.admin-page):not(.account-page) .package-card .card-meta,
html[data-app-theme="current-mlv"][data-theme="light"] body:not(.admin-page):not(.account-page) .home-hotel-body .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body:not(.admin-page):not(.account-page) .reviews-section .eyebrow{
  color:#765513!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body:not(.admin-page):not(.account-page) .package-card>*,
html[data-app-theme="current-mlv"][data-theme="light"] body:not(.admin-page):not(.account-page) .home-hotel-card>*{
  --muted:#685f54;
}

/* R4 R4 live production closure — desktop Client/Agent action-label geometry.
   Observatory evidence at 2048px showed Updates text 43px wide inside only
   28px of available label space. Keep compact/mobile behavior unchanged. */
@media (min-width:1181px){
  body.account-page .account-actions .mlv-notification-trigger{
    width:auto!important;
    min-width:108px!important;
    max-width:none!important;
    padding-inline:13px!important;
  }
  body.account-page .account-actions .mlv-notification-trigger .account-action-label{
    display:inline-block!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
}

/* Obsidian Glass dark: small diagnostic state text and Admin action links must
   clear the 4.5:1 body-copy threshold against the glass/dark surfaces. */
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-guard,
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-guard.attention{
  color:#78b88c!important;
  border-color:#78b88c!important;
}
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .row-link,
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main a.row-link{
  color:#d6b875!important;
}

/* Success/status pills were authored for light surfaces and become low contrast
   in dark Client/Agent themes. Keep meaning, change only dark presentation. */
html[data-theme="dark"] body.account-page :is(.status-paid,.status-confirmed,.status-active,.status-approved,.status-sent,.status-completed){
  background:#244536!important;
  color:#d7f3df!important;
  border-color:#4e8064!important;
}

/* Moroccan Ivory light: strengthen muted/help copy while preserving the warm
   palette. This is token-level so components remain visually consistent. */
html[data-app-theme="moroccan-ivory"][data-theme="light"]{
  --muted:#6a5548;
  --ui-muted:#6a5548;
}
html[data-app-theme="moroccan-ivory"][data-theme="light"] body.account-page,
html[data-app-theme="moroccan-ivory"][data-theme="light"] body.admin-page{
  --account-muted:#6a5548;
}

/* Obsidian Glass light: neutral controls use light surfaces + dark ink; accent
   buttons retain their explicit accent contract. */
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .admin-main :is(button.button,a.button):not(.button-gold):not(.button-danger),
html[data-app-theme="obsidian-glass"][data-theme="light"] body.account-page :is(.account-button,button):not(.gold):not(.account-button-danger):not(.theme-toggle){
  background:var(--ui-panel-soft,#eee8f5)!important;
  color:var(--ui-text,#241b31)!important;
  border-color:var(--ui-line,#d0c3df)!important;
}

/* R4 R4 public Current-MLV dark closure.
   The homepage has no .public-page body class, so earlier selectors did not
   reach the exact Observatory failures recorded on /. */
html[data-app-theme="current-mlv"][data-theme="dark"] body:not(.admin-page):not(.account-page) .card-rating{
  color:#d6b875!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body:not(.admin-page):not(.account-page) .card-rating>span{
  color:#e5c57d!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body:not(.admin-page):not(.account-page) .review-grid article>a,
html[data-app-theme="current-mlv"][data-theme="dark"] body:not(.admin-page):not(.account-page) .support-card>a,
html[data-app-theme="current-mlv"][data-theme="dark"] body:not(.admin-page):not(.account-page) a.row-link{
  color:#d6b875!important;
}
html[data-app-theme="current-mlv"] body:not(.admin-page):not(.account-page) .button-gold,
html[data-app-theme="current-mlv"] body:not(.admin-page):not(.account-page) .button-gold *{
  color:#17140f!important;
}

/* R4 R4 Travel Agent application dark companion.
   Live screenshot/Observatory evidence showed a light form island inheriting
   white account text, dark inputs and near-invisible step/orbit copy. Make the
   application surface internally coherent without changing its geometry. */
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-application-form,
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-status-card,
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-panel{
  background:#1e1c18!important;
  color:#f5efe5!important;
  border-color:#5f5138!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-application-form :is(h1,h2,h3,h4,label,strong,b),
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-status-card :is(h1,h2,h3,h4,label,strong,b),
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-panel :is(h1,h2,h3,h4,label,strong,b){
  color:#f5efe5!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-application-form :is(input,select,textarea){
  background:#302d27!important;
  color:#f5efe5!important;
  border-color:#74684f!important;
  color-scheme:dark;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-application-form :is(input,textarea)::placeholder{
  color:#b8afa2!important;
  opacity:1!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-stepper button{
  background:#29261f!important;
  color:#d8d0c4!important;
  border:1px solid #514936!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-stepper button.active,
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-stepper button.active *{
  background:#c59f54!important;
  color:#17140f!important;
  border-color:#c59f54!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-review-panel,
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-mode-explainer{
  background:#29261f!important;
  color:#f5efe5!important;
  border-color:#514936!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-apply-shell a:not(.account-button),
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-form-controls button{
  color:#d6b875!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-orbit span{
  color:#f1d79d!important;
  background:#17140f!important;
  border:1px solid #74684f!important;
  border-radius:999px;
  padding:5px 8px;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.account-page .agent-orbit:after{
  color:#f5efe5!important;
  background:#29261f!important;
}


/* R4 R4 screenshot closure — Obsidian Glass dark title actions.
   A late generic text override previously turned .button-dark into light-on-light.
   Keep semantic dark buttons dark and high-contrast; accent buttons keep dark ink. */
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .button-dark{
  background:#171022!important;
  color:#f8f4ff!important;
  border:1px solid #6f55a1!important;
}
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .button-gold{
  background:#b18aff!important;
  color:#120b20!important;
  border:1px solid #c8aaff!important;
}
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .button-dark:hover,
html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .button-gold:hover{filter:brightness(1.08)}

/* R4 R4 final live visual evidence closure — Candidate 6 browser recorder.
   Admin corrections are desktop-only so the frozen Admin mobile shell remains byte/geometry untouched. */
@media (min-width:1181px){
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .pill.status-returned{
    background:#5a4310!important;
    color:#fff2c2!important;
    border-color:#8b6a22!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .pill.status-approved{
    background:#244536!important;
    color:#e9fff0!important;
    border-color:#4e8064!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .pill.status-rejected{
    background:#55242e!important;
    color:#ffe8ed!important;
    border-color:#8d4957!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page #ai-diagnostic-bridge .diag-v1610-card,
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page #ai-diagnostic-bridge label{
    min-width:0!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page #mlvAiPublicShortcut{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.system-updates-page .admin-main .system-form label>span,
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.system-updates-page .admin-main .system-field-grid label>span{
    color:#f0eaf7!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.hotel-admin-page .admin-main .hotel-live-status,
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.hotel-admin-page .admin-main .hotel-live-status strong{
    color:#221a12!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.hotel-admin-page .admin-main .hotel-live-status span{
    color:#5c5045!important;
  }
}

/* Public mixed-surface controls keep readable foregrounds even when the selected
   dark theme intentionally contains ivory/white cards. */
html[data-app-theme="current-mlv"][data-theme="dark"] body:not(.admin-page):not(.account-page) .platform-feature-grid article>span{
  color:#765513!important;
}
html[data-app-theme="moroccan-ivory"][data-theme="dark"] body.hotels-marketplace .hotel-search-bar button{
  color:#17140f!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page .hotel-request-payment-hold,
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page .hotel-request-payment-hold strong{
  color:#221a12!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page .hotel-request-payment-hold p{
  color:#5c5045!important;
}

/* R4 R4 Candidate 8 — exact fresh browser-evidence closure.
   Admin rules remain desktop-only to preserve the validated/frozen Admin mobile shell. */
@media (min-width:1181px){
  /* Hotel Studio: the status panel inherits a dark Obsidian surface, so keep the
     entire panel consistently dark with light readable copy instead of mixing
     dark text into a dark color-mix background. */
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.hotel-admin-page .admin-main .hotel-live-status{
    background:#1a1326!important;
    color:#fbf7ff!important;
    border-color:#7255a4!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.hotel-admin-page .admin-main .hotel-live-status strong{
    color:#fbf7ff!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.hotel-admin-page .admin-main .hotel-live-status span{
    color:#d9cfe5!important;
  }

  /* System & Updates: child arrows/text must inherit the semantic button
     foreground rather than a generic theme span override. */
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.system-updates-page .admin-main .button span,
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.system-updates-page .admin-main .system-primary-action span{
    color:inherit!important;
  }

  /* Obsidian Glass light mode: keep operational cards/forms truly light-theme
     readable. These are desktop-only presentation corrections; mobile geometry
     and ownership files are untouched. */
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main .system-status-card strong,
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main .system-status-card small,
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main .system-status-card p,
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main label,
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main label>span,
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main .system-form small{
    color:#21182d!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main .system-status-icon{
    background:#f2ecf8!important;
    color:#4a2d73!important;
    border-color:#8768ad!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main .system-status-card.is-good .system-status-icon{
    color:#1f6138!important;
    border-color:#4f8a65!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-updates-main .system-status-card.is-bad .system-status-icon{
    color:#7a2733!important;
    border-color:#a85460!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .mlv-notification-badge{
    background:#572779!important;
    color:#fff!important;
    border-color:#7d4aa0!important;
  }
}

/* Public current-MLV dark surfaces. */
html[data-app-theme="current-mlv"][data-theme="dark"] body:not(.admin-page):not(.account-page) .platform-feature-grid article>span{
  color:#f3d99e!important;
}
html[data-theme="dark"] body.hotels-marketplace .hotel-search-bar button,
html[data-app-theme="current-mlv"][data-theme="dark"] body.hotels-marketplace .hotel-search-bar button,
html[data-app-theme="moroccan-ivory"][data-theme="dark"] body.hotels-marketplace .hotel-search-bar button{
  background:#d1aa58!important;
  color:#17140f!important;
  border:1px solid #d1aa58!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-request-payment-hold{
  background:#f6efe4!important;
  color:#17140f!important;
  border-color:#b88f42!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-request-payment-hold strong{
  color:#17140f!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-request-payment-hold p{
  color:#4b4135!important;
}


/* R4 R4 final-current visual closure — only the four live Candidate 8 evidence targets. */
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-quote-form > .hotel-request-payment-hold > strong{
  color:#17140f!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-quote-form > .hotel-request-payment-hold > p{
  color:#3f372d!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.hotels-marketplace .hotel-filters form > button.button{
  background:#17140f!important;
  color:#fff8ec!important;
  border:1px solid #a88338!important;
}
@media (min-width:1181px){
  /* Candidate 10: exact live 3.39:1 recorder target. admin-v2.css renders
     this classless status glyph as #fff on #4e9b64; dark ink raises the
     contrast above 4.5:1 without touching Admin mobile geometry. */
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.system-updates-page .system-inspection-pass > span{
    color:#17140f!important;
  }
}

/* Candidate 11 — fresh production recorder closure.
   Exact Diagnostics error-card selectors only; desktop Admin geometry stays frozen. */
@media (min-width:1181px){
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue .health-severity.severity-warning{
    background:#bc8526!important;
    color:#17140f!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue .diag-v1611-release-badge{
    background:#21172e!important;
    color:#f7f1ff!important;
    border-color:#7255a4!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue .health-issue-copy>div>strong{
    color:#fbf7ff!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue .health-issue-copy>div>small{
    color:#d8cee4!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue .health-issue-copy>p{
    color:#d8cee4!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue details>summary,
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue .diag-v1610-trace>summary{
    color:#e5c57d!important;
  }
  html[data-app-theme="obsidian-glass"][data-theme="dark"] body.admin-page .admin-main .health-issue .diag-v1610-copy{
    background:#21172e!important;
    color:#fbf7ff!important;
    border-color:#7255a4!important;
  }
}

/* Candidate 11 — Hotel request status uses a deliberately light panel in dark themes.
   Pin only that status copy to dark readable ink; room/property labels stay untouched. */
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-live-status.request,
html[data-app-theme="moroccan-ivory"][data-theme="dark"] body.public-page.hotel-book-page .hotel-live-status.request{
  color:#17140f!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-live-status.request>strong,
html[data-app-theme="moroccan-ivory"][data-theme="dark"] body.public-page.hotel-book-page .hotel-live-status.request>strong{
  color:#17140f!important;
}
html[data-app-theme="current-mlv"][data-theme="dark"] body.public-page.hotel-book-page .hotel-live-status.request>span,
html[data-app-theme="moroccan-ivory"][data-theme="dark"] body.public-page.hotel-book-page .hotel-live-status.request>span{
  color:#51483d!important;
}

/* V20.0.0 Phase 1 Candidate 2 — Travel Agent command-center light contrast closure.
   The V16.13 semantic theme layer intentionally makes KPI panels light in the
   current MLV light theme. Keep the brand accent, but use its accessible text
   tone and remove opacity that reduced muted labels below WCAG contrast. */
html[data-app-theme="current-mlv"][data-theme="light"] body.account-page.account-home-page .client-command-kpis strong{
  color:#7b5918!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body.account-page.account-home-page .client-command-kpis small{
  color:var(--ui-muted,var(--muted,#786f63))!important;
  opacity:1!important;
}


/* V20 Phase 1 Candidate 4 — exact current light-theme Observatory closure.
   Presentation only: no stage, navigation, form, financial or mobile-shell geometry changes. */
/* HF3: the old broad public light-mode override was too coarse: it could
   recolor text inside deliberately dark hero/verification panels. Keep only
   light-surface selectors explicit and leave dark panels to their component CSS. */
html[data-app-theme="current-mlv"][data-theme="light"] body .journey-platform .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .category-section .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .experience-section .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .home-hotels-section .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .featured-reviews .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .hotel-detail-copy .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .hotel-content .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .hotel-book-card .eyebrow,
html[data-app-theme="current-mlv"][data-theme="light"] body .hotel-related .eyebrow{
  color:#6a4b12!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body .hero .eyebrow{
  color:#e0c27a!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body .site-header small,
html[data-app-theme="current-mlv"][data-theme="light"] body .destination-pill small,
html[data-app-theme="current-mlv"][data-theme="light"] body .home-hotel-card small,
html[data-app-theme="current-mlv"][data-theme="light"] body .card-share small{
  color:#5a4b3e!important;
  opacity:1!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body footer small{
  color:#d0c6b8!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body.account-page :is(.eyebrow,.eyebrow *,small){
  color:#5f5145!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .admin-main :is(.system-form label>span,.system-field-grid label>span){
  color:#4f3d5c!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .admin-main :is(.legal-record small,.legal-live small,.legal-record .row-link,.legal-record button.row-link){
  color:#4f3d5c!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .admin-main :is(#clear-signature,#place-signature,#place-stamp,#remove-selected){
  color:#4f3d5c!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .admin-main h2 small,
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .admin-main .check-card small{
  color:#594b64!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page #ai-diagnostic-bridge .diag-v1610-card,
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page #ai-diagnostic-bridge label{
  min-width:0!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page #mlvAiPublicShortcut{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* V20 Phase 1 C4R4 HF2 — final live warning closure.
   Exact recorded targets only; no mobile navigation or component geometry changes. */
@media (min-width:1181px){
  html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-inspection-pass > span{
    color:#17140f!important;
  }
}
/* V20 Phase 1 C4R4 HF3 — current warning + cache-generation closure. */
html[data-app-theme="obsidian-glass"][data-theme="light"] body.system-updates-page .system-inspection-pass>span{
  color:#17140f!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .payment-setup small,
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .v132-fx-studio small,
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page .payment-test-form small{
  color:#4f4358!important;
  opacity:1!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body.account-page.account-home-page .client-command-kpis strong,
html[data-app-theme="current-mlv"][data-theme="light"] body.account-page.account-home-page .client-command-kpis>article>span{
  color:#58400f!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body.account-page.account-home-page .client-command-kpis small{
  color:#51483d!important;
  opacity:1!important;
}



/* V20 Phase 1 C4R4 HF4 — final page-scoped light-theme contrast closure.
   Home and Payments only; no global theme or geometry changes. */
html[data-app-theme="current-mlv"][data-theme="light"] body.home-page :is(
  .journey-platform .eyebrow,
  .category-section .eyebrow,
  .experience-section .eyebrow,
  .home-hotels-section .eyebrow,
  .booking-shell .eyebrow,
  .featured-reviews .eyebrow
){color:#4f390d!important;}
html[data-app-theme="current-mlv"][data-theme="light"] body.home-page :is(
  .platform-feature-grid>article>span,
  .category-card small,
  .home-hotel-meta span,
  .review-grid footer small,
  .review-public-date-v1632
){color:#403830!important;opacity:1!important;}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page.payments-page .admin-main small{
  color:#3f3547!important;opacity:1!important;
}


/* V20 Phase 1 C4R4 HF4 — final CSS-only contrast closure.
   Scope is derived from unique existing page structures so protected PHP remains byte-exact. */
html[data-app-theme="current-mlv"][data-theme="light"] body:has(.journey-platform):has(.featured-reviews) :is(
  .journey-platform .eyebrow,
  .category-section .eyebrow,
  .experience-section .eyebrow,
  .home-hotels-section .eyebrow,
  .booking-shell .eyebrow,
  .featured-reviews .eyebrow
){
  color:#4f390d!important;
  opacity:1!important;
}
html[data-app-theme="current-mlv"][data-theme="light"] body:has(.journey-platform):has(.featured-reviews) :is(
  .platform-feature-grid>article>span,
  .category-card small,
  .home-hotel-meta span,
  .featured-reviews .review-grid footer small,
  .featured-reviews .review-public-date-v1632
){
  color:#403830!important;
  opacity:1!important;
}
html[data-app-theme="obsidian-glass"][data-theme="light"] body.admin-page:has(form.payment-test-form) .admin-main small{
  color:#3f3547!important;
  opacity:1!important;
}


/* V20 Phase 1 C4R4 HF5 — cross-theme final contrast closure.
   Route/component scoped only. No geometry, navigation or business behavior. */
/* Home: exact light-surface text across Current MLV and Moroccan Ivory. */
html[data-theme="light"][data-app-theme="current-mlv"] body:has(.hero-v4):has(#booking) main>section:not(.hero) .eyebrow,
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) main>section:not(.hero) .eyebrow{
  color:#4f390d!important;
  opacity:1!important;
}
html[data-theme="light"][data-app-theme="current-mlv"] body:has(.hero-v4):has(#booking) .hero .eyebrow{
  color:#f0d79a!important;
}
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) .hero .eyebrow{
  color:#fff0df!important;
}
html[data-theme="light"] body:has(.hero-v4):has(#booking) .booking-intro .eyebrow{
  color:#f0d79a!important;
}
html[data-theme="light"] body:has(.hero-v4):has(#booking) .booking-intro :is(.progress-list small,.support-card small){
  color:#d9d1c7!important;
  opacity:1!important;
}
html[data-theme="light"][data-app-theme="current-mlv"] body:has(.hero-v4):has(#booking) :is(
  .site-header .brand small,
  .site-header .client-account-link span,
  .platform-feature-grid>article>span,
  .home-hotel-meta span,
  .featured-reviews footer small,
  .featured-reviews footer strong,
  .featured-reviews .review-public-date-v1632,
  .summary-note>span
){color:#403830!important;opacity:1!important;}
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) :is(
  .site-header .brand strong,
  .site-header .brand small,
  .site-header .client-account-link span,
  .site-header .theme-toggle small,
  .platform-feature-grid>article>span,
  .home-hotel-meta span,
  .featured-reviews footer small,
  .featured-reviews footer strong,
  .featured-reviews .review-public-date-v1632,
  .summary-note>span
){color:#493126!important;opacity:1!important;}
html[data-theme="light"] body:has(.hero-v4):has(#booking) .summary-card .summary-due :is(dt,dd,#summary-due){
  color:#fff!important;
  opacity:1!important;
}
/* Moroccan Ivory category text is over photography; keep it light, not dark. */
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) .category-card :is(small,strong,em){
  color:#fff4e8!important;
  opacity:1!important;
}
/* Client/Agent account: semantic light panels in Moroccan Ivory. */
html[data-theme="light"][data-app-theme="moroccan-ivory"] body.account-page.account-home-page :is(
  .client-command-kpis small,
  .client-department-card>header small,
  .client-department-tools small,
  .account-topbar .brand small,
  .account-actions .theme-toggle small
){color:#493126!important;opacity:1!important;}
html[data-theme="light"][data-app-theme="moroccan-ivory"] body.account-page .mlv-notification-badge.is-empty{
  color:#493126!important;
}
/* Payments: existing payment-test-form is the page signature; no PHP class required. */
html[data-theme="light"][data-app-theme="obsidian-glass"] body.admin-page:has(.payment-test-form) .admin-main :is(
  .payment-test-form small,
  .payment-setup small,
  .v132-fx-studio small,
  .v13-context-status small
){color:#3f3547!important;opacity:1!important;}


/* V20 Phase 1 C4R4 HF6 — verified light-surface contrast closure.
   Evidence-anchored from live Home, Client dashboard and Payments screenshots.
   Presentation only: no geometry, navigation, forms, booking or finance behavior. */
/* Public Home: cream/light surfaces. Avoid theme-specific :has() gating; these component classes are Home-specific. */
html[data-theme="light"] body:not(.admin-page):not(.account-page) .hero .eyebrow,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .hero .trust-row span,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .site-header .brand :is(strong,small),
html[data-theme="light"] body:not(.admin-page):not(.account-page) .site-header .client-account-link span,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .site-header .theme-toggle small,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .journey-platform .eyebrow,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .journey-platform .platform-feature-grid>article>span,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .category-section>.section-heading .eyebrow,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .experience-section>.section-heading .eyebrow,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .home-hotels-section>.section-heading .eyebrow,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .home-hotel-body .eyebrow,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .home-hotel-meta span,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .featured-reviews>.section-heading .eyebrow,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .featured-reviews footer :is(strong,small),
html[data-theme="light"] body:not(.admin-page):not(.account-page) .featured-reviews .review-public-date-v1632,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .experience-filter-suite :is(label>span,.experience-filter-status>span),
html[data-theme="light"] body:not(.admin-page):not(.account-page) .destination-filter-title :is(span,strong),
html[data-theme="light"] body:not(.admin-page):not(.account-page) .destination-pill small{
  color:#4a3428!important;
  opacity:1!important;
}
/* Photo-backed category cards keep light text. */
html[data-theme="light"] body:not(.admin-page):not(.account-page) .category-card :is(small,strong,em){
  color:#fff8f0!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.7)!important;
}
/* Booking panel uses a dark treatment: keep helper labels light. */
html[data-theme="light"] body:not(.admin-page):not(.account-page) .booking-intro :is(.eyebrow,small,strong),
html[data-theme="light"] body:not(.admin-page):not(.account-page) .support-card :is(small,strong){
  color:#f7efe3!important;
  opacity:1!important;
}
/* Summary icon and due amount are on the dark summary treatment. */
html[data-theme="light"] body:not(.admin-page):not(.account-page) .summary-note>span,
html[data-theme="light"] body:not(.admin-page):not(.account-page) .summary-card .summary-due :is(dt,dd,#summary-due){
  color:#fff!important;
  opacity:1!important;
}
/* Client dashboard: all dashboard KPI/card helper labels shown on light ivory surfaces. */
html[data-theme="light"] body.account-page.account-home-page .client-command-center small,
html[data-theme="light"] body.account-page.account-home-page .client-command-center .eyebrow,
html[data-theme="light"] body.account-page.account-home-page .client-command-footer,
html[data-theme="light"] body.account-page .account-topbar .brand small,
html[data-theme="light"] body.account-page .account-actions .theme-toggle small,
html[data-theme="light"] body.account-page small.is-empty{
  color:#4a3428!important;
  opacity:1!important;
}
html[data-theme="light"] body.account-page .mlv-notification-badge.is-empty{
  color:#3a281f!important;
  background:#f1e5d8!important;
  opacity:1!important;
}
/* Payments: every helper <small> in the known payment/FX/gateway light panels. */
html[data-theme="light"] body.admin-page .admin-main :is(
  .payment-test-form,
  .payment-setup,
  .payment-status-heading,
  .fx-market-status,
  .fx-market-warning,
  .fx-card-rate,
  .v132-fx-studio,
  .v13-context-status,
  .v13-currency-grid,
  .v13-currency-card,
  .admin-form-grid,
  .admin-subpanel,
  .gateway-card,
  .provider-card
) small,
html[data-theme="light"] body.admin-page .admin-main label>small{
  color:#3f3547!important;
  opacity:1!important;
}

/* V20 Phase 1 C4R4 HF7 — exact specificity closure from post-HF6 live evidence.
   Presentation only. No geometry, navigation, form, booking, payment or finance behavior. */
/* Moroccan Ivory Home: override the older HF5 high-specificity light-on-photo assumption
   for the actual cream hero copy surface. */
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) .hero .eyebrow,
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) .hero .trust-row span{
  color:#493126!important;
  opacity:1!important;
}
/* Category-card copy is image-backed. Give the existing bottom copy overlay a real opaque
   contrast surface so small/strong/parent-span contrast is deterministic for every photo. */
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) .category-card>span{
  background:#2f211a!important;
  color:#fff8f0!important;
}
html[data-theme="light"][data-app-theme="moroccan-ivory"] body:has(.hero-v4):has(#booking) .category-card>span :is(small,strong,em){
  color:#fff8f0!important;
  opacity:1!important;
  text-shadow:none!important;
}
/* Client home is a uniformly light ivory command center in this mode. */
html[data-theme="light"][data-app-theme="moroccan-ivory"] body.account-page.account-home-page small{
  color:#3a281f!important;
  opacity:1!important;
}
/* Payments warning can originate in the light Admin top bar, outside .admin-main. */
html[data-theme="light"][data-app-theme="obsidian-glass"] body.admin-page .admin-topbar small,
html[data-theme="light"][data-app-theme="obsidian-glass"] body.admin-page .admin-main small{
  color:#342b3c!important;
  opacity:1!important;
}