.tamilini-avatar-button{display:inline-grid;place-items:center;flex:none;width:72px;height:72px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:0 0 0 0 rgb(8 104 154 / 0%);cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease}
.tamilini-avatar-button:hover{transform:scale(1.06);box-shadow:0 0 0 4px rgb(8 104 154 / 14%)}
.tamilini-avatar-button:focus-visible{outline:3px solid var(--brand-accent,#f58220);outline-offset:3px}
.tamilini-avatar-button .tamilini-avatar{width:72px;height:72px;margin:0;border-radius:50%;object-fit:contain;object-position:center;background:linear-gradient(145deg,#eef9ff,#fff5e9)}
.tamilini-profile-dialog{position:fixed;inset:0;z-index:2147483000;width:min(48rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto;border:0;border-radius:1.25rem;background:transparent;color:var(--color-text,#17252d);box-shadow:0 28px 90px rgb(4 22 32 / 45%)}
.tamilini-profile-dialog::backdrop{background:rgb(5 24 34 / 72%);backdrop-filter:blur(4px)}
.tamilini-id-card{position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / 70%);border-radius:1.25rem;background:#fff;box-shadow:inset 0 0 0 1px rgb(8 104 154 / 9%)}
.tamilini-id-card::before{content:"";position:absolute;z-index:2;top:.55rem;left:50%;width:4.5rem;height:.48rem;border-radius:999px;background:rgb(255 255 255 / 72%);transform:translateX(-50%)}
.tamilini-id-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem;background:linear-gradient(115deg,#075d88,#087da8 58%,#13a7ba);color:#fff}
.tamilini-id-card__header>div{display:grid;gap:.08rem}.tamilini-id-card__organization{font-size:.75rem;font-weight:900;letter-spacing:.18em}.tamilini-id-card__header strong{font-size:1.15rem}
.tamilini-id-card__close{display:grid;place-items:center;flex:none;width:2.65rem;height:2.65rem;padding:0;border:1px solid rgb(255 255 255 / 42%);border-radius:50%;background:rgb(255 255 255 / 14%);color:#fff;font-size:1.15rem}.tamilini-id-card__close:hover{background:rgb(255 255 255 / 25%)}.tamilini-id-card__close:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}
.tamilini-id-card__body{display:grid;grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);gap:1.5rem;padding:1.5rem;background:linear-gradient(145deg,#f1fbff,#fff 48%,#fff8eb)}
.tamilini-id-card__photo-frame{align-self:start;padding:.45rem;border:1px solid #c9dbe3;border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgb(7 93 136 / 14%)}
.tamilini-id-card__photo-frame img{display:block;width:100%;aspect-ratio:4/5;border-radius:.7rem;object-fit:cover;object-position:center 28%;background:#eff8fa}
.tamilini-id-card__details{min-width:0}.tamilini-id-card__status{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .65rem;border-radius:999px;background:#e7f8ef;color:#146c42;font-size:.76rem;font-weight:850;letter-spacing:.04em}.tamilini-id-card__details h2{margin:.55rem 0 .75rem;color:#075d88;font-size:clamp(2rem,5vw,3rem);line-height:1}.tamilini-id-card__details dl{display:grid;gap:.35rem;margin:0 0 1rem}.tamilini-id-card__details dl div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);column-gap:1rem;padding:.38rem 0;border-bottom:1px solid #dce7ec}.tamilini-id-card__details dt{color:var(--color-muted,#61727c);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tamilini-id-card__details dd{margin:0;font-weight:800;overflow-wrap:anywhere}.tamilini-id-card__details p{margin:0;line-height:1.65}
.tamilini-id-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.4rem;background:#102b3a;color:#dff5fc;font-size:.82rem;font-weight:750;letter-spacing:.03em}.tamilini-id-card__footer span{display:inline-flex;align-items:center;gap:.4rem}
@media(max-width:38rem){.tamilini-profile-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.tamilini-id-card__header{padding:1.15rem 1rem}.tamilini-id-card__body{grid-template-columns:1fr;padding:1rem}.tamilini-id-card__photo-frame{width:min(15rem,75%);margin-inline:auto}.tamilini-id-card__details{text-align:center}.tamilini-id-card__details dl{text-align:left}.tamilini-id-card__details p{text-align:left}.tamilini-id-card__footer{padding:.8rem 1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.tamilini-avatar-button{transition:none}}