/* Stage 7: shared activity data language across Grafik, Zajęcia and contextual identity. */

/* Generic compact activity row. */
.c-activity-list {
    overflow: hidden;
    border: 0;
    background: var(--ui-surface, #ffffff);
    box-shadow: none;
}

.c-activity-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0;
    min-height: 52px;
    align-items: start;
    padding: 10px 8px;
    border: 0;
    border-bottom: 1px solid var(--ui-line, #ececec);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.c-activity-row:last-child {
    border-bottom: 0;
}

.c-activity-row__time,
.c-activity-value {
    color: var(--ui-text, #333333);
    font-size: var(--type-activity-value-size, 13px);
    font-weight: var(--type-activity-value-weight, 800);
    line-height: var(--type-activity-value-line-height, 1.2);
}

.c-activity-row__main {
    min-width: 0;
    padding-left: var(--space-8, 8px);
}

.c-activity-title {
    color: var(--ui-text, #333333);
    font-size: var(--type-activity-title-size, 13px);
    font-weight: var(--type-activity-title-weight, 700);
    line-height: var(--type-activity-title-line-height, 1.2);
}

.c-activity-meta {
    color: var(--ui-text-secondary, #636363);
    font-size: var(--type-activity-meta-size, 11px);
    font-weight: var(--type-activity-meta-weight, 500);
    line-height: var(--type-activity-meta-line-height, 1.25);
}

.c-activity-row__meta {
    margin-top: 3px;
}

.c-activity-row__side {
    min-width: 0;
    padding-left: 7px;
}

.c-activity-status {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border: 0;
    border-radius: var(--radius-pill, 999px);
    background: var(--ui-status-quiet-bg, #f2f0ed);
    color: var(--ui-status-quiet-text, #57534e);
    box-shadow: none;
    font-size: var(--type-micro-status-size, 10px);
    font-weight: var(--type-micro-status-weight, 700);
    line-height: var(--type-micro-status-line-height, 1.2);
    white-space: nowrap;
}

.c-activity-status--attention {
    background: var(--ui-status-attention-bg, #fff1dc);
    color: var(--ui-status-attention-text, #8a4f08);
}

/* Type 2 identity contract. Stage 8 owns sheet migration itself. */
.c-activity-identity {
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.c-activity-identity__title {
    margin: 0;
    color: var(--ui-text, #333333);
    font-size: var(--type-activity-title-size, 13px);
    font-weight: var(--type-activity-title-weight, 700);
    line-height: var(--type-activity-title-line-height, 1.2);
}

.c-activity-identity__meta {
    margin-top: 5px;
    color: var(--ui-text-secondary, #636363);
    font-size: var(--type-activity-meta-size, 11px);
    font-weight: var(--type-activity-meta-weight, 500);
    line-height: var(--type-activity-meta-line-height, 1.25);
}

/* Activity plus additional data stays inside one flat surface. */
.c-activity-context {
    overflow: hidden;
    border: 0;
    border-radius: var(--radius-card, 16px);
    background: var(--ui-page-bg, #f6f6f6);
    box-shadow: none;
}

.c-activity-context__identity,
.c-activity-context__extra {
    padding: var(--space-12, 12px);
}

.c-activity-context__extra {
    border-top: 1px solid var(--ui-line, #ececec);
}

/* Grafik adapter. schedule.php has a late inline stylesheet, therefore
   only shared semantic values are asserted here with !important. */
.activity-row .time-text,
.p-schedule-activity-row .p-schedule-time-text {
    font-size: var(--type-activity-value-size, 13px) !important;
    font-weight: var(--type-activity-value-weight, 800) !important;
    line-height: var(--type-activity-value-line-height, 1.2) !important;
}

.activity-row .activity-name,
.p-schedule-activity-row .p-schedule-activity-name {
    font-size: var(--type-activity-title-size, 13px) !important;
    font-weight: var(--type-activity-title-weight, 700) !important;
    line-height: var(--type-activity-title-line-height, 1.2) !important;
}

.activity-row .activity-instructor,
.p-schedule-activity-row .p-schedule-activity-instructor,
.activity-row .activity-meta,
.p-schedule-activity-row .p-schedule-activity-meta {
    color: var(--ui-text-secondary, #636363) !important;
    font-size: var(--type-activity-meta-size, 11px) !important;
    font-weight: var(--type-activity-meta-weight, 500) !important;
    line-height: var(--type-activity-meta-line-height, 1.25) !important;
}

/* Level/status in compact Grafik is secondary to activity name/time. */
.activity-row .badge-level-neutral,
.activity-row .badge-level-p0-start,
.p-schedule-activity-row .badge-level-neutral,
.p-schedule-activity-row .badge-level-p0-start {
    min-height: 20px !important;
    padding: 2px 8px !important;
    border: 0 !important;
    border-radius: var(--radius-pill, 999px) !important;
    background: var(--ui-status-quiet-bg, #f2f0ed) !important;
    color: var(--ui-status-quiet-text, #57534e) !important;
    box-shadow: none !important;
    font-size: var(--type-micro-status-size, 10px) !important;
    font-weight: var(--type-micro-status-weight, 700) !important;
    line-height: var(--type-micro-status-line-height, 1.2) !important;
    text-transform: none !important;
}

/* Existing NOWY/START marker keeps the approved soft-brand emphasis. */
.activity-row .badge-new,
.p-schedule-activity-row .c-badge--new {
    min-height: 20px !important;
    padding: 2px 8px !important;
    border: 0 !important;
    border-radius: var(--radius-pill, 999px) !important;
    background: var(--ui-brand-action-soft, #fceded) !important;
    color: var(--ui-brand-action-hover, #950c0f) !important;
    box-shadow: none !important;
    font-size: var(--type-micro-status-size, 10px) !important;
    font-weight: var(--type-micro-status-weight, 700) !important;
    line-height: var(--type-micro-status-line-height, 1.2) !important;
}

/* Zajęcia / Dokładki adapter: same data typography, same top hierarchy. */
.makeup-row-time-value {
    font-size: var(--type-activity-value-size, 13px) !important;
    font-weight: var(--type-activity-value-weight, 800) !important;
    line-height: var(--type-activity-value-line-height, 1.2) !important;
}

.makeup-row-title {
    font-size: var(--type-activity-title-size, 13px) !important;
    font-weight: var(--type-activity-title-weight, 700) !important;
    line-height: var(--type-activity-title-line-height, 1.2) !important;
}

.makeup-meta-text,
.makeup-row-meta,
.makeup-row-recovery {
    color: var(--ui-text-secondary, #636363) !important;
    font-size: var(--type-activity-meta-size, 11px) !important;
    font-weight: var(--type-activity-meta-weight, 500) !important;
    line-height: var(--type-activity-meta-line-height, 1.25) !important;
}

.makeup-row-level {
    min-height: 20px !important;
    padding: 2px 8px !important;
    border: 0 !important;
    border-radius: var(--radius-pill, 999px) !important;
    background: var(--ui-status-quiet-bg, #f2f0ed) !important;
    color: var(--ui-status-quiet-text, #57534e) !important;
    box-shadow: none !important;
    font-size: var(--type-micro-status-size, 10px) !important;
    font-weight: var(--type-micro-status-weight, 700) !important;
    line-height: var(--type-micro-status-line-height, 1.2) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}