/* V139 — Approved CR MiAgenda configuration redesign */
:root{--v139-navy:#0f2f63;--v139-blue:#1377f2;--v139-ink:#10254b;--v139-muted:#667b9d;--v139-line:#dbe5f2;--v139-page:#f6f9fd;--v139-card:#fff}

/* The admin application stays clear and neutral. Salon colors are previews/accents, not the whole admin UI. */
.admin-shell-v52.v54-admin{background:var(--v139-page)!important;color:var(--v139-ink)!important}
.admin-shell-v52 .admin-nav{background:#fff!important;border-right:1px solid #e0e8f3!important;color:var(--v139-ink)!important}
.admin-shell-v52 .admin-nav button,.admin-shell-v52 .admin-nav a{color:#1d3b69!important}
.admin-shell-v52 .admin-nav button.active{background:#10356d!important;color:#fff!important;border-radius:10px!important}
.admin-shell-v52 .admin-brand h1,.admin-shell-v52 .admin-brand p{color:#163666!important}
.admin-shell-v52 .admin-main{background:var(--v139-page)!important;color:var(--v139-ink)!important}
.admin-shell-v52 .admin-main-header{background:#fff!important;border-bottom:1px solid #e4ebf5!important;color:var(--v139-ink)!important}
.admin-shell-v52 .admin-main-header p,.admin-shell-v52 .admin-main-header h2{color:var(--v139-ink)!important}
.admin-shell-v52 .admin-card{background:#fff!important;color:var(--v139-ink)!important;border:1px solid #e2eaf4!important;box-shadow:0 8px 30px rgba(22,54,102,.04)!important}

/* Approved configuration shell */
.admin-shell-v52 .admin-card.wide:has(.v96-config-intro){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.admin-shell-v52 .admin-card.wide:has(.v96-config-intro)>h3{display:none!important}
.v96-config-intro{background:transparent!important;border:0!important;padding:6px 4px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.v96-config-intro .eyebrow{display:none!important}
.v96-config-intro h2{font-size:34px!important;line-height:1.05!important;color:#10254b!important;margin:0 0 5px!important;font-weight:800!important}
.v96-config-intro h2::before{content:'⚙';display:inline-grid;place-items:center;width:52px;height:52px;margin-right:16px;border-radius:14px;background:#e8f2ff;color:#1377f2;font-size:28px;vertical-align:middle}
.v96-config-intro p{color:#627799!important;font-size:15px!important;margin:0 0 0 70px!important}
.v96-config-intro>a{background:#102f60!important;color:#fff!important;padding:15px 23px!important;border-radius:10px!important;text-decoration:none!important;font-weight:800!important;box-shadow:0 8px 20px rgba(16,47,96,.15)!important}

/* Turn relevant configuration groups into spacious white cards */
.v96-config-intro~.v97-admin-photo-config,
.v96-config-intro~.v96-live-preview,
.v96-config-intro~.salon-config-block,
.v96-config-intro~.v96-logo-config,
.v96-config-intro~.business-media-config,
.v96-config-intro~.theme-preset-grid,
.v96-config-intro~.v96-custom-theme,
.v96-config-intro~.settings-grid{border:1px solid #e0e8f3!important;background:#fff!important;border-radius:16px!important;box-shadow:0 6px 24px rgba(16,47,96,.035)!important;color:#10254b!important}

/* Move the original live preview out of the way: approved UI uses compact visual style tiles. */
.v96-live-preview{display:none!important}

/* Business type block injected by V139 */
.v139-business-type-card{background:#fff;border:1px solid #e0e8f3;border-radius:16px;padding:22px 24px;margin:0 0 18px;box-shadow:0 6px 24px rgba(16,47,96,.035)}
.v139-section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.v139-section-icon{width:34px;height:34px;display:grid;place-items:center;font-size:22px;color:#163d79;flex:0 0 auto}.v139-section-title h3{margin:0!important;font-size:20px!important;color:#102f60!important}.v139-section-title p{margin:4px 0 0!important;color:#667b9d!important;font-size:14px!important}.v139-business-type-card select{width:100%!important;height:50px!important;border:1px solid #bfd0e5!important;border-radius:10px!important;background:#fff!important;color:#10254b!important;font-weight:700!important;padding:0 14px!important}

/* Approved style cards */
.theme-preset-grid{padding:22px 24px!important;margin:0 0 18px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;position:relative!important;padding-top:86px!important}
.theme-preset-grid::before{content:'🎨  Estilo de la página';position:absolute;top:21px;left:24px;color:#102f60;font-size:20px;font-weight:800}
.theme-preset-grid::after{content:'Elige un estilo visual para tu página pública. Puedes cambiarlo cuando quieras.';position:absolute;top:50px;left:57px;color:#667b9d;font-size:14px}
.theme-preset{min-height:160px!important;border:1px solid #dbe5f2!important;border-radius:12px!important;padding:12px!important;display:grid!important;grid-template-columns:128px 1fr!important;gap:14px!important;align-items:center!important;text-align:left!important;overflow:hidden!important;color:#10254b!important;box-shadow:none!important;background:#f9fbfe!important;position:relative!important}
.theme-preset:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(16,47,96,.08)!important}
.theme-preset.selected{outline:2px solid #1977f3!important;outline-offset:0!important;box-shadow:0 0 0 4px rgba(25,119,243,.10)!important}
.theme-preset .theme-swatches{width:128px!important;height:136px!important;border-radius:9px!important;overflow:hidden!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:0!important;margin:0!important}
.theme-preset .theme-swatches i{width:auto!important;height:auto!important;border-radius:0!important}
.theme-preset>b{font-size:16px!important;color:#10254b!important;align-self:start!important;margin-top:18px!important;line-height:1.25!important}
.theme-preset>b::after{display:block;margin-top:10px;color:#365276;font-size:13px;font-weight:500;line-height:1.45}
.theme-preset[data-v139-theme='pearl']{background:#fbfcfe!important}.theme-preset[data-v139-theme='pearl']>b::after{content:'Diseño limpio y moderno. Ideal para todo tipo de negocios.'}
.theme-preset[data-v139-theme='rose']{background:#fff0f4!important}.theme-preset[data-v139-theme='rose']>b::after{content:'Elegante y femenino. Perfecto para salones de uñas, pestañas y belleza.'}
.theme-preset[data-v139-theme='caramel']{background:#fff4e8!important}.theme-preset[data-v139-theme='caramel']>b::after{content:'Cálido y acogedor. Ideal para spas, masajes y bienestar.'}
.theme-preset[data-v139-theme='sage']{background:#f0f8ef!important}.theme-preset[data-v139-theme='sage']>b::after{content:'Natural y profesional. Ideal para estética, salud y terapias.'}
.theme-preset[data-v139-theme='mocha']{background:#f7f0eb!important}.theme-preset[data-v139-theme='mocha']>b::after{content:'Moderno y sofisticado. Perfecto para boutiques y estudios de belleza.'}
.theme-preset[data-v139-theme='graphite']{background:#d9e2ec!important}.theme-preset[data-v139-theme='graphite']>b::after{content:'Fuerte y moderno. Diseño ideal para barberías y salones masculinos.'}
.theme-preset[data-v139-theme='graphite'] .theme-swatches{background:url('/assets/hero-barber-v2-BP67Pizw.webp') center/cover!important}.theme-preset[data-v139-theme='graphite'] .theme-swatches i{opacity:0!important}

/* Photo card: approved, large and obvious */
.v97-admin-photo-config{padding:22px 24px!important;margin:0 0 18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:24px!important;align-items:center!important}
.v97-admin-photo-copy h3{color:#102f60!important;font-size:20px!important}.v97-admin-photo-copy p{color:#667b9d!important}.v97-admin-photo-preview{width:100%!important;min-height:180px!important;border:1px dashed #bfd0e5!important;border-radius:12px!important;background:#fbfdff!important;overflow:hidden!important}.v97-admin-photo-preview img{width:100%!important;height:220px!important;object-fit:cover!important;border-radius:10px!important}.v97-admin-photo-actions{display:flex!important;flex-direction:column!important;gap:10px!important}.business-media-upload,.business-media-remove{min-height:48px!important;border-radius:9px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important}.business-media-upload{background:#fff!important;border:1px solid #bfd0e5!important;color:#183c70!important}.business-media-remove{background:#fff!important;border:1px solid #ef4c63!important;color:#e3334d!important}

/* All form text readable regardless of salon palette */
.admin-shell-v52 input,.admin-shell-v52 select,.admin-shell-v52 textarea{background:#fff!important;color:#10254b!important;border-color:#cbd8e8!important}.admin-shell-v52 label,.admin-shell-v52 small,.admin-shell-v52 p{color:#607494!important}.admin-shell-v52 h2,.admin-shell-v52 h3,.admin-shell-v52 h4,.admin-shell-v52 b,.admin-shell-v52 strong{color:#10254b!important}.admin-shell-v52 button{color:#183c70}.admin-shell-v52 .config-save{background:#1377f2!important;color:#fff!important;border:0!important}

@media(max-width:1100px){.theme-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v97-admin-photo-config{grid-template-columns:1fr!important}.v96-config-intro{align-items:flex-start!important;gap:12px!important;flex-direction:column!important}.v96-config-intro p{margin-left:0!important}}
@media(max-width:700px){.theme-preset-grid{grid-template-columns:1fr!important}.theme-preset{grid-template-columns:110px 1fr!important}.theme-preset .theme-swatches{width:110px!important}.v96-config-intro h2{font-size:28px!important}}