.manager-today-panel {
  border-color: #cfdad4;
  box-shadow: 0 8px 24px rgba(21, 56, 42, .08);
}

.manager-today-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.manager-today-head h2 { margin: 2px 0 4px; font-size: clamp(22px, 2vw, 30px); }
.manager-today-head span { color: #66736d; }
.manager-today-eyebrow { margin: 0; color: #087943; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.manager-today-status { max-width: 420px; margin: 0; padding: 9px 12px; border-radius: 9px; background: #edf5ff; color: #245b92; font-size: 12px; font-weight: 700; }

.manager-today-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 12px;
}

.manager-today-card {
  --action-color: #2474b5;
  position: relative;
  display: grid;
  grid-template-columns: 34px 1fr;
  grid-template-areas: "icon value" "icon detail" "icon action";
  gap: 3px 10px;
  min-height: 126px;
  padding: 16px;
  border: 1px solid #d9e2dd;
  border-left: 4px solid var(--action-color);
  border-radius: 12px;
  background: #fff;
  color: #18231e;
  text-align: left;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.manager-today-card:hover { transform: translateY(-2px); border-color: var(--action-color); box-shadow: 0 8px 18px rgba(24, 56, 42, .12); }
.manager-today-card:focus-visible { outline: 3px solid rgba(8, 121, 67, .25); outline-offset: 2px; }
.manager-today-card.priority-critical { --action-color: #c7352a; }
.manager-today-card.priority-high { --action-color: #d66b18; }
.manager-today-card.priority-medium { --action-color: #a37d00; }
.manager-today-card.priority-info { --action-color: #2779b8; }
.manager-today-card.is-clear { --action-color: #168a4e; background: #f7fcf9; }
.manager-today-icon { grid-area: icon; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #f1f5f3; color: var(--action-color); font-weight: 900; }
.manager-today-card strong { grid-area: value; font-size: 15px; line-height: 1.25; }
.manager-today-card small { grid-area: detail; color: #66736d; line-height: 1.35; }
.manager-today-card em { grid-area: action; align-self: end; margin-top: 8px; color: var(--action-color); font-size: 11px; font-style: normal; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; }

.pipeline-quick-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 10px 0 14px; }
.pipeline-quick-filters > span { color: #66736d; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.pipeline-quick-filters button { min-height: 32px; padding: 6px 11px; border: 1px solid #ccd8d2; border-radius: 999px; background: #fff; color: #31433a; font-size: 12px; font-weight: 800; }
.pipeline-quick-filters button:hover { border-color: #15834b; color: #087943; }
.pipeline-quick-filters button.active,
.pipeline-quick-filters button[aria-pressed="true"] { border-color: #087943; background: #e9f7ef; color: #087943; box-shadow: inset 0 0 0 1px #087943; }
.pipeline-quick-filters button:focus-visible { outline: 3px solid rgba(8, 121, 67, .22); outline-offset: 2px; }

@media (max-width: 1250px) { .manager-today-grid { grid-template-columns: repeat(3, minmax(190px, 1fr)); } }
@media (max-width: 900px) { .manager-today-grid { grid-template-columns: repeat(2, minmax(180px, 1fr)); } .manager-today-head { flex-direction: column; } .manager-today-status { max-width: none; } }
@media (max-width: 620px) { .manager-today-grid { grid-template-columns: 1fr; } .manager-today-card { min-height: 112px; } }