:root{
    --bg:#0a1017;--surface:#101922;--surface-2:#16212c;--border:#223140;
    --text:#f3efe6;--muted:#9aa6b2;--primary:#dc2626;--primary-hover:#b91c1c;--primary-soft:#dc26261f;
    --success:#22c55e;--success-soft:#22c55e1a;--danger:#f87171;--danger-soft:#f871711a;
    --radius:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.45}
a{color:inherit}
h1,h2{margin:0}
.muted{color:var(--muted);margin:6px 0 14px}.small{font-size:13px}

/* ===== Botones ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 18px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}
.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:#52525b}
.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f8717133}.btn-danger:hover{background:#f8717126}
.btn-block{width:100%}.btn-sm{padding:7px 12px;font-size:13px;border-radius:10px}
.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-decoration:none;cursor:pointer;font-size:15px}
.icon-btn:hover{border-color:#52525b}
.icon-btn.wa{color:#4ade80}.icon-btn.danger{color:var(--danger)}

/* ===== Mensajes ===== */
.alert{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:12px;margin-bottom:16px;font-size:14px}
.alert i{margin-top:3px}
.alert-success{background:var(--success-soft);color:#86efac;border:1px solid #22c55e33}
.alert-danger{background:var(--danger-soft);color:#fca5a5;border:1px solid #f8717133}

/* ===== Marca ===== */
.logo{display:block;border-radius:50%;object-fit:cover}
.hero .logo{width:190px;height:190px;margin:0 auto 18px;box-shadow:0 0 0 4px #0a1017,0 0 0 6px #dc2626aa,0 18px 60px #dc262655}
.logo-md{width:120px;height:120px;margin:0 auto 16px;box-shadow:0 0 0 3px #dc262699,0 12px 40px #dc262640}
.logo-sm{width:40px;height:40px;box-shadow:0 0 0 2px #dc262680}
.ticket-brand{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-bottom:18px;font-size:17px}

/* ===== Página pública ===== */
.hero{position:relative;text-align:center;padding:40px 16px 38px;background:
    radial-gradient(ellipse at 50% 30%,#dc262626,transparent 60%),
    linear-gradient(180deg,#0f1a26,var(--bg))}
/* Franja de barber pole bajo la portada */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;
    background:repeating-linear-gradient(-45deg,#dc2626 0 12px,#f3efe6 12px 24px,#1e3a8a 24px 36px,#f3efe6 36px 48px)}
.hero h1{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:52px;letter-spacing:3px;line-height:1}
.hero p{color:var(--muted);margin:10px auto 0;max-width:420px}
.hero .address{font-size:14px}.hero .address i{color:var(--primary)}

.booking{max-width:640px;margin:0 auto;padding:22px 16px 10px}
.booking.narrow{max-width:460px;padding-top:40px}
.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}
.step h2{font-size:17px;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.step h2:not(:first-of-type){margin-top:24px}
.step-sub{color:var(--muted);margin:-6px 0 14px}
.num{width:26px;height:26px;border-radius:50%;background:var(--primary);display:inline-grid;place-items:center;font-size:13px;flex:none}

.days{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;margin:0 -4px;padding-inline:4px;scrollbar-width:thin}
.day{flex:none;width:72px;scroll-snap-align:center;text-align:center;text-decoration:none;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:10px 4px 9px;display:flex;flex-direction:column;gap:1px}
.day small{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}
.day strong{font-size:24px;line-height:1.1}
.day em{font-style:normal;font-size:11px;margin-top:5px;color:#4ade80}
.day:hover{border-color:#52525b}
.day.active{background:var(--primary);border-color:var(--primary)}
.day.active small,.day.active em{color:#fff}
.day.off{opacity:.4}.day.off em{color:var(--muted)}

.hours{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.hour input{position:absolute;opacity:0;pointer-events:none}
.hour span{display:block;text-align:center;padding:13px 0;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-weight:600;cursor:pointer;transition:all .15s}
.hour span:hover{border-color:#52525b}
.hour input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff}
.hour input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}

.fields{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.fields label,.hours-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
input[type=text],input[type=tel],input[type=password],input[type=date],input:not([type]),select{
    font:inherit;font-size:16px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;width:100%;color-scheme:dark}
input:focus,select:focus{outline:none;border-color:var(--primary)}

.empty-state{text-align:center;color:var(--muted);padding:26px 10px}
.empty-state i{font-size:30px;color:#52525b;margin-bottom:10px;display:block}
.empty-state p{margin:0}

.ticket{text-align:center}
.ticket h1{font-size:26px;margin-bottom:6px}
.ticket-icon{width:62px;height:62px;border-radius:50%;margin:4px auto 16px;display:grid;place-items:center;font-size:26px;background:var(--success-soft);color:var(--success)}
.ticket.cancelada .ticket-icon{background:var(--danger-soft);color:var(--danger)}
.ticket-data{margin:18px 0;padding:0;text-align:left;border-top:1px dashed var(--border)}
.ticket-data div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--border)}
.ticket-data dt{color:var(--muted)}.ticket-data dd{margin:0;font-weight:600;text-align:right}
.ticket .btn{margin-top:10px}
.hint{font-size:13px;color:var(--muted);text-align:left;background:var(--surface-2);border-radius:12px;padding:11px 13px}
.login .step{text-align:center}.login h1{font-size:24px;margin-bottom:6px}.login .fields{text-align:left;margin:20px 0 0}

.foot{text-align:center;color:#71717a;font-size:13px;padding:10px 16px 34px}
.foot a{color:var(--muted)}

/* ===== Panel del barbero ===== */
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#0a1017e6;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:16px}
.topbar nav{display:flex;align-items:center;gap:4px}
.topbar nav a,.topbar nav button{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:10px;color:var(--muted);text-decoration:none;background:none;border:0;font:inherit;font-size:14px;cursor:pointer}
.topbar nav a:hover,.topbar nav button:hover{color:var(--text);background:var(--surface-2)}
.topbar nav a.active{color:#fff;background:var(--primary-soft)}
.topbar nav a.active i{color:var(--primary)}
.topbar form{margin:0}

.panel-page{max-width:1100px;margin:0 auto;padding:28px 24px 50px}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.page-head h1{font-size:28px}
.page-head .muted{margin-bottom:0}
.eyebrow{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 4px}
.day-nav{display:flex;align-items:center;gap:8px}
.day-nav form{margin:0}.day-nav input{width:auto;padding:9px 12px;font-size:14px}
.day-nav .btn{padding:9px 14px}

.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.metrics article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}
.metrics span{display:block;color:var(--muted);font-size:13px}
.metrics strong{display:block;font-size:24px;margin-top:2px}

.panel-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}
.side{display:flex;flex-direction:column;gap:18px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.card h2{font-size:17px;margin-bottom:14px}.card h2 i{color:#4ade80}
.card h2+.muted{margin-top:-8px}

.slots{display:flex;flex-direction:column;gap:8px}
.slot{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:11px 12px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);min-height:62px}
.slot-time{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
.slot-body{display:flex;flex-direction:column;min-width:0}
.slot-body strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-body a{color:var(--muted);text-decoration:none;font-size:13px}.slot-body a:hover{color:var(--text)}
.slot-body span{color:var(--muted)}
.slot-body .warn{color:#fbbf24;font-size:12px}
.slot-actions{display:flex;gap:6px}.slot-actions form{margin:0}
.slot-ocupada{border-left:4px solid var(--primary);background:linear-gradient(90deg,#dc262614,var(--surface-2) 60%)}
.slot-libre .slot-body span{color:#4ade80}
.slot-bloqueada{opacity:.6;background:repeating-linear-gradient(-45deg,var(--surface-2) 0 10px,var(--surface) 10px 20px)}
.slot-pasada{opacity:.4}

.hours-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hours-form .btn{grid-column:1/-1}
.day-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.day-actions form{margin:0}

.upcoming{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none}
.upcoming:last-child{border-bottom:0}
.upcoming span{display:flex;flex-direction:column;min-width:0}
.upcoming small{color:var(--muted);font-size:12px}
.upcoming-date{width:62px;flex:none;background:var(--surface-2);border-radius:10px;padding:6px;text-align:center}
.upcoming:hover strong{color:#fff}

.week{display:flex;flex-direction:column;margin-bottom:12px}
.week-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}
.week-hours{display:flex;align-items:center;gap:8px;color:var(--muted)}
.week-hours select{width:auto;padding:9px 12px;font-size:15px}
.week-row.off .week-hours{opacity:.3;pointer-events:none}
.switch{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:150px}
.switch input{position:absolute;opacity:0}
.switch .track{width:42px;height:24px;border-radius:99px;background:#3f3f46;position:relative;transition:background .15s;flex:none}
.switch .track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.switch input:checked+.track{background:var(--primary)}
.switch input:checked+.track::after{transform:translateX(18px)}
.switch input:focus-visible+.track{outline:2px solid #fff;outline-offset:2px}

@media(max-width:860px){
    .panel-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .hero h1{font-size:44px}.hero .logo{width:160px;height:160px}
    .hours{grid-template-columns:repeat(3,1fr)}
    .topbar{padding:8px 16px}
    .topbar nav span{display:none}
    .topbar nav a,.topbar nav button{padding:10px 12px;font-size:17px}
    .panel-page{padding:20px 16px 40px}
    .page-head{align-items:stretch;flex-direction:column}
    .page-head h1{font-size:23px}
    .day-nav input{flex:1}
    .metrics{gap:8px}.metrics article{padding:12px}.metrics strong{font-size:18px}
    .slot{grid-template-columns:52px 1fr auto;gap:10px}
}

/* Contraseña con ojo para mostrarla */
.login .fields>label{margin-bottom:-8px}
.password-field{position:relative}
.password-field input{padding-right:52px}
.toggle-password{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}
.toggle-password:hover,.toggle-password[aria-pressed=true]{color:var(--text);background:var(--surface)}
.toggle-password:focus-visible{outline:2px solid var(--primary)}

/* Resumen de dos semanas en el panel */
.planner{display:flex;flex-direction:column;gap:16px;margin-bottom:18px;padding:16px 18px}
.planner-label{margin:0 0 8px;font-size:13px;font-weight:600}
.planner-label i{color:var(--primary);margin-right:4px}
.planner-label small{color:var(--muted);font-weight:400}
.planner-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.plan-day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 2px 8px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);text-decoration:none;min-width:0}
.plan-day:hover{border-color:#52525b}
.plan-day small{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.plan-day strong{font-size:20px;line-height:1.15}
.plan-day em{font-style:normal;font-size:11px;color:#4ade80;white-space:nowrap}
.plan-day.closed{background:repeating-linear-gradient(-45deg,var(--surface-2) 0 8px,var(--surface) 8px 16px)}
.plan-day.closed strong,.plan-day.closed small{color:#64748b}
.plan-day.closed em{color:var(--danger)}
.plan-day.special{border-color:#fbbf2466}
.plan-day.special em::after{content:" ★";color:#fbbf24}
.plan-day.is-today small{color:var(--text);font-weight:700}
.plan-day.active{background:var(--primary);border-color:var(--primary)}
.plan-day.active small,.plan-day.active strong,.plan-day.active em{color:#fff}
@media(max-width:620px){
    .planner{padding:14px 12px}
    .planner-label small{display:block;margin-top:2px}
    .planner-days{gap:4px}
    .plan-day{padding:7px 0 6px;border-radius:10px}
    .plan-day small{font-size:10px}
    .plan-day strong{font-size:17px}
    .plan-day em{font-size:9px}
}

/* Días que ya pasaron en la semana */
.day.past{opacity:.28}
.plan-day.past{opacity:.4}

/* ===== Panel en el celular: barra inferior como en Kote ===== */
.bottom-nav{display:none}
.metric-link{display:inline-block;margin-top:4px;color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}
html{scroll-behavior:smooth}
#semana,#este-dia{scroll-margin-top:76px}
@media(max-width:760px){
    .topbar nav{display:none}
    .topbar{justify-content:center;padding:10px 16px}
    .topbar-brand{font-size:16px}
    .panel{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
    .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;
        background:#0d151ef2;backdrop-filter:blur(10px);border-top:1px solid var(--border);
        padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
    .bottom-nav form{margin:0;display:contents}
    .bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;
        padding:4px 0;border:0;border-radius:12px;background:none;color:var(--muted);text-decoration:none;font:inherit;font-size:11px;font-weight:600;cursor:pointer}
    .bottom-nav i{font-size:19px}
    .bottom-nav .active{color:#fff}
    .bottom-nav .active i{color:var(--primary)}
    .bottom-nav a:active,.bottom-nav button:active{background:var(--surface-2)}
    /* Botones más grandes para el dedo */
    .icon-btn{width:44px;height:44px}
    .slot-actions .btn-sm{padding:10px 12px}
}
#datos,#horas{scroll-margin-top:16px}
@media(max-width:760px){
    .metrics{grid-template-columns:1fr 1fr}
    .metric-hours{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .metric-hours strong{margin:0;flex:1;white-space:nowrap}
    .metric-hours .metric-link{margin:0;padding:8px 12px;border-radius:10px;background:var(--primary-soft)}
    .card{padding:16px 14px}
    .slot{grid-template-columns:48px 1fr auto;gap:8px;padding:10px}
    .slot-time{font-size:15px}
    .slot-body a{white-space:nowrap;font-size:12.5px}
}
@media(max-width:760px){
    .save-sticky{position:sticky;bottom:calc(82px + env(safe-area-inset-bottom));width:100%;box-shadow:0 8px 24px #000a}
}
/* La semana completa cabe en la pantalla del celular, sin deslizar */
@media(max-width:620px){
    .days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;overflow:visible;margin:0;padding:0}
    .day{width:auto;min-width:0;padding:8px 0 7px;border-radius:11px}
    .day small{font-size:10px;letter-spacing:0}
    .day strong{font-size:19px}
    .day em{font-size:9px;margin-top:3px;white-space:nowrap}
    .step{padding:18px 14px}
}

/* Encabezado de cada semana con flechas para moverse */
.planner-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.planner-head .planner-label{margin:0}
.planner-arrows{display:flex;gap:6px;flex:none}
.planner-arrows .icon-btn{width:36px;height:36px;font-size:13px}

/* ===== Varios barberos ===== */
.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;
    background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;font-family:"Bebas Neue",Impact,sans-serif;font-size:28px;letter-spacing:1px}
.avatar-sm{width:26px;height:26px;font-size:15px}
.barbers{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.barber-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);text-decoration:none;text-align:center}
.barber-card:hover{border-color:#52525b}
.barber-card strong{font-size:17px}
.barber-card small{color:var(--muted);font-size:12px}
.barber-card.active{border-color:var(--primary);background:linear-gradient(180deg,#dc262626,var(--surface-2))}
.barber-card.active .avatar{box-shadow:0 0 0 3px var(--surface-2),0 0 0 5px var(--primary)}
.step-for{color:var(--muted);font-weight:500;font-size:14px}
#dia{scroll-margin-top:16px}

.me-chip{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px;padding:4px 12px 4px 4px;border-radius:99px;background:var(--surface-2);font-size:14px;font-weight:600}
.login .fields>label+input{margin-bottom:6px}

.card h2 i{color:var(--primary);margin-right:4px}
.card h3{font-size:15px;margin:24px 0 12px}
.hint-inline{font-weight:400;color:#64748b}
.list-link{display:flex;align-items:center;gap:10px;padding:12px 0;margin-bottom:10px;text-decoration:none;border-bottom:1px solid var(--border)}
.list-link i:last-child{margin-left:auto;color:var(--muted);font-size:12px}
.team{margin-top:18px}
.team-list{display:flex;flex-direction:column;gap:8px}
.team-member{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border)}
.team-member.inactive{opacity:.55}
.team-who{display:flex;align-items:center;gap:12px}
.team-who .avatar{width:42px;height:42px;font-size:22px}
.team-who span{display:flex;flex-direction:column}
.team-who small{color:var(--muted);font-size:12px}
.tag{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:99px;background:var(--primary-soft);color:#fca5a5;font-size:11px;font-weight:600;vertical-align:middle}
.tag-off{background:#64748b33;color:var(--muted)}
.team-actions{flex-basis:100%;max-width:100%}
.team-actions summary{list-style:none;display:inline-flex}
.team-actions summary::-webkit-details-marker{display:none}
.team-actions[open]{display:flex;flex-direction:column;gap:8px}
.team-actions[open] summary{align-self:flex-start}
.team-member:has(.team-actions:not([open])) .team-actions{flex-basis:auto}
.inline-form{display:flex;gap:8px}
.inline-form .password-field{flex:1}
.team-add{max-width:460px}
@media(max-width:760px){
    .me-chip{display:none}
}

/* ===== Protección contra spam ===== */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cancel-menu{position:relative}
.cancel-menu summary{list-style:none;cursor:pointer}
.cancel-menu summary::-webkit-details-marker{display:none}
.cancel-menu[open] summary{background:var(--danger-soft);border-color:#f8717166}
.cancel-options{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:250px;display:flex;flex-direction:column;gap:6px;
    padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 14px 40px #000c}
.cancel-options form{margin:0}
.cancel-options .btn{justify-content:flex-start}
.blocked-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.blocked-row:last-child{border-bottom:0}
.blocked-row span{display:flex;flex-direction:column}
.blocked-row small{color:var(--muted);font-size:12px}
.logout-all{margin-top:10px}.logout-all small{display:block;margin-top:6px;font-size:12px}

/* ===== Privacidad ===== */
.privacy-note{margin:12px 0 0;font-size:12.5px;color:var(--muted);text-align:center}
.privacy-note i{margin-right:4px}
.privacy-note a{color:var(--text)}
.privacy{line-height:1.6}
.privacy h1{font-size:24px;margin-bottom:4px}
.privacy h2{font-size:16px;margin:22px 0 6px}
.privacy p,.privacy li{color:#cbd5e1;font-size:14.5px}
.privacy ul{padding-left:20px;margin:6px 0}

/* ===== WhatsApp ===== */
.btn-whatsapp{background:#25d366;color:#062e16;margin-top:6px}
.btn-whatsapp:hover{background:#1ebe5b}
.btn-whatsapp i{font-size:19px}
.wa-hint{font-size:12.5px;color:var(--muted);margin:6px 0 14px}
.status-ok{color:#86efac;margin:0 0 14px}
.wa-grid{margin-top:6px}
.wa-steps h3{margin-top:0}
.wa-steps ol{padding-left:20px;margin:0 0 10px;color:#cbd5e1;font-size:14px;line-height:1.7}
.wa-steps code{background:var(--surface-2);padding:2px 6px;border-radius:6px;font-size:13px;color:var(--text);word-break:break-word}
.fields .check{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.fields .check input{width:auto}