/*
 * SmartSTP view — three columns: date (day + date) | event title | instruments + status.
 * Day name in orange, title bold, status badges: yellow/orange for hours, red for closed.
 */

 .swth-view--smartstp {
    --smartstp-day-color: #ffa800;
    --smartstp-date-color: #2a3048;
    --smartstp-title-color: #111827;
    --smartstp-background: #f6f7f8;
    --smartstp-border: #ddd;
    --smartstp-status-default-bg: #ffecba;
    --smartstp-status-default-text: #d58c00;
    --smartstp-status-closed-bg: #ffe3e3;
    --smartstp-status-closed-text: #ff6565;
    --smartstp-status-early-close-bg: #ffecba;
    --smartstp-status-early-close-text: #d58c00;
    --smartstp-status-open-bg: #d1fae5;
    --smartstp-status-open-text: #065f46;

    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Roboto';
}

.swth-smartstp__section {
    display: grid;
    grid-template-columns: minmax(140px, 0.8fr) minmax(180px, 1.5fr) minmax(180px, 1.5fr);
    align-items: center;
    gap: 0;
    border-radius: 20px;
    overflow: hidden;
    background: var(--smartstp-background);
    padding:20px;
}


.swth-smartstp__col-date {
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    height: 100%;
    align-content: center;
}

.swth-smartstp__day {
    color: var(--smartstp-day-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.35;
}

.swth-smartstp__date {
    color: var(--smartstp-date-color);
    font-size: 16px;
    line-height: 18px;
}

.swth-smartstp__col-title {
    padding: 0px 20px;
    border-right: 1px solid var(--smartstp-border);
    border-left: 1px solid var(--smartstp-border);
    display: flex;
    align-items: center;
    height: 100%;
}

.swth-smartstp__event-title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--smartstp-title-color);
}

.swth-smartstp__col-assets {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.swth-smartstp__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 32px;
}

.swth-smartstp__asset {
    font-size: 18px;
    line-height: 1.4;
    color: var(--smartstp-date-color);
    flex-shrink: 0;
    font-weight: 700;
}

.swth-smartstp__status {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    background: var(--smartstp-status-default-bg);
    color: var(--smartstp-status-default-text);
    flex-shrink: 0;
    text-align: left;
    max-width:40%;
}

/* .swth-smartstp__status.trading-holidays__status--closed {
    background: var(--smartstp-status-closed-bg);
    color: var(--smartstp-status-closed-text);
}

.swth-smartstp__status.trading-holidays__status--early-close {
    background: var(--smartstp-status-early-close-bg);
    color: var(--smartstp-status-early-close-text);
}

.swth-smartstp__status.trading-holidays__status--open {
    background: var(--smartstp-status-open-bg);
    color: var(--smartstp-status-open-text);
}
*/

.swth-view--smartstp .swth-view__empty-message {
    color: var(--smartstp-date-color);
    text-align: center;
    padding: 24px 16px;
}

@media (max-width: 1024px) {
    .swth-smartstp__section {
        grid-template-columns: minmax(100px, 0.6fr) minmax(180px, 1fr) minmax(180px, 1.5fr);
    }
    
    .swth-smartstp__event-title {
    	font-size: 20px;
	}

    .swth-smartstp__day,
    .swth-smartstp__date,
    .swth-smartstp__asset,
    .swth-smartstp__status {
      font-size: 15px;
      }
}

@media (max-width: 767px) {
    .swth-smartstp__section {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr;
    }

    .swth-smartstp__row {
        flex-direction: row;
        justify-content: space-between;
    }
    
        .swth-smartstp__col-date {
        border-bottom: 1px solid var(--smartstp-border);
        padding: 0px 0px 15px 0px;
    }

    .swth-smartstp__col-title {
        border-right: none;
        border-left: none;
        border-bottom: 1px solid var(--smartstp-border);
        padding: 15px 0px;
    }

    .swth-smartstp__col-assets {
       padding: 15px 0px 0px 0px;
    }
}