/* © HotelRevenue — Todos os direitos reservados. KAR PMS. */
:root {
  --navy: #040d1a;
  --navy-2: #07182d;
  --navy-3: #0b223d;
  --cyan: #00c8ff;
  --white: #ffffff;
  --text: #e8f4fb;
  --muted: #95a9b8;
  --line: rgba(255,255,255,.10);
  --danger: #ff5a5f;
  --warning: #f59e0b;
  --success: #22c55e;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top right, rgba(0,200,255,.10), transparent 28%), var(--navy);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
.app-shell { display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; }
.sidebar {
  background: rgba(2, 8, 18, .88);
  border-right: 1px solid var(--line);
  padding: 26px 20px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: sticky;
  top: 0;
  height: 100vh;
}
.brand { display: flex; align-items: center; gap: 14px; }
.brand-badge {
  width: 58px; height: 58px; border: 2px solid var(--cyan); color: var(--cyan);
  display: grid; place-items: center; border-radius: 18px; font-weight: 900; letter-spacing: -1px;
  box-shadow: 0 0 24px rgba(0,200,255,.16);
}
.brand strong { display:block; font-size: 18px; color: var(--white); }
.brand small { display:block; font-size: 12px; color: var(--muted); margin-top: 2px; }
.nav { display: grid; gap: 8px; }
.nav a {
  padding: 13px 14px; border-radius: 14px; color: var(--muted); font-weight: 700;
}
.nav a:hover, .nav a.active { background: rgba(0,200,255,.10); color: var(--white); }
.sidebar-footer { margin-top: auto; display: grid; gap: 14px; }
.userbox { padding: 14px; background: rgba(255,255,255,.04); border: 1px solid var(--line); border-radius: 16px; }
.userbox strong, .userbox small { display:block; overflow:hidden; text-overflow:ellipsis; }
.userbox small { color: var(--muted); margin-top: 4px; }
.logout { color: var(--muted); font-size: 14px; }
.main { padding: 28px; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.topbar h1 { margin: 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -1.2px; color: var(--white); }
.topbar p { margin: 8px 0 0; color: var(--muted); }
.card {
  background: rgba(255,255,255,.045);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.18);
}
.grid { display:grid; gap: 18px; }
.grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.stat { padding: 22px; }
.stat small { color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.stat strong { display:block; color: var(--white); font-size: 34px; margin-top: 10px; letter-spacing: -1px; }
.stat .hint { color: var(--muted); margin-top: 6px; }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap: 8px;
  padding: 12px 16px; border-radius: 14px; border: 1px solid var(--line);
  background: rgba(255,255,255,.06); color: var(--white); font-weight: 800; cursor: pointer;
}
.btn-primary { background: var(--cyan); color: var(--navy); border-color: var(--cyan); }
.btn-danger { background: rgba(255,90,95,.12); color: #ffd1d3; border-color: rgba(255,90,95,.35); }
.btn:hover { transform: translateY(-1px); }
.table-wrap { overflow:auto; border-radius: 18px; border: 1px solid var(--line); }
table { width: 100%; border-collapse: collapse; min-width: 820px; }
th, td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; }
th { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
td { color: var(--text); }
tr:last-child td { border-bottom: none; }
.badge { display:inline-flex; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 900; border: 1px solid var(--line); }
.badge-confirmada { background: rgba(34,197,94,.12); color: #a8f3c1; }
.badge-pendente { background: rgba(245,158,11,.12); color: #ffd994; }
.badge-cancelada { background: rgba(255,90,95,.12); color: #ffd1d3; }
.form { display: grid; gap: 16px; }
.form-row { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
label { display:grid; gap: 8px; color: var(--muted); font-weight: 700; }
input, select, textarea {
  width: 100%; padding: 12px 13px; border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.22);
  color: var(--white); outline: none;
}
input:focus, select:focus, textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(0,200,255,.08); }
textarea { min-height: 100px; resize: vertical; }
.alert { padding: 14px 16px; border-radius: 16px; margin-bottom: 18px; border: 1px solid var(--line); }
.alert-success { background: rgba(34,197,94,.12); color: #c8f9d6; }
.alert-error { background: rgba(255,90,95,.12); color: #ffd1d3; }
.alert-info { background: rgba(0,200,255,.10); color: #b7f0ff; }
.actions { display:flex; flex-wrap:wrap; gap: 8px; align-items: center; }
.empty { padding: 24px; text-align: center; color: var(--muted); }
.login-page { min-height:100vh; display:grid; place-items:center; padding: 24px; }
.login-card { width: min(460px, 100%); }
.login-card h1 { margin:0 0 8px; color: var(--white); font-size: 36px; }
.login-card p { color: var(--muted); margin: 0 0 22px; }
.calendar-card { padding: 12px; }
#calendar { background: rgba(255,255,255,.02); border-radius: 18px; padding: 10px; }
.fc { color: var(--text); }
.fc .fc-toolbar-title { color: var(--white); font-size: 24px; }
.fc .fc-button { background: rgba(255,255,255,.08) !important; border-color: var(--line) !important; color: var(--white) !important; border-radius: 12px !important; }
.fc .fc-button-primary:not(:disabled).fc-button-active { background: var(--cyan) !important; color: var(--navy) !important; }
.fc .fc-daygrid-day-number, .fc .fc-col-header-cell-cushion { color: var(--text); }
.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid { border-color: rgba(255,255,255,.10); }
.fc .fc-daygrid-day.fc-day-today { background: rgba(0,200,255,.08); }
.help-box { color: var(--muted); font-size: 14px; line-height: 1.6; }
@media (max-width: 980px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: relative; height: auto; }
  .nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-2, .grid-3, .grid-4, .form-row { grid-template-columns: 1fr; }
  .topbar { align-items:flex-start; flex-direction: column; }
  .main { padding: 20px; }
}


/* v0.2 Lite/Premium */
.plan-pill {
  border: 1px solid rgba(0,200,255,.22);
  background: linear-gradient(180deg, rgba(0,200,255,.10), rgba(255,255,255,.03));
  border-radius: 18px;
  padding: 14px;
  margin-top: auto;
}
.plan-pill small {
  color: var(--muted);
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.plan-pill strong {
  color: var(--cyan);
  display: block;
  margin-top: 4px;
}
.premium-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(0,200,255,.25);
  border-radius: 20px;
  background: linear-gradient(90deg, rgba(0,200,255,.12), rgba(255,255,255,.04));
}
.premium-box strong { color: var(--white); }
.premium-box p { color: var(--muted); margin: 6px 0 0; }
.app-footer {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
}
.app-footer a { color: var(--cyan); font-weight: 800; }
.eyebrow {
  color: var(--cyan);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
}
.hero-upgrade,
.hr-cta {
  background:
   radial-gradient(circle at 20% 0%, rgba(0,200,255,.18), transparent 30%),
   rgba(255,255,255,.045);
  border: 1px solid rgba(0,200,255,.22);
  border-radius: 26px;
  padding: 28px;
}
.hero-upgrade h2,
.hr-cta h2 {
  font-size: 36px;
  line-height: 1.04;
  margin: 10px 0;
  letter-spacing: -.04em;
}
.hero-upgrade p,
.hr-cta p,
.muted { color: var(--muted); }
.price-card.active { border-color: rgba(0,200,255,.45); box-shadow: 0 0 35px rgba(0,200,255,.08); }
.price { color: var(--cyan); font-size: 24px; display: block; margin: 8px 0 12px; }
.price-card ul { color: var(--muted); line-height: 1.9; padding-left: 20px; }


/* ===============================
  KAR Login v0.6 — Premium + Seguro
  =============================== */
.login-v06-body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 18%, rgba(0,200,255,.20), transparent 28%),
    radial-gradient(circle at 85% 12%, rgba(0,71,171,.22), transparent 24%),
    #040d1a;
}
.login-v06-page {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  align-items: center;
  gap: 42px;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 44px 0;
}
.login-v06-hero {
  position: relative;
  min-height: 560px;
  border: 1px solid rgba(0,200,255,.22);
  border-radius: 34px;
  padding: 40px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    radial-gradient(circle at 35% 30%, rgba(0,200,255,.22), transparent 34%);
  box-shadow: 0 30px 90px rgba(0,0,0,.42);
}
.login-v06-hero:before,
.login-v06-hero:after {
  content: "";
  position: absolute;
  border: 1px solid rgba(0,200,255,.18);
  border-radius: 28px;
  transform: rotate(-8deg);
}
.login-v06-hero:before { width: 310px; height: 310px; right: -70px; top: -80px; }
.login-v06-hero:after { width: 220px; height: 220px; left: -70px; bottom: -80px; }
.login-v06-logo {
  width: 84px;
  height: 84px;
  border: 2px solid var(--cyan);
  border-radius: 24px;
  display: grid;
  place-items: center;
  color: var(--cyan);
  font-weight: 950;
  letter-spacing: -1px;
  box-shadow: 0 0 32px rgba(0,200,255,.18);
}
.login-v06-copy {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin-top: 90px;
}
.login-v06-eyebrow {
  color: var(--cyan);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
  font-size: 12px;
}
.login-v06-copy h1 {
  margin: 18px 0 16px;
  color: white;
  font-size: clamp(44px, 6vw, 76px);
  line-height: .96;
  letter-spacing: -.06em;
}
.login-v06-copy p {
  color: rgba(232,244,251,.82);
  font-size: 18px;
  line-height: 1.55;
  max-width: 620px;
}
.login-v06-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.login-v06-features span {
  border: 1px solid rgba(0,200,255,.34);
  color: white;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  background: rgba(0,200,255,.08);
}
.login-v06-card {
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 30px;
  padding: 30px;
  box-shadow: 0 26px 80px rgba(0,0,0,.42);
  backdrop-filter: blur(16px);
}
.login-v06-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.login-v06-card-head strong,
.login-v06-card-head small { display:block; }
.login-v06-card-head small { color: var(--muted); margin-top: 3px; }
.login-v06-card h2 {
  margin: 0 0 8px;
  color: white;
  font-size: 34px;
  letter-spacing: -.04em;
}
.login-v06-muted {
  color: var(--muted);
  margin: 0 0 22px;
}
.login-v06-form .btn {
  margin-top: 4px;
  width: 100%;
}
.login-v06-security-note {
  margin-top: 18px;
  border: 1px solid rgba(0,200,255,.18);
  background: rgba(0,200,255,.07);
  border-radius: 16px;
  padding: 13px 14px;
}
.login-v06-security-note strong,
.login-v06-security-note span { display:block; }
.login-v06-security-note strong { color: white; }
.login-v06-security-note span { color: var(--muted); font-size: 13px; margin-top: 3px; }

@media (max-width: 900px) {
  .login-v06-page {
    grid-template-columns: 1fr;
    width: min(100% - 28px, 520px);
    padding: 24px 0;
    gap: 16px;
  }
  .login-v06-hero {
    min-height: auto;
    padding: 24px;
    border-radius: 26px;
  }
  .login-v06-copy { margin-top: 42px; }
  .login-v06-copy h1 { font-size: 42px; }
  .login-v06-copy p { font-size: 15px; }
  .login-v06-card { border-radius: 24px; padding: 22px; }
}

/* v0.7 — Estados operacionais */
.status-confirmada { background: rgba(0,200,255,.12); color: #00c8ff; }
.status-pendente { background: rgba(245,158,11,.14); color: #f59e0b; }
.status-inhouse { background: rgba(34,197,94,.14); color: #22c55e; }
.status-checkout { background: rgba(148,163,184,.16); color: #cbd5e1; }
.status-cancelada { background: rgba(255,90,95,.14); color: #ff8a8e; }
.status-noshow { background: rgba(168,85,247,.16); color: #c084fc; }
.status-default { background: rgba(255,255,255,.10); color: var(--text); }
.btn-small { padding: 7px 10px !important; font-size: 12px !important; min-height: auto !important; border-radius: 10px !important; margin: 2px; }
.quick-actions { display:flex; flex-wrap:wrap; gap:4px; align-items:center; }

/* v0.8 — Dashboard útil + Ajuda */
.mini-item {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.mini-item:last-child { border-bottom: 0; }
.mini-item strong { display:block; color: var(--white); }
.mini-item small { display:block; color: var(--muted); margin-top:4px; }
.help-list p {
  margin: 0 0 16px;
  color: var(--muted);
  line-height: 1.55;
}
.help-list p strong { color: var(--white); }
.help-list a { color: var(--cyan); font-weight: 800; }

/* v0.9 — Relatório camareiras */
@media print {
  .sidebar, .topbar, .app-footer, .btn, .nav, .plan-pill { display:none !important; }
  .app-shell { display:block !important; }
  .main { padding:0 !important; }
  body { background:white !important; color:#111 !important; }
  .card { box-shadow:none !important; border:0 !important; color:#111 !important; }
  table { color:#111 !important; }
  th, td { border-color:#ccc !important; }
}

/* v1.1 — Wildcard signup landing */
.signup-v11-wrap {
  width: min(1180px, calc(100% - 32px));
  min-height: calc(100vh - 32px);
  margin: 16px auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: stretch;
}

.signup-v11-left,
.signup-v11-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  padding: clamp(22px, 4vw, 42px);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}

.signup-v11-left {
  position: relative;
  overflow: hidden;
}

.signup-v11-left::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(0,200,255,.22), transparent 68%);
  right: -120px;
  top: -100px;
  pointer-events: none;
}

.signup-v11-left h1 {
  font-size: clamp(36px, 6vw, 68px);
  line-height: .94;
  margin: 22px 0 18px;
  letter-spacing: -.055em;
}

.signup-v11-lead {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.6;
  max-width: 720px;
}

.signup-v11-url {
  margin: 26px 0;
  padding: 18px;
  background: rgba(0,200,255,.10);
  border: 1px solid rgba(0,200,255,.28);
  border-radius: 20px;
}

.signup-v11-url small {
  display: block;
  color: var(--muted);
  margin-bottom: 6px;
}

.signup-v11-url strong {
  color: var(--cyan);
  font-size: clamp(18px, 3vw, 28px);
  word-break: break-all;
}

.signup-v11-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 22px 0;
}

.signup-v11-grid div {
  padding: 16px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
}

.signup-v11-grid strong,
.signup-v11-grid span {
  display: block;
}

.signup-v11-grid strong {
  color: var(--white);
  margin-bottom: 6px;
}

.signup-v11-grid span,
.signup-v11-note,
.signup-v11-free span {
  color: var(--muted);
  line-height: 1.45;
}

.signup-v11-free {
  padding: 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(0,200,255,.16), rgba(124,58,237,.14));
  border: 1px solid rgba(0,200,255,.22);
}

.signup-v11-free strong {
  display: block;
  color: var(--white);
  font-size: 20px;
  margin-bottom: 6px;
}

.signup-v11-note {
  margin-top: 18px;
  font-size: 14px;
}

.signup-v11-card h2 {
  font-size: 30px;
  margin: 24px 0 8px;
}

.signup-v11-domain {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}

.signup-v11-domain strong {
  color: var(--cyan);
  white-space: nowrap;
}

@media (max-width: 900px) {
  .signup-v11-wrap {
    grid-template-columns: 1fr;
    width: min(100% - 20px, 620px);
    margin: 10px auto;
  }

  .signup-v11-grid {
    grid-template-columns: 1fr;
  }

  .signup-v11-left h1 {
    font-size: 42px;
  }

  .signup-v11-domain {
    grid-template-columns: 1fr;
  }
}

/* v1.2 — Menu de conta + Dashboard hero */
.account-menu {
  position: relative;
  width: 100%;
}
.account-menu summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
}
.account-menu summary::-webkit-details-marker {
  display: none;
}
.account-avatar {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(0,200,255,.14);
  border: 1px solid rgba(0,200,255,.35);
  color: var(--cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
}
.account-text {
  min-width: 0;
}
.account-text strong,
.account-text small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-text small {
  color: var(--muted);
  font-size: 12px;
  margin-top: 2px;
}
.account-caret {
  color: var(--cyan);
  font-size: 13px;
}
.account-dropdown {
  margin-top: 8px;
  padding: 8px;
  border-radius: 16px;
  background: rgba(4,13,26,.96);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
}
.account-dropdown a {
  display: block;
  padding: 10px 11px;
  border-radius: 12px;
  color: var(--white);
  font-weight: 800;
}
.account-dropdown a:hover {
  background: rgba(0,200,255,.10);
  color: var(--cyan);
}
.account-dropdown a.danger {
  color: #ff8a8e;
}
.dashboard-hero-v12 {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
  padding: clamp(22px, 4vw, 38px);
  margin-bottom: 18px;
  border-radius: 30px;
  border: 1px solid rgba(0,200,255,.22);
  background:
    radial-gradient(circle at 12% 0%, rgba(0,200,255,.26), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow: 0 24px 70px rgba(0,0,0,.32);
}
.dashboard-hero-v12::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  right: -140px;
  top: -170px;
  background: radial-gradient(circle, rgba(0,200,255,.28), transparent 68%);
  pointer-events: none;
}
.dashboard-hero-v12 h2 {
  position: relative;
  z-index: 1;
  margin: 8px 0 10px;
  font-size: clamp(38px, 7vw, 82px);
  line-height: .92;
  letter-spacing: -.065em;
  color: var(--white);
}
.dashboard-hero-v12 p {
  position: relative;
  z-index: 1;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
  max-width: 760px;
  margin: 0;
}
.dashboard-hero-v12 p strong {
  color: var(--cyan);
}
.dashboard-hero-actions {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  .dashboard-hero-v12 {
    grid-template-columns: 1fr;
    align-items: start;
    border-radius: 24px;
  }
  .dashboard-hero-actions {
    justify-content: stretch;
  }
  .dashboard-hero-actions .btn {
    width: 100%;
  }
  .dashboard-hero-v12 h2 {
    font-size: 42px;
  }
}

/* v1.3 — Equipa + Camareiras */
.team-body-v13 {
  background: #040d1a;
  color: var(--white);
  min-height: 100vh;
}
.team-app-v13 {
  width: min(760px, calc(100% - 24px));
  margin: 0 auto;
  padding: 16px 0 32px;
}
.team-top-v13 {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 14px 0;
  background: rgba(4,13,26,.92);
  backdrop-filter: blur(12px);
}
.team-top-v13 > div {
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 12px;
  align-items: center;
}
.team-top-v13 .brand-badge {
  grid-row: span 2;
}
.team-top-v13 strong,
.team-top-v13 small {
  display: block;
}
.team-top-v13 small {
  color: var(--muted);
}
.team-date-v13 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin: 12px 0 18px;
}
.team-date-v13 input {
  min-height: 48px;
}
.team-task-list-v13 {
  display: grid;
  gap: 14px;
}
.team-task-card-v13 {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  padding: 18px;
  box-shadow: 0 16px 44px rgba(0,0,0,.28);
}
.team-task-card-v13.feito {
  border-color: rgba(34,197,94,.45);
}
.team-task-card-v13.problema {
  border-color: rgba(168,85,247,.55);
}
.team-task-card-v13.nao_feito {
  border-color: rgba(255,90,95,.55);
}
.team-task-head-v13 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.team-task-head-v13 h2 {
  margin: 6px 0 0;
  font-size: clamp(28px, 8vw, 52px);
  line-height: .95;
  letter-spacing: -.055em;
}
.team-task-meta-v13 {
  color: var(--muted);
  line-height: 1.55;
  margin: 14px 0;
}
.team-task-actions-v13 label {
  display: block;
  margin: 14px 0 10px;
}
.team-task-actions-v13 .actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
@media (max-width: 640px) {
  .team-task-actions-v13 .actions {
    grid-template-columns: 1fr;
  }
}

/* v1.6 — Trial, onboarding, support */
.trial-mini-v16 {
  display: block;
  margin-top: 4px;
  color: var(--cyan);
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
}
.trial-banner-v16 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  margin: 0 0 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(0,200,255,.14), rgba(124,58,237,.10));
  border: 1px solid rgba(0,200,255,.24);
}
.trial-banner-v16 strong {
  color: var(--cyan);
}
.trial-banner-v16 span {
  color: var(--muted);
  line-height: 1.45;
}
.onboarding-hero-v16,
.premium-hero-v16,
.support-hero-v16 {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4vw, 38px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 0%, rgba(0,200,255,.24), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border: 1px solid rgba(0,200,255,.20);
  box-shadow: 0 24px 70px rgba(0,0,0,.30);
}
.onboarding-hero-v16 h2,
.premium-hero-v16 h2,
.support-hero-v16 h2 {
  margin: 10px 0 10px;
  font-size: clamp(34px, 6vw, 68px);
  line-height: .95;
  letter-spacing: -.06em;
}
.onboarding-hero-v16 p,
.premium-hero-v16 p,
.support-hero-v16 p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
  max-width: 820px;
}
.onboarding-step-v16 {
  position: relative;
}
.step-number {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(0,200,255,.12);
  border: 1px solid rgba(0,200,255,.32);
  color: var(--cyan);
  font-weight: 950;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.premium-card-v16 {
  border-color: rgba(0,200,255,.28) !important;
  background: linear-gradient(180deg, rgba(0,200,255,.08), rgba(255,255,255,.05)) !important;
}
.support-hero-v16 {
  border-color: rgba(0,200,255,.18);
}
@media (max-width: 900px) {
  .trial-banner-v16 {
    grid-template-columns: 1fr;
  }
}

/* v1.7 — Calendário Premium UX */
.calendar-premium-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
  padding: clamp(20px, 4vw, 34px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,200,255,.22), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border: 1px solid rgba(0,200,255,.20);
  box-shadow: 0 24px 70px rgba(0,0,0,.26);
  margin-bottom: 18px;
}
.calendar-premium-hero h2 {
  margin: 10px 0;
  font-size: clamp(32px, 5vw, 62px);
  line-height: .95;
  letter-spacing: -.06em;
}
.calendar-premium-hero p {
  color: var(--muted);
  line-height: 1.65;
  max-width: 900px;
  margin: 0;
}
.calendar-premium-hero p strong {
  color: var(--cyan);
}
.calendar-premium-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.calendar-toolbar-v17 {
  display: flex;
  gap: 12px;
  align-items: end;
  flex-wrap: wrap;
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  margin-bottom: 14px;
}
.calendar-toolbar-v17 label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-weight: 800;
  font-size: 13px;
}
.calendar-toolbar-v17 input,
.calendar-toolbar-v17 select {
  min-height: 44px;
}
.calendar-legend-v17 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 14px;
  color: var(--muted);
  font-size: 13px;
}
.calendar-legend-v17 span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.calendar-legend-v17 .legend {
  width: 13px;
  height: 13px;
  border-radius: 5px;
  display: inline-block;
}
.legend.confirmed { background: #00c8ff; }
.legend.inhouse { background: #22c55e; }
.legend.checkout { background: #7c3aed; }
.legend.block { background: #ef4444; }
.legend.today { background: rgba(0,200,255,.22); border: 1px solid rgba(0,200,255,.5); }

.calendar-board-wrap-v17 {
  overflow: auto;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.035);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  max-height: calc(100vh - 260px);
}
.calendar-board-v17 {
  min-width: calc(220px + (var(--days) * 86px));
  display: grid;
  grid-template-columns: 220px repeat(var(--days), minmax(86px, 1fr));
  position: relative;
}
.calendar-board-wrap-v17.compact .calendar-board-v17 {
  min-width: calc(190px + (var(--days) * 58px));
  grid-template-columns: 190px repeat(var(--days), minmax(58px, 1fr));
}
.calendar-corner-v17,
.calendar-day-head-v17 {
  position: sticky;
  top: 0;
  z-index: 8;
  min-height: 62px;
  background: rgba(4,13,26,.96);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.calendar-corner-v17 {
  left: 0;
  z-index: 12;
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: var(--muted);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.calendar-day-head-v17 {
  display: grid;
  place-items: center;
  gap: 2px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.calendar-day-head-v17 strong {
  font-size: 22px;
}
.calendar-day-head-v17 small {
  color: var(--muted);
  font-size: 11px;
}
.calendar-day-head-v17.is-today {
  background: linear-gradient(180deg, rgba(0,200,255,.18), rgba(4,13,26,.96));
  color: var(--cyan);
}
.calendar-unit-cell-v17 {
  position: sticky;
  left: 0;
  z-index: 6;
  min-height: 82px;
  padding: 14px 16px;
  background: rgba(4,13,26,.94);
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-right: 1px solid rgba(255,255,255,.10);
}
.calendar-board-wrap-v17.compact .calendar-unit-cell-v17 {
  min-height: 58px;
  padding: 10px 12px;
}
.calendar-unit-cell-v17 strong,
.calendar-unit-cell-v17 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-unit-cell-v17 small {
  color: var(--muted);
  margin-top: 4px;
  font-size: 12px;
}
.calendar-row-v17 {
  grid-column: span var(--days);
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--days), minmax(86px, 1fr));
  min-height: 82px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.calendar-board-wrap-v17.compact .calendar-row-v17 {
  grid-template-columns: repeat(var(--days), minmax(58px, 1fr));
  min-height: 58px;
}
.calendar-cell-v17 {
  min-height: inherit;
  border-left: 1px solid rgba(255,255,255,.055);
  background: rgba(255,255,255,.012);
}
.calendar-cell-v17.is-past {
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.018), rgba(255,255,255,.018) 6px, rgba(255,255,255,.03) 6px, rgba(255,255,255,.03) 12px);
}
.calendar-cell-v17.is-today {
  background: rgba(0,200,255,.07);
}
.calendar-row-v17.is-drop-target .calendar-cell-v17 {
  background: rgba(0,200,255,.12);
}
.calendar-reservation-v17,
.calendar-block-v17 {
  position: absolute;
  left: calc((var(--start) - 1) * (100% / var(--days)) + 4px);
  width: calc((var(--span) * (100% / var(--days))) - 8px);
  top: 15px;
  min-height: 52px;
  border-radius: 16px;
  padding: 10px 12px;
  overflow: hidden;
  z-index: 3;
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
}
.calendar-board-wrap-v17.compact .calendar-reservation-v17,
.calendar-board-wrap-v17.compact .calendar-block-v17 {
  top: 9px;
  min-height: 40px;
  padding: 7px 9px;
  border-radius: 12px;
}
.calendar-reservation-v17 {
  background: linear-gradient(135deg, rgba(0,200,255,.96), rgba(0,146,198,.92));
  color: #03111d;
  cursor: grab;
  border: 1px solid rgba(255,255,255,.22);
}
.calendar-reservation-v17.inhouse {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}
.calendar-reservation-v17.checkout {
  background: linear-gradient(135deg, #7c3aed, #5b21b6);
  color: white;
}
.calendar-reservation-v17.pending {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}
.calendar-reservation-v17.cancelled,
.calendar-reservation-v17.noshow {
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: white;
}
.calendar-reservation-v17.is-locked {
  cursor: not-allowed;
  opacity: .72;
}
.calendar-reservation-v17.dragging {
  opacity: .45;
}
.calendar-reservation-v17 strong,
.calendar-reservation-v17 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-reservation-v17 small {
  opacity: .82;
  margin-top: 3px;
  font-size: 12px;
}
.calendar-block-v17 {
  background: color-mix(in srgb, var(--block-color) 82%, #040d1a);
  border: 1px solid color-mix(in srgb, var(--block-color) 70%, white);
  color: white;
  display: flex;
  align-items: center;
  opacity: .95;
  top: 20px;
  min-height: 42px;
}
.calendar-board-wrap-v17.compact .calendar-block-v17 {
  top: 12px;
  min-height: 34px;
}
.calendar-block-v17 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 900;
}
.calendar-help-v17 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 18px;
}
.block-type-list-v17 {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}
.block-type-list-v17 span,
.block-chip-v17 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  font-weight: 800;
}
.block-type-list-v17 i {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--type-color);
}
.block-chip-v17 {
  color: var(--white);
}
.block-chip-v17::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--type-color);
}
@media (max-width: 900px) {
  .calendar-premium-hero,
  .calendar-help-v17 {
    grid-template-columns: 1fr;
  }
  .calendar-premium-actions {
    justify-content: stretch;
  }
  .calendar-premium-actions .btn {
    width: 100%;
  }
  .calendar-board-wrap-v17 {
    max-height: calc(100vh - 220px);
  }
}

/* v1.7.1 — Redesign visual do calendário */
.calendar-redesign-v171 {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,249,255,.94));
  border: 1px solid rgba(2,18,38,.08);
  color: #071526;
  box-shadow: 0 22px 60px rgba(2,18,38,.12);
}
.calendar-redesign-v171 .eyebrow {
  background: rgba(0,146,198,.08);
  color: #0077a8;
  border-color: rgba(0,146,198,.20);
}
.calendar-redesign-v171 h2 {
  color: #071526;
  max-width: 980px;
}
.calendar-redesign-v171 p {
  color: #526173;
}
.calendar-redesign-v171 p strong {
  color: #0092c6;
}
.calendar-title-strip-v171 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin: 18px 0 12px;
  padding: 16px 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(2,18,38,.08);
  box-shadow: 0 16px 42px rgba(2,18,38,.08);
}
.calendar-title-strip-v171 span,
.calendar-title-strip-v171 strong {
  display: block;
}
.calendar-title-strip-v171 span {
  color: #64748b;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.calendar-title-strip-v171 strong {
  margin-top: 3px;
  color: #071526;
  font-size: 26px;
  letter-spacing: -.035em;
}
.calendar-title-actions-v171 {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
.calendar-title-actions-v171 .btn,
.calendar-toolbar-v17 .btn {
  border-radius: 14px;
}
.calendar-toolbar-v17 {
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(2,18,38,.08) !important;
  box-shadow: 0 14px 38px rgba(2,18,38,.06);
}
.calendar-toolbar-v17 label {
  color: #334155 !important;
}
.calendar-toolbar-v17 input,
.calendar-toolbar-v17 select {
  background: #ffffff !important;
  color: #071526 !important;
  border-color: rgba(2,18,38,.12) !important;
}
.calendar-legend-v17 {
  padding: 0 4px;
  color: #526173 !important;
}
.calendar-redesign-board-v171 {
  background: #f8fbff !important;
  border: 1px solid rgba(2,18,38,.10) !important;
  box-shadow: 0 24px 64px rgba(2,18,38,.13) !important;
}
.calendar-redesign-board-v171 .calendar-board-v17 {
  background: #ffffff;
}
.calendar-redesign-board-v171 .calendar-corner-v17,
.calendar-redesign-board-v171 .calendar-day-head-v17 {
  background: #f8fbff !important;
  color: #0f172a !important;
  border-bottom: 1px solid rgba(2,18,38,.10) !important;
}
.calendar-redesign-board-v171 .calendar-corner-v17 {
  background: #051426 !important;
  color: #f8fbff !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
}
.calendar-redesign-board-v171 .calendar-day-head-v17 {
  min-height: 64px;
}
.calendar-redesign-board-v171 .calendar-day-head-v17 small {
  order: 1;
  color: #64748b !important;
  font-size: 12px;
  font-weight: 800;
}
.calendar-redesign-board-v171 .calendar-day-head-v17 strong {
  order: 2;
  font-size: 23px;
  color: #0f172a;
}
.calendar-redesign-board-v171 .calendar-day-head-v17.is-today {
  background: linear-gradient(180deg, rgba(0,200,255,.20), #eef8ff) !important;
}
.calendar-redesign-board-v171 .calendar-day-head-v17.is-today strong {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0092c6;
  color: white;
}
.calendar-redesign-board-v171 .calendar-unit-cell-v17 {
  background: #051426 !important;
  color: #f8fbff;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
}
.calendar-redesign-board-v171 .calendar-unit-cell-v17::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  background: #22c55e;
  margin-right: 9px;
  vertical-align: middle;
}
.calendar-redesign-board-v171 .calendar-unit-cell-v17:nth-of-type(4n)::before {
  background: #f97316;
}
.calendar-redesign-board-v171 .calendar-unit-cell-v17:nth-of-type(5n)::before {
  background: #7c3aed;
}
.calendar-redesign-board-v171 .calendar-unit-cell-v17 strong {
  display: inline;
  color: #fff;
  font-weight: 850;
}
.calendar-redesign-board-v171 .calendar-unit-cell-v17 small {
  color: rgba(255,255,255,.62) !important;
  padding-left: 20px;
}
.calendar-redesign-board-v171 .calendar-row-v17 {
  background: #fff;
  border-bottom: 1px solid rgba(2,18,38,.07) !important;
}
.calendar-redesign-board-v171 .calendar-cell-v17 {
  border-left: 1px solid rgba(2,18,38,.06) !important;
  background: #ffffff !important;
}
.calendar-redesign-board-v171 .calendar-cell-v17:nth-child(7n),
.calendar-redesign-board-v171 .calendar-cell-v17:nth-child(7n+1) {
  background: #f6f8fb !important;
}
.calendar-redesign-board-v171 .calendar-cell-v17.is-past {
  background: #f3f5f8 !important;
}
.calendar-redesign-board-v171 .calendar-cell-v17.is-today {
  background: #eef8ff !important;
}
.calendar-redesign-board-v171 .calendar-row-v17.is-drop-target .calendar-cell-v17 {
  background: rgba(0,146,198,.10) !important;
}
.calendar-redesign-board-v171 .calendar-reservation-v17 {
  top: 18px;
  min-height: 44px;
  border-radius: 13px;
  padding: 9px 12px;
  box-shadow: 0 8px 18px rgba(15,23,42,.18);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.25);
}
.calendar-redesign-board-v171.compact .calendar-reservation-v17 {
  top: 10px;
  min-height: 36px;
  padding: 7px 10px;
}
.calendar-redesign-board-v171 .calendar-reservation-v17.confirmed {
  background: linear-gradient(135deg, #0057a8, #003b74) !important;
}
.calendar-redesign-board-v171 .calendar-reservation-v17.inhouse {
  background: linear-gradient(135deg, #22a447, #168033) !important;
}
.calendar-redesign-board-v171 .calendar-reservation-v17.checkout {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
}
.calendar-redesign-board-v171 .calendar-reservation-v17.pending {
  background: linear-gradient(135deg, #f6bd1b, #e59b00) !important;
  color: #2b1d00 !important;
}
.calendar-redesign-board-v171 .calendar-reservation-v17.cancelled,
.calendar-redesign-board-v171 .calendar-reservation-v17.noshow {
  background: linear-gradient(135deg, #ef476f, #d92748) !important;
}
.calendar-redesign-board-v171 .calendar-reservation-v17 strong {
  font-size: 13px;
  letter-spacing: -.01em;
}
.calendar-redesign-board-v171 .calendar-reservation-v17 small {
  color: rgba(255,255,255,.78) !important;
}
.calendar-redesign-board-v171 .calendar-reservation-v17.pending small {
  color: rgba(43,29,0,.72) !important;
}
.calendar-redesign-board-v171 .calendar-block-v17 {
  border-radius: 13px;
  min-height: 38px;
  top: 22px;
  box-shadow: 0 8px 18px rgba(15,23,42,.12);
}
.calendar-help-v17 .card {
  background: rgba(255,255,255,.94);
  border-color: rgba(2,18,38,.08);
  color: #071526;
}
.calendar-help-v17 .card h2 {
  color: #071526;
}
.calendar-help-v17 .card .muted {
  color: #526173;
}
@media (max-width: 900px) {
  .calendar-title-strip-v171 {
    align-items: stretch;
    flex-direction: column;
  }
  .calendar-title-actions-v171 .btn {
    flex: 1;
  }
}

/* v1.7.5 — Admin contas */
.admin-hero-v175 {
  padding: clamp(22px, 4vw, 36px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,200,255,.24), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border: 1px solid rgba(0,200,255,.20);
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
}
.admin-hero-v175 h2 {
  margin: 10px 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: .94;
  letter-spacing: -.06em;
}
.admin-hero-v175 p {
  color: var(--muted);
  margin: 0;
  line-height: 1.65;
}
.admin-filters-v175 {
  display: grid;
  grid-template-columns: 1.5fr .8fr .8fr auto;
  gap: 12px;
  align-items: end;
}
.kpi-card small,
.kpi-card strong {
  display: block;
}
.kpi-card small {
  color: var(--muted);
  font-weight: 800;
}
.kpi-card strong {
  margin-top: 8px;
  font-size: 34px;
  letter-spacing: -.04em;
}
@media (max-width: 900px) {
  .admin-filters-v175 {
    grid-template-columns: 1fr;
  }
}


/* v1.9.0 — Menu por temas + Direct Booking + Inventário */
.nav-grouped-v190 { gap: 8px; }
.nav-section-v190 { border: 1px solid rgba(255,255,255,.08); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.025); }
.nav-section-v190 summary { list-style: none; cursor: pointer; padding: 10px 12px; color: rgba(255,255,255,.68); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; display:flex; justify-content:space-between; align-items:center; }
.nav-section-v190 summary::-webkit-details-marker { display:none; }
.nav-section-v190 summary:after { content:'▾'; opacity:.75; transition: transform .2s ease; }
.nav-section-v190:not([open]) summary:after { transform: rotate(-90deg); }
.nav-section-v190 a { margin: 0 7px 7px; padding: 9px 10px !important; font-size: 13px; }
.section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.inline-form { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.checkline { display:flex !important; align-items:center; gap:10px; font-weight:700; }
.checkline input { width:auto !important; }
.inventory-scroll { overflow:auto; border-radius:16px; border:1px solid rgba(255,255,255,.08); }
.inventory-table { min-width: 980px; font-size:12px; }
.inventory-table th:first-child { position: sticky; left:0; z-index:2; background: #071326; min-width:160px; }
.inventory-table td, .inventory-table th { text-align:center; white-space:nowrap; }
.inventory-table td small { display:block; opacity:.7; margin-top:2px; }
.inventory-table .inv-price { background: rgba(34,197,94,.12); color:#d8ffe8; }
.inventory-table .inv-stop { background: rgba(239,68,68,.16); color:#ffd6d6; font-weight:800; }
.booking-public-v190 { background: radial-gradient(circle at top, rgba(0,200,255,.22), transparent 35%), #040d1a; min-height:100vh; color:#f8fafc; }
.booking-public-wrap { width:min(1120px, calc(100% - 32px)); margin:0 auto; padding:32px 0 60px; }
.booking-hero-v190 { padding:28px 0; }
.booking-hero-v190 h1 { font-size: clamp(32px, 5vw, 58px); margin:18px 0 10px; }
.booking-hero-v190 p { max-width:740px; color:rgba(255,255,255,.76); font-size:18px; line-height:1.55; }
.booking-units-v190 { display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:18px; margin-top:18px; }
.booking-unit-v190 { display:flex; flex-direction:column; gap:18px; }
.success-card-v190 { border-color: rgba(34,197,94,.35) !important; }
@media (max-width: 900px) { .nav-section-v190 { border-radius:12px; } .grid-4 { grid-template-columns:1fr !important; } }


/* v1.9.1 — Motor direto embed + domínios próprios */
.booking-embed-v191 {
  background: transparent;
  min-height: auto;
}
.booking-embed-wrap-v191 {
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px;
}
.booking-embed-head-v191 {
  padding: 12px 4px 18px;
}
.booking-embed-head-v191 h1 {
  margin: 0 0 8px;
  font-size: clamp(26px, 4vw, 42px);
}
.booking-embed-head-v191 p {
  margin: 0;
  color: var(--muted);
}
.booking-search-card-v191 {
  margin-bottom: 16px;
}
.booking-units-embed-v191 {
  gap: 16px;
}
.booking-unit-embed-v191 {
  border-radius: 18px;
}
.card textarea[readonly], .card input[readonly] {
  cursor: copy;
}
@media (max-width: 780px) {
  .booking-embed-wrap-v191 {
    padding: 12px;
  }
}


/* v1.9.3 — KAR Smart Score + motor direto premium escuro */
.smart-hero-v193 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 22px;
  align-items: center;
  padding: 28px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 15% 10%, rgba(0,200,255,.28), transparent 34%),
    linear-gradient(135deg, rgba(4,13,26,.98), rgba(7,19,38,.96));
  border: 1px solid rgba(0,200,255,.22);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  color: #fff;
}
.smart-hero-v193 h2 { margin: 10px 0; max-width: 850px; font-size: clamp(28px, 4vw, 48px); line-height: 1.02; letter-spacing: -.04em; }
.smart-hero-v193 p { margin: 0; color: rgba(255,255,255,.78); font-size: 17px; }
.score-ring-v193 {
  width: 172px; height: 172px; border-radius: 999px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background: conic-gradient(from 180deg, #00c8ff, #7c3aed, #f59e0b, #00c8ff);
  color:#fff; box-shadow:0 18px 55px rgba(0,200,255,.22);
  position:relative; isolation:isolate;
}
.score-ring-v193::after { content:""; position:absolute; inset:9px; border-radius:999px; background:#061426; z-index:-1; }
.score-ring-v193 strong { font-size:48px; line-height:1; letter-spacing:-.08em; }
.score-ring-v193 span { opacity:.72; font-weight:800; }
.score-ring-v193 em { font-style:normal; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; color:#7ee7ff; }
.score-grid-v193 { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; margin-top:18px; }
.score-card-v193, .smart-panel-v193, .smart-roadmap-v193 {
  border:1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035)) !important;
}
.score-card-v193 { padding:18px; border-radius:20px; }
.score-card-v193 span, .score-card-v193 small { display:block; color:var(--muted); }
.score-card-v193 strong { display:block; margin:6px 0; font-size:30px; color:var(--white); letter-spacing:-.04em; }
.smart-action-v193 { padding:14px 15px; border-radius:16px; margin-bottom:10px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.045); }
.smart-action-v193 strong { display:block; color:#fff; }
.smart-action-v193 p { margin:6px 0 0; color:var(--muted); }
.smart-high { border-color:rgba(239,68,68,.35); background:rgba(239,68,68,.09); }
.smart-medium { border-color:rgba(245,158,11,.35); background:rgba(245,158,11,.08); }
.smart-low { border-color:rgba(0,200,255,.25); background:rgba(0,200,255,.06); }
.smart-list-v193 { margin:0; padding-left:20px; color:#dff7ff; }
.smart-list-v193 li { margin:8px 0; }
.smart-next-v193 { margin-top:18px; padding:16px; border-radius:18px; background:rgba(0,200,255,.07); border:1px solid rgba(0,200,255,.18); }
.smart-next-v193 p { color:var(--muted); }
.smart-badges-v193 { display:flex; flex-wrap:wrap; gap:9px; }
.smart-badges-v193 span { border:1px solid rgba(0,200,255,.22); background:rgba(0,200,255,.08); color:#c9f6ff; padding:8px 11px; border-radius:999px; font-weight:900; font-size:12px; }

.booking-public-v190 {
  background:
    radial-gradient(circle at 15% 0%, rgba(0,200,255,.28), transparent 34%),
    radial-gradient(circle at 85% 8%, rgba(124,58,237,.22), transparent 30%),
    #040d1a !important;
  color:#f8fafc !important;
}
.booking-public-v190 .booking-public-wrap { width:min(1140px, calc(100% - 28px)); }
.booking-public-v190 .brand-badge { box-shadow:0 0 34px rgba(0,200,255,.32); }
.booking-public-v190 .booking-hero-v190 {
  padding:34px 0 22px;
}
.booking-public-v190 .booking-hero-v190 h1,
.booking-embed-v191 h1 {
  color:#ffffff !important;
  text-shadow:0 16px 42px rgba(0,0,0,.35);
}
.booking-public-v190 .booking-hero-v190 p,
.booking-embed-v191 .booking-embed-head-v191 p {
  color:rgba(238,248,255,.86) !important;
}
.booking-public-v190 .card,
.booking-embed-v191 .card {
  background:linear-gradient(180deg, rgba(7,19,38,.96), rgba(4,13,26,.94)) !important;
  border:1px solid rgba(0,200,255,.18) !important;
  color:#f8fafc !important;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.booking-public-v190 .card h2,
.booking-public-v190 .card h3,
.booking-embed-v191 .card h2,
.booking-embed-v191 .card h3 {
  color:#ffffff !important;
}
.booking-public-v190 .muted,
.booking-embed-v191 .muted {
  color:rgba(226,242,255,.74) !important;
}
.booking-public-v190 label,
.booking-embed-v191 label {
  color:#eaf8ff !important;
  font-weight:800;
}
.booking-public-v190 input,
.booking-public-v190 textarea,
.booking-public-v190 select,
.booking-embed-v191 input,
.booking-embed-v191 textarea,
.booking-embed-v191 select {
  background:#ffffff !important;
  color:#071526 !important;
  border:1px solid rgba(0,200,255,.35) !important;
  box-shadow:none !important;
}
.booking-public-v190 input::placeholder,
.booking-public-v190 textarea::placeholder,
.booking-embed-v191 input::placeholder,
.booking-embed-v191 textarea::placeholder {
  color:#64748b !important;
}
.booking-public-v190 .btn,
.booking-embed-v191 .btn {
  color:#ffffff !important;
  border-color:rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.09) !important;
}
.booking-public-v190 .btn-primary,
.booking-embed-v191 .btn-primary {
  background:linear-gradient(135deg, #00c8ff, #0047ab) !important;
  border:0 !important;
  color:#ffffff !important;
  box-shadow:0 16px 38px rgba(0,200,255,.26);
}
.booking-public-v190 .booking-unit-v190 strong,
.booking-embed-v191 .booking-unit-embed-v191 strong {
  color:#7ee7ff !important;
}
.booking-public-v190 .alert-error,
.booking-embed-v191 .alert-error {
  background:rgba(239,68,68,.12) !important;
  color:#ffdada !important;
  border-color:rgba(239,68,68,.34) !important;
}
.success-card-v190 { border-color:rgba(34,197,94,.35) !important; }
@media (max-width: 900px) {
  .smart-hero-v193 { grid-template-columns:1fr; }
  .score-ring-v193 { width:140px; height:140px; }
  .score-grid-v193 { grid-template-columns:1fr 1fr; }
}
@media (max-width: 620px) {
  .score-grid-v193 { grid-template-columns:1fr; }
}


/* v2.0 — KAR PMS: menu e módulos */
.sidebar{background:radial-gradient(circle at 20% 0%,rgba(0,200,255,.18),transparent 28%),linear-gradient(180deg,#04111f 0%,#030813 100%);border-right:1px solid rgba(0,200,255,.14)}
.nav-pms-v200{display:flex;flex-direction:column;gap:6px;padding:0 10px 18px}.nav-pms-v200 a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:#dbeafe;text-decoration:none;border:1px solid transparent}.nav-pms-v200 a span{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.06);color:#00c8ff;font-size:13px}.nav-pms-v200 a:hover{background:rgba(255,255,255,.06);border-color:rgba(0,200,255,.18)}.nav-pms-v200 a.active{background:linear-gradient(135deg,rgba(0,200,255,.22),rgba(124,58,237,.16));border-color:rgba(0,200,255,.38);box-shadow:0 12px 28px rgba(0,0,0,.18)}.nav-hero-link-v200{display:grid!important;grid-template-columns:28px 1fr!important;align-items:center!important;background:linear-gradient(135deg,#00c8ff,#0047ab)!important;color:white!important;border:0!important;margin:6px 0 8px!important}.nav-hero-link-v200 small{grid-column:2;color:rgba(255,255,255,.78);font-size:11px;margin-top:-4px}.nav-hero-link-v200 span{background:rgba(255,255,255,.18)!important;color:#fff!important}.nav-section-v200{border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden}.nav-section-v200 summary{cursor:pointer;list-style:none;color:#8bdfff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:11px 12px}.nav-section-v200 summary::-webkit-details-marker{display:none}.nav-section-v200 a{margin:0 6px 6px}.pms-hero-v200{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px;border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(0,200,255,.28),transparent 28%),linear-gradient(135deg,#06172b,#050b18 65%,#001b2c);border:1px solid rgba(0,200,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.22);color:#fff}.pms-hero-v200 h2{font-size:30px;line-height:1.1;margin:8px 0}.pms-hero-v200 p{max-width:760px;color:#bfefff}.pms-kicker-v200{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(0,200,255,.15);color:#7de6ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pms-hero-actions-v200{display:flex;gap:10px;flex-wrap:wrap}.pms-module-grid-v200{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.pms-module-grid-v200 a{padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dceafe;text-decoration:none;color:#0f172a;box-shadow:0 10px 30px rgba(15,23,42,.06)}.pms-module-grid-v200 a strong{display:block;font-size:17px;margin-bottom:6px}.pms-module-grid-v200 a span{color:#64748b;font-size:13px}.pms-row-v200,.pms-res-card-v200,.pms-task-v200{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e5edf8}.pms-row-v200:last-child,.pms-res-card-v200:last-child,.pms-task-v200:last-child{border-bottom:0}.pms-row-v200 small,.pms-res-card-v200 small,.pms-task-v200 small{display:block;color:#64748b;margin-top:3px}.pms-task-v200{border-left:4px solid #cbd5e1;padding-left:12px}.pms-task-v200.priority-alta{border-left-color:#f59e0b}.pms-task-v200.priority-urgente{border-left-color:#ef4444}.pms-task-v200 p{margin:8px 0 0;color:#334155}.pms-list-link-v200{display:block;padding:12px;border-radius:14px;text-decoration:none;color:#0f172a}.pms-list-link-v200:hover,.pms-list-link-v200.active{background:#eef8ff}.pms-list-link-v200 small{display:block;color:#64748b}.pms-mini-form-v200{padding:14px;border-radius:18px;background:#f8fbff;border:1px solid #e2e8f0}.pms-datebar-v200{margin-bottom:18px}.form-inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
@media(max-width:1100px){.pms-module-grid-v200{grid-template-columns:1fr 1fr}.pms-hero-v200{flex-direction:column;align-items:flex-start}.card[style*="grid-column: span 2"]{grid-column:span 1!important}}@media(max-width:760px){.pms-module-grid-v200{grid-template-columns:1fr}.pms-hero-v200 h2{font-size:24px}.pms-row-v200,.pms-res-card-v200,.pms-task-v200{align-items:flex-start;flex-direction:column}.grid-3{grid-template-columns:1fr!important}}


/* v2.1 — KAR PMS Pro: copyright HotelRevenue */
.sidebar{overflow:hidden!important;padding:22px 14px!important}.brand{padding:0 6px}.nav-pms-v200{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 230px);padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(0,200,255,.55) rgba(255,255,255,.06)}.nav-pms-v200::-webkit-scrollbar{width:7px}.nav-pms-v200::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}.nav-pms-v200::-webkit-scrollbar-thumb{background:linear-gradient(#00c8ff,#0047ab);border-radius:999px}.sidebar-footer,.plan-pill{flex-shrink:0}.main,.card,.table-wrap,table,td,th,.pms-module-grid-v200 a,.pms-mini-form-v200,.pms-list-link-v200{color:#eaf6ff}.card{background:linear-gradient(180deg,rgba(9,25,47,.96),rgba(4,13,26,.94))!important;border-color:rgba(0,200,255,.16)!important}.card h1,.card h2,.card h3,.card h4,.card strong,td strong{color:#fff!important}.card p,.card li,.card small,.hint,.muted,.help-box,.topbar p{color:#bdd7e8!important}.pms-module-grid-v200 a{background:linear-gradient(180deg,rgba(10,28,52,.96),rgba(5,16,31,.96))!important;border:1px solid rgba(0,200,255,.18)!important;color:#eefaff!important}.pms-module-grid-v200 a span,.pms-row-v200 small,.pms-res-card-v200 small,.pms-task-v200 small,.pms-list-link-v200 small{color:#a8c7dc!important}.pms-module-grid-v200 a:hover{transform:translateY(-2px);border-color:rgba(0,200,255,.45)!important;box-shadow:0 18px 42px rgba(0,200,255,.08)}.pms-row-v200,.pms-res-card-v200,.pms-task-v200{border-bottom-color:rgba(255,255,255,.10)!important}.pms-task-v200 p,.pms-readable-v210 p{color:#d7ebf7!important}.pms-list-link-v200{color:#eaf6ff!important}.pms-list-link-v200:hover,.pms-list-link-v200.active{background:rgba(0,200,255,.10)!important}.pms-mini-form-v200{background:rgba(255,255,255,.04)!important;border-color:rgba(0,200,255,.12)!important}input,select,textarea{background:#ffffff!important;color:#071526!important;border:1px solid rgba(0,200,255,.32)!important}label{color:#eaf8ff!important}.table-wrap table{background:transparent}table th{color:#8fe7ff!important}table td{color:#edf8ff!important}.empty{color:#a8c7dc!important}.pms-pro-grid-v210 .card{min-width:0}.app-footer{color:#9fb8c9!important;border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:18px}.app-footer a{color:#7ee7ff!important}.btn{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}.btn-primary{background:linear-gradient(135deg,#00c8ff,#0047ab)!important;color:#fff!important;border:0!important;box-shadow:0 14px 36px rgba(0,200,255,.22)}.btn-danger{background:rgba(239,68,68,.18)!important;color:#ffdada!important;border-color:rgba(239,68,68,.36)!important}.alert{border-radius:16px}.alert-success{background:rgba(34,197,94,.14)!important;color:#dcfce7!important;border:1px solid rgba(34,197,94,.26)!important}.alert-error{background:rgba(239,68,68,.14)!important;color:#ffe0e0!important;border:1px solid rgba(239,68,68,.26)!important}
@media(max-height:760px){.brand-badge{width:46px;height:46px;border-radius:14px}.brand strong{font-size:16px}.brand small{font-size:11px}.sidebar{gap:12px}.plan-pill{padding:10px}.nav-pms-v200{max-height:calc(100vh - 190px)}.nav-pms-v200 a{padding:8px 10px}.nav-section-v200 summary{padding:9px 10px}}
@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;max-height:none}.nav-pms-v200{max-height:420px}.main{padding:18px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.card[style*="grid-column"]{grid-column:span 1!important}}


/*
|--------------------------------------------------------------------------
| KAR PMS v2.1.1 — Hotfix scroll/contraste
|--------------------------------------------------------------------------
| © HotelRevenue — Todos os direitos reservados.
*/
html, body { min-height: 100%; }
.app-shell { min-height: 100vh; }
.sidebar {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,200,255,.65) rgba(255,255,255,.07);
}
.sidebar::-webkit-scrollbar { width: 8px; }
.sidebar::-webkit-scrollbar-track { background: rgba(255,255,255,.05); border-radius: 999px; }
.sidebar::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#00c8ff,#0047ab); border-radius: 999px; }
.nav-pms-v200 {
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 26px !important;
}
.sidebar-footer, .plan-pill { margin-top: 10px !important; }
.card, .premium-box, .pms-mini-form-v200, .table-wrap {
  color: #eefaff !important;
}
.card h1, .card h2, .card h3, .card h4,
.card strong, .premium-box strong, .pms-row-v200 strong,
.pms-res-card-v200 strong, .pms-task-v200 strong {
  color: #ffffff !important;
}
.card p, .card li, .card small, .muted, .hint, .help-box,
.pms-row-v200 small, .pms-res-card-v200 small, .pms-task-v200 small {
  color: #b9d9ea !important;
}
.btn, button.btn { color: #ffffff !important; }
.btn-primary, button.btn-primary { color: #ffffff !important; }
input, select, textarea {
  background: #ffffff !important;
  color: #071526 !important;
}
input::placeholder, textarea::placeholder { color: #64748b !important; }
label { color: #eaf8ff !important; }
table td { color: #edf8ff !important; }
table th { color: #8fe7ff !important; }
.empty { color: #a8c7dc !important; }
@media (max-width: 980px) {
  .sidebar {
    position: relative !important;
    height: auto !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
  }
  .nav { grid-template-columns: 1fr !important; }
  .nav-pms-v200 { max-height: none !important; overflow: visible !important; }
}



/*
|--------------------------------------------------------------------------
| KAR PMS Brasil v0.1
| © HotelRevenue — Todos os direitos reservados.
|--------------------------------------------------------------------------
*/
:root{--kar-br-bg:#030813;--kar-br-panel:#07172a;--kar-br-cyan:#00c8ff;--kar-br-blue:#0047ab;--kar-br-green:#22c55e;--kar-br-text:#edf8ff;--kar-br-muted:#a9c6d9}.sidebar{height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}.nav-pms-v200{overflow:visible!important;max-height:none!important}.nav-section-v200 summary{position:sticky;top:0;background:rgba(4,13,26,.92);backdrop-filter:blur(8px);z-index:1}.topbar h1,.card h1,.card h2,.card h3{letter-spacing:-.02em}.kpi strong{color:#fff!important}.checkline{display:flex!important;align-items:center;gap:10px}.checkline input{width:auto!important}.br-badge-v01{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.12);color:#bfffd4;border:1px solid rgba(34,197,94,.28);font-size:12px;font-weight:800}.kar-br-landing-v01{margin:0;background:radial-gradient(circle at 15% 10%,rgba(0,200,255,.26),transparent 30%),radial-gradient(circle at 85% 0%,rgba(34,197,94,.18),transparent 24%),linear-gradient(180deg,#030813,#06172b 55%,#030813);color:#edf8ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.br-nav-v01{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 5vw;background:rgba(3,8,19,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.br-brand-v01{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.br-brand-v01 span{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#00c8ff,#0047ab);display:grid;place-items:center;font-weight:900}.br-brand-v01 strong{display:block}.br-brand-v01 small{display:block;color:#9fc5da}.br-nav-v01 nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.br-nav-v01 nav a{color:#cfefff;text-decoration:none;font-weight:700}.br-hero-v01{min-height:78vh;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding:72px 5vw 48px}.br-kicker-v01{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(0,200,255,.13);border:1px solid rgba(0,200,255,.25);color:#7de6ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.br-hero-copy-v01 h1{font-size:clamp(40px,6vw,82px);line-height:.95;margin:18px 0;letter-spacing:-.06em;color:#fff}.br-hero-copy-v01 p{font-size:20px;line-height:1.65;color:#c8e4f4;max-width:760px}.br-actions-v01{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.br-proof-v01{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.br-proof-v01 div{padding:16px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.br-proof-v01 strong{font-size:24px;color:#fff;display:block}.br-proof-v01 span{color:#b6d5e7;font-size:13px}.br-window-v01{border-radius:30px;overflow:hidden;background:#07172a;border:1px solid rgba(0,200,255,.25);box-shadow:0 38px 110px rgba(0,0,0,.45)}.br-window-top-v01{display:flex;gap:8px;align-items:center;padding:16px;background:rgba(255,255,255,.05)}.br-window-top-v01 span{width:12px;height:12px;border-radius:99px;background:#00c8ff}.br-window-top-v01 span:nth-child(2){background:#22c55e}.br-window-top-v01 span:nth-child(3){background:#f59e0b}.br-window-top-v01 b{margin-left:auto;color:#9eeaff}.br-screen-v01{display:grid;grid-template-columns:150px 1fr;min-height:380px}.br-screen-v01 aside{padding:22px;background:#030813;border-right:1px solid rgba(255,255,255,.08)}.br-screen-v01 aside strong{display:block;margin-bottom:20px}.br-screen-v01 aside em{display:block;font-style:normal;padding:10px 0;color:#a9c6d9}.br-screen-v01 section{padding:28px}.br-screen-v01 small{color:#77e6ff;text-transform:uppercase;font-weight:900}.br-screen-v01 h3{font-size:28px;margin:8px 0 18px}.br-kpis-v01{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-kpis-v01 article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px}.br-kpis-v01 span{display:block;color:#a9c6d9}.br-kpis-v01 b{font-size:25px;color:#fff}.br-alert-v01{margin-top:16px;padding:14px;border-radius:18px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.26);color:#d8ffe5}.br-bars-v01{display:grid;gap:12px;margin-top:20px}.br-bars-v01 span{height:18px;border-radius:999px;background:linear-gradient(90deg,#00c8ff,#0047ab)}.br-bars-v01 span:nth-child(2){width:74%;background:linear-gradient(90deg,#22c55e,#00c8ff)}.br-bars-v01 span:nth-child(3){width:52%;background:linear-gradient(90deg,#7c3aed,#00c8ff)}.br-strip-v01{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 5vw 42px}.br-strip-v01 div,.br-section-v01,.br-panel-v01,.br-price-v01{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);box-shadow:0 20px 70px rgba(0,0,0,.20)}.br-strip-v01 div{border-radius:22px;padding:18px}.br-strip-v01 strong{display:block;color:#fff}.br-strip-v01 span{color:#b6d5e7}.br-section-v01{margin:36px 5vw;padding:42px;border-radius:30px}.br-section-v01 h2,.br-panel-v01 h2{font-size:clamp(30px,4vw,54px);line-height:1.05;margin:12px 0;color:#fff;letter-spacing:-.04em}.br-section-v01 p,.br-panel-v01 p{color:#c8e4f4;font-size:18px;line-height:1.7}.br-grid-v01{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.br-grid-v01 article{padding:20px;border-radius:22px;background:rgba(3,8,19,.55);border:1px solid rgba(0,200,255,.13)}.br-grid-v01 h3{color:#fff;margin-top:0}.br-grid-v01 p{font-size:15px;color:#b6d5e7}.br-panel-v01{display:grid;grid-template-columns:1fr .75fr;gap:30px;margin:36px 5vw;padding:42px;border-radius:34px;background:linear-gradient(135deg,rgba(0,200,255,.16),rgba(34,197,94,.10),rgba(124,58,237,.10))}.br-panel-v01 li{margin:12px 0;color:#e8f9ff}.br-price-v01{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:28px;border-radius:28px}.br-price-v01 h3{font-size:52px;margin:6px 0;color:#fff}.br-footer-v01{text-align:center;color:#99bdd2;padding:34px}.btn{border-radius:14px!important}.btn-primary{background:linear-gradient(135deg,#00c8ff,#0047ab)!important;color:#fff!important}.btn:not(.btn-primary){background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}@media(max-width:980px){.br-hero-v01,.br-panel-v01{grid-template-columns:1fr}.br-strip-v01,.br-grid-v01{grid-template-columns:1fr 1fr}.br-nav-v01{align-items:flex-start;flex-direction:column}.br-screen-v01{grid-template-columns:1fr}.br-screen-v01 aside{display:none}}@media(max-width:640px){.br-proof-v01,.br-strip-v01,.br-grid-v01,.br-kpis-v01{grid-template-columns:1fr}.br-hero-v01{padding-top:40px}.br-price-v01{align-items:flex-start;flex-direction:column}}

/* KAR PMS Brasil v0.3 clean PMS */
.sidebar,.app-sidebar{overflow-y:auto!important;overflow-x:hidden!important;max-height:100vh!important;scrollbar-width:thin}.sidebar nav,.app-sidebar nav{padding-bottom:42px}.card,.panel,.kpi-card{background:linear-gradient(180deg,rgba(7,24,45,.98),rgba(5,16,31,.98))!important;color:#edf8ff!important;border-color:rgba(0,200,255,.20)!important}.card p,.muted,small,.help-box{color:#a8c9d9!important}table th{color:#dff6ff!important;background:rgba(0,200,255,.08)!important}table td{color:#edf8ff!important}input,select,textarea{background:#f8fbff!important;color:#07182d!important;border:1px solid rgba(0,200,255,.35)!important}.pms-clean-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(0,200,255,.25);border-radius:26px;background:radial-gradient(circle at top right,rgba(0,200,255,.22),transparent 34%),linear-gradient(135deg,#061426,#0b2542);margin-bottom:22px}.pms-clean-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:8px 0;color:#fff}.pms-clean-hero p{max-width:720px;color:#b7d7e8;font-size:17px}.pms-kicker{display:inline-block;color:#7dd3fc;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.pms-clean-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.kpi-card span{display:block;color:#a8c9d9;font-size:13px}.kpi-card strong{display:block;color:#fff;font-size:30px;margin-top:6px}.pms-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.pms-shortcuts a{display:block;padding:14px 16px;border-radius:14px;background:rgba(0,200,255,.08);border:1px solid rgba(0,200,255,.18);color:#dff6ff;text-decoration:none;font-weight:800}.pms-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(0,200,255,.12);border:1px solid rgba(0,200,255,.24);font-weight:800;color:#dff6ff}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{width:auto;min-width:120px}.pms-checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}.pms-checklist li{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.pms-checklist li:before{content:'✓';color:#00c8ff;font-weight:900;margin-right:10px}@media(max-width:760px){.pms-clean-hero{display:block}.pms-hero-actions{margin-top:18px}}

/* KAR PMS Brasil v0.3.2 plans/nfse */
.plans-hero-v032{padding:28px;border:1px solid rgba(0,200,255,.25);border-radius:26px;background:radial-gradient(circle at top right,rgba(0,200,255,.22),transparent 34%),linear-gradient(135deg,#061426,#0b2542);margin-bottom:22px}.plans-hero-v032 span{display:inline-block;color:#7dd3fc;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.plans-hero-v032 h2{font-size:clamp(30px,4vw,52px);line-height:1.02;margin:8px 0;color:#fff}.plans-hero-v032 p{max-width:760px;color:#b7d7e8;font-size:17px}.plans-grid-v032{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.plan-card-v032{position:relative;background:linear-gradient(180deg,rgba(7,24,45,.98),rgba(5,16,31,.98));border:1px solid rgba(0,200,255,.20);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.plan-card-v032.featured{border-color:rgba(0,200,255,.65);transform:translateY(-4px)}.plan-card-v032.current{outline:2px solid rgba(34,197,94,.8)}.plan-card-v032 h3{font-size:24px;margin:0 0 8px;color:#fff}.plan-card-v032 strong{display:block;font-size:32px;margin:8px 0;color:#fff}.plan-card-v032 p,.plan-card-v032 small{color:#a8c9d9}.plan-card-v032 ul{list-style:none;margin:16px 0;padding:0;display:grid;gap:9px}.plan-card-v032 li{color:#eaf7ff}.plan-card-v032 li:before{content:'✓';color:#00c8ff;font-weight:900;margin-right:8px}.badge-v032{position:absolute;top:14px;right:14px;background:#00c8ff;color:#00111f;font-weight:900;border-radius:999px;padding:6px 10px;font-size:12px}.current-badge{background:#22c55e}.alert-info{background:rgba(0,200,255,.10);border:1px solid rgba(0,200,255,.28);color:#dff6ff;padding:14px 16px;border-radius:16px;margin-bottom:18px}


/* KAR PMS Brasil v0.3.6 — Pix Pro */
.pix-result-card{
  display:grid;
  grid-template-columns:1fr 300px;
  gap:24px;
  align-items:center;
  margin-bottom:18px;
}
.pix-copy-box{
  background:#020814;
  border:1px solid rgba(0,200,255,.28);
  color:#dff6ff;
  padding:16px;
  border-radius:16px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
  margin:14px 0;
}
.pix-qr{
  display:grid;
  place-items:center;
  gap:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:18px;
}
.pix-qr img{
  width:260px;
  height:260px;
  border-radius:16px;
  background:#fff;
  padding:10px;
}
.alert-info{
  background:rgba(0,200,255,.10);
  border:1px solid rgba(0,200,255,.22);
  color:#dff6ff;
  padding:12px 14px;
  border-radius:14px;
}
@media(max-width:760px){
  .pix-result-card{grid-template-columns:1fr}
}

/* KAR PMS Brasil v0.3.7 — Offline Suite */
.offline-status-card{display:flex;align-items:center;justify-content:space-between;gap:18px}[data-offline-status]{display:inline-flex;padding:5px 12px;border-radius:999px;background:rgba(34,197,94,.15);color:#bbf7d0}[data-offline-status].is-offline{background:rgba(245,158,11,.16);color:#fed7aa}@media(max-width:760px){.offline-status-card{display:block}}
