/* BONDBIGODE - Cliente Único + Ativação PWA V1.0.0 */
:root{
    --pwa-ink:#08182B;
    --pwa-ink-soft:#0A2442;
    --pwa-gold:#c8943b;
    --pwa-gold-soft:#f5dfb0;
    --pwa-paper:#f6f1e8;
    --pwa-line:#dfd3c2;
    --pwa-muted:#81766b;
    --pwa-success:#1f7139;
    --pwa-danger:#8a3128;
}

.pwa-account-body{
    min-height:100vh;
    margin:0;
    color:var(--pwa-ink);
    background:
        radial-gradient(circle at 85% 12%,#ead7ad66 0 120px,transparent 121px),
        linear-gradient(145deg,#f9f5ee,#eee6da);
}

.pwa-account-shell{
    width:min(720px,calc(100% - 28px));
    margin:0 auto;
    padding:26px 0 48px;
}

.pwa-account-brand{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.pwa-account-brand-main{
    display:flex;
    align-items:center;
    gap:12px;
}

.pwa-account-mark{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:var(--pwa-ink);
    color:#fff;
    font-weight:950;
    box-shadow:0 14px 28px #08182B24;
}

.pwa-account-brand strong,
.pwa-account-brand small{
    display:block;
}

.pwa-account-brand small{
    margin-top:3px;
    color:var(--pwa-muted);
}

.pwa-account-card{
    padding:24px;
    border:1px solid var(--pwa-line);
    border-radius:24px;
    background:#fffdf9;
    box-shadow:0 24px 60px #4b38231a;
}

.pwa-account-card + .pwa-account-card{
    margin-top:16px;
}

.pwa-account-card h1,
.pwa-account-card h2{
    margin:5px 0 8px;
}

.pwa-account-card p{
    color:var(--pwa-muted);
    line-height:1.55;
}

.pwa-account-eyebrow{
    margin:0;
    color:#a67528!important;
    font-size:11px;
    font-weight:950;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.pwa-account-form{
    display:grid;
    gap:14px;
    margin-top:20px;
}

.pwa-account-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.pwa-account-form label{
    display:grid;
    gap:7px;
    font-weight:850;
}

.pwa-account-form input,
.pwa-account-form select{
    width:100%;
    min-height:52px;
    box-sizing:border-box;
    border:1px solid var(--pwa-line);
    border-radius:14px;
    padding:0 14px;
    background:#fff;
    color:var(--pwa-ink);
    font:inherit;
    outline:0;
}

.pwa-account-form input:focus,
.pwa-account-form select:focus{
    border-color:var(--pwa-gold);
    box-shadow:0 0 0 4px #c8943b20;
}

.pwa-account-button,
.pwa-account-link-button{
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:14px;
    padding:0 18px;
    background:var(--pwa-ink);
    color:#fff;
    font-weight:950;
    text-decoration:none;
    cursor:pointer;
}

.pwa-account-button.gold,
.pwa-account-link-button.gold{
    background:#0D315A;
    color:var(--pwa-ink);
}

.pwa-account-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}

.pwa-account-notice{
    margin-bottom:16px;
    padding:14px 16px;
    border-radius:15px;
    font-weight:750;
    line-height:1.45;
}

.pwa-account-notice.error{
    background:#fbe8e5;
    color:var(--pwa-danger);
    border:1px solid #e8b5ae;
}

.pwa-account-notice.success{
    background:#e5f5e9;
    color:var(--pwa-success);
    border:1px solid #acd8b7;
}

.pwa-identity-types{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.pwa-identity-types label{
    position:relative;
    display:block;
}

.pwa-identity-types input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.pwa-identity-types span{
    min-height:48px;
    display:grid;
    place-items:center;
    border:1px solid var(--pwa-line);
    border-radius:13px;
    background:#fff;
    font-weight:900;
    cursor:pointer;
}

.pwa-identity-types input:checked + span{
    border-color:var(--pwa-gold);
    background:#fff4dd;
    box-shadow:0 0 0 3px #c8943b1b;
}

.pwa-code-input{
    text-align:center;
    font-size:30px!important;
    font-weight:950;
    letter-spacing:.28em;
}

.pwa-account-client-chip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    border:1px solid #dfc48e;
    border-radius:17px;
    background:#fff7e8;
}

.pwa-account-client-chip strong,
.pwa-account-client-chip small{
    display:block;
}

.pwa-account-client-chip small{
    margin-top:4px;
    color:var(--pwa-muted);
}

.pwa-account-inline-form{
    margin:0;
}

.pwa-account-inline-form button{
    border:0;
    background:transparent;
    color:#8a5e1e;
    font-weight:900;
    cursor:pointer;
}

.pwa-security-note{
    margin-top:16px;
    padding:14px;
    border:1px dashed #ceb98f;
    border-radius:14px;
    background:#faf5ec;
    color:var(--pwa-muted);
    font-size:13px;
    line-height:1.5;
}

@media(max-width:640px){
    .pwa-account-form-grid,
    .pwa-account-actions{
        grid-template-columns:1fr;
    }

    .pwa-account-card{
        padding:20px;
        border-radius:20px;
    }

    .pwa-account-brand{
        align-items:flex-start;
    }
}
/* FIM BONDBIGODE - Cliente Único + Ativação PWA V1.0.0 */
