/* src/app/screens/secretariat.css — דשבורד המזכירות (`/secretariat`): תוספות בלבד לשפה של `manager.css` (`.dash` · `.dcard` · `.dtile` · `.poprow`).
 * 🔴 אין כאן גדלי פיקסלים וצבעי hex — רק `var(--…)`: `ui-tokens-only` מגביל, והשפה כבר קיימת ב-`manager.css`/`dan.css`.
 * הכול תחום ל-`.dash.sec`, כדי לא לדרוס את `/community` (אותן מחלקות). */
.dash.sec .sec-note { margin: 10px 0 0; color: var(--d-faint); font-size: var(--fs-th); }
.dash.sec .dtiles + .sec-note { margin-top: 12px; }
.dash.sec .sec-axis { margin-top: 14px; }
.dash.sec .sec-axis h3 { margin: 0 0 6px; font-size: var(--fs-th); font-weight: 600; color: var(--d-muted); }
.dash.sec .sec-axis + .dtiles, .dash.sec .sec-axis + .sec-axis { margin-top: 14px; }
.dash.sec .poprows { display: grid; gap: 4px; }
.dash.sec a.poprow, .dash.sec a.sec-row, .dash.sec a.dtile { color: inherit; text-decoration: none; }
.dash.sec a.poprow:hover .nm, .dash.sec a.sec-row:hover .nm { text-decoration: underline; }
/* אריח-קישור: אותו מראה של `button.dtile` ב-`manager.css`, בלי הצבע הקשיח שלו. */
.dash.sec a.dtile { display: block; cursor: pointer; }
.dash.sec a.dtile:hover { filter: brightness(.97); }
.dash.sec a.dtile:focus-visible, .dash.sec a.poprow:focus-visible, .dash.sec a.sec-row:focus-visible { outline: 2px solid var(--d-green); outline-offset: 2px; border-radius: 10px; }
/* מעל אפס ודורש תשומת לב: כתום (כמו `.num.warn` בענפים). אפס — אפור רגיל, לא קישור. */
.dash.sec .dtile.warn .v { color: var(--d-orange-ink); }
.dash.sec .sec-big { display: flex; align-items: baseline; gap: 10px; margin: 6px 0 12px; }
.dash.sec .sec-big b { font-size: var(--fs-h1); font-weight: 600; color: var(--d-ink); }
.dash.sec .sec-big span { color: var(--d-faint); }
.dash.sec .sec-rows { display: grid; gap: 2px; }
.dash.sec .sec-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; }
.dash.sec .sec-row .nm { font-weight: 600; color: var(--d-ink); }
.dash.sec .sec-row .v { color: var(--d-text); font-size: var(--fs-th); white-space: nowrap; }
.dash.sec a.sec-row:hover { background: var(--d-cream2); }
.dash.sec .sec-unmeasured dl { margin: 10px 0 0; display: grid; gap: 12px; }
.dash.sec .sec-unmeasured dt { font-weight: 600; color: var(--d-ink); }
.dash.sec .sec-unmeasured dd { margin: 2px 0 0; color: var(--d-faint); font-size: var(--fs-th); line-height: 1.5; }
@media (max-width: 640px) {
  .dash.sec .sec-row { flex-wrap: wrap; }
  .dash.sec .sec-row .v { white-space: normal; }
}