:root{
  --bg:#0d0f1a;--surface:#161927;--elevated:#1e2235;--input:#0a0c15;
  --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
  --accent:#6366f1;--accent-soft:rgba(99,102,241,.16);--accent-text:#a5b4fc;--cyan:#22d3ee;
  --text:#f1f5f9;--text-2:#94a3b8;--muted:#5b6b82;
  --ok:#10b981;--ok-soft:rgba(16,185,129,.14);--err:#f87171;--err-soft:rgba(239,68,68,.12);--warn:#f59e0b;
  --no:#64748b;--shadow:0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f4f6fb;--surface:#ffffff;--elevated:#f8fafc;--input:#ffffff;
  --line:#e5e9f2;--line-strong:#cfd6e4;
  --accent:#4f46e5;--accent-soft:rgba(79,70,229,.09);--accent-text:#4338ca;--cyan:#0891b2;
  --text:#0f172a;--text-2:#475569;--muted:#94a3b8;
  --ok:#059669;--ok-soft:rgba(5,150,105,.1);--err:#dc2626;--err-soft:rgba(220,38,38,.07);--warn:#d97706;
  --no:#94a3b8;--shadow:0 10px 30px rgba(15,23,42,.08);
  color-scheme:light;
}
*{box-sizing:border-box}
html{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Header */
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.head{max-width:72rem;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem}
.head h1{margin:0;font-size:1rem;font-weight:650}
.head p{margin:0;font-size:.78rem;color:var(--text-2)}
.head .grow{flex:1}
.saved{font-size:.75rem;color:var(--muted)}
.icon-btn{border:1px solid var(--line-strong);background:transparent;border-radius:.6rem;padding:.35rem .6rem;cursor:pointer;color:var(--text-2)}
.icon-btn:hover{color:var(--text);border-color:var(--accent)}
.progress{height:3px;background:var(--line)}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .3s}

/* Layout */
.layout{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 7rem;display:grid;grid-template-columns:14rem 1fr;gap:1.75rem}
nav.index{position:sticky;top:5.5rem;align-self:start}
nav.index ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
nav.index a{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:.6rem;color:var(--text-2);text-decoration:none;font-size:.84rem}
nav.index a:hover{background:var(--accent-soft);color:var(--text)}
nav.index a.current{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
nav.index .dot{width:1.35rem;height:1.35rem;flex:none;border-radius:.45rem;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:.7rem;font-weight:700}
nav.index a.done .dot{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
nav.index a.bad .dot{background:var(--err-soft);border-color:var(--err);color:var(--err)}
nav.index .opt{margin-left:auto;font-size:.68rem;color:var(--muted)}
@media (max-width:880px){.layout{grid-template-columns:1fr}nav.index{display:none}}

/* Sections */
main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
form{display:flex;flex-direction:column;gap:2rem}
section.card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.5rem}
.sec-head{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1.25rem}
.sec-num{width:2.2rem;height:2.2rem;flex:none;border-radius:.7rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);display:grid;place-items:center;font-weight:700;color:var(--accent-text);font-size:.85rem}
.sec-head h2{margin:0;font-size:1rem;font-weight:650}
.sec-head p{margin:.1rem 0 0;color:var(--text-2);font-size:.83rem}
.sec-head .grow{flex:1}
.badge{font-size:.7rem;border:1px solid var(--line-strong);color:var(--text-2);border-radius:99rem;padding:.1rem .55rem;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem}
.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.span-all{grid-column:1/-1}
@media (max-width:640px){.grid,.grid.g3{grid-template-columns:1fr}.grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}section.card{padding:1.1rem}}
.subhead{grid-column:1/-1;margin:.6rem 0 -.2rem;font-size:.78rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}

/* Fields */
.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.field>label,.field>.label{font-size:.83rem;font-weight:550;color:var(--text-2)}
.req{color:var(--accent-text);margin-left:.15rem}
.ctl{width:100%;background:var(--input);border:1px solid var(--line-strong);border-radius:.6rem;padding:.6rem .8rem;outline:none;transition:border-color .15s,box-shadow .15s;min-height:2.6rem}
.ctl::placeholder{color:var(--muted)}
.ctl:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
select.ctl{appearance:none;cursor:pointer;padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%2394a3b8'%3E%3Cpath d='M4.2 6.2a.75.75 0 0 1 1.1 0L8 8.9l2.7-2.7a.75.75 0 1 1 1.1 1.1l-3.3 3.2a.75.75 0 0 1-1 0L4.2 7.3a.75.75 0 0 1 0-1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}
textarea.ctl{resize:vertical;min-height:5.5rem}
.field.invalid .ctl,.field.invalid .seg,.field.invalid .party{border-color:var(--err)!important;box-shadow:0 0 0 3px var(--err-soft)}
.hint{font-size:.75rem;color:var(--muted)}
.error{font-size:.75rem;color:var(--err);display:none}
.field.invalid .error{display:block}
.field.invalid .hint{display:none}
.affix{position:relative;display:flex;align-items:center}
.affix .ctl{padding-right:3rem}
.affix .unit{position:absolute;right:.8rem;color:var(--muted);font-size:.8rem;pointer-events:none}
.money{display:flex;gap:.5rem}
.money .ctl:first-child{flex:1}
.money select.ctl{width:6.5rem;flex:none}

/* Segmented (radio cards) */
.seg{display:flex;flex-wrap:wrap;gap:.5rem;border-radius:.7rem}
.seg label{flex:1 1 auto;min-width:6rem;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .8rem;border:1px solid var(--line-strong);border-radius:.6rem;cursor:pointer;color:var(--text-2);font-size:.86rem;font-weight:500;transition:all .14s;user-select:none;text-align:center}
.seg label:hover{border-color:var(--accent);color:var(--text)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg input:checked+span{color:var(--accent-text)}
.seg label:has(input:checked){background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-text);font-weight:600}
.seg label:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-soft)}

/* Stepper */
.stepper{display:flex;align-items:stretch;background:var(--input);border:1px solid var(--line-strong);border-radius:.6rem;overflow:hidden;min-height:2.6rem}
.stepper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.stepper button{width:2.4rem;border:0;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--text-2)}
.stepper button:hover{background:var(--accent-soft);color:var(--accent-text)}
.stepper input{flex:1;min-width:0;border:0;background:transparent;text-align:center;outline:none;font-weight:600}
.stepper input::placeholder{font-weight:400;color:var(--muted)}

/* Tri-state chips */
.legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--muted);margin:-.4rem 0 1rem}
.legend b{font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .8rem;border-radius:99rem;border:1px solid var(--line-strong);background:transparent;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--text-2);transition:all .14s;user-select:none}
.chip:hover{border-color:var(--accent);color:var(--text)}
.chip .mk{width:.9rem;text-align:center;font-weight:700}
.chip .mk:empty{display:none}
.chip[data-state="yes"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.chip[data-state="no"]{color:var(--no);border-style:dashed;text-decoration:line-through}
.group{margin-top:1.1rem}
.group:first-of-type{margin-top:0}
.group-title{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem;font-size:.84rem;font-weight:600}
.group-title .count{font-size:.72rem;color:var(--muted);font-weight:500}
.group-title .link{margin-left:auto}
.link{border:0;background:none;color:var(--accent-text);cursor:pointer;font-size:.76rem;padding:0}
.link:hover{text-decoration:underline}

/* Free chips */
.tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;background:var(--input);border:1px solid var(--line-strong);border-radius:.6rem;padding:.4rem;min-height:2.6rem;cursor:text}
.tags:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.tags .chip{cursor:default;background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);padding:.2rem .3rem .2rem .65rem}
.tags .chip button{border:0;background:none;color:inherit;cursor:pointer;padding:0 .25rem;font-size:1rem;line-height:1}
.tags input{flex:1;min-width:8rem;border:0;background:transparent;outline:none;padding:.2rem .3rem}
.suggest{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.suggest .chip{font-size:.75rem;padding:.2rem .6rem}

/* Party (owner) */
.party{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--elevated)}
.lookup{position:relative}
.options{position:absolute;z-index:5;left:0;right:0;top:calc(100% + .3rem);background:var(--surface);border:1px solid var(--line-strong);border-radius:.6rem;box-shadow:var(--shadow);overflow:hidden}
.options button{display:flex;width:100%;text-align:left;gap:.6rem;align-items:center;border:0;background:none;padding:.6rem .8rem;cursor:pointer}
.options button:hover,.options button.active{background:var(--accent-soft)}
.options button[aria-selected=true]{color:var(--accent-text);font-weight:600}
.options button[aria-selected=true]::after{content:'✓';margin-left:auto}
.options button.active{outline:2px solid var(--accent);outline-offset:-2px}
.options button small{margin-left:.5rem}
.options small{color:var(--muted)}
.options .create{border-top:1px solid var(--line);color:var(--accent-text);font-weight:600}
.picked{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border:1px solid var(--accent);background:var(--accent-soft);border-radius:.6rem}
.avatar{width:2.1rem;height:2.1rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem;flex:none}
.picked .grow{flex:1;min-width:0}
.picked small{display:block;color:var(--text-2)}

/* Repeatable rows */
.rows{display:flex;flex-direction:column;gap:.75rem}
.row-card{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--elevated)}
.row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.row-top h3{margin:0;font-size:.84rem;font-weight:600;color:var(--cyan)}
.days{display:flex;gap:.3rem;flex-wrap:wrap}
.days .chip{width:2.6rem;justify-content:center;padding:.38rem 0}
.add{display:inline-flex;align-items:center;gap:.4rem;border:1px dashed var(--line-strong);background:transparent;border-radius:.6rem;padding:.55rem .9rem;cursor:pointer;color:var(--accent-text);font-weight:550}
.add:hover{border-color:var(--accent);background:var(--accent-soft)}
.remove{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.78rem}
.remove:hover{color:var(--err)}

/* Optional section toggle */
.switch{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.84rem;color:var(--text-2);user-select:none}
.switch input{position:absolute;opacity:0}
.switch .track{width:2.4rem;height:1.35rem;border-radius:99rem;background:var(--line-strong);position:relative;transition:background .15s}
.switch .track::after{content:"";position:absolute;top:.17rem;left:.17rem;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .15s}
.switch input:checked+.track{background:var(--accent)}
.switch input:checked+.track::after{transform:translateX(1.05rem)}
.switch input:focus-visible+.track{box-shadow:0 0 0 3px var(--accent-soft)}
.collapsible[hidden]{display:none}
.lookup-row{display:flex;gap:.5rem;align-items:stretch}
.lookup-row .lookup{flex:1}
.lookup-row .add{white-space:nowrap}
.lookup .ctl{padding-right:2.6rem}
.lookup .all{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:0;border-radius:.45rem;background:transparent;color:var(--text-2);cursor:pointer}
.lookup .all:hover{background:var(--accent-soft);color:var(--accent-text)}
.options{max-height:18rem;overflow:auto}
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:start}
@media (max-width:640px){.slots{grid-template-columns:1fr}}
.slot{border:1px solid var(--line);border-radius:.7rem;padding:.7rem .85rem;background:var(--elevated);transition:all .15s}
.slot.over{border-color:var(--accent);background:var(--accent-soft)}
.slot-head{display:flex;align-items:center;gap:.6rem}
.slot-head b{flex:1;font-size:.84rem;font-weight:600}
.slot-head .add{padding:.3rem .75rem;font-size:.8rem}
.slot .doclist{margin-top:.5rem}
.slot .doclist:empty{display:none}
.mini{width:3rem;height:2.2rem;border-radius:.35rem;background:var(--line) center/cover;flex:none;display:grid;place-items:center;font-size:.9rem}
.check{display:flex;align-items:center;gap:.6rem;min-height:2.6rem;cursor:pointer;font-weight:550;color:var(--text-2);user-select:none}
.check input{width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer}

/* Dropzone */
.drop{border:1.5px dashed var(--line-strong);border-radius:.9rem;padding:1.6rem;text-align:center;cursor:pointer;transition:all .15s;background:var(--elevated)}
.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}
.drop strong{display:block;font-size:.92rem}
.drop span{font-size:.78rem;color:var(--muted)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.7rem;margin-top:.9rem}
.thumb{position:relative;border:1px solid var(--line);border-radius:.7rem;overflow:hidden;background:var(--input)}
.thumb .img{aspect-ratio:4/3;display:grid;place-items:center;color:var(--muted);font-size:.75rem;background-size:cover;background-position:center}
.thumb .meta{padding:.4rem .5rem;font-size:.7rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thumb .tools{position:absolute;top:.35rem;right:.35rem;display:flex;gap:.25rem}
.thumb .tools button{width:1.7rem;height:1.7rem;border-radius:.45rem;border:0;cursor:pointer;background:rgba(0,0,0,.55);color:#fff;font-size:.8rem}
.thumb.cover{outline:2px solid var(--cyan)}
[data-form="cargar-propiedad"] .media-order{display:flex;gap:.25rem;padding:.35rem;flex-wrap:wrap}
[data-form="cargar-propiedad"] .media-order button{min-width:2.75rem;min-height:2.75rem}
[data-form="cargar-propiedad"] [data-media-handle]{touch-action:none;cursor:grab}
[data-form="cargar-propiedad"] .media-drag-target{outline:3px dashed var(--cyan)}
.thumb .cover-tag{position:absolute;left:.35rem;top:.35rem;background:var(--cyan);color:#06222a;font-size:.65rem;font-weight:700;border-radius:.35rem;padding:.1rem .4rem}
.doclist{display:flex;flex-direction:column;gap:.45rem;margin-top:.8rem}
.doc{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.6rem;background:var(--input)}
.doc .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.doc select.ctl{width:12rem;min-height:2.1rem;padding:.3rem 2rem .3rem .6rem;font-size:.8rem}

/* Alerts */
.alert{display:flex;gap:.7rem;border-radius:.8rem;padding:.85rem 1rem;font-size:.85rem;border:1px solid}
.alert.warn{background:color-mix(in srgb,var(--warn) 10%,transparent);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.alert.err{background:var(--err-soft);border-color:color-mix(in srgb,var(--err) 40%,transparent)}
.alert.info{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.alert ul{margin:.3rem 0 0;padding-left:1.1rem}
.alert a{color:inherit}

/* Bottom bar */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.bar .in{max-width:72rem;margin:0 auto;padding:.8rem 1.25rem;display:flex;align-items:center;gap:1rem}
.bar .status{flex:1;font-size:.8rem;color:var(--text-2)}
.btn{border:0;border-radius:.65rem;padding:.7rem 1.3rem;font-weight:600;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent)}
.btn.primary:hover{filter:brightness(1.1)}
.btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--text-2)}
.btn.ghost:hover{color:var(--text);border-color:var(--accent)}
@media (max-width:640px){.bar .status,#save-draft{display:none}.bar .btn.primary{flex:1}}

/* Summary dialog */
dialog{border:1px solid var(--line-strong);border-radius:1rem;background:var(--surface);color:var(--text);padding:0;width:min(46rem,94vw);box-shadow:var(--shadow)}
dialog::backdrop{background:rgba(5,8,18,.7);backdrop-filter:blur(3px)}
.dlg-head{padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}
.dlg-head h2{margin:0;font-size:1.05rem}
.dlg-head p{margin:.2rem 0 0;color:var(--text-2);font-size:.83rem}
.dlg-body{padding:1rem 1.4rem;max-height:60vh;overflow:auto}
.dlg-body h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1rem 0 .4rem}
.dlg-body dl{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:.25rem 1rem;margin:0;font-size:.85rem}
.dlg-body dt{color:var(--text-2)}
.dlg-body dd{margin:0}
.dlg-foot{padding:1rem 1.4rem;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:.6rem}

[data-layout="approved-1"]{margin-bottom:.8rem}
[data-layout="approved-2"]{margin:.6rem 0 0}
[data-layout="approved-3"]{margin-bottom:.9rem}
[data-layout="approved-4"]{margin-top:1rem}
[data-layout="approved-5"]{font-size:.83rem;font-weight:550;color:var(--text-2)}
[data-layout="approved-6"]{margin-top:.4rem}
[data-layout="approved-7"]{margin-top:.8rem}
[data-layout="approved-8"]{margin-top:.6rem}
[data-layout="approved-9"]{margin-bottom:1rem}
[data-layout="approved-10"]{max-width:16rem}
[data-layout="approved-11"]{display:flex;flex-direction:column;gap:.4rem}
[data-layout="approved-12"]{display:contents}

/* Lease contract */
[data-form="contrato-alquiler"] .computed{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;padding:.8rem 1rem;border-radius:.7rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:.85rem}
[data-form="contrato-alquiler"] .computed b{color:var(--accent-text)}
[data-form="contrato-alquiler"] .panel{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--elevated)}
[data-form="contrato-alquiler"] .panel h4{margin:0 0 .8rem;font-size:.82rem;font-weight:650;color:var(--cyan)}
[data-form="contrato-alquiler"] .svc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:.8rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--line);border-radius:.6rem;background:var(--elevated)}
[data-form="contrato-alquiler"] .svc-row .seg label{min-width:7rem;padding:.4rem .6rem}
[data-form="contrato-alquiler"] .inline-btn{margin-top:.35rem;align-self:flex-start}
[data-form="datos-inquilino"] .layout{grid-template-columns:1fr;max-width:52rem}
@media (max-width:640px){[data-form="contrato-alquiler"] .svc-row{grid-template-columns:1fr}}

