/* themes/filerun/theme.css */
:root {
  /* Variables originales... */
  
  /* Couleurs principales */
  --color-white: #ffffff;
  --color-white-2: #2D75BC;
  --color-black: #000000;
  --color-light: #f5f7fa;
  --color-light-alt: #edf2f7;
  
  /* Palette de bleus */
  --color-primary: #2D75BC;
  --color-primary-light: #4A90E2;
  --color-primary-dark: #1C5A94;
  --color-primary-subtle: rgba(45, 117, 188, 0.1);
  
  /* Variables d'interface avec plus de contraste */
  --theme-filelist-bg: var(--color-primary);
  --theme-lighter: var(--color-primary-light);
  --theme-menu-highlight: var(--color-light);
  --theme-menu-highlight2: var(--color-primary-light);
  --theme-text: var(--color-gray-800);
  --theme-textLight: var(--color-gray-800);
  --theme-textOnMain: var(--color-white);
  --theme-main: var(--color-accent);
  --theme-main2: var(--color-white);
  --theme-main2b: var(--color-primary);
  --theme-color-l: var(--color-white);
  --theme-textOnLighter: var(--color-white);
  
  --theme-bg: var(--color-white);
  --hBCol: var(--color-primary);
  --sBCol: var(--color-primary);
  --sBr: var(--radius-sm);
  --mBr: var(--radius-md);
  --lBr: var(--radius-lg);
}

.x-tree-node-el{border-radius:var(--radius-sm)}.fr-sharing-panel .x-tree.plain-list .x-panel-body{padding-left:0}.fr-sharing-panel #optPane .x-panel-header{padding-left:0;padding-right:0}

html, html * {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) var(--color-primary-light);
}

/* Styles avec contraste amélioré */
.fr-btn-primary, .fr-btn-primary:hover, .x-date-inner .x-date-selected a, .x-combo-list .x-combo-selected, .x-list-selected, .comment.own .text, .bubbleCount div, .fr-prv-nav-btn-hover, .x-progress-bar, .ux-progress-cell-foreground {
    background-color: var(--color-primary) !important;
    color: white !important;
}

.x-toolbar div, .x-toolbar input, .x-toolbar label, .x-toolbar select, .x-toolbar span, .x-toolbar td {
    white-space: nowrap;
    color: var(--color-gray-900);
    font-weight: 500;
}

/* Améliorer le contraste des éléments de l'arborescence */
.x-tree-node-el .x-tree-node-icon, .x-tree-node-el a {
    color: var(--color-gray-900);
    font-weight: 500;
}

.fa-folder, .fa-folder-user, .fa-file {
    color: var(--color-primary-dark);
}

/* Sélection plus visible */
.x-tree-node .x-tree-selected {
    background-color: var(--color-primary-subtle);
    border-radius: var(--radius-sm);
}

.x-tree-node .x-tree-selected a, .x-grid3-row-selected, .tmbItemSel .name, .fr-info-panel .x-tab-strip-active .fa {
    color: var(--color-primary-dark);
    font-weight: bold;
}

.x-tree-node .x-tree-selected i.x-tree-node-icon, .x-tree-node .x-tree-selected .x-tree-ec-icon {
    color: var(--color-primary-dark) !important;
}

/* Meilleur contraste pour les liens et boutons */
a, .fr-btn-link, .fr-details-fields .field.title .value a:hover, .fr-details-fields .field.title .editIcon:hover i, .x-tab-strip-active span.x-tab-strip-text {
    color: var(--color-primary-dark);
    font-weight: 500;
}

.fr-btn-new .fa {
    color: var(--color-primary-dark);
    font-weight: bold;
}

/* Meilleur contraste pour les textes dans les panneaux */
.fr-details-fields .field.title .name {
    color: var(--color-gray-900);
    font-weight: 500;
}

/* Contraste amélioré pour les boutons et actions */
.frBtn {
    font-weight: 500;
}

.frBtn:hover {
    background-color: var(--color-primary-light);
    color: var(--color-white) !important;
}

.headerTbar .frBtn.x-btn-text-icon:hover {
    background-color: var(--color-primary-light);
}

/* Améliorer le contraste des éléments de navigation */
#FR-Info-Region .x-tool-collapse, #FR-Tree-Region .x-tool-collapse {
    color: var(--color-gray-900);
    opacity: 1;
}

.fa-angle-down:before {
    content: "\f107";
    color: var(--color-gray-900);
}

/* Éléments sélectionnés dans la vue grille/thumbnails */
.tmbItemSel .fa-file, .tmbItemSel .fa-folder, .tmbItemSel .fa-folder-user,
.gridItem.tmbItemSel .name {
    color: var(--color-primary-dark);
    font-weight: bold;
}

.x-tree-root-node > .x-tree-node > .x-tree-node-el {
    background-color: var(--color-gray-200);
}

/* Contraste amélioré pour la barre d'outils en haut */
.headerTbar.highlighted {
    background-color: var(--color-primary-dark);
}

.headerTbar .frBtn {
    color: var(--color-white) !important;
    font-weight: bold;
}

.x-panel-header {
    background-color: var(--color-gray-200);
    border-bottom: 1px solid var(--color-gray-300);
}

.fr-info-panel>.x-panel-header>.header-text {
    color: var(--color-gray-900);
    font-weight: 600;
}

/* Améliorer le contraste des icônes et textes dans la barre latérale */
.x-tree-node-el:hover {
    background-color: var(--color-gray-200);
}

/* Améliorer les liens avec états de survol */
a:hover, .fr-btn-link:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

/* Amélioration du contraste pour les boutons d'action */
.fr-grid-tbar .frBtn {
    color: var(--color-white);
    font-weight: bold;
    border-radius: var(--radius-sm);
}

/* Tables et listes */
.x-grid3-row {
    border-bottom: 1px solid var(--color-gray-200);
}

.x-grid3-hd-text {
    color: var(--color-gray-900);
    font-weight: 600;
}

.x-grid3-cell-text {
    color: var(--color-gray-900);
}

.cprt {
	position:fixed !important;
	bottom:0px !important;
	right:0px !important;
	z-index:99999 !important;
	display:flex !important;
	justify-content: center;
	width:100% !important;
	height:auto !important;
	visibility: visible !important;
	pointer-events: none;
}
.cprt a {
	pointer-events: all !important;
	position:relative !important;
	font-weight:bold;
	text-decoration: none;
	visibility: visible !important;
	font-size:14px !important;
	display:flex !important;
	align-items: center;
	border-top-left-radius:var(--mBr);
	border-top-right-radius:var(--mBr);
	padding: 6px 10px;
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),
		0 8px 10px 1px rgba(0,0,0,.14),
		0 3px 14px 2px rgba(0,0,0,.12);
	user-select: none;-webkit-user-select: none;
	cursor: pointer;
	background-color: var(--theme-bg-transparent) !important;
	color: var(--theme-text) !important;
	backdrop-filter: blur(10px);
}
.cprt img {
	margin-left:8px;
}