.donation-grid{
display:grid;
grid-template-columns:1.35fr .95fr;
gap:14px;
}

.donation-card,
.payment-card,
.info-card,
.account-card{
min-height:255px;
}

.donation-inner,
.payment-inner,
.info-inner{
border:1px solid rgba(255,255,255,.06);
background:rgba(0,0,0,.20);
border-radius:14px;
padding:20px;
height:100%;
}

.donation-rate{
color:#f0cd75;
font-size:16px;
font-weight:900;
margin-bottom:18px;
}

.donation-calculator{
display:grid;
grid-template-columns:1fr 54px 1fr;
gap:16px;
align-items:end;
}

.donation-result{
margin-top:0;
}


.money-input{
display:flex;
align-items:center;
gap:12px;
height:74px;
border-radius:10px;
padding:0 20px;
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
border:1px solid rgba(255,255,255,.10);
}

.money-input span{
color:rgba(255,255,255,.55);
font-size:28px;
font-weight:800;
}

.money-input input{
width:100%;
border:0;
outline:0;
background:transparent;
color:#fff;
font-size:38px;
font-weight:900;
}

.donation-equals{
width:42px;
height:42px;
display:flex;
margin-top:24px;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(240,205,117,.10);
border:1px solid rgba(240,205,117,.20);
color:#f0cd75;
font-size:28px;
font-weight:900;
}

.donation-result{
height:74px;
border-radius:10px;
padding:12px 16px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
border:1px solid rgba(255,255,255,.10);
}

.donation-result{
height:74px;
padding:8px 14px;

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
overflow:hidden;
}

.donation-result strong{
font-size:28px;   /* antes 34 */
line-height:0.95;
color:#f0cd75;
font-weight:900;
margin:0;
}

.donation-result small{
font-size:15px;   /* antes 19 */
line-height:1;
margin-top:-2px;
color:#fff;
}

.quick-values{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:8px;
margin:22px 0;
}

.quick-value{
height:36px;
border:0;
border-radius:999px;
cursor:pointer;
color:var(--dash-muted);
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
}

.quick-value.active,
.quick-value:hover{
color:#171006;
font-weight:900;
background:linear-gradient(358deg,#f0cf84,#d6aa58);
}

.donation-small-note{
border:1px solid rgba(87,166,255,.25);
background:rgba(87,166,255,.08);
color:var(--dash-muted);
border-radius:10px;
padding:13px 16px;
font-size:14px;
}

.stripe-logo{
font-size:40px;
line-height:1;
font-weight:900;
color:#7367ff;
letter-spacing:-2px;
margin-bottom:16px;
}

.secure-badge{
float:right;
font-size:13px;
color:#75f0a1;
background:rgba(76,214,125,.15);
border:1px solid rgba(76,214,125,.22);
border-radius:8px;
padding:6px 10px;
}

.payment-inner p{
color:var(--dash-muted);
line-height:1.55;
margin:0 0 18px;
}

.card-flags{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:16px 0 24px;
}

.card-flag{
min-width:54px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:5px;
background:#fff;
color:#10213f;
font-size:13px;
font-weight:900;
box-shadow:0 5px 12px rgba(0,0,0,.25);
}

.donation-btn{
width:100%;
height:58px;
border:none;
border-radius:10px;
cursor:pointer;
font-size:18px;
font-weight:900;
background:linear-gradient(358deg,#f0cf84,#b9852d);
color:#201507;
}

.donation-btn:hover{
filter:brightness(1.08);
}

.donation-note{
margin:14px 0 0;
text-align:center;
color:var(--dash-muted);
font-size:13px;
}

.info-inner{
border:none;
background:transparent;
padding:0;
}

.info-list{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:16px;
}

.info-list li{
position:relative;
padding-left:28px;

color:#aeb6c9; /* cinza */

font-size:16px;
font-weight:500; /* aumenta espessura */

line-height:1.7;
}

.info-list li::before{
content:"";
position:absolute;

left:0;
top:11px;

width:10px;
height:10px;

border-radius:50%;

background:#8d95a7;

box-shadow:
0 0 0 2px rgba(255,255,255,.05),
0 0 10px rgba(255,255,255,.12);
}

.donation-grid .account-card{
grid-column:1;
}

.payment-card{
grid-column:2;
grid-row:1;
}

.info-card{
grid-column:2;
grid-row:2;
}

@media(max-width:1100px){
.donation-grid{
grid-template-columns:1fr;
}

.payment-card,
.info-card,
.donation-grid .account-card{
grid-column:auto;
grid-row:auto;
}

.donation-calculator{
grid-template-columns:1fr;
}

.donation-equals{
display:none;
}

.quick-values{
grid-template-columns:repeat(3,1fr);
}
}

/* largura e espaçamento igual Settings */

.dashboard-shell{
width:100%;
margin:0;
padding:
calc(var(--header-h) + 34px)
max(24px, calc((100% - 1450px) / 2))
60px;

display:grid;
grid-template-columns:260px 1fr;
gap:24px;
box-sizing:border-box;
}

.dashboard-main{
width:100%;
max-width:none;
padding-top:0;
}

.dashboard-hero{
margin-bottom:24px;
}

/* alinhar sidebar e conteúdo */



.info-inner{
border:none !important;
background:transparent !important;
padding:0 !important;
height:auto !important;
}

.info-list{
list-style:none !important;
margin:0 !important;
padding:0 !important;
display:flex;
flex-direction:column;
gap:14px;
}

.info-list li{
position:relative;
padding:0 0 0 24px !important;

background:transparent !important;
border:none !important;
border-radius:0 !important;

color:#aeb6c9;
font-size:16px;
font-weight:600;
line-height:1.5;
}

.info-list li::before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);

width:9px;
height:9px;
border-radius:50%;

background:#8f98aa;
box-shadow:
0 0 0 2px rgba(255,255,255,.06),
0 0 8px rgba(255,255,255,.12);
}