/* Rental application */
[data-form="solicitud-alquiler"] .rail-note{margin:.9rem .6rem;font-size:.75rem;color:var(--text-2)}
[data-form="solicitud-alquiler"] .rail-note strong{display:block;margin-bottom:.3rem;color:var(--text)}
[data-form="solicitud-alquiler"] .rail-rule{border-top:1px solid var(--line);margin:1rem .6rem}
[data-form="solicitud-alquiler"] .progress progress{display:block;width:100%;height:3px;border:0;appearance:none;background:var(--line);color:var(--accent)}
[data-form="solicitud-alquiler"] .progress progress::-webkit-progress-bar{background:var(--line)}
[data-form="solicitud-alquiler"] .progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--cyan))}
[data-form="solicitud-alquiler"] .progress progress::-moz-progress-bar{background:var(--accent)}
[data-form="solicitud-alquiler"] .grow{flex:1;min-width:0}
[data-form="solicitud-alquiler"] .badge.accent{color:var(--accent-text);border-color:var(--accent)}
[data-form="solicitud-alquiler"] .lookup-line{align-items:flex-start;flex-wrap:wrap}
[data-form="solicitud-alquiler"] .lookup-line>.field{flex:1;min-width:12rem}
[data-form="solicitud-alquiler"] .lookup-line>.btn{margin-top:1.6rem}
[data-form="solicitud-alquiler"] .new-head{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:1rem;font-weight:600;font-size:.84rem}
[data-form="solicitud-alquiler"] .soft-note{font-size:.78rem;color:var(--text-2);margin:.75rem 0 0}
[data-form="solicitud-alquiler"] .upload-gap{margin-top:.8rem}
[data-form="solicitud-alquiler"] .drop{width:100%;color:var(--text)}
[data-form="solicitud-alquiler"] .drop small{display:block;margin-top:.3rem;color:var(--text-2)}
[data-form="solicitud-alquiler"] .drop.drag{border-color:var(--accent);background:var(--accent-soft)}
[data-form="solicitud-alquiler"] .filebox{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-top:.6rem;border:1px solid var(--line);border-radius:.65rem;background:var(--input)}
[data-form="solicitud-alquiler"] .filebox strong{overflow-wrap:anywhere}
[data-form="solicitud-alquiler"] .filebox small{display:block;color:var(--text-2);font-size:.75rem}
[data-form="solicitud-alquiler"] .filebox.missing{border-color:var(--warn)}
[data-form="solicitud-alquiler"] .file-icon{font-size:1.4rem;color:var(--accent-text)}
[data-form="solicitud-alquiler"] .field.invalid .drop,[data-form="solicitud-alquiler"] .field.invalid .picked{border-color:var(--err);box-shadow:0 0 0 3px var(--err-soft)}
[data-form="solicitud-alquiler"] .metric{display:flex;flex-direction:column;gap:.25rem}
[data-form="solicitud-alquiler"] .metric small{color:var(--text-2)}
[data-form="solicitud-alquiler"] .guide{margin-top:1rem;font-size:.82rem}
[data-form="solicitud-alquiler"] .guide summary{cursor:pointer;color:var(--accent-text)}
[data-form="solicitud-alquiler"] #published-policy{white-space:pre-wrap;overflow-wrap:anywhere}
[data-form="solicitud-alquiler"] .checklist{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}
[data-form="solicitud-alquiler"] .checkline{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}
[data-form="solicitud-alquiler"] .checkline span{color:var(--text-2)}
[data-form="solicitud-alquiler"] .review-block{padding:1rem 0;border-bottom:1px solid var(--line)}
[data-form="solicitud-alquiler"] .review-block:last-child{border-bottom:0}
[data-form="solicitud-alquiler"] .review-edit{float:right}
[data-form="solicitud-alquiler"] .review-block dd{white-space:pre-line;overflow-wrap:anywhere}
[data-form="solicitud-alquiler"] .money .ctl{min-width:0}
[data-form="solicitud-alquiler"] .money .ctl:last-child{width:10rem;flex:none}
@media (max-width:640px){[data-form="solicitud-alquiler"] .head{flex-wrap:wrap}[data-form="solicitud-alquiler"] .saved{order:3;width:100%}[data-form="solicitud-alquiler"] .lookup-line>.btn{margin-top:0}[data-form="solicitud-alquiler"] .dlg-body dl{grid-template-columns:1fr}[data-form="solicitud-alquiler"] .dlg-body dd{margin-bottom:.6rem}[data-form="solicitud-alquiler"] .money{flex-wrap:wrap}[data-form="solicitud-alquiler"] .money .ctl:last-child{width:100%}}

/* Maintenance report */
[data-form="reporte-mantenimiento"] .layout{grid-template-columns:1fr;max-width:46rem}
[data-form="reporte-mantenimiento"] .report{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:.7rem;background:var(--elevated);flex-wrap:wrap}
[data-form="reporte-mantenimiento"] .report .grow{flex:1;min-width:12rem}
[data-form="reporte-mantenimiento"] .report small{display:block;color:var(--text-2)}
[data-form="reporte-mantenimiento"] .state{font-size:.72rem;font-weight:600;border-radius:99rem;padding:.15rem .6rem;border:1px solid;white-space:nowrap}
[data-form="reporte-mantenimiento"] .state.open{color:var(--warn);border-color:var(--warn)}
[data-form="reporte-mantenimiento"] .state.done{color:var(--ok);border-color:var(--ok)}
[data-form="reporte-mantenimiento"] .state.work{color:var(--cyan);border-color:var(--cyan)}
[data-form="reporte-mantenimiento"] .tabs{display:flex;gap:.4rem;margin-bottom:.8rem;flex-wrap:wrap}
[data-form="reporte-mantenimiento"] .tabs button{border:1px solid var(--line-strong);background:transparent;border-radius:99rem;padding:.35rem .85rem;cursor:pointer;font-size:.8rem;font-weight:550;color:var(--text-2)}
[data-form="reporte-mantenimiento"] .tabs button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
[data-form="reporte-mantenimiento"] .visit{flex-basis:100%;display:flex;gap:.5rem;align-items:flex-start;margin-top:.2rem;padding:.55rem .7rem;border-radius:.55rem;background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 35%,transparent);font-size:.82rem}
[data-form="reporte-mantenimiento"] .visit b{color:var(--cyan)}
[data-form="reporte-mantenimiento"] .range{display:flex;align-items:center;gap:.5rem}
[data-form="reporte-mantenimiento"] .range .ctl{flex:1}
[data-form="reporte-mantenimiento"] .cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem}
[data-form="reporte-mantenimiento"] .cats label{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem;border:1px solid var(--line-strong);border-radius:.7rem;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-2);transition:all .14s}
[data-form="reporte-mantenimiento"] .cats label:hover{border-color:var(--accent);color:var(--text)}
[data-form="reporte-mantenimiento"] .cats input{position:absolute;opacity:0}
[data-form="reporte-mantenimiento"] .cats label:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:600;box-shadow:inset 0 0 0 1px var(--accent)}
[data-form="reporte-mantenimiento"] .cats .ic{font-size:1.2rem}
[data-form="reporte-mantenimiento"] .urg{display:flex;flex-direction:column;gap:.5rem}
[data-form="reporte-mantenimiento"] .urg label{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .9rem;border:1px solid var(--line-strong);border-radius:.7rem;cursor:pointer}
[data-form="reporte-mantenimiento"] .urg label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
[data-form="reporte-mantenimiento"] .urg input{margin-top:.2rem;accent-color:var(--accent)}
[data-form="reporte-mantenimiento"] .urg b{display:block;font-size:.88rem}
[data-form="reporte-mantenimiento"] .urg small{color:var(--text-2)}
[data-form="reporte-mantenimiento"] .start-report{width:100%;padding:1rem;font-size:1rem}
[data-form="reporte-mantenimiento"] .visit-presets{margin-bottom:.6rem}
[data-form="reporte-mantenimiento"] .days{display:flex;flex-wrap:wrap;gap:.8rem}
[data-form="reporte-mantenimiento"] .thumb img{width:100%;height:100%;object-fit:cover}

[data-form="cargar-propiedad"] .advisor-picks{margin-top:.5rem}
[data-form="cargar-propiedad"] .advisor-picks .chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:1rem}
[data-form="cargar-propiedad"] .visit-note{margin:0 0 .8rem}

