.srv {width:100%;border:0;border-top:1px solid var(--border);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:normal;}
.srv:hover {background:var(--hover);}
.srv:focus-visible {outline:2px solid var(--accent);outline-offset:-2px;}
.nd-account-heading {display:flex;align-items:center;gap:12px;}
.nd-account-heading h2 {margin:0 0 5px;}
.nd-avatar {width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e6a866,#ff8a5c);color:#191714;font-weight:700;}
.nd-family-note {border-top:1px solid var(--border);padding-top:14px;margin-top:14px;line-height:1.5;}
.nd-dimmed {opacity:.5;}
.nd-attention {margin-bottom:16px;}
.nd-attention[hidden] {display:none;}
.nd-att-row {display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:14px;background:var(--card);padding:15px 18px;margin-bottom:10px;line-height:1.5;}
.nd-att-row>span {flex:1;}
.nd-att-row .btn {flex-shrink:0;}
.nd-recovery-row {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--border);}
.nd-recovery-row>span {flex:1 1 220px;overflow-wrap:anywhere;}
.nd-pro {display:inline-block;border-radius:6px;padding:1px 6px;background:#9688ef33;color:#9688ef;font-size:10px;vertical-align:middle;}
.home-day-chips {display:flex;gap:5px;margin-top:8px;}
.home-day-chips>span {display:grid;place-items:center;min-width:22px;height:22px;border-radius:6px;background:var(--hover);color:var(--sub);font-size:10px;}
.home-day-chips .best {background:#e6a866;color:#191714;}
@media(max-width:700px) {.nd-att-row{align-items:flex-start;flex-wrap:wrap;}.nd-att-row>span{flex-basis:100%;}}
#nd-account {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start;}
#nd-account .nd-family-note {grid-column:1/-1;}
#account-state:empty {display:none;}
#nd-account .ctl,#group-try .ctl,#tab-backup .ctl,#hosted-recovery>.ctl {display:flex;gap:8px;flex-wrap:wrap;}
.srv #srv-label {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
.nd-pro {color:#6852aa;}
.dark .nd-pro {color:#b5a5ff;}
@media(max-width:800px) {#nd-account{display:block;}#nd-account #account-panel{margin-top:14px;}}

.nd-state-dot {width:8px;height:8px;border-radius:50%;flex-shrink:0;}