/* Panel de confirmaciones INPRO — mismo lenguaje visual que la invitación (single dark theme) */
.inpro-adm{
  --ink:#0b0a0a;--ink-2:#141112;--ink-3:#1c1719;--wine:#5a1726;--wine-deep:#2a0b12;
  --gold:#d6bf8a;--gold-hi:#f1e3bd;--gold-lo:#9c8452;--text:#ece4d3;--muted:#a89e8b;
  --line:rgba(214,191,138,.28);--line-soft:rgba(214,191,138,.14);
  --ok:#9cc9a0;--ok-bg:rgba(120,180,125,.12);--no:#e2a6ad;--no-bg:rgba(90,23,38,.45);
  --f-display:"Italiana","Cormorant Garamond",Georgia,serif;
  --f-serif:"Cormorant Garamond",Georgia,serif;
  --f-ui:"Josefin Sans","Avenir Next","Segoe UI",sans-serif;
  color-scheme:dark;
  min-height:100vh;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(90,23,38,.5),transparent 70%),var(--ink);
  color:var(--text);font-family:var(--f-ui);font-weight:300;line-height:1.55;-webkit-font-smoothing:antialiased;
  padding-block:28px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
}
.inpro-adm *,.inpro-adm *::before,.inpro-adm *::after{box-sizing:border-box}
.inpro-adm button,.inpro-adm input,.inpro-adm textarea{font:inherit;color:inherit}
.ia-wrap{max-width:1180px;margin:0 auto}

/* Barra superior */
.ia-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}
.ia-top img{height:34px;width:auto}
.ia-user{display:flex;align-items:center;gap:16px;font-size:.82rem;color:var(--muted);letter-spacing:.06em}
.ia-user a{color:var(--gold);text-decoration:none;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:600}
.ia-user a:hover{color:var(--gold-hi)}