/* Inquiry intake */
[data-form="consulta"]{--muted:#96a4b9;--ok:#34d399;--warn:#fbbf24}
:root[data-theme="light"] [data-form="consulta"]{--muted:#64748b;--ok:#047857;--warn:#92400e;--cyan:#0e7490}
html:has([data-form="consulta"]){scroll-padding-top:6rem}
[data-form="consulta"] button{cursor:pointer}
[data-form="consulta"] button:disabled{cursor:default;opacity:.6}
[data-form="consulta"] :focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
[data-form="consulta"] header{background:color-mix(in srgb,var(--surface) 92%,transparent)}
[data-form="consulta"] .grow{flex:1;min-width:0}
[data-form="consulta"] .saved{max-width:15rem;text-align:right}
[data-form="consulta"] .icon-btn{padding:.4rem .65rem;white-space:nowrap}
[data-form="consulta"] .progress span{transition:width .2s}
[data-form="consulta"] .layout{padding-bottom:8rem;grid-template-columns:14rem minmax(0,1fr)}
[data-form="consulta"] nav.index{top:6rem}
[data-form="consulta"] nav.index ol{gap:.2rem}
[data-form="consulta"] nav.index a{padding:.5rem .6rem}
[data-form="consulta"] nav.index a:hover{color:var(--accent-text)}
[data-form="consulta"] nav.index>.hint{font-size:.76rem;padding:.5rem .6rem}
[data-form="consulta"] nav.index>.hint b{display:block;color:var(--text-2);font-weight:550;margin-bottom:.3rem}
[data-form="consulta"] form{gap:1.5rem;min-width:0}
[data-form="consulta"] .badge{display:inline-block}
[data-form="consulta"] .head .badge{margin-top:.25rem}
[data-form="consulta"] .label{font-size:.83rem;font-weight:550;color:var(--text-2)}
[data-form="consulta"] .req{margin-left:0}
[data-form="consulta"] .ctl{min-height:2.65rem}
[data-form="consulta"] textarea.ctl{min-height:8rem}
[data-form="consulta"] .hint,[data-form="consulta"] .error{font-size:.76rem}
[data-form="consulta"] label>.hint{font-weight:400;font-size:.73rem}
[data-form="consulta"] .error{display:block}
[data-form="consulta"] .error:empty{display:none}
[data-form="consulta"] .field.invalid .hint{display:revert}
[data-form="consulta"] .seg{border-radius:.6rem}
[data-form="consulta"] .seg label{position:relative;flex:1;padding:.65rem .8rem;font-size:.83rem}
[data-form="consulta"] .seg input{width:1px;height:1px}
[data-form="consulta"] .seg label:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:3px}
[data-form="consulta"] .channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
[data-form="consulta"] .lookup-row .ctl{flex:1;min-width:0}
[data-form="consulta"] #party-results{position:static;display:flex;flex-direction:column;gap:.35rem;margin-top:.2rem;max-height:15rem;overflow:auto;border:0;border-radius:0;background:none;box-shadow:none}
[data-form="consulta"] #party-results button{border:1px solid var(--line-strong);border-radius:.65rem;padding:.7rem .8rem;background:var(--elevated);gap:.7rem}
[data-form="consulta"] #party-results button:hover{background:var(--accent-soft);border-color:var(--accent)}
[data-form="consulta"] #party-results b{display:block;font-size:.85rem}
[data-form="consulta"] #party-results small{display:block;color:var(--text-2);overflow-wrap:anywhere;margin-left:0}
[data-form="consulta"] .avatar{font-size:.75rem}
[data-form="consulta"] .picked{gap:.7rem;padding:.8rem;border-radius:.65rem}
[data-form="consulta"] .picked b{overflow-wrap:anywhere}
[data-form="consulta"] .rows{gap:1rem}
[data-form="consulta"] .row-card h3{font-size:.85rem;margin:0}
[data-form="consulta"] .row-top{gap:.7rem}
[data-form="consulta"] [data-contact-row]{border-color:var(--line-strong);border-radius:.7rem;background:var(--input)}
[data-form="consulta"] .panel-intro{margin:0;font-size:.78rem;color:var(--text-2)}
[data-form="consulta"] .add{justify-content:center;padding:.55rem .8rem;font-size:.8rem}
[data-form="consulta"] .remove,[data-form="consulta"] .link{color:var(--accent-text);padding:.25rem}
[data-form="consulta"] .remove:hover{color:var(--err)}
[data-form="consulta"] .alert{display:block;font-size:.83rem;overflow-wrap:anywhere}
[data-form="consulta"] .alert.warn{background:color-mix(in srgb,var(--warn) 8%,transparent)}
[data-form="consulta"] .alert.err{border-color:var(--err)}
[data-form="consulta"] .alert p{margin:.25rem 0 0}
[data-form="consulta"] .alert ul{margin:.4rem 0 0;padding-left:1.2rem}
[data-form="consulta"] .restore-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}
[data-form="consulta"] .drop{width:100%;padding:1.25rem;border-radius:.8rem;color:var(--text)}
[data-form="consulta"] .drop strong{font-size:.85rem}
[data-form="consulta"] .drop span{font-size:.76rem}
[data-form="consulta"] .doclist{gap:.5rem;margin-top:0}
[data-form="consulta"] .doc{padding:.6rem .8rem;border-color:var(--line-strong);background:var(--elevated)}
[data-form="consulta"] .doc b{display:block;overflow-wrap:anywhere;font-size:.8rem}
[data-form="consulta"] .doc small{color:var(--muted);font-size:.73rem}
[data-form="consulta"] .doc .remove{flex:none}
[data-form="consulta"] #s-content>.hint{margin:1rem 0 0;font-size:.78rem;color:var(--text-2)}
[data-form="consulta"] .bar{background:color-mix(in srgb,var(--surface) 95%,transparent)}
[data-form="consulta"] .status{font-size:.78rem}
[data-form="consulta"] .btn{padding:.7rem 1.15rem;font-size:.84rem}
[data-form="consulta"] .btn.primary{box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 25%,transparent)}
[data-form="consulta"] dialog{max-height:90dvh}
[data-form="consulta"] .dlg-head p{margin-top:.25rem}
[data-form="consulta"] .dlg-body{max-height:55dvh}
[data-form="consulta"] .dlg-body h3{font-size:.82rem;color:var(--cyan);text-transform:none;letter-spacing:normal;margin:1rem 0 .5rem}
[data-form="consulta"] .dlg-body h3:first-child{margin-top:0}
[data-form="consulta"] .dlg-body dl{grid-template-columns:10rem minmax(0,1fr);gap:.4rem 1rem;font-size:.84rem}
[data-form="consulta"] .dlg-body dd{white-space:pre-wrap;overflow-wrap:anywhere}
[data-form="consulta"] .dlg-foot{flex-wrap:wrap}
@media (max-width:880px){[data-form="consulta"] .layout{grid-template-columns:1fr}}
@media (max-width:640px){[data-form="consulta"] .head{gap:.6rem}[data-form="consulta"] .head .saved{display:none}[data-form="consulta"] .layout{padding:1rem .8rem 7rem}[data-form="consulta"] .channels{grid-template-columns:repeat(2,minmax(0,1fr))}[data-form="consulta"] .seg:not(.channels){flex-direction:column}[data-form="consulta"] .bar .in{gap:.6rem;padding:.75rem .8rem}[data-form="consulta"] .lookup-row{flex-wrap:wrap}[data-form="consulta"] .lookup-row>.ctl{flex-basis:100%}[data-form="consulta"] .dlg-body dl{grid-template-columns:1fr;gap:.2rem}[data-form="consulta"] .dlg-body dd{margin-bottom:.65rem}[data-form="consulta"] .dlg-head,[data-form="consulta"] .dlg-body,[data-form="consulta"] .dlg-foot{padding:1rem}}
@media (max-width:480px){[data-form="consulta"] .sec-head{flex-wrap:wrap}[data-form="consulta"] .sec-head .grow{flex-basis:calc(100% - 3.1rem)}[data-form="consulta"] .sec-head>.badge{margin-left:3.1rem}[data-form="consulta"] .bar .btn{padding:.7rem .8rem}}
@media (max-width:640px){[data-form="consulta"] #save-draft{display:block}}
@media (prefers-reduced-motion:reduce){html:has([data-form="consulta"]){scroll-behavior:auto}[data-form="consulta"] .progress span{transition:none}}

/* Organization profile */
[data-form="perfil-organizacion"]{--muted:#8b9bb1;--ok:#34d399;--warn:#fbbf24}
:root[data-theme="light"] [data-form="perfil-organizacion"]{--muted:#596b82;--ok:#047857;--warn:#92400e}
html:has([data-form="perfil-organizacion"]){scroll-padding-top:7rem}
[data-form="perfil-organizacion"] button{cursor:pointer}
[data-form="perfil-organizacion"] button:disabled{cursor:default;opacity:.5}
[data-form="perfil-organizacion"] :focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
[data-form="perfil-organizacion"] header{background:color-mix(in srgb,var(--surface) 90%,transparent)}
[data-form="perfil-organizacion"] .grow{flex:1;min-width:0}
[data-form="perfil-organizacion"] .head-title{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.25rem}
[data-form="perfil-organizacion"] .icon-btn{padding:.4rem .65rem;white-space:nowrap}
[data-form="perfil-organizacion"] .progress span{transition:width .2s}
[data-form="perfil-organizacion"] .layout{padding-bottom:8rem;grid-template-columns:14rem minmax(0,1fr)}
[data-form="perfil-organizacion"] nav.index{top:6rem}
[data-form="perfil-organizacion"] nav.index ol{gap:.2rem}
[data-form="perfil-organizacion"] nav.index a{padding:.5rem .6rem}
[data-form="perfil-organizacion"] nav.index a:hover{color:var(--accent-text)}
[data-form="perfil-organizacion"] nav.index .dot{width:1.4rem;height:1.4rem}
[data-form="perfil-organizacion"] nav.index a.edited .dot{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}
[data-form="perfil-organizacion"] .side-note{font-size:.75rem;color:var(--muted);padding:.6rem;margin:.6rem 0 0;border-top:1px solid var(--line)}
[data-form="perfil-organizacion"] form{min-width:0}
[data-form="perfil-organizacion"] .card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.5rem}
[data-form="perfil-organizacion"] .badge{display:inline-block}
[data-form="perfil-organizacion"] .field{scroll-margin-top:7rem}
[data-form="perfil-organizacion"] legend{color:var(--text-2);font-size:.83rem;font-weight:550}
[data-form="perfil-organizacion"] .ctl{min-height:2.65rem}
[data-form="perfil-organizacion"] .hint{margin:0}
[data-form="perfil-organizacion"] .error{font-size:.77rem;display:block}
[data-form="perfil-organizacion"] .error:empty{display:none}
[data-form="perfil-organizacion"] .field.invalid .hint{display:revert}
[data-form="perfil-organizacion"] .field.invalid .choice-list{border-color:var(--err);box-shadow:0 0 0 3px var(--err-soft)}
[data-form="perfil-organizacion"] .lookup .ctl{padding-right:2.7rem}
[data-form="perfil-organizacion"] .lookup-toggle{position:absolute;right:.3rem;top:.3rem;width:2rem;height:2.05rem;border:0;border-radius:.4rem;color:var(--text-2);background:transparent}
[data-form="perfil-organizacion"] .lookup-toggle:hover{background:var(--accent-soft)}
[data-form="perfil-organizacion"] .options{z-index:15;list-style:none;margin:0;padding:.3rem;max-height:16rem;border-radius:.7rem}
[data-form="perfil-organizacion"] .options li{padding:.55rem .65rem;border-radius:.4rem;font-size:.83rem;overflow-wrap:anywhere;cursor:pointer}
[data-form="perfil-organizacion"] .options li[aria-selected="true"],[data-form="perfil-organizacion"] .options li:hover{background:var(--accent-soft);color:var(--accent-text)}
[data-form="perfil-organizacion"] .options .empty{color:var(--muted);cursor:default}
[data-form="perfil-organizacion"] .alert{align-items:flex-start;font-size:.83rem}
[data-form="perfil-organizacion"] .alert.ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
[data-form="perfil-organizacion"] .alert p{margin:.2rem 0 0}
[data-form="perfil-organizacion"] .alert ul{margin:.4rem 0 0;padding-left:1.2rem}
[data-form="perfil-organizacion"] .profile-line{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}
[data-form="perfil-organizacion"] .profile-line b{font-size:.88rem}
[data-form="perfil-organizacion"] .intro{font-size:.84rem;color:var(--text-2);margin:0}
[data-form="perfil-organizacion"] .link{font-size:.78rem;padding:.1rem 0}
[data-form="perfil-organizacion"] .preview{padding:.8rem 1rem;border:1px solid var(--line);border-radius:.7rem;background:var(--elevated);margin-top:1rem;font-size:.83rem}
[data-form="perfil-organizacion"] .preview .hint{display:block;margin-bottom:.25rem}
[data-form="perfil-organizacion"] .preview strong{font-weight:550;overflow-wrap:anywhere}
[data-form="perfil-organizacion"] fieldset{padding:0;border:0;margin:0;min-width:0}
[data-form="perfil-organizacion"] legend{padding:0;margin-bottom:.4rem}
[data-form="perfil-organizacion"] .choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;border:1px solid transparent;border-radius:.65rem}
[data-form="perfil-organizacion"] .choice{display:flex;align-items:flex-start;gap:.6rem;border:1px solid var(--line-strong);border-radius:.65rem;padding:.7rem .8rem;background:var(--input);cursor:pointer;font-size:.83rem;min-height:3.9rem}
[data-form="perfil-organizacion"] .choice:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
[data-form="perfil-organizacion"] .choice:has(input:disabled){opacity:.6;cursor:default}
[data-form="perfil-organizacion"] .choice input{accent-color:var(--accent);width:1rem;height:1rem;flex:none;margin:.15rem 0 0}
[data-form="perfil-organizacion"] .choice b{font-weight:550}
[data-form="perfil-organizacion"] .choice small{display:block;color:var(--muted);font-size:.72rem}
[data-form="perfil-organizacion"] #s-agendas .choice{padding:.85rem;background:transparent;min-height:0;color:var(--text-2)}
[data-form="perfil-organizacion"] #s-agendas .choice b{display:block;color:var(--text)}
[data-form="perfil-organizacion"] #s-agendas .choice small{margin-top:.2rem;color:var(--text-2);font-size:.75rem;line-height:1.45}
[data-form="perfil-organizacion"] #s-agendas .choice input{margin:.25rem 0 0}
[data-form="perfil-organizacion"] #s-agendas .choice:has(input:checked){background:var(--accent-soft)}
[data-form="perfil-organizacion"] #s-agendas .choice:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}
[data-form="perfil-organizacion"] .divider{border:0;border-top:1px solid var(--line);margin:1.2rem 0}
[data-form="perfil-organizacion"] .agenda-legend{margin:.85rem 0;color:var(--text-2);font-size:.8rem}
[data-form="perfil-organizacion"] .clear-ref{align-self:flex-start;margin-top:.35rem}
[data-form="perfil-organizacion"] .agenda-note{margin-top:.8rem}
[data-form="perfil-organizacion"] .row{display:flex;align-items:center;gap:.6rem}
[data-form="perfil-organizacion"] .row .ctl{flex:1;min-width:0}
[data-form="perfil-organizacion"] .row+.row{margin-top:.55rem}
[data-form="perfil-organizacion"] .contact-rows{display:flex;flex-direction:column;gap:.85rem;margin:1rem 0}
[data-form="perfil-organizacion"] .contact-row{padding:1rem;border:1px solid var(--line-strong);border-radius:.75rem;background:var(--elevated)}
[data-form="perfil-organizacion"] .contact-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}
[data-form="perfil-organizacion"] .contact-head b{font-size:.8rem;font-weight:550}
[data-form="perfil-organizacion"] .contact-row .grid{grid-template-columns:minmax(10rem,.8fr) minmax(0,1.2fr)}
[data-form="perfil-organizacion"] .swatch{width:2.45rem;height:2.45rem;flex:none;border-radius:.6rem;border:1px solid var(--line-strong);background:repeating-conic-gradient(var(--line-strong) 0 25%,transparent 0 50%) 50%/12px 12px}
[data-form="perfil-organizacion"] .color-choose{position:relative;width:2.45rem;height:2.45rem;flex:none;overflow:hidden;border:1px solid var(--line-strong);border-radius:.6rem}
[data-form="perfil-organizacion"] .color-choose input{position:absolute;inset:-.5rem;width:3.4rem;height:3.4rem;border:0;cursor:pointer}
[data-form="perfil-organizacion"] .remove{border-radius:.45rem;padding:.45rem .6rem;color:var(--text-2);font-size:.77rem}
[data-form="perfil-organizacion"] .remove:hover{background:var(--err-soft);color:var(--err)}
[data-form="perfil-organizacion"] .add{padding:.5rem .85rem;font-size:.8rem;width:max-content;max-width:100%}
[data-form="perfil-organizacion"] .brand-preview{display:flex;gap:1rem;align-items:center;border:1px solid var(--line);background:var(--elevated);border-radius:.75rem;padding:1rem;margin-top:1.25rem;min-width:0}
[data-form="perfil-organizacion"] .brand-preview .name{font-size:1.05rem;font-weight:650;overflow-wrap:anywhere}
[data-form="perfil-organizacion"] .brand-preview p{margin:.15rem 0 0;font-size:.8rem;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere}
[data-form="perfil-organizacion"] .logo-preview{width:4rem;height:4rem;object-fit:contain;background:var(--input);border:1px solid var(--line-strong);border-radius:.7rem;padding:.4rem;flex:none}
[data-form="perfil-organizacion"] .monogram{width:4rem;height:4rem;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font-size:1.3rem;font-weight:700;border-radius:.7rem;flex:none}
[data-form="perfil-organizacion"] .palette{display:flex;gap:.35rem;margin-top:.6rem;flex-wrap:wrap}
[data-form="perfil-organizacion"] .palette span{height:1rem;width:1.6rem;border:1px solid var(--line-strong);border-radius:.25rem}
[data-form="perfil-organizacion"] .file-picked{display:flex;align-items:center;gap:.6rem;background:var(--elevated);padding:.6rem .75rem;border-radius:.6rem;border:1px solid var(--line);font-size:.8rem;overflow-wrap:anywhere}
[data-form="perfil-organizacion"] .file-picked .grow{overflow-wrap:anywhere}
[data-form="perfil-organizacion"] .drop{display:flex;flex-direction:column;align-items:center;gap:.4rem}
[data-form="perfil-organizacion"] .drop input{width:100%;font-size:.8rem}
[data-form="perfil-organizacion"] .drop strong{font-size:.9rem}
[data-form="perfil-organizacion"] .drop span{font-size:.76rem;color:var(--text-2)}
[data-form="perfil-organizacion"] .bar{background:color-mix(in srgb,var(--surface) 94%,transparent)}
[data-form="perfil-organizacion"] .btn{padding:.7rem 1.2rem;font-size:.85rem}
[data-form="perfil-organizacion"] .btn.primary{box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent)}
[data-form="perfil-organizacion"] dialog{width:min(49rem,94vw);max-height:90dvh}
[data-form="perfil-organizacion"] .dlg-body{max-height:58dvh}
[data-form="perfil-organizacion"] .review-section+.review-section{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}
[data-form="perfil-organizacion"] .review-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
[data-form="perfil-organizacion"] .review-heading h3{margin:0;font-size:.85rem;text-transform:none;letter-spacing:normal;color:inherit}
[data-form="perfil-organizacion"] .review-section dl{grid-template-columns:minmax(9rem,1fr) 1.5fr;gap:.5rem 1rem;font-size:.82rem}
[data-form="perfil-organizacion"] .review-section dd{overflow-wrap:anywhere;white-space:pre-wrap}
[data-form="perfil-organizacion"] .old{display:block;font-size:.74rem;color:var(--muted)}
[data-form="perfil-organizacion"] .changed{color:var(--accent-text)}
[data-form="perfil-organizacion"] .review-notes{margin-top:1rem}
[data-form="perfil-organizacion"] .review-notes ul{margin:0;padding-left:1rem;color:var(--text-2);font-size:.8rem}
[data-form="perfil-organizacion"] .result{scroll-margin-top:7rem}
@media (max-width:880px){[data-form="perfil-organizacion"] .layout{grid-template-columns:1fr;max-width:49rem}[data-form="perfil-organizacion"] .head,[data-form="perfil-organizacion"] .bar .in{max-width:49rem}}
@media (max-width:640px){[data-form="perfil-organizacion"] .grid,[data-form="perfil-organizacion"] .contact-row .grid{grid-template-columns:1fr}[data-form="perfil-organizacion"] header{position:relative}[data-form="perfil-organizacion"] .card{padding:1.1rem}[data-form="perfil-organizacion"] .head{gap:.6rem;align-items:flex-start}[data-form="perfil-organizacion"] .head h1{font-size:.9rem}[data-form="perfil-organizacion"] .saved{display:none}[data-form="perfil-organizacion"] .layout{padding:1rem .85rem 10rem}[data-form="perfil-organizacion"] .sec-head{gap:.65rem}[data-form="perfil-organizacion"] .sec-head .badge{display:none}[data-form="perfil-organizacion"] .bar .in{gap:.5rem;flex-wrap:wrap;padding:.7rem .85rem}[data-form="perfil-organizacion"] .bar .status{display:block;flex-basis:100%;font-size:.73rem}[data-form="perfil-organizacion"] .btn{padding:.65rem .8rem}[data-form="perfil-organizacion"] .dlg-body,[data-form="perfil-organizacion"] .dlg-head{padding:1rem}[data-form="perfil-organizacion"] .dlg-foot{padding:.8rem;flex-wrap:wrap}[data-form="perfil-organizacion"] .review-section dl{grid-template-columns:1fr;gap:.15rem}[data-form="perfil-organizacion"] .review-section dd{margin-bottom:.6rem}[data-form="perfil-organizacion"] .choice-list{grid-template-columns:1fr}[data-form="perfil-organizacion"] .brand-preview{align-items:flex-start}}
@media (prefers-reduced-motion:reduce){html:has([data-form="perfil-organizacion"]){scroll-behavior:auto}[data-form="perfil-organizacion"] *{transition:none!important}}
@media (max-width:640px){[data-form="perfil-organizacion"] #save-draft{display:block}}

/* new-hire */
body[data-form="new-hire"]{
  --bg:#0d0f1a;--surface:#161927;--elevated:#1e2235;--input:#0a0c15;
  --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
  --accent:#6366f1;--accent-soft:rgba(99,102,241,.16);--accent-text:#a5b4fc;--cyan:#22d3ee;
  --text:#f1f5f9;--text-2:#94a3b8;--muted:#5b6b82;
  --ok:#10b981;--ok-soft:rgba(16,185,129,.14);--err:#f87171;--err-soft:rgba(239,68,68,.12);--warn:#f59e0b;
  --no:#64748b;--shadow:0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark;
}
:root[data-theme="light"] body[data-form="new-hire"]{
  --bg:#f4f6fb;--surface:#ffffff;--elevated:#f8fafc;--input:#ffffff;
  --line:#e5e9f2;--line-strong:#cfd6e4;
  --accent:#4f46e5;--accent-soft:rgba(79,70,229,.09);--accent-text:#4338ca;--cyan:#0891b2;
  --text:#0f172a;--text-2:#475569;--muted:#94a3b8;
  --ok:#059669;--ok-soft:rgba(5,150,105,.1);--err:#dc2626;--err-soft:rgba(220,38,38,.07);--warn:#d97706;
  --no:#94a3b8;--shadow:0 10px 30px rgba(15,23,42,.08);
  color-scheme:light;
}
body[data-form="new-hire"] *{box-sizing:border-box}
body[data-form="new-hire"]{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body[data-form="new-hire"]{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}
body[data-form="new-hire"] button,body[data-form="new-hire"] input,body[data-form="new-hire"] select,body[data-form="new-hire"] textarea{font:inherit;color:inherit}
body[data-form="new-hire"] [hidden]{display:none!important}
body[data-form="new-hire"] .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body[data-form="new-hire"] header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
body[data-form="new-hire"] .head{max-width:72rem;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem}
body[data-form="new-hire"] .head h1{margin:0;font-size:1rem;font-weight:650}
body[data-form="new-hire"] .head p{margin:0;font-size:.78rem;color:var(--text-2)}
body[data-form="new-hire"] .head .grow{flex:1}
body[data-form="new-hire"] .saved{font-size:.75rem;color:var(--muted)}
body[data-form="new-hire"] .icon-btn{border:1px solid var(--line-strong);background:transparent;border-radius:.6rem;padding:.35rem .6rem;cursor:pointer;color:var(--text-2)}
body[data-form="new-hire"] .icon-btn:hover{color:var(--text);border-color:var(--accent)}
body[data-form="new-hire"] .progress{height:3px;background:var(--line)}
body[data-form="new-hire"] .progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .3s}
body[data-form="new-hire"] .layout{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 7rem;display:grid;grid-template-columns:14rem 1fr;gap:1.75rem}
body[data-form="new-hire"] nav.index{position:sticky;top:5.5rem;align-self:start}
body[data-form="new-hire"] nav.index ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
body[data-form="new-hire"] nav.index a{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:.6rem;color:var(--text-2);text-decoration:none;font-size:.84rem}
body[data-form="new-hire"] nav.index a:hover{background:var(--accent-soft);color:var(--text)}
body[data-form="new-hire"] nav.index a.current{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
body[data-form="new-hire"] nav.index .dot{width:1.35rem;height:1.35rem;flex:none;border-radius:.45rem;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:.7rem;font-weight:700}
body[data-form="new-hire"] nav.index a.done .dot{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
body[data-form="new-hire"] nav.index a.bad .dot{background:var(--err-soft);border-color:var(--err);color:var(--err)}
body[data-form="new-hire"] nav.index .opt{margin-left:auto;font-size:.68rem;color:var(--muted)}
@media (max-width:880px){body[data-form="new-hire"] .layout{grid-template-columns:1fr}
body[data-form="new-hire"] nav.index{display:none}
}
body[data-form="new-hire"] main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
body[data-form="new-hire"] form{display:flex;flex-direction:column;gap:2rem}
body[data-form="new-hire"] section.card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.5rem}
body[data-form="new-hire"] .sec-head{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1.25rem}
body[data-form="new-hire"] .sec-num{width:2.2rem;height:2.2rem;flex:none;border-radius:.7rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);display:grid;place-items:center;font-weight:700;color:var(--accent-text);font-size:.85rem}
body[data-form="new-hire"] .sec-head h2{margin:0;font-size:1rem;font-weight:650}
body[data-form="new-hire"] .sec-head p{margin:.1rem 0 0;color:var(--text-2);font-size:.83rem}
body[data-form="new-hire"] .sec-head .grow{flex:1}
body[data-form="new-hire"] .badge{font-size:.7rem;border:1px solid var(--line-strong);color:var(--text-2);border-radius:99rem;padding:.1rem .55rem;white-space:nowrap}
body[data-form="new-hire"] .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem}
body[data-form="new-hire"] .span-all{grid-column:1/-1}
@media (max-width:640px){body[data-form="new-hire"] .grid,body[data-form="new-hire"] .grid.g3{grid-template-columns:1fr}
body[data-form="new-hire"] section.card{padding:1.1rem}
}
body[data-form="new-hire"] .field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
body[data-form="new-hire"] .field>label,body[data-form="new-hire"] .field>.label{font-size:.83rem;font-weight:550;color:var(--text-2)}
body[data-form="new-hire"] .req{color:var(--accent-text);margin-left:.15rem}
body[data-form="new-hire"] .ctl{width:100%;background:var(--input);border:1px solid var(--line-strong);border-radius:.6rem;padding:.6rem .8rem;outline:none;transition:border-color .15s,box-shadow .15s;min-height:2.6rem}
body[data-form="new-hire"] .ctl::placeholder{color:var(--muted)}
body[data-form="new-hire"] .ctl:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body[data-form="new-hire"] select.ctl{appearance:none;cursor:pointer;padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%2394a3b8'%3E%3Cpath d='M4.2 6.2a.75.75 0 0 1 1.1 0L8 8.9l2.7-2.7a.75.75 0 1 1 1.1 1.1l-3.3 3.2a.75.75 0 0 1-1 0L4.2 7.3a.75.75 0 0 1 0-1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}
body[data-form="new-hire"] textarea.ctl{resize:vertical;min-height:5.5rem}
body[data-form="new-hire"] .field.invalid .ctl,body[data-form="new-hire"] .field.invalid .seg,body[data-form="new-hire"] .field.invalid .party{border-color:var(--err)!important;box-shadow:0 0 0 3px var(--err-soft)}
body[data-form="new-hire"] .hint{font-size:.75rem;color:var(--muted)}
body[data-form="new-hire"] .error{font-size:.75rem;color:var(--err);display:none}
body[data-form="new-hire"] .field.invalid .error{display:block}
body[data-form="new-hire"] .field.invalid .hint{display:none}
body[data-form="new-hire"] .seg{display:flex;flex-wrap:wrap;gap:.5rem;border-radius:.7rem}
body[data-form="new-hire"] .seg label{flex:1 1 auto;min-width:6rem;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .8rem;border:1px solid var(--line-strong);border-radius:.6rem;cursor:pointer;color:var(--text-2);font-size:.86rem;font-weight:500;transition:all .14s;user-select:none;text-align:center}
body[data-form="new-hire"] .seg label:hover{border-color:var(--accent);color:var(--text)}
body[data-form="new-hire"] .seg input{position:absolute;opacity:0;pointer-events:none}
body[data-form="new-hire"] .seg input:checked+span{color:var(--accent-text)}
body[data-form="new-hire"] .seg label:has(input:checked){background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-text);font-weight:600}
body[data-form="new-hire"] .seg label:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-soft)}
body[data-form="new-hire"] .legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--muted);margin:-.4rem 0 1rem}
body[data-form="new-hire"] .legend b{font-weight:600}
body[data-form="new-hire"] .link{border:0;background:none;color:var(--accent-text);cursor:pointer;font-size:.76rem;padding:0}
body[data-form="new-hire"] .link:hover{text-decoration:underline}
body[data-form="new-hire"] .party{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--elevated)}
body[data-form="new-hire"] .lookup{position:relative}
body[data-form="new-hire"] .options{position:absolute;z-index:5;left:0;right:0;top:calc(100% + .3rem);background:var(--surface);border:1px solid var(--line-strong);border-radius:.6rem;box-shadow:var(--shadow);overflow:hidden}
body[data-form="new-hire"] .options button{display:flex;width:100%;text-align:left;gap:.6rem;align-items:center;border:0;background:none;padding:.6rem .8rem;cursor:pointer}
body[data-form="new-hire"] .options button:hover,body[data-form="new-hire"] .options button.active{background:var(--accent-soft)}
body[data-form="new-hire"] .options small{color:var(--muted)}
body[data-form="new-hire"] .options .create{border-top:1px solid var(--line);color:var(--accent-text);font-weight:600}
body[data-form="new-hire"] .picked{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border:1px solid var(--accent);background:var(--accent-soft);border-radius:.6rem}
body[data-form="new-hire"] .picked .grow{flex:1;min-width:0}
body[data-form="new-hire"] .picked small{display:block;color:var(--text-2)}
body[data-form="new-hire"] .rows{display:flex;flex-direction:column;gap:.75rem}
body[data-form="new-hire"] .row-card{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--elevated)}
body[data-form="new-hire"] .row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
body[data-form="new-hire"] .row-top h3{margin:0;font-size:.84rem;font-weight:600;color:var(--cyan)}
body[data-form="new-hire"] .add{display:inline-flex;align-items:center;gap:.4rem;border:1px dashed var(--line-strong);background:transparent;border-radius:.6rem;padding:.55rem .9rem;cursor:pointer;color:var(--accent-text);font-weight:550}
body[data-form="new-hire"] .add:hover{border-color:var(--accent);background:var(--accent-soft)}
body[data-form="new-hire"] .remove{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.78rem}
body[data-form="new-hire"] .remove:hover{color:var(--err)}
body[data-form="new-hire"] .lookup-row{display:flex;gap:.5rem;align-items:stretch}
body[data-form="new-hire"] .lookup-row .lookup{flex:1}
body[data-form="new-hire"] .lookup-row .add{white-space:nowrap}
body[data-form="new-hire"] .lookup .ctl{padding-right:2.6rem}
body[data-form="new-hire"] .lookup .all{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:0;border-radius:.45rem;background:transparent;color:var(--text-2);cursor:pointer}
body[data-form="new-hire"] .lookup .all:hover{background:var(--accent-soft);color:var(--accent-text)}
body[data-form="new-hire"] .options{max-height:18rem;overflow:auto}
@media (max-width:640px){body[data-form="new-hire"] .slots{grid-template-columns:1fr}
}
body[data-form="new-hire"] .check{display:flex;align-items:center;gap:.6rem;min-height:2.6rem;cursor:pointer;font-weight:550;color:var(--text-2);user-select:none}
body[data-form="new-hire"] .check input{width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer}
body[data-form="new-hire"] .drop{border:1.5px dashed var(--line-strong);border-radius:.9rem;padding:1.6rem;text-align:center;cursor:pointer;transition:all .15s;background:var(--elevated)}
body[data-form="new-hire"] .drop:hover,body[data-form="new-hire"] .drop.over{border-color:var(--accent);background:var(--accent-soft)}
body[data-form="new-hire"] .drop strong{display:block;font-size:.92rem}
body[data-form="new-hire"] .drop span{font-size:.78rem;color:var(--muted)}
body[data-form="new-hire"] .doc{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.6rem;background:var(--input)}
body[data-form="new-hire"] .doc .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
body[data-form="new-hire"] .doc select.ctl{width:12rem;min-height:2.1rem;padding:.3rem 2rem .3rem .6rem;font-size:.8rem}
body[data-form="new-hire"] .alert{display:flex;gap:.7rem;border-radius:.8rem;padding:.85rem 1rem;font-size:.85rem;border:1px solid}
body[data-form="new-hire"] .alert.err{background:var(--err-soft);border-color:color-mix(in srgb,var(--err) 40%,transparent)}
body[data-form="new-hire"] .alert ul{margin:.3rem 0 0;padding-left:1.1rem}
body[data-form="new-hire"] .alert a{color:inherit}
body[data-form="new-hire"] .bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
body[data-form="new-hire"] .bar .in{max-width:72rem;margin:0 auto;padding:.8rem 1.25rem;display:flex;align-items:center;gap:1rem}
body[data-form="new-hire"] .bar .status{flex:1;font-size:.8rem;color:var(--text-2)}
body[data-form="new-hire"] .btn{border:0;border-radius:.65rem;padding:.7rem 1.3rem;font-weight:600;cursor:pointer}
body[data-form="new-hire"] .btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent)}
body[data-form="new-hire"] .btn.primary:hover{filter:brightness(1.1)}
body[data-form="new-hire"] .btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--text-2)}
body[data-form="new-hire"] .btn.ghost:hover{color:var(--text);border-color:var(--accent)}
@media (max-width:640px){body[data-form="new-hire"] .bar .status,body[data-form="new-hire"] #save-draft{display:none}
body[data-form="new-hire"] .bar .btn.primary{flex:1}
}
body[data-form="new-hire"] dialog{border:1px solid var(--line-strong);border-radius:1rem;background:var(--surface);color:var(--text);padding:0;width:min(46rem,94vw);box-shadow:var(--shadow)}
body[data-form="new-hire"] dialog::backdrop{background:rgba(5,8,18,.7);backdrop-filter:blur(3px)}
body[data-form="new-hire"] .dlg-head{padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}
body[data-form="new-hire"] .dlg-head h2{margin:0;font-size:1.05rem}
body[data-form="new-hire"] .dlg-head p{margin:.2rem 0 0;color:var(--text-2);font-size:.83rem}
body[data-form="new-hire"] .dlg-body{padding:1rem 1.4rem;max-height:60vh;overflow:auto}
body[data-form="new-hire"] .dlg-body h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1rem 0 .4rem}
body[data-form="new-hire"] .dlg-body dl{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:.25rem 1rem;margin:0;font-size:.85rem}
body[data-form="new-hire"] .dlg-body dt{color:var(--text-2)}
body[data-form="new-hire"] .dlg-body dd{margin:0}
body[data-form="new-hire"] .dlg-foot{padding:1rem 1.4rem;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:.6rem}
body[data-form="new-hire"]{--muted:#8c9ab0}
:root[data-theme="light"] body[data-form="new-hire"]{--muted:#64748b}
body[data-form="new-hire"] button:focus-visible,body[data-form="new-hire"] a:focus-visible,body[data-form="new-hire"] input:focus-visible,body[data-form="new-hire"] summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
body[data-form="new-hire"] button:disabled{opacity:.55;cursor:default}
body[data-form="new-hire"] fieldset{border:0;padding:0;margin:0;min-width:0}
body[data-form="new-hire"] legend{font-size:.83rem;font-weight:550;color:var(--text-2);padding:0;margin-bottom:.55rem}
body[data-form="new-hire"] .intro{padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
body[data-form="new-hire"] .eyebrow{display:flex;gap:.5rem;align-items:center;color:var(--accent-text);font-size:.7rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase}
body[data-form="new-hire"] .eyebrow i{width:.4rem;height:.4rem;background:var(--cyan);border-radius:50%}
body[data-form="new-hire"] .intro h2{font-size:1.35rem;line-height:1.3;margin:.55rem 0}
body[data-form="new-hire"] .intro p{color:var(--text-2);font-size:.85rem;margin:.4rem 0}
body[data-form="new-hire"] .intro details{border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem}
body[data-form="new-hire"] summary{cursor:pointer;color:var(--accent-text);font-size:.8rem}
body[data-form="new-hire"] .org-context{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.75rem;color:var(--text-2);margin:.8rem 0 0}
body[data-form="new-hire"] .org-context b{font-weight:550;color:var(--text)}
body[data-form="new-hire"] .nav-caption{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 .6rem;margin:0 0 .65rem}
body[data-form="new-hire"] .nav-note{font-size:.75rem;color:var(--text-2);padding:.8rem .6rem;border-top:1px solid var(--line);margin-top:1rem}
body[data-form="new-hire"] .nav-note b{display:block;color:var(--text);font-weight:550;margin-bottom:.3rem}
body[data-form="new-hire"] .index .finish{font-size:.75rem;color:var(--muted);padding:.9rem .6rem}
body[data-form="new-hire"] .field .error{min-height:1em}
body[data-form="new-hire"] .field.invalid .hint{display:block}
body[data-form="new-hire"] .hint{line-height:1.5}
body[data-form="new-hire"] .block{margin-top:1rem}
body[data-form="new-hire"] .divider{border:0;border-top:1px solid var(--line);margin:1.2rem 0}
body[data-form="new-hire"] .readonly{border:1px solid var(--line);background:var(--elevated);border-radius:.75rem;padding:.85rem 1rem;font-size:.83rem}
body[data-form="new-hire"] .readonly b{display:block;color:var(--text);font-weight:600}
body[data-form="new-hire"] .readonly p{margin:.2rem 0 0;color:var(--text-2)}
body[data-form="new-hire"] .readonly .link{margin-top:.4rem}
body[data-form="new-hire"] .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
body[data-form="new-hire"] .choice{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem;border:1px solid var(--line-strong);border-radius:.65rem;cursor:pointer;font-size:.83rem;color:var(--text-2)}
body[data-form="new-hire"] .choice b{display:block;font-size:.83rem;font-weight:550;color:var(--text)}
body[data-form="new-hire"] .choice small{display:block;margin-top:.2rem;color:var(--text-2);font-size:.75rem;line-height:1.45}
body[data-form="new-hire"] .choice input{margin:.25rem 0 0;accent-color:var(--accent);flex:none}
body[data-form="new-hire"] .choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
body[data-form="new-hire"] .choice:has(input:disabled){opacity:.5;cursor:default}
body[data-form="new-hire"] .choice:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}
body[data-form="new-hire"] .options button{flex-direction:column;align-items:flex-start;gap:.1rem}
body[data-form="new-hire"] .options button:focus{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}
body[data-form="new-hire"] .lookup-row>.add{white-space:normal;text-align:left;font-size:.78rem;max-width:10rem}
body[data-form="new-hire"] .clear-ref{margin-top:.4rem;align-self:flex-start}
body[data-form="new-hire"] .person-details{padding-top:1rem}
body[data-form="new-hire"] .person-details summary{margin-bottom:.85rem}
body[data-form="new-hire"] .person-details .grid{padding:.2rem 0}
body[data-form="new-hire"] .repeat-foot{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:.8rem}
body[data-form="new-hire"] .repeat-foot .hint{flex:1;min-width:12rem}
body[data-form="new-hire"] .file-control{width:100%;font-size:.78rem;padding:.6rem}
body[data-form="new-hire"] .file-control::file-selector-button{border:1px solid var(--line-strong);border-radius:.4rem;background:var(--input);color:var(--accent-text);padding:.4rem .6rem;margin-right:.7rem;cursor:pointer}
body[data-form="new-hire"] .file-picked{display:flex;gap:.5rem;align-items:center;justify-content:space-between;margin-top:.7rem;font-size:.8rem;overflow-wrap:anywhere}
body[data-form="new-hire"] .drop:focus-within{outline:2px solid var(--accent-text);outline-offset:2px}
body[data-form="new-hire"] .drop .hint{display:block;margin-top:.45rem}
body[data-form="new-hire"] .account-modes{display:flex;flex-direction:column;gap:.5rem}
body[data-form="new-hire"] .account-modes .choice{padding:.7rem .85rem}
body[data-form="new-hire"] .inline-panel{padding:1rem;margin-top:.8rem;border:1px solid var(--line-strong);background:var(--elevated);border-radius:.75rem}
body[data-form="new-hire"] .inline-panel h3{margin:0 0 .3rem;font-size:.85rem;color:var(--cyan)}
body[data-form="new-hire"] .inline-panel>p{margin:0 0 1rem;font-size:.78rem;color:var(--text-2)}
body[data-form="new-hire"] .department-tag{display:inline-block;margin-top:.3rem}
body[data-form="new-hire"]{scroll-padding-top:7rem}
body[data-form="new-hire"] nav.index{top:7rem}
body[data-form="new-hire"] .meta-inline{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.85rem}
body[data-form="new-hire"] .meta-inline .badge{white-space:normal}
body[data-form="new-hire"] #summary-errors:empty,body[data-form="new-hire"] #restore:empty,body[data-form="new-hire"] #result:empty{display:none}
body[data-form="new-hire"] #summary-errors:focus,body[data-form="new-hire"] #result:focus{outline:none}
body[data-form="new-hire"] .dlg-body dl{grid-template-columns:minmax(8rem,35%) 1fr;gap:.5rem .9rem}
body[data-form="new-hire"] .dlg-body dd{white-space:pre-line;overflow-wrap:anywhere}
body[data-form="new-hire"] .review-section{padding-bottom:1rem;border-bottom:1px solid var(--line)}
body[data-form="new-hire"] .review-section:last-child{border:0}
body[data-form="new-hire"] .review-section h3{display:flex;justify-content:space-between;gap:1rem;align-items:center}
body[data-form="new-hire"] .review-section h3 button{font-size:.75rem;font-weight:500;text-transform:none}
body[data-form="new-hire"] .review-note{border-radius:.6rem;background:var(--accent-soft);padding:.75rem;font-size:.8rem;line-height:1.55;color:var(--text-2);margin-top:.9rem}
body[data-form="new-hire"] .computed{padding:.8rem 1rem;border-radius:.7rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:.8rem;color:var(--text-2)}
body[data-form="new-hire"] .result-card{padding:1.2rem;border:1px solid var(--ok);background:var(--ok-soft);border-radius:1rem}
body[data-form="new-hire"] .result-card h2{font-size:1rem;margin:0 0 .4rem}
body[data-form="new-hire"] .result-card p,body[data-form="new-hire"] .result-card li{font-size:.83rem;color:var(--text-2)}
body[data-form="new-hire"] .result-card ul{margin:.6rem 0;padding-left:1.1rem}
body[data-form="new-hire"] .result-card .btn{margin-top:.5rem}
body[data-form="new-hire"] .status strong{font-weight:550;color:var(--text)}
body[data-form="new-hire"] .saved{color:var(--text-2);max-width:18rem;text-align:right}
@media(max-width:640px){body[data-form="new-hire"] .head{gap:.6rem}
body[data-form="new-hire"] .head p{max-width:15rem}
body[data-form="new-hire"] .head .saved{display:none}
body[data-form="new-hire"] .layout{padding-top:1rem;padding-bottom:8rem;gap:1rem}
body[data-form="new-hire"] .choices{grid-template-columns:1fr}
body[data-form="new-hire"] .lookup-row{flex-wrap:wrap}
body[data-form="new-hire"] .lookup-row>.add{max-width:none}
body[data-form="new-hire"] .bar .in{gap:.5rem}
body[data-form="new-hire"] .bar .btn{padding:.7rem .85rem}
body[data-form="new-hire"] .bar #save-draft{display:block;font-size:.75rem}
body[data-form="new-hire"] .dlg-foot{padding:.85rem;gap:.4rem}
body[data-form="new-hire"] .dlg-foot .btn{padding:.7rem .75rem}
body[data-form="new-hire"] .intro{padding:1.1rem}
body[data-form="new-hire"] .dlg-body dl{grid-template-columns:1fr;gap:.2rem}
body[data-form="new-hire"] .dlg-body dd{margin-bottom:.65rem}
body[data-form="new-hire"] .saved{max-width:9rem}
}
body[data-form="new-hire"] .hint a{color:var(--accent-text)}
@media(prefers-reduced-motion:reduce){body[data-form="new-hire"]{scroll-behavior:auto}
body[data-form="new-hire"] *{transition:none!important}
}

/* iniciar-sesion */
body[data-form="iniciar-sesion"]{
  --bg:#0d0f1a;--surface:#161927;--elevated:#1e2235;--input:#0a0c15;
  --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
  --accent:#6366f1;--accent-soft:rgba(99,102,241,.16);--accent-text:#a5b4fc;--cyan:#22d3ee;
  --text:#f1f5f9;--text-2:#94a3b8;--muted:#5b6b82;
  --ok:#10b981;--ok-soft:rgba(16,185,129,.14);--err:#f87171;--err-soft:rgba(239,68,68,.12);--warn:#f59e0b;
  --shadow:0 10px 30px rgba(0,0,0,.35);color-scheme:dark;
}
:root[data-theme="light"] body[data-form="iniciar-sesion"]{
  --bg:#f4f6fb;--surface:#fff;--elevated:#f8fafc;--input:#fff;
  --line:#e5e9f2;--line-strong:#cfd6e4;
  --accent:#4f46e5;--accent-soft:rgba(79,70,229,.09);--accent-text:#4338ca;--cyan:#0891b2;
  --text:#0f172a;--text-2:#475569;--muted:#94a3b8;
  --ok:#059669;--ok-soft:rgba(5,150,105,.1);--err:#dc2626;--err-soft:rgba(220,38,38,.07);--warn:#d97706;
  --shadow:0 10px 30px rgba(15,23,42,.08);color-scheme:light;
}
body[data-form="iniciar-sesion"] *{box-sizing:border-box}
body[data-form="iniciar-sesion"] [hidden]{display:none!important}
body[data-form="iniciar-sesion"]{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;scroll-padding-top:7rem}
body[data-form="iniciar-sesion"]{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
body[data-form="iniciar-sesion"] button,body[data-form="iniciar-sesion"] input{font:inherit;color:inherit}
body[data-form="iniciar-sesion"] button,body[data-form="iniciar-sesion"] a,body[data-form="iniciar-sesion"] input{touch-action:manipulation}
body[data-form="iniciar-sesion"] a{color:var(--accent-text);text-underline-offset:3px}
body[data-form="iniciar-sesion"] button{cursor:pointer}
body[data-form="iniciar-sesion"] :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body[data-form="iniciar-sesion"] header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
body[data-form="iniciar-sesion"] .head{max-width:72rem;margin:auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem}
body[data-form="iniciar-sesion"] .head h1{margin:0;font-size:1rem;font-weight:650}
body[data-form="iniciar-sesion"] .head p{margin:0;font-size:.78rem;color:var(--text-2)}
body[data-form="iniciar-sesion"] .grow{flex:1}
body[data-form="iniciar-sesion"] .badge{display:inline-block;font-size:.7rem;border:1px solid var(--line-strong);color:var(--text-2);border-radius:99rem;padding:.1rem .55rem;white-space:nowrap}
body[data-form="iniciar-sesion"] .icon-btn{border:1px solid var(--line-strong);background:transparent;border-radius:.6rem;padding:.4rem .65rem;color:var(--text-2)}
body[data-form="iniciar-sesion"] .icon-btn:hover{color:var(--text);border-color:var(--accent)}
body[data-form="iniciar-sesion"] .ribbon{height:3px;background:linear-gradient(90deg,var(--accent),var(--cyan))}
body[data-form="iniciar-sesion"] main{width:min(100%,36rem);margin:0 auto;padding:2.5rem 1.25rem 3rem}
body[data-form="iniciar-sesion"] .eyebrow{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text)}
body[data-form="iniciar-sesion"] .eyebrow i{width:.45rem;height:.45rem;background:var(--cyan);border-radius:50%}
body[data-form="iniciar-sesion"] .intro{margin-bottom:1.5rem}
body[data-form="iniciar-sesion"] .intro h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.03em;margin:.65rem 0}
body[data-form="iniciar-sesion"] .intro p{color:var(--text-2);margin:.55rem 0;font-size:.86rem}
body[data-form="iniciar-sesion"] .org-context{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.75rem;color:var(--text-2);margin-top:1rem}
body[data-form="iniciar-sesion"] .org-context b{color:var(--text)}
body[data-form="iniciar-sesion"] .card{border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:1.5rem}
body[data-form="iniciar-sesion"] .sec-head{display:flex;gap:.9rem;align-items:start;margin-bottom:1.4rem}
body[data-form="iniciar-sesion"] .sec-num{width:2.2rem;height:2.2rem;flex:none;border-radius:.7rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);display:grid;place-items:center;font-weight:700;color:var(--accent-text);font-size:.85rem}
body[data-form="iniciar-sesion"] .sec-head h2{font-size:1rem;font-weight:650;margin:0}
body[data-form="iniciar-sesion"] .sec-head p{font-size:.82rem;color:var(--text-2);margin:.15rem 0 0}
body[data-form="iniciar-sesion"] form{display:flex;flex-direction:column;gap:1.1rem}
body[data-form="iniciar-sesion"] .field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
body[data-form="iniciar-sesion"] .field>label{font-size:.83rem;font-weight:550;color:var(--text-2)}
body[data-form="iniciar-sesion"] .req{color:var(--accent-text);margin-left:.2rem}
body[data-form="iniciar-sesion"] .ctl{width:100%;background:var(--input);border:1px solid var(--line-strong);border-radius:.6rem;padding:.65rem .8rem;outline:none;min-height:2.6rem}
body[data-form="iniciar-sesion"] .ctl::placeholder{color:var(--text-2);opacity:.7}
body[data-form="iniciar-sesion"] .ctl:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body[data-form="iniciar-sesion"] .hint{color:var(--text-2);font-size:.75rem}
body[data-form="iniciar-sesion"] .error{color:var(--err);font-size:.75rem}
body[data-form="iniciar-sesion"] .error:empty{display:none}
body[data-form="iniciar-sesion"] .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line-strong);border-radius:.65rem;padding:.7rem 1.15rem;font-weight:600;font-size:.86rem;background:transparent;color:var(--text);text-decoration:none}
body[data-form="iniciar-sesion"] .btn:hover{border-color:var(--accent);background:var(--accent-soft)}
body[data-form="iniciar-sesion"] .primary{background:var(--accent);border-color:var(--accent);color:#fff}
body[data-form="iniciar-sesion"] .primary:hover{background:color-mix(in srgb,var(--accent) 85%,white)}
body[data-form="iniciar-sesion"] button:disabled{opacity:.55;cursor:wait}
body[data-form="iniciar-sesion"] .submit{width:100%;margin-top:.1rem}
body[data-form="iniciar-sesion"] .link{border:0;padding:0;background:none;color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;font-size:.81rem;align-self:start}
body[data-form="iniciar-sesion"] .note{border-left:2px solid var(--accent);padding:.1rem 0 .1rem .8rem;color:var(--text-2);font-size:.78rem;margin-top:1.25rem}
body[data-form="iniciar-sesion"] .note p{margin:.4rem 0}
body[data-form="iniciar-sesion"] .saved{min-height:1.1rem;color:var(--text-2);font-size:.73rem;margin-top:.8rem}
body[data-form="iniciar-sesion"] .alert{padding:.85rem 1rem;border:1px solid var(--line-strong);border-radius:.75rem;font-size:.82rem;margin-bottom:1rem;overflow-wrap:anywhere}
body[data-form="iniciar-sesion"] .alert p{margin:.35rem 0}
body[data-form="iniciar-sesion"] .alert ul{margin:.5rem 0 0;padding-left:1.2rem}
body[data-form="iniciar-sesion"] .alert.err{background:var(--err-soft);border-color:var(--err);color:var(--text)}
body[data-form="iniciar-sesion"] .alert.info{background:var(--accent-soft);border-color:var(--accent)}
body[data-form="iniciar-sesion"] #success h2{margin:.2rem 0 .5rem;font-size:1.2rem}
body[data-form="iniciar-sesion"] #success p{color:var(--text-2);font-size:.86rem}
body[data-form="iniciar-sesion"] #success .btn{margin-top:.6rem}
@media(max-width:600px){body[data-form="iniciar-sesion"] main{padding-top:1.5rem}
body[data-form="iniciar-sesion"] .head{gap:.6rem}
body[data-form="iniciar-sesion"] .head p{max-width:15rem}
body[data-form="iniciar-sesion"] .card{padding:1.1rem}
body[data-form="iniciar-sesion"] .intro h2{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){body[data-form="iniciar-sesion"] *{scroll-behavior:auto!important}
}
body[data-form="new-hire"] #progress.progress-0{width:0%}
body[data-form="new-hire"] #progress.progress-1{width:20%}
body[data-form="new-hire"] #progress.progress-2{width:40%}
body[data-form="new-hire"] #progress.progress-3{width:60%}
body[data-form="new-hire"] #progress.progress-4{width:80%}
body[data-form="new-hire"] #progress.progress-5{width:100%}

/* Rental search, lease changes, expenses and availability */
body[data-form="rental-demand"],body[data-form="cambio-arrendamiento"],body[data-form="expense-or-charge"],body[data-form="disponibilidad"]{--muted:#96a4b9;--ok:#34d399;--warn:#fbbf24}
:root[data-theme="light"] body[data-form="rental-demand"],:root[data-theme="light"] body[data-form="cambio-arrendamiento"],:root[data-theme="light"] body[data-form="expense-or-charge"],:root[data-theme="light"] body[data-form="disponibilidad"]{--muted:#64748b;--ok:#047857;--warn:#92400e;--cyan:#0e7490}
body[data-form="rental-demand"] .grow,body[data-form="cambio-arrendamiento"] .grow,body[data-form="expense-or-charge"] .grow,body[data-form="disponibilidad"] .grow{flex:1;min-width:0}
body[data-form="rental-demand"] :focus-visible,body[data-form="cambio-arrendamiento"] :focus-visible,body[data-form="expense-or-charge"] :focus-visible,body[data-form="disponibilidad"] :focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
body[data-form="rental-demand"] button:disabled,body[data-form="cambio-arrendamiento"] button:disabled,body[data-form="expense-or-charge"] button:disabled,body[data-form="disponibilidad"] button:disabled{opacity:.55;cursor:default}
body[data-form="rental-demand"] a,body[data-form="cambio-arrendamiento"] a,body[data-form="expense-or-charge"] a,body[data-form="disponibilidad"] a{color:var(--accent-text)}
body[data-form="rental-demand"] .layout,body[data-form="cambio-arrendamiento"] .layout,body[data-form="expense-or-charge"] .layout,body[data-form="disponibilidad"] .layout{grid-template-columns:14rem minmax(0,1fr);padding-bottom:8rem}
body[data-form="rental-demand"] fieldset,body[data-form="cambio-arrendamiento"] fieldset,body[data-form="expense-or-charge"] fieldset,body[data-form="disponibilidad"] fieldset{border:0;padding:0;margin:0;min-width:0}
body[data-form="rental-demand"] legend,body[data-form="cambio-arrendamiento"] legend,body[data-form="expense-or-charge"] legend,body[data-form="disponibilidad"] legend{padding:0;margin-bottom:.5rem;font-size:.83rem;font-weight:550;color:var(--text-2)}
body[data-form="rental-demand"] .error,body[data-form="cambio-arrendamiento"] .error,body[data-form="expense-or-charge"] .error,body[data-form="disponibilidad"] .error{display:block;margin:0}
body[data-form="rental-demand"] .error:empty,body[data-form="cambio-arrendamiento"] .error:empty,body[data-form="expense-or-charge"] .error:empty,body[data-form="disponibilidad"] .error:empty{display:none}
body[data-form="rental-demand"] .alert,body[data-form="cambio-arrendamiento"] .alert,body[data-form="expense-or-charge"] .alert,body[data-form="disponibilidad"] .alert{display:block;font-size:.83rem;overflow-wrap:anywhere}
body[data-form="rental-demand"] .alert p,body[data-form="cambio-arrendamiento"] .alert p,body[data-form="expense-or-charge"] .alert p,body[data-form="disponibilidad"] .alert p{margin:.3rem 0 0}
body[data-form="rental-demand"] .alert.err,body[data-form="cambio-arrendamiento"] .alert.err,body[data-form="expense-or-charge"] .alert.err,body[data-form="disponibilidad"] .alert.err{border-color:var(--err)}
body[data-form="rental-demand"] dialog,body[data-form="cambio-arrendamiento"] dialog,body[data-form="expense-or-charge"] dialog,body[data-form="disponibilidad"] dialog{max-height:90dvh}
body[data-form="rental-demand"] .dlg-body dd,body[data-form="cambio-arrendamiento"] .dlg-body dd,body[data-form="expense-or-charge"] .dlg-body dd,body[data-form="disponibilidad"] .dlg-body dd{white-space:pre-wrap;overflow-wrap:anywhere}
body[data-form="rental-demand"] .dlg-foot,body[data-form="cambio-arrendamiento"] .dlg-foot,body[data-form="expense-or-charge"] .dlg-foot,body[data-form="disponibilidad"] .dlg-foot{flex-wrap:wrap}
body[data-form="rental-demand"] .icon-btn,body[data-form="cambio-arrendamiento"] .icon-btn,body[data-form="expense-or-charge"] .icon-btn,body[data-form="disponibilidad"] .icon-btn{white-space:nowrap}

/* Rental search */
body[data-form="rental-demand"]{--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.16);--accent-text:#b2baff;--text-2:#a6b3c6;--ok-soft:rgba(16,185,129,.12);--err-soft:rgba(239,68,68,.1);--shadow:0 10px 30px rgba(0,0,0,.3)}
:root[data-theme="light"] body[data-form="rental-demand"]{--line:#e5e9f2;--line-strong:#cfd6e4;--accent-soft:rgba(79,70,229,.08);--accent-text:#4338ca;--text-2:#475569;--ok-soft:rgba(5,150,105,.08);--err:#b91c1c;--err-soft:rgba(220,38,38,.06);--shadow:0 10px 30px rgba(15,23,42,.08)}
body[data-form="rental-demand"] header{background:color-mix(in srgb,var(--surface) 94%,transparent)}
body[data-form="rental-demand"] .head p{margin:.1rem 0 .25rem}
body[data-form="rental-demand"] .badge{display:inline-block;padding:.12rem .55rem}
body[data-form="rental-demand"] .saved{max-width:15rem;text-align:right}
body[data-form="rental-demand"] .layout{padding-bottom:9rem}
body[data-form="rental-demand"] nav.index{top:7rem}
body[data-form="rental-demand"] nav.index ol{gap:.25rem}
body[data-form="rental-demand"] nav.index a{gap:.65rem;padding:.55rem .6rem}
body[data-form="rental-demand"] .rail-note{font-size:.78rem;color:var(--muted);margin:1.4rem .6rem}
body[data-form="rental-demand"] .rail-note strong{display:block;margin-bottom:.35rem;color:var(--text-2)}
body[data-form="rental-demand"] form{gap:1.5rem}
body[data-form="rental-demand"] .field{scroll-margin-top:8rem}
body[data-form="rental-demand"] .optional{font-size:.73rem;font-weight:400;color:var(--muted)}
body[data-form="rental-demand"] .ctl{min-height:2.65rem}
body[data-form="rental-demand"] textarea.ctl{min-height:6rem}
body[data-form="rental-demand"] .hint,body[data-form="rental-demand"] .error{font-size:.76rem}
body[data-form="rental-demand"] .alert{padding:1rem 1.1rem;border-color:var(--line-strong);background:var(--elevated);color:var(--text-2)}
body[data-form="rental-demand"] .alert strong{display:block;color:var(--text);margin-bottom:.25rem}
body[data-form="rental-demand"] .alert.err{background:var(--err-soft)}
body[data-form="rental-demand"] .alert.err strong,body[data-form="rental-demand"] .error-list a{color:var(--err)}
body[data-form="rental-demand"] .error-list{margin:.5rem 0 0;padding-left:1.2rem}
body[data-form="rental-demand"] .lookup-row,body[data-form="rental-demand"] .row-top,body[data-form="rental-demand"] .repeat-foot{align-items:center;gap:.6rem;flex-wrap:wrap}
body[data-form="rental-demand"] .row-top h3{flex:1}
body[data-form="rental-demand"] .block,body[data-form="rental-demand"] .person-details,body[data-form="rental-demand"] .group{margin-top:1rem}
body[data-form="rental-demand"] .person-details summary{cursor:pointer;color:var(--text-2);margin-bottom:.8rem}
body[data-form="rental-demand"] .repeat-foot{display:flex;margin-top:.8rem}
body[data-form="rental-demand"] .row-card p{margin:0 0 .75rem}
body[data-form="rental-demand"] .row-card p:last-child{margin-bottom:0}
body[data-form="rental-demand"] .seg{gap:.45rem}
body[data-form="rental-demand"] .seg label{flex:0 1 auto;min-width:0;justify-content:flex-start;padding:.5rem .7rem;font-size:.82rem;font-weight:400}
body[data-form="rental-demand"] .chip{padding:.5rem .7rem;border-radius:.6rem}
body[data-form="rental-demand"] .stepper{max-width:12rem}
body[data-form="rental-demand"] .stepper button{background:var(--elevated)}
body[data-form="rental-demand"] .field.invalid .stepper,body[data-form="rental-demand"] .field.invalid .tags{border-color:var(--err)}
body[data-form="rental-demand"] .field.invalid .hint,body[data-form="expense-or-charge"] .field.invalid .hint,body[data-form="disponibilidad"] .field.invalid .hint{display:revert}
body[data-form="rental-demand"] .money{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(8rem,1.2fr);align-items:start}
body[data-form="rental-demand"] .metric{padding:.75rem .9rem;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--accent-text);font-size:.82rem;margin-top:1rem}
body[data-form="rental-demand"] .preview{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2);font-size:.83rem;margin:.6rem 0 0}
body[data-form="rental-demand"] .small-gap{margin-top:.75rem}
body[data-form="rental-demand"] .status strong,body[data-form="rental-demand"] .status small{display:block}
body[data-form="rental-demand"] .status small{font-size:.76rem;color:var(--muted)}
body[data-form="rental-demand"] .dlg-head{display:flex;gap:1rem;align-items:center}
body[data-form="rental-demand"] .review-group{margin-bottom:1.3rem}
body[data-form="rental-demand"] .review-group h3{color:var(--accent-text);font-size:.9rem;letter-spacing:normal;text-transform:none}
body[data-form="rental-demand"] .dlg-body dl{grid-template-columns:9rem minmax(0,1fr);gap:.5rem 1rem}

/* Lease change */
body[data-form="cambio-arrendamiento"] .saved{max-width:14rem;text-align:right}
body[data-form="cambio-arrendamiento"] nav.index{top:6rem}
body[data-form="cambio-arrendamiento"] .rail-note{font-size:.77rem;color:var(--muted);margin:1.2rem .6rem}
body[data-form="cambio-arrendamiento"] .rail-note strong{display:block;color:var(--text-2);margin-bottom:.35rem}
body[data-form="cambio-arrendamiento"] .progress progress{display:block;width:100%;height:3px;border:0;appearance:none;background:var(--line);color:var(--accent)}
body[data-form="cambio-arrendamiento"] .progress progress::-webkit-progress-bar{background:var(--line)}
body[data-form="cambio-arrendamiento"] .progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--cyan))}
body[data-form="cambio-arrendamiento"] .progress progress::-moz-progress-bar{background:var(--accent)}
body[data-form="cambio-arrendamiento"] form{gap:1.5rem}
body[data-form="cambio-arrendamiento"] .field{scroll-margin-top:6rem}
body[data-form="cambio-arrendamiento"] .soft-note{font-size:.76rem;color:var(--muted);margin:1rem 0 0}
body[data-form="cambio-arrendamiento"] .gap{margin-top:1rem}
body[data-form="cambio-arrendamiento"] .summary{background:var(--elevated);border:1px solid var(--line-strong);border-radius:.75rem;padding:1rem;margin-top:1rem}
body[data-form="cambio-arrendamiento"] .summary h3{margin:0 0 .25rem;font-size:.93rem}
body[data-form="cambio-arrendamiento"] .summary p{margin:.2rem 0;color:var(--text-2);font-size:.8rem}
body[data-form="cambio-arrendamiento"] .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;margin:1rem 0 0}
body[data-form="cambio-arrendamiento"] .facts dt{font-size:.73rem;color:var(--muted)}
body[data-form="cambio-arrendamiento"] .facts dd{margin:.15rem 0 0;font-size:.84rem;overflow-wrap:anywhere}
body[data-form="cambio-arrendamiento"] .facts .full{grid-column:1/-1}
body[data-form="cambio-arrendamiento"] .metric{margin-top:1rem;padding:.8rem 1rem;background:var(--accent-soft);border-radius:.65rem;font-size:.83rem;color:var(--text-2)}
body[data-form="cambio-arrendamiento"] .metric strong{color:var(--accent-text)}
body[data-form="cambio-arrendamiento"] .metric small{display:block;margin-top:.2rem;color:var(--muted)}
body[data-form="cambio-arrendamiento"] .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
body[data-form="cambio-arrendamiento"] .choice{display:flex;align-items:flex-start;gap:.65rem;padding:1rem;border:1px solid var(--line-strong);border-radius:.7rem;cursor:pointer;background:var(--input)}
body[data-form="cambio-arrendamiento"] .choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
body[data-form="cambio-arrendamiento"] .choice input{margin:.2rem 0 0;accent-color:var(--accent);width:1rem;height:1rem;flex:none}
body[data-form="cambio-arrendamiento"] .choice strong{display:block;font-size:.85rem;font-weight:600}
body[data-form="cambio-arrendamiento"] .choice small{display:block;color:var(--muted);margin-top:.25rem;font-size:.75rem}
body[data-form="cambio-arrendamiento"] .alert{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft);color:var(--text-2)}
body[data-form="cambio-arrendamiento"] .alert.err{border-color:var(--err);background:var(--err-soft)}
body[data-form="cambio-arrendamiento"] details{margin-top:1rem}
body[data-form="cambio-arrendamiento"] summary{cursor:pointer;color:var(--accent-text);font-size:.83rem}
body[data-form="cambio-arrendamiento"] details>.grid,body[data-form="cambio-arrendamiento"] details>.rows{margin-top:1rem}
body[data-form="cambio-arrendamiento"] .current-terms .facts{padding:.8rem}
body[data-form="cambio-arrendamiento"] .current-terms summary{font-size:.76rem}
body[data-form="cambio-arrendamiento"] .computed{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;padding:.8rem 1rem;border-radius:.7rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:.85rem}
body[data-form="cambio-arrendamiento"] .computed b{color:var(--accent-text)}
body[data-form="cambio-arrendamiento"] .panel{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--elevated)}
body[data-form="cambio-arrendamiento"] .panel h4{margin:0 0 .8rem;font-size:.82rem;font-weight:650;color:var(--cyan)}
body[data-form="cambio-arrendamiento"] .svc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:.8rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--line);border-radius:.6rem;background:var(--elevated)}
body[data-form="cambio-arrendamiento"] .svc-row .seg label{min-width:7rem;padding:.4rem .6rem}
body[data-form="cambio-arrendamiento"] .inline-btn{margin-top:.35rem;align-self:flex-start}
body[data-form="cambio-arrendamiento"] .doc small{display:block;color:var(--muted);font-size:.72rem;white-space:normal}
body[data-form="cambio-arrendamiento"] .btn{background:transparent;border:1px solid var(--line-strong);color:var(--text-2);padding:.6rem .95rem;font-size:.85rem;font-weight:550}
body[data-form="cambio-arrendamiento"] .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
body[data-form="cambio-arrendamiento"] .btn.add{width:100%;margin-top:1rem;border-style:dashed;color:var(--accent-text)}
body[data-form="cambio-arrendamiento"] .foot strong{font-size:.83rem}
body[data-form="cambio-arrendamiento"] .foot small{display:block;color:var(--muted);font-size:.75rem}
body[data-form="cambio-arrendamiento"] .actions{display:flex;gap:.6rem;flex-wrap:wrap}
body[data-form="cambio-arrendamiento"] .dlg-head{display:flex;align-items:flex-start;gap:1rem}
body[data-form="cambio-arrendamiento"] .review-block+.review-block{margin-top:1.5rem}
body[data-form="cambio-arrendamiento"] .review-block h3{font-size:.9rem;margin:0 0 .7rem;color:var(--accent-text);text-transform:none;letter-spacing:normal}
body[data-form="cambio-arrendamiento"] .review-block dl{display:block;margin:0}
body[data-form="cambio-arrendamiento"] .review-block dl>div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
body[data-form="cambio-arrendamiento"] .review-block .changed{color:var(--accent-text)}

