.ari-hours-field { min-width: 0; color: #627976; font-size: 14px; font-weight: 600; }
.client-edit-grid > .ari-hours-field, .renew-panel > .ari-hours-field, #clientMembershipScheduleField.ari-hours-field { grid-column: 1 / -1; }
html.ari-registration-ui body .client-registration-form > #clientMembershipScheduleField.ari-hours-field { grid-column: 1 / -1 !important; }
.ari-hours-value { display: none !important; }
.ari-hours { margin-top: 7px; border: 1px solid #dce8e4; border-radius: 14px; padding: 12px; background: #fbfdfc; color: #173b33; font-weight: 400; }
.ari-hours-intro { font-size: 12px; line-height: 1.5; color: #61766e; margin-bottom: 9px; }
.ari-hours-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr)); gap: 7px; }
.ari-hours .ari-hour { display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid #dfe9e4; border-radius: 10px; background: #fff; cursor: pointer; margin: 0; min-width: 0; position: relative; }
.ari-hours .ari-hour input { flex: 0 0 17px; width: 17px; height: 17px; min-height: 0; padding: 0; margin: 0; accent-color: #129872; }
.ari-hour strong { display: block; color: #173b33; font-size: 13px; line-height: 1.3; white-space: nowrap; }
.ari-hour small { display: block; font-size: 11px; color: #61766e; margin-top: 3px; }
.ari-hour-check { margin-left: auto; color: #129872; font-size: 15px; visibility: hidden; }
.ari-hour.is-selected { background: #eaf8f2; border-color: #129872; box-shadow: inset 0 0 0 1px #12987222; }
.ari-hour.is-selected .ari-hour-check { visibility: visible; }
.ari-hour:focus-within { outline: 2px solid #129872; outline-offset: 2px; }
.ari-hours-summary { margin-top: 10px; font-size: 12px; font-weight: 600; line-height: 1.5; }
.ari-hours-note { margin: 6px 0 0; color: #6a7f76; font-size: 11px; line-height: 1.5; }
.ari-hours-empty { color: #73867f; font-size: 12px; line-height: 1.5; }
.ari-hours-warning, .ari-hours-summary.is-error { color: #b34436; font-size: 12px; line-height: 1.5; }
@media (max-width: 600px) { .ari-hours { padding: 10px; } .ari-hours-options { grid-template-columns: 1fr; } .ari-hour strong { font-size: 14px; } }