/* Desktop account panel, matched to the mint dashboard reference. */
@media (min-width: 861px) {
#account-session-panel {
 position: relative; isolation:isolate; overflow:hidden; padding:28px 24px; gap:20px;
 border:1px solid #f4eeea; border-radius:22px; color:#2b2117;
 background:linear-gradient(180deg,transparent 155px,#fefcfb 230px),linear-gradient(120deg,#883a00 0%,#d45a00 32%,#e4b394 62%,#fefcfb 80%);
 box-shadow:0 16px 42px #8f44100b; font-family:Inter,Arial,sans-serif;
}
#account-session-panel > [data-videoclip-entry] { display:none !important; }
#account-session-panel .account-session-top { padding-bottom:28px; }
#account-session-panel .account-session-heading h2 { color:white; font:700 32px/1.15 Inter,Arial,sans-serif; letter-spacing:-.7px; }
#account-session-panel .account-session-heading::after { content:'Gestionează-ți contul și creditele.'; color:#fffaf7; font-size:14px; margin-top:8px; }
#account-session-panel .account-session-state { position:absolute; right:24px; top:139px; font-size:11px; padding:8px 10px; border:0; color:#ab4800; background:#fcf4ee; }
#account-session-panel .account-session-profile-row { grid-template-columns:64px minmax(0,1fr); gap:12px; padding:0 0 18px; border:0; padding-right:0; }
#account-session-panel .account-session-avatar { width:64px; height:64px; border:2px solid #fff; }
#account-session-panel .account-session-email { font-size:13px; font-weight:700; padding-right:65px; color:#2e2319; }
#account-session-panel .account-session-member { font-size:12px; color:#e9e3df; }
#account-session-panel .account-session-metrics { gap:12px; padding:0; border:0; }
#account-session-panel .account-session-metric { position:relative; padding:16px 12px 12px 48px; border:1px solid #f0ebe7; border-radius:15px; background:#ffffffa8; box-shadow:0 5px 14px #773d1305; gap:3px; }
#account-session-panel .account-session-metric::before { content:'♫'; position:absolute; left:10px; top:24px; width:30px; height:34px; border-radius:50%; background:#faf3ed; color:#b74d00; display:grid; place-items:center; font-size:25px; }
#account-session-panel .account-session-metric:first-child::before { content:'▣'; }
#account-session-panel .account-session-metric-label { font-size:10px; letter-spacing:0; font-weight:500; }
#account-session-panel .account-session-metric-value { font-size:28px; font-weight:750; color:#2b2117; }
#account-session-panel .account-session-metric-meta { font-size:10px; color:#baafa6; }
#account-session-panel .account-referral-card { padding:16px; border:1px solid #f0ebe7; border-radius:15px; background:#ffffffb8; }
#account-session-panel .account-referral-compact-copy > .account-session-metric-label { display:none; }
#account-session-panel .account-referral-compact-copy strong { font-size:14px; }
#account-session-panel .account-referral-compact-copy small { font-size:10px; margin-top:5px; color:#647780; }
#account-session-panel .account-referral-toggle { border:0; border-radius:10px; background:#f9f1eb; color:#af4900; padding:10px; }
#account-session-panel .account-session-latest-payment { border:0; padding:0; }
#account-session-panel .account-session-latest-payment > .account-session-metric-label { display:block; margin:3px 0 10px; font-size:11px; text-transform:uppercase; color:#60727b; }
#account-session-panel .account-session-payment-card { padding:13px 12px; border:1px solid #f0ebe7; background:#ffffffbf; border-radius:14px; }
#account-session-panel .account-session-payment-icon { background:linear-gradient(135deg,#df9d74,#dd5b00); color:white; border-radius:9px; }
#account-session-panel .account-settings-toggle { justify-content:flex-start; min-height:48px; padding:12px 16px; border:1px solid #f0ebe7; border-radius:13px; background:#ffffffb8; color:#33271b; gap:16px; text-align:left; }
#account-session-panel .account-settings-toggle svg { width:24px; height:24px; color:#b54b00; }
#account-session-panel .reference-action-copy small { display:none; }
#account-session-panel .account-session-actions { display:grid; grid-template-columns:1.1fr 1fr; gap:10px; margin-top:0; }
#account-session-panel .account-session-actions button { min-height:48px; border-radius:12px; font-size:12px; }
#account-session-panel #account-buy-credits-toggle { background:linear-gradient(110deg,#a54700,#fb6800); color:white; border:0; }
#account-session-panel #account-signout { background:#ffffffbb; color:#b24a00; border:1px solid #d9a179; }
#account-session-panel > #account-delete-open { font-size:11px !important; margin:0 auto !important; opacity:.7; }
}
@media (min-width:861px) {
#account-session-panel { gap:10px; padding:24px 20px 18px; align-content:start; }
#account-session-panel .account-session-top { padding:0 42px 8px 0; }
#account-session-panel .account-session-heading h2 { font-size:29px; }
#account-session-panel .account-session-heading::after { font-size:12px; }
#account-session-panel .account-session-profile-row { padding-bottom:12px; }
#account-session-panel .account-session-state { top:122px; right:20px; }
#account-session-panel .account-session-metric { padding-top:12px; padding-bottom:10px; }
#account-session-panel .account-referral-card { padding:12px; margin:4px 0; }
#account-session-panel .account-settings-toggle { min-height:44px; padding:10px 14px; }
#account-session-panel .account-session-actions { margin-top:6px; }
#account-session-panel .account-session-settings-shortcut { position:absolute; top:24px; right:20px; display:grid; place-items:center; width:38px; height:38px; border:0; border-radius:50%; background:white; color:#b04a00; cursor:pointer; padding:8px; }
#account-session-panel .account-session-settings-shortcut svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
}
@media (max-width:860px) { .account-session-settings-shortcut { display:none; } }
@media (min-width:861px) {
#account-session-panel .account-session-settings-shortcut { width:42px; height:42px; min-width:42px; min-height:42px; padding:10px; box-shadow:0 2px 8px #883a000a; }
#account-session-panel .account-session-settings-shortcut svg { display:block; width:22px; height:22px; flex:none; stroke-width:1.8; }
}
#account-session-panel button.account-session-avatar { padding:0; cursor:pointer; }
#account-session-panel button.account-session-avatar:focus-visible { outline:3px solid #fd6800; outline-offset:3px; }
/* Settings view inside the desktop account card. */
@media (min-width:861px) {
#account-session-panel.account-settings-inline-open .account-session-metrics,
#account-session-panel.account-settings-inline-open .account-session-actions { display:none !important; }
#account-session-panel .desktop-settings-heading { display:none; }
#account-session-panel.account-settings-inline-open .desktop-settings-heading { display:flex; align-items:center; gap:16px; margin:0 0 12px; font-size:21px; font-weight:700; color:#2b2117; }
#account-session-panel .desktop-settings-heading button { display:grid; place-items:center; width:40px; height:40px; border:1px solid #ece7e3; border-radius:12px; background:white; color:#492c13; cursor:pointer; }
#account-session-panel .desktop-settings-heading svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
#account-session-panel.account-settings-inline-open .account-session-password-host { padding:0; border:0; background:transparent; }
#account-session-panel.account-settings-inline-open .account-password-form { gap:12px; padding:0; border:0; background:transparent; }
#account-session-panel.account-settings-inline-open .account-password-form-head,
#account-session-panel.account-settings-inline-open .settings-section-heading { display:none; }
#account-session-panel.account-settings-inline-open #account-settings-fields:not(.hidden) { display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; padding:14px 12px; border:1px solid #eee9e5; border-radius:16px; background:#ffffff60; }
#account-session-panel.account-settings-inline-open .account-password-field { min-width:0; gap:6px; margin:0; }
#account-session-panel.account-settings-inline-open label[for="account-last-name"],
#account-session-panel.account-settings-inline-open label[for="account-first-name"] { grid-column:1 / -1; }
#account-session-panel.account-settings-inline-open .account-password-field > span { color:#5c6f7f; font-size:14px; }
#account-session-panel.account-settings-inline-open .account-password-field input,
#account-session-panel.account-settings-inline-open .account-password-field select { width:100%; height:44px; min-height:44px; padding:10px 14px; border:1px solid #ebe6e2; border-radius:12px; background:#ffffffad; color:#394b50; box-shadow:none; font-size:13px; }
#account-session-panel.account-settings-inline-open .account-security-card { padding:0; border:0; background:transparent; }
#account-session-panel.account-settings-inline-open #account-password-change-toggle { width:100%; min-height:44px; border:1px solid #e0c3ae; border-radius:12px; background:#ffffffc9; color:#b04a00; }
#account-session-panel.account-settings-inline-open .account-settings-actions { display:grid; grid-template-columns:1fr 1.15fr; gap:12px; margin:0; }
#account-session-panel.account-settings-inline-open .account-settings-actions button { min-height:46px; border-radius:12px; font-size:12px; }
#account-session-panel.account-settings-inline-open #account-password-save { background:linear-gradient(110deg,#a24500,#fb6900); border:0; color:white; }
#account-session-panel.account-settings-inline-open #account-settings-back { background:white; color:#b04a00; border:1px solid #e0ba9f; }
#account-session-panel.account-settings-inline-open > #account-delete-open { display:flex !important; align-items:center; justify-content:center; gap:10px; width:100%; min-height:44px; margin:4px 0 0 !important; border:1px solid #ffc7c7 !important; border-radius:12px; background:#fff0f0 !important; color:#ed3434 !important; text-decoration:none !important; font-size:13px !important; opacity:1; }
#account-session-panel.account-settings-inline-open > #account-delete-open svg { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; }
}
@media (max-width:860px) { .desktop-settings-heading { display:none; } }
@media (min-width:861px) {
#account-session-panel.desktop-password-change-inline > :is(.account-session-password-host,.account-session-metrics,#account-delete-open,#settings-delete-caption,.account-session-actions) { display:none !important; }
#account-session-panel #account-password-change-form { position:static; width:100%; max-width:none; margin:0; padding:18px 0 4px; border:0; border-radius:16px; background:transparent; box-shadow:none; display:grid; gap:20px; transform:none; color:#392b1e; }
#account-session-panel .account-password-modal-head { margin:0; padding:0; }
#account-session-panel .account-password-modal-head > div > span { display:none; }
#account-session-panel #account-password-modal-title { font:700 23px/1.2 Inter,sans-serif; color:#2b2117; }
#account-session-panel .account-password-modal-head > div::after { content:'Introdu o parolă nouă pentru contul tău.'; display:block; color:#7b899f; font-size:12px; margin-top:8px; }
#account-session-panel .account-password-modal-close { display:none; }
#account-session-panel #account-password-change-fields { display:grid; gap:20px; }
#account-session-panel #account-password-change-form .account-password-field { display:grid; gap:9px; color:#576f80; font-size:14px; }
#account-session-panel .password-reference-input-wrap { position:relative; display:block; }
#account-session-panel #account-password-change-form input { width:100%; min-height:48px; padding:12px 40px; border:1px solid #eae5e2; border-radius:13px; background:#ffffffba; font:13px Inter,sans-serif; box-shadow:none; }
#account-session-panel .password-reference-lock { position:absolute; left:13px; top:14px; color:#47626c; pointer-events:none; }
#account-session-panel .password-reference-lock svg,
#account-session-panel .password-visibility-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
#account-session-panel .password-visibility-toggle { position:absolute; right:8px; top:8px; display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; background:transparent; color:#47626c; cursor:pointer; }
#account-session-panel .password-reference-guidance { display:grid; gap:8px; color:#8290a4; font-size:11px; }
#account-session-panel .password-strength { display:flex; gap:8px; font-size:10px; }
#account-session-panel .password-strength-bars { display:flex; flex:1; gap:5px; }
#account-session-panel .password-strength-bars i { flex:1; height:5px; background:#dfe6e8; border-radius:6px; }
#account-session-panel .password-strength-bars i.is-filled { background:#e46000; }
#account-session-panel .account-password-modal-actions { display:grid; grid-template-columns:.8fr 1.2fr; gap:14px; }
#account-session-panel .account-password-modal-actions button { min-height:48px; border-radius:12px; font-size:12px; }
#account-session-panel #account-password-modal-save { background:linear-gradient(110deg,#a34600,#fe6900); color:white; border:0; }
#account-session-panel .account-password-modal-cancel { background:white; color:#af4900; border:1px solid #e0b99e; }
}
@media (min-width:861px) {
#account-session-panel:not(.account-settings-inline-open) > #account-delete-open,
#account-session-panel:not(.account-settings-inline-open) > #settings-delete-caption { display:none !important; }
}
@media (min-width:861px) {
#account-session-panel .account-session-metric:first-child::before {
 content:'';
 background:#faf3ed url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300865e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 8V6a2 2 0 0 0-2-2H6a3 3 0 0 0-3 3v12a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H6a1 1 0 0 1 0-2h12'/%3E%3Cpath d='M21 12h-4a2 2 0 0 0 0 4h4'/%3E%3Ccircle cx='17' cy='14' r='.5' fill='%2300865e' stroke='none'/%3E%3C/svg%3E") center / 23px 23px no-repeat;
}
}
.desktop-referral-heading { display:none; }
@media (min-width:861px) {
#account-session-panel.account-referral-dropdown-open .account-referral-compact,
#account-session-panel.account-referral-dropdown-open .account-referral-page-head,
#account-session-panel.account-referral-dropdown-open .account-session-metrics,
#account-session-panel.account-referral-dropdown-open .account-session-actions,
#account-session-panel.account-referral-dropdown-open #account-referral-back { display:none !important; }
#account-session-panel.account-referral-dropdown-open .account-referral-card { padding:0; border:0; background:transparent; }
#account-session-panel .desktop-referral-heading { display:flex; align-items:center; gap:16px; margin:0 0 12px; font:700 21px/1.2 Inter,sans-serif; color:#2b2117; }
#account-session-panel .desktop-referral-heading button { display:grid; place-items:center; width:40px; height:40px; padding:9px; border:1px solid #ece7e3; border-radius:12px; background:white; color:#492c13; cursor:pointer; }
#account-session-panel .desktop-referral-heading svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
}