/* ════════════════════════════════════════════════
   DIIG MUNICIPAL - SISTEMA DE GESTIÓN
   BASE STYLES
════════════════════════════════════════════════ */
:root{
  --bg:#0A0E1A; --surface:#111827; --surface2:#1A2236; --border:#263050;
  --accent:#00E5C3; --accent2:#F59E0B; --azul:#3B82F6;
  --rojo:#F43F5E; --verde:#22C55E; --lila:#A78BFA;
  --txt:#E8EDF5; --txt2:#8896B3; --txt3:#3D4E6B;
  --admin-color:#F59E0B; --sec-color:#3B82F6; --tec-color:#00E5C3;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;overflow-x:hidden;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}

/* ════════════════════════════════════════════════
   LOGIN SCREEN
════════════════════════════════════════ */
#diigLoginScreen{
  position:fixed;inset:0;z-index:1000;
  background:var(--bg);
  display:flex;align-items:center;justify-content:center;
  padding:1rem;
}
.diig-login-wrap{
  width:min(420px,100%);
}
.diig-login-brand{
  text-align:center;margin-bottom:2.2rem;
}
.diig-login-icon{
  font-size:2.8rem;
  display:inline-flex;align-items:center;justify-content:center;
  width:72px;height:72px;border-radius:20px;
  background:linear-gradient(135deg,var(--surface2),var(--border));
  border:1px solid var(--border);
  margin-bottom:1rem;
  box-shadow:0 0 40px rgba(0,229,195,.1);
}
.diig-login-title{
  font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;
  color:var(--txt);letter-spacing:.02em;
}
.diig-login-sub{font-size:.83rem;color:var(--txt2);margin-top:.3rem;}
.diig-login-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:18px;
  padding:2rem;
  box-shadow:0 20px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(0,229,195,.05);
}
.diig-login-card-title{
  font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;
  margin-bottom:1.5rem;color:var(--txt);
  display:flex;align-items:center;gap:.5rem;
}
.diig-fg{display:flex;flex-direction:column;gap:.38rem;margin-bottom:1rem;}
.diig-fg label{
  font-family:'JetBrains Mono',monospace;
  font-size:.63rem;color:var(--txt2);
  text-transform:uppercase;letter-spacing:.1em;
}
.diig-fg input, .diig-fg select, .diig-fg textarea{
  background:var(--surface2);border:1.5px solid var(--border);
  border-radius:10px;padding:.65rem 1rem;
  font-size:.92rem;color:var(--txt);outline:none;
  font-family:'DM Sans',sans-serif;transition:border .15s;width:100%;
}
.diig-fg input:focus, .diig-fg select:focus, .diig-fg textarea:focus{border-color:var(--accent);}
.diig-fg input::placeholder, .diig-fg textarea::placeholder{color:var(--txt3);}
.diig-btn-login{
  width:100%;padding:.75rem;border-radius:10px;
  background:linear-gradient(135deg,var(--accent),#00B8A0);
  color:#000;font-size:.95rem;font-weight:700;
  border:none;cursor:pointer;font-family:'DM Sans',sans-serif;
  transition:all .2s;letter-spacing:.02em;margin-top:.5rem;
}
.diig-btn-login:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,229,195,.3);}
.diig-login-error{
  background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);
  color:#FB7185;border-radius:8px;padding:.6rem .9rem;
  font-size:.82rem;margin-top:.9rem;display:none;
  text-align:center;
}
.diig-login-error.show{display:block;}

/* ════════════════════════════════════════════════
   APP SHELL
════════════════════════════════════════ */
#diigAppShell{display:none;}
#diigAppShell.visible{display:flex;flex-direction:column;min-height:100vh;}

