.gpid-idpro-card{
    position:relative;
    max-width:920px;
    margin:0 auto 24px;
    background:linear-gradient(135deg,#ffffff,#F8FAFC);
    border:1px solid #D8DEE9;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(13,27,42,.18);
    color:#0D1B2A;
    font-family:inherit;
}
.gpid-idpro-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(30,115,232,.07) 1px,transparent 1px),
        linear-gradient(0deg,rgba(30,115,232,.05) 1px,transparent 1px);
    background-size:28px 28px;
    pointer-events:none;
}
.gpid-idpro-watermark{
    position:absolute;
    right:-22px;
    top:150px;
    transform:rotate(-90deg);
    font-size:52px;
    font-weight:900;
    letter-spacing:6px;
    color:rgba(13,27,42,.045);
    pointer-events:none;
}
.gpid-idpro-strip{
    position:relative;
    background:linear-gradient(135deg,#0D1B2A,#1E73E8,#00BDA5);
    color:white;
    padding:18px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.gpid-idpro-brand{
    display:flex;
    align-items:center;
    gap:13px;
}
.gpid-idpro-logo{
    width:46px;
    height:46px;
    border-radius:14px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.25);
    display:grid;
    place-items:center;
    font-size:24px;
}
.gpid-idpro-brand strong{
    display:block;
    font-size:24px;
    line-height:1;
}
.gpid-idpro-brand span{
    display:block;
    font-size:12px;
    opacity:.88;
    text-transform:uppercase;
    letter-spacing:1.2px;
    margin-top:4px;
}
.gpid-idpro-chip{
    width:58px;
    height:42px;
    border-radius:10px;
    background:linear-gradient(135deg,#FDE68A,#D97706);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);
    position:relative;
}
.gpid-idpro-chip:before,.gpid-idpro-chip:after{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    height:1px;
    background:rgba(0,0,0,.25);
}
.gpid-idpro-chip:before{top:14px}.gpid-idpro-chip:after{bottom:14px}
.gpid-idpro-main{
    position:relative;
    padding:26px;
    display:grid;
    grid-template-columns:220px 1fr;
    gap:26px;
}
.gpid-idpro-left{
    text-align:center;
}
.gpid-idpro-photo-frame{
    background:white;
    border:1px solid #CBD5E1;
    border-radius:22px;
    padding:10px;
    box-shadow:0 12px 28px rgba(13,27,42,.08);
}
.gpid-idpro-photo-frame img,
.gpid-idpro-paw{
    width:180px;
    height:180px;
    border-radius:16px;
    object-fit:cover;
    background:linear-gradient(135deg,#1E73E8,#00BDA5);
    display:grid;
    place-items:center;
    font-size:76px;
}
.gpid-idpro-status{
    display:inline-block;
    margin:14px auto 12px;
    padding:8px 16px;
    border-radius:999px;
    background:#DCFCE7;
    color:#166534;
    font-weight:900;
    letter-spacing:.8px;
}
.gpid-idpro-status.lost{
    background:#DC2626;
    color:white;
}
.gpid-idpro-qr{
    width:118px;
    height:118px;
    padding:6px;
    border-radius:14px;
    background:white;
    border:1px solid #CBD5E1;
}
.gpid-idpro-name-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:start;
    margin-bottom:18px;
}
.gpid-idpro-small-label,.gpid-idpro-id span{
    display:block;
    font-size:11px;
    color:#64748B;
    font-weight:900;
    letter-spacing:1.2px;
    text-transform:uppercase;
}
.gpid-idpro-name-row h2{
    color:#0D1B2A!important;
    font-size:44px;
    line-height:1;
    margin:6px 0 0;
}
.gpid-idpro-id{
    background:#F1F5F9;
    border:1px solid #CBD5E1;
    border-radius:16px;
    padding:12px 16px;
    text-align:right;
}
.gpid-idpro-id strong{
    display:block;
    color:#1E73E8;
    font-size:18px;
    margin-top:4px;
}
.gpid-idpro-fields{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
.gpid-idpro-fields div{
    background:rgba(255,255,255,.86);
    border:1px solid #E2E8F0;
    border-radius:14px;
    padding:11px 13px;
}
.gpid-idpro-fields span{
    display:block;
    color:#64748B;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.gpid-idpro-fields strong{
    display:block;
    margin-top:4px;
    color:#0D1B2A;
    font-size:14px;
}
.gpid-idpro-alert{
    position:relative;
    margin:0 26px 18px;
    background:#FFF7ED;
    border:1px solid #FDBA74;
    border-left:7px solid #F97316;
    border-radius:18px;
    padding:14px 16px;
    display:grid;
    gap:4px;
}
.gpid-idpro-alert strong{
    color:#9A3412;
}
.gpid-idpro-alert span{
    color:#7C2D12;
}
.gpid-idpro-lost{
    position:relative;
    margin:0 26px 18px;
    background:#FEE2E2;
    border:1px solid #FCA5A5;
    border-left:7px solid #DC2626;
    border-radius:18px;
    padding:14px 16px;
    color:#991B1B;
    font-weight:900;
    display:grid;
    gap:4px;
    text-align:center;
}
.gpid-idpro-footer{
    position:relative;
    display:flex;
    justify-content:space-between;
    gap:14px;
    background:#F1F5F9;
    border-top:1px solid #E2E8F0;
    padding:12px 24px;
    font-size:12px;
    color:#475569;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.6px;
}
@media(max-width:800px){
    .gpid-idpro-main{
        grid-template-columns:1fr;
    }
    .gpid-idpro-photo-frame{
        max-width:210px;
        margin:0 auto;
    }
    .gpid-idpro-name-row{
        grid-template-columns:1fr;
        text-align:center;
    }
    .gpid-idpro-id{
        text-align:center;
    }
    .gpid-idpro-fields{
        grid-template-columns:1fr;
    }
    .gpid-idpro-footer{
        display:block;
        text-align:center;
    }
    .gpid-idpro-name-row h2{
        font-size:36px;
    }
}