.booking-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.booking-slot{border:1px solid #e4e7ef;background:#fff;border-radius:12px;padding:11px 6px;cursor:pointer;text-align:center;color:#171a28;transition:.15s ease}
.booking-slot:hover{border-color:#bdb0ff;background:#faf9ff;transform:translateY(-1px)}
.booking-slot.selected{background:linear-gradient(135deg,#6d4aff,#9a5cff);border-color:#6d4aff;color:#fff;box-shadow:0 8px 20px rgba(109,74,255,.22)}
.booking-slot b,.booking-slot small{display:block}.booking-slot b{font-size:14px}.booking-slot small{font-size:8px;margin-top:3px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-placeholder{grid-column:1/-1;padding:20px;border:1px dashed #dfe3ec;border-radius:13px;text-align:center;color:#8992a5;font-size:11px;background:#fafbfc}.slot-placeholder.no-slot{background:#fff8ef;color:#947041;border-color:#f0dfc4}
.public-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

.loyalty-explain{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.loyalty-explain>div{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:15px}.loyalty-explain b,.loyalty-explain span{display:block}.loyalty-explain b{font-size:11px}.loyalty-explain span{font-size:11px;color:#838b9d;margin-top:5px}
.field-help-box{background:#f7f5ff;border:1px solid #e2dcff;border-radius:13px;padding:12px;color:#665f7a;font-size:11px;line-height:1.6}
.loyalty-customer-card{margin-bottom:12px}.loyalty-customer-main{display:grid;grid-template-columns:220px 1fr 1.4fr;gap:12px;align-items:stretch}.loyalty-balance{background:linear-gradient(135deg,#6b49ff,#9d59ff);color:#fff;border-radius:16px;padding:18px}.loyalty-balance span,.loyalty-balance b,.loyalty-balance small{display:block}.loyalty-balance span{font-size:9px;opacity:.8;font-weight:800}.loyalty-balance b{font-size:32px;margin:6px 0}.loyalty-balance small{font-size:9px;opacity:.8}
.loyalty-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.loyalty-stats>div{background:#f8f9fc;border-radius:13px;padding:13px}.loyalty-stats span,.loyalty-stats b{display:block}.loyalty-stats span{font-size:9px;color:#939bad}.loyalty-stats b{font-size:18px;margin-top:6px}
.loyalty-adjust-form{display:grid;grid-template-columns:130px 95px 1fr auto;gap:7px;align-items:center}.loyalty-adjust-form input,.loyalty-adjust-form select{min-width:0}
.loyalty-history{border-top:1px solid #eef0f5;margin-top:14px;padding-top:5px}.loyalty-history>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f1f2f5}.loyalty-history span{font-size:10px;color:#858e9f}.loyalty-history b{font-size:10px}

.campaign-message-box{background:#171a28;color:#fff;border-radius:16px;padding:16px;margin-bottom:14px}.campaign-message-box span{display:block;font-size:9px;color:#aeb5c8;font-weight:800}.campaign-message-box p{margin:7px 0 0;white-space:pre-line;line-height:1.6;font-size:12px}
.campaign-actions-inline{display:flex;justify-content:flex-end;align-items:center;gap:8px}.campaign-actions-inline form{margin:0}
.wa-btn{display:inline-flex;align-items:center;justify-content:center;background:#eaf9f0;color:#087b50;border:1px solid #cfeeda;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:900;white-space:nowrap}
.wa-btn:hover{background:#ddf6e7}
.reminder-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.reminder-summary>div{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:14px}.reminder-summary span,.reminder-summary b,.reminder-summary small{display:block}.reminder-summary span{font-size:9px;color:#9098a9}.reminder-summary b{font-size:19px;margin-top:5px}.reminder-summary small{font-size:9px;color:#9ca4b4;margin-top:3px}
.reminder-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.reminder-rule-form{padding:12px 0;border-bottom:1px solid #eef0f5}.add-rule-details{margin-top:12px}.add-rule-details summary{cursor:pointer;font-weight:900;color:#6848ee;font-size:11px;padding:8px 0}
.reminder-row{display:grid;grid-template-columns:60px 1fr 170px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f5}.reminder-time{text-align:center;background:#f6f4ff;border-radius:12px;padding:8px}.reminder-time b,.reminder-time strong{display:block}.reminder-time b{font-size:9px;color:#7660c8}.reminder-time strong{font-size:16px;margin-top:2px}.reminder-row>div:nth-child(2) b,.reminder-row>div:nth-child(2) span,.reminder-row>div:nth-child(2) small{display:block}.reminder-row>div:nth-child(2) span{font-size:9px;color:#8e96a8;margin-top:3px}.reminder-row>div:nth-child(2) small{font-size:9px;color:#a0a6b4;margin-top:5px;line-height:1.4}.reminder-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}.reminder-row-actions form{margin:0}
.automation-note{display:grid;grid-template-columns:200px 1fr;gap:12px;background:#fff8e8;border:1px solid #f0dc9d;border-radius:15px;padding:14px;margin-top:12px}.automation-note b{font-size:11px}.automation-note span{font-size:10px;color:#7e7050;line-height:1.6}

@media(max-width:1100px){
  .booking-slots{grid-template-columns:repeat(4,1fr)}
  .loyalty-customer-main{grid-template-columns:1fr 1fr}.loyalty-adjust-form{grid-column:1/-1}
  .reminder-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .booking-slots{grid-template-columns:repeat(3,1fr)}
  .loyalty-explain,.reminder-summary{grid-template-columns:1fr}
  .loyalty-customer-main{grid-template-columns:1fr}.loyalty-stats{grid-template-columns:1fr 1fr}
  .loyalty-adjust-form{grid-template-columns:1fr 1fr}.loyalty-adjust-form input[name="description"]{grid-column:1/-1}
  .reminder-row{grid-template-columns:56px 1fr}.reminder-row-actions{grid-column:1/-1;justify-content:flex-start}
  .automation-note{grid-template-columns:1fr}
}
@media(max-width:480px){
  .booking-slots{grid-template-columns:repeat(2,1fr)}
  .loyalty-stats{grid-template-columns:1fr}
  .loyalty-adjust-form{grid-template-columns:1fr}
}