
/* ============================================================
   v20.66 — restored Bookings timeline + reliable Analytics mini timeline
   ============================================================ */
.booking-day-timeline-v2066{display:block!important;width:100%!important;margin-top:16px!important}
.booking-day-timeline-v2066 .booking-timeline-eyebrow-v2062{font-size:11px}
.booking-day-timeline-v2066 .booking-timeline-slots-v2062{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px}
.booking-day-timeline-v2066 .booking-slot-v2062{min-height:62px}
.booking-day-timeline-v2066 .booking-slot-v2062 .slot-time{direction:rtl}

.analytics-booking-mini-v2066{display:block!important;margin-top:9px;padding:7px 8px;border:1px solid #e2e8f0;border-radius:11px;background:#fbfdff;box-shadow:0 2px 8px rgba(15,23,42,.035);min-height:58px}
.analytics-booking-mini-head-v2066{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.analytics-booking-mini-title-v2066{display:flex;align-items:center;gap:6px;min-width:0}
.analytics-booking-mini-title-v2066>i{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:12px;flex:none}
.analytics-booking-mini-title-v2066>div{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.analytics-booking-mini-title-v2066 b{font-size:9.5px;color:#172033;font-weight:900;white-space:nowrap}
.analytics-booking-mini-title-v2066 span{font-size:8px;color:#64748b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-booking-mini-open-v2066{width:25px!important;height:25px!important;padding:0!important;border:1px solid #93c5fd!important;border-radius:7px!important;background:#eff6ff!important;color:#1d4ed8!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex:none!important;font-size:12px!important;position:relative!important;z-index:3!important}
.analytics-booking-mini-open-v2066:hover{background:#dbeafe!important;transform:translateY(-1px)}
.analytics-booking-mini-slots-v2066{display:grid!important;grid-template-columns:repeat(12,minmax(24px,1fr));gap:3px;width:100%;min-height:25px}
.analytics-booking-mini-slot-v2066{height:25px;min-width:0;border:1px solid #dbe4ee;border-radius:6px;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;padding:0 1px;font-family:'Cairo',sans-serif;font-size:7px;font-weight:800;white-space:nowrap;line-height:1;position:relative;overflow:hidden}
.analytics-booking-mini-slot-v2066.booked{background:#dcfce7;border-color:#4ade80;color:#166534;box-shadow:inset 0 -2px 0 #22c55e}
.analytics-booking-mini-slot-v2066.booked::after{content:'';position:absolute;top:3px;left:3px;width:4px;height:4px;border-radius:2px;background:#16a34a}
.analytics-booking-mini-slot-v2066.closed{grid-column:1/-1;height:27px;color:#94a3b8;background:#f8fafc}
body.dark-mode .analytics-booking-mini-v2066{background:#111827;border-color:#334155}
body.dark-mode .analytics-booking-mini-title-v2066 b{color:#f8fafc}
body.dark-mode .analytics-booking-mini-title-v2066 span{color:#cbd5e1}
body.dark-mode .analytics-booking-mini-slot-v2066{background:#172033;border-color:#334155;color:#cbd5e1}
body.dark-mode .analytics-booking-mini-slot-v2066.booked{background:#123b2a;border-color:#22c55e;color:#bbf7d0}
@media(max-width:900px){.analytics-booking-mini-slots-v2066{grid-template-columns:repeat(6,minmax(28px,1fr))}}

/* ============================================================
   v20.67 — booking slot states, dialogs and mobile-only refinements
   ============================================================ */
.booking-slot-v2062.pending{background:linear-gradient(180deg,#ffedd5 0%,#fff7ed 100%)!important;border-color:#fb923c!important;color:#9a3412!important}
.booking-slot-v2062.pending .slot-state{color:#ea580c!important}.booking-slot-v2062.pending:before{background:#f97316!important}
.analytics-booking-mini-slot-v2066.pending{background:#ffedd5!important;border-color:#fb923c!important;color:#9a3412!important;box-shadow:inset 0 -2px 0 #f97316!important}
.analytics-booking-mini-slot-v2066.pending::after{content:'';position:absolute;top:3px;left:3px;width:4px;height:4px;border-radius:2px;background:#f97316}
body.dark-mode .booking-slot-v2062.pending{background:linear-gradient(180deg,rgba(154,52,18,.5),rgba(124,45,18,.35))!important;border-color:#fb923c!important;color:#ffedd5!important}
body.dark-mode .analytics-booking-mini-slot-v2066.pending{background:#5b2b13!important;border-color:#fb923c!important;color:#ffedd5!important}
.booking-timeline-empty-v2067{grid-column:1/-1;padding:16px;text-align:center;color:#94a3b8;font-weight:800}
.booking-slot-modal-v2067{position:fixed;inset:0;z-index:10080;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;direction:rtl;font-family:'Cairo',sans-serif}
.booking-slot-modal-shell-v2067{width:min(94vw,760px);max-height:88vh;overflow:hidden;background:#fff;border:1px solid #dbe4ef;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);display:flex;flex-direction:column}
.booking-slot-modal-head-v2067{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#eff6ff,#fff);border-bottom:1px solid #dbe4ef}.booking-slot-modal-head-v2067>div{display:flex;flex-direction:column}.booking-slot-modal-head-v2067 span{font-size:15px;font-weight:900;color:#172033}.booking-slot-modal-head-v2067 small{font-size:10px;color:#64748b;font-weight:800}.booking-slot-modal-head-v2067>button{width:32px;height:32px;border:0;border-radius:9px;background:#fee2e2;color:#b91c1c;font-size:20px;cursor:pointer}.booking-slot-modal-body-v2067{padding:14px;overflow:auto;display:grid;gap:12px}
.booking-slot-detail-card-v2067{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}.booking-slot-detail-name-v2067{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.booking-slot-detail-name-v2067>b{font-size:15px;color:#172033}.booking-status-pill-v2067{border-radius:999px;padding:4px 9px;font-size:9px;font-weight:900}.booking-status-pill-v2067.pending{background:#ffedd5;color:#c2410c}.booking-status-pill-v2067.confirmed{background:#dcfce7;color:#166534}.booking-slot-detail-grid-v2067{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.booking-slot-detail-grid-v2067>div{border:1px solid #edf2f7;border-radius:9px;padding:7px 8px;background:#f8fafc;min-width:0}.booking-slot-detail-grid-v2067 span{display:block;font-size:8px;color:#64748b;font-weight:800}.booking-slot-detail-grid-v2067 b{display:block;font-size:10px;color:#172033;font-weight:900;white-space:normal;overflow-wrap:anywhere}.booking-slot-detail-actions-v2067{display:flex;gap:8px;margin-top:10px}.booking-slot-detail-actions-v2067 button{flex:1;height:35px;border-radius:9px;font-family:'Cairo',sans-serif;font-size:10px;font-weight:900;cursor:pointer}.booking-slot-detail-actions-v2067 .reschedule{border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8}.booking-slot-detail-actions-v2067 .cancel{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c}
.booking-free-new-v2067{width:100%;border:1px solid #86efac;background:#f0fdf4;border-radius:13px;padding:13px;display:grid;grid-template-columns:32px 1fr;column-gap:9px;row-gap:1px;text-align:right;color:#166534;cursor:pointer}.booking-free-new-v2067 i{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:#dcfce7;display:flex;align-items:center;justify-content:center;font-size:16px}.booking-free-new-v2067 b{font-size:12px}.booking-free-new-v2067 span{font-size:9px;color:#64748b;font-weight:700}.booking-free-move-v2067{border:1px solid #dbe4ef;border-radius:13px;padding:12px;background:#f8fafc;display:grid;grid-template-columns:1fr auto;gap:9px}.booking-free-move-v2067>div{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#334155}.booking-free-move-v2067>div b{font-size:11px}.booking-free-move-v2067 select{min-width:0;height:38px;font-size:10px;font-family:'Cairo',sans-serif}.booking-free-move-v2067>button{height:38px;border:0;border-radius:9px;background:#213d7d;color:#fff;padding:0 14px;font-family:'Cairo',sans-serif;font-size:10px;font-weight:900;cursor:pointer}
body.dark-mode .booking-slot-modal-shell-v2067,body.dark-mode .booking-slot-detail-card-v2067{background:#101827;border-color:#334155}body.dark-mode .booking-slot-modal-head-v2067{background:linear-gradient(135deg,#14213a,#101827);border-color:#334155}body.dark-mode .booking-slot-modal-head-v2067 span,body.dark-mode .booking-slot-detail-name-v2067>b,body.dark-mode .booking-slot-detail-grid-v2067 b{color:#f8fafc}body.dark-mode .booking-slot-modal-head-v2067 small,body.dark-mode .booking-slot-detail-grid-v2067 span{color:#cbd5e1}body.dark-mode .booking-slot-detail-grid-v2067>div,body.dark-mode .booking-free-move-v2067{background:#111827;border-color:#334155}body.dark-mode .booking-free-move-v2067>div{color:#e2e8f0}
#bookings-table-footer .bookings-footer-page-btn{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;padding:0!important;border-radius:7px!important;margin:0 2px!important}
#bookings-table-footer .bookings-footer-nav-btn{height:32px!important;padding:0 10px!important;border-radius:7px!important}

@media(max-width:700px){
  .bookings-calendar-en-v2067{display:none!important}
  #analytics-smart-calendar-card .analytics-header{font-size:13px!important;white-space:nowrap!important}
  .analytics-booking-mini-open-v2065,.analytics-booking-mini-open-v2066{width:23px!important;min-width:23px!important;max-width:23px!important;height:23px!important;min-height:23px!important;max-height:23px!important;flex:0 0 23px!important;padding:0!important;border-radius:6px!important}
  .analytics-period-box,.analytics-toggles-box{padding:7px!important;margin-bottom:10px!important;border-radius:10px!important}
  .analytics-period-box .analytics-controls-row,.analytics-toggles-box .analytics-controls-row{gap:4px!important}
  .analytics-period-box .btn,.analytics-toggles-box .btn{min-height:29px!important;padding:3px 6px!important;font-size:8.5px!important;border-radius:7px!important;line-height:1.2!important}
  .analytics-period-box .btn i,.analytics-toggles-box .btn i{font-size:10px!important;margin:0 2px!important}

  #tab-employees .emp-stats-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}
  #tab-employees .emp-stats-row>.emp-stat-card{min-width:0!important;width:auto!important;padding:9px 5px!important;gap:5px!important}
  #tab-employees .emp-stats-row>.emp-stat-card:nth-child(1),#tab-employees .emp-stats-row>.emp-stat-card:nth-child(2){grid-column:span 3!important}
  #tab-employees .emp-stats-row>.emp-stat-card:nth-child(3),#tab-employees .emp-stats-row>.emp-stat-card:nth-child(4),#tab-employees .emp-stats-row>.emp-stat-card:nth-child(5){grid-column:span 2!important}
  #tab-employees .emp-stats-row .emp-stat-card h3{font-size:11.5px!important;white-space:nowrap!important}
  #tab-employees .emp-stats-row .pc26-staff-launch h3{font-size:0!important}
  #tab-employees .emp-stats-row .pc26-staff-launch h3::after{content:'مراسلة الكادر';font-size:11.5px!important;font-weight:700!important}

  #tab-bookings .bookings-summary-cards-row .booking-stat-line-v2054 .card-label{font-size:10.5px!important}
  #tab-bookings .bookings-summary-cards-row .booking-stat-line-v2054 .card-value{font-size:13.5px!important}
  #tab-bookings .bookings-summary-cards-row .summary-stat-card.total .card-label{font-size:0!important}
  #tab-bookings .bookings-summary-cards-row .summary-stat-card.total .card-label::after{content:'كل الحجوزات';font-size:10.5px!important}
  #tab-bookings .bookings-summary-cards-row .summary-stat-card.confirmed .card-label{font-size:0!important}
  #tab-bookings .bookings-summary-cards-row .summary-stat-card.confirmed .card-label::after{content:'الحجز المؤكد';font-size:10.5px!important}

  .booking-day-timeline-v2066{padding:8px!important;margin-top:10px!important;border-radius:12px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important}
  .booking-day-timeline-v2066 .booking-timeline-head-v2062{order:1;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin-bottom:7px!important;width:100%!important}
  .booking-day-timeline-v2066 .booking-timeline-head-v2062>div:first-child{display:block!important;width:100%!important;min-width:0!important}
  .booking-day-timeline-v2066 .booking-timeline-eyebrow-v2062{display:flex!important;width:100%!important;font-size:8.5px!important;margin:0 0 2px!important;white-space:nowrap!important}
  .booking-day-timeline-v2066 #booking-timeline-title-v2066{display:block!important;width:100%!important;font-size:12px!important;line-height:1.35!important;margin:0!important;white-space:normal!important}
  .booking-day-timeline-v2066 #booking-timeline-sub-v2066{display:none!important}
  .booking-day-timeline-v2066 .booking-timeline-actions-v2062{width:100%!important;justify-content:flex-start!important;gap:4px!important}
  .booking-day-timeline-v2066 .booking-timeline-nav-v2062{width:28px!important;height:27px!important}.booking-day-timeline-v2066 .booking-timeline-today-v2062{height:27px!important;padding:0 9px!important;font-size:9px!important}
  .booking-day-timeline-v2066 #booking-timeline-days-v2066{order:2;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;width:100%!important;margin-bottom:7px!important}
  .booking-day-timeline-v2066 .booking-day-chip-v2062{min-width:0!important;padding:4px 1px!important;border-radius:7px!important;overflow:hidden!important}
  .booking-day-timeline-v2066 .booking-day-chip-v2062 .day-name{font-size:6.3px!important;overflow:hidden!important;text-overflow:clip!important}
  .booking-day-timeline-v2066 .booking-day-chip-v2062 .day-date{font-size:8.5px!important;margin:1px 0!important}
  .booking-day-timeline-v2066 .booking-day-chip-v2062 .day-count{font-size:5.8px!important;overflow:hidden!important}
  .booking-day-timeline-v2066 #booking-timeline-slots-v2066{order:3;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .booking-day-timeline-v2066 .booking-slot-v2062{min-width:0!important;width:100%!important;min-height:48px!important;padding:4px 2px!important;border-radius:8px!important}
  .booking-day-timeline-v2066 .booking-slot-v2062 .slot-time{font-size:9px!important}.booking-day-timeline-v2066 .booking-slot-v2062 .slot-state{font-size:6.5px!important}
  .booking-day-timeline-v2066 .booking-timeline-summary-v2062{order:4;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;margin:8px 0 0!important}
  .booking-day-timeline-v2066 .booking-timeline-summary-v2062>div{min-width:0!important;min-height:34px!important;padding:4px 5px!important;gap:4px!important;border-radius:8px!important}
  .booking-day-timeline-v2066 .booking-timeline-summary-v2062>div:nth-child(1){grid-column:1;grid-row:1}.booking-day-timeline-v2066 .booking-timeline-summary-v2062>div:nth-child(3){grid-column:2;grid-row:1}.booking-day-timeline-v2066 .booking-timeline-summary-v2062>div:nth-child(4){grid-column:3;grid-row:1}.booking-day-timeline-v2066 .booking-timeline-summary-v2062>div:nth-child(2){grid-column:1/-1;grid-row:2;justify-content:center!important}
  .booking-day-timeline-v2066 .booking-timeline-summary-v2062 i{font-size:11px!important}.booking-day-timeline-v2066 .booking-timeline-summary-v2062 span{font-size:7px!important}.booking-day-timeline-v2066 .booking-timeline-summary-v2062 b{font-size:8.5px!important}
  .booking-day-timeline-v2066 .booking-timeline-legend-v2062{order:5;font-size:7px!important;gap:7px!important;margin-top:7px!important}.booking-day-timeline-v2066 .booking-timeline-tip-v2062{display:none!important}
  .booking-slot-modal-v2067{padding:7px!important}.booking-slot-modal-shell-v2067{width:100%!important;max-height:94vh!important;border-radius:13px!important}.booking-slot-detail-grid-v2067{grid-template-columns:repeat(2,minmax(0,1fr))!important}.booking-slot-detail-actions-v2067{flex-direction:column!important}.booking-free-move-v2067{grid-template-columns:1fr!important}.booking-free-move-v2067>div{grid-column:1!important}
  #bookings-table-footer .bookings-footer-page-btn{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important}
}

