/* Frontend styles for Group Trainings */
.groupt-wrapper{max-width:800px;margin:20px auto;font:400 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto}
.groupt-legend{display:flex;gap:16px;align-items:center;margin-bottom:8px;color:#334155}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.dot.available{background:#10b981}.dot.full{background:#ef4444}
.groupt-day{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin:14px 0;background:#fff}
.groupt-day h3{margin:0 0 8px 0;font-size:18px;color:#0f172a}
.groupt-slots{list-style:none;margin:0;padding:0}
.groupt-slots li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid #f1f5f9}
.groupt-slots li:first-child{border-top:none}
.slot-line{display:flex;gap:10px;align-items:center;width:100%;justify-content:space-between;flex-wrap:wrap}
.slot-line .time{color:#0f172a}
.slot-line .time strong{font-weight:700}
.slot-line .avail{color:#475569}
.groupt-book-btn,.groupt-cancel-btn{padding:6px 12px;border-radius:8px;border:1px solid #0ea5e9;background:#38bdf8;color:#fff;cursor:pointer}
.groupt-book-btn:hover,.groupt-cancel-btn:hover{opacity:.9}
.full-label{color:#ef4444;font-weight:600}
.groupt-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:9999}
.groupt-modal-content{background:#fff;border-radius:12px;max-width:420px;width:92%;padding:20px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.groupt-close{position:absolute;top:8px;right:10px;background:transparent;border:none;font-size:24px;cursor:pointer}
.field{margin-bottom:10px}
.field label{display:block;margin-bottom:4px;color:#334155}
.field input{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:8px}
.groupt-submit{display:inline-block;margin-top:6px;padding:8px 14px;border-radius:8px;border:1px solid #0ea5e9;background:#38bdf8;color:#fff;cursor:pointer}
.groupt-msg{margin-top:8px;color:#0f172a}
.groupt-empty{padding:10px;color:#6b7280;border:1px dashed #e2e8f0;border-radius:8px}
.groupt-my-list{list-style:none;margin:0;padding:0}
.groupt-my-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid #f1f5f9}
.groupt-my-list li:first-child{border-top:none}