/* Expense or charge */
body[data-form="expense-or-charge"]{--line-strong:rgba(255,255,255,.16);--text-2:#a3b0c4}
:root[data-theme="light"] body[data-form="expense-or-charge"]{--line-strong:#cfd6e4;--text-2:#475569}
body[data-form="expense-or-charge"] .badge{display:inline-block;margin-top:.3rem}
body[data-form="expense-or-charge"] .saved{max-width:14rem;text-align:right}
body[data-form="expense-or-charge"] nav.index{top:7rem}
body[data-form="expense-or-charge"] .aside-note{font-size:.76rem;color:var(--muted);padding:.5rem .6rem}
body[data-form="expense-or-charge"] .aside-note b{display:block;color:var(--text-2);margin-bottom:.3rem}
body[data-form="expense-or-charge"] form{gap:1.25rem}
body[data-form="expense-or-charge"] .intro{margin:0;font-size:.85rem;color:var(--text-2)}
body[data-form="expense-or-charge"] .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
body[data-form="expense-or-charge"] .choices .choice{justify-content:flex-start;align-items:flex-start;gap:.6rem;padding:.8rem;background:var(--input);text-align:left;font-size:.83rem;font-weight:400}
body[data-form="expense-or-charge"] .choices .choice:has(input:checked){background:var(--accent-soft)}
body[data-form="expense-or-charge"] .choice input{position:static;opacity:1;pointer-events:auto;accent-color:var(--accent);margin:.2rem 0 0;flex:none}
body[data-form="expense-or-charge"] .choice b{font-weight:550}
body[data-form="expense-or-charge"] .choice small{display:block;color:var(--muted);font-size:.73rem;margin-top:.15rem}
body[data-form="expense-or-charge"] .lookup-toggle{position:absolute;top:0;right:0;width:2.4rem;height:2.65rem;background:none;border:0;color:var(--text-2);cursor:pointer}
body[data-form="expense-or-charge"] .lookup-row{flex-wrap:wrap}
body[data-form="expense-or-charge"] .lookup-row .lookup{flex:1 1 14rem;min-width:0}
body[data-form="expense-or-charge"] .actions{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem;margin-top:.3rem}
body[data-form="expense-or-charge"] .panel p{margin:.2rem 0;font-size:.82rem}
body[data-form="expense-or-charge"] .panel b{font-weight:550}
body[data-form="expense-or-charge"] .space{margin-top:1rem}
body[data-form="expense-or-charge"] .alert.ok{background:var(--ok-soft);border-color:var(--ok)}
body[data-form="expense-or-charge"] .money{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(8rem,1fr)}
body[data-form="expense-or-charge"] .money-preview{font-size:1.45rem;font-weight:650;letter-spacing:-.03em;margin:.2rem 0}
body[data-form="expense-or-charge"] .slots{grid-template-columns:1fr;gap:.8rem}
body[data-form="expense-or-charge"] .slot{border-color:var(--line-strong);border-radius:.8rem;padding:1rem}
body[data-form="expense-or-charge"] .slot-head{margin-bottom:.6rem}
body[data-form="expense-or-charge"] .doc .mini{width:2.2rem;object-fit:cover}
body[data-form="expense-or-charge"] .doc .name{overflow-wrap:anywhere;white-space:normal}
body[data-form="expense-or-charge"] .file-list{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}
body[data-form="expense-or-charge"] .file-choice{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem;border:1px solid var(--line-strong);border-radius:.65rem;background:var(--input);cursor:pointer}
body[data-form="expense-or-charge"] .file-choice input{margin-top:.25rem;accent-color:var(--accent)}
body[data-form="expense-or-charge"] .file-choice b{display:block;font-size:.82rem;font-weight:550;overflow-wrap:anywhere}
body[data-form="expense-or-charge"] .file-choice small{display:block;font-size:.73rem;color:var(--muted)}
body[data-form="expense-or-charge"] details>summary{cursor:pointer;font-size:.83rem;color:var(--accent-text)}
body[data-form="expense-or-charge"] .summary-line{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}
body[data-form="expense-or-charge"] .summary-line strong{overflow-wrap:anywhere;text-align:right}
body[data-form="expense-or-charge"] .dlg-body{padding:1.2rem 1.4rem;max-height:58dvh;display:flex;flex-direction:column;gap:1rem}
body[data-form="expense-or-charge"] .dlg-body dl{grid-template-columns:10rem minmax(0,1fr);gap:.5rem 1rem}
body[data-form="expense-or-charge"] .dlg-body h3{color:var(--cyan);font-size:.85rem;margin:0 0 .7rem;letter-spacing:normal;text-transform:none}
body[data-form="expense-or-charge"] .review-part+.review-part{padding-top:1rem;border-top:1px solid var(--line)}
body[data-form="expense-or-charge"] #progress.progress-0{width:0%}
body[data-form="expense-or-charge"] #progress.progress-1{width:25%}
body[data-form="expense-or-charge"] #progress.progress-2{width:50%}
body[data-form="expense-or-charge"] #progress.progress-3{width:75%}
body[data-form="expense-or-charge"] #progress.progress-4{width:100%}

/* Availability */
body[data-form="disponibilidad"]{--muted:#91a0b8;--line-strong:rgba(255,255,255,.16)}
:root[data-theme="light"] body[data-form="disponibilidad"]{--muted:#5e6d82;--line-strong:#cfd6e4}
body[data-form="disponibilidad"] .head .badge{display:inline-block;margin:.25rem 0 0}
body[data-form="disponibilidad"] .aside-note{margin:1.2rem .6rem;color:var(--muted);font-size:.76rem}
body[data-form="disponibilidad"] .aside-note b{display:block;color:var(--text-2);margin-bottom:.3rem}
body[data-form="disponibilidad"] .hint{margin:0}
body[data-form="disponibilidad"] .seg label{flex:1 1 9rem;justify-content:flex-start;padding:.7rem .85rem;text-align:left;font-size:.85rem}
body[data-form="disponibilidad"] .seg input{position:static;opacity:1;pointer-events:auto;accent-color:var(--accent);margin:0;flex:none}
body[data-form="disponibilidad"] .seg small{display:block;color:var(--text-2);font-size:.74rem;font-weight:400;margin-top:.15rem}
body[data-form="disponibilidad"] .lookup-actions{display:flex;justify-content:space-between;gap:.5rem;align-items:center;flex-wrap:wrap}
body[data-form="disponibilidad"] .panel{margin-top:.9rem;padding:1rem;border-color:var(--line-strong)}
body[data-form="disponibilidad"] .panel-head{display:flex;gap:.8rem;justify-content:space-between;align-items:center;margin-bottom:1rem}
body[data-form="disponibilidad"] .panel-head h3{margin:0;font-size:.86rem;color:var(--cyan)}
body[data-form="disponibilidad"] .computed{padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--cyan) 32%,transparent);border-radius:.7rem;background:color-mix(in srgb,var(--cyan) 6%,transparent);font-size:.84rem}
body[data-form="disponibilidad"] .computed b{color:var(--cyan)}
body[data-form="disponibilidad"] .computed small{display:block;font-size:.75rem;color:var(--text-2);margin-top:.25rem}
body[data-form="disponibilidad"] .block{margin-top:.9rem}
body[data-form="disponibilidad"] .rows{gap:1.2rem}
body[data-form="disponibilidad"] .row-card{padding:1.1rem;border-color:var(--line-strong)}
body[data-form="disponibilidad"] .row-top{gap:1rem;margin-bottom:1rem}
body[data-form="disponibilidad"] .row-top h3{font-size:.88rem}
body[data-form="disponibilidad"] .row-divider{margin:1.2rem 0 .8rem;padding-top:1rem;border-top:1px solid var(--line-strong)}
body[data-form="disponibilidad"] .row-divider h4{margin:0 0 .2rem;font-size:.82rem;color:var(--text-2)}
body[data-form="disponibilidad"] .repeat-foot{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1rem}
body[data-form="disponibilidad"] .repeat-foot .hint{flex:1;min-width:10rem}
body[data-form="disponibilidad"] .remove{color:var(--err)}
body[data-form="disponibilidad"] .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
body[data-form="disponibilidad"] .choices .choice{align-items:flex-start;gap:.65rem;padding:.8rem}
body[data-form="disponibilidad"] .choice b{font-size:.82rem;font-weight:550}
body[data-form="disponibilidad"] .choice small{font-size:.74rem;margin-top:.2rem}
body[data-form="disponibilidad"] .choice:has(input:disabled){opacity:.55;cursor:default}
body[data-form="disponibilidad"] .inline-panel{padding:1rem;margin-top:.8rem;border:1px solid var(--line-strong);border-radius:.75rem}
body[data-form="disponibilidad"] .review-note{border-radius:.6rem;background:var(--accent-soft);padding:.75rem;font-size:.8rem;line-height:1.55;color:var(--text-2);margin-top:.9rem}
body[data-form="disponibilidad"] .field.invalid>fieldset{outline:1px solid var(--err);outline-offset:4px;border-radius:.6rem}
body[data-form="disponibilidad"] #windows{isolation:isolate}
body[data-form="disponibilidad"] .row-card:focus-within{position:relative;z-index:2}
body[data-form="disponibilidad"] .dlg-body h3{font-size:.8rem;color:var(--cyan);margin:.2rem 0 .7rem;letter-spacing:normal;text-transform:none}
body[data-form="disponibilidad"] .dlg-body dl{grid-template-columns:minmax(8rem,auto) minmax(0,1fr);gap:.45rem 1rem;margin:0 0 1.2rem}
body[data-form="disponibilidad"] .skip{position:fixed;left:1rem;top:-5rem;z-index:40;background:var(--surface);padding:.8rem}
body[data-form="disponibilidad"] .skip:focus{top:1rem}

@media(max-width:880px){body[data-form="rental-demand"] .layout,body[data-form="cambio-arrendamiento"] .layout,body[data-form="expense-or-charge"] .layout,body[data-form="disponibilidad"] .layout{grid-template-columns:1fr}
body[data-form="disponibilidad"] .layout{max-width:52rem}
}
@media(max-width:800px){body[data-form="rental-demand"] nav.index{display:block;position:static}
body[data-form="rental-demand"] nav.index ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-form="rental-demand"] .rail-note{display:none}
body[data-form="rental-demand"] .layout{gap:1rem;padding-bottom:12rem}
body[data-form="rental-demand"] .bar .in{flex-wrap:wrap}
body[data-form="rental-demand"] .bar .status{display:block;flex-basis:100%}
body[data-form="rental-demand"] .bar .lookup-row{width:100%}
body[data-form="rental-demand"] .bar .btn{flex:1}
}
@media(max-width:640px){body[data-form="rental-demand"] .head,body[data-form="cambio-arrendamiento"] .head,body[data-form="expense-or-charge"] .head,body[data-form="disponibilidad"] .head{gap:.6rem}
body[data-form="cambio-arrendamiento"] .head .saved,body[data-form="expense-or-charge"] .head .saved,body[data-form="disponibilidad"] .head .saved{display:none}
body[data-form="rental-demand"] .dlg-body dl,body[data-form="expense-or-charge"] .dlg-body dl,body[data-form="disponibilidad"] .dlg-body dl{grid-template-columns:1fr;gap:.2rem}
body[data-form="rental-demand"] .dlg-body dd,body[data-form="expense-or-charge"] .dlg-body dd,body[data-form="disponibilidad"] .dlg-body dd{margin-bottom:.6rem}
body[data-form="cambio-arrendamiento"] .choices,body[data-form="cambio-arrendamiento"] .facts,body[data-form="cambio-arrendamiento"] .svc-row,body[data-form="expense-or-charge"] .choices,body[data-form="expense-or-charge"] .money,body[data-form="disponibilidad"] .choices{grid-template-columns:1fr}
body[data-form="cambio-arrendamiento"] .layout{padding:1rem 1rem 10rem}
body[data-form="cambio-arrendamiento"] .foot{flex-wrap:wrap;gap:.6rem}
body[data-form="cambio-arrendamiento"] .foot>.grow{flex-basis:100%}
body[data-form="cambio-arrendamiento"] .foot .actions{width:100%;flex-wrap:nowrap}
body[data-form="cambio-arrendamiento"] .foot .btn{flex:1;font-size:.77rem;padding:.6rem .5rem}
body[data-form="cambio-arrendamiento"] .review-block dl>div{grid-template-columns:1fr;gap:.2rem}
body[data-form="expense-or-charge"] .layout{padding:1rem .8rem 7rem}
body[data-form="expense-or-charge"] .summary-line{flex-direction:column;gap:.25rem}
body[data-form="expense-or-charge"] .summary-line strong{text-align:left}
body[data-form="expense-or-charge"] .lookup-row{flex-direction:column}
body[data-form="expense-or-charge"] .lookup-row .lookup{flex-basis:auto}
body[data-form="expense-or-charge"] .lookup-row .add{align-self:flex-start}
body[data-form="disponibilidad"] .seg label{flex-basis:100%}
body[data-form="disponibilidad"] .repeat-foot .btn{flex:1;padding:.65rem}
body[data-form="disponibilidad"] .dlg-foot .btn{flex:1}
}
@media(max-width:520px){body[data-form="rental-demand"] .money{grid-template-columns:1fr}
body[data-form="rental-demand"] .head{flex-wrap:wrap}
body[data-form="rental-demand"] .head .grow{flex-basis:70%}
body[data-form="rental-demand"] .saved{order:3;max-width:none;text-align:left;width:100%}
body[data-form="rental-demand"] .layout{padding-left:1rem;padding-right:1rem}
body[data-form="rental-demand"] nav.index a{padding:.45rem;font-size:.78rem}
body[data-form="rental-demand"] .dlg-foot .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){body[data-form="rental-demand"] *,body[data-form="cambio-arrendamiento"] *,body[data-form="expense-or-charge"] *,body[data-form="disponibilidad"] *{scroll-behavior:auto!important;transition:none!important}}

/* Access, vendor and paid campaign intake */
body[data-form="access-intake"] .head .badge,body[data-form="vendor-intake"] .head .badge,body[data-form="paid-campaign"] .head .badge{display:inline-block;margin-top:.3rem}
body[data-form="access-intake"] .aside-note,body[data-form="vendor-intake"] .aside-note,body[data-form="paid-campaign"] .aside-note{font-size:.76rem;color:var(--muted);padding:.5rem .6rem}
body[data-form="access-intake"] .aside-note b,body[data-form="vendor-intake"] .aside-note b,body[data-form="paid-campaign"] .aside-note b{display:block;color:var(--text-2);margin-bottom:.3rem}
body[data-form="access-intake"] form,body[data-form="vendor-intake"] form,body[data-form="paid-campaign"] form{gap:1.25rem}
body[data-form="access-intake"] .optional,body[data-form="vendor-intake"] .optional,body[data-form="paid-campaign"] .optional{margin-left:.35rem;font-size:.73rem;font-weight:400;color:var(--muted)}
body[data-form="access-intake"] fieldset,body[data-form="paid-campaign"] fieldset{border:0;padding:0;margin:0;min-width:0}
body[data-form="access-intake"] legend,body[data-form="paid-campaign"] legend{font-size:.83rem;font-weight:550;color:var(--text-2);padding:0;margin-bottom:.55rem}
body[data-form="access-intake"] .stack,body[data-form="vendor-intake"] .stack{display:flex;flex-direction:column;gap:1rem}
body[data-form="access-intake"] .panel,body[data-form="access-intake"] .contact-row,body[data-form="vendor-intake"] .panel,body[data-form="vendor-intake"] .contact-row{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--elevated)}
body[data-form="access-intake"] .panel h3,body[data-form="vendor-intake"] .panel h3{margin:0;font-size:.84rem;font-weight:600;color:var(--cyan)}
body[data-form="access-intake"] .block{margin-top:.8rem}
body[data-form="access-intake"] .check,body[data-form="vendor-intake"] .check{align-items:flex-start;font-size:.83rem}
body[data-form="access-intake"] .check input,body[data-form="vendor-intake"] .check input{flex:none;margin:.2rem 0 0}
body[data-form="access-intake"] .check small,body[data-form="vendor-intake"] .check small{display:block;margin-top:.2rem;font-size:.75rem;font-weight:400;color:var(--text-2)}
body[data-form="access-intake"] .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
body[data-form="access-intake"] .choices .check{padding:.8rem;border:1px solid var(--line-strong);border-radius:.65rem;background:var(--input);font-weight:400}
body[data-form="access-intake"] .choices .check:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
body[data-form="access-intake"] .choices b{font-weight:550;color:var(--text)}
body[data-form="access-intake"] .check.compact{min-height:0}
body[data-form="access-intake"] .repeat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center}
body[data-form="access-intake"] .picked{display:block;font-size:.83rem;overflow-wrap:anywhere}
body[data-form="access-intake"] .picked p{margin:.3rem 0;color:var(--text-2)}
body[data-form="access-intake"] .alert,body[data-form="vendor-intake"] .alert,body[data-form="paid-campaign"] .alert{display:block}
body[data-form="access-intake"] .alert p,body[data-form="vendor-intake"] .alert p,body[data-form="paid-campaign"] .alert p{margin:.3rem 0}
body[data-form="access-intake"] .field.invalid .hint,body[data-form="vendor-intake"] .field.invalid .hint,body[data-form="paid-campaign"] .field.invalid .hint{display:block}
body[data-form="access-intake"] .field.invalid>fieldset,body[data-form="paid-campaign"] .field.invalid>fieldset{outline:1px solid var(--err);outline-offset:4px;border-radius:.6rem}
body[data-form="access-intake"] .drop,body[data-form="vendor-intake"] .drop,body[data-form="paid-campaign"] .drop{width:100%;color:var(--text)}
body[data-form="access-intake"] .drop:focus-visible,body[data-form="vendor-intake"] .drop:focus-visible,body[data-form="paid-campaign"] .drop:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
body[data-form="access-intake"] .field.invalid .drop,body[data-form="vendor-intake"] .field.invalid .drop,body[data-form="paid-campaign"] .field.invalid .drop{border-color:var(--err);box-shadow:0 0 0 3px var(--err-soft)}
body[data-form="vendor-intake"] .file-list,body[data-form="paid-campaign"] .file-list{display:flex;flex-direction:column;gap:.65rem}
body[data-form="access-intake"] .file,body[data-form="vendor-intake"] .file,body[data-form="paid-campaign"] .file{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:.65rem;background:var(--input);font-size:.82rem}
body[data-form="access-intake"] .file .grow,body[data-form="vendor-intake"] .file .grow,body[data-form="paid-campaign"] .file .grow{flex:1;min-width:0;overflow-wrap:anywhere}
body[data-form="access-intake"] .file small,body[data-form="vendor-intake"] .file small,body[data-form="paid-campaign"] .file small{display:block;color:var(--text-2);font-size:.73rem;margin-top:.15rem}
body[data-form="access-intake"] .file .remove,body[data-form="vendor-intake"] .file .remove,body[data-form="paid-campaign"] .file .remove{flex:none}
body[data-form="access-intake"] .dlg-body dd,body[data-form="vendor-intake"] .dlg-body dd,body[data-form="paid-campaign"] .dlg-body dd{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
body[data-form="access-intake"] .dlg-body dl,body[data-form="vendor-intake"] .dlg-body dl,body[data-form="paid-campaign"] .dlg-body dl{grid-template-columns:minmax(8rem,auto) minmax(0,1fr)}
body[data-form="access-intake"] button:disabled,body[data-form="vendor-intake"] button:disabled,body[data-form="paid-campaign"] button:disabled{opacity:.5;cursor:default}
body[data-form="access-intake"] #progress.progress-0,body[data-form="paid-campaign"] #progress.progress-0{width:0%}
body[data-form="access-intake"] #progress.progress-1{width:20%}
body[data-form="access-intake"] #progress.progress-2{width:40%}
body[data-form="access-intake"] #progress.progress-3{width:60%}
body[data-form="access-intake"] #progress.progress-4{width:80%}
body[data-form="access-intake"] #progress.progress-5{width:100%}

/* Vendor intake */
body[data-form="vendor-intake"] .intro{padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
body[data-form="vendor-intake"] .intro h2{font-size:1.2rem;margin:0 0 .6rem}
body[data-form="vendor-intake"] .intro p{color:var(--text-2);font-size:.85rem;margin:.4rem 0}
body[data-form="vendor-intake"] .org-context{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.75rem;color:var(--text-2);margin-top:.8rem}
body[data-form="vendor-intake"] .org-context b{font-weight:550;color:var(--text)}
body[data-form="vendor-intake"] .restore-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
body[data-form="vendor-intake"] .readonly dl{display:grid;grid-template-columns:minmax(8rem,auto) minmax(0,1fr);gap:.3rem 1rem;margin:0;font-size:.83rem}
body[data-form="vendor-intake"] .readonly dt{color:var(--text-2)}
body[data-form="vendor-intake"] .readonly dd{margin:0;overflow-wrap:anywhere}
body[data-form="vendor-intake"] .choice-hint{display:block;color:var(--text-2);font-size:.75rem;overflow-wrap:anywhere}
body[data-form="vendor-intake"] .empty{padding:1rem;border:1px dashed var(--line-strong);border-radius:.65rem;color:var(--text-2);font-size:.83rem}
body[data-form="vendor-intake"] .contact-country{grid-column:1/-1}
body[data-form="vendor-intake"] .bank-note,body[data-form="vendor-intake"] .section-foot,body[data-form="paid-campaign"] .section-foot{margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--line);font-size:.76rem;color:var(--text-2)}
body[data-form="vendor-intake"] .bank-note{margin:0}
body[data-form="vendor-intake"] .file .state{color:var(--ok)}
body[data-form="vendor-intake"] .file .missing{color:var(--warn)}
body[data-form="vendor-intake"] .success{text-align:center}
body[data-form="vendor-intake"] .success .sec-num{margin:0 auto;background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
body[data-form="vendor-intake"] .success h2{font-size:1.2rem}
body[data-form="vendor-intake"] .success p{font-size:.85rem;color:var(--text-2)}

/* Paid campaign */
body[data-form="paid-campaign"] .new-field{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;border-radius:99rem;background:var(--accent-soft);color:var(--accent-text);font-size:.67rem;font-weight:500}
body[data-form="paid-campaign"] .lookup-row>.ctl{flex:1;min-width:0}
body[data-form="paid-campaign"] .lookup-row>.icon-btn{flex:none}
body[data-form="paid-campaign"] .computed{padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--cyan) 32%,transparent);border-radius:.7rem;background:color-mix(in srgb,var(--cyan) 6%,transparent);font-size:.84rem;color:var(--text-2)}
body[data-form="paid-campaign"] .computed strong{color:var(--cyan)}
body[data-form="paid-campaign"] .computed p{font-size:.75rem;margin:.3rem 0 0}
body[data-form="paid-campaign"] #progress.progress-1{width:25%}
body[data-form="paid-campaign"] #progress.progress-2{width:50%}
body[data-form="paid-campaign"] #progress.progress-3{width:75%}
body[data-form="paid-campaign"] #progress.progress-4{width:100%}