.card-title-with-icon{
display:flex;
align-items:center;
gap:12px;
margin-bottom:18px;

font-size:18px;
font-weight:800;
color:#f0cd75;
text-transform:uppercase;
}

.info-icon{
width:42px;
height:42px;
min-width:42px;

display:flex;
align-items:center;
justify-content:center;

}

.info-icon img{
width:22px;
height:22px;
object-fit:contain;
}

/* remove fundo e borda apenas do ícone do Important Information */

.info-icon{
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
width:auto !important;
height:auto !important;
min-width:auto !important;
border-radius:0 !important;
}

.info-icon img{
width:32px;
height:32px;
display:block;
object-fit:contain;
}


.card-flag{
padding:0;
overflow:hidden;
background:transparent;
box-shadow:none;
border:none;
}

.card-flag img{
width:54px;
height:32px;
object-fit:contain;
display:block;
}



.donation-result-wrapper{
display:flex;
flex-direction:column;
gap:8px;
}

.donation-result-title{
color:var(--dash-muted);
font-size:15px;
margin-bottom:4px;
padding-left:6px;
}

.donation-result{
height:74px;
border-radius:10px;
padding:8px 16px;

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

background:linear-gradient(
180deg,
rgba(255,255,255,.05),
rgba(255,255,255,.025)
);

border:1px solid rgba(255,255,255,.10);
}

.donation-result strong{
font-size:28px;
line-height:1;
font-weight:900;
color:#f0cd75;
margin:0;
}

.donation-result small{
font-size:14px;
margin-top:-2px;
color:#fff;
opacity:.85;
}

.donation-result span{
display:block;
color:var(--dash-muted);
font-size:15px;
margin-bottom:4px;
}

.donation-result-wrapper{
display:flex;
flex-direction:column;
gap:4px;
}

.donation-result-title{
display:block;
color:var(--dash-muted);
font-size:15px;
font-weight:400;
line-height:1.2;
margin:0 0 4px 0;
padding:0;
}

.donation-input-box label,
.donation-result-title{
display:block;
color:var(--dash-muted);
font-size:15px;
font-weight:400;
line-height:1.2;
margin:0 0 4px 0;
padding:0;
}

.donation-result-wrapper{
display:flex;
flex-direction:column;
gap:4px;
}

.donation-result-title{
display:block;
color:var(--dash-muted);
font-size:15px;
font-weight:400;
line-height:1.2;
margin:0 0 4px 0;
padding:0;
}

/* finall */