.c365-calorie-burn {
    display: grid;
    grid-template-rows: auto auto minmax(10rem, 1fr) auto;
    gap: .7rem;
    height: 100%;
    min-height: 0;
    color: var(--c365-text, #f5f7ff);
}

.c365-calorie-burn__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.c365-calorie-burn__summary > div {
    min-width: 0;
    padding: .65rem .7rem;
    border: 0;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .022);
}

.c365-calorie-burn__summary span,
.c365-calorie-burn__summary small {
    display: block;
    color: #8fa8c8;
    font-size: .66rem;
    line-height: 1.2;
}

.c365-calorie-burn__summary strong {
    display: inline-block;
    margin: .18rem .2rem 0 0;
    color: #f5f1ff;
    font-family: "Sora", sans-serif;
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    font-weight: 500;
    line-height: 1;
}

.c365-calorie-burn__summary small { display: inline; }

.c365-calorie-burn__legend {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .8rem;
    color: #9fb0ca;
    font-size: .68rem;
}

.c365-calorie-burn__legend span { display: inline-flex; align-items: center; gap: .3rem; }
.c365-calorie-burn__legend i { width: .52rem; height: .52rem; border-radius: 50%; }
.c365-calorie-burn__legend .is-resting { background: #168bff; }
.c365-calorie-burn__legend .is-activity { background: #4a92e6; }
.c365-calorie-burn__legend .is-workout { background: #ff6e58; }
.c365-calorie-burn__legend .is-sleep { background: #48d0e2; }

.c365-calorie-burn__chart { position: relative; min-height: 10rem; }
.c365-calorie-burn__chart canvas { width: 100% !important; height: 100% !important; }

.c365-calorie-burn__table-wrap {
    max-height: 9rem;
    overflow: auto;
    border-top: 1px solid rgba(84, 181, 220, .16);
}

.c365-calorie-burn__table-wrap table { width: 100%; border-collapse: collapse; font-size: .68rem; }
.c365-calorie-burn__table-wrap th,
.c365-calorie-burn__table-wrap td { padding: .35rem .4rem; border-bottom: 1px solid rgba(84, 181, 220, .1); text-align: right; white-space: nowrap; }
.c365-calorie-burn__table-wrap th:first-child,
.c365-calorie-burn__table-wrap td:first-child { text-align: left; }
.c365-calorie-burn__table-wrap th { position: sticky; top: 0; color: #8fa8c8; background: #0b1930; }

.c365-calorie-burn__message { margin: 0; color: #9fb0ca; font-size: .76rem; }
.c365-calorie-burn__message.is-error { color: #ff9a91; }
.c365-calorie-burn__message[hidden] { display: none; }

[data-c365-size-mode="large"] .c365-calorie-burn__table-wrap,
[data-c365-size-mode="feature"] .c365-calorie-burn__table-wrap { display: block; }

@media (max-width: 640px) {
    .c365-calorie-burn__summary { grid-template-columns: 1fr 1fr; }
    .c365-calorie-burn__summary > div:last-child { grid-column: 1 / -1; }
    .c365-calorie-burn__legend { column-gap: .5rem; }
}