.appointment-mobile-list{display:none}
@media(max-width:800px){.appointment-desktop{display:none}.appointment-mobile-list{display:grid;gap:16px;margin-top:17px}.appointment-mobile-card{background:#fff;border:1px solid #dfe5f0;border-radius:13px;padding:19px;min-width:0}.appointment-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.appointment-card-time{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.appointment-card-time>strong{font-size:1.5rem;font-weight:600;color:#2855ff;letter-spacing:-.03em;line-height:1.25}.appointment-card-time>span{font-size:.8125rem;color:#768297}.appointment-card-status{display:inline-flex;padding:6px 10px;border-radius:6px;background:#edf1ff;color:#2855ff;font-size:.75rem;font-weight:500;line-height:1.6;white-space:normal;max-width:45%}.appointment-mobile-card h3{font-size:1.125rem;font-weight:600;color:#273447;margin:0;line-height:1.5;letter-spacing:-.02em;overflow-wrap:anywhere}.appointment-card-phone{font-size:.875rem;color:#7a8697;margin:3px 0 16px;line-height:1.6}.appointment-card-service{padding:14px 0;border-top:1px solid #edf0f6}.appointment-card-service>span,.appointment-card-professional>span,.appointment-card-payment span{font-size:.75rem;color:#818c9e;display:block;line-height:1.6}.appointment-card-service p{font-size:1rem;color:#354154;margin:4px 0 0;line-height:1.65}.appointment-card-professional{display:flex;align-items:baseline;gap:11px;padding-bottom:14px;flex-wrap:wrap}.appointment-card-professional strong{font-size:.875rem;font-weight:500;color:#49566b}.appointment-card-business{font-size:.875rem;color:#738199;margin:0 0 13px}.appointment-card-payment{border-top:1px solid #edf0f6;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px;margin-bottom:17px}.appointment-card-payment strong{font-size:1rem;font-weight:500;color:#354154;display:block;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.appointment-card-payment .payment-pending{color:#866821;font-size:.875rem}.appointment-card-payment .payment-received{color:#26734e;font-size:.875rem}.appointment-mobile-card>button{width:100%;min-height:44px;border-radius:7px;font-size:.875rem;padding:11px;background:#f8faff;border-color:#dce5f6}.appointment-mobile-card>button:hover{background:#edf1ff}.appointment-mobile-card .tag{width:auto}.appointment-mobile-card p{max-width:none}}
@media(max-width:360px){.appointment-mobile-card{padding:16px}.appointment-card-time{gap:7px}.appointment-card-time>strong{font-size:1.35rem}.appointment-card-top{gap:8px}.appointment-card-payment{gap:9px}}
@media(max-width:800px){.appointment-mobile-card{background:#f1f5ff;border-color:#cedafb;border-left:3px solid #7292ff;box-shadow:0 3px 12px #2855ff06}.appointment-card-service,.appointment-card-payment{border-color:#dce5f8}.appointment-card-status{background:#e0e9ff;color:#244edf}.appointment-mobile-card>button{background:#fff;border-color:#cbd9fc}.appointment-card-service>span,.appointment-card-professional>span,.appointment-card-payment span,.appointment-card-phone,.appointment-card-time>span{color:#697890}}