/* manageMyBookings-style.css
   Aligned visual style with style.css (same colors, spacing and input/button styles)
*/

.manage-bookings-container {
    max-width: 900px;
    margin: 30px auto;
    padding: 25px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
}

.manage-bookings-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom: 12px;
}

.manage-bookings-header h2 { margin:0; font-weight:600; color:#333; }

.manage-bookings-list { width:100%; border-collapse:collapse; }
.manage-bookings-list th, .manage-bookings-list td {
    padding: 12px; vertical-align: middle; border-bottom: 1px solid #eee;
}
.manage-bookings-list th { background:#fafafa; font-weight:700; color:#333; text-align:left; }

.my-booking-item { margin-bottom: 12px; }
.my-booking-item label { display:block; margin-top:6px; font-weight:600; color:#333; }
.booking-meta { color:#666; font-size:0.95rem; margin-bottom:6px; }

.booking-actions { display:flex; gap:8px; }

.button-inline {
    padding: 10px 12px;
    border-radius: 5px;
    border: 1px solid #0073aa;
    background-color: #fff;
    color: #0073aa;
    font-weight:700;
    cursor:pointer;
    text-decoration:none;
}
.button-inline:hover, .button-inline.selected { background-color:#0073aa; color:#fff; }

.button-danger { border-color:#d6453b; color:#d6453b; }
.button-danger:hover { background:#d6453b; color:#fff; }

.edit-form {
    margin-top: 8px;
    padding: 14px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
}

.edit-form input[type="text"], .edit-form select {
    width:100%; padding:10px 12px; border:1px solid #bbb; border-radius:5px; box-sizing:border-box;
}
.edit-form input[type="text"]:focus, .edit-form select:focus { border-color:#0073aa; outline:none; }

.edit-form .row { display:flex; gap:8px; }
.edit-form .col { flex:1; }

.inline-success, .inline-error { display:inline-block; margin-left:8px; padding:6px 8px; border-radius:6px; font-weight:700; }
.inline-success { border:1px solid #4CAF50; background:#e8f5e9; color:#2e7d32; }
.inline-error { border:1px solid #f44336; background:#fdecea; color:#c62828; }

.no-bookings { text-align:center; padding:30px 10px; color:#666; }

@media (max-width:800px) {
    .manage-bookings-container { padding:18px; }
    .manage-bookings-list th, .manage-bookings-list td { padding:8px; font-size:14px; }
}