.pointer{
    cursor: pointer;
}

.colorButtons {
    display: block;
    margin: 20px 0;
}

canvas {
    cursor: crosshair;
}


canvas#canvas {
    left: 150px;
    top: 45px;
}


.colorpicker {
    background: transparent;
    height: 40px;
}

.bg-standby{
    opacity:1;
    background-color:#fd7e14!important
}

.bg-denied{
    opacity:1;
    background-color:#ff5043!important
}

.info-control-hour-popover {
    max-width: 390px !important;
    width: 100% !important;
    height: 470px;
    min-height : 470px;
}

.info-control-hour-popover-without-map {
    max-width: 390px !important;
    width: 100% !important;
    height: 120px;
    min-height : 120px;
}

#control-hour-geolocate-map,#activity-position {
    width: 100%; 
    height: 31vh;
    z-index:999 !important
}

#access-point-position {
    width: 100%; 
    height: 51vh;
    z-index:999 !important
}

.shade_work_days,.shade_holidays,.shade_week_days,.save_work_day {
    border-radius: 10px;
}

.fc-forecastList-button {
    color: var(--bs-info-inverse) !important;
    background-color: var(--bs-info) !important;
}

@keyframes bounce {
    from { transform: translateY(0); }
    to   { transform: translateY(-6px); }
}
#kt_offcanvas_consult .offcanvas-body {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}
#kt_consult_chat {
    flex: 1;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 1.5rem;
}
#kt_consult_chat::-webkit-scrollbar {
    width: 4px;
}
#kt_consult_chat::-webkit-scrollbar-track {
    background: transparent;
}
#kt_consult_chat::-webkit-scrollbar-thumb {
    background: #e4e6ef;
    border-radius: 4px;
}
/* Catálogo de CPV del formulario de alertas */
.cpv-picked { list-style: none; margin: 8px 0 0; padding: 0; font-size: var(--t-xs); color: var(--ink-2); }
.cpv-picked li { padding: 2px 0; }
.cpv-picked strong { color: var(--ink); font-variant-numeric: tabular-nums; margin-right: 4px; }
.cpv-picked .muted { color: var(--ink-3); }
.cpv-open { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; }
.cpv-open .icon { width: 14px; height: 14px; }
.cpv-summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: -8px 0 12px; font-size: var(--t-xs); color: var(--ink-2); }
.cpv-table td { padding: 8px 12px; }
.cpv-table__code { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.cpv-table__description { display: block; }
.cpv-table .link-button { margin-top: 2px; }
.modal--wide .cpv-table th { position: sticky; top: -20px; z-index: 1; }

/* Paginador de los listados hechos en PHP (plantilla app/Views/pagers/app_full.php) */
.list-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; font-size: var(--t-s); color: var(--ink-2); }
.pager { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.pager__item { display: inline-grid; place-items: center; min-width: 34px; height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); color: var(--ink); font-size: var(--t-s); font-weight: 600; font-variant-numeric: tabular-nums; text-decoration: none; }
.pager__item:hover { border-color: var(--line-strong); background: var(--sunken); }
.pager__item[aria-current="page"] { border-color: var(--ink); background: var(--ink); color: var(--surface); }
.pager__item[aria-disabled="true"] { color: var(--ink-3); background: var(--sunken); pointer-events: none; }
.pager__item .icon { width: 16px; height: 16px; }
.pager__next { transform: rotate(180deg); }
.pager__gap { padding: 0 4px; color: var(--ink-3); }

/* Filtros de "Mis oportunidades" */
.option-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.option-pills label { cursor: pointer; }
.option-pills input { position: absolute; opacity: 0; pointer-events: none; }
.option-pills span { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); font-size: var(--t-s); font-weight: 600; color: var(--ink-2); }
.option-pills label:hover span { border-color: var(--line-strong); color: var(--ink); }
.option-pills input:checked + span { border-color: var(--ink); background: var(--ink); color: #fff; }
.option-pills input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: -4px 0 16px; font-size: var(--t-xs); }
.active-filters__item { padding: 3px 9px; border-radius: 4px; background: var(--accent-soft); color: var(--accent); font-weight: 600; }
.tab-filters .button .counter { margin-left: 2px; }

/* Bienvenida del panel: sector + crear alerta */
.welcome-preset { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
.welcome-preset .select2-container { max-width: 100%; text-align: left; }

/* Alerta que ha traído cada licitación en "Mis oportunidades" */
.tender__alert { display: inline-flex; align-items: center; gap: 4px; max-width: 260px; }
.tender__alert span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tender__alert .icon { width: 12px; height: 12px; flex: none; }

/* select2 simple con data-allow-clear: la × iba a la izquierda y empujaba el texto; se coloca junto a la flecha */
.select2-container--default .select2-selection--single { position: relative; }
.select2-container--default .select2-selection--single .select2-selection__clear { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); height: auto; margin: 0; padding: 0 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 52px; }