#ges-app.ges-app{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;max-width:520px;padding:20px}
#ges-app .ges-field{margin:12px 0}
#ges-app label{display:block;margin:0 0 6px;font-weight:600}
#ges-app input[type=date],#ges-app input[type=text],#ges-app input[type=tel]{width:100%;padding:8px 10px;border:1px solid #d0d7de;border-radius:4px}
#ges-app .ges-slots{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;justify-content:center}

#ges-app .ges-no-slots{padding:8px 10px;color:#555;background:#f6f7f7;border:1px dashed #d0d7de;border-radius:4px;text-align:center}
#ges-app .ges-error{padding:8px 10px;color:#b00020;background:#fff5f5;border:1px solid #f5c2c7;border-radius:4px;text-align:center}
#ges-app .ges-slot{padding:8px 12px;border:1px solid #d0d7de;background:#fff;border-radius:4px;cursor:pointer;color:#2c3e50;font-weight:500;transition:all 0.2s ease}
#ges-app .ges-slot:hover{background:#f8f9fa;border-color:#2271b1}
#ges-app .ges-slot.active{background:#2271b1;border-color:#2271b1;color:#fff;font-weight:600}
#ges-app .ges-slot.unavailable{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}
#ges-app .ges-slot.unavailable:hover{background:#f5f5f5;border-color:#ddd}
#ges-app .ges-slot.past-time{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}
#ges-app .ges-slot.past-time:hover{background:#f5f5f5;border-color:#ddd}
#ges-app .ges-loading{padding:8px 10px;color:#666;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;text-align:center;font-style:italic;margin-top:20px}
#ges-app .ges-actions{margin-top:8px}
#ges-app button{padding:8px 12px;border:0;border-radius:4px;background:#2271b1;color:#fff;cursor:pointer}
#ges-app .ges-message{margin-top:8px;text-align:center;padding:10px;border-radius:4px}
#ges-app .ges-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
#ges-app .ges-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}

/* Form spacing */
#ges-app input[type="text"], #ges-app input[type="tel"] {
	margin-top: 20px;
	margin-bottom: 15px;
}

#ges-app button[type="button"] {
	margin-top: 15px;
}

/* calendar */
#ges-app .ges-calendar{border:1px solid #d0d7de;border-radius:6px;overflow:hidden;margin-bottom:30px}
#ges-app .ges-cal-header{display:flex;align-items:center;justify-content:space-between;background:#f6f7f7;padding:8px 10px}
#ges-app .ges-cal-title{font-weight:600}
#ges-app .ges-cal-nav{background:#fff;color:#111;border:1px solid #d0d7de;border-radius:4px;padding:4px 10px}
#ges-app .ges-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border-top:1px solid #d0d7de}
#ges-app .ges-cal-wd{font-size:12px;font-weight:600;text-align:center;padding:6px 0;background:#fafafa;border-right:1px solid #eee}
#ges-app .ges-cal-wd:nth-child(7n){border-right:0}
#ges-app .ges-cal-day{padding:10px 0;background:#fff;color:#111;border-right:1px solid #eee;border-bottom:1px solid #eee;min-height:40px}
#ges-app .ges-cal-day:nth-child(7n){border-right:0}
#ges-app .ges-cal-day.is-out{color:#8a8f98;background:#fcfcfc}
#ges-app .ges-cal-day.is-today{outline:2px solid #2271b1}
#ges-app .ges-cal-day.is-selected{background:#2271b1;color:#fff}
#ges-app .ges-cal-day.is-past{color:#ccc;background:#f9f9f9;cursor:not-allowed;opacity:0.6}
#ges-app .ges-cal-day.is-past:hover{background:#f9f9f9;color:#ccc}