/* ── TOPBAR ── */
.diig-topbar{
  position:sticky;top:0;z-index:200;height:54px;
  background:rgba(10,14,26,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;padding:0 1.2rem;gap:.7rem;flex-shrink:0;
}
.diig-tb-logo{
  font-family:'Syne',sans-serif;font-weight:800;font-size:.95rem;
  display:flex;align-items:center;gap:.4rem;flex-shrink:0;
}
.diig-tb-logo .dot{color:var(--accent);}
.diig-tb-sep{flex:1;}
.diig-role-chip{
  display:inline-flex;align-items:center;gap:.38rem;
  padding:.22rem .65rem;border-radius:20px;
  font-size:.72rem;font-weight:700;letter-spacing:.03em;
  border:1px solid;
}
.diig-role-chip.admin{background:rgba(245,158,11,.12);color:var(--admin-color);border-color:rgba(245,158,11,.3);}
.diig-role-chip.secretaria{background:rgba(59,130,246,.12);color:var(--sec-color);border-color:rgba(59,130,246,.3);}
.diig-role-chip.tecnico{background:rgba(0,229,195,.1);color:var(--tec-color);border-color:rgba(0,229,195,.25);}
.diig-user-btn{
  display:flex;align-items:center;gap:.45rem;
  background:var(--surface2);border:1px solid var(--border);
  border-radius:24px;padding:.25rem .7rem .25rem .32rem;
  cursor:pointer;font-size:.78rem;font-weight:600;
  transition:background .15s;
}
.diig-user-btn:hover{background:var(--border);}
.diig-av{
  width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:800;color:#000;flex-shrink:0;
}
.diig-av.admin{background:var(--admin-color);}
.diig-av.secretaria{background:var(--sec-color);}
.diig-av.tecnico{background:var(--tec-color);}
.diig-av.lg{width:44px;height:44px;font-size:1.1rem;}
.diig-logout-btn{
  background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.2);
  color:#FB7185;border-radius:8px;padding:.3rem .65rem;
  font-size:.75rem;font-weight:600;cursor:pointer;
  transition:all .15s;
}
.diig-logout-btn:hover{background:rgba(244,63,94,.2);}

/* ── LAYOUT ── */
.diig-body-wrap{display:flex;flex:1;overflow:hidden;}
.diig-sidebar{
  width:200px;flex-shrink:0;
  border-right:1px solid var(--border);
  padding:1rem 0;overflow-y:auto;
  position:sticky;top:54px;height:calc(100vh - 54px);
}
.diig-ss{font-family:'JetBrains Mono',monospace;font-size:.57rem;
  color:var(--txt3);text-transform:uppercase;letter-spacing:.14em;
  padding:.8rem 1.1rem .25rem;}
.diig-ni{
  display:flex;align-items:center;gap:.6rem;
  padding:.5rem 1.1rem;color:var(--txt2);font-size:.83rem;font-weight:500;
  cursor:pointer;border-left:2.5px solid transparent;transition:all .14s;
  position:relative;
}
.diig-ni:hover{background:rgba(255,255,255,.03);color:var(--txt);}
.diig-ni.active{border-left-color:var(--accent);color:var(--accent);background:rgba(0,229,195,.05);font-weight:600;}
.diig-ni.admin-only{border-left-color:var(--admin-color) !important;}
.diig-ni.admin-only.active{color:var(--admin-color);background:rgba(245,158,11,.07);}
.diig-ni-ic{font-size:.9rem;width:1rem;text-align:center;}
.diig-ni-b{margin-left:auto;background:var(--rojo);color:#fff;
  font-size:.58rem;font-weight:800;padding:.08rem .35rem;border-radius:7px;}

/* ── MAIN ── */
.diig-main{flex:1;overflow-y:auto;padding:1.4rem;}

/* ── BOTTOM NAV móvil ── */
.diig-bn{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;
  background:rgba(17,24,39,.97);border-top:1px solid var(--border);
  backdrop-filter:blur(14px);
  padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom));}
.diig-bn-row{display:flex;justify-content:space-around;}
.diig-bni{
  display:flex;flex-direction:column;align-items:center;gap:.18rem;
  padding:.28rem .4rem;color:var(--txt3);cursor:pointer;border-radius:8px;
  font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;min-width:48px;
}
.diig-bni .ic{font-size:1.15rem;line-height:1;}
.diig-bni.active{color:var(--accent);}

