/* Chef dashboard — Freshli design system (no emoji, cream/black/serif). */

/* TTK row — list of recent TTKs */
.ttk-row {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 16px; background: var(--bg-card);
    border: 1px solid var(--border); border-radius: 14px;
    margin-bottom: 8px; cursor: pointer;
    transition: border-color 0.15s, transform 0.1s;
}
.ttk-row:active { transform: scale(0.99); }
.ttk-row:hover { border-color: rgba(26,26,26,0.18); }
.ttk-row-body { flex: 1; min-width: 0; }
.ttk-row-name {
    font-size: 15px; font-weight: 600; color: var(--text);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    margin-bottom: 3px;
}
.ttk-row-meta {
    font-size: 12px; color: var(--text-3);
}
.ttk-row-status {
    font-size: 11px; font-weight: 600; color: var(--text-2);
    background: var(--bg-soft); padding: 4px 10px; border-radius: 12px;
    white-space: nowrap;
}

/* Section heading */
.section { margin-top: 28px; }
.section-title {
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 1.2px; color: var(--text-3);
    margin-bottom: 12px;
}

/* Empty state */
.empty-soft {
    padding: 20px; text-align: center;
    color: var(--text-3); font-size: 13px;
    background: var(--bg-card); border: 1px dashed var(--border);
    border-radius: 12px;
}

/* Badge inside chip */
.chip .badge {
    background: var(--accent); color: white;
    font-size: 10px; font-weight: 700;
    padding: 2px 6px; border-radius: 8px;
    min-width: 16px; text-align: center;
}

/* Steps list (chef-new) */
.steps {
    list-style: none; padding: 0; margin: 12px 0 0;
}
.steps li {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 14px 16px; background: var(--bg-card);
    border: 1px solid var(--border); border-radius: 12px;
    margin-bottom: 8px;
    font-size: 14px; line-height: 1.45;
}
.step-n {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px;
    background: var(--accent); color: white;
    border-radius: 50%; font-size: 12px; font-weight: 700;
    flex-shrink: 0;
}

/* TTKs body wrapper */
.ttks-body { margin-top: 16px; }

/* Back-button row (shared by chef screens) */
.page-back-row { margin-bottom: 6px; }
.page-back {
    background: none; border: none;
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--text-2); font-size: 14px; cursor: pointer;
    padding: 6px 0;
}
.page-back:hover { color: var(--text); }

/* Kill default link color on chef screens — but DON'T touch .btn variants */
.screen a:not(.btn) { color: var(--text); text-decoration: none; }
/* [brand] было жадное правило (0,5,1), убивавшее color:#fff у primary-кнопок. Заменено на низкоспецифичный inherit. */
button { color: inherit; }

/* 2x2 grid tiles (chef-home) */
.tiles-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 18px 0 8px;
}
.tile {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    cursor: pointer;
    min-height: 124px;
    transition: border-color 0.15s, transform 0.1s;
    font-family: inherit;
}
.tile:active { transform: scale(0.99); }
.tile:hover { border-color: rgba(26,26,26,0.18); }
.tile-icon {
    width: 36px; height: 36px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--bg-soft);
    border-radius: 10px;
    margin-bottom: 14px;
    color: var(--text);
}
.tile-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.25;
    margin-bottom: 4px;
}
.tile-sub {
    font-size: 11px;
    color: var(--text-3);
    line-height: 1.35;
}