/* GYA v22 — mobile-first information architecture. Loaded after legacy styles. */
:root{
  --v22-background:#fbf6f8;
  --v22-paper:#ffffff;
  --v22-ink:#322635;
  --v22-plum:#563249;
  --v22-rose:#965876;
  --v22-muted:#786a79;
  --v22-line:#e9e0e7;
  --v22-shadow:0 3px 14px rgba(50,28,45,.045);
}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{background:var(--v22-background);color:var(--v22-ink);line-height:1.5}
.shell>.main{background:linear-gradient(180deg,#f7edf2 0,#fbf6f8 270px,#fcf8fa 100%);color:var(--v22-ink)}
.sidebar{background:#302232;border-right:1px solid #4b3448}
.sidebar .nav-button.active{background:#68415c;box-shadow:none}
.topbar h1,.topbar .overline,.topbar p{color:var(--v22-ink)}
.topbar h1{font-family:inherit;font-weight:750;letter-spacing:-.04em}
.topbar p{color:var(--v22-muted)}
.topbar{border-bottom:1px solid var(--v22-line);padding-bottom:17px}
.hero{border:0;border-radius:22px;min-height:0;padding:22px 26px;background:linear-gradient(115deg,#463148,#70516b);box-shadow:var(--v22-shadow)}
.hero::before,.hero::after{display:none}
.hero h2{font-family:inherit;font-size:clamp(1.6rem,3vw,2rem);font-weight:700}
.hero .hero-date{font-size:.9rem}
.stat,.record-card,.settings-card,.agenda-row,#globalSearchArea,#homeTasks,#homeConnections,.gya-unified-case{
  background:var(--v22-paper);border:1px solid var(--v22-line);border-radius:17px;box-shadow:var(--v22-shadow)
}
.stats{gap:10px;margin-bottom:18px}
.stat{padding:14px 16px}
.stat .stat-value{color:var(--v22-plum);font-size:1.55rem;margin-top:2px}
.stat .stat-label{font-size:.76rem;color:var(--v22-muted)}
.record-grid{gap:11px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.record-card{min-height:0;padding:17px;gap:8px}
.record-card:hover,.stat:hover{transform:none;box-shadow:0 6px 20px rgba(50,28,45,.075)}
.record-card h3{color:var(--v22-ink);font-size:.98rem}
.record-card .excerpt{font-size:.85rem;line-height:1.48;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.kind,.tag{background:#f5e8ef;color:#6f435d}
.button.primary{background:#713d5e;box-shadow:none}
.button.outline{background:#fff;border-color:#e5d9e1;color:#663d59}
.form input,.form select,.form textarea,.toolbar input,.toolbar select{background:white;border:1px solid #ded2dc}
.gya-visual-dashboard .gya-welcome{background:linear-gradient(125deg,#fff,#f9edf2);border:1px solid #ecdde6;border-radius:18px;box-shadow:none;padding:20px}
.gya-visual-dashboard .gya-welcome h2{color:#493249;letter-spacing:-.03em;line-height:1.18}
.gya-visual-dashboard .gya-welcome p{color:#756675}
.gya-quick-actions button{background:white;border:1px solid #e9dce5;border-radius:15px;color:#5a3c53;box-shadow:none;min-height:76px}
.gya-quick-actions button:hover,.gya-module-grid button:hover{border-color:#bd9eb1}
.gya-module-grid .gya-tile{box-shadow:none;filter:saturate(.84);border:1px solid rgba(92,62,84,.12);transition:filter .16s ease,border-color .16s ease}
.gya-module-grid .gya-tile:hover{filter:saturate(1)}
.gya-editorial-feature{margin:16px 0;border-radius:20px;min-height:155px}
.gya-weekly,.gya-social-cta{border-radius:16px}
.gya-section-head h3,.section-title h2{font-family:inherit;color:var(--v22-ink);font-weight:720}
/* One consistent Supabase-based view for court records. */
#gyaCourtFilters{grid-template-columns:minmax(0,1fr);margin:12px 0 10px;gap:6px}
#gyaCourtFilters .gya-court-hint{font-size:.76rem;color:#726773;max-width:78ch}
#gyaCourtFilters select{font-size:.94rem;padding:11px 13px;min-height:44px;border-radius:11px}
#recordArea:has(#gyaCourtFilters:not(.hidden)) #recordGrid{grid-template-columns:minmax(0,1fr);gap:9px}
.gya-unified-case{padding:13px 16px;transition:border-color .15s ease}
.gya-unified-case:hover{border-color:#d9c4d2}
.gya-case-top{align-items:baseline}
.gya-case-top strong{color:var(--v22-ink);font-size:1rem;line-height:1.3;overflow-wrap:anywhere}
.gya-case-top span{font-size:.75rem;white-space:nowrap;color:#726777}
.gya-case-court{font-size:.77rem;color:#7a6d7a;margin:5px 0 7px}
.gya-unified-case details{background:#fcf8fa;border:1px solid #f0e6ed;border-radius:10px;padding:9px 12px;margin-bottom:5px}
.gya-unified-case summary{font-size:.79rem;min-height:24px;display:list-item}
.gya-unified-case details p{font-size:.85rem;margin:9px 0;line-height:1.5}
.gya-unified-case .link-button{font-size:.77rem;min-height:32px}
#recordArea:has(#gyaCourtFilters:not(.hidden)) #addRecordBtn{display:inline-flex}
@media(max-width:1100px){
 .shell>.main{background:linear-gradient(180deg,#f8eff4 0,#fbf6f8 190px,#fcf9fb 100%);padding-top:15px!important}
 .topbar{border:0;padding:0;margin-bottom:16px}
 .mobile-brand{background:#fff;border:1px solid var(--v22-line);border-radius:18px;padding:10px 12px;box-shadow:var(--v22-shadow)}
 .mobile-brand .mobile-brand-name,.mobile-brand small{color:#543950}
 .mobile-brand-actions button{background:#f8eff3;border:1px solid #eadde5;color:#633a54;border-radius:11px;min-height:39px;min-width:39px}
 .mobile-brand-actions button:active{background:#f0e1e9}
 .mobile-nav{background:rgba(52,36,51,.97);border-radius:17px 17px 0 0;box-shadow:0 -4px 24px rgba(37,20,38,.18)}
 .mobile-nav button.active{background:#694a61;border-radius:11px}
 .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .stat{min-width:0}
 .gya-visual-dashboard{max-width:100%;min-width:0}
}
@media(max-width:740px){
 .shell>.main{padding:12px 13px calc(112px + env(safe-area-inset-bottom))!important}
 .main[data-view='inicio'] #hero{display:none!important}
 .main[data-view='inicio'] .stats{grid-template-columns:repeat(4,minmax(90px,1fr));display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 0 8px;margin-bottom:10px;scrollbar-width:thin}
 .main[data-view='inicio'] .stat{flex:0 0 112px;padding:11px 12px;scroll-snap-align:start;border-radius:13px}
 .main[data-view='inicio'] .stat .stat-value{font-size:1.45rem}
 .gya-visual-dashboard .gya-welcome{padding:18px 16px;border-radius:16px}
 .gya-visual-dashboard .gya-welcome h2{font-size:clamp(1.36rem,5.8vw,1.65rem)}
 .gya-visual-dashboard .gya-welcome p{font-size:.86rem;line-height:1.45}
 .gya-quick-actions{gap:7px!important;margin:11px 0}
 .gya-quick-actions button{min-height:68px;font-size:.71rem!important;padding:8px 4px!important;border-radius:12px}
 .gya-module-grid{gap:9px!important}
 .gya-module-grid .gya-tile{min-height:112px!important;border-radius:15px!important;padding:13px!important}
 .gya-module-grid .gya-tile strong{font-size:.91rem;line-height:1.25}
 .gya-editorial-feature{min-height:150px;padding:18px;border-radius:17px}
 .gya-editorial-feature h3{font-size:1.3rem}
 .gya-discovery-rail{gap:9px!important}
 .gya-discovery-card{min-height:170px}
 .section-title{margin:16px 0 9px}
 .section-title h2{font-size:1.13rem}
 .section-title p{font-size:.79rem}
 .record-grid{grid-template-columns:1fr;gap:9px}
 .record-card{padding:15px;min-height:0}
 .record-card .card-footer{gap:8px}
 .toolbar{gap:8px;margin:10px 0}
 .toolbar input{flex:1 1 100%;min-width:0}
 .toolbar select{flex:1 1 calc(50% - 8px);width:calc(50% - 8px);min-width:0}
 #recordArea:has(#gyaCourtFilters:not(.hidden)) .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #recordArea:has(#gyaCourtFilters:not(.hidden)) .toolbar #searchInput{grid-column:1/-1}
 #recordArea:has(#gyaCourtFilters:not(.hidden)) .toolbar select{width:100%}
 .gya-unified-case{padding:12px 13px;border-radius:13px}
 .gya-case-top strong{font-size:.96rem}
 .gya-unified-case details{padding:8px 10px}
 .mobile-more:not(.hidden){bottom:calc(84px + env(safe-area-inset-bottom));max-height:67dvh;overflow-y:auto}
 .dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px)}
}
@media(max-width:365px){.gya-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gya-quick-actions button{min-height:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Remove the permanently highlighted decorative middle button; only the active view is emphasized. */
@media(max-width:1100px){
 .mobile-nav button:nth-child(3){color:inherit!important}
 .mobile-nav button:nth-child(3) .nav-icon{display:block!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font-size:inherit!important}
 .mobile-nav button:nth-child(3):not(.active) span{color:inherit!important}
 .mobile-nav button.active{background:#73506b!important;color:#fff!important}
 .mobile-nav button.active span{color:#fff!important}
}
@media(max-width:740px){
 .main[data-view='inicio'] .gya-module-grid .gya-tile:nth-child(n+5){display:none!important}
 .main[data-view='inicio'] .gya-weekly,.main[data-view='inicio'] .gya-social-cta{display:none!important}
 .main[data-view='inicio'] .gya-editorial-feature{margin-top:12px;margin-bottom:15px}
 .main[data-view='inicio'] .gya-visual-dashboard .gya-discovery{margin-top:14px}
 .main[data-view='inicio'] .gya-discovery-rail{padding-bottom:7px}
 .main[data-view='inicio'] .gya-discovery-card{flex-basis:min(68vw,240px)!important}
 .main[data-view='inicio'] #gyaMoreOpen{margin-top:12px}
}

@media(max-width:1100px){
 .mobile-nav button:not(.active),.mobile-nav button:not(.active) span{color:#f7e8f1!important}
 .mobile-nav button:not(.active):hover{background:rgba(255,255,255,.08)}
}

/* GYA: organización progresiva del inicio. Contenido preservado; tres modos accesibles. */
.gya-home-mode-control{display:none}
@media(max-width:740px){
 .main[data-view='inicio'] .gya-home-mode-control{
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;
   padding:4px;margin:13px 0 15px;background:#f1e6ec;
   border:1px solid #eadde5;border-radius:15px
 }
 .main[data-view='inicio'] .gya-home-mode-control button{
   min-height:42px;padding:9px 4px;border:0;border-radius:11px;
   color:#6b5167;background:transparent;font:inherit;font-size:.82rem;font-weight:650;
   transition:background .18s ease,color .18s ease,box-shadow .18s ease
 }
 .main[data-view='inicio'] .gya-home-mode-control button[aria-pressed='true']{
   background:#fff;color:#58364e;box-shadow:0 2px 9px rgba(70,35,57,.10)
 }
 .main[data-view='inicio'] .gya-home-mode-control button:focus-visible{
   outline:3px solid #ab648a;outline-offset:2px
 }
 .main[data-view='inicio'][data-home-mode='hoy'] .gya-editorial-feature,
 .main[data-view='inicio'][data-home-mode='hoy'] .gya-human-entry,
 .main[data-view='inicio'][data-home-mode='hoy'] .gya-discovery,
 .main[data-view='inicio'][data-home-mode='hoy'] .gya-weekly,
 .main[data-view='inicio'][data-home-mode='hoy'] .gya-social-cta,
 .main[data-view='inicio'][data-home-mode='hoy'] #gyaMoreOpen,
 .main[data-view='inicio'][data-home-mode='hoy'] #gyaMoreSheet,
 .main[data-view='inicio'][data-home-mode='hoy'] #stats,
 .main[data-view='inicio'][data-home-mode='hoy'] #homeOverview,
 .main[data-view='inicio'][data-home-mode='hoy'] #quickAccess,
 .main[data-view='inicio'][data-home-mode='hoy'] #homeConnections,
 .main[data-view='inicio'][data-home-mode='hoy'] #homeReminders{display:none!important}
 .main[data-view='inicio'][data-home-mode='explorar'] #stats,
 .main[data-view='inicio'][data-home-mode='explorar'] #homeOverview,
 .main[data-view='inicio'][data-home-mode='explorar'] #quickAccess,
 .main[data-view='inicio'][data-home-mode='explorar'] #homeTasks,
 .main[data-view='inicio'][data-home-mode='explorar'] #homeConnections,
 .main[data-view='inicio'][data-home-mode='explorar'] #homeReminders,
 .main[data-view='inicio'][data-home-mode='explorar'] #homeAgenda,
 .main[data-view='inicio'][data-home-mode='explorar'] #recordArea{display:none!important}
 .main[data-view='inicio'][data-home-mode='explorar'] .gya-module-grid .gya-tile:nth-child(n+5),
 .main[data-view='inicio'][data-home-mode='todo'] .gya-module-grid .gya-tile:nth-child(n+5){display:flex!important}
}

/* Búsqueda unificada: un solo campo real, visible arriba sin duplicar registros. */
.main[data-view='inicio'] #globalSearchArea{
  position:relative;display:block!important;margin:13px 0 16px;padding:0;
  border:0;background:transparent;box-shadow:none;
}
.main[data-view='inicio'] #globalSearchArea .section-title,
.main[data-view='inicio'] #globalSearchArea>label{
  position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;
  white-space:nowrap
}
.main[data-view='inicio'] #globalSearchArea::before{
  content:'⌕';position:absolute;left:16px;top:7px;z-index:1;
  font-size:1.5rem;line-height:1.5;color:#71445d;pointer-events:none
}
.main[data-view='inicio'] #globalSearchInput{
  width:100%;min-height:51px;background:#fff;border:1px solid #dcc6d4;border-radius:16px;
  padding:12px 16px 12px 48px;outline-offset:3px;color:#3b2938;
  box-shadow:0 4px 15px rgba(73,35,57,.055);font-size:16px
}
.main[data-view='inicio'] #globalSearchInput:focus-visible{outline:2px solid #8e4f73}
.main[data-view='inicio'] #globalSearchStatus{margin:6px 2px 0;font-size:.75rem}
.main[data-view='inicio'] #globalSearchResults{margin-top:8px;gap:7px;grid-template-columns:1fr}
.main[data-view='inicio'] #globalSearchResults .record-card{min-height:0;padding:12px}
.main[data-view='inicio'] #globalSearchResults .record-card h3{font-size:.92rem;margin:0}
.main[data-view='inicio'] #globalSearchResults .record-card .excerpt{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
@media(min-width:741px){
 .main[data-view='inicio'] #globalSearchArea{max-width:700px}
 .main[data-view='inicio'] #globalSearchResults{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px}
}

/* Inicio más visual: se conservan los módulos reales, sin duplicarlos. */
@media(max-width:740px){
 .main[data-view='inicio'] .gya-module-grid{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:10px!important;margin:10px 0 12px
 }
 .main[data-view='inicio'] .gya-module-grid .gya-tile{
   position:relative;display:flex!important;align-items:flex-end!important;
   min-height:170px!important;padding:14px!important;
   overflow:hidden;border-radius:17px!important;
   border:0!important;filter:none!important;
   box-shadow:0 5px 18px rgba(58,30,50,.16)!important
 }
 .main[data-view='inicio'] .gya-module-grid .gya-tile:before{
   background:linear-gradient(0deg,rgba(42,24,41,.92),rgba(57,28,51,.45) 56%,rgba(70,33,57,.10) 100%)
 }
 .main[data-view='inicio'] .gya-module-grid .gya-tile-copy strong{
   color:white!important;font:700 1.03rem/1.2 Georgia,serif!important;
   text-shadow:0 1px 2px rgba(0,0,0,.2)
 }
 .main[data-view='inicio'] .gya-module-grid .gya-tile-copy small{
   display:block;color:#fff1f8!important;font-size:.72rem!important;
   line-height:1.3;max-width:95%;margin-top:4px
 }
 .main[data-view='inicio'] .gya-module-grid .gya-tile:focus-visible{
   outline:3px solid #a64f7f;outline-offset:3px
 }
 .main[data-view='inicio'][data-home-mode='hoy'] .gya-module-grid .gya-tile:nth-child(n+3){display:none!important}
 .main[data-view='inicio'][data-home-mode='hoy'] .gya-section-head{margin-top:12px}
}