:root{--bg:#f6f3ed;--card:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--gold:#f59e0b;--gold2:#fbbf24;--green:#16a34a;--red:#dc2626;--blue:#2563eb;--purple:#7c3aed;--dark:#0f172a;--soft:#fff7ed}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#fff7ed 0,#f6f3ed 34%,#eef2ff 100%);color:var(--ink)}a{color:inherit;text-decoration:none}code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:7px;padding:.12rem .35rem}.sidebar{position:fixed;inset:0 auto 0 0;width:292px;background:linear-gradient(180deg,#0b1220,#111827 55%,#2a1904);color:#fff;padding:24px;display:flex;flex-direction:column;gap:22px;box-shadow:20px 0 60px rgba(15,23,42,.18);overflow:auto}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:18px}.brand small{display:block;color:#cbd5e1}.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;border-radius:18px;width:54px;height:54px;font-weight:900;box-shadow:0 12px 24px rgba(245,158,11,.25)}.brand-mark.large{width:86px;height:86px;border-radius:28px;font-size:24px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:11px 13px;border-radius:14px;color:#e5e7eb;font-weight:750}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.10);color:#fff}.main{margin-left:292px;padding:28px}.auth-main{min-height:100vh;display:grid;place-items:center;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.topbar h1{margin:0;font-size:34px;letter-spacing:-.03em}.topbar p{margin:6px 0 0;color:var(--muted)}.user-pill{background:rgba(255,255,255,.86);border:1px solid var(--line);padding:10px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.card,.kpi{background:rgba(255,255,255,.92);border:1px solid rgba(17,24,39,.08);box-shadow:0 18px 45px rgba(15,23,42,.06);border-radius:26px;padding:22px;backdrop-filter:blur(8px)}.card{margin-bottom:18px}.card h2,.card h3{margin:0 0 16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.hero-panel{background:linear-gradient(135deg,#111827,#1f2937 55%,#92400e);color:#fff;border-radius:32px;padding:28px;box-shadow:0 22px 60px rgba(15,23,42,.20);margin-bottom:18px;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;right:-100px;top:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(251,191,36,.45),transparent 62%)}.hero-panel h2{font-size:34px;margin:0 0 8px;letter-spacing:-.04em}.hero-panel p{color:#e5e7eb;max-width:860px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi small,.mini-grid small,td small{display:block;color:var(--muted);font-size:12px}.kpi strong{font-size:28px;display:block;margin-top:7px;letter-spacing:-.03em}.kpi .delta{margin-top:8px;font-size:12px;font-weight:800}.delta.good{color:var(--green)}.delta.bad{color:var(--red)}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.profile-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.profile-card h2{font-size:30px;margin-bottom:6px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.mini-grid span{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fafafa}.mini-grid strong{display:block;margin-top:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#f3f4f6;color:#374151;padding:4px 9px;font-size:12px;font-weight:800;white-space:nowrap}.badge-gold{background:#fef3c7;color:#92400e}.badge-muted{background:#e5e7eb;color:#374151}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-purple{background:#ede9fe;color:#5b21b6}.pill-list{display:grid;gap:10px}.pill{display:block;border:1px solid var(--line);background:#fafafa;border-radius:18px;padding:13px}.pill small{display:block;color:var(--muted);margin-top:4px}.btn{border:0;border-radius:13px;padding:10px 14px;background:#111827;color:#fff!important;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,#111827,#374151)}.btn.secondary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827!important}.btn.ghost{background:#fff;color:#111827!important;border:1px solid var(--line)}.btn.small{padding:7px 10px;font-size:12px}.alert{padding:13px 15px;border-radius:14px;margin-bottom:16px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.highlight{background:linear-gradient(135deg,#111827,#1f2937);color:#fff}.highlight p,.highlight li,.highlight small{color:#e5e7eb}label{display:grid;gap:7px;font-weight:750;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;font:inherit;background:#fff}textarea{min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.searchbar{display:flex;gap:10px;margin-bottom:16px}.login-card{display:grid;grid-template-columns:1fr 420px;max-width:980px;width:100%;gap:22px;align-items:center}.login-hero{background:#111827;color:#fff;border-radius:34px;padding:44px;min-height:380px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 60px rgba(15,23,42,.22)}.login-hero h1{font-size:46px;margin:22px 0 10px}.login-hero p{color:#e5e7eb;font-size:18px}.form-card h2{font-size:28px}.muted{color:var(--muted)}.chart-card{min-height:260px}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:170px 1fr 72px;gap:10px;align-items:center}.bar-track{height:14px;background:#f3f4f6;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px}.bar-fill.green{background:linear-gradient(90deg,#86efac,#16a34a)}.bar-fill.red{background:linear-gradient(90deg,#fca5a5,#dc2626)}.bar-fill.blue{background:linear-gradient(90deg,#93c5fd,#2563eb)}.progress-ring{--p:50;width:112px;height:112px;border-radius:50%;background:conic-gradient(#f59e0b calc(var(--p)*1%),#f3f4f6 0);display:grid;place-items:center;margin:auto}.progress-ring span{background:#fff;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;font-weight:950}.nps-score{font-size:48px;font-weight:950;letter-spacing:-.05em}.nps-good{color:var(--green)}.nps-mid{color:var(--gold)}.nps-bad{color:var(--red)}.insight-card{display:grid;gap:10px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px}.insight-card h3{margin:0}.landing-body{background:linear-gradient(135deg,#0f172a,#1f2937 55%,#92400e);min-height:100vh;color:#fff}.landing-wrap{max-width:1040px;margin:auto;padding:40px 20px}.landing-card{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center}.landing-panel{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:34px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.landing-panel h1{font-size:48px;line-height:1;margin:0 0 14px}.landing-panel p{color:#e5e7eb;font-size:18px}.landing-form{background:#fff;color:#111827;border-radius:30px;padding:26px}.landing-form .btn{width:100%}.api-example{white-space:pre-wrap;max-height:240px;overflow:auto;background:#0f172a;color:#e5e7eb;border-radius:14px;padding:14px;font-size:12px}.stat-stack{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.profile-grid,.landing-card{grid-template-columns:1fr}.sidebar{position:static;width:auto}.main{margin:0}.topbar{display:block}.login-card{grid-template-columns:1fr}}@media(max-width:680px){.main{padding:16px}.kpi-grid{grid-template-columns:1fr}.searchbar,.form-row{display:grid;grid-template-columns:1fr}.card{overflow:auto}.login-hero{padding:28px;min-height:auto}.login-card{gap:14px}.bar-row{grid-template-columns:1fr}.landing-panel h1{font-size:36px}} .public-main{min-height:100vh}.timeline-list{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:6px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;border:1px solid var(--line);background:#fafafa;border-radius:16px;padding:12px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);margin-top:4px;box-shadow:0 0 0 5px #fef3c7}.timeline-item small{display:block;color:var(--muted);margin-top:3px}.timeline-item p{margin:8px 0 0;color:#374151}.nps-buttons{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;margin:14px 0 18px}.nps-choice{margin:0;display:block}.nps-choice input{display:none}.nps-choice span{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:900;cursor:pointer}.nps-choice input:checked+span{background:#111827;color:#fff;border-color:#111827}.public-nps .landing-wrap{max-width:1120px}.nps-public-card{grid-template-columns:1fr 520px}@media(max-width:780px){.nps-buttons{grid-template-columns:repeat(6,1fr)}.nps-public-card{grid-template-columns:1fr}} .doc-section{scroll-margin-top:24px}.doc-toc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.doc-toc a{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px;font-weight:850}.score-meter{height:10px;border-radius:999px;background:#eef2ff;overflow:hidden}.score-meter span{display:block;height:100%;background:linear-gradient(90deg,#93c5fd,#16a34a)}.audience-note{border-left:5px solid var(--gold);background:#fffbeb;border-radius:14px;padding:14px}.doc-code{background:#0f172a;color:#e5e7eb;border-radius:16px;padding:16px;overflow:auto;white-space:pre-wrap}.table-wrap td a{text-decoration:underline;text-decoration-color:rgba(245,158,11,.6)}@media(max-width:900px){.doc-toc{grid-template-columns:1fr 1fr}}@media(max-width:620px){.doc-toc{grid-template-columns:1fr}} .warning-soft{background:#fff7ed;border-color:#fed7aa}.checkbox-line{display:flex;align-items:center;gap:8px}.integration-card ul{padding-left:18px}.integration-card pre{white-space:pre-wrap;background:#111827;color:#fff;border-radius:12px;padding:12px} /* v0.2.18/v0.3.18 - API key admin */ .chips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:10px}.check-card{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:12px;background:#fff}.check-card input{margin-top:4px}.check-card strong{display:block;font-size:12px}.check-card small{display:block;color:#6b7280;margin-top:2px}.actions-inline{display:flex;gap:8px;flex-wrap:wrap}.actions-inline form{display:inline}.form-grid .full{grid-column:1 / -1}.api-example{white-space:pre-wrap;word-break:break-word} /* v0.2.29/v0.3.29 - Clube com identificação e check-in */ .club-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.club-steps span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px}.club-steps span.active{background:#fbbf24;color:#111827;border-color:#fbbf24}.checkline{display:flex;align-items:center;gap:9px;font-weight:750;margin:10px 0}.checkline input{width:auto}.checkline .ok{color:#16a34a;font-size:12px;font-weight:900}.mini-profile{border:1px solid #e5e7eb;background:#f9fafb;border-radius:18px;padding:14px;margin:14px 0}.mini-profile strong{display:block}.mini-profile small{display:block;color:#6b7280;margin-top:4px}.choice-box{border:1px solid #e5e7eb;background:#fffbeb;border-radius:18px;padding:12px;margin:14px 0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filter-bar label{min-width:180px;margin-bottom:0}.btn.light{background:#fff;color:#111827!important;border:1px solid var(--line)} /* v0.2.36/v0.3.36 - Clube/Fidelidade com pontos e área do cliente */ .landing-wrap.wide{max-width:1240px}.club-member-public .hero-panel{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.form-grid textarea{min-height:80px}.club-public .btn[disabled]{cursor:not-allowed}.club-member-public .grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.club-member-public .pill form{margin-top:12px}.club-member-public .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} /* v0.2.37-alpha: correção de legibilidade da área pública do cliente no Clube */ .club-member-public{ background:linear-gradient(180deg,#0f172a 0,#111827 300px,#f8fafc 301px,#f8fafc 100%)!important; color:#111827!important; min-height:100vh; } .club-member-public .landing-wrap.wide{max-width:1240px;padding:34px 20px 54px;} .club-member-public .hero-panel{ color:#fff!important; background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.92) 55%,rgba(146,64,14,.92)),radial-gradient(circle at right,#f59e0b 0,transparent 34%)!important; border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 48px rgba(15,23,42,.20); } .club-member-public .hero-panel h1, .club-member-public .hero-panel h2, .club-member-public .hero-panel h3, .club-member-public .hero-panel strong{color:#fff!important;} .club-member-public .hero-panel p, .club-member-public .hero-panel small{color:#e5e7eb!important;} .club-member-public .hero-panel .brand-mark{color:#111827!important;} .club-member-public .card, .club-member-public .kpi, .club-member-public .pill{ background:#fff!important; color:#111827!important; border:1px solid #e2e8f0!important; box-shadow:0 14px 32px rgba(15,23,42,.08)!important; } .club-member-public .card h1, .club-member-public .card h2, .club-member-public .card h3, .club-member-public .kpi strong, .club-member-public .pill strong{ color:#0f172a!important; } .club-member-public .kpi small, .club-member-public .pill small, .club-member-public td small, .club-member-public .muted{ color:#64748b!important; } .club-member-public table, .club-member-public thead, .club-member-public tbody, .club-member-public tr, .club-member-public th, .club-member-public td{ color:#1f2937!important; } .club-member-public th{ color:#64748b!important; background:#fff!important; } .club-member-public td{background:#fff!important;} .club-member-public code{background:#f8fafc;color:#0f172a;border-color:#e2e8f0;} .club-member-public .grid-3 .pill{ display:flex; flex-direction:column; min-height:150px; } .club-member-public .grid-3 .pill p{margin:12px 0 0;} .club-member-public .grid-3 .pill p strong{color:#d97706!important;} .club-member-public .grid-3 .pill form{margin-top:auto;} .club-member-public .btn.secondary{ background:linear-gradient(135deg,#fbbf24,#f59e0b)!important; color:#111827!important; } .club-member-public .btn.secondary[disabled], .club-member-public button[disabled]{ opacity:.55!important; filter:saturate(.75); } .club-member-public .badge, .club-member-public .badge-muted{color:#374151!important;background:#e5e7eb!important;} .club-member-public .badge-gold{background:#fef3c7!important;color:#92400e!important;} .club-member-public .badge-green{background:#dcfce7!important;color:#166534!important;} .club-member-public .badge-blue{background:#dbeafe!important;color:#1e40af!important;} .club-member-public .badge-purple{background:#ede9fe!important;color:#5b21b6!important;} .club-member-public .alert.success{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0;} @media(max-width:680px){ .club-member-public{background:#f8fafc!important;} .club-member-public .landing-wrap.wide{padding:18px 12px 32px;} .club-member-public .hero-panel{border-radius:22px;padding:22px;} .club-member-public .hero-panel h2{font-size:28px;} .club-member-public .card,.club-member-public .kpi{border-radius:20px;padding:18px;} } /* v0.2.38/v0.3.38 - Identidade visual white label */ .brand-logo{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;padding:6px;box-shadow:0 12px 24px rgba(15,23,42,.12)} .brand-logo.large{width:86px;height:86px;border-radius:24px;padding:8px}.sidebar .brand-logo{background:rgba(255,255,255,.95)}.login-hero .brand-logo{background:#fff}.brand-preview-box{border:1px dashed var(--line);background:#f8fafc;border-radius:18px;padding:14px}.form-grid.full,.form-grid .full{grid-column:1 / -1}.club-member-public .brand-logo,.club-public .brand-logo{background:#fff}.hero-panel.has-hero-image{background-size:cover!important;background-position:center!important;position:relative}.hero-panel.has-hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.94),rgba(15,23,42,.70),rgba(15,23,42,.30));z-index:0}.hero-panel.has-hero-image>*{position:relative;z-index:1}.landing-panel.has-hero-image{background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}.landing-panel.has-hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(15,23,42,.72));z-index:0}.landing-panel.has-hero-image>*{position:relative;z-index:1} .flow-note{border:1px solid #e5e7eb;background:#f9fafb;border-radius:16px;padding:12px 14px;margin:12px 0;color:#111827}.flow-note strong{display:block;margin-bottom:3px}.flow-note small{display:block;color:#6b7280;line-height:1.35}.flow-note.success{border-color:#bbf7d0;background:#f0fdf4}.flow-note.success strong{color:#166534}.club-public .landing-form h3{margin:18px 0 8px}.club-public input[required]+small{color:#6b7280} /* Patch v0.2.51/v4.0.9 - Réguas de Relacionamento: evita quebra visual dos parâmetros de público */ .relationship-workflows-wrap{overflow-x:auto;max-width:100%}.relationship-workflows-table{table-layout:fixed;min-width:1120px}.relationship-workflows-table th:nth-child(1){width:82px}.relationship-workflows-table th:nth-child(2){width:230px}.relationship-workflows-table th:nth-child(3){width:300px}.relationship-workflows-table th:nth-child(4){width:150px}.relationship-workflows-table th:nth-child(5){width:170px}.relationship-workflows-table th:nth-child(6){width:188px}.relationship-workflows-table td{overflow:hidden}.rel-public-cell{max-width:300px}.rel-public-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.rel-filter-chip{display:inline-flex;align-items:center;max-width:100%;border:1px solid #e5e7eb;background:#f8fafc;color:#334155;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1.2;white-space:normal;word-break:break-word}.rel-json-details{margin-top:8px}.rel-json-details summary{cursor:pointer;color:#6b7280;font-size:12px;font-weight:800}.rel-json-details code{display:block;margin-top:6px;max-width:100%;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:11px;line-height:1.45}.relationship-workflows-table .stat-stack{display:grid;gap:6px}.relationship-workflows-table .stat-stack form{display:grid;gap:6px}.relationship-workflows-table .btn.small{white-space:normal;text-align:center} @media (max-width: 900px){.relationship-workflows-table{min-width:980px}.relationship-workflows-table th:nth-child(3){width:260px}.relationship-workflows-table th:nth-child(6){width:170px}} /* Segmentos dinâmicos */ .inline-form{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{min-width:180px}.alert.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.alert.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn.small{padding:.35rem .65rem;font-size:.85rem}.muted{color:#6b7280}.pill.muted{background:#f3f4f6;color:#6b7280} /* Patch v0.2.57/v4.0.15 - Clube público: correção de contraste na vitrine /club/member */ .club-member-public .landing-card{ align-items:stretch; } .club-member-public .landing-card .landing-panel{ background:linear-gradient(135deg,#0f172a 0%,#1f2937 62%,#78350f 100%)!important; color:#fff!important; border-color:rgba(255,255,255,.18)!important; box-shadow:0 24px 70px rgba(15,23,42,.28)!important; } .club-member-public .landing-card .landing-panel.has-hero-image:before{ background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,23,42,.84) 56%,rgba(120,53,15,.78))!important; } .club-member-public .landing-card .landing-panel h1, .club-member-public .landing-card .landing-panel h2, .club-member-public .landing-card .landing-panel h3, .club-member-public .landing-card .landing-panel strong{ color:#fff!important; text-shadow:0 2px 18px rgba(0,0,0,.35); } .club-member-public .landing-card .landing-panel p, .club-member-public .landing-card .landing-panel small, .club-member-public .landing-card .landing-panel .muted{ color:#e5e7eb!important; } .club-member-public .landing-card .landing-panel .brand strong{ color:#fff!important; } .club-member-public .landing-card .landing-panel .brand small{ color:#fde68a!important; } .club-member-public .landing-card .landing-panel .brand-logo{ background:#fff!important; box-shadow:0 14px 32px rgba(0,0,0,.28)!important; } .club-member-public .landing-form{ background:#fff!important; color:#0f172a!important; border:1px solid rgba(15,23,42,.08)!important; box-shadow:0 24px 65px rgba(15,23,42,.10)!important; } .club-member-public .landing-form h1, .club-member-public .landing-form h2, .club-member-public .landing-form h3, .club-member-public .landing-form label, .club-member-public .landing-form strong{ color:#0f172a!important; } .club-member-public .landing-form p, .club-member-public .landing-form small, .club-member-public .landing-form .muted{ color:#64748b!important; } .club-member-public .landing-form input, .club-member-public .landing-form select, .club-member-public .landing-form textarea{ color:#0f172a!important; background:#fff!important; } .club-member-public .card{ color:#0f172a!important; } .club-member-public .card h1, .club-member-public .card h2, .club-member-public .card h3, .club-member-public .card strong{ color:#0f172a!important; } .club-member-public .card p, .club-member-public .card small, .club-member-public .card .muted{ color:#64748b!important; } .club-member-public .card .grid-3 .pill strong{ color:#0f172a!important; } .club-member-public .card .grid-3 .pill p strong{ color:#d97706!important; } .club-member-public .club-benefits-showcase{ margin-top:22px; } @media(max-width:780px){ .club-member-public .landing-card{gap:16px;} .club-member-public .landing-card .landing-panel, .club-member-public .landing-form{border-radius:22px!important;} } /* Clube & Fidelidade: modais operacionais e consulta rápida de cliente */ .club-customer-open{appearance:none;border:0;background:transparent;color:#0f172a;font:inherit;text-align:left;padding:0;cursor:pointer;display:inline-flex;flex-direction:column;gap:2px;max-width:100%} .club-customer-open:hover strong,.club-customer-open:focus strong{text-decoration:underline;color:#d97706} .club-customer-open small{font-size:12px;color:#64748b;font-weight:500} .club-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.68);z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)} .club-modal-backdrop.is-open{display:flex} .club-modal-card{background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(15,23,42,.35);max-width:720px;width:min(100%,720px);max-height:90vh;overflow:auto;border:1px solid rgba(148,163,184,.35)} .club-modal-card.club-modal-small{max-width:540px} .club-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e2e8f0} .club-modal-head h2{margin:0;font-size:22px;color:#0f172a}.club-modal-head p{margin:4px 0 0;color:#64748b} .club-modal-close{appearance:none;border:0;background:#f1f5f9;border-radius:999px;width:36px;height:36px;font-size:22px;line-height:1;cursor:pointer;color:#0f172a} .club-modal-body{padding:22px 24px}.club-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0} .club-modal-field{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:12px}.club-modal-field small{display:block;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800;color:#64748b;margin-bottom:4px}.club-modal-field strong{display:block;color:#0f172a;font-size:16px}.club-modal-field span{color:#475569;font-size:13px} .club-quick-redemption-form{display:grid;gap:14px}.club-quick-redemption-form input{width:100%;text-transform:uppercase}.club-quick-redemption-help{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:16px;padding:12px 14px;font-size:14px} @media(max-width:720px){.club-modal-backdrop{align-items:flex-end;padding:12px}.club-modal-card{border-radius:22px 22px 16px 16px;max-height:92vh}.club-modal-head,.club-modal-body{padding:18px}.club-modal-grid{grid-template-columns:1fr}} /* Usuários e permissões por módulo */ .permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.permission-grid.compact-permissions{max-height:360px;overflow:auto;padding-right:4px}.permission-card{display:flex!important;grid-template-columns:auto 1fr!important;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff;margin:0}.permission-card input{width:auto;margin-top:3px}.permission-card strong{display:block}.permission-card small{display:block;color:#64748b;font-weight:500;line-height:1.35;margin-top:2px}.profile-permission-stack{display:grid;gap:14px}.profile-permission-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden}.profile-permission-card>summary{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:16px 18px;cursor:pointer;background:#f8fafc}.profile-permission-card>summary small{grid-column:1 / -1;color:#64748b}.profile-permission-card form{padding:16px 18px}.permissions-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:16px}.permissions-table{min-width:780px}.permissions-table th:not(:first-child),.permissions-table td:not(:first-child){text-align:center}.permissions-table td:first-child small{display:block;color:#64748b}.user-inline-edit{margin-top:12px;min-width:680px}.cpf-chip{display:inline-flex;border:1px solid #e5e7eb;background:#f8fafc;color:#334155;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;margin-top:4px} @media(max-width:760px){.user-inline-edit{min-width:0}.permissions-table{min-width:700px}} /* Patch: avaliações completas no Cliente 360° e NPS & Experiência */ .crm-long-text{ white-space:pre-line; overflow-wrap:anywhere; word-break:break-word; line-height:1.55; color:#374151; } .crm-long-text p{ margin:.45rem 0 0; white-space:pre-line; } .crm-long-cell{ min-width:260px; max-width:520px; white-space:normal; } .nps-full-comment{ margin-top:14px; padding:13px 14px; border:1px solid #e5e7eb; border-radius:16px; background:#f8fafc; } .nps-full-comment strong{ display:block; margin-bottom:4px; color:#0f172a; } .timeline-item .crm-long-text{ margin:8px 0 0; } @media(max-width:760px){ .crm-long-cell{min-width:220px;max-width:none;} } /* Patch: Cliente 360° com filtros avançados recolhíveis */ .customer-filter-card{padding:0;overflow:hidden} .collapsible-filters>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;cursor:pointer;user-select:none} .collapsible-filters>summary::-webkit-details-marker{display:none} .collapsible-filters-title strong{display:block;font-size:20px;color:var(--ink)} .collapsible-filters-title small{display:block;margin-top:4px;color:var(--muted);font-weight:650;line-height:1.35} .collapsible-filters-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .filter-toggle-label{display:inline-flex;align-items:center;border-radius:999px;background:#111827;color:#fff;padding:7px 10px;font-size:12px;font-weight:900;white-space:nowrap} .filter-toggle-label:before{content:attr(data-closed)} .collapsible-filters[open] .filter-toggle-label:before{content:attr(data-open)} .filter-toggle-label:after{content:"▾";margin-left:7px;font-size:11px} .collapsible-filters[open] .filter-toggle-label:after{content:"▴"} .collapsible-filters-body{border-top:1px solid var(--line);padding:18px 22px 22px} .collapsible-filters-body .form-row:last-child{margin-bottom:0} @media(max-width:680px){.collapsible-filters>summary{display:grid;gap:12px}.collapsible-filters-actions{justify-content:flex-start}.collapsible-filters-body{padding:16px}} /* v0.2.70/v4.0.29 - Módulo de Convênios */ .convenios-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.table-scroll{overflow-x:auto;max-width:100%}.table-scroll table{min-width:860px}.form-grid h3.full{margin:8px 0 0}.public-panel{max-width:1180px;margin:0 auto;padding:28px 18px}.convenio-login{min-height:100vh;display:grid;align-content:center}.convenio-public-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.convenio-public-brand .btn{margin-left:auto}.convenio-portal{color:#111827}.convenio-portal .hero-card{margin-top:8px}.convenio-portal .metric,.convenio-portal .card{background:#fff}.badge-green{background:#dcfce7;color:#166534}.badge-muted{background:#f3f4f6;color:#6b7280}@media(max-width:760px){.convenios-hero .hero-actions{justify-content:flex-start}.convenio-public-brand{align-items:flex-start;flex-direction:column}.table-scroll table{min-width:720px}} .convenio-token-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.convenio-token-box code{word-break:break-all;font-size:13px}.convenio-public-note{background:#fff7ed;border-left:4px solid var(--brand-primary);padding:12px;border-radius:12px}.convenio-steps{padding-left:20px}.convenio-signup-public .hero-card{margin-top:16px}.request-status-pending{color:#92400e}.request-status-approved{color:#166534}.request-status-rejected{color:#991b1b} /* Convênios - imagem de fundo da adesão pública */ .convenio-bg-manager{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:14px}.convenio-bg-preview{min-height:150px;border-radius:16px;background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #e5e7eb}.convenio-bg-preview span{display:block;width:100%;padding:10px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.68));color:#fff;font-weight:700}.convenio-signup-public.has-background{max-width:none;min-height:100vh;padding:32px 18px;background-size:cover;background-position:center;background-attachment:fixed}.convenio-signup-public.has-background>.brand,.convenio-signup-public.has-background>.hero-card,.convenio-signup-public.has-background>.grid-2,.convenio-signup-public.has-background>.alert{max-width:1180px;margin-left:auto;margin-right:auto}.convenio-signup-public.has-background .convenio-public-brand{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}.convenio-signup-public.has-background .convenio-public-brand .brand-mark{background:rgba(255,255,255,.92);text-shadow:none}.convenio-signup-public.has-background .hero-card,.convenio-signup-public.has-background .card{background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(8px)}@media(max-width:760px){.convenio-signup-public.has-background{background-attachment:scroll;padding:22px 12px}.convenio-bg-preview{min-height:120px}} /* v0.2.73-alpha - Configurações: menu administrativo e painel de jobs */ .settings-admin-nav .settings-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}.admin-nav-card{display:grid;gap:6px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px;box-shadow:0 10px 24px rgba(15,23,42,.04);transition:.18s ease}.admin-nav-card:hover,.admin-nav-card.active{transform:translateY(-1px);border-color:#f59e0b;box-shadow:0 14px 34px rgba(245,158,11,.12)}.admin-nav-card strong{color:#111827}.admin-nav-card small{color:#6b7280;line-height:1.35}.jobs-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.job-cron-box{background:#020617;color:#e5e7eb;border-radius:18px;padding:18px;white-space:pre-wrap;overflow:auto;line-height:1.55}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.job-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:0;overflow:hidden}.job-card summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:16px;list-style:none}.job-card summary::-webkit-details-marker{display:none}.job-card summary strong{display:block;margin-bottom:4px}.job-card summary small{display:block;color:#6b7280;line-height:1.35}.job-card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.job-card-body{border-top:1px solid var(--line);padding:16px;background:#fafafa}.job-edit-form textarea{min-height:74px}.checkline{display:flex!important;gap:8px;align-items:center;grid-auto-flow:column;justify-content:flex-start}.checkline input{width:auto}.job-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.jobs-log-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.jobs-log-grid details pre,.job-card details pre,td details pre{white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:12px;max-height:360px;overflow:auto}.job-card .mini-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media(max-width:720px){.jobs-grid{grid-template-columns:1fr}.job-card summary{display:grid}.job-card-badges{justify-content:flex-start}.settings-admin-nav .settings-nav-grid{grid-template-columns:1fr}} /* Google Reviews / NPS */ .actions-cell{display:flex;gap:8px;flex-wrap:wrap}.compact-form{margin-top:12px}.muted-row{background:#f9fafb}.danger{display:block;color:#b91c1c;margin-top:4px}.checklist ol,.checklist{line-height:1.6} /* v0.2.75/v4.0.35 - Google Avaliações dentro do NPS & Experiência */ .google-reviews-hero .hero-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}.google-reviews-kpis,.google-mini-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.google-nps-block{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff)}.google-reviews-table table{min-width:1120px}.google-reviews-table td small,.google-nps-block td small{display:block;color:#64748b;margin-top:4px}.alert.alert-warn{background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:18px;padding:16px 18px}.alert.alert-warn p{margin:.35rem 0 0;color:#92400e}.hero-actions .btn,.actions-cell .btn{white-space:nowrap}.checkline{display:flex!important;gap:8px;align-items:center;justify-content:flex-start}.checkline input{width:auto}.btn.small{padding:6px 10px;font-size:12px;border-radius:10px}@media(max-width:760px){.google-reviews-hero .hero-actions{justify-content:flex-start}.google-reviews-table table{min-width:960px}.inline-form{width:100%}.inline-form .btn{width:100%}} /* v0.2.79/v4.0.39 - Relacionamento: criação recolhível, central de atendimento e paginação */ .rel-create-details{padding:0;overflow:hidden}.rel-create-details[open]{padding:0}.rel-create-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:18px}.rel-create-summary::-webkit-details-marker{display:none}.rel-create-summary strong{display:block;font-size:18px;color:#111827}.rel-create-summary small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.rel-create-summary:after{content:'+';width:32px;height:32px;border-radius:999px;background:#f3f4f6;color:#111827;display:inline-flex;align-items:center;justify-content:center;font-weight:900;margin-left:auto}.rel-create-details[open] .rel-create-summary:after{content:'−'}.rel-create-body{padding:0 18px 18px}.rel-pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.rel-pagination .page-info{font-size:13px;color:var(--muted);margin-right:auto}@media(max-width:680px){.rel-create-summary{align-items:flex-start}.rel-pagination{justify-content:flex-start}.rel-pagination .page-info{width:100%;margin-right:0}} /* v0.2.80/v4.0.40 - Reservas CRM operacional */ .form-grid{display:grid;gap:14px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#374151}.form-grid input,.form-grid select,.form-grid textarea,.reservation-public-form input,.reservation-public-form select,.reservation-public-form textarea{border:1px solid #d1d5db;border-radius:12px;padding:11px 12px;background:#fff;color:#111827}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.pill{background:#f3f4f6;border-radius:999px;padding:6px 10px;color:#374151;font-size:12px}.wide-table small{display:block;color:#6b7280;margin-top:4px}.actions-cell{min-width:220px}.mini-details summary{cursor:pointer;font-weight:800}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.inline-form textarea{min-width:220px;min-height:54px}.btn.small{padding:7px 10px;font-size:12px}.btn.secondary{background:#6b7280}.pagination{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:16px}.collapsible-card summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.collapsible-card summary span{font-size:13px;color:#6b7280;font-weight:400}.reservation-public-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f3ea,#ede7d8);padding:28px}.reservation-public-card{max-width:920px;width:100%;background:#fff;border-radius:28px;padding:30px;border:1px solid #eadfc9;box-shadow:0 18px 60px rgba(0,0,0,.10)}.public-brand-center{text-align:center;margin-bottom:24px}.public-brand-center .public-logo{max-height:82px;max-width:220px;object-fit:contain}.public-brand-center h1{font-size:34px;margin:14px 0 6px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.choice-card{border:1px solid #e5e7eb;border-radius:16px;padding:14px;text-align:center;cursor:pointer;background:#fafafa;font-weight:800}.choice-card input{display:none}.choice-card:has(input:checked){border-color:var(--brand-primary,#d79b24);background:#fff8e8;color:#111827;box-shadow:0 0 0 3px rgba(215,155,36,.12)}.hp-field{position:absolute;left:-9999px;opacity:0}.btn.big{font-size:17px;padding:15px 22px;border-radius:999px;width:100%;margin-top:14px}.small-text{font-size:12px}.club-callout{background:#fff8e8;border:1px solid #f4d794;border-radius:18px;padding:18px;margin:22px 0}.alert.danger{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}.timeline-list.compact{padding-left:18px}.timeline-list.compact li{margin-bottom:8px}@media(max-width:800px){.form-grid-2,.form-grid-3,.choice-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.reservation-public-shell{padding:12px}.reservation-public-card{padding:20px;border-radius:20px}.public-brand-center h1{font-size:26px}} /* v0.2.80-r3/v4.0.40-r3 - Reservas: modal operacional */ body.reservation-modal-open{overflow:hidden}.reservations-table-improved .actions-cell{min-width:190px}.reservation-modal-backdrop{position:fixed;inset:0;z-index:3000;background:rgba(15,23,42,.68);display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(3px)}.reservation-modal-backdrop[hidden]{display:none!important}.reservation-modal-card{width:min(980px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;border:1px solid rgba(148,163,184,.35);box-shadow:0 30px 90px rgba(15,23,42,.38)}.reservation-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fff,#f8fafc)}.reservation-modal-head h2{margin:4px 0;font-size:26px;letter-spacing:-.03em}.reservation-modal-head p,.reservation-modal-head small{margin:0;color:#64748b}.reservation-modal-close{appearance:none;border:0;background:#f1f5f9;color:#0f172a;border-radius:999px;width:38px;height:38px;font-size:24px;line-height:1;cursor:pointer}.reservation-modal-body{padding:22px 24px}.reservation-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.reservation-modal-grid span{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:12px}.reservation-modal-grid small{display:block;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:900;color:#64748b}.reservation-modal-grid strong{display:block;color:#0f172a;margin-top:4px}.reservation-modal-grid em{display:block;color:#64748b;font-style:normal;font-size:12px;margin-top:3px}.reservation-modal-section{border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;margin:12px 0;background:#fff}.reservation-modal-section summary{cursor:pointer;font-weight:900;color:#111827}.reservation-modal-inline-form{margin-top:12px}.reservation-events-list{margin-top:12px}.mt-8{margin-top:8px}@media(max-width:760px){.reservation-modal-backdrop{align-items:flex-end;padding:10px}.reservation-modal-card{border-radius:22px 22px 14px 14px;max-height:94vh}.reservation-modal-head,.reservation-modal-body{padding:18px}.reservation-modal-grid{grid-template-columns:1fr}} /* v0.2.81 / v4.0.41 - Reservas: disponibilidade por unidade */ .reservation-settings-card summary span{color:#6b7280;font-size:.9rem;margin-left:8px}.reservation-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.compact-table th,.compact-table td{font-size:.88rem;padding:8px 10px}.reservation-availability-alert{margin-top:6px;color:#991b1b;font-weight:600}.reservation-rule-form,.reservation-holiday-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.mt-16{margin-top:16px}.mt-8{margin-top:8px}@media(max-width:900px){.reservation-settings-grid{grid-template-columns:1fr}} /* v0.2.81-r2/v4.0.41-r2 - Reservas: modal fullscreen corrigido */ body.reservation-modal-open{overflow:hidden!important;touch-action:none} .reservation-modal-backdrop{position:fixed!important;inset:0!important;z-index:99999!important;background:rgba(15,23,42,.72)!important;display:none!important;align-items:stretch!important;justify-content:center!important;padding:18px!important;overflow-y:auto!important;backdrop-filter:blur(4px);box-sizing:border-box!important} .reservation-modal-backdrop.is-open{display:flex!important} .reservation-modal-backdrop[hidden]{display:none!important} .reservation-modal-card{position:relative!important;width:min(1180px,calc(100vw - 36px))!important;height:calc(100vh - 36px)!important;max-height:none!important;margin:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important;border-radius:24px!important;border:1px solid rgba(148,163,184,.42)!important;box-shadow:0 32px 100px rgba(15,23,42,.48)!important;box-sizing:border-box!important} .reservation-modal-head{position:sticky;top:0;z-index:2;flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fff,#f8fafc)} .reservation-modal-head h2{margin:4px 0;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;line-height:1.12}.reservation-modal-head p,.reservation-modal-head small{margin:0;color:#64748b}.reservation-modal-close{appearance:none;border:0;background:#f1f5f9;color:#0f172a;border-radius:999px;width:42px;height:42px;font-size:28px;line-height:1;cursor:pointer;flex:0 0 auto}.reservation-modal-close:hover{background:#e2e8f0} .reservation-modal-body{flex:1 1 auto;min-height:0;overflow:auto!important;padding:22px 26px 28px 26px!important;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable} .reservation-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px}.reservation-modal-grid span{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:12px;min-width:0}.reservation-modal-grid small{display:block;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:900;color:#64748b}.reservation-modal-grid strong{display:block;color:#0f172a;margin-top:4px;word-break:break-word}.reservation-modal-grid em{display:block;color:#64748b;font-style:normal;font-size:12px;margin-top:3px;word-break:break-word}.reservation-modal-section{border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;margin:12px 0;background:#fff}.reservation-modal-section summary{cursor:pointer;font-weight:900;color:#111827}.reservation-modal-section textarea,.reservation-modal-section input,.reservation-modal-section select{max-width:100%}.reservation-modal-inline-form{margin-top:12px}.reservation-events-list{margin-top:12px}.mt-8{margin-top:8px} @media(max-width:760px){.reservation-modal-backdrop{align-items:stretch!important;padding:8px!important}.reservation-modal-card{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;border-radius:18px!important}.reservation-modal-head,.reservation-modal-body{padding:16px!important}.reservation-modal-grid{grid-template-columns:1fr}.reservation-modal-section .form-grid{grid-template-columns:1fr!important}.reservation-modal-section .span-2,.reservation-modal-section .span-3{grid-column:auto!important}} /* Dicionário de variáveis das réguas */ .rel-vars-dictionary { margin-top: 16px; } .rel-vars-dictionary summary { cursor: pointer; list-style: none; } .rel-vars-dictionary summary::-webkit-details-marker { display: none; } .rel-vars-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 16px; } .rel-vars-group { border: 1px solid rgba(148,163,184,.28); border-radius: 16px; padding: 14px; background: rgba(255,255,255,.74); } .rel-vars-group h3 { margin: 0 0 10px; font-size: 15px; } .rel-var-item { display: grid; gap: 4px; padding: 10px 0; border-top: 1px solid rgba(148,163,184,.18); } .rel-var-item:first-of-type { border-top: 0; } .rel-var-token { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .rel-var-token code { font-size: 12px; white-space: nowrap; } .rel-var-item small { color: #64748b; line-height: 1.35; } .rel-var-item .rel-var-example { color: #94a3b8; font-size: 11px; } .rel-var-copy { border: 1px solid rgba(15,23,42,.12); background: #fff; border-radius: 999px; padding: 5px 8px; font-size: 11px; cursor: pointer; } .rel-var-copy:hover { background: #f8fafc; } .rel-var-hint { margin-top: 12px; color: #64748b; font-size: 13px; } /* Reservas — cores de status restauradas */ .badge-yellow{background:#fef3c7;color:#854d0e} .badge-orange{background:#ffedd5;color:#9a3412} .badge-pink{background:#fce7f3;color:#9d174d} /* Reservas: ordenação por colunas - v0.2.86 / v4.0.46 */ .reservation-searchbar{flex-wrap:wrap;align-items:stretch}.reservation-searchbar>input,.reservation-searchbar>select{flex:1 1 150px}.reservation-searchbar>input[name="q"]{flex-basis:270px}.reservation-searchbar>.btn{flex:0 0 auto}.reservation-list-title{align-items:flex-end}.reservation-list-title h2{margin-bottom:4px}.reservation-list-title small{display:block}.sortable-reservations-table th{white-space:nowrap}.reservation-sort-link{display:inline-flex;align-items:center;gap:6px;padding:3px 0;color:#475569;font-weight:900}.reservation-sort-link:hover{color:#0f172a}.reservation-sort-link span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:13px}.sortable-reservations-table th[aria-sort="ascending"] .reservation-sort-link,.sortable-reservations-table th[aria-sort="descending"] .reservation-sort-link{color:#0f172a}.sortable-reservations-table th[aria-sort="ascending"] .reservation-sort-link span,.sortable-reservations-table th[aria-sort="descending"] .reservation-sort-link span{background:#0f172a;color:#fff}.sortable-reservations-table td:nth-child(7),.sortable-reservations-table td:nth-child(8){white-space:nowrap}.sortable-reservations-table td:nth-child(5){min-width:175px}.sortable-reservations-table td:nth-child(6){min-width:210px}.sortable-reservations-table td:nth-child(4){min-width:185px}@media(max-width:680px){.reservation-searchbar{display:grid;grid-template-columns:1fr}.reservation-searchbar>*{width:100%}.reservation-list-title{align-items:flex-start}} /* v0.2.88-alpha / v4.0.48 - Reservas responsivas com status e ações sempre acessíveis */ .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .reservation-responsive-note{display:none;margin:10px 0 14px;padding:10px 12px;border:1px solid #dbeafe;border-radius:14px;background:#eff6ff;color:#1e3a8a;font-size:13px;line-height:1.45} .reservation-table-wrap{position:relative;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-gutter:stable;border-radius:16px} .reservation-table-wrap:focus{outline:3px solid rgba(37,99,235,.18);outline-offset:3px} .reservations-table-improved{min-width:1240px} .reservations-table-improved th:nth-child(1),.reservations-table-improved td:nth-child(1){width:150px;min-width:150px} .reservations-table-improved th:nth-child(4),.reservations-table-improved td:nth-child(4){width:190px;min-width:190px} .reservation-quick-status{display:none} .reservation-action-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap} .reservation-action-buttons .btn{white-space:nowrap} @media(max-width:1180px){ .reservation-responsive-note{display:block} } @media(max-width:760px){ .reservation-table-wrap{overflow:visible;border-radius:0;outline:0!important} .sortable-reservations-table{display:block;min-width:0;width:100%} .sortable-reservations-table thead{display:none} .sortable-reservations-table tbody{display:grid;gap:12px;width:100%} .sortable-reservations-table tr{display:block;width:100%;padding:14px 15px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.07)} .sortable-reservations-table td{display:block!important;position:static!important;width:auto!important;min-width:0!important;padding:9px 0!important;border-bottom:1px dashed #e2e8f0!important;background:transparent!important;box-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere} .sortable-reservations-table td::before{content:attr(data-label);display:block;margin-bottom:4px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .sortable-reservations-table td:last-child{border-bottom:0!important} .sortable-reservations-table td.actions-cell{padding-top:13px!important} .sortable-reservations-table td.actions-cell::before{display:none} .reservation-quick-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0 0 9px} .reservation-quick-status select{min-width:0;width:100%;padding:10px 11px} .reservation-quick-status .btn{width:auto;white-space:nowrap;min-height:42px} .reservation-action-buttons{display:grid;grid-template-columns:1fr;gap:8px} .reservation-action-buttons .btn{width:100%;min-height:42px} .pagination{justify-content:center;flex-wrap:wrap} } @media(max-width:420px){ .reservation-quick-status{grid-template-columns:1fr} .reservation-quick-status .btn{width:100%} } /* v0.2.90-alpha / v4.0.50 - Reservas compatíveis com notebooks, zoom e navegadores diversos */ /* A tabela completa só é usada quando existe espaço real; não dependemos mais de colunas sticky à direita. */ .sortable-reservations-table th:nth-child(1), .sortable-reservations-table td:nth-child(1), .sortable-reservations-table th:nth-child(4), .sortable-reservations-table td:nth-child(4){ position:static!important; right:auto!important; left:auto!important; box-shadow:none!important; } .reservation-action-buttons .btn, .reservation-quick-status .btn{touch-action:manipulation} @media(max-width:1600px){ .reservations-list-card{overflow:visible!important} .reservations-list-card .reservation-responsive-note{display:block} .reservations-list-card .reservation-table-wrap{overflow:visible!important;border-radius:0;outline:0!important} .reservations-list-card .sortable-reservations-table{display:block;width:100%;min-width:0!important} .reservations-list-card .sortable-reservations-table thead{display:none} .reservations-list-card .sortable-reservations-table tbody{ display:flex; flex-wrap:wrap; align-items:stretch; gap:14px; width:100%; } .reservations-list-card .sortable-reservations-table tr{ display:flex; flex:1 1 480px; min-width:0; max-width:100%; flex-wrap:wrap; align-content:flex-start; gap:0 14px; padding:15px 16px; border:1px solid #e2e8f0; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(15,23,42,.07); } .reservations-list-card .sortable-reservations-table td{ display:block!important; position:static!important; flex:1 1 145px; width:auto!important; min-width:0!important; padding:9px 0!important; border-bottom:1px dashed #e2e8f0!important; background:transparent!important; box-shadow:none!important; white-space:normal!important; overflow-wrap:anywhere; } .reservations-list-card .sortable-reservations-table td::before{ content:attr(data-label); display:block; margin-bottom:4px; color:#64748b; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; } .reservations-list-card .sortable-reservations-table td:nth-child(5), .reservations-list-card .sortable-reservations-table td:nth-child(6){flex-basis:220px} .reservations-list-card .sortable-reservations-table td.actions-cell{ flex:1 1 100%; padding-top:13px!important; border-bottom:1px dashed #e2e8f0!important; } .reservations-list-card .sortable-reservations-table td.actions-cell::before{display:none} .reservations-list-card .reservation-quick-status{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:9px 0 0; } .reservations-list-card .reservation-quick-status select{ flex:1 1 230px; min-width:0; width:auto; padding:10px 11px; } .reservations-list-card .reservation-quick-status .btn{ flex:0 0 auto; width:auto; min-height:42px; white-space:nowrap; } .reservations-list-card .reservation-action-buttons{ display:flex; flex-wrap:wrap; gap:8px; } .reservations-list-card .reservation-action-buttons .btn{ flex:1 1 150px; width:auto; min-height:42px; white-space:normal; text-align:center; } .reservations-list-card .pagination{justify-content:center;flex-wrap:wrap} } @media(max-width:900px){ .reservations-list-card .sortable-reservations-table tr{flex-basis:100%} } @media(max-width:520px){ .reservations-list-card .sortable-reservations-table td{flex-basis:100%} .reservations-list-card .reservation-quick-status{display:grid;grid-template-columns:1fr} .reservations-list-card .reservation-quick-status select, .reservations-list-card .reservation-quick-status .btn, .reservations-list-card .reservation-action-buttons .btn{width:100%} } /* v0.2.97-alpha / v4.0.57 - Cliente antes das datas nas colunas de reservas */ /* Seletores posicionais alinhados à ordem: Ações, Unidade, Tipo, Status, ID/código, Cliente, Data, Criada em e Pessoas. */ /* Clube público v3 - layout responsivo e convite NPS pós-check-in */ .club-member-v3{min-height:100vh;background:linear-gradient(180deg,#f7f3ef 0,#f8fafc 480px,#f8fafc 100%);color:#172033;padding:0!important;overflow-x:hidden} .club-member-v3 *{box-sizing:border-box}.club-member-shell{width:min(1180px,100%);margin:0 auto;padding:24px 18px 48px}.club-toast{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:14px 18px;border-radius:16px;background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;box-shadow:0 8px 24px rgba(22,101,52,.08)}.club-toast>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#16a34a;color:#fff;font-weight:900}.club-toast small{display:block;color:#3f6f50;margin-top:2px}.club-member-hero{position:relative;min-height:330px;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 80% 20%,rgba(245,158,11,.34),transparent 30%),linear-gradient(135deg,#6f2025,#321216 58%,#111827);box-shadow:0 24px 65px rgba(76,29,30,.25);background-size:cover;background-position:center}.club-member-hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(38,12,14,.94),rgba(69,19,23,.78) 55%,rgba(15,23,42,.48))}.club-member-hero-content{position:relative;z-index:1;height:100%;min-height:330px;padding:30px 34px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:24px;color:#fff}.club-member-brand{display:flex;align-items:center;gap:13px}.club-member-brand .brand-logo{width:62px;height:62px;border-radius:18px;object-fit:contain;background:#fff;padding:7px}.club-member-brand div{display:flex;flex-direction:column}.club-member-brand small{color:#f9d8bc;font-size:13px}.club-member-brand strong{color:#fff;font-size:18px}.club-member-welcome{align-self:end;max-width:650px}.club-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#b45309;margin-bottom:7px}.club-member-welcome .club-eyebrow{color:#fbbf24}.club-member-welcome h1{font-size:clamp(34px,5vw,60px);line-height:1;margin:0 0 12px;color:#fff}.club-member-welcome p{font-size:18px;line-height:1.5;color:#f5e8e1;margin:0}.club-member-balance{grid-column:2;grid-row:1/3;align-self:end;min-width:210px;padding:24px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:26px;text-align:center}.club-member-balance small,.club-member-balance span{display:block;color:#f9e8dc}.club-member-balance strong{display:block;color:#fff;font-size:54px;line-height:1;margin:10px 0 5px}.club-nps-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:18px 0;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;box-shadow:0 12px 34px rgba(180,83,9,.10)}.club-nps-callout.answered{background:#ecfdf5;border-color:#bbf7d0}.club-nps-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#f59e0b;color:#fff;font-size:28px;box-shadow:0 10px 24px rgba(245,158,11,.25)}.club-nps-callout.answered .club-nps-icon{background:#16a34a}.club-nps-copy h2{margin:0 0 5px;font-size:24px;color:#172033}.club-nps-copy p{margin:0;color:#5b6475;line-height:1.5}.club-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:0;border-radius:14px;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s;background:none}.club-action:hover{transform:translateY(-1px)}.club-action.primary{background:#8e2c2d;color:#fff;box-shadow:0 10px 24px rgba(142,44,45,.20)}.club-action.secondary{width:100%;background:#172033;color:#fff}.club-action:disabled{background:#e5e7eb;color:#8992a3;cursor:not-allowed;box-shadow:none;transform:none}.club-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.club-summary-card{min-width:0;padding:20px;border-radius:22px;background:#fff;border:1px solid #e8e9ed;box-shadow:0 10px 28px rgba(15,23,42,.06);display:flex;gap:13px;align-items:flex-start}.club-summary-card.highlight{background:linear-gradient(145deg,#8e2c2d,#611b20);border:0;color:#fff}.summary-icon{flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:#f5f1ee;color:#8e2c2d;display:grid;place-items:center;font-weight:900}.highlight .summary-icon{background:rgba(255,255,255,.16);color:#fbbf24}.club-summary-card div{min-width:0}.club-summary-card small,.club-summary-card span{display:block;color:#687184;font-size:12px}.club-summary-card strong{display:block;color:#172033;font-size:29px;line-height:1.1;margin:5px 0}.club-summary-card strong.text-value{font-size:18px;line-height:1.25;overflow-wrap:anywhere}.club-summary-card.highlight small,.club-summary-card.highlight span{color:#f4dadd}.club-summary-card.highlight strong{color:#fff}.club-section{margin-top:18px;padding:26px;border-radius:26px;background:#fff;border:1px solid #e7e9ee;box-shadow:0 12px 34px rgba(15,23,42,.055)}.club-section.compact{padding:22px}.club-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.club-section-head h2{font-size:27px;line-height:1.15;margin:0 0 6px;color:#172033}.club-section-head p{margin:0;color:#667085}.club-count{white-space:nowrap;background:#f4f0ed;color:#7c2d2f;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.club-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.club-reward-card{display:flex;flex-direction:column;min-width:0;padding:20px;border-radius:22px;background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #e5e7eb}.club-reward-card.locked{background:#fafafa}.reward-top{display:flex;justify-content:space-between;align-items:center}.reward-icon{font-size:28px}.reward-cost{background:#fff7ed;color:#b45309;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.club-reward-card h3{font-size:20px;line-height:1.25;margin:17px 0 7px;color:#172033}.club-reward-card p{color:#667085;line-height:1.5;margin:0 0 12px;flex:1}.club-reward-card>small{display:block;margin:0 0 13px;color:#b45309;font-weight:800}.club-reward-card>small.ready{color:#15803d}.club-reward-card form{margin-top:auto}.club-earning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.club-earning-card{display:flex;gap:14px;padding:18px;border-radius:20px;background:#fbfaf9;border:1px solid #ece8e4}.earning-icon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#8e2c2d;color:#fff;font-size:20px}.club-earning-card div{min-width:0}.club-earning-card small,.club-earning-card span{display:block;color:#7a8290;font-size:12px}.club-earning-card h3{font-size:17px;margin:4px 0;color:#172033}.club-earning-card p{font-size:13px;line-height:1.4;color:#667085;margin:0 0 8px}.club-earning-card strong{display:block;color:#b45309;font-size:18px}.club-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.club-mobile-list{display:flex;flex-direction:column}.club-history-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 2px;border-bottom:1px solid #edf0f3}.club-history-item:last-child{border-bottom:0}.club-history-item>div{min-width:0}.club-history-item strong,.club-history-item span,.club-history-item code{display:block}.club-history-item strong{color:#172033}.club-history-item span{color:#7a8290;font-size:12px;margin-top:3px}.club-history-item code{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:8px;background:#f1f5f9;color:#172033;font-weight:900}.club-history-item>b{font-size:18px}.club-history-item>b.positive{color:#15803d}.club-history-item>b.negative{color:#b91c1c}.status-chip{padding:6px 9px;border-radius:999px;background:#fef3c7;color:#92400e!important;font-size:11px!important;font-weight:900;text-transform:capitalize}.status-chip.redeemed{background:#dcfce7;color:#166534!important}.status-chip.cancelled,.status-chip.expired{background:#fee2e2;color:#991b1b!important}.club-activity-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.club-activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid #edf0f3}.activity-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#f59e0b}.club-activity-item strong{color:#172033}.club-activity-item p{margin:3px 0;color:#667085;font-size:13px}.club-activity-item small{color:#8b94a4}.club-activity-item b{color:#15803d}.club-empty{grid-column:1/-1;text-align:center;padding:30px;border:1px dashed #d8dde5;border-radius:18px;color:#667085}.club-empty span{font-size:34px}.club-empty h3{color:#172033;margin:8px 0}.club-empty p{margin:0}.club-empty.small{padding:18px}.club-member-footer{text-align:center;padding:30px 0 5px;color:#7b8494}.club-member-footer strong,.club-member-footer span{display:block}.club-member-footer strong{color:#7c2d2f;margin-bottom:4px} @media(max-width:980px){.club-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-reward-grid,.club-earning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-member-hero-content{grid-template-columns:1fr auto}.club-activity-list{grid-template-columns:1fr}} @media(max-width:720px){.club-member-shell{padding:10px 10px 30px}.club-member-hero{min-height:auto;border-radius:24px}.club-member-hero-content{min-height:auto;padding:22px;display:flex;flex-direction:column;gap:22px}.club-member-brand .brand-logo{width:54px;height:54px}.club-member-welcome{order:2}.club-member-welcome h1{font-size:38px}.club-member-welcome p{font-size:16px}.club-member-balance{order:3;width:100%;min-width:0;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left}.club-member-balance strong{grid-column:1;grid-row:2;font-size:42px}.club-member-balance span{grid-column:2;grid-row:2;align-self:end;padding-bottom:7px}.club-nps-callout{grid-template-columns:auto 1fr;padding:18px;gap:13px}.club-nps-icon{width:48px;height:48px}.club-nps-copy h2{font-size:20px}.club-nps-callout .club-action{grid-column:1/-1;width:100%}.club-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.club-summary-card{padding:15px;display:block}.summary-icon{width:34px;height:34px;margin-bottom:10px}.club-summary-card strong{font-size:24px}.club-summary-card strong.text-value{font-size:16px}.club-section{padding:19px;border-radius:22px}.club-section-head{display:block}.club-section-head h2{font-size:23px}.club-count{display:inline-block;margin-top:10px}.club-reward-grid,.club-earning-grid,.club-history-grid{grid-template-columns:1fr}.club-history-grid{gap:0}.club-activity-item{grid-template-columns:auto 1fr}.club-activity-item b{grid-column:2}.club-toast{margin-top:4px}} @media(max-width:430px){.club-summary-grid{grid-template-columns:1fr}.club-member-welcome h1{font-size:33px}.club-section{padding:17px}.club-reward-card,.club-earning-card{padding:16px}.club-nps-callout{grid-template-columns:1fr}.club-nps-icon{margin-bottom:2px}} /* Clube v4 - ícones SVG nativos, sem dependência de fonte ou emoji */ .club-svg-icon{display:block;width:22px;height:22px;max-width:100%;max-height:100%;overflow:visible}.summary-icon .club-svg-icon{width:21px;height:21px}.reward-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7ed,#ffedd5);color:#c2410c;box-shadow:0 8px 18px rgba(194,65,12,.12)}.reward-icon .club-svg-icon{width:25px;height:25px}.earning-icon .club-svg-icon{width:23px;height:23px}.club-nps-icon .club-svg-icon{width:29px;height:29px}.club-empty .empty-icon{width:58px;height:58px;margin:0 auto;display:grid;place-items:center;border-radius:18px;background:#fff7ed;color:#c2410c}.club-empty .empty-icon .club-svg-icon{width:30px;height:30px} /* Recepção pública de reservas e fila de espera */ .reception-public-page{min-height:100vh;background:#f4f1ec;color:#172033;padding:20px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.reception-public-page *{box-sizing:border-box}.reception-header{max-width:1400px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-radius:26px;background:linear-gradient(135deg,#6d2025,#351116 65%,#111827);color:#fff;box-shadow:0 20px 55px rgba(57,17,20,.22)}.reception-brand{display:flex;align-items:center;gap:14px}.reception-brand .brand-logo{width:64px;height:64px;background:#fff}.reception-brand small{color:#f4c9ad}.reception-brand h1{margin:2px 0;font-size:clamp(25px,3vw,38px);color:#fff}.reception-brand p{margin:0;color:#f8e9df}.reception-clock{font-size:34px;font-weight:950;padding:12px 18px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)}.reception-flash{max-width:1400px;margin:0 auto 14px;padding:14px 18px;border-radius:14px;background:#dcfce7;color:#166534;border:1px solid #86efac;font-weight:800}.reception-stats{max-width:1400px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reception-stats article{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:17px;box-shadow:0 9px 24px rgba(15,23,42,.05)}.reception-stats small{display:block;color:#667085}.reception-stats strong{display:block;margin-top:5px;font-size:30px}.reception-filters{max-width:1400px;margin:0 auto 14px;display:grid;grid-template-columns:150px 180px minmax(220px,1fr) 190px 190px auto auto;align-items:end;gap:10px;padding:15px;border-radius:20px;background:#fff;border:1px solid #e5e7eb}.reception-filters label{margin:0;display:grid;gap:5px;font-size:12px;color:#667085}.reception-filters input,.reception-filters select{min-height:43px;border:1px solid #d0d5dd;border-radius:12px;padding:9px 11px}.reception-filters button,.reception-filters>a{min-height:43px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:9px 14px;font-weight:900;cursor:pointer}.reception-filters button{background:#7d2529;color:#fff}.reception-filters>a{background:#f2f4f7;color:#344054}.reception-tabs{max-width:1400px;margin:0 auto 16px;display:flex;gap:9px}.reception-tabs a{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:10px 14px;font-weight:850}.reception-tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#f59e0b;color:#fff}.reception-section{max-width:1400px;margin:0 auto 18px;padding:20px;border-radius:24px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 34px rgba(15,23,42,.05)}.reception-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.reception-section-title small{color:#a64b22;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.reception-section-title h2{margin:3px 0 0;font-size:27px}.reception-section-title>span{background:#f4f0ed;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.reception-reservation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.reception-reservation-card{min-width:0;border:1px solid #e5e7eb;border-left:6px solid #f59e0b;border-radius:20px;padding:16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.055)}.reception-reservation-card.status-finished,.reception-reservation-card.status-completed{border-left-color:#16a34a}.reception-reservation-card.status-no_show{border-left-color:#dc2626}.reception-reservation-card.status-confirmed{border-left-color:#22c55e}.reception-reservation-card.status-customer_late{border-left-color:#f97316}.reception-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.reception-card-head time{font-size:28px;font-weight:950}.reception-card-head div>span{display:block;color:#667085;font-size:12px}.reception-status{max-width:48%;text-align:center;border-radius:999px;padding:6px 9px;background:#f2f4f7;color:#344054;font-size:11px;font-weight:900}.reception-reservation-card h3{font-size:20px;margin:13px 0 9px;overflow-wrap:anywhere}.reception-card-details{display:flex;flex-wrap:wrap;gap:7px}.reception-card-details>*{padding:5px 8px;border-radius:9px;background:#f8fafc;color:#475467;font-size:12px}.reception-card-details a{color:#175cd3}.reception-note{margin:10px 0 0;padding:9px 11px;border-radius:11px;background:#fffaeb;color:#7a2e0e;font-size:13px}.reception-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.reception-actions form{margin:0}.reception-actions button{width:100%;min-height:43px;border:0;border-radius:11px;font-weight:900;cursor:pointer}.reception-actions button:disabled{opacity:.55}.action-finished{background:#dcfce7;color:#166534}.action-no_show{background:#fee2e2;color:#991b1b}.action-customer_late{background:#ffedd5;color:#9a3412}.action-confirmed{background:#dbeafe;color:#1e40af}.reception-add{margin-bottom:15px;border:1px solid #d0d5dd;border-radius:16px;overflow:hidden}.reception-add summary{cursor:pointer;padding:14px 16px;font-weight:900;background:#f9fafb}.reception-add form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.reception-add label{margin:0}.reception-add .wide{grid-column:span 2}.reception-add button{align-self:end;min-height:44px;border:0;border-radius:12px;background:#7d2529;color:#fff;font-weight:900}.reception-queue-list{display:grid;gap:9px}.reception-queue-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:13px;border:1px solid #e5e7eb;border-radius:17px}.queue-position{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#7d2529;color:#fff;font-size:19px;font-weight:950}.queue-main h3{margin:0;font-size:17px}.queue-main p{margin:3px 0;color:#667085;font-size:12px}.queue-main a,.queue-main small{display:block;font-size:12px;margin-top:3px}.queue-status{border-radius:999px;padding:6px 9px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:900}.queue-seated .queue-status{background:#dcfce7;color:#166534}.queue-gave_up .queue-status,.queue-not_found .queue-status{background:#fee2e2;color:#991b1b}.queue-actions{display:flex;gap:7px}.queue-actions form{display:flex;gap:5px}.queue-actions button,.queue-actions select{min-height:38px;border:1px solid #d0d5dd;border-radius:9px;padding:7px;background:#fff}.queue-actions button{font-weight:900;cursor:pointer}.reception-empty{grid-column:1/-1;text-align:center;padding:34px;border:1px dashed #cbd5e1;border-radius:17px;color:#667085}.reception-empty h3{margin:0 0 5px;color:#172033} @media(max-width:1100px){.reception-reservation-grid{grid-template-columns:repeat(2,1fr)}.reception-filters{grid-template-columns:repeat(3,1fr)}.reception-add form{grid-template-columns:repeat(2,1fr)}.reception-queue-item{grid-template-columns:auto 1fr auto}.queue-actions{grid-column:2/-1}} @media(max-width:700px){.reception-public-page{padding:9px}.reception-header{padding:17px;border-radius:20px;align-items:flex-start}.reception-brand .brand-logo{width:52px;height:52px}.reception-clock{font-size:22px;padding:9px 11px}.reception-stats{grid-template-columns:1fr 1fr}.reception-stats article{padding:13px}.reception-stats strong{font-size:24px}.reception-filters{grid-template-columns:1fr 1fr;padding:12px}.reception-search{grid-column:1/-1}.reception-section{padding:14px;border-radius:19px}.reception-reservation-grid{grid-template-columns:1fr}.reception-add form{grid-template-columns:1fr}.reception-add .wide{grid-column:auto}.reception-queue-item{grid-template-columns:auto 1fr}.queue-status{grid-column:2}.queue-actions{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr}.queue-actions form:last-child{display:grid;grid-template-columns:1fr auto}.reception-tabs{overflow:auto;padding-bottom:2px}.reception-tabs a{white-space:nowrap}} @media(max-width:430px){.reception-header{display:grid}.reception-clock{position:absolute;right:20px}.reception-filters{grid-template-columns:1fr}.reception-search{grid-column:auto}.reception-stats{gap:7px}.reception-actions{grid-template-columns:1fr}.reception-queue-item{gap:9px}.queue-position{width:36px;height:36px}.queue-actions{grid-template-columns:1fr}.queue-actions form:first-child button{flex:1}} .reception-admin-links{display:grid;gap:10px}.reception-admin-links article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px;border:1px solid #e5e7eb;border-radius:15px;background:#fafafa}.reception-admin-links small,.reception-admin-links strong,.reception-admin-links code{display:block}.reception-admin-links code{margin-top:5px;max-width:760px;overflow-wrap:anywhere}.reception-admin-links .actions-inline{justify-content:flex-end}@media(max-width:850px){.reception-admin-links article{display:grid}.reception-admin-links .actions-inline{justify-content:flex-start}} /* Recepção v0.2.104 / v4.0.64 - lista operacional e atualização automática */ .reception-auto-refresh{display:flex;align-items:center;gap:8px;margin:-2px 0 14px;padding:9px 12px;border:1px solid #dbeafe;border-radius:14px;background:#eff6ff;color:#1e3a8a;font-size:12px;font-weight:800}.reception-auto-refresh small{margin-left:auto;color:#475569;font-weight:700}.reception-live-dot{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.12);flex:0 0 auto}.reception-actions .action-finished{background:#15803d}.reception-actions .action-no_show{background:#b91c1c}.reception-actions .action-customer_late{background:#c2410c}@media(max-width:620px){.reception-auto-refresh{align-items:flex-start;flex-wrap:wrap}.reception-auto-refresh small{width:100%;margin-left:17px}} /* v0.2.105-alpha / v4.0.65 - Acesso da recepção recolhido por padrão */ .reception-access-details{padding:0;overflow:hidden} .reception-access-details>summary{list-style:none} .reception-access-details>summary::-webkit-details-marker{display:none} .reception-access-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;cursor:pointer;user-select:none} .reception-access-summary h2{margin:0 0 5px} .reception-access-summary p{margin:0} .reception-access-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:38px;padding:8px 13px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:900;white-space:nowrap} .reception-access-toggle:after{content:'▾';margin-left:7px;font-size:11px} .reception-access-details[open] .reception-access-toggle:after{content:'▴'} .reception-access-toggle .when-open{display:none} .reception-access-details[open] .reception-access-toggle .when-closed{display:none} .reception-access-details[open] .reception-access-toggle .when-open{display:inline} .reception-access-content{border-top:1px solid var(--line,#e5e7eb);padding:18px 22px 22px} @media(max-width:680px){.reception-access-summary{align-items:flex-start;padding:18px;display:grid}.reception-access-toggle{justify-self:start}.reception-access-content{padding:16px 18px 18px}} /* v0.2.106-alpha / v4.0.66 - Recepção: alto contraste nos botões operacionais */ .reception-actions button{ color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,.28); border:1px solid rgba(0,0,0,.12)!important; box-shadow:0 7px 16px rgba(15,23,42,.16); transition:transform .15s ease,box-shadow .15s ease,filter .15s ease; } .reception-actions button:hover{ transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 10px 22px rgba(15,23,42,.20); } .reception-actions button:focus-visible{ outline:3px solid rgba(37,99,235,.32); outline-offset:2px; } .reception-actions button:active{ transform:translateY(0); box-shadow:0 4px 10px rgba(15,23,42,.16); } .reception-actions .action-finished{ background:#15803d!important; color:#fff!important; } .reception-actions .action-no_show{ background:#c81e1e!important; color:#fff!important; } .reception-actions .action-customer_late{ background:#c2410c!important; color:#fff!important; } .reception-actions button:disabled{ background:#cbd5e1!important; color:#475569!important; text-shadow:none; box-shadow:none; } /* Ajuste manual de pontos do Clube — v0.2.107 / v4.0.67 */ .club-points-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:16px}.club-points-search label{margin:0}.club-points-results{display:grid;gap:8px;margin:0 0 16px}.club-points-result{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}.club-points-result:hover,.club-points-result:focus{border-color:#f59e0b;background:#fffbeb}.club-points-result span,.club-points-result small{display:block}.club-points-result small{color:#64748b;margin-top:3px}.club-points-result b{white-space:nowrap;color:#7c2d2f}.club-points-selected{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;margin:12px 0 16px;border-radius:18px;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa}.club-points-selected>div{padding:10px;border-radius:13px;background:rgba(255,255,255,.72)}.club-points-selected small,.club-points-selected span{display:block;color:#64748b}.club-points-selected strong{display:block;margin:4px 0;color:#172033;font-size:18px}.club-points-adjust-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.club-points-adjust-form label{margin:0}.club-points-adjust-form .full{grid-column:1/-1}.club-points-warning{padding:12px 14px;border-radius:14px;background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;font-size:13px;line-height:1.45}.club-points-audit{margin-top:20px;border-top:1px solid #e2e8f0;padding-top:14px}.club-points-audit summary{cursor:pointer;font-weight:900}.club-points-audit table{min-width:760px;margin-top:12px}@media(max-width:680px){.club-points-search,.club-points-adjust-form,.club-points-selected{grid-template-columns:1fr}.club-points-adjust-form .full{grid-column:auto}.club-points-result{align-items:flex-start}.club-points-result b{font-size:13px}} /* Reserva pública + cadastro automático no Clube — v0.2.109 / v4.0.69 */ .club-reservation-optin{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:11px;padding:14px 15px;border:1px solid #f4c867;border-radius:16px;background:#fffbeb;color:#172033}.club-reservation-optin input{width:20px!important;height:20px;flex:0 0 20px;margin:2px 0 0}.club-reservation-optin span{display:block}.club-reservation-optin strong,.club-reservation-optin small{display:block}.club-reservation-optin small{margin-top:4px;color:#667085;font-weight:500;line-height:1.4}.reservation-public-form label>small{color:#667085;font-size:12px;font-weight:500;line-height:1.35} /* Reservas v0.2.111 / v4.0.71 - flag de observações e modal */ .reservation-notes-cell{min-width:138px} .reservation-notes-flag{display:inline-flex;align-items:center;gap:7px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:999px;padding:7px 10px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 5px 12px rgba(245,158,11,.12)} .reservation-notes-flag:hover,.reservation-notes-flag:focus-visible{background:#fef3c7;border-color:#d97706;outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.18)} .reservation-notes-flag>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d97706;color:#fff;font-size:12px;line-height:1} .reservation-notes-empty{color:#94a3b8;font-size:12px;white-space:nowrap} .reservation-observations-content{margin-top:12px;padding:14px 15px;border-radius:14px;background:#fffbeb;border:1px solid #fde68a;color:#713f12;line-height:1.55;white-space:normal;overflow-wrap:anywhere} /* Clube do cliente v5 — dashboard premium com reservas em destaque */ .club-member-v3{background:#f7f8fa!important}.club-member-shell{width:min(1240px,100%);padding-top:18px}.club-member-hero{min-height:350px;background:radial-gradient(circle at 78% 18%,rgba(245,158,11,.22),transparent 28%),linear-gradient(110deg,#090b0e,#18120b 58%,#2a1909)!important;border-radius:0 0 34px 34px;box-shadow:0 24px 70px rgba(15,23,42,.28)}.club-member-hero-content{min-height:350px;padding:34px 42px}.club-member-welcome h1{font-size:clamp(38px,5vw,62px)}.club-member-since{display:inline-flex!important;align-items:center;gap:7px;width:max-content;margin-top:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);font-size:12px;color:#f8fafc!important}.club-member-since .club-svg-icon{width:15px;height:15px}.club-member-balance{background:linear-gradient(145deg,rgba(40,40,40,.95),rgba(20,20,20,.88));border-color:rgba(245,158,11,.35);box-shadow:0 18px 42px rgba(0,0,0,.25)}.club-member-balance strong{color:#fbbf24}.club-summary-grid-v5{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:-34px;position:relative;z-index:2;padding:0 18px}.club-summary-grid-v5 .club-summary-card{min-height:142px;border-radius:18px;box-shadow:0 16px 34px rgba(15,23,42,.09)}.club-summary-grid-v5 .club-summary-card.highlight{background:#fff;color:#172033;border:1px solid #e8e9ed}.club-summary-grid-v5 .highlight .summary-icon{background:#fff4d6;color:#c98700}.club-summary-grid-v5 .highlight small,.club-summary-grid-v5 .highlight span{color:#687184}.club-summary-grid-v5 .highlight strong{color:#c98700}.club-reservations-focus{margin-top:22px;padding:24px;border:1px solid #d99b18;border-radius:25px;background:linear-gradient(145deg,#161616,#232323);box-shadow:0 18px 46px rgba(15,23,42,.20);color:#fff}.club-reservations-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.club-reservations-head h2{margin:0 0 5px;color:#fff;font-size:29px}.club-reservations-head p{margin:0;color:#cbd5e1}.club-reservations-head .club-eyebrow{color:#fbbf24}.club-reservations-focus .club-count{background:rgba(245,158,11,.14);color:#fbbf24}.club-next-reservation{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:stretch;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.03));overflow:hidden}.club-next-reservation-main{display:flex;gap:22px;padding:24px}.reservation-date-box{width:112px;flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.14)}.reservation-date-box strong{font-size:54px;line-height:.95;color:#fff}.reservation-date-box span{font-weight:900;color:#fbbf24;margin-top:4px}.reservation-date-box small{color:#94a3b8;margin-top:7px}.reservation-main-data{min-width:0}.reservation-kicker{display:flex;gap:7px;align-items:center;color:#fbbf24;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.reservation-kicker .club-svg-icon{width:17px;height:17px}.reservation-main-data h3{font-size:28px;color:#fff;margin:8px 0 16px}.reservation-info-grid{display:flex;gap:24px;flex-wrap:wrap}.reservation-info-grid>span{display:grid;grid-template-columns:auto 1fr;gap:1px 7px;align-items:center}.reservation-info-grid .club-svg-icon{grid-row:1/3;width:21px;color:#fbbf24}.reservation-info-grid b{color:#fff}.reservation-info-grid small{color:#94a3b8}.reservation-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.reservation-meta code{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#e2e8f0}.reservation-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#fff7ed;color:#b45309;font-size:11px;font-weight:900}.reservation-status.status-confirmed{background:#dcfce7;color:#166534}.reservation-status.status-pending,.reservation-status.status-created{background:#fef3c7;color:#92400e}.reservation-details-button{align-self:stretch;margin:18px 18px 18px 0;min-width:205px;background:transparent!important;color:#fbbf24!important;border:1px solid #fbbf24!important}.reservation-details-button:hover{background:#fbbf24!important;color:#111827!important}.club-reservation-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;padding:10px 14px;border-radius:13px;background:#fff7ed;color:#92400e;font-size:13px}.club-reservation-note .club-svg-icon{width:17px}.club-reservation-list{display:grid;gap:9px;margin-top:16px}.club-reservation-row{width:100%;display:grid;grid-template-columns:72px 100px minmax(150px,1fr) 110px 160px minmax(160px,auto);gap:12px;align-items:center;padding:12px 14px;border:1px solid #e5e7eb;border-radius:15px;background:#fff;color:#172033;text-align:left;cursor:pointer}.club-reservation-row:hover{border-color:#f59e0b;transform:translateY(-1px)}.club-reservation-row span{min-width:0}.club-reservation-row b,.club-reservation-row small{display:block}.club-reservation-row small{color:#667085;margin-top:2px}.reservation-row-date b{font-size:24px}.reservation-row-code{text-align:right;color:#475569;font-size:12px}.reservation-empty{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);color:#cbd5e1}.reservation-empty h3{color:#fff}.club-quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.club-quick-actions-grid a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;border:1px solid #e5e7eb;border-radius:15px;background:#fff;color:#172033;font-weight:850}.club-quick-actions-grid a:hover{border-color:#f59e0b;background:#fffbeb}.club-quick-actions-grid .club-svg-icon{width:20px;color:#9a6700}.club-reservation-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.72);backdrop-filter:blur(5px)}.club-reservation-modal.is-open{display:flex}.club-reservation-modal-card{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;padding:28px;border-radius:24px;background:#fff;box-shadow:0 32px 100px rgba(0,0,0,.4)}.club-reservation-modal-card h2{margin:5px 0 20px;font-size:30px}.club-reservation-modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f9;color:#172033;font-size:25px;cursor:pointer}.club-reservation-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.club-reservation-modal-grid span{padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.club-reservation-modal-grid small,.club-reservation-modal-grid strong{display:block}.club-reservation-modal-grid small{color:#64748b;margin-bottom:4px}.club-reservation-modal-note{margin:0 0 18px;padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.club-reservation-modal-note small{font-weight:900;color:#92400e}.club-reservation-modal-note p{margin:6px 0 0;color:#7c2d12}.club-reservation-modal-open{overflow:hidden}.club-section{scroll-margin-top:14px} @media(max-width:1050px){.club-summary-grid-v5{grid-template-columns:repeat(3,1fr)}.club-reservation-row{grid-template-columns:70px 90px 1fr 100px 140px}.reservation-row-code{grid-column:2/-1;text-align:left}.club-next-reservation{grid-template-columns:1fr}.reservation-details-button{margin:0 20px 20px;min-height:48px}} @media(max-width:760px){.club-member-shell{padding:0 10px 28px}.club-member-hero{border-radius:0 0 25px 25px}.club-member-hero-content{padding:24px}.club-summary-grid-v5{grid-template-columns:1fr 1fr;margin-top:-18px;padding:0 7px}.club-summary-grid-v5 .club-summary-card{min-height:125px}.club-reservations-focus{padding:16px;border-radius:20px}.club-reservations-head{display:block}.club-reservations-head .club-count{display:inline-block;margin-top:10px}.club-next-reservation-main{display:block;padding:18px}.reservation-date-box{width:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:15px;margin-bottom:15px;align-items:flex-start}.reservation-date-box strong{font-size:44px}.reservation-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.club-reservation-row{grid-template-columns:60px 1fr 1fr;padding:13px}.club-reservation-row>span:nth-child(4),.club-reservation-row>span:nth-child(5),.club-reservation-row>span:nth-child(6){grid-column:auto}.reservation-row-code{grid-column:1/-1;text-align:left}.club-quick-actions-grid{grid-template-columns:1fr}.club-reservation-modal{align-items:flex-end;padding:10px}.club-reservation-modal-card{border-radius:22px 22px 14px 14px}.club-reservation-modal-grid{grid-template-columns:1fr 1fr}} @media(max-width:430px){.club-summary-grid-v5{grid-template-columns:1fr}.reservation-info-grid{grid-template-columns:1fr}.club-reservation-row{grid-template-columns:52px 1fr}.club-reservation-row>span{grid-column:auto}.club-reservation-row .reservation-status,.club-reservation-row .reservation-row-code{grid-column:1/-1}.club-reservation-modal-grid{grid-template-columns:1fr}} /* v0.2.114-alpha / v4.0.74 - Acesso do cliente reconstruído e reservas em português */ .club-access-page{min-height:100vh;background:linear-gradient(180deg,#0a0d12 0,#17120d 42%,#f4f1ec 42%,#f8fafc 100%);padding:28px 18px 54px;color:#172033}.club-access-page *{box-sizing:border-box}.club-access-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:20px;align-items:stretch}.club-access-hero{position:relative;min-height:540px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(245,158,11,.36),transparent 30%),linear-gradient(135deg,#641e23,#2c1114 58%,#111827);background-size:cover;background-position:center;box-shadow:0 28px 75px rgba(0,0,0,.34)}.club-access-overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(17,8,9,.96),rgba(50,15,18,.82) 58%,rgba(15,23,42,.52))}.club-access-hero-content{position:relative;z-index:1;min-height:540px;padding:34px;display:flex;flex-direction:column;color:#fff}.club-access-brand{display:flex;align-items:center;gap:13px}.club-access-brand .brand-logo{width:64px;height:64px;border-radius:18px;background:#fff;padding:7px}.club-access-brand div{display:flex;flex-direction:column}.club-access-brand small{color:#f6d4b9}.club-access-brand strong{font-size:19px;color:#fff}.club-access-copy{margin:auto 0;max-width:650px}.club-access-eyebrow{display:block;margin-bottom:12px;color:#fbbf24;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.club-access-copy h1{margin:0 0 16px;color:#fff;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.045em}.club-access-copy p{margin:0;color:#f4e8df;font-size:18px;line-height:1.6;max-width:590px}.club-access-feature-list{display:flex;flex-wrap:wrap;gap:9px}.club-access-feature-list span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}.club-access-feature-list b{color:#fbbf24}.club-access-card{align-self:center;padding:30px;border-radius:28px;background:#fff;border:1px solid rgba(148,163,184,.28);box-shadow:0 28px 75px rgba(15,23,42,.22)}.club-access-card-head{display:flex;align-items:center;gap:13px}.club-access-card-head small{display:block;color:#8b5a23;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.club-access-card-head h2{margin:3px 0 0;color:#172033;font-size:29px;letter-spacing:-.03em}.club-access-lock{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#fff7ed;font-size:22px}.club-access-card>p{margin:16px 0 22px;color:#667085;line-height:1.55}.club-access-alert{margin-bottom:15px;padding:12px 14px;border:1px solid #fecaca;border-radius:13px;background:#fef2f2;color:#991b1b;font-weight:700}.club-access-form{display:grid;gap:9px}.club-access-form label{margin:0;color:#344054;font-size:13px;font-weight:900}.club-access-form input{height:54px;border:1px solid #cbd5e1;border-radius:15px;padding:0 15px;color:#172033;background:#fff;font-size:17px;letter-spacing:.03em}.club-access-form input:focus{outline:3px solid rgba(245,158,11,.2);border-color:#d97706}.club-access-form button{min-height:52px;margin-top:5px;border:0;border-radius:15px;background:linear-gradient(135deg,#8e2c2d,#611b20);color:#fff;font-size:15px;font-weight:950;cursor:pointer;box-shadow:0 12px 25px rgba(126,36,40,.22)}.club-access-form button:hover{filter:brightness(1.06);transform:translateY(-1px)}.club-access-help{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid #e5e7eb;font-size:13px}.club-access-help span{color:#667085}.club-access-help a{color:#8e2c2d;font-weight:900}.club-access-privacy{display:block;margin-top:17px;color:#98a2b3;line-height:1.45}.club-access-benefits{grid-column:1/-1;padding:25px;border-radius:27px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 14px 34px rgba(15,23,42,.07)}.club-access-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.club-access-section-head span{display:block;color:#b45309;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.club-access-section-head h2{margin:5px 0 0;color:#172033;font-size:28px}.club-access-section-head>a{padding:10px 14px;border-radius:12px;background:#172033;color:#fff;font-weight:900}.club-access-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.club-access-benefit-grid article{padding:18px;border:1px solid #e8eaee;border-radius:18px;background:#fbfaf9}.club-access-benefit-grid strong{color:#172033;font-size:17px}.club-access-benefit-grid p{margin:7px 0 0;color:#667085;line-height:1.5;font-size:13px} @media(max-width:900px){.club-access-page{background:linear-gradient(180deg,#0a0d12 0,#17120d 32%,#f8fafc 32%)}.club-access-shell{grid-template-columns:1fr}.club-access-hero,.club-access-hero-content{min-height:430px}.club-access-card{margin-top:-70px;position:relative;z-index:2;width:min(92%,560px);justify-self:center}.club-access-benefit-grid{grid-template-columns:1fr 1fr}} @media(max-width:620px){.club-access-page{padding:10px 10px 30px;background:#f8fafc}.club-access-shell{gap:12px}.club-access-hero{min-height:auto;border-radius:24px}.club-access-hero-content{min-height:410px;padding:22px}.club-access-copy h1{font-size:39px}.club-access-copy p{font-size:16px}.club-access-feature-list{display:grid}.club-access-card{width:calc(100% - 14px);margin-top:-52px;padding:22px;border-radius:22px}.club-access-card-head h2{font-size:25px}.club-access-benefits{padding:19px;border-radius:22px}.club-access-section-head{display:block}.club-access-section-head>a{display:inline-flex;margin-top:12px}.club-access-benefit-grid{grid-template-columns:1fr}.club-access-help{display:grid}.club-access-brand .brand-logo{width:55px;height:55px}} /* v0.2.116-alpha / v4.0.76 - Réguas: restauração do dicionário completo de variáveis */ .rel-vars-page>summary,.rel-vars-inline>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.rel-vars-page>summary::-webkit-details-marker,.rel-vars-inline>summary::-webkit-details-marker{display:none}.rel-vars-page>summary span:first-child,.rel-vars-inline>summary span:first-child{min-width:0}.rel-vars-page>summary strong,.rel-vars-inline>summary strong{display:block;color:#0f172a}.rel-vars-page>summary small,.rel-vars-inline>summary small{display:block;margin-top:4px;color:#64748b;font-weight:600}.rel-vars-page[open]>summary,.rel-vars-inline[open]>summary{padding-bottom:14px;border-bottom:1px solid #e5e7eb;margin-bottom:14px}.rel-vars-inline{margin:14px 0;padding:15px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.rel-vars-inline .rel-vars-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.rel-var-copy{transition:background .15s ease,color .15s ease}.rel-var-copy:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}@media(max-width:680px){.rel-vars-page>summary{display:grid}.rel-vars-page .badge{justify-self:start}.rel-vars-grid{grid-template-columns:1fr}.rel-var-token{align-items:flex-start}.rel-var-token code{white-space:normal;overflow-wrap:anywhere}} /* Unidades e gestores / alertas internos - v0.2.117 / v4.0.77 */ .units-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:16px}.unit-admin-card{border:1px solid #e2e8f0;border-radius:22px;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.unit-admin-card.is-inactive{background:#f8fafc;opacity:.82}.unit-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.unit-admin-head h3{margin:3px 0;font-size:22px}.unit-admin-head small,.unit-admin-head span{color:#64748b}.unit-data-form{padding-bottom:16px;border-bottom:1px solid #e2e8f0}.unit-managers-form{display:grid;gap:12px;padding-top:16px}.unit-managers-form>div>small{display:block;color:#64748b;margin-top:3px}.unit-manager-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}.unit-manager-option{display:flex!important;align-items:flex-start;gap:9px;margin:0!important;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.unit-manager-option input{width:auto;margin-top:3px}.unit-manager-option strong,.unit-manager-option small{display:block}.unit-manager-option small{color:#64748b;font-weight:500;margin-top:2px}@media(max-width:680px){.units-admin-grid{grid-template-columns:1fr}.unit-manager-options{grid-template-columns:1fr}.unit-admin-card{padding:14px}.unit-admin-head{display:grid}} /* v0.2.119-alpha / v4.0.79 - Réguas: destinatários internos somente quando escolhidos */ .rel-internal-recipients-row{transition:opacity .18s ease} .rel-internal-recipients-row.is-disabled{opacity:.62} .rel-internal-recipients-row.is-disabled select{background:#f3f4f6;color:#64748b;cursor:not-allowed} /* v0.2.120-alpha / v4.0.80 - NPS & Experiência: painel analítico avançado */ .experience-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:16px;padding:30px 32px;border-radius:30px;background:radial-gradient(circle at 85% 12%,rgba(251,191,36,.34),transparent 28%),linear-gradient(135deg,#111827,#1f2937 58%,#78350f);color:#fff;box-shadow:0 24px 62px rgba(15,23,42,.20);overflow:hidden}.experience-hero h2{margin:6px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.08;color:#fff;letter-spacing:-.035em}.experience-hero p{max-width:920px;margin:0;color:#e5e7eb;line-height:1.55}.experience-eyebrow{display:block;color:#fbbf24;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.experience-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}.experience-hero .btn.ghost{background:rgba(255,255,255,.11);color:#fff!important;border-color:rgba(255,255,255,.24)} .experience-period-nav{display:flex;align-items:center;gap:8px;margin:0 0 14px;overflow:auto;padding:2px 2px 5px}.experience-period-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#475569;font-size:12px;font-weight:900;white-space:nowrap}.experience-period-nav a:hover,.experience-period-nav a.active{background:#111827;color:#fff;border-color:#111827}.experience-period-nav>span{margin-left:auto;padding:8px 12px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:900;white-space:nowrap} .experience-filter-card{padding:0;overflow:hidden}.experience-filter-form{display:grid}.experience-filter-primary{display:grid;grid-template-columns:155px 150px 150px minmax(190px,.8fr) minmax(170px,.7fr) minmax(260px,1.5fr);gap:11px;align-items:end;padding:20px 22px}.experience-filter-primary label,.experience-filter-groups label,.experience-filter-actions label{margin:0;font-size:12px;color:#475569}.experience-filter-primary select,.experience-filter-primary input,.experience-filter-groups select,.experience-filter-groups input,.experience-filter-actions select{min-height:44px;border-color:#d8dee8;border-radius:12px}.experience-search{min-width:0}.experience-advanced-filters{border-top:1px solid #e5e7eb;background:#fbfcfe}.experience-advanced-filters>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;cursor:pointer}.experience-advanced-filters>summary::-webkit-details-marker{display:none}.experience-advanced-filters>summary span{display:grid;gap:3px}.experience-advanced-filters>summary strong{color:#111827}.experience-advanced-filters>summary small{color:#64748b;font-weight:500}.experience-advanced-filters>summary b{padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:11px;white-space:nowrap}.experience-advanced-filters[open]>summary b{background:#111827;color:#fff}.experience-filter-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 22px 20px}.experience-filter-groups fieldset{min-width:0;margin:0;padding:14px;border:1px solid #e2e8f0;border-radius:17px;background:#fff}.experience-filter-groups legend{padding:0 7px;color:#7c2d2f;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.experience-filter-groups label{display:grid;gap:5px;margin-bottom:10px}.experience-filter-groups label:last-child{margin-bottom:0}.experience-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.experience-filter-actions{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:16px 22px;border-top:1px solid #e5e7eb;background:#fff}.experience-filter-actions>label{max-width:170px}.experience-filter-actions>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.experience-filter-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 15px}.experience-filter-summary>*{padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px}.experience-filter-summary strong{background:#111827;color:#fff} .experience-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:16px}.experience-kpi{position:relative;min-width:0;padding:17px 18px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055);overflow:hidden}.experience-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#94a3b8}.experience-kpi.nps:before{background:#2563eb}.experience-kpi.positive:before{background:#16a34a}.experience-kpi.neutral:before{background:#f59e0b}.experience-kpi.negative:before{background:#dc2626}.experience-kpi.attention:before{background:#7c3aed}.experience-kpi small,.experience-kpi span{display:block;color:#64748b;font-size:11px}.experience-kpi strong{display:block;margin:5px 0 4px;color:#111827;font-size:28px;line-height:1.1;letter-spacing:-.03em} .experience-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.experience-trend-card,.experience-composition-card{min-height:340px}.experience-empty{display:grid;place-items:center;align-content:center;gap:5px;min-height:180px;padding:28px;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b;text-align:center}.experience-empty strong{color:#334155}.experience-stacked-bar{display:flex;height:24px;margin:35px 0 26px;border-radius:999px;overflow:hidden;background:#e2e8f0;box-shadow:inset 0 1px 2px rgba(15,23,42,.12)}.experience-stacked-bar span{display:block;height:100%;min-width:0}.experience-stacked-bar .promoters,.experience-composition-list i.promoters{background:#16a34a}.experience-stacked-bar .neutrals,.experience-composition-list i.neutrals{background:#f59e0b}.experience-stacked-bar .detractors,.experience-composition-list i.detractors{background:#dc2626}.experience-composition-list{display:grid;gap:11px}.experience-composition-list>div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f7}.experience-composition-list i{width:10px;height:10px;border-radius:50%}.experience-composition-list span{color:#475569}.experience-composition-list strong{color:#111827} .experience-analysis-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.experience-ranking-table td small{display:block;margin-top:3px;color:#64748b}.experience-attribute-list{display:grid;gap:14px}.experience-attribute-list>div{display:grid;grid-template-columns:145px 1fr 45px;gap:10px;align-items:center}.experience-attribute-list span{color:#334155;font-size:13px;font-weight:800}.experience-attribute-list strong{text-align:right;color:#111827}.experience-attribute-list .bar-track{height:10px} .experience-segments-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.experience-segment-card{min-width:0;margin-bottom:16px;padding:17px}.experience-segment-card h3{margin:0 0 14px;font-size:15px}.experience-segment-list{display:grid;gap:9px}.experience-segment-list>div{display:grid;grid-template-columns:minmax(80px,1fr) minmax(50px,.8fr) auto;gap:7px;align-items:center}.experience-segment-list span{overflow:hidden;color:#475569;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.experience-segment-list>div>div{height:7px;border-radius:999px;background:#eef2f7;overflow:hidden}.experience-segment-list i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#7c2d2f)}.experience-segment-list strong{font-size:11px;color:#111827} .experience-feedback-card{overflow:visible}.experience-feedback-list{display:grid;gap:10px}.experience-feedback-item{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 16px;border:1px solid #e2e8f0;border-left:5px solid #94a3b8;border-radius:18px;background:#fff}.experience-feedback-item.promoter{border-left-color:#16a34a}.experience-feedback-item.neutral{border-left-color:#f59e0b}.experience-feedback-item.detractor{border-left-color:#dc2626}.experience-score{display:grid;place-items:center;align-content:center;width:65px;height:65px;border-radius:18px;background:#f8fafc;text-align:center}.experience-score strong{font-size:28px;line-height:1;color:#111827}.experience-score span{margin-top:4px;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase}.experience-feedback-main{min-width:0}.experience-feedback-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.experience-feedback-title strong{color:#111827}.experience-feedback-title small{display:block;margin-top:3px;color:#64748b}.experience-feedback-tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.experience-feedback-tags span{padding:4px 7px;border-radius:999px;background:#eff6ff;color:#1e40af;font-size:10px;font-weight:850}.experience-feedback-tags span.attention{background:#fff7ed;color:#9a3412}.experience-feedback-main p{margin:0;color:#475569;font-size:13px;line-height:1.45}.experience-pagination{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:17px}.experience-pagination>span{margin-right:auto;color:#64748b;font-size:12px}.experience-pagination>a:not(.btn){display:grid;place-items:center;min-width:35px;height:35px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:12px;font-weight:900}.experience-pagination>a.active{background:#111827;color:#fff;border-color:#111827} .experience-cases-card form{display:grid;gap:6px;min-width:150px}.experience-cases-card select{padding:8px 9px;border-radius:10px}.experience-google-details{padding:0;overflow:hidden}.experience-google-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;cursor:pointer}.experience-google-details>summary::-webkit-details-marker{display:none}.experience-google-details>summary span{display:grid;gap:3px}.experience-google-details>summary small{color:#64748b}.experience-google-details>summary b{padding:7px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:11px}.experience-google-content{padding:0 22px 22px;border-top:1px solid #e5e7eb}.experience-google-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.experience-google-kpis>div{padding:13px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}.experience-google-kpis small,.experience-google-kpis strong{display:block}.experience-google-kpis small{color:#64748b}.experience-google-kpis strong{margin-top:4px;font-size:22px} body.experience-modal-open{overflow:hidden}.experience-modal-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.72);backdrop-filter:blur(4px)}.experience-modal-backdrop[hidden]{display:none!important}.experience-modal{width:min(860px,100%);max-height:92vh;overflow:hidden;border-radius:25px;background:#fff;box-shadow:0 34px 100px rgba(15,23,42,.45)}.experience-modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 23px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fff,#f8fafc)}.experience-modal>header small{color:#7c2d2f;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.experience-modal>header h2{margin:4px 0 0}.experience-modal>header button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#e2e8f0;color:#111827;font-size:24px;cursor:pointer}.experience-modal-body{max-height:calc(92vh - 82px);overflow:auto;padding:22px 23px}.experience-modal-score{display:flex;align-items:center;gap:14px;margin-bottom:15px}.experience-modal-score>strong{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:#111827;color:#fff;font-size:32px}.experience-modal-score b,.experience-modal-score span{display:block}.experience-modal-score span{margin-top:4px;color:#64748b}.experience-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.experience-modal-grid>div{padding:13px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.experience-modal-grid small,.experience-modal-grid strong,.experience-modal-grid span{display:block}.experience-modal-grid small{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.06em}.experience-modal-grid strong{margin:4px 0;color:#111827}.experience-modal-grid span{color:#64748b;font-size:12px;overflow-wrap:anywhere}.experience-modal-body>section{margin-top:15px;padding:15px;border:1px solid #e2e8f0;border-radius:17px}.experience-modal-body>section h3{margin:0 0 9px}.experience-modal-attributes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.experience-modal-attributes>div{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:11px;background:#f8fafc}.experience-modal-attributes span{color:#64748b;font-size:12px} @media(max-width:1450px){.experience-filter-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-filter-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-segments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1050px){.experience-overview-grid,.experience-analysis-grid{grid-template-columns:1fr}.experience-segments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-feedback-item{grid-template-columns:70px minmax(0,1fr)}.experience-feedback-item>.btn{grid-column:2;justify-self:start}.experience-google-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.experience-hero{display:grid;padding:23px;border-radius:23px}.experience-hero-actions{justify-content:flex-start}.experience-period-nav>span{display:none}.experience-filter-primary{grid-template-columns:1fr 1fr;padding:16px}.experience-search{grid-column:1/-1}.experience-filter-groups{grid-template-columns:1fr;padding:0 16px 16px}.experience-advanced-filters>summary{align-items:flex-start;padding:14px 16px}.experience-filter-actions{align-items:stretch;display:grid;padding:14px 16px}.experience-filter-actions>label{max-width:none}.experience-filter-actions>div{display:grid;grid-template-columns:1fr}.experience-filter-actions .btn{width:100%}.experience-kpi-grid{grid-template-columns:1fr 1fr}.experience-segments-grid{grid-template-columns:1fr}.experience-feedback-item{grid-template-columns:58px minmax(0,1fr);padding:13px}.experience-score{width:52px;height:52px;border-radius:15px}.experience-score strong{font-size:23px}.experience-feedback-title{display:grid}.experience-feedback-title .badge{justify-self:start}.experience-pagination{justify-content:center}.experience-pagination>span{width:100%;margin:0;text-align:center}.experience-modal-backdrop{align-items:flex-end;padding:8px}.experience-modal{max-height:94vh;border-radius:22px 22px 14px 14px}.experience-modal-body{max-height:calc(94vh - 76px);padding:17px}.experience-modal>header{padding:17px}.experience-modal-grid{grid-template-columns:1fr}.experience-modal-attributes{grid-template-columns:1fr 1fr}.experience-google-kpis{grid-template-columns:1fr 1fr}} @media(max-width:480px){.experience-filter-primary{grid-template-columns:1fr}.experience-search{grid-column:auto}.experience-kpi-grid{grid-template-columns:1fr}.experience-attribute-list>div{grid-template-columns:115px 1fr 38px}.experience-feedback-item{grid-template-columns:1fr}.experience-score{width:100%;height:auto;display:flex;justify-content:flex-start;gap:8px;padding:9px 11px}.experience-score span{margin:0;align-self:center}.experience-feedback-item>.btn{grid-column:auto;width:100%}.experience-google-kpis{grid-template-columns:1fr}.experience-modal-attributes{grid-template-columns:1fr}}