/*
 * Файл: assets/css/ocwp-company-schedule.css
 * Назначение: стили календарной витрины графика работы компании.
 * Что делает: оформляет сетку дней, легенду статусов и цветовые классы ui_color_key.
 */

.ocwp-company-schedule {
    border: 1px solid #dcdcde;
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0;
    background: #fff;
}

.ocwp-company-schedule__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.ocwp-company-schedule__day {
    border: 1px solid #dcdcde;
    border-radius: 6px;
    padding: 10px;
}

.ocwp-company-schedule__legend {
    margin: 0 0 16px;
    padding-left: 18px;
}

.ocwp-company-schedule-error {
    padding: 12px;
    border-radius: 6px;
    background: #fbeaea;
    border: 1px solid #e06666;
    color: #8a1f11;
}

.ocwp-color-red { background: #ffe2e2; }
.ocwp-color-orange { background: #fff1df; }
.ocwp-color-green { background: #e5f7e8; }
.ocwp-color-gray { background: #f0f0f0; }

.ocwp-company-schedule--tortik {
    border-color: #ead6df;
    border-radius: 22px;
    padding: clamp(16px, 3vw, 28px);
    background: linear-gradient(145deg, #fffdfb 0%, #fff4f8 100%);
    box-shadow: 0 14px 36px rgba(113, 52, 79, .09);
    color: #452e39;
}
.ocwp-company-schedule--tortik .ocwp-company-schedule__header h3 { margin: 0 0 4px; color: #74344f; font-size: clamp(22px, 3vw, 30px); }
.ocwp-company-schedule--tortik .ocwp-company-schedule__header p { margin: 0 0 18px; color: #765f69; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__grid { grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 8px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__day { min-height: 92px; border-color: rgba(116, 52, 79, .12); border-radius: 16px; padding: 12px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__date { font-weight: 750; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__status { margin-top: 5px; font-size: 13px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__label { margin-top: 3px; color: #765f69; font-size: 12px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__legend { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0; list-style: none; font-size: 13px; }

.ocwp-company-schedule--tortik {
    border-color: #ead6df;
    border-radius: 22px;
    padding: clamp(16px, 3vw, 28px);
    background: linear-gradient(145deg, #fffdfb 0%, #fff4f8 100%);
    box-shadow: 0 14px 36px rgba(113, 52, 79, .09);
    color: #452e39;
}
.ocwp-company-schedule--tortik .ocwp-company-schedule__header h3 { margin: 0 0 4px; color: #74344f; font-size: clamp(22px, 3vw, 30px); }
.ocwp-company-schedule--tortik .ocwp-company-schedule__header p { margin: 0 0 18px; color: #765f69; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__grid { grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 8px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__day { min-height: 92px; border-color: rgba(116, 52, 79, .12); border-radius: 16px; padding: 12px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__date { font-weight: 750; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__status { margin-top: 5px; font-size: 13px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__label { margin-top: 3px; color: #765f69; font-size: 12px; }
.ocwp-company-schedule--tortik .ocwp-company-schedule__legend { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0; list-style: none; font-size: 13px; }