/* Portal-flow styles shared by every skin (package list, verify blocks,
   connected/upgrade state, emulation badge). Skin CSS owns the shell. */

.none { display: none !important; }

.packages { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.package-option {
  text-align: left; padding: 14px 18px; border: 1px solid rgba(0,0,0,.15);
  border-radius: 12px; background: rgba(255,255,255,.55); cursor: pointer; width: 100%;
  display: flex; flex-direction: column; gap: 4px; transition: border-color .15s, background .15s;
}
.package-option:hover, .package-option:focus { border-color: rgba(0,0,0,.55); background: rgba(255,255,255,.85); }
.package-option .pkg-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.package-option strong { font-size: 1.05em; }
.package-option .pkg-price { font-weight: 600; white-space: nowrap; }
.package-option span { font-size: .85em; opacity: .7; }

.muted { opacity: .6; }
.code-entry { margin-top: 16px; text-align: center; }

.connected-state { width: 100%; }
.connected-state .current {
  padding: 12px 16px; border-radius: 12px; background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.15); margin-bottom: 14px; font-size: .95em;
}
.connected-state .current strong { display: block; font-size: 1.05em; }
.connected-state h3 { margin: 12px 0 8px; font-size: 1em; }

.preview-badge {
  position: fixed; top: 12px; left: 12px; z-index: 50;
  background: #b45309; color: #fff; letter-spacing: .08em; font-size: 11px;
  font-weight: 700; padding: 4px 10px; border-radius: 6px; text-transform: uppercase;
}

.error-list.none { display: none !important; }

/* Uploaded hotel logo (Portal Designer): hidden until a logo asset exists. */
.portal-logo {
  max-height: 64px;
  max-width: 70%;
  object-fit: contain;
  margin: 0 auto 0.75rem;
  display: block;
}
.portal-logo.none {
  display: none;
}