/* PAMEL SERWER/PORTAL 2.30 — contrast hardening for Premium Glamour.
   Cosmetic only. No controller/API logic. */

/* Deliberately light header: always use dark, high-contrast content. */
.p26-header{
  background:rgba(249,250,247,.98)!important;
  color:#173d2d!important;
  border-bottom-color:#cbd6ce!important;
}
.p26-header .p26-brand{color:#173d2d!important}
.p26-header .p26-brand small{color:#52665b!important}
.p26-header .p26-language-button{color:#173d2d!important}
.p26-header .p26-button:not(.p26-green):not(.p26-copper){
  background:linear-gradient(180deg,#fff,#eef2ee)!important;
  border-color:#c9d4cc!important;
  color:#173d2d!important;
  box-shadow:inset 0 1px 0 #fff,0 3px 0 #cbd5cd,0 5px 12px #143b2412!important;
}
.p26-header .p26-button:not(.p26-green):not(.p26-copper) .icon{color:#1b6642!important}
.p26-header .p26-button:not(.p26-green):not(.p26-copper):hover{
  background:linear-gradient(180deg,#f8faf7,#e8eee9)!important;
  color:#0f3826!important;
  border-color:#aebfb2!important;
}
.p26-header .p26-popover{
  background:#f9faf7!important;
  border-color:#c9d4cc!important;
  color:#173d2d!important;
}
.p26-header .p26-popover a{color:#173d2d!important}
.p26-header .p26-popover a:hover,
.p26-header .p26-popover a[aria-current]{
  background:#e6eee8!important;
  color:#0f3826!important;
}

/* Home: light document/contact tiles need explicit dark text. */
.landing-links-grid a{
  background:#f4f6f3!important;
  border-color:#cdd7cf!important;
  color:#1c2b23!important;
}
.landing-links-grid a span,
.landing-links-grid a b,
.landing-links-grid a strong{color:#1c2b23!important}
.landing-links-grid .icon{color:#176b43!important}
.landing-links-grid a:hover{
  background:#e9efea!important;
  border-color:#aebeb1!important;
  color:#12251b!important;
}
.landing-links-grid a:hover span{color:#12251b!important}
.landing-admin-link{color:#bdb6aa!important}

/* Floating contact widget: light message button + dark phone strip. */
.contact-quick-message{
  background:#f7f8f5!important;
  color:#173326!important;
  border-color:#c7d3ca!important;
}
.contact-quick-message span,
.contact-quick-message .icon{color:#173326!important}
.contact-quick-message:hover{
  background:#e9efea!important;
  color:#0f2f20!important;
}
.contact-quick-call,
.contact-quick-call.is-closed{
  background:#46534d!important;
  color:#fff!important;
  border:1px solid #5f6f67!important;
}
.contact-quick-call span,
.contact-quick-call small,
.contact-quick-call .icon{
  color:#fff!important;
  opacity:1!important;
}

/* Intentionally light popups/tooltips: dark text is mandatory. */
.chart-tooltip,
.demo-safe-badge{
  color:#173326!important;
}
.chart-tooltip{
  background:rgba(255,255,255,.98)!important;
  border-color:#c9d4cc!important;
}
.demo-model-note{
  background:#f7efd9!important;
  border-color:#dfc47d!important;
  color:#392e19!important;
}
.demo-model-note *{color:#392e19!important}

/* Legacy CLOUD surfaces: make them dark instead of leaving pale boxes inside glamour. */
.shop-strip,
.my-controller-grid>div,
.firmware-chip,
.equipment-item,
.service-report{
  background:#151918!important;
  border-color:#514b40!important;
  color:#f5f1e9!important;
}
.shop-strip span,
.my-controller-grid span,
.my-controller-grid small,
.firmware-chip span,
.firmware-chip small,
.equipment-item span,
.equipment-item small{
  color:#c7c0b4!important;
}
.my-controller-grid b,
.firmware-chip b,
.equipment-item b{color:#f5f1e9!important}
.service-report{color:#e8e1d6!important}
.cloud-chart-panel:fullscreen{
  background:#101214!important;
  color:#f5f1e9!important;
}

/* Generic light status surfaces used inside glamour-enabled public pages. */
body.front-glamour .info-strip[style*="background:#fff"],
body.premium-glamour .info-strip[style*="background:#fff"]{
  color:#1c2b23!important;
}

/* Forms on dark panels: do not allow legacy dark labels to disappear. */
body.front-glamour label,
body.premium-glamour label{
  color:#d8d1c5;
}
body.front-glamour .privacy-check,
body.premium-glamour .privacy-check{
  color:#d8d1c5!important;
}

/* Keep QR itself white, but any caption on a dark page readable. */
.local-qr canvas{background:#fff!important}
.local-qr span{color:#c7c0b4!important}

@media(max-width:600px){
  .landing-links-grid a{min-height:48px}
  .p26-header .p26-button:not(.p26-green):not(.p26-copper){color:#173d2d!important}
}