/* Encabezado */
.ia-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:40px 0 28px}
.ia-eyebrow{display:block;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:400}
.ia-h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.05;margin:.25em 0 0;color:var(--gold-hi);letter-spacing:.02em}
.ia-sub{margin:.4em 0 0;color:var(--muted);font-family:var(--f-serif);font-size:1.15rem;font-style:italic}
.ia-deadline{border:1px solid var(--line);padding:10px 16px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ia-deadline b{color:var(--gold);font-weight:600}

.ia-demo{border:1px dashed var(--gold-lo);color:var(--gold);padding:10px 14px;font-size:.85rem;margin-bottom:22px;letter-spacing:.04em}

/* Totales */
.ia-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}
.ia-stat{border:1px solid var(--line-soft);background:var(--ink-2);padding:18px 20px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ia-stat small{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.ia-stat b{font-family:var(--f-display);font-weight:400;font-size:2.6rem;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.ia-stat.hi{border-color:var(--gold);background:linear-gradient(160deg,rgba(214,191,138,.12),var(--ink-2) 70%)}
.ia-stat.hi b{color:var(--gold-hi)}

/* Columnas */
.ia-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}
.ia-card{border:1px solid var(--line);background:rgba(20,17,18,.88);padding:24px;min-width:0}
.ia-card h2{font-family:var(--f-display);font-weight:400;font-size:1.7rem;color:var(--gold-hi);margin:0 0 4px;letter-spacing:.02em}
.ia-card .ia-hint{font-size:.85rem;color:var(--muted);margin:0 0 20px}
.ia-add{position:sticky;top:20px}

/* Formularios */
.ia-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.ia-field label,.ia-legend{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.ia-input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:9px 2px;font-family:var(--f-serif);font-size:1.1rem;color:var(--text);border-radius:0}
textarea.ia-input{min-height:64px;resize:vertical;font-size:1rem}
.ia-input::placeholder{color:#6e665a}
.ia-input:focus{outline:none;border-bottom-color:var(--gold)}
.ia-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ia-seg label{cursor:pointer;position:relative}
.ia-seg input{position:absolute;opacity:0;width:1px;height:1px}
.ia-seg span{display:block;text-align:center;padding:10px;border:1px solid var(--line);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;transition:.2s}
.ia-seg input:checked+span{border-color:var(--gold);background:rgba(214,191,138,.12);color:var(--gold-hi)}
.ia-seg input:focus-visible+span{outline:2px solid var(--gold-hi);outline-offset:2px}

.ia-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;font-family:var(--f-ui);font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;
  padding:13px 20px;border:1px solid var(--gold);color:var(--ink)!important;background:linear-gradient(180deg,var(--gold-hi),var(--gold));transition:transform .2s,box-shadow .2s,background .2s}
.ia-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px -10px rgba(214,191,138,.6)}
.ia-btn[disabled]{opacity:.6;cursor:progress;transform:none}
.ia-btn.ia-ghost{background:transparent;color:var(--gold)!important}
.ia-btn.ia-ghost:hover{background:rgba(214,191,138,.08)}
.ia-btn.ia-full{width:100%}
.ia-btn:focus-visible,.ia-pill:focus-visible,.ia-chip:focus-visible,.ia-del:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
.ia-msg{min-height:1.3em;margin-top:12px;font-size:.85rem}
.ia-msg.ok{color:var(--ok)}.ia-msg.err{color:var(--no)}

/* Lista */
.ia-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
.ia-search{flex:1 1 220px;min-width:0;position:relative}
.ia-search .ia-input{padding-left:26px}
.ia-search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}
.ia-chips{display:flex;flex-wrap:wrap;gap:6px}
.ia-chip{cursor:pointer;background:transparent;border:1px solid var(--line-soft);padding:7px 12px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.ia-chip[aria-pressed="true"]{border-color:var(--gold);color:var(--gold-hi);background:rgba(214,191,138,.1)}
.ia-actions{display:flex;gap:8px;flex-wrap:wrap}
.ia-actions .ia-btn{padding:9px 14px;font-size:.66rem}

.ia-tablewrap{overflow-x:auto}
.ia-table{width:100%;border-collapse:collapse;font-size:.92rem}
.ia-table th{text-align:left;font-weight:400;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
.ia-table td{padding:13px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.ia-table tr:hover td{background:rgba(214,191,138,.03)}
.ia-name{font-family:var(--f-serif);font-size:1.12rem;color:var(--text)}
.ia-notes{color:var(--muted);font-size:.86rem;max-width:240px}
.ia-date{color:var(--muted);font-size:.82rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.ia-src{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-soft);padding:3px 7px;white-space:nowrap}
.ia-src.manual{color:var(--gold);border-color:var(--gold-lo)}
.ia-pill{cursor:pointer;border:1px solid transparent;padding:5px 12px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:none}
.ia-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ia-pill.si{color:var(--ok);background:var(--ok-bg);border-color:rgba(156,201,160,.35)}
.ia-pill.no{color:var(--no);background:var(--no-bg);border-color:rgba(226,166,173,.3)}
.ia-pill:hover{filter:brightness(1.15)}
.ia-del{cursor:pointer;background:none;border:0;color:var(--muted);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;padding:6px 4px}
.ia-del:hover{color:var(--no)}
.ia-confirm{display:inline-flex;gap:10px;align-items:center;font-size:.72rem;color:var(--no);white-space:nowrap}
.ia-confirm button{cursor:pointer;background:none;border:1px solid var(--line);color:var(--text);padding:4px 9px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.ia-confirm button.yes{border-color:var(--no);color:var(--no)}
.ia-empty{text-align:center;padding:48px 16px;color:var(--muted);font-family:var(--f-serif);font-size:1.15rem;font-style:italic}
.ia-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:.78rem;color:var(--muted)}
.ia-flash td{animation:iaFlash 1.6s ease}
@keyframes iaFlash{from{background:rgba(214,191,138,.18)}to{background:transparent}}

/* Inicio de sesión */
.ia-login{max-width:420px;margin:8vh auto 0;text-align:center;border:1px solid var(--line);outline:1px solid var(--line-soft);outline-offset:8px;padding:40px clamp(20px,5vw,40px);background:rgba(20,17,18,.88)}
.ia-login-logo{width:130px;height:auto;margin:0 auto 26px;display:block}
.ia-login .ia-sub{margin-bottom:24px}
.ia-login form{text-align:left;margin:0}
.ia-login form p{margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
.ia-login label{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.ia-login input[type=text],.ia-login input[type=password]{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:9px 2px;font-family:var(--f-serif);font-size:1.1rem;color:var(--text);border-radius:0;box-shadow:none}
.ia-login input[type=text]:focus,.ia-login input[type=password]:focus{outline:none;border-bottom-color:var(--gold)}
.ia-login .login-remember label{display:flex;gap:8px;align-items:center;letter-spacing:.12em;color:var(--muted);cursor:pointer}
.ia-login .login-submit{margin-top:22px}
.ia-login input[type=submit]{width:100%;cursor:pointer;font-family:var(--f-ui);font-weight:600;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;padding:14px;border:1px solid var(--gold);color:var(--ink);background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-radius:0}

/* Celular */
@media (max-width:900px){
  .ia-grid{grid-template-columns:1fr}
  .ia-add{position:static}
  .ia-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .ia-card{padding:18px}
  .ia-stat b{font-size:2.1rem}
  .ia-table thead{display:none}
  .ia-table,.ia-table tbody,.ia-table tr,.ia-table td{display:block;width:100%}
  .ia-table tr{border-bottom:1px solid var(--line-soft);padding:12px 0;display:grid;grid-template-columns:1fr auto;gap:6px 12px}
  .ia-table td{border:0;padding:0}
  .ia-table td.c-name{grid-column:1}
  .ia-table td.c-asis{grid-column:2;grid-row:1;text-align:right}
  .ia-table td.c-notes,.ia-table td.c-meta{grid-column:1 / -1}
  .ia-table td.c-del{grid-column:1 / -1;text-align:right}
  .ia-notes{max-width:none}
  .ia-hide-sm{display:none}
}
@media (prefers-reduced-motion:reduce){.inpro-adm *{animation:none!important;transition:none!important}}

/* PIN */
.ia-login .ia-legend{display:block;text-align:center;margin-bottom:12px}
.ia-pin{display:block;width:100%;max-width:240px;margin:0 auto 22px;text-align:center;background:transparent;border:1px solid var(--line);border-radius:0;
  padding:14px 10px;font-family:var(--f-display);font-size:2.2rem;letter-spacing:.6em;padding-left:calc(10px + .6em);color:var(--gold-hi);font-variant-numeric:tabular-nums}
.ia-pin:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.ia-login .ia-msg{text-align:center}
.ia-out{cursor:pointer;background:none;border:1px solid var(--line);color:var(--gold);padding:7px 14px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.ia-out:hover{border-color:var(--gold);color:var(--gold-hi)}
