/* Core visual */
.tripcal-pro-wrap{max-width:100%;margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:#222}
.tripcal-pro-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0}
.badge{background:#1976d2;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px}
.badge.view{background:#9e9e9e}
.month-title{text-align:center;margin:12px 0}
.calendar{width:100%;border-collapse:collapse;table-layout:fixed}
.calendar th,.calendar td{border:1px solid #ddd;vertical-align:top;padding:6px}
.calendar th{background:#f5f5f5;text-align:center}
.day-cell{height:400px;position:relative}
.date{font-weight:bold}
.location{font-weight:bold;color:#1a237e;margin-top:4px;padding:2px 4px;border-radius:4px;background:#e8eaf6}
.pills{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.pill{display:inline-block;background:#c8e6c9;color:#1b5e20;padding:2px 6px;border-radius:999px;font-size:12px}
.notes{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.note{font-size:13px;color:#111;border:1px dashed #bbb;border-radius:6px;padding:6px;background:#fafafa}
.scrollable{overflow:auto;max-height:280px}
.tools{position:absolute;bottom:6px;left:6px;right:6px;display:flex;justify-content:flex-end}

/* Buttons */
.btn{background:#1976d2;color:#fff;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}
.btn.small{padding:4px 8px;font-size:12px;border-radius:6px}
.btn.light{background:#607d8b}
.btn.warn{background:#c62828}

/* Modal */
.tripcal-modal{position:fixed;inset:0;z-index:9999}
.tripcal-modal[hidden]{display:none}
.tripcal-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.tripcal-modal__dialog{position:relative;background:#fff;max-width:900px;margin:5vh auto;padding:16px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.tripcal-modal__close{position:absolute;top:8px;left:8px;background:transparent;border:0;font-size:18px;cursor:pointer}
.tripcal-modal__body{margin-top:18px}
.tripcal-modal__content{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.note-edit{display:flex;gap:8px;align-items:center;margin:4px 0}
.note-edit .note-text{flex:1;padding:6px;border:1px solid #ccc;border-radius:6px}
.note-edit .note-color{width:40px;height:34px;padding:0;border:1px solid #ccc;border-radius:6px}
.tripcal-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

/* page state */
.tripcal-modal-open{overflow:hidden}

/* Overlay שקוף ולא תופס קליקים */
.modal-backdrop,
.tripcal-backdrop,
.tc-overlay,
.tripcal-overlay {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* המודל עצמו – פעיל ונגלל בנוחות */
.tc-modal, .tripcal-modal, .modal[role="dialog"] {
  pointer-events: auto !important;
  background: #fff !important;
}
.tc-modal .modal-body,
.tripcal-modal .modal-body,
.modal[role="dialog"] .modal-body {
  max-height: 72vh !important;
  overflow: auto !important;
}

/* (רשות) תאי יום שאינם קשורים לבעיה הנוכחית */
.calendar td { max-height: 400px; vertical-align: top; }
.calendar td .notes { max-height: 280px; overflow: auto; }