/* Keep the feed scopes as a balanced centered group. */
.ufeed-tabs { display:flex; justify-content:center; gap:7px; }
.ufeed-tabs button { flex:0 1 92px; min-width:72px; font-size:.69rem; }
.ufeed-tabs .ufeed-back { position:absolute; inset-inline-end:14px; top:14px; display:grid; place-items:center; width:40px; min-width:40px; height:40px; padding:0; border:0; border-radius:12px; color:#52709c; background:transparent; }
.ufeed-tabs .ufeed-back:hover { color:#2769df; background:#eaf1ff; }
.ufeed-tabs .ufeed-back svg { width:20px; height:20px; }
.ufeed-action.is-saved { color: #6a4ed9; background: #f1edff; }
.ufeed-state { padding: 22px 18px; }
.ufeed-state span { display: none; }
.ufeed-post__header { align-items: center; }
.ufeed-post__identity b { line-height: 1.35; }
.ufeed-post__time { margin-top: 0; }
.ufeed-post__manage { display:grid; place-items:center; flex:0 0 auto; width:32px; height:32px; border:0; border-radius:10px; color:#647c9f; background:transparent; cursor:pointer; }
.ufeed-post__manage:hover { color:#2868df; background:#edf4ff; }
.ufeed-post__manage svg { width:18px; }
.ufeed-editor { grid-template-rows:auto 1fr auto; height:auto; min-height:300px; }
.ufeed-editor__content { padding:18px 16px; }
.ufeed-editor__content label { display:block; margin-bottom:8px; color:#405b87; font-size:.72rem; font-weight:800; }
.ufeed-editor__content textarea { width:100%; min-height:150px; resize:vertical; border:1px solid #dce7f6; border-radius:14px; padding:11px; color:#243a63; background:#fff; outline:0; font:inherit; font-size:.78rem; line-height:1.95; }
.ufeed-editor__actions { display:flex; justify-content:space-between; gap:10px; padding:12px 14px max(14px,env(safe-area-inset-bottom)); border-top:1px solid #e9eff8; }
.ufeed-delete { min-height:35px; border:0; border-radius:11px; padding:0 12px; color:#d64f60; background:#fff0f2; font:inherit; font-size:.69rem; font-weight:850; cursor:pointer; }
html[data-theme="dark"] .ufeed-post__manage:hover { background:#1b3d75; }
html[data-theme="dark"] .ufeed-editor__content textarea { border-color:#294a78; color:#eff5ff; background:#0e1d35; }
html[data-theme="dark"] .ufeed-editor__content label { color:#c9d8f1; }
html[data-theme="dark"] .ufeed-editor__actions { border-color:#294a78; }
.ufeed-confirm { align-items:center; padding:16px; }
.ufeed-confirm__sheet { display:block; width:min(100%,390px); height:auto; min-height:0; margin:auto; border-radius:24px; padding:24px 20px 18px; text-align:center; }
.ufeed-confirm__icon { display:grid; place-items:center; width:52px; height:52px; margin:0 auto 13px; border-radius:17px; color:#df5162; background:#fff0f2; }
.ufeed-confirm__icon svg { width:23px; }
.ufeed-confirm__sheet h1 { margin:0; color:#203a68; font-size:.98rem; }
.ufeed-confirm__sheet p { margin:9px 3px 20px; color:#70829e; font-size:.73rem; line-height:1.95; }
.ufeed-confirm__actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.ufeed-confirm__actions button { min-height:45px; border-radius:13px; font:inherit; font-size:.73rem; font-weight:850; cursor:pointer; }
.ufeed-confirm__cancel { border:1px solid #dce6f4; color:#5f7698; background:#fff; }
.ufeed-confirm__delete { border:0; color:#fff; background:#df5162; box-shadow:0 8px 16px rgba(223,81,98,.2); }
.ufeed-confirm__actions button:disabled { opacity:.6; cursor:wait; }
html[data-theme="dark"] .ufeed-confirm__sheet { background:#12223d; }
html[data-theme="dark"] .ufeed-confirm__sheet h1 { color:#eff5ff; }
html[data-theme="dark"] .ufeed-confirm__sheet p { color:#b5c5df; }
html[data-theme="dark"] .ufeed-confirm__cancel { border-color:#294a78; color:#dbe8fb; background:#0e1d35; }

@media (min-width: 420px) {
  .ufeed-tabs button { font-size: .76rem; }
}
