/* Account settings are overlays; the approved post defaults stay untouched. */
.topbar { position:relative; }
.account { padding:0; cursor:pointer; }
.account:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.account-menu { position:absolute; z-index:8; top:78px; right:12px; width:min(220px,calc(100vw - 24px)); padding:6px; border:1px solid #b99b65; border-radius:10px; background:#fffdfa; color:#173950; box-shadow:0 8px 24px #001b2480; text-align:right; }
.account-menu[hidden] { display:none; }
.account-menu button { width:100%; padding:12px; border:0; border-radius:6px; background:transparent; color:inherit; text-align:right; }
.account-menu button:hover,.account-menu button:focus-visible { background:#e1eee8; outline:2px solid #25805e; }
.post-settings-dialog { box-sizing:border-box; width:min(540px,calc(100vw - 20px)); max-width:none; max-height:calc(100dvh - 20px); padding:0; margin:auto; border:1px solid #b99b65; border-radius:12px; background:#fffdfa; color:#173950; direction:rtl; box-shadow:0 18px 40px #001a21a8; }
.post-settings-dialog::backdrop { background:#001a21b3; }
.post-settings-dialog header { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid #d9e1df; }
.post-settings-dialog h2 { margin:0; font-size:20px; }
.post-settings-dialog header button { width:36px; height:36px; border:0; border-radius:50%; background:#e1eee8; color:#173950; font-size:26px; }
.post-settings-dialog > p { margin:0; padding:12px 16px; line-height:1.6; }
.post-settings-controls { max-height:min(58dvh,560px); overflow:auto; padding:0 16px; }
.post-settings-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(110px,36%) 46px; align-items:center; gap:12px; min-height:44px; border-top:1px solid #e2e9e8; font-size:14px; }
.post-settings-row input { width:100%; accent-color:#08785e; }
.post-settings-row output { direction:ltr; text-align:left; }
.post-settings-dialog footer { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:12px 16px; border-top:1px solid #d9e1df; }
.post-settings-dialog footer button { padding:8px 12px; border:1px solid #08785e; border-radius:6px; background:#e1eee8; color:#173950; }
.post-settings-dialog footer p { flex:1; margin:0; font-size:12px; }
.post-settings-dialog button:focus-visible,.post-settings-dialog input:focus-visible { outline:2px solid #08785e; outline-offset:2px; }
@media(max-width:1000px) { .account-menu { top:calc(2.9cqw + max(44px,7.5cqw) + 4px); right:3.8cqw; } }
@media(max-width:600px) { .account-menu { top:calc(2.9cqw + 48px); right:14px; } .post-settings-row { grid-template-columns:minmax(0,1fr) minmax(85px,35%) 42px; gap:6px; font-size:12px; } }