.settings-workspace {max-width:1200px;margin:0 auto;--font-body:var(--font-ui);--cat-ink:var(--cat-text);--cat-line:var(--cat-border);--cat-accent-soft:var(--cat-tint)}
.settings-workspace .page-title {font:700 36px/1.2 var(--font-body);letter-spacing:-.5px;color:var(--cat-ink)}
.settings-workspace .page-subtitle {font-size:16px;line-height:1.5;margin-top:8px}
.settings-navigation {display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.settings-navigation button {padding:12px 16px;min-height:44px;border:1px solid var(--cat-line);border-radius:8px;background:var(--cat-surface);color:var(--cat-muted);font:600 14px/1.5 var(--font-body);cursor:pointer}
.settings-navigation button[aria-pressed=true] {background:var(--cat-accent-soft);border-color:var(--cat-accent);color:var(--cat-accent)}
.settings-layout {display:grid;grid-template-columns:208px minmax(0,1fr);gap:32px;align-items:start;margin-top:24px}
.settings-menu {min-width:0;position:sticky;top:24px}
.settings-section-nav {display:grid;gap:4px}
.settings-section-nav a {display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:8px;border-left:3px solid transparent;color:var(--cat-muted);font:600 14px/1.5 var(--font-body);text-decoration:none}
.settings-section-nav a:hover,.settings-section-nav a:focus-visible {background:var(--cat-surface-muted,var(--cat-tint));color:var(--cat-ink)}
.settings-section-nav a[aria-current=page] {background:var(--cat-accent-soft);border-left-color:var(--cat-accent);color:var(--cat-accent)}
.settings-section-nav a:focus-visible {outline:2px solid var(--cat-accent);outline-offset:2px}
.settings-workspace .settings-sections {max-width:none;gap:24px}
.settings-workspace [hidden] {display:none!important}
.settings-workspace .settings-section {padding:24px;border-radius:16px;box-shadow:none;border:1px solid var(--cat-line);background:var(--cat-surface);min-width:0}
.settings-workspace .settings-section-title {font:600 20px/1.5 var(--font-body);margin:0 0 24px;color:var(--cat-ink)}

.settings-workspace .form-group {margin:0;min-width:0}
.settings-workspace .form-row {gap:24px}
.settings-workspace .form-label {font-size:14px;text-transform:none;letter-spacing:0;margin-bottom:8px}
.settings-workspace .form-input {min-height:48px;font-size:16px}
.settings-workspace #salon-form {max-width:896px;gap:24px}
.settings-workspace #set-salon-name {max-width:640px}
.settings-workspace .salon-address-fields {display:grid;gap:16px;padding:20px;border:1px solid var(--cat-line);border-radius:12px;background:var(--cat-surface-muted,var(--cat-tint))}
.settings-workspace .salon-address-fields > div:first-child .form-label {margin:0 0 4px}
.settings-workspace .salon-address-fields > div:first-child .field-help {margin:0}
.settings-workspace .salon-legacy-address {margin:0;padding:12px;border-left:3px solid var(--cat-accent);background:var(--cat-surface)}
.settings-workspace .salon-address-row {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.settings-workspace .salon-info-fields textarea.form-input {resize:vertical;min-height:64px}
.settings-workspace .salon-pay-options {display:flex;flex-wrap:wrap;gap:8px 20px;margin:4px 0 10px}
.settings-workspace .salon-pay-options label {display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.settings-workspace .salon-address-first-row {grid-template-columns:150px minmax(0,1fr) 120px}
.settings-workspace .salon-address-last-row {grid-template-columns:minmax(0,1fr) 100px}
.settings-workspace p {line-height:1.5;font-size:14px}
.settings-workspace .settings-links {display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.settings-workspace .wa-acoes {margin:16px 0;gap:12px;flex-wrap:wrap}

.settings-workspace #salon-feedback {color:var(--cat-accent)}
.settings-workspace #backup-status {display:block;margin:16px 0!important;overflow-wrap:anywhere}
@media(max-width:760px){
 .settings-layout {display:block;margin-top:16px}
 .settings-menu {margin-bottom:20px;position:static}
 .settings-section-nav {display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px}
 .settings-section-nav::-webkit-scrollbar {display:none}
 .settings-section-nav a {flex:none;white-space:nowrap;min-height:44px;padding:8px 14px;border:1px solid var(--cat-line);border-left-width:1px;border-radius:999px;background:var(--cat-surface)}
 .settings-section-nav a[aria-current=page] {border-color:var(--cat-accent)}
}
@media(max-width:640px){
 .settings-workspace .page-title {font-size:24px}
 .settings-workspace .page-header {margin-bottom:16px}
 .settings-navigation {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
 .settings-navigation button:last-child {grid-column:auto}
 .settings-workspace .settings-section {padding:16px;border-radius:12px}
 .settings-workspace .settings-section-title {font-size:18px;margin-bottom:24px}
 .settings-workspace .salon-address-row,.settings-workspace .salon-address-first-row,.settings-workspace .salon-address-last-row {grid-template-columns:1fr;gap:16px}
 .settings-workspace .btn {max-width:100%;white-space:normal;min-height:44px}
 .settings-workspace .settings-section>.flex {flex-wrap:wrap}
 .settings-workspace .template-item {display:flex;flex-direction:column;align-items:stretch}
}
.billing-heading {display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}
.billing-section h2 {font:700 24px/1.2 var(--font-body);margin:0 0 12px}
.billing-section h3 {font:600 18px/1.5 var(--font-body);margin:0 0 12px}
.billing-section p {margin:8px 0 16px;max-width:75ch}
.billing-notice {padding:24px;margin:24px 0;background:var(--cat-tint);color:var(--cat-accent);border-radius:12px}
.billing-access {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;margin:24px 0;border:1px solid var(--cat-border);border-left:4px solid var(--cat-accent);border-radius:12px;background:var(--cat-surface)}
.billing-access p {margin:8px 0;max-width:65ch}.billing-access small {color:var(--cat-muted)}
.billing-access-restricted,.billing-access-recoverable,.billing-access-retention_due {border-left-color:var(--danger,#b64032);background:var(--cat-danger-tint,#fff3f1)}
.billing-access-grace,.billing-access-free,.billing-access-ai {border-left-color:var(--warning,#b27816);background:var(--cat-warning-tint,#fff8e8)}
.billing-plans {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.billing-plans article {padding:24px;border:1px solid var(--cat-border);border-radius:12px;display:flex;flex-direction:column;align-items:start}
.billing-plans .btn {margin-top:auto}
.billing-checkout-controls {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.billing-checkout-controls label {display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}
.billing-checkout-controls .form-select {min-height:48px;font-size:16px}
.automatic-pix-checkout {display:grid;gap:12px;margin-top:16px}
.automatic-pix-checkout img {width:220px;height:220px;max-width:100%;padding:8px;background:#fff;border:1px solid var(--border,#d9dee7);border-radius:12px}
.automatic-pix-checkout textarea {width:100%;max-width:680px;min-height:96px;padding:12px;border:1px solid var(--border,#d9dee7);border-radius:8px;resize:vertical;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.billing-price {font-size:24px}.billing-price small {font-size:14px;font-weight:400}
.billing-block {border-top:1px solid var(--cat-border);padding-top:32px;margin-top:32px}
.billing-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.billing-form>label {display:grid;gap:8px;font-size:14px;min-width:0}
.billing-form fieldset,.billing-wide {grid-column:1/-1}
.billing-form fieldset,.billing-dialog fieldset {padding:16px;border:1px solid var(--cat-border);border-radius:8px;display:flex;gap:16px;flex-wrap:wrap}
.billing-dialog {display:grid;gap:24px}.billing-dialog label {line-height:1.5}
.billing-dialog input,.billing-form input[type=radio] {accent-color:var(--cat-accent)}
.billing-dialog input[type=radio],.billing-dialog input[type=checkbox],.billing-form input[type=radio] {width:18px;height:18px;vertical-align:middle;margin-right:8px}
.billing-dialog label,.billing-form fieldset label {min-height:44px;padding:8px 0}
.billing-history article {display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px 0;border-bottom:1px solid var(--cat-border)}
.billing-history {margin-bottom:24px}.billing-history p {margin-bottom:8px}
@media(max-width:640px){.billing-plans,.billing-form,.billing-checkout-controls{grid-template-columns:1fr}.billing-notice,.billing-plans article,.billing-access{padding:16px}.billing-access{align-items:stretch;flex-direction:column;gap:16px}.billing-access .btn{width:100%;justify-content:center}.billing-history article{align-items:start;flex-direction:column}.billing-heading h2{font-size:20px}}
/* Divulgação progressiva: custos e regras continuam acessíveis, sem competir com a tarefa. */
.billing-details { margin: 12px 0; }
.billing-details > summary { cursor: pointer; padding: 12px 0; min-height: 44px; font-weight: 600; }
.billing-details[open] > summary { margin-bottom: 8px; }
/* Ajustes pelo método: checklist do salão e textos na ordem da cadência. */
.method-checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.method-checklist li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px 0; border-top: 1px solid var(--cat-border, var(--rule)); }
.method-checklist li:first-child { border-top: 0; }
.method-check-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--cat-tint, #e3efe6); color: var(--cat-accent, #123e40); }
.method-checklist .is-todo .method-check-icon { background: var(--wait-bg, #fbeed5); color: var(--wait, #8a5a00); }
.method-checklist strong { display: block; font-size: 15px; }
.method-checklist p { margin: 2px 0 0; font-size: 13px; color: var(--cat-muted, #6b7068); }
.method-checklist .btn { width: auto; }
@media (max-width: 560px) { .method-checklist li { grid-template-columns: 28px minmax(0, 1fr); } .method-checklist .btn { grid-column: 2; justify-self: start; } }
.template-moment { display: inline-block; margin-right: 6px; padding: 2px 8px; border-radius: 999px; background: var(--cat-tint, #e3efe6); color: var(--cat-accent, #123e40); font-size: 13px; font-weight: 700; }
.template-preview { margin: 8px 0; padding: 10px 12px; border-radius: 12px 12px 12px 4px; background: #E7F6DE; color: #1F2A1C; }
.template-preview small { display: block; font-size: 13px; color: #4b5a47; margin-bottom: 2px; }
.template-preview p { margin: 0; font-size: 14px; line-height: 1.45; }
.template-legacy { margin-top: 16px; }
.template-legacy summary { cursor: pointer; font-weight: 600; color: var(--cat-muted, #6b7068); }
/* Contratação: resumo estável e formulário único, com os mesmos tokens do salão. */
.modal-container.checkout-modal {max-width:960px;width:calc(100% - 32px)}
.checkout-modal .modal-body {padding:0}
.checkout-layout {display:grid;grid-template-columns:320px minmax(0,1fr)}
.checkout-summary {padding:32px;background:var(--cat-tint);color:var(--cat-text);border-radius:0 0 0 12px}
.checkout-summary h2,.checkout-result h2 {font-size:24px;line-height:1.2;margin:12px 0}
.checkout-summary p,.checkout-main p,.checkout-result p {font-size:14px;line-height:1.5}
.checkout-eyebrow {font-size:13px;font-weight:600;letter-spacing:.08rem;text-transform:uppercase}
.checkout-summary .checkout-muted {color:var(--cat-text);font-size:13px;margin-top:24px}
.checkout-options {border:0;padding:0;margin:24px 0;display:grid;gap:8px}
.checkout-options legend,.checkout-methods legend {font-weight:600;font-size:14px;margin-bottom:12px}
.checkout-options label {display:flex;align-items:center;gap:12px;background:var(--cat-surface);padding:16px;border:1px solid var(--cat-border);border-radius:8px;cursor:pointer}
.checkout-options label:has(:checked),.checkout-methods label:has(:checked) {border-color:var(--cat-accent);box-shadow:inset 0 0 0 1px var(--cat-accent)}
.checkout-options small {display:block;font-size:13px;line-height:1.5;margin-top:4px}
.checkout-total {border-top:1px solid var(--cat-border);padding-top:24px;display:grid;gap:8px;font-size:14px}
.checkout-total strong {font-size:30px;line-height:1.2}
.checkout-main {padding:24px;min-width:0}
.checkout-main details {border-bottom:1px solid var(--cat-border);margin-bottom:24px;padding-bottom:16px}
.checkout-main summary {cursor:pointer;font-size:16px;font-weight:600;min-height:32px}
.checkout-main summary small {display:block;font-size:13px;font-weight:400;margin-top:4px;color:var(--cat-muted)}
.checkout-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.checkout-fields label {display:grid;gap:8px;min-width:0;font-size:14px;font-weight:600}
.checkout-fields label small {font-size:13px;font-weight:400;color:var(--cat-muted)}
.checkout-fields input,.checkout-fields select {width:100%;min-width:0;min-height:48px;font-size:16px}
.checkout-wide {grid-column:1/-1}
.checkout-methods {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.checkout-methods label {display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--cat-border);border-radius:8px;padding:12px;font-size:14px}
.checkout-methods label span {display:flex;align-items:center;gap:8px}
.checkout-modal input[type=radio],.checkout-modal input[type=checkbox] {accent-color:var(--cat-accent);width:18px;height:18px;flex-shrink:0}
.checkout-renewal {font-size:14px;line-height:1.5;margin:16px 0;padding:16px;background:var(--cat-tint);color:var(--cat-text);border-radius:8px}
.checkout-consent {display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}
.checkout-consent input {margin-top:2px}
.checkout-error {color:var(--danger);font-size:14px}
.checkout-error:empty {display:none}
.checkout-pay {width:100%;justify-content:center;min-height:48px;margin-top:24px}
.checkout-security {display:flex;gap:8px;align-items:flex-start;color:var(--cat-muted);font-size:13px!important;margin:16px 0 0}
.checkout-security svg {flex-shrink:0;margin-top:2px}
.checkout-result {padding:32px;max-width:640px;margin:auto;text-align:center}
.checkout-result-icon {display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--cat-tint);color:var(--cat-accent)}
.checkout-receipt {padding:24px;margin-top:24px;text-align:left;background:var(--cat-tint);color:var(--cat-text);border-radius:12px}
.checkout-summary .checkout-receipt {display:grid;gap:8px;padding:16px;margin-top:24px}
.checkout-summary .checkout-receipt strong {display:block;font-size:18px;line-height:1.5}
.checkout-summary .checkout-receipt p {margin:0}
.checkout-muted {color:var(--cat-muted)}
#checkout-pix {display:grid;justify-items:center;gap:12px;margin:24px 0}
#checkout-pix:empty {display:none}
#checkout-pix img {background:white;padding:8px;max-width:100%}
#checkout-pix label {width:100%;font-size:14px;text-align:left}
#checkout-pix textarea {display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--cat-border);border-radius:8px;font-size:13px;resize:vertical}
.checkout-modal [hidden] {display:none!important}
@media(max-width:768px){.checkout-layout{grid-template-columns:1fr}.checkout-summary,.checkout-main{padding:24px}.checkout-summary{border-radius:0}.checkout-summary .checkout-muted{display:none}.checkout-options{grid-template-columns:1fr 1fr;margin:16px 0}.checkout-options label{padding:12px}.checkout-total{padding-top:16px}.checkout-total strong{font-size:24px}.checkout-result{padding:24px}}
@media(max-width:400px){.checkout-fields{grid-template-columns:1fr}.checkout-summary,.checkout-main{padding:16px}.checkout-options{grid-template-columns:1fr}.checkout-methods label{padding:8px}}

.checkout-main #checkout-holder {margin-bottom:0;padding-bottom:8px}
.modal-container.checkout-modal {width:100%;max-height:calc(100dvh - 48px)}
@media(max-width:768px){.modal-overlay:has(>.checkout-modal){padding:0}.modal-container.checkout-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.checkout-summary h2{font-size:20px}.checkout-options{grid-template-columns:1fr 1fr}.checkout-main{padding:24px}}
/* Mensagens: o que responde quem escreve, dentro da janela de 24h */
.settings-workspace .msg-need-connection{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 14px;padding:10px 14px;border-radius:10px;background:var(--wait-bg,#fff8e8);color:var(--cat-text);font-size:14px}
.settings-workspace .msg-need-connection svg{color:var(--wait,#b27816)}
.settings-workspace .msg-need-connection a{font-weight:700;color:var(--cat-accent)}
.settings-workspace .msg-flow{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--cat-border);border-radius:12px;background:var(--cat-surface)}
.settings-workspace .msg-flow li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--cat-border)}
.settings-workspace .msg-flow li:first-child{border-top:0}
.settings-workspace .msg-flow-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cat-tint);color:var(--cat-accent)}
.settings-workspace .msg-flow li>div{flex:1;min-width:0;display:grid;gap:2px}
.settings-workspace .msg-flow li>div strong{font-size:15px;color:var(--cat-text)}
.settings-workspace .msg-flow li>div span{font-size:13.5px;line-height:1.5;color:var(--cat-muted)}
.settings-workspace .msg-flow li>.btn{flex:none;width:auto}
@media (max-width:540px){.settings-workspace .msg-flow li{flex-wrap:wrap}.settings-workspace .msg-flow li>.btn{margin-left:48px}}
/* Lembretes: título do interruptor em uma linha e a explicação embaixo */
.settings-workspace .reminder-toggle-row>span:first-child{display:grid;gap:3px;min-width:0}
.settings-workspace .reminder-toggle-row>span:first-child strong{font-size:14.5px}
.settings-workspace .reminder-toggle-row .field-help{display:block;margin:0;font-size:13px;line-height:1.5}
.settings-workspace #reminder-toggles{display:grid;gap:8px}
.settings-workspace #reminder-toggles>.field-help{margin:4px 0}

/* Lembretes: manual ou automático, por categoria */
.delivery-panel { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--rule, var(--cat-border)); }
.delivery-panel h5 { margin: 0 0 6px; font-size: 15px; }
.delivery-card { margin-top: 12px; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--rule, var(--cat-border)); }
.delivery-card header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; }
.delivery-card h6 { margin: 0; font-size: 14.5px; }
.delivery-now { font-size: 13px; color: var(--ink-mute, var(--cat-muted)); }
.delivery-now.is-auto strong { color: var(--ok, var(--brand)); }
.delivery-choice { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; margin-top: 10px; }
.delivery-choice label { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--rule, var(--cat-border)); cursor: pointer; }
.delivery-choice label:has(input:checked) { border-color: var(--brand); background: var(--brand-soft, transparent); }
.delivery-choice span { display: flex; flex-direction: column; gap: 2px; }
.delivery-choice small { color: var(--ink-mute, var(--cat-muted)); font-size: 13px; line-height: 1.45; }
.delivery-missing { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: var(--wait-bg, var(--cat-tint)); font-size: 13px; }
.delivery-missing ul { margin: 4px 0 0; padding-left: 18px; }
.delivery-ok { margin: 10px 0 0; color: var(--ok, var(--brand)); font-size: 13px; font-weight: 600; }
.delivery-foot { margin-top: 12px; }
.delivery-billing { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 10px 12px; border-radius: 10px; border: 1px dashed var(--rule, var(--cat-border)); cursor: pointer; }
.delivery-billing span { display: flex; flex-direction: column; gap: 2px; }
.delivery-billing small { color: var(--ink-mute, var(--cat-muted)); font-size: 13px; line-height: 1.45; }

/* Ajustes · link de agendamento (E2-06). */
.settings-workspace .booking-link-live { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 16px; padding: 12px 16px; border: 1px solid var(--cat-line); border-radius: 12px; background: var(--cat-surface-muted, var(--cat-tint)); }
.settings-workspace .booking-link-live a { font-weight: 700; word-break: break-all; }
.settings-workspace .booking-link-live .btn { width: auto; }
.settings-workspace .booking-link-address { display: flex; align-items: center; gap: 6px; }
.settings-workspace .booking-link-address span { color: var(--ink-mute, #6b6b64); font-size: 14px; white-space: nowrap; }
.settings-workspace .booking-link-toggle { align-self: end; }
#booking-link-slot { display: flex; flex-direction: column; gap: 4px; }

/* Ajustes · pedidos de dados (E2-07). */
.settings-workspace .privacy-requests { margin: 0; padding-left: 18px; display: grid; gap: 8px; font-size: 14px; }

/* Método · destaque do link de agendamento. */
.settings-workspace .method-link-where { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.settings-workspace .method-link-where > div { padding: 12px 14px; border-radius: 12px; background: var(--cat-surface, var(--surface, #fff)); border: 1px solid var(--cat-line); }
.settings-workspace .method-link-where p { font-size: 13px; color: var(--ink-mute, inherit); margin-top: 4px; }
.settings-workspace .method-link-texts summary { cursor: pointer; font-weight: 700; font-size: 14px; }
.settings-workspace .method-link-text { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--cat-line); }
.settings-workspace .method-link-text p { font-size: 13px; color: var(--ink-2, inherit); margin-top: 2px; }
/* Motivo do cancelamento: rótulo colado ao campo. */
.billing-dialog .form-label {min-height:0;padding:0;margin-bottom:-16px;font-weight:600}
.billing-dialog textarea.form-input {resize:vertical;min-height:88px}

/* Site e app do salão (A-01/A-02): modelos, imagens e contadores. */
.settings-workspace .site-stats { margin: -6px 0 14px; }
.settings-workspace .site-subtitle { margin: 22px 0 4px; font-size: 15px; font-weight: 700; }
.settings-workspace .site-templates { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin: 12px 0 18px; }
.settings-workspace .site-template { display: grid; gap: 8px; padding: 10px; border: 2px solid var(--cat-line); border-radius: 14px; background: var(--cat-surface, #fff); text-align: left; color: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.settings-workspace .site-template:hover { border-color: var(--accent, #123e40); }
.settings-workspace .site-template[aria-checked="true"] { border-color: var(--accent, #123e40); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #123e40) 18%, transparent); }
.settings-workspace .site-template-name { font-weight: 700; font-size: 14px; }
.settings-workspace .site-template-group { margin: 14px 0 6px; }
.settings-workspace .site-template-group-title { margin: 0; font-weight: 700; font-size: 15px; }
.settings-workspace .site-template-group-title small { margin-left: 6px; font-weight: 500; font-size: 13px; color: var(--ink-mute, #6b6b64); }
.settings-workspace .site-template-name small { margin-left: 6px; font-weight: 600; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-mute, #6b6b64); }
.settings-workspace .site-template-desc { font-size: 13px; line-height: 1.4; color: var(--ink-mute, #6b6b64); }
.settings-workspace .site-template-preview { position: relative; display: block; aspect-ratio: 9 / 13; border-radius: 10px; overflow: hidden; background: var(--cat-surface-muted, var(--cat-tint)); box-shadow: 0 0 0 1px var(--cat-line); }
.settings-workspace .site-template-preview img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.settings-workspace .site-images { display: grid; gap: 14px; margin: 16px 0; }
.settings-workspace .site-image { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; padding: 12px; border: 1px solid var(--cat-line); border-radius: 12px; }
.settings-workspace .site-image strong { display: block; margin-bottom: 2px; }
.settings-workspace .site-image .field-help { margin: 0 0 8px; }
.settings-workspace .site-image-preview { display: grid; place-items: center; overflow: hidden; background: var(--cat-surface-muted, var(--cat-tint)); color: var(--ink-mute, #6b6b64); font-weight: 800; }
.settings-workspace .site-image-preview img { width: 100%; height: 100%; object-fit: cover; }
.settings-workspace .site-image-preview.is-logo { width: 72px; height: 72px; border-radius: 16px; font-size: 22px; }
.settings-workspace .site-image-preview.is-cover { width: 120px; height: 80px; border-radius: 10px; font-size: 13px; font-weight: 600; }
.settings-workspace .site-image-buttons { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.settings-workspace .site-image-buttons .btn { width: auto; }
.settings-workspace .site-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.settings-workspace .site-actions .btn { width: auto; }
@media (min-width: 720px) { .settings-workspace .site-images { grid-template-columns: 1fr 1fr; } }

/* Galeria de trabalhos do site do salão. */
.settings-workspace .site-gallery-box { margin: 0 0 16px; padding: 12px; border: 1px solid var(--cat-line); border-radius: 12px; }
.settings-workspace .site-gallery li { display: grid; gap: 4px; }
.settings-workspace .site-gallery-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 8px; }
.settings-workspace .site-gallery-actions .clients-text-button { min-height: 44px; font-size: 13px; }
.settings-workspace .site-template-good { font-size: 13px; line-height: 1.35; font-weight: 600; color: var(--ink, inherit); }
.settings-workspace .site-palettes { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.settings-workspace .site-palette { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 12px 6px 6px; border: 2px solid var(--line, #d9d5cc); border-radius: 12px; background: var(--surface, #fff); color: inherit; font: inherit; font-size: 14px; cursor: pointer; }
.settings-workspace .site-palette[aria-checked="true"] { border-color: var(--ink, #123e40); box-shadow: 0 0 0 1px var(--ink, #123e40); }
.settings-workspace .site-palette:focus-visible { outline: 3px solid var(--ink, #123e40); outline-offset: 2px; }
.settings-workspace .site-palette-colors { display: flex; overflow: hidden; border-radius: 8px; width: 72px; height: 34px; flex: none; border: 1px solid rgba(0,0,0,.12); }
.settings-workspace .site-palette-colors > span { flex: 1; display: grid; place-items: center; font-weight: 700; font-size: 16px; }
.settings-workspace .site-palette-auto { background: linear-gradient(135deg, #e9e4da, #cfc9bd); color: #4a463f; }
.settings-workspace .site-palette-name { font-weight: 600; }

/* Revisão das telas · onda 6 (21/10/2026): Ajustes em 5 seções. */
.settings-workspace .settings-lead {margin:-12px 0 20px;color:var(--cat-muted);max-width:75ch}
.settings-workspace .msg-block {padding:24px 0;border-top:1px solid var(--cat-line)}
.settings-workspace .msg-block:first-of-type {padding-top:0;border-top:0}
.settings-workspace .msg-block h5,.settings-workspace .msg-block h3,.settings-workspace .cost-box-title {display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 17px/1.4 var(--font-body);color:var(--cat-ink)}
.settings-workspace .msg-step {display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--cat-accent);color:var(--cat-surface);font-size:14px;font-weight:700}
.settings-workspace .msg-optional {padding:2px 10px;border-radius:999px;background:var(--cat-tint);color:var(--cat-accent);font-size:13px;font-weight:600}
.settings-workspace .msg-lead {margin:0 0 16px;max-width:75ch}
.settings-workspace .msg-lead strong {color:var(--cat-ink)}
.settings-workspace .reminder-toggle-row {cursor:default;flex-wrap:wrap}
.settings-workspace .reminder-toggle-row>label {flex:1 1 220px;display:grid;gap:3px;min-width:0;cursor:pointer}
.settings-workspace .reminder-toggle-row>label strong {font-size:15px}
.settings-workspace .settings-text-link {min-height:44px;padding:0 4px;border:0;background:none;color:var(--cat-accent);font:600 14px/1.4 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.settings-workspace .settings-text-link.is-danger {color:var(--danger,#b64032)}
.settings-workspace #msg-templates {margin-top:12px}
.settings-workspace #msg-templates>summary,.settings-workspace .delivery-details>summary,.settings-workspace .site-where>summary,.settings-workspace .site-more>summary,.settings-workspace .consent-blocks>summary {min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:var(--cat-accent)}
.settings-workspace .msg-flow-price {color:var(--cat-ink)!important;font-weight:600}
.settings-workspace .msg-flow-state {font-style:normal}
.settings-workspace .msg-flow li>div.msg-flow-actions {display:flex;flex-wrap:wrap;gap:8px;flex:none;align-self:center}
.settings-workspace .msg-flow-actions .btn {width:auto}
.settings-workspace .msg-flow li#settings-ai-row {align-items:flex-start}
.cost-box {padding:20px;border:1px solid var(--cat-line);border-radius:14px;background:var(--cat-surface)}
.cost-box-title {display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px;font-weight:700}
.cost-box-list {margin:0;padding:0;list-style:none;display:grid;gap:10px}
.cost-box-list li {padding-left:16px;border-left:3px solid var(--cat-line);font-size:14px;line-height:1.55}
.cost-box-list li.is-free {border-left-color:var(--ok,#2f7d4f)}
.cost-box-list strong {color:var(--cat-ink,inherit)}
.cost-box .delivery-details {margin-top:16px;padding-top:8px;border-top:1px solid var(--cat-line)}
.billing-section .cost-box {margin:24px 0}
.delivery-steps {margin:12px 0;padding-left:20px;display:grid;gap:10px;font-size:14px;line-height:1.5}
.delivery-steps li.is-done::marker {color:var(--ok,#2f7d4f)}
.delivery-steps .delivery-billing {margin-top:8px;border-style:solid;min-height:44px;align-items:center}
.settings-workspace .salon-info-fields>summary {display:flex;align-items:center;min-height:44px;cursor:pointer;list-style-position:outside}
.settings-workspace .salon-info-fields>summary>span {display:grid;gap:2px}
.settings-workspace .salon-info-fields[open]>summary {margin-bottom:8px}
.settings-workspace .site-step {padding-top:8px}
.settings-workspace .site-step .site-subtitle {display:flex;align-items:center;gap:10px;font-size:17px;margin-top:24px}
.settings-workspace .site-palette-title {margin:16px 0 0}
.settings-workspace .site-off-note {margin:0 0 8px;padding:12px 16px;border-radius:12px;background:var(--cat-tint);font-size:14px}
.settings-workspace .site-live-dot {width:10px;height:10px;border-radius:50%;background:var(--ok,#2f7d4f);flex:none}
.settings-workspace .site-where {margin:0 0 8px}
.settings-workspace .site-where .method-link-where {margin:8px 0}
.settings-workspace .site-more {margin:8px 0 0}
.settings-workspace .site-save-bar {position:sticky;bottom:0;z-index:5;align-items:center;margin:16px -24px -24px;padding:12px 24px;border-top:1px solid var(--cat-line);background:var(--cat-surface);border-radius:0 0 16px 16px}
.settings-workspace .site-save-bar #site-feedback,.settings-workspace .site-save-bar #salon-feedback {flex-basis:100%;margin:0}
.settings-workspace .consent-headline {margin:0 0 8px;font-size:16px}
.settings-workspace .consent-lines {margin:0;padding:0;list-style:none;display:grid;gap:8px}
.settings-workspace .consent-lines li {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;border:1px solid var(--cat-line);border-radius:12px;font-size:14px}
.settings-workspace .consent-lines li span {flex:1 1 260px}
.settings-workspace .consent-lines li.is-pending {border-left:4px solid var(--warning,#b27816)}
.settings-workspace .consent-lines .btn {width:auto}
.settings-workspace .consent-rule {display:flex;gap:8px;align-items:flex-start;margin:16px 0;color:var(--cat-muted)}
.settings-workspace .consent-blocks .privacy-list-head {display:grid;gap:8px;margin:8px 0}
.settings-workspace .consent-blocks #btn-suppress-phone {width:auto;margin-top:12px}
.billing-trial-top {margin:16px 0 8px;padding:20px 24px;border-radius:12px;border-left:4px solid var(--cat-accent);background:var(--cat-tint)}
.billing-trial-top strong {font-size:17px;color:var(--cat-ink)}
.billing-trial-top p {margin:6px 0 0}
.billing-plans .billing-free {border-style:dashed;color:var(--cat-muted)}
.billing-plans .is-suggested {border:2px solid var(--cat-accent)}
.billing-suggested {display:inline-block;margin:0 0 8px;padding:2px 10px;border-radius:999px;background:var(--cat-tint);color:var(--cat-accent);font-size:13px;font-weight:700}
.billing-account {margin:16px 0 24px;padding:20px 24px;border:1px solid var(--cat-line);border-left:4px solid var(--cat-accent);border-radius:12px;background:var(--cat-surface)}
.billing-account h3 {margin:0 0 8px}
.billing-account-trial {margin:0 0 12px!important}
.billing-account-lines {margin:0;padding:0;list-style:none;display:grid;gap:8px}
.billing-account-lines li {display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid var(--cat-line);font-size:14px;line-height:1.5}
.billing-account-lines li>span:first-child {font-weight:700;color:var(--cat-ink)}
.billing-account-total {margin:12px 0 0!important;font-size:16px}
.billing-sofia-line {display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
@media(max-width:640px){
 .settings-workspace .site-save-bar {margin:16px -16px -16px;padding:12px 16px}
 .settings-workspace .msg-flow li>div.msg-flow-actions {margin-left:48px;flex:1 1 calc(100% - 48px)}
 .settings-workspace .msg-flow-actions .btn {white-space:normal}
 .cost-box {padding:16px}
 .settings-workspace .msg-flow li>div:not(.msg-flow-actions) {flex:1 1 calc(100% - 48px)}
 .settings-workspace .msg-flow li>.btn {margin-left:48px}
}

/* Onda 6 · 2ª rodada (personas): preço no topo, custo recolhido, estados claros. */
.settings-workspace .settings-price-top {margin:-12px 0 20px;padding:12px 16px;border-radius:12px;background:var(--cat-tint);font-size:14px}
.cost-box.is-collapsible>summary {cursor:pointer;flex-wrap:wrap;min-height:44px;margin:0}
.cost-box.is-collapsible[open]>summary {margin-bottom:12px}
.cost-box-hint {flex-basis:100%;font-size:14px;font-weight:400;color:var(--cat-muted)}
.cost-box-hint u {color:var(--cat-accent);font-weight:600}
.cost-box.is-collapsible[open] .cost-box-hint {display:none}
.settings-workspace .reminder-toggle-row.is-off {border-color:var(--warning,#b27816);background:var(--cat-surface)}
.settings-workspace .reminder-off-note {display:block;margin-top:4px;color:var(--warning-text,#8a5a0b);font-size:13px;font-weight:700}
.settings-workspace .reminder-off-note[hidden] {display:none}
.settings-workspace .salon-info-fields>summary {justify-content:space-between;gap:12px}
.settings-workspace .summary-open {display:inline-flex;align-items:center;gap:4px;flex:none;padding:8px 12px;border:1px solid var(--cat-line);border-radius:8px;background:var(--cat-surface);color:var(--cat-accent);font-size:14px;font-weight:600}
.settings-workspace .salon-info-fields[open] .summary-open {display:none}
.settings-workspace .consent-actions {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px}
.settings-workspace .consent-actions .btn {width:auto}
.settings-workspace .consent-actions .field-help {margin:0}
.settings-workspace .settings-account-line {padding:16px 24px}
.settings-workspace .settings-account-line p {display:flex;gap:10px;align-items:flex-start;margin:0}
.settings-workspace .site-where .form-label {margin:8px 0 0}
.settings-workspace .site-texts>summary {min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:var(--cat-accent)}
@media(max-width:640px){
 .billing-account {padding:16px}
 .billing-account-lines li {grid-template-columns:1fr;gap:2px}
}
/* Onda 6 · 3ª rodada. */
.settings-workspace .consent-blocks>summary {gap:6px}
.settings-workspace .site-other-models {margin:8px 0 16px}
.settings-workspace .site-other-models>summary {min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--cat-accent)}
/* Onda 6 · 4ª rodada. */
.settings-workspace .settings-notice {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:-8px 0 20px;padding:12px 16px;border-radius:12px;background:var(--cat-tint);font-size:14px}
.settings-workspace .settings-notice[hidden] {display:none}
.settings-workspace .settings-notice span {flex:1 1 240px}
.settings-workspace .summary-open {white-space:nowrap}
.cost-box-list li {font-size:15px}
@media(max-width:640px){
 .billing-section .settings-navigation {display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .billing-section .settings-navigation button {flex:none;white-space:nowrap}
}
.cost-box-list li.is-minor {font-size:14px;color:var(--cat-muted)}
.settings-workspace .consent-rule svg {flex:none;width:16px;height:16px}

/* WhatsApp do salão × Mensagens (22/10/2026): selo no menu, passo "Antes, confira", guia do Business, estados */
.settings-nav-badge {padding:1px 8px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap}
.settings-nav-badge.is-ok {color:var(--ok);background:var(--ok-bg)}
.settings-nav-badge.is-off {color:var(--cat-muted);background:var(--cat-surface-muted,var(--cat-tint))}
.settings-nav-badge.is-warn {color:var(--wait);background:var(--wait-bg)}
.settings-section-nav a:has(.settings-nav-badge) {flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding-top:8px;padding-bottom:8px}
@media(max-width:760px){
 .settings-section-nav a:has(.settings-nav-badge) {flex-direction:row;align-items:center;gap:8px}
}
@media(max-width:640px){
}


.settings-workspace .msg-custo-hoje {margin:0 0 12px;padding:12px 16px;border-radius:12px;background:var(--ok-bg);color:var(--cat-text)}
@media(max-width:640px){
}
.settings-workspace .wa-nowrap {white-space:nowrap}
.settings-workspace .msg-hoje {margin:-4px 0 12px}
.settings-workspace .msg-hoje .btn {width:auto}
.settings-workspace #msg-block-replies .wa-acoes {margin:8px 0 0}
.settings-workspace #msg-templates>summary {display:inline-flex;gap:6px;align-items:center;list-style:none}
.settings-workspace #msg-templates>summary::-webkit-details-marker {display:none}
.settings-workspace #msg-templates[open]>summary svg {transform:rotate(180deg)}
.settings-workspace #msg-block-cost .cost-box-hint {font-size:15px;color:var(--cat-text)}
.settings-workspace #msg-block-reminders .reminder-toggle-row .field-help {font-size:14px}
#reminder-consent-line {font-size:15px;color:var(--cat-text)}
#reminder-consent-line a {font-weight:700;color:var(--cat-accent)}
.settings-workspace #msg-block-reminders .reminder-toggle-row .field-help {color:var(--cat-text)}
/* 22/10 rodada 2: legibilidade (texto escuro, 15 px) e guia do Business curto */
.settings-workspace #msg-block-reminders .reminder-toggle-row {padding:14px 16px;background:var(--cat-surface);border-color:var(--cat-line)}
.settings-workspace #msg-block-reminders .reminder-toggle-row .field-help,.settings-workspace .msg-lead {font-size:15px;line-height:1.55;color:var(--cat-text)}
.settings-workspace #msg-block-reminders .reminder-toggle-row>label strong {font-size:16px;color:var(--cat-ink)}
.settings-workspace #msg-block-cost .cost-box-list li {font-size:15px;color:var(--cat-text)}
.settings-workspace #msg-block-reminders .reminder-off-note {font-size:15px;margin:2px 0 4px}
@media(max-width:760px){
 .settings-section-nav {-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 28px),transparent 100%)}
}
.settings-nav-badge.is-pending {color:var(--cat-accent);background:color-mix(in srgb,var(--cat-accent) 14%,transparent)}
.settings-workspace #msg-block-replies .settings-text-link {padding-left:0;padding-right:0;text-align:left}
.settings-workspace .reminder-estado {margin-left:auto;font-size:14px;font-weight:600;color:var(--cat-text)}
.settings-workspace .reminder-toggle-row.is-off .reminder-estado {color:var(--warning-text,#8a5a0b)}
.settings-workspace .reminder-toggle-row .switch {margin-left:8px}
.settings-workspace .msg-respostas-nota {font-size:15px;color:var(--cat-text)}
.settings-workspace #msg-block-replies .wa-acoes {display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.settings-section-nav a[aria-current=page] .settings-nav-badge.is-off {background:var(--cat-surface)}
.settings-workspace .reminder-extra {display:block;margin-top:2px;font-size:15px;color:var(--cat-text)}
.settings-workspace .msg-ligado {margin:0 0 12px;font-size:15px;color:var(--cat-text)}

/* Tela WhatsApp (menu Salão › WhatsApp, 23/10/2026): modelo da tela Site, o ganho desenhado antes de agir. */
@media (min-width: 900px) {
}
@media (max-width: 760px) {
}
.today-page > .today-nudge.is-attention { margin: 0 0 16px; }
/* WhatsApp: "o que vai acontecer" ao conectar (23/10/2026). */