/* ============================================
   Inmobiliaria DATA4 — Identidad Residencial Versalles
   Verde bosque #1F5C3D (primario) · Dorado #C9A227 (acento)
   Variables en formato "R G B" para Tailwind: rgb(var(--primary-600) / <alpha>)
   ============================================ */

:root,
:root[data-scheme="versalles"] {
    --primary-50:  236 245 240;
    --primary-100: 208 231 219;
    --primary-200: 163 207 185;
    --primary-300: 111 177 143;
    --primary-400:  67 144 106;
    --primary-500:  42 115  81;
    --primary-600:  31  92  61; /* #1F5C3D — marca */
    --primary-700:  26  77  51;
    --primary-800:  22  63  42;
    --primary-900:  18  51  34;

    --accent-50:  250 245 225;
    --accent-100: 244 233 191;
    --accent-300: 224 197 110;
    --accent-500: 201 162  39; /* #C9A227 — dorado */
    --accent-600: 176 140  28;
    --accent-700: 140 110  20;
}

/* ── Badges de estado de lote ────────────────────────── */
.badge-disponible { background: rgb(var(--primary-100)); color: rgb(var(--primary-800)); }
.badge-reservado  { background: rgb(var(--accent-100));  color: rgb(var(--accent-700)); }
.badge-vendido    { background: #e5e7eb; color: #374151; }
.badge-no_vendible{ background: #fee2e2; color: #991b1b; }

.dark .badge-disponible { background: rgba(var(--primary-500), 0.25); color: rgb(var(--primary-200)); }
.dark .badge-reservado  { background: rgba(var(--accent-500), 0.25);  color: rgb(var(--accent-300)); }
.dark .badge-vendido    { background: #374151; color: #d1d5db; }
.dark .badge-no_vendible{ background: rgba(153,27,27,0.3); color: #fecaca; }

/* ── Transicion suave del contenido al navegar (router) ── */
#app-content { animation: fadeIn .18s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
#app-content.is-loading { opacity: .5; pointer-events: none; transition: opacity .12s; }

/* ── Scrollbar discreto ─────────────────────────────── */
.thin-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
.thin-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); border-radius: 3px; }
.dark .thin-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); }

[x-cloak] { display: none !important; }

/* ── Selects nativos consistentes (Safari ignora el estilo nativo) ──
   Quita el chrome del SO y dibuja un chevron propio; el color y fondo
   siguen viniendo de las clases Tailwind (bg-white / dark:bg-gray-700). */
select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.6rem center;
    background-size: 1rem 1rem;
    padding-right: 2.25rem !important;
    print-color-adjust: exact;
}
.dark select:not([multiple]) {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
}
select:not([multiple])::-ms-expand { display: none; }

/* ── Impresión: solo el contenido (cotización, reportes) ── */
@media print {
    aside, header, footer, .no-print { display: none !important; }
    #app-content { padding: 0 !important; }
    body, html { background: #fff !important; }
    .shadow-sm, .shadow-xl { box-shadow: none !important; }
    .border, .rounded-xl { border-color: #e5e7eb !important; }
    table { font-size: 11px; }
    .print\:block { display: block !important; }
}