@media(max-width:640px){body[data-form="access-intake"] .head,body[data-form="vendor-intake"] .head,body[data-form="paid-campaign"] .head{gap:.6rem;align-items:flex-start}
body[data-form="access-intake"] .saved,body[data-form="vendor-intake"] .saved,body[data-form="paid-campaign"] .saved{display:none}
body[data-form="access-intake"] .lookup-row,body[data-form="vendor-intake"] .lookup-row{flex-wrap:wrap}
body[data-form="access-intake"] .lookup-row .lookup,body[data-form="vendor-intake"] .lookup-row .lookup{flex:1 1 100%;min-width:0}
body[data-form="access-intake"] .lookup-row>.add,body[data-form="vendor-intake"] .lookup-row>.add{align-self:flex-start}
body[data-form="access-intake"] .choices,body[data-form="vendor-intake"] .readonly dl,body[data-form="access-intake"] .dlg-body dl,body[data-form="vendor-intake"] .dlg-body dl,body[data-form="paid-campaign"] .dlg-body dl{grid-template-columns:1fr;gap:.3rem}
body[data-form="access-intake"] .dlg-body dd,body[data-form="vendor-intake"] .dlg-body dd,body[data-form="paid-campaign"] .dlg-body dd,body[data-form="vendor-intake"] .readonly dd{margin-bottom:.6rem}
body[data-form="access-intake"] .dlg-foot,body[data-form="vendor-intake"] .dlg-foot,body[data-form="paid-campaign"] .dlg-foot{flex-wrap:wrap;padding:1rem}
body[data-form="access-intake"] .dlg-foot .btn,body[data-form="vendor-intake"] .dlg-foot .btn,body[data-form="paid-campaign"] .dlg-foot .btn{flex:1;padding:.65rem .75rem}
}
@media(prefers-reduced-motion:reduce){body[data-form="access-intake"] *,body[data-form="vendor-intake"] *,body[data-form="paid-campaign"] *{scroll-behavior:auto!important;transition:none!important}}

