/* ---------- Menu do seu status (barra lateral e barra de cima no celular) ---------- */
.status-menu { position: relative; min-width: 0; flex: 1; }
.status-menu.is-compact { flex: none; }
.status-trigger {
  display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; padding: 6px; border: 0; background: none;
  border-radius: var(--r-sm); color: var(--text); font: inherit; text-align: left; cursor: pointer;
}
.status-trigger:hover, .status-trigger[aria-expanded='true'] { background: var(--surface-2); }
.is-compact .status-trigger { padding: 2px; border-radius: 50%; }
.status-trigger-text { display: grid; min-width: 0; line-height: 1.25; font-size: .875rem; }
.status-trigger-text > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-trigger-text > span { font-weight: 600; }
.status-trigger-text small { color: var(--text-2); }

.status-panel {
  position: absolute; left: 0; width: 320px; z-index: 50; padding: 8px;
  background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-lg);
  display: grid; gap: 6px;
}
.status-panel.is-up { bottom: calc(100% + 8px); }
.status-panel.is-down { top: calc(100% + 8px); left: auto; right: 0; }
.status-profile-link {
  display: flex; align-items: center; gap: 8px; padding: 10px; border-top: 1px solid var(--border); margin-top: 2px;
  color: var(--text); text-decoration: none; font-size: .9rem; font-weight: 500; border-radius: 0 0 var(--r-sm) var(--r-sm);
}
.status-profile-link:hover { background: var(--surface-2); }
.status-profile-link svg { width: 17px; height: 17px; color: var(--text-2); }
@media (max-width: 760px) {
  .status-panel { position: fixed; left: 12px; right: 12px; top: 60px; bottom: auto; width: auto; max-height: calc(100dvh - 140px); overflow: auto; }
}

/* ---------- Editor: opções e recado ---------- */
.status-editor { display: grid; gap: 10px; }
.status-options { display: grid; gap: 2px; }
.status-option {
  display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 0; border-radius: var(--r-sm);
  background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer;
}
.status-option:hover:not(:disabled) { background: var(--surface-2); }
.status-option.on { background: var(--primary-soft); }
.status-option:disabled { cursor: progress; }
.status-option-text { display: grid; line-height: 1.3; }
.status-option-text strong { font-size: .9rem; font-weight: 600; }
.status-option-text small { font-size: .78rem; color: var(--text-2); }
.status-option.on .status-option-text strong { color: var(--primary); }
.status-text-form { display: grid; gap: 6px; padding: 4px 10px 8px; }
.status-text-form .field { gap: 4px; }
.status-text-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.status-text-actions small { margin-right: auto; font-variant-numeric: tabular-nums; }
.status-text-actions .link-btn { font-size: .85rem; }
.profile-section .status-editor { max-width: 480px; }
.profile-section .status-text-form { padding: 4px 0 0; }