.horizontal-tab-pane {
	-fx-background-color: #2a2a3d;
}

.horizontal-tab-pane .tab-header-area {
	-fx-background-color: #2a2a3d;
}

.horizontal-tab-pane .tab-header-area .tab-header-background {
	-fx-background-color: #2a2a3d;
}

.horizontal-tab-pane *.tab {
	-fx-background-color: linear-gradient(#f87e00, #d96800);
	-fx-font-size: 14px;
	-fx-font-weight: bold;
	-fx-border-radius: 0;
	-fx-background-radius: 0;
	-fx-padding: 6px 10px;
	-fx-border-color: transparent;
	-fx-border-width: 0px;
	-fx-pref-height: 35px;
	-fx-min-height: 35px;
	-fx-max-height: 35px;
	-fx-focus-color: transparent;
	-fx-faint-focus-color: transparent;
}

.horizontal-tab-pane *.tab:selected {
	-fx-background-color: #0078D7;
	-fx-border-color: transparent;
}

.horizontal-tab-pane *.tab:hover {
	-fx-background-color: linear-gradient(#ff9800, #e57c00);
	-fx-text-fill: white;
}

.horizontal-tab-pane *.tab:selected:hover {
	-fx-background-color: #0078D7;
}

.horizontal-tab-pane .tab-content-area {
	-fx-background-color: #3a3a4d;
	-fx-border-color: #555;
	-fx-border-width: 1px;
}

/* Esto aplica al botón que tenga la clase "active" */
.button.active {
	-fx-background-color: #0078D7; /* Color de fondo para el botón activo */
	-fx-text-fill: white; /* Color del texto */
}

.radio-button {
	-fx-font-size: 14px; /* Tamaño del texto */
	-fx-font-weight: bold; /* Negrita */
	-fx-text-fill: #ffa500; /* Color naranja para el texto */
	-fx-padding: 5 10; /* Espaciado */
}

/* Personalizar la caja del RadioButton */
.radio-button .radio {
	-fx-background-color: transparent;
	-fx-border-color: #ffa500; /* Borde naranja */
	-fx-border-width: 2; /* Grosor del borde */
	-fx-border-radius: 50%; /* Bordes redondeados para un círculo */
	-fx-min-width: 18px;
	-fx-min-height: 18px;
	-fx-max-width: 18px;
	-fx-max-height: 18px;
}

/* Efecto al pasar el mouse sobre el RadioButton */
.radio-button:hover .radio {
	-fx-border-color: #ffcc80; /* Un tono más claro al pasar el mouse */
}

/* Estilo cuando el RadioButton está seleccionado */
.radio-button:selected .radio {
	-fx-background-color: #ffa500; /* Fondo naranja al seleccionar */
	-fx-border-color: #ff6d00; /* Borde más oscuro */
}

/* Personalizar el punto dentro del RadioButton */
.radio-button:selected .dot {
	-fx-background-color: white; /* Color blanco para el punto de selección */
	-fx-shape: "M5,10 A5,5 0 1,1 15,10 A5,5 0 1,1 5,10"; /* Forma circular */
	-fx-scale-x: 0.8; /* Escalado del punto */
	-fx-scale-y: 0.8;
}

/* RadioButton deshabilitado */
.radio-button:disabled {
	-fx-opacity: 0.5; /* Reducir opacidad */
}

/* RadioButton deshabilitado sin fondo */
.radio-button:disabled .radio {
	-fx-border-color: #757575; /* Borde gris */
	-fx-background-color: #424242; /* Fondo gris oscuro */
}

/* RadioButton deshabilitado pero seleccionado */
.radio-button:disabled:selected .radio {
	-fx-background-color: #a5a5a5; /* Fondo gris */
	-fx-border-color: #757575; /* Borde gris */
}

/* RadioButton de título o categoría */
.radio-button.title {
	-fx-font-size: 16px;
	-fx-text-fill: white;
	-fx-font-weight: bold;
	-fx-padding: 10;
}
 

/* Estilo base para todos los botones */
.button {
	-fx-background-color: linear-gradient(#f87e00, #d96800);
	/* Color degradado */
	-fx-text-fill: white; /* Texto blanco */
	-fx-font-size: 14px;
	-fx-font-weight: bold;
	-fx-padding: 5 10; /* Relleno interno del botón */
	-fx-border-radius: 5; /* Bordes redondeados */
	-fx-background-radius: 5; /* Radio del fondo */
	-fx-cursor: hand; /* Cursor tipo mano */
	-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.3), 5, 0, 0, 2);
	/* Sombra ligera */
}

.square-button {
    -fx-background-radius: 0 !important;
    -fx-border-radius: 0 !important;
    -fx-text-fill: black;
}
/* Efecto al pasar el mouse sobre el botón */
.button:hover {
	-fx-background-color: linear-gradient(#ff9800, #e57c00);
	/* Colores más claros */
	-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.5), 10, 0, 0, 4);
	/* Sombra más fuerte */
}

