:root {
  --bs-primary: #0f766e; --bs-primary-rgb: 15,118,110;
  --bs-link-color: #0f766e; --bs-link-hover-color: #115e59;
  --brand-dark: #134e4a; --brand-soft: #ccfbf1;
}
body { background: #f6f7f9; }
.btn-primary { --bs-btn-bg:#0f766e; --bs-btn-border-color:#0f766e; --bs-btn-hover-bg:#115e59; --bs-btn-hover-border-color:#115e59; --bs-btn-active-bg:#134e4a; --bs-btn-disabled-bg:#0f766e; --bs-btn-disabled-border-color:#0f766e; }
.btn-outline-primary { --bs-btn-color:#0f766e; --bs-btn-border-color:#0f766e; --bs-btn-hover-bg:#0f766e; --bs-btn-hover-border-color:#0f766e; --bs-btn-active-bg:#0f766e; }
.text-bg-primary, .bg-primary { background-color:#0f766e !important; }
.navbar-brand { font-weight: 700; letter-spacing: -.02em; }
.brand-mark { display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:.5rem; background:#0f766e; color:#fff; margin-right:.4rem; }
.sidebar .nav-link { color:#334155; border-radius:.5rem; padding:.45rem .75rem; display:flex; gap:.6rem; align-items:center; }
.sidebar .nav-link:hover { background:#e2e8f0; }
.sidebar .nav-link.active { background:var(--brand-soft); color:var(--brand-dark); font-weight:600; }
.sidebar .nav-heading { font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:#64748b; padding:.9rem .75rem .3rem; }
.card { border:0; box-shadow:0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08); }
.page-header h1 { font-size:1.5rem; font-weight:700; margin:0; }
.hero { background: linear-gradient(135deg,#134e4a 0%,#0f766e 55%,#14b8a6 100%); color:#fff; }
.hero .lead { color:rgba(255,255,255,.88); }
.feature-icon { width:3rem; height:3rem; border-radius:.75rem; display:grid; place-items:center; background:var(--brand-soft); color:var(--brand-dark); font-size:1.4rem; }
.vote-bar { height:.6rem; border-radius:1rem; background:#e2e8f0; overflow:hidden; }
.vote-bar > span { display:block; height:100%; background:#0f766e; }
.prose { white-space: pre-line; }
.table > :not(caption) > * > * { vertical-align: middle; }

/* --- Correu --- */
.mail-list .list-group-item.unread .sender, .mail-list .list-group-item.unread .subject { font-weight: 600; }
.mail-list .list-group-item.unread { background: #f0fdfa; }
.mail-list .min-w-0 { min-width: 0; }
.mail-folders .list-group-item.active .badge { background: #fff !important; color: var(--bs-primary); }
.mail-frame { width: 100%; min-height: 60vh; border: 0; display: block; resize: vertical; overflow: auto; }
.mail-text { white-space: pre-wrap; word-wrap: break-word; font-family: inherit; font-size: .95rem; margin: 0; padding: 1rem; }
.mail-headers dd { margin-bottom: .15rem; word-break: break-word; }