/* Property visit pages */
body:is([data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-context h2{font-size:1.2rem;margin:.3rem 0 .6rem;overflow-wrap:anywhere}
body:is([data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-context p{font-size:.84rem;color:var(--text-2)}
body:is([data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-context .visit-eyebrow{color:var(--accent-text);font-size:.69rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin:0}
body:is([data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-address{white-space:pre-line;overflow-wrap:anywhere}
body:is([data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-facts{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0 0}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .head{max-width:74rem}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .layout{max-width:74rem;padding-bottom:3rem}
body:is([data-form="cambiar-visita"],[data-form="cancelar-visita"]) .layout{display:block;max-width:54rem}
body[data-form="reservar-visita"] .layout{grid-template-columns:19rem minmax(0,1fr);gap:1.5rem;align-items:start}
body[data-form="reservar-visita"] .visit-property{position:sticky;top:6.2rem;border:1px solid var(--line);border-radius:1rem;padding:1.4rem;background:var(--surface)}
body[data-form="reservar-visita"] .visit-property h2{font-size:1.2rem;line-height:1.4;margin:.3rem 0 .6rem;overflow-wrap:anywhere}
body[data-form="reservar-visita"] .visit-property p{font-size:.84rem;color:var(--text-2)}
body[data-form="reservar-visita"] .visit-property .visit-eyebrow{color:var(--accent-text);font-size:.69rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin:0}
body[data-form="reservar-visita"] .visit-address{white-space:pre-line;overflow-wrap:anywhere}
body[data-form="reservar-visita"] .visit-facts{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0 1.2rem}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-rules{padding-left:1.2rem;color:var(--text-2);font-size:.8rem;line-height:1.65;margin:1rem 0}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-rules li+li{margin-top:.65rem}
body[data-form="reservar-visita"] .visit-steps{display:flex;list-style:none;padding:0;margin:0;gap:.5rem}
body[data-form="reservar-visita"] .visit-steps li{display:flex;align-items:center;gap:.45rem;flex:1;color:var(--text-2);font-size:.78rem}
body[data-form="reservar-visita"] .visit-steps li:not(:last-child)::after{content:"";height:1px;background:var(--line-strong);flex:1;margin:0 .3rem}
body[data-form="reservar-visita"] .visit-steps span{display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid var(--line-strong);border-radius:.5rem;font-size:.73rem}
body[data-form="reservar-visita"] .visit-steps [aria-current="step"]{color:var(--accent-text);font-weight:600}
body[data-form="reservar-visita"] .visit-steps [aria-current="step"] span{background:var(--accent-soft);border-color:var(--accent)}
body[data-form="reservar-visita"] .visit-steps .done span{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}
body[data-form="reservar-visita"] .visit-panels{display:flex;flex-direction:column;gap:1.25rem}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"]) .visit-zone{margin-bottom:1.2rem}
body[data-form="reservar-visita"] .visit-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 10rem;gap:1.25rem}
body[data-form="reservar-visita"] .visit-calendar-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}
body[data-form="reservar-visita"] .visit-calendar-head h3{flex:1;text-align:center;margin:0;font-size:.92rem;text-transform:capitalize}
body[data-form="reservar-visita"] .visit-calendar-head button{width:2rem;height:2rem;padding:0;font-size:1.2rem}
body[data-form="reservar-visita"] .visit-weekdays,body[data-form="reservar-visita"] .visit-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}
body[data-form="reservar-visita"] .visit-weekdays{font-size:.7rem;color:var(--text-2);text-align:center;margin-bottom:.45rem}
body[data-form="reservar-visita"] .visit-day{position:relative;min-height:2.5rem;aspect-ratio:1;border:1px solid transparent;border-radius:.65rem;background:var(--accent-soft);color:var(--accent-text);font-weight:650;cursor:pointer}
body[data-form="reservar-visita"] .visit-day:not(:disabled)::after{content:"";position:absolute;bottom:.3rem;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:currentColor}
body[data-form="reservar-visita"] .visit-day:disabled{background:transparent;color:var(--text-2);font-weight:400;opacity:.45}
body[data-form="reservar-visita"] .visit-day.today{border-color:var(--line-strong)}
body[data-form="reservar-visita"] .visit-day:not(:disabled):hover{border-color:var(--accent)}
body[data-form="reservar-visita"] .visit-day[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
body[data-form="reservar-visita"] .visit-slot-panel{border-left:1px solid var(--line);padding-left:1.2rem;min-width:0}
body[data-form="reservar-visita"] .visit-slot-panel h3{font-size:.83rem;text-transform:capitalize;margin:.3rem 0 .8rem}
body[data-form="reservar-visita"] .visit-slots{display:flex;flex-direction:column;gap:.45rem;max-height:22rem;overflow:auto;padding:.2rem}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"]) .visit-slot{min-height:2.65rem;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line-strong));border-radius:.6rem;background:transparent;color:var(--accent-text);font-size:.83rem;font-weight:600;cursor:pointer}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"]) .visit-slot:hover{background:var(--accent-soft);border-color:var(--accent)}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"]) .visit-slot[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"]) .visit-selection{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line-strong));border-radius:.7rem;background:var(--accent-soft);padding:.9rem 1rem;margin:1rem 0;color:var(--accent-text)}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"]) .visit-selection strong{display:block;font-size:.88rem;text-transform:capitalize}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"]) .visit-selection small{display:block;margin-top:.3rem;font-size:.76rem;color:var(--text-2);overflow-wrap:anywhere}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
body[data-form="reservar-visita"] .visit-review{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr);gap:.6rem 1rem;font-size:.83rem;margin:1.2rem 0}
body[data-form="reservar-visita"] .visit-review dt{color:var(--text-2)}
body[data-form="reservar-visita"] .visit-review dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
body[data-form="reservar-visita"] .options{max-height:17rem;overflow:auto}
body[data-form="cambiar-visita"] .visit-day-groups{display:flex;flex-direction:column;gap:1rem;max-height:34rem;overflow:auto;padding:.25rem}
body[data-form="cambiar-visita"] .visit-day-group h3{font-size:.85rem;margin:.3rem 0 .6rem;text-transform:capitalize;color:var(--text-2)}
body[data-form="cambiar-visita"] .visit-slot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-received{text-align:center}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-received .sec-num{margin:0 auto 1rem;background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-received h2{font-size:1.2rem}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-received p{color:var(--text-2);font-size:.86rem}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) button:disabled{opacity:.45;cursor:default}
body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:980px){body[data-form="reservar-visita"] .layout{grid-template-columns:1fr}body[data-form="reservar-visita"] .visit-property{position:static}}
@media(max-width:600px){body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .saved{display:none}body[data-form="reservar-visita"] .visit-calendar-layout{grid-template-columns:1fr}body[data-form="reservar-visita"] .visit-slot-panel{padding:.8rem 0 0;border-left:0;border-top:1px solid var(--line)}body[data-form="reservar-visita"] .visit-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));max-height:15rem}body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-actions{flex-wrap:wrap}body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) .visit-actions .btn{flex:1}body[data-form="reservar-visita"] .visit-review{grid-template-columns:1fr;gap:.25rem}body[data-form="reservar-visita"] .visit-review dd{margin-bottom:.6rem}}
@media(prefers-reduced-motion:reduce){body:is([data-form="reservar-visita"],[data-form="cambiar-visita"],[data-form="cancelar-visita"]) *{scroll-behavior:auto!important;transition:none!important}}