/* Efecto al presionar el botón */
.button:pressed {
	-fx-background-color: linear-gradient(#d96800, #b85600);
	/* Colores oscuros */
	-fx-effect: innershadow(three-pass-box, rgba(0, 0, 0, 0.5), 5, 0, 0, 0);
	/* Sombra interna */
}

/* Botones deshabilitados */
.button:disabled {
	-fx-background-color: #a5a5a5; /* Fondo gris */
	-fx-text-fill: #e0e0e0; /* Texto gris claro */
	-fx-cursor: default; /* Sin cursor tipo mano */
	-fx-effect: none; /* Sin sombra */
}

/* Estilo base para todos los Label */
.label {
	-fx-font-size: 14px; /* Tamaño de fuente */
	-fx-font-weight: bold; /* Negrita */
	-fx-text-fill: #ffa500; /* Color de texto naranja */
	-fx-padding: 5 10; /* Relleno interno */
}

/* Etiqueta resaltada (por ejemplo, para advertencias o notificaciones importantes) */
.label.highlight {
	-fx-text-fill: #ff5722; /* Color rojo-naranja */
	-fx-background-color: rgba(255, 87, 34, 0.2);
	/* Fondo semitransparente */
	-fx-padding: 10 15; /* Relleno extra */
	-fx-border-color: #ff5722; /* Borde rojo-naranja */
	-fx-border-width: 2; /* Grosor del borde */
	-fx-border-radius: 5; /* Bordes redondeados */
	-fx-background-radius: 5; /* Fondo redondeado */
}

/* Etiqueta deshabilitada */
.label:disabled {
	-fx-text-fill: #a5a5a5; /* Texto gris */
	-fx-opacity: 0.6; /* Transparencia reducida */
}

/* Efecto al pasar el mouse por encima de un Label */
.label:hover {
	-fx-text-fill: #ffc107; /* Amarillo más claro */
}

/* Etiqueta para títulos o encabezados */
.label.title {
	-fx-font-size: 18px; /* Fuente más grande */
/* 	-fx-font-weight: extra-bold; Fuente más gruesa */
	-fx-text-fill: white; /* Texto blanco */
	-fx-underline: true; /* Subrayado */
	-fx-padding: 10; /* Relleno extra */
}

/* Estilo base para todos los CheckBox */
.check-box {
	-fx-font-size: 14px; /* Tamaño del texto */
	-fx-font-weight: bold; /* Negrita */
	-fx-text-fill: #ffa500; /* Color naranja para el texto */
	-fx-padding: 5 10; /* Espaciado */
}

/* Personalizar la caja del CheckBox */
.check-box .box {
	-fx-background-color: transparent;
	-fx-border-color: #ffa500; /* Borde naranja */
	-fx-border-width: 2; /* Grosor del borde */
	-fx-border-radius: 3; /* Bordes redondeados */
	-fx-min-width: 18px;
	-fx-min-height: 18px;
	-fx-max-width: 18px;
	-fx-max-height: 18px;
}

/* Efecto al pasar el mouse sobre el CheckBox */
.check-box:hover .box {
	-fx-border-color: #ffcc80; /* Un tono más claro al pasar el mouse */
}

/* Estilo cuando el CheckBox está seleccionado */
.check-box:selected .box {
	-fx-background-color: #ffa500; /* Fondo naranja al seleccionar */
	-fx-border-color: #ff6d00; /* Borde más oscuro */
}

/* Personalizar el tic dentro del CheckBox */
.check-box:selected .mark {
	-fx-background-color: white;
	/* Color blanco para la marca de selección */
	-fx-shape: "M3,6 L8,11 L13,1"; /* Personaliza la forma del check */
	-fx-scale-x: 1.2; /* Escalado del check */
	-fx-scale-y: 1.2;
}

/* CheckBox deshabilitado */
.check-box:disabled {
	-fx-opacity: 0.5; /* Reducir opacidad */
}

/* CheckBox deshabilitado sin fondo */
.check-box:disabled .box {
	-fx-border-color: #757575; /* Borde gris */
	-fx-background-color: #424242; /* Fondo gris oscuro */
}

/* CheckBox deshabilitado pero seleccionado */
.check-box:disabled:selected .box {
	-fx-background-color: #a5a5a5; /* Fondo gris */
	-fx-border-color: #757575; /* Borde gris */
}

/* CheckBox de título o categoría */
.check-box.title {
	-fx-font-size: 16px;
	-fx-text-fill: white;
	-fx-font-weight: bold;
	-fx-padding: 10;
}

/* Estilo base para la TableView */
.table-view {
	-fx-background-color: #2a2a3d; /* Fondo oscuro */
	-fx-border-color: #ffa500; /* Borde naranja */
	-fx-border-width: 2px;
	-fx-padding: 5;
	-fx-background-radius: 5;
}

/* Execute button style for table actions */
.button.execute-button {
	-fx-background-color: #4CAF50; /* Verde */
	-fx-text-fill: white;
	-fx-font-size: 12px;
	-fx-padding: 6px 12px;
	-fx-border-radius: 3px;
	-fx-background-radius: 3px;
}

/* Cabecera de la tabla */
.table-view .column-header-background {
	-fx-background-color: linear-gradient(#f87e00, #d96800);
	/* Degradado naranja */
	-fx-background-radius: 5 5 0 0;
}

/* Texto de los encabezados */
.table-view .column-header {
	-fx-font-size: 14px;
	-fx-font-weight: bold;
	-fx-text-fill: white;
	-fx-alignment: center;
}

/* Celdas de la tabla */
.table-view .table-cell {
	-fx-padding: 10;
	-fx-text-fill: white; /* Texto blanco */
	-fx-font-size: 13px;
	-fx-alignment: center-left;
}

/* Filas alternas */
.table-row-cell:odd {
	-fx-background-color: #3a3a4d; /* Gris oscuro */
}

.table-row-cell:even {
	-fx-background-color: #2a2a3d; /* Gris más oscuro */
}

/* Efecto al pasar el mouse sobre una fila */
.table-row-cell:hover {
	-fx-background-color: #4e4e63; /* Gris más claro */
}

/* Fila seleccionada */
.table-row-cell:selected {
	-fx-background-color: #ffa500; /* Naranja */
	-fx-text-fill: black;
	-fx-font-weight: bold;
}

/* ScrollBar */
.table-view .scroll-bar {
	-fx-background-color: transparent;
}

.table-view .scroll-bar .thumb {
	-fx-background-color: #ffa500; /* Color del scroll */
	-fx-background-radius: 5;
}

/* Placeholder cuando la tabla está vacía */
.table-view .placeholder {
	-fx-background-color: transparent;
}

.table-view .placeholder .label {
	-fx-text-fill: white;
	-fx-font-size: 14px;
}

.toggle-button {
	-fx-background-color: #ddd;
	-fx-padding: 5px;
	-fx-background-radius: 15px;
	-fx-min-width: 50px;
	-fx-min-height: 25px;
}

.toggle-button:selected {
	-fx-background-color: #4CAF50;
}

.toggle-button:selected .thumb {
	-fx-translate-x: 25px;
}

.toggle-button .thumb {
	-fx-background-color: white;
	-fx-background-radius: 50%;
	-fx-min-width: 20px;
	-fx-min-height: 20px;
	-fx-translate-x: 2px;
	-fx-transition: all 0.3s;
}

/* Estilo base */
.root {
	-fx-background-color: #2a2a3d;
	-fx-padding: 20;
	-fx-spacing: 15;
}

/* Etiquetas */
.form-label {
	-fx-font-size: 14px;
	-fx-font-weight: bold;
	-fx-text-fill: #ffa500; /* Naranja */
}

/* Campos de texto */
.form-field {
	-fx-background-color: #2a2a3d;
	-fx-text-fill: white;
	-fx-prompt-text-fill: #a4a4a4; /* Gris para el texto de sugerencia */
	-fx-padding: 8;
	-fx-border-radius: 4;
	-fx-background-radius: 4;
	-fx-border-color: #ffa500; /* Borde naranja */
	-fx-pref-width: 60%;
	/* El ancho por defecto será un 60% del contenedor padre */
	-fx-min-width: 200px; /* Ancho mínimo */
	-fx-max-width: 400px; /* Ancho máximo */
}

/* Botón */
.form-button {
	-fx-background-color: #f87e00;
	-fx-text-fill: white;
	-fx-font-size: 14px;
	-fx-font-weight: bold;
	-fx-padding: 10 20;
	-fx-background-radius: 5;
	-fx-cursor: hand;
	-fx-pref-width: 30%; /* El botón ocupa un 30% del contenedor */
	-fx-min-width: 100px; /* Ancho mínimo */
	-fx-max-width: 200px; /* Ancho máximo */
}

/* Delay-based next execution cell colors */
.next-execution-ready {
    -fx-text-fill: #4CAF50 !important;
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

.next-execution-never {
    -fx-text-fill: #757575 !important;
    -fx-font-size: 14px;
}

.next-execution-executing {
    -fx-text-fill: #ff9800 !important;
    -fx-font-weight: bold;
    -fx-font-size: 14px;
    -fx-background-color: rgba(255, 152, 0, 0.2) !important;
}

.next-execution-seconds {
    -fx-text-fill: #00bcd4 !important;
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

.next-execution-minutes-short {
    -fx-text-fill: #4CAF50 !important;
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

.next-execution-minutes-medium {
    -fx-text-fill: #ffc107 !important;
    -fx-font-size: 14px;
}

.next-execution-minutes-long {
    -fx-text-fill: #ff9800 !important;
    -fx-font-size: 14px;
}

.next-execution-hours {
    -fx-text-fill: #ff9800 !important;
    -fx-font-size: 14px;
}

.next-execution-days {
    -fx-text-fill: #ff5722 !important;
    -fx-font-size: 14px;
}


/* ScrollPane dark theme */
.scroll-pane {
    -fx-background-color: #2a2a3d; /* Match app dark background */
    -fx-background: #2a2a3d;
    -fx-border-color: transparent;
}

.scroll-pane > .viewport {
    -fx-background-color: transparent; /* Let content inherit dark backgrounds */
}

.scroll-pane .corner {
    -fx-background-color: #2a2a3d; /* Hide light corner */
}

/* Scroll bars inside ScrollPane */
.scroll-pane .scroll-bar {
    -fx-background-color: transparent; /* Transparent track background */
}

.scroll-pane .scroll-bar .track {
    -fx-background-color: rgba(255, 255, 255, 0.06);
    -fx-background-insets: 0;
    -fx-background-radius: 2;
}

.scroll-pane .scroll-bar .thumb {
    -fx-background-color: #ffa500; /* Orange thumb to match theme */
    -fx-background-insets: 1; /* Make thumb visually slimmer to reveal track */
    -fx-background-radius: 4;
}

.scroll-pane .increment-button,
.scroll-pane .decrement-button {
    -fx-background-color: transparent;
    -fx-padding: 0; /* Make buttons compact for thinner bar */
}

/* Make ScrollPane scroll bars thinner */
.scroll-pane .scroll-bar:vertical {
    -fx-pref-width: 8px;
}

.scroll-pane .scroll-bar:horizontal {
    -fx-pref-height: 8px;
}

/* ========================================
   Priority List View Styles
   ======================================== */

/* List View Container */
.priority-list-view {
    -fx-background-color: #2b2b2b;
    -fx-border-color: #3c3f41;
    -fx-border-width: 1px;
}

/* List Cell Base Style */
.priority-list-cell {
    -fx-background-color: #2b2b2b;
    -fx-text-fill: #cccccc;
}

/* List Cell Hover Effect */
.priority-list-cell:hover {
    -fx-background-color: #313335;
}

/* List Cell - Drag Over Top */
.priority-list-cell-drag-over-top {
    -fx-background-color: #2b2b2b;
    -fx-border-color: #4A9EFF transparent transparent transparent;
    -fx-border-width: 2 0 0 0;
}

/* List Cell - Drag Over Bottom */
.priority-list-cell-drag-over-bottom {
    -fx-background-color: #2b2b2b;
    -fx-border-color: transparent transparent #4A9EFF transparent;
    -fx-border-width: 0 0 2 0;
}

/* Drag Indicator (☰ icon) */
.priority-drag-indicator {
    -fx-font-size: 14px;
    -fx-text-fill: #808080;
    -fx-cursor: hand;
}

.priority-drag-indicator-disabled {
    -fx-font-size: 14px;
    -fx-text-fill: #555555;
    -fx-cursor: hand;
}

/* Priority Number Label */
.priority-label {
    -fx-font-weight: bold;
    -fx-font-size: 12px;
    -fx-text-fill: #4A9EFF;
}

.priority-label-disabled {
    -fx-font-weight: bold;
    -fx-font-size: 12px;
    -fx-text-fill: #ff5555;
}

/* Item Name Label */
.priority-name-label {
    -fx-font-size: 12px;
    -fx-text-fill: #cccccc;
    -fx-opacity: 1.0;
}

.priority-name-label-disabled {
    -fx-font-size: 12px;
    -fx-text-fill: #888888;
    -fx-opacity: 0.5;
}