/* ── PAGES ── */
.diig-page{display:none;animation:diigFi .2s ease;}
.diig-page.active{display:block;}
@keyframes diigFi{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:translateY(0);}}

/* ── PAGE HEADER ── */
.diig-ph{display:flex;align-items:flex-start;justify-content:space-between;
  margin-bottom:1.3rem;flex-wrap:wrap;gap:.8rem;}
.diig-ph-t{font-family:'Syne',sans-serif;font-weight:800;font-size:1.45rem;line-height:1;}
.diig-ph-s{font-size:.8rem;color:var(--txt2);margin-top:.25rem;}

/* ── STATS ── */
.diig-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin-bottom:1.3rem;}
.diig-sc{background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:1rem 1.2rem;border-top:3px solid;transition:transform .14s;cursor:default;}
.diig-sc:hover{transform:translateY(-2px);}
.diig-sc.azul{border-top-color:var(--azul);}
.diig-sc.verde{border-top-color:var(--verde);}
.diig-sc.naranja{border-top-color:var(--accent2);}
.diig-sc.rojo{border-top-color:var(--rojo);}
.diig-sc.lila{border-top-color:var(--lila);}
.diig-sc.acento{border-top-color:var(--accent);}
.diig-sc-n{font-family:'Syne',sans-serif;font-weight:800;font-size:2rem;line-height:1;color:var(--txt);}
.diig-sc-l{font-size:.73rem;color:var(--txt2);margin-top:.28rem;}

/* ── CARD ── */
.diig-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;
  overflow:hidden;margin-bottom:1rem;}
.diig-ch{display:flex;align-items:center;justify-content:space-between;
  padding:.85rem 1.1rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.55rem;}
.diig-ct{font-family:'Syne',sans-serif;font-weight:700;font-size:.92rem;
  display:flex;align-items:center;gap:.45rem;}

/* ── TABLE ── */
.diig-tbl{overflow-x:auto;}
.diig-tbl table{width:100%;border-collapse:collapse;}
.diig-tbl thead{background:var(--surface2);}
.diig-tbl th{font-family:'JetBrains Mono',monospace;font-size:.6rem;text-transform:uppercase;
  letter-spacing:.07em;color:var(--txt3);padding:.65rem .95rem;text-align:left;
  border-bottom:1px solid var(--border);white-space:nowrap;}
.diig-tbl td{padding:.6rem .95rem;font-size:.81rem;border-bottom:1px solid rgba(38,48,80,.5);vertical-align:middle;}
.diig-tbl tr:hover td{background:rgba(255,255,255,.02);}
.diig-tbl tr:last-child td{border-bottom:none;}

/* ── STATUS BADGES ── */
.diig-sb{display:inline-flex;align-items:center;gap:.27rem;
  padding:.18rem .55rem;border-radius:20px;font-size:.68rem;font-weight:700;
  font-family:'JetBrains Mono',monospace;white-space:nowrap;}
