/* Corrections verified against the supplied mobile screenshots. */
.note-box + .primary-button { margin-top: 16px; }
.monitoring-source { display:block; margin-top:8px; color:#728198; font-size:12px; line-height:1.45; }
.trend-empty { display:grid; min-height:156px; place-items:center; padding:20px; border:1px dashed #d8e1eb; border-radius:12px; color:#718096; font-size:14px; line-height:1.5; text-align:center; }
.empty-inline { margin:8px 0; color:#718096; font-size:13px; line-height:1.45; }
.source-caption { margin-top:8px; color:#718096; font-size:12px; line-height:1.45; }
.kpi-card[role="button"] { cursor:pointer; }
.kpi-card[role="button"]:focus-visible { outline:3px solid #1479df; outline-offset:3px; }
.note-box, .source-detail, .detail-grid b { overflow-wrap: anywhere; }
.detail-top > .status-chip { align-self: flex-start; }
.submitted { background: var(--violet-tint); color: #6340bd; }
.working, .result { background: var(--green-tint); color: #197249; }
.archived { background:#edf0f4; color:#58677a; }
button:disabled { opacity:.55; cursor:not-allowed; box-shadow:none; }
.modal-backdrop { overflow-y:auto; padding:16px; }
.modal { max-height:calc(100dvh - 32px); overflow-y:auto; }
.modal textarea { font-size:16px; max-height:40dvh; }
.nav-item.is-active { background:#e7f0ff; color:#146cce; box-shadow:none; }
.nav-item.is-active .nav-icon { color:#146cce; }
.nav-item { font-weight:500; }
.attention-main strong, .task-copy strong { font-weight:600; }
.primary-button,.secondary-button,.status-control { min-height:44px; font-size:14px; }
.detail-section > p,.checklist li,.note-box,.source-detail { font-size:14px; }
.detail-grid .data-pair b { font-size:15px; }
.detail-section h2 { font-size:20px; }
.global-search input,.filters input,.filters select { font-size:14px; }
.funding-name strong { font-size:15px; }
.funding-name small,.data-pair b,.funding-deadline { font-size:13px; }
.data-pair span { font-size:10px; }
.status-chip { font-size:11px; }
.attention-main strong,.task-copy strong { font-size:14px; line-height:1.4; }
.attention-main small,.task-copy small { font-size:12px; line-height:1.4; }
.calendar-events span,.calendar-events strong { font-size:11px; }
.dashboard-grid > *, .task-copy,.attention-main { min-width:0; }
.calendar-toolbar { flex-wrap:wrap; }
.task-copy small { white-space:normal; }
.funding-card .data-pair { display:block!important; }
.funding-card { grid-template-columns:minmax(240px,2fr) repeat(5,minmax(0,1fr)); }
@media (min-width:1101px) and (max-width:1450px) {
  .attention-row { grid-template-columns:34px minmax(0,1fr) 12px; }
  .attention-icon { grid-row:span 2; }
  .attention-meta { grid-column:2; display:flex; flex-wrap:wrap; justify-content:space-between; }
  .row-chevron { grid-column:3; grid-row:1 / span 2; }
  .task-line { grid-template-columns:18px minmax(0,1fr); }
  .task-meta { grid-column:2; display:flex; justify-content:space-between; }
  .distribution-panel .donut-wrap { flex-wrap:wrap; }
  .distribution-panel .legend { min-width:140px; }
  .latest-panel .table-row { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .latest-panel .table-row > * { overflow-wrap:anywhere; }
  .latest-panel .table-head { display:none; }
}
@media (max-width:1180px) { .funding-card { grid-template-columns:repeat(3,minmax(0,1fr)); }.funding-name {grid-column:1/-1;} }
.mobile-nav { display:none; }
@media (max-width:930px) {
  .sidebar { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
  .brand { min-height:56px; padding-bottom:8px; }
  .sidebar .primary-nav,
  .sidebar .secondary-nav,
  .sidebar .nav-divider { display:none; }
  .sidebar .mobile-nav {
    display:flex;
    width:100%;
    gap:4px;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    padding:4px 4px 12px;
    scroll-padding-inline:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .sidebar .mobile-nav::-webkit-scrollbar { display:none; }
  .sidebar .mobile-nav .nav-item {
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    height:38px;
    padding:0 10px;
    font-size:12px;
    white-space:nowrap;
  }
  .attention-row .status-chip { display:inline-flex; }
  .attention-meta { display:grid; }
  .task-meta { display:grid; }
}
@media (max-width:620px) {
  .attention-row { grid-template-columns:34px minmax(0,1fr) 12px; gap:8px; }
  .attention-icon { grid-row:span 2; }
  .attention-meta { grid-column:2; display:flex; flex-wrap:wrap; justify-content:space-between; }
  .row-chevron { grid-column:3; grid-row:1 / span 2; }
  .task-meta { grid-column:2; display:flex; justify-content:space-between; }
  .kpi-card { padding:12px; grid-template-columns:32px minmax(0,1fr); gap:8px; }
  .kpi-icon { width:32px;height:40px; }
  .kpi-card p { font-size:12px; line-height:1.3; }
  .kpi-card strong { font-size:28px; }
  .funding-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .funding-name { grid-column:1/-1; }
  .funding-search input,.filters select,.status-control,.global-search input {font-size:16px;}
  .modal-actions { position:sticky; bottom:0; background:white; padding-top:8px; }
  .table-row { grid-template-columns:minmax(0,1fr) 80px; }
  .table-row > span:nth-child(2),.table-row > span:nth-child(3) { display:none; }
  .status-chip { white-space:normal; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} *,*::before,*::after {transition:none!important;} }

/* Calmer Inter typography and action controls, aligned with the sidebar language. */
:root { font-family:Inter, "Segoe UI", Roboto, Arial, sans-serif; }
body { font-weight:400; }
.page-label span,
.eyebrow,
.table-head,
.data-pair span {
  color:#738399;
  font-weight:600;
  letter-spacing:.035em;
}
.eyebrow { font-size:11px; }
.table-head { font-size:10px; text-transform:none; }
.data-pair span { font-size:10px; text-transform:none; }
.data-pair b,
.detail-grid .data-pair b,
.funding-deadline,
.status-control {
  font-weight:500;
}
.detail-grid .data-pair b { color:#223954; }
.funding-name strong,
.table-row strong,
.project-card strong { font-weight:600; }
.action-highlight { font-weight:500; }
.status-chip,
.counter,
.text-button,
.source-detail,
.back-button { font-weight:600; }
.primary-button,
.secondary-button {
  min-height:42px;
  border-radius:10px;
  font-weight:600;
  letter-spacing:0;
  box-shadow:none;
}
.primary-button {
  border-color:#c9def2;
  background:#e7f0ff;
  color:#146cce;
}
.primary-button:hover { background:#dcecff; color:#105daa; }
.secondary-button {
  border-color:#dde6ee;
  background:#fff;
  color:#526b86;
}
.secondary-button:hover { background:#f6f9fc; color:#284968; }
.action-stack button:disabled { color:#8796a7; background:#fbfcfe; opacity:.72; }

/* Give the photo room on narrow screens so the hero resolves into the workspace. */
.hero-card { min-height:184px; padding-bottom:34px; background-position:center 48%; }
.hero-card::after { height:42px; }
.hero-date { font-weight:600; }
@media (max-width:620px) {
  .hero-card {
    min-height:248px;
    padding:28px 16px 42px;
    background-position:60% center;
  }
  .hero-copy { max-width:282px; }
  .hero-copy h1 { line-height:1.1; }
}