.nhcal__hoboot-feature {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .15rem 0 .65rem;
    padding: .42rem .58rem;
    border: 1px solid rgba(102, 178, 255, .2);
    border-radius: .65rem;
    background: linear-gradient(90deg, rgba(8, 127, 233, .12), rgba(4, 22, 37, .24));
    color: var(--nhc-muted);
    font-size: .68rem;
}

.nhcal__hoboot-feature-icon {
    display: grid;
    place-items: center;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
    border-radius: .45rem;
    background: rgba(8, 127, 233, .2);
    color: #8cc9ff;
}

.nhcal__hoboot-feature-label { min-width: 0; }

.nhcal__hoboot-feature strong {
    margin-inline-start: auto;
    direction: ltr;
    color: #fff;
    font-size: .78rem;
    letter-spacing: .035em;
}

.nhcal__month-link:disabled { opacity: .5; cursor: wait; }
.nh-month-table__head-main { min-width: 12rem; }

.nh-month-table__tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

.nh-month-table__basis {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    border: 1px solid rgba(102, 178, 255, .25);
    border-radius: .62rem;
    background: rgba(4, 22, 37, .32);
    padding: .35rem .55rem;
    color: #cfe6f8;
    font-size: .7rem;
    cursor: pointer;
}

.nh-month-table__basis input { accent-color: #087fe9; }

.nh-month-table__export {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .28rem;
    min-height: 2.2rem;
    border: 1px solid rgba(102, 178, 255, .32);
    border-radius: .62rem;
    background: #0b2740;
    color: #edf7ff;
    padding: .38rem .62rem;
    font-size: .7rem;
    font-weight: 700;
    cursor: pointer;
}

.nh-month-table__export:hover:not(:disabled) {
    border-color: #65b5ff;
    background: #0e385b;
}

.nh-month-table__export--primary { border-color: #168fe9; background: #087fe9; }
.nh-month-table__export--primary:hover:not(:disabled) { background: #056bc8; }
.nh-month-table__export:disabled { opacity: .45; cursor: wait; }
.nh-print-header, .nh-print-footer { display: none; }

@media (max-width: 700px) {
    .nhcal__hoboot-feature { align-items: flex-start; font-size: .61rem; }
    .nhcal__hoboot-feature strong { font-size: .7rem; }
    .nh-month-table__head { align-items: flex-start; }
    .nh-month-table__tools { width: 100%; justify-content: flex-start; }
    .nh-month-table__basis { flex: 1 1 100%; }
    .nh-month-table__export { flex: 1 1 0; }
}