.diig-sb::before{content:'●';font-size:.52rem;}
.diig-sb-pendiente{background:rgba(244,63,94,.1);color:#FB7185;border:1px solid rgba(244,63,94,.2);}
.diig-sb-recogido{background:rgba(59,130,246,.1);color:#60A5FA;border:1px solid rgba(59,130,246,.2);}
.diig-sb-tecnico{background:rgba(167,139,250,.1);color:#C4B5FD;border:1px solid rgba(167,139,250,.2);}
.diig-sb-reparando{background:rgba(245,158,11,.1);color:#FBB938;border:1px solid rgba(245,158,11,.2);}
.diig-sb-listo{background:rgba(34,197,94,.1);color:#4ADE80;border:1px solid rgba(34,197,94,.2);}
.diig-sb-entregado{background:rgba(34,197,94,.06);color:#86EFAC;border:1px solid rgba(34,197,94,.1);}

/* ── FOLIO ── */
.diig-folio{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;
  color:var(--accent);background:rgba(0,229,195,.09);padding:.13rem .48rem;border-radius:5px;}

/* ── BUTTONS ── */
.diig-btn{display:inline-flex;align-items:center;gap:.38rem;
  padding:.4rem .9rem;border-radius:8px;font-size:.8rem;font-weight:600;
  cursor:pointer;border:none;transition:all .14s;font-family:'DM Sans',sans-serif;white-space:nowrap;}
.diig-btn-accent{background:var(--accent);color:#000;}
.diig-btn-accent:hover{background:#00CBA8;}
.diig-btn-admin{background:var(--admin-color);color:#000;}
.diig-btn-admin:hover{background:#D97706;}
.diig-btn-sec{background:var(--azul);color:#fff;}
.diig-btn-sec:hover{background:#2563EB;}
.diig-btn-verde{background:var(--verde);color:#000;}
.diig-btn-verde:hover{background:#16A34A;}
.diig-btn-ghost{background:rgba(255,255,255,.06);color:var(--txt);border:1px solid var(--border);}
.diig-btn-ghost:hover{background:rgba(255,255,255,.1);}
.diig-btn-danger{background:var(--rojo);color:#fff;}
.diig-btn-lila{background:rgba(167,139,250,.15);color:var(--lila);border:1px solid rgba(167,139,250,.25);}
.diig-btn-wa{background:#25D366;color:#fff;}
.diig-btn-sm{padding:.25rem .6rem;font-size:.73rem;}
.diig-btn-full{width:100%;justify-content:center;}

/* ── MODAL ── */
.diig-overlay{display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(5px);
  align-items:flex-end;justify-content:center;}
.diig-overlay.open{display:flex;}
.diig-modal{background:var(--surface);border:1px solid var(--border);
  border-radius:20px 20px 0 0;width:100%;max-width:640px;
  max-height:91vh;overflow-y:auto;padding:1.4rem;
  animation:diigSu .28s cubic-bezier(.16,1,.3,1);}
@keyframes diigSu{from{transform:translateY(100%);}to{transform:translateY(0);}}
.diig-mdrag{width:38px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 1.1rem;}
.diig-mtitle{font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;
  margin-bottom:1.1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);}
.diig-mfooter{display:flex;gap:.55rem;margin-top:1.2rem;padding-top:1rem;
  border-top:1px solid var(--border);flex-wrap:wrap;}
@media(min-width:600px){.diig-overlay{align-items:center;}.diig-modal{border-radius:16px;max-height:84vh;}}

/* ── FORM ── */
.diig-frow{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
@media(max-width:440px){.diig-frow{grid-template-columns:1fr;}}

/* ── INFO GRID ── */
.diig-ig{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.9rem;}
.diig-ii{background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:.6rem;}
.diig-ii label{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--txt3);
  text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.2rem;}
.diig-ii span{font-size:.83rem;font-weight:600;}
.diig-ii.full{grid-column:1/-1;}
.diig-mono{font-family:'JetBrains Mono',monospace;font-size:.8rem;}

/* ── TIMELINE ── */
.diig-tl-item{display:flex;gap:.7rem;padding:.45rem 0;position:relative;}
.diig-tl-item::before{content:'';position:absolute;left:12px;top:24px;
  width:2px;height:calc(100% - 4px);background:var(--border);}
.diig-tl-item:last-child::before{display:none;}
.diig-tl-dot{width:24px;height:24px;border-radius:50%;
  background:var(--surface2);border:2px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-size:.64rem;flex-shrink:0;z-index:1;}
.diig-tl-dot.verde{background:rgba(34,197,94,.15);border-color:var(--verde);color:var(--verde);}
.diig-tl-dot.accent{background:rgba(0,229,195,.1);border-color:var(--accent);color:var(--accent);}
.diig-tl-dot.gray{border-color:#475569;color:#94A3B8;}
.diig-tl-t{font-size:.79rem;font-weight:600;}
.diig-tl-m{font-family:'JetBrains Mono',monospace;font-size:.63rem;color:var(--txt3);margin-top:.1rem;}
.diig-tl-n{font-size:.76rem;color:var(--txt2);margin-top:.16rem;
  background:var(--surface2);padding:.3rem .55rem;border-radius:5px;border-left:2px solid var(--border);}

/* ── TOAST ── */
.diig-toast{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));
  left:50%;transform:translateX(-50%);
  background:var(--surface);border:1px solid var(--border);
  color:var(--txt);padding:.68rem 1.2rem;border-radius:11px;
  font-size:.81rem;font-weight:600;box-shadow:0 8px 30px rgba(0,0,0,.5);
  z-index:600;display:none;white-space:nowrap;}
.diig-toast.show{display:block;}
.diig-toast.ok{border-color:var(--verde);color:var(--verde);}
.diig-toast.warn{border-color:var(--accent2);color:var(--accent2);}
.diig-toast.err{border-color:var(--rojo);color:#FB7185;}

/* ── EMPTY ── */
.diig-empty{text-align:center;padding:2.2rem;color:var(--txt3);}
.diig-empty-ic{font-size:2rem;margin-bottom:.5rem;}

/* ── MOBILE LIST ── */
.diig-rep-list{display:flex;flex-direction:column;}
.diig-ri{padding:.9rem 1.1rem;border-bottom:1px solid var(--border);
  cursor:pointer;transition:background .12s;position:relative;}
.diig-ri:last-child{border-bottom:none;}
.diig-ri:hover{background:rgba(255,255,255,.02);}
.diig-ri::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0;}
.diig-ri.urgente::before{background:var(--rojo);}
.diig-ri.alta::before{background:var(--accent2);}
.diig-ri.normal::before{background:var(--azul);}
.diig-ri-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;}
.diig-ri-eq{font-weight:700;font-size:.86rem;}
.diig-ri-dep{font-size:.75rem;color:var(--txt2);}
.diig-ri-bot{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;}
.diig-ri-date{font-family:'JetBrains Mono',monospace;font-size:.64rem;color:var(--txt3);}

/* ── MANTO CARDS ── */
.diig-mc{background:var(--surface2);border:1px solid var(--border);border-radius:11px;
  padding:.95rem 1.05rem;margin:.6rem 1.05rem;cursor:pointer;transition:all .13s;
  border-left:4px solid var(--border);}
.diig-mc:hover{border-color:var(--lila);}
.diig-mc.preventivo{border-left-color:var(--azul);}
.diig-mc.correctivo{border-left-color:var(--accent2);}
.diig-mc.completado{border-left-color:var(--verde);opacity:.7;}
.diig-mc-t{font-weight:700;font-size:.88rem;}
.diig-mc-d{font-size:.75rem;color:var(--txt2);margin-top:.12rem;}
.diig-mc-bot{display:flex;align-items:center;gap:.6rem;margin-top:.55rem;flex-wrap:wrap;}
.diig-mc-hora{font-family:'JetBrains Mono',monospace;font-size:.7rem;
  color:var(--accent);background:rgba(0,229,195,.09);padding:.1rem .42rem;border-radius:4px;}

/* ── CAL STRIP ── */
.diig-cal-strip{display:flex;gap:.38rem;overflow-x:auto;padding:.75rem 1.05rem;
  border-bottom:1px solid var(--border);}
.diig-cd{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.12rem;
  padding:.4rem .5rem;border-radius:9px;border:1.5px solid var(--border);
  cursor:pointer;transition:all .13s;min-width:42px;background:var(--surface2);}
.diig-cd:hover{border-color:var(--txt3);}
.diig-cd.hoy{border-color:var(--accent);background:rgba(0,229,195,.08);}
.diig-cd.tiene{border-color:var(--lila);}
.diig-cd.sel{background:var(--accent);border-color:var(--accent);}
.diig-cd.sel .diig-cdd,.diig-cd.sel .diig-cdn{color:#000;}
.diig-cdd{font-family:'JetBrains Mono',monospace;font-size:.57rem;color:var(--txt3);text-transform:uppercase;}
.diig-cdn{font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;}
.diig-cdot{width:5px;height:5px;background:var(--lila);border-radius:50%;}

/* ── CHIPS ── */
.diig-chip{display:inline-flex;padding:.25rem .68rem;border-radius:20px;font-size:.73rem;font-weight:600;cursor:pointer;transition:all .15s;}
.diig-chip-todos{background:rgba(0,229,195,.12);border:1px solid var(--accent);color:var(--accent);}
.diig-chip.active{background:rgba(0,229,195,.12);border:1px solid var(--accent);color:var(--accent);}
.diig-chip:not(.active){background:var(--surface2);border:1px solid var(--border);color:var(--txt2);}
.diig-chip:hover:not(.active){border-color:var(--txt3);}

/* ── SEARCH ── */
.diig-search{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.36rem .72rem;font-size:.8rem;color:var(--txt);outline:none;width:190px;}
.diig-search:focus{border-color:var(--accent);}

/* ── ROLE BADGE ── */
.diig-rb{display:inline-block;font-size:.58rem;font-weight:700;padding:.08rem .32rem;border-radius:4px;margin-left:.28rem;vertical-align:middle;}
.diig-rb.admin{background:rgba(245,158,11,.15);color:var(--admin-color);}
.diig-rb.secretaria{background:rgba(59,130,246,.15);color:#60A5FA;}
.diig-rb.tecnico{background:rgba(0,229,195,.12);color:var(--accent);}

/* ── STATUS SELECTOR ── */
.diig-sg{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.9rem;}
.diig-so{background:var(--surface2);border:2px solid var(--border);border-radius:9px;
  padding:.65rem .5rem;cursor:pointer;transition:all .13s;text-align:center;}
.diig-so:hover{border-color:var(--txt3);}
.diig-so.sel{border-color:var(--accent);background:rgba(0,229,195,.08);}
.diig-so-ic{font-size:1.1rem;margin-bottom:.18rem;}
.diig-so-lb{font-size:.72rem;font-weight:700;}

/* ── DIAG BOX ── */
.diig-diag-box{background:rgba(245,158,11,.07);border:1.5px solid rgba(245,158,11,.2);
  border-radius:9px;padding:.75rem;margin-bottom:.9rem;}
.diig-diag-box label{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--accent2);
  text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:.35rem;}

/* ── USER CHIP ── */
.diig-user-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:20px;font-size:.7rem;font-weight:700;}
.diig-uc-admin{background:rgba(245,158,11,.12);color:var(--admin-color);}
.diig-uc-secretaria{background:rgba(59,130,246,.12);color:#60A5FA;}
.diig-uc-tecnico{background:rgba(0,229,195,.1);color:var(--accent);}

/* ── PASS FIELD ── */
.diig-pass-field{position:relative;}
.diig-pass-field input{padding-right:2.5rem;}
.diig-pass-toggle{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--txt2);background:none;border:none;font-size:.85rem;}

/* ── RESPONSIVE ── */
@media(max-width:767px){
  .diig-sidebar{display:none;}
  .diig-bn{display:block;}
  .diig-main{padding:1rem;padding-bottom:76px;}
  .diig-ph-t{font-size:1.25rem;}
  .diig-ig{grid-template-columns:1fr;}
  .diig-tbl{display:none;}
  .diig-rep-list{display:flex;}
  .diig-stats{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:768px){
  .diig-bn{display:none;}
  .diig-sidebar{display:block;}
  .diig-rep-list{display:none;}
  .diig-tbl{display:block;}
  .diig-main{padding-bottom:1.4rem;}
}

/* ── LOADING ── */
.diig-loading{display:flex;align-items:center;justify-content:center;padding:2rem;}
.diig-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}