/* SIIGEO 3.0 · Flujo central, claridad y accesibilidad. Aplicar después de CSS 2.9. */
:root{--si-surface:var(--c-surface,#fff);--si-text:var(--c-text,#172335);--si-muted:var(--c-muted,#55657d);--si-border:var(--c-border,#dce3ec);--si-accent:var(--c-accent,#244b99)}
/* Instructiva es un tipo de registro, no un grito visual */
.cmd-directiva-label{font-size:12px!important;letter-spacing:0!important;font-weight:700!important;text-transform:none!important;display:inline-block!important;white-space:normal!important}
.drawer-kicker{letter-spacing:.02em!important;text-transform:none!important;font-size:12px!important}
/* Los expedientes ocupan el centro de la tarea y son aptos para pantallas grandes */
#drawerOverlay.drawer-overlay:not(.hidden){position:fixed!important;inset:0!important;z-index:110!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:24px!important;background:rgba(14,23,43,.64)!important;backdrop-filter:blur(3px)}
#drawerOverlay .drawer{position:relative!important;width:min(920px,calc(100vw - 36px))!important;max-width:none!important;max-height:calc(100dvh - 48px)!important;height:auto!important;min-height:320px!important;overflow-y:auto!important;overflow-x:hidden!important;border:1px solid var(--si-border)!important;border-radius:18px!important;background:var(--si-surface)!important;box-shadow:0 30px 100px rgba(0,0,0,.28)!important}
#drawerOverlay .flow29-head{position:sticky!important;top:0;z-index:2;background:var(--si-surface)!important;border-bottom:1px solid var(--si-border)!important;padding:22px 30px!important}
#drawerOverlay .flow29-head h2{max-width:800px;font-size:clamp(22px,2.2vw,29px)!important;font-weight:750;line-height:1.28;letter-spacing:-.025em}
#drawerOverlay .flow29-body{padding:26px 34px 50px!important;max-width:none!important}
#drawerOverlay .flow29-body .flow29-section{max-width:100%;border-color:var(--si-border)}
#drawerOverlay .flow29-info{max-width:650px}
#drawerOverlay .flow29-form textarea{min-height:180px!important}
#drawerOverlay .flow29-form-footer{justify-content:flex-start}
#drawerOverlay .flow29-form-footer small{color:var(--si-muted)!important;opacity:1}
#drawerOverlay .drawer-description{color:var(--si-text)!important;line-height:1.55!important;font-size:16px!important}
#drawerOverlay .flow29-section h3{font-size:15px!important;color:var(--si-text)!important}
#drawerOverlay .flow29-more summary,#drawerOverlay .flow29-history summary{color:var(--si-muted)!important}
#drawerOverlay .flow29-choices span{border-color:var(--si-border)!important;color:var(--si-text)!important;background:var(--si-surface)!important}
#drawerOverlay .flow29-choices input:checked+span{border-color:var(--si-accent)!important;background:var(--c-accent-soft,#edf3fe)!important;color:var(--si-text)!important}
#drawerOverlay .flow29-note-content{background:var(--si-surface)!important;color:var(--si-text)!important}
#drawerOverlay .flow29-note,#drawerOverlay .flow29-waiting,#drawerOverlay .flow29-done{border-color:var(--si-border)!important;color:var(--si-text)!important}
/* Presencia representa actividad reciente, no presencia física exacta */
.person-card .si-presence{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-top:6px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--si-muted)!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
.person-card .si-presence-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--si-muted);display:inline-block}
.person-card .si-presence.si-online{color:var(--si-text)!important}
.person-card .si-presence.si-online .si-presence-dot{background:var(--pro-success,#15815e)}
.person-card .si-presence.si-away .si-presence-dot{background:var(--si-muted)}
.person-card strong,.person-card small,.person-card .person-facts small,.person-card .person-facts strong{color:var(--si-text)!important}
.person-card .person-top small:not(.si-presence),.person-card .person-facts small{color:var(--si-muted)!important}
.person-card .person-facts{border-color:var(--si-border)!important}
/* No eliminar directamente: papelera reversible, visible solo a Dirección */
#drawer .si-delete{color:var(--pro-danger,#aa293f)!important;border:1px solid var(--si-border)!important;background:transparent!important;min-height:42px;margin-top:8px}
#drawer .si-delete:hover{background:var(--pro-danger-bg,#fff1f3)!important}
.si-trash-items{display:flex;flex-direction:column;gap:10px}
.si-trash-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--si-border);border-radius:10px;color:var(--si-text);background:var(--si-surface)}
.si-trash-item strong{display:block;font-size:15px;margin-bottom:4px;overflow-wrap:anywhere}
.si-trash-item small{display:block;font-size:12px;color:var(--si-muted)}
/* Inputs y acciones muestran foco visible */
#drawer :is(button,input,select,textarea):focus-visible,.si-trash-item button:focus-visible{outline:3px solid var(--si-accent)!important;outline-offset:2px}
@media(max-width:680px){
  #drawerOverlay.drawer-overlay:not(.hidden){padding:0!important;align-items:stretch!important;backdrop-filter:none!important}
  #drawerOverlay .drawer{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important;padding-bottom:env(safe-area-inset-bottom)}
  #drawerOverlay .flow29-head{padding:16px 18px!important}
  #drawerOverlay .flow29-head h2{font-size:21px!important}
  #drawerOverlay .flow29-body{padding:22px 18px 110px!important}
  #drawerOverlay .flow29-info{grid-template-columns:1fr 1fr}
  .si-trash-item{flex-wrap:wrap}
  .si-trash-item button{width:100%}
}
@media(prefers-reduced-motion:reduce){#drawerOverlay .drawer{transition:none!important}}