.playtomic-card{cursor:pointer}.playtomic-card:hover{border-color:#c8e0ed}.playtomic-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.playtomic-card h2{margin:7px 0 3px}.playtomic-live{display:flex;align-items:center;gap:5px;color:#249875;font-size:10px;font-weight:750}.playtomic-live i{width:7px;height:7px;border-radius:50%;background:#32b88d;box-shadow:0 0 0 4px #32b88d1e}.playtomic-courts{display:flex;flex-direction:column;margin:29px 0 22px}.playtomic-courts>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #edf0f5}.playtomic-courts>div:first-child{border-top:0}.playtomic-courts strong{font-size:12px;color:#35425d}.playtomic-courts small{font-size:9px;color:#9aa4b7}.playtomic-open{width:100%;border:1px solid #dceaf3;background:#f4faff;color:#177cb4;border-radius:9px;padding:10px;font-size:10px;font-weight:750;cursor:pointer}.playtomic-open:hover{background:#e8f5fc}.playtomic-modal{width:min(1000px,100%)}.playtomic-frame-wrap{height:min(70vh,650px);background:#f4f7fb;overflow:hidden}.playtomic-frame-wrap iframe{width:100%;height:100%;border:0;background:#fff}.playtomic-modal .modal-foot a{text-decoration:none}@media(max-width:600px){.playtomic-frame-wrap{height:68vh}.playtomic-courts{margin-top:20px}}
.playtomic-live.offline{color:#b65353}.playtomic-live.offline i{background:#d66a6a;box-shadow:0 0 0 4px #d66a6a1e}.playtomic-booking-list{display:flex;flex-direction:column;gap:0;max-height:220px;overflow:auto}.playtomic-booking-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 2px;border-top:1px solid #eff0f3}.playtomic-booking-row:first-child{border-top:0}.playtomic-booking-time{display:flex;flex-direction:column;gap:2px}.playtomic-booking-time strong{color:#252b38;font-size:12px;font-weight:700}.playtomic-booking-time span,.playtomic-booking-main span{color:#8d94a1;font-size:9px}.playtomic-booking-main{display:flex;min-width:0;flex-direction:column;gap:3px}.playtomic-booking-main strong{overflow:hidden;color:#3c465a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.playtomic-booking-status{display:inline-flex;align-items:center;gap:5px;color:#8b909b;font-size:9px;white-space:nowrap}.playtomic-booking-status i{width:6px;height:6px;border-radius:50%;background:#abb1bc}.playtomic-booking-status.is-live{color:#188b65}.playtomic-booking-status.is-live i{background:#26b17d}.playtomic-empty{padding:15px 5px;color:#858c99;font-size:10px;line-height:1.5}.playtomic-card-foot{display:flex;align-items:center;justify-content:space-between;margin:5px 0 10px;color:#969ca8;font-size:9px}.playtomic-refresh{width:27px;height:27px;border:1px solid #e8ebf0;border-radius:50%;background:#fff;color:#67758c;font-size:18px;line-height:1;cursor:pointer}.playtomic-refresh:hover{background:#f2f7ff;color:#087cff}.playtomic-modal{width:min(760px,100%)}.playtomic-modal .modal-body{min-height:220px}.playtomic-modal-status{margin-bottom:12px;color:#858c99;font-size:11px}.playtomic-booking-list-full{max-height:min(60vh,560px)}.playtomic-booking-list-full .playtomic-booking-row{grid-template-columns:100px minmax(0,1fr) 110px;padding:15px 5px}.playtomic-booking-list-full .playtomic-booking-time strong{font-size:14px}.playtomic-booking-list-full .playtomic-booking-main strong{font-size:13px}.playtomic-booking-list-full .playtomic-booking-main span{font-size:11px}.playtomic-modal .modal-foot{display:flex;justify-content:flex-end;gap:9px}.playtomic-modal .modal-foot a{text-decoration:none}@media(max-width:600px){.playtomic-booking-row{grid-template-columns:54px minmax(0,1fr);gap:8px}.playtomic-booking-status{grid-column:2}.playtomic-booking-list-full .playtomic-booking-row{grid-template-columns:58px minmax(0,1fr);padding:12px 3px}.playtomic-modal .modal-foot{flex-wrap:wrap}.playtomic-modal .modal-foot>*{flex:1;text-align:center}}