/* T&L Nursery — Frontend Styles */
.tl-avail-wrap { margin: 24px 0; padding: 20px; background: #f0f7f0; border: 1px solid #c3e6c3; border-radius: 6px; }
.tl-avail-heading { margin: 0 0 16px; color: #2d6a2d; font-size: 1.0625rem; }
.tl-avail-scroll { overflow-x: auto; }
.tl-avail-table { border-collapse: collapse; width: 100%; font-size: .875rem; }
.tl-avail-table th { background: #2d6a2d; color: #fff; padding: 7px 14px; text-align: center; white-space: nowrap; }
.tl-avail-table td { padding: 7px 14px; border-bottom: 1px solid #ddd; }
.tl-size-col { font-weight: 600; text-align: left; }
.tl-qty { text-align: center; }
.tl-qty.avail { color: #2d6a2d; font-weight: 600; }
.tl-qty.empty { color: #9ca3af; }
.tl-avail-note { font-size: .8125rem; color: #6b7280; margin: 12px 0 0; }
.tl-no-avail { color: #6b7280; font-size: .875rem; margin: 0; }
.tl-login-prompt { padding: 14px 18px; background: #fff9db; border: 1px solid #fde68a; border-radius: 6px; font-size: .9375rem; margin: 16px 0; }
.tl-login-prompt a { color: #2d6a2d; font-weight: 600; }
.tl-pending { padding: 14px 18px; background: #f3f4f6; border: 1px solid #d1d5db; border-radius: 6px; font-size: .875rem; margin: 16px 0; }
@media (max-width: 600px) { .tl-avail-wrap { padding: 14px; } }

/* Size + availability table */
.tl-sizes-wrap {
    margin: 24px 0;
}
.tl-sizes-table {
    border-collapse: collapse;
    width: 100%;
    font-size: .875rem;
}
.tl-sizes-table thead th {
    background: #2d6a2d;
    color: #fff;
    padding: 8px 14px;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
}
.tl-sizes-table thead th.tl-col-size {
    text-align: left;
}
.tl-sizes-table tbody tr {
    border-bottom: 1px solid #e5e7eb;
}
.tl-sizes-table tbody tr:last-child {
    border-bottom: none;
}
.tl-sizes-table tbody td {
    padding: 10px 14px;
    vertical-align: middle;
}
.tl-col-size {
    text-align: left;
    min-width: 100px;
}
.tl-col-week,
.tl-col-avail {
    text-align: center;
}
.tl-mult {
    display: block;
    font-size: .75rem;
    color: #6b7280;
    font-weight: normal;
}
.tl-qty.avail {
    color: #2d6a2d;
    font-weight: 600;
}
.tl-qty.empty {
    color: #9ca3af;
}
.tl-avail-login a {
    color: #2d6a2d;
    font-weight: 600;
    text-decoration: underline;
}
.tl-avail-none {
    color: #9ca3af;
    font-style: italic;
}