:root {
    --est-salon: #1f77b4;
    --est-cocina: #2ca02c;
    --est-dormitorio_1: #ff7f0e;
    --est-dormitorio_2: #ffbb78;
    --est-dormitorio_3: #d62728;
    --est-dormitorio_4: #ff9896;
    --est-bano_principal: #9467bd;
    --est-bano_secundario: #c5b0d5;
    --est-pasillo: #8c564b;
    --est-jardin: #98df8a;
    --est-terraza: #aec7e8;
    --est-garaje: #7f7f7f;
    --est-bodega: #c49c94;
    --est-fachada: #e377c2;
    --est-zonas_comunes: #bcbd22;
    --est-otros: #6b7280;
}

.regiones-toolbar {
    display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
    padding: 10px 0 12px;
}

.reg-svg {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    overflow: visible;
    pointer-events: none;
}

.plano-stage.drawing, .plano-stage.editing { cursor: crosshair; }
.plano-stage.drawing .plano-content,
.plano-stage.editing .plano-content { cursor: crosshair; }

.reg-poly polygon {
    fill: currentColor;
    fill-opacity: 0.18;
    stroke: currentColor;
    stroke-width: 0.3;
    pointer-events: auto;
}
.reg-poly:hover polygon { fill-opacity: 0.30; }
.reg-poly.editing polygon { stroke-dasharray: 0.6; }

.reg-chip {
    display: inline-block; width: 12px; height: 12px;
    border-radius: 3px; margin-right: 6px; vertical-align: middle;
    background: currentColor;
}

.estancia-salon          { color: var(--est-salon); }
.estancia-cocina         { color: var(--est-cocina); }
.estancia-dormitorio_1   { color: var(--est-dormitorio_1); }
.estancia-dormitorio_2   { color: var(--est-dormitorio_2); }
.estancia-dormitorio_3   { color: var(--est-dormitorio_3); }
.estancia-dormitorio_4   { color: var(--est-dormitorio_4); }
.estancia-bano_principal { color: var(--est-bano_principal); }
.estancia-bano_secundario{ color: var(--est-bano_secundario); }
.estancia-pasillo        { color: var(--est-pasillo); }
.estancia-jardin         { color: var(--est-jardin); }
.estancia-terraza        { color: var(--est-terraza); }
.estancia-garaje         { color: var(--est-garaje); }
.estancia-bodega         { color: var(--est-bodega); }
.estancia-fachada        { color: var(--est-fachada); }
.estancia-zonas_comunes  { color: var(--est-zonas_comunes); }
.estancia-otros          { color: var(--est-otros); }

.informe-plano {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 20px;
}
.informe-plano img { width: 100%; display: block; }
.informe-plano .reg-svg { pointer-events: none; }
.informe-pin {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 22px; height: 22px;
    border-radius: 50%;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ef4444;
}
.informe-resumen {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 4px 12px;
    font-size: 0.85rem;
}
.informe-resumen .chip { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 4px; vertical-align: middle; }