/* Global */
.form-label { font-weight: 500; }

/* Preview images */
.preview-box { position: relative; display: inline-block; }
.preview-img { width: 120px; height: 120px; border: 1px solid #d0d7de; object-fit: cover; border-radius: 6px; }
.remove-btn, .zoom-btn { position: absolute; top: 5px; cursor: pointer; padding: 2px 6px; border-radius: 4px; }
.remove-btn { right: 5px; }
.zoom-btn { right: 32px; }

/* Datepicker */
.datepicker { border: 2px solid #198754; border-radius: 8px; background-color: #f8f9fa; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.datepicker .datepicker-switch { color: #198754; font-weight: bold; }
.datepicker .dow { color: #656d76; font-weight: 600; }
.datepicker table tr td { border-radius: 50%; transition: background-color 0.2s ease; }
.datepicker table tr td.day:hover { background-color: #198754; color: #fff; }
.datepicker table tr td.today { background-color: #ffc107 !important; color: #000 !important; border-radius: 50%; }
.datepicker table tr td.active { background-color: #198754 !important; color: #fff !important; border-radius: 50%; }

/* Highlight */
.highlight-yellow { background: yellow; padding: 2px; border-radius: 3px; font-weight: bold; }