/* Explicit Admin tier; provider status retains its own controls. */
.klr-environment-summary{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;max-width:100%;vertical-align:middle}
.klr-platform-environment{display:inline-block;box-sizing:border-box;max-width:100%;padding:4px 7px;border:1px solid #8f7033;border-radius:7px;background:#2b271c;color:#f1cd78;font:700 10px/1.25 Montserrat,system-ui,sans-serif;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.klr-platform-environment.production{border-color:#387957;background:#123328;color:#91ddb5}
.klr-platform-environment.unconfigured,.klr-platform-environment.unavailable{border-color:#99545b;background:#36212a;color:#ffc1c7}
.suite-sidebar-footer>.klr-environment-summary{display:flex;margin:5px 0}
.mobile-suite-bar>.klr-environment-summary{flex-shrink:0;margin-left:auto;max-width:43%}
.login-card>.klr-environment-summary{margin:5px 0}
@media(max-width:600px){.booking-topbar-actions>.klr-environment-summary,.topbar-actions>.klr-environment-summary,.website-topbar-actions>.klr-environment-summary,.media-topbar-actions>.klr-environment-summary{flex-direction:column;max-width:145px}.klr-platform-environment{font-size:9px}}
@media(max-width:650px),(max-width:950px) and (max-height:500px){
  body.booking-admin .booking-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}
  body.booking-admin .booking-topbar-actions{display:contents}
  body.booking-admin .booking-topbar-actions>form{grid-column:2;grid-row:1}
  body.booking-admin .booking-topbar-actions>.klr-environment-summary{grid-column:1/-1;grid-row:2;justify-self:start;flex-direction:row;max-width:100%}
  .website-topbar,.media-topbar{flex-direction:column;align-items:stretch;gap:8px;box-sizing:border-box;max-width:100%}
  .website-brand,.media-brand,.website-brand>div,.media-brand>div{min-width:0;max-width:100%}
  .website-topbar-actions,.media-topbar-actions,.customer-topbar .topbar-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;min-width:0;max-width:100%}
  .customer-topbar{flex-wrap:wrap}
  .customer-topbar .topbar-actions{flex-basis:100%}
}
@media(max-width:640px){
  body.customer-management-app .customer-topbar{grid-template-areas:"back actions" "environment environment" "title title"}
  body.customer-management-app .customer-topbar>.topbar-actions{display:contents}
  body.customer-management-app .topbar-actions>form{grid-area:actions}
  body.customer-management-app .topbar-actions>.klr-environment-summary{grid-area:environment;justify-self:start;max-width:100%;flex-direction:row}
}