#volienteAccount{margin-bottom:18px}
.vol-account-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vol-account-owner{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;border:1px solid rgba(205,177,130,.22);border-radius:20px;background:rgba(205,177,130,.06);color:var(--gold,#d2b481);font-size:12px;line-height:1.4}
#volienteAccount .vol-account-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#volienteAccount .vol-account-heading{display:grid;gap:5px}
#volienteAccount .vol-account-heading span{font-size:12px;color:var(--muted,#a7abb7)}
#volienteAccount .vol-account-actions{display:flex;gap:8px;flex-wrap:wrap}
#volienteAccount .vol-account-intro{margin-bottom:12px}
#volienteAccount .vol-account-intro p{margin:7px 0 12px;font-size:13px;line-height:1.6;color:var(--muted,#a7abb7)}
#volienteAccount .vol-account-login{display:grid;gap:12px;margin-top:14px;max-width:440px}
#volienteAccount .vol-account-login label{display:grid;gap:6px;font-size:12px}
#volienteAccount .vol-account-login input{width:100%;min-height:44px;font-size:16px}
#volienteAccount .vol-account-message:empty{display:none}
#volienteAccount .vol-account-message{margin-top:12px}
#volienteAccount .vol-warranty-list{display:grid;gap:10px;margin-top:14px}
#volienteAccount .vol-warranty{background:rgba(255,255,255,.035);border:1px solid rgba(205,177,130,.16);border-radius:15px;overflow:hidden}
#volienteAccount .vol-warranty summary{display:flex;align-items:center;gap:10px;padding:16px;cursor:pointer;list-style:none;min-height:72px}
#volienteAccount .vol-warranty summary::-webkit-details-marker{display:none}
#volienteAccount .vol-warranty summary::marker{content:""}
#volienteAccount .vol-warranty-summary{display:grid;gap:6px;flex:1;min-width:0}
#volienteAccount .vol-warranty-summary>strong{font-size:14px;line-height:1.4}
#volienteAccount .vol-warranty-car{font-size:12px;line-height:1.5;color:var(--muted,#a7abb7);overflow-wrap:anywhere}
#volienteAccount .vol-warranty-until{display:grid;gap:6px;text-align:right;flex-shrink:0}
#volienteAccount .vol-warranty-until>span{font-size:11px;color:var(--muted,#a7abb7)}
#volienteAccount .vol-warranty-until>strong{font-size:12px;font-variant-numeric:tabular-nums}
#volienteAccount .vol-warranty-detail{padding:0 16px 16px}
#volienteAccount .vol-warranty-days{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;margin:8px 0 16px}
#volienteAccount .vol-warranty-days strong{font-size:25px;font-weight:650;letter-spacing:-.5px}
#volienteAccount .vol-warranty-days>span{font-size:12px;color:var(--muted,#a7abb7)}
#volienteAccount .vol-warranty-bar{height:6px;background:rgba(205,177,130,.12);border-radius:5px;overflow:hidden}
#volienteAccount .vol-warranty-bar>span{display:block;height:100%;background:var(--gold,#d2b481);border-radius:5px}
#volienteAccount .vol-warranty dl{display:flex;justify-content:space-between;gap:14px;margin:16px 0 0}
#volienteAccount .vol-warranty dl>div:last-child{text-align:right}
#volienteAccount .vol-warranty dt{font-size:11px;color:var(--muted,#a7abb7);margin-bottom:5px}
#volienteAccount .vol-warranty dd{font-size:13px;font-variant-numeric:tabular-nums;margin:0}
#volienteAccount .vol-warranty-expired{padding:16px}
#volienteAccount .vol-warranty-expired h3{font-size:14px;line-height:1.4;margin:0 0 7px}
#volienteAccount .vol-warranty-expired p{margin:0}
#volienteAccount .vol-warranty-expired .vol-warranty-ended{margin-top:12px;font-size:13px;color:var(--muted,#a7abb7)}
#volienteAccount .vol-account-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
#volienteAccount .vol-account-footer button{font-size:11px;white-space:nowrap;margin-left:auto}
@media(max-width:360px){#volienteAccount .vol-warranty summary{padding:13px;gap:7px}#volienteAccount .vol-warranty-until>strong{font-size:11px}}
