/* ⛓️ CURSOR_ANCHOR:ui:main_service_file_list */
.search-line{ background: transparent; }
#file-list-container .file-item:hover, #file-list-container .file-item:focus{background: rgb(var(--color-canvas));outline: none;} 

#file-list-container .file-item.doc-type--hcob:is(:hover, :focus),
#file-list-container .file-item.doc-type--pab:is(:hover, :focus),
#file-list-container .file-item.doc-type--btb:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--col-tech)), rgb(var(--col-tech-gr1)));
	color: rgb(var(--color-canvas));
}

#file-list-container .file-item.doc-type--book:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--col-book)), rgb(var(--col-book-gr1)));
	color: rgb(var(--color-canvas));
}

#file-list-container .file-item.doc-type--hcopl:is(:hover, :focus),
#file-list-container .file-item.doc-type--bpl:is(:hover, :focus),
#file-list-container .file-item.doc-type--fo:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--col-admin)), rgb(var(--col-admin-gr1)));
	color: rgb(var(--color-canvas));
}
#file-list-container .file-item.doc-type--hasipl:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--col-admin)), rgb(var(--col-admin-gr1)));
	color: rgb(var(--color-canvas));
}
#file-list-container .file-item.doc-type--seced:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--col-order)), rgb(var(--col-order-gr1))) !important;
	color: rgb(var(--grey-50));
}

#file-list-container .file-item.doc-type--ed:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--col-order)), rgb(var(--col-order-gr1))) !important;
	color: rgb(var(--grey-50));
}
#file-list-container .file-item.doc-type--lect:is(:hover, :focus),
#file-list-container .file-item.doc-type--dict:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--grey-400)), rgb(var(--grey-300)));
	color: rgb(var(--color-canvas));
}
#file-list-container .file-item.doc-type--course:is(:hover, :focus){
	background: linear-gradient(to right, rgb(var(--col-course)), rgb(var(--col-course-gr1)));
	color: rgb(var(--color-canvas));
}


[data-theme="dark"] #file-list-container .file-item.doc-type--hcob:is(:hover, :focus) div,
[data-theme="dark"] #file-list-container .file-item.doc-type--pab:is(:hover, :focus) div,
[data-theme="dark"] #file-list-container .file-item.doc-type--btb:is(:hover, :focus) div,
[data-theme="dark"] #file-list-container .file-item.doc-type--hcopl:is(:hover, :focus) div,
[data-theme="dark"] #file-list-container .file-item.doc-type--bpl:is(:hover, :focus) div,
[data-theme="dark"] #file-list-container .file-item.doc-type--fo:is(:hover, :focus) div,
[data-theme="dark"] #file-list-container .file-item.doc-type--course:is(:hover, :focus) div,
[data-theme="dark"] #file-list-container .file-item.doc-type--hasipl:is(:hover, :focus) div,

[data-theme="dark"] #file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):hover .file-path, #file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):focus .file-path
{
  color: rgb(var(--color-canvas))!important;
}

[data-theme="dark"] #file-list-container .file-item.file-item.doc-type--dict:hover .file-path,
[data-theme="dark"] #file-list-container .file-item.file-item.doc-type--dict:focus .file-path,
[data-theme="dark"] #file-list-container .file-item.file-item.doc-type--book:hover .file-path,
[data-theme="dark"] #file-list-container .file-item.file-item.doc-type--book:focus .file-path
{
  color: rgb(var(--color-text))!important;

}
[data-theme="dark"] .file-name b{
  color: rgb(var(--color-text));
  filter: sepia(1);
}


/* Dark mode - приглушенные hover градиенты для doc-type */
[data-theme="dark"] #file-list-container .file-item.doc-type--hcob:is(:hover, :focus),
[data-theme="dark"] #file-list-container .file-item.doc-type--pab:is(:hover, :focus),
[data-theme="dark"] #file-list-container .file-item.doc-type--btb:is(:hover, :focus){
    filter: saturate(0.6) brightness(0.85);
}
[data-theme="dark"] #file-list-container .file-item.doc-type--book:is(:hover, :focus){
    filter: saturate(0.6) brightness(0.85);
}
[data-theme="dark"] #file-list-container .file-item.doc-type--hcopl:is(:hover, :focus),
[data-theme="dark"] #file-list-container .file-item.doc-type--bpl:is(:hover, :focus),
[data-theme="dark"] #file-list-container .file-item.doc-type--fo:is(:hover, :focus),
[data-theme="dark"] #file-list-container .file-item.doc-type--hasipl:is(:hover, :focus){
    filter: saturate(0.6) brightness(0.85);
}
[data-theme="dark"] #file-list-container .file-item.doc-type--seced:is(:hover, :focus),
[data-theme="dark"] #file-list-container .file-item.doc-type--ed:is(:hover, :focus){
    filter: saturate(0.6) brightness(0.85);
}
[data-theme="dark"] #file-list-container .file-item.doc-type--lect:is(:hover, :focus),
[data-theme="dark"] #file-list-container .file-item.doc-type--dict:is(:hover, :focus){
    filter: saturate(0.6) brightness(0.85);
}
[data-theme="dark"] #file-list-container .file-item.doc-type--course:is(:hover, :focus){
    filter: saturate(0.6) brightness(0.85);
}

#file-list-container .file-item.doc-type--other:is(:hover, :focus),
#file-list-container .file-item.doc-type--volume:is(:hover, :focus),
#file-list-container .file-item.doc-type--journal:is(:hover, :focus){ background: rgb(var(--grey-100)) !important; }

@media (hover: none), (pointer: coarse) {
	#file-list-container .file-item.doc-type--hcob:nth-child(even),
	#file-list-container .file-item.doc-type--pab:nth-child(even),
	#file-list-container .file-item.doc-type--btb:nth-child(even) {
		background: rgba(var(--col-tech), 0.1);
	}

	#file-list-container .file-item.doc-type--book:nth-child(even) {
		background: rgba(var(--col-book), 0.1);
	}

	#file-list-container .file-item.doc-type--hcopl:nth-child(even),
	#file-list-container .file-item.doc-type--bpl:nth-child(even),
	#file-list-container .file-item.doc-type--fo:nth-child(even),
	#file-list-container .file-item.doc-type--hasipl:nth-child(even),
	#file-list-container .file-item.doc-type--seced:nth-child(even) {
		background: rgba(var(--col-order), 0.1);
	}

	#file-list-container .file-item.doc-type--ed:nth-child(even) {
		background: rgba(var(--color-primary), 0.1);
	}

	#file-list-container .file-item.doc-type--lect:nth-child(even),
	#file-list-container .file-item.doc-type--dict:nth-child(even) {
		background: rgba(var(--grey-400), 0.1);
	}

	#file-list-container .file-item.doc-type--course:nth-child(even) {
		background: rgba(var(--col-course), 0.15);
	}

	#file-list-container .file-item.doc-type--other:nth-child(even),
	#file-list-container .file-item.doc-type--volume:nth-child(even),
	#file-list-container .file-item.doc-type--journal:nth-child(even) {
		background: rgba(var(--color-text), 0.05);
	}
	
	/* Override even/odd background when item is active/focused/tapped */
	#file-list-container .file-item.doc-type--hcob:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--pab:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--btb:nth-child(even):is(:hover, :focus, :active) {
		background: linear-gradient(to right, rgb(var(--col-tech)), rgb(var(--col-tech-gr1))) !important;
		color: rgb(var(--color-canvas)) !important;
	}

	#file-list-container .file-item.doc-type--book:nth-child(even):is(:hover, :focus, :active) {
		background: linear-gradient(to right, rgb(var(--col-book)), rgb(var(--col-book-gr1))) !important;
		color: rgb(var(--color-canvas)) !important;
	}

	#file-list-container .file-item.doc-type--hcopl:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--bpl:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--fo:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--hasipl:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--seced:nth-child(even):is(:hover, :focus, :active) {
		background: linear-gradient(to right, rgb(var(--col-admin)), rgb(var(--col-admin-gr1))) !important;
		color: rgb(var(--grey-50)) !important;
	}

	#file-list-container .file-item.doc-type--ed:nth-child(even):is(:hover, :focus, :active) {
		background: linear-gradient(to right, rgb(var(--col-order)), rgb(var(--col-order-gr1))) !important;
		color: rgb(var(--grey-50)) !important;
	}

	#file-list-container .file-item.doc-type--lect:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--dict:nth-child(even):is(:hover, :focus, :active) {
		background: linear-gradient(to right, rgb(var(--grey-400)), rgb(var(--grey-300))) !important;
		color: rgb(var(--color-canvas)) !important;
	}

	#file-list-container .file-item.doc-type--course:nth-child(even):is(:hover, :focus, :active) {
		background: linear-gradient(to right, rgb(var(--col-course)), rgb(var(--col-course-gr1))) !important;
		color: rgb(var(--color-canvas)) !important;
	}
	
	/* Dark mode - приглушенные hover для touch devices */
	  [data-theme="dark"] #file-list-container .file-item.doc-type--hcob:nth-child(even):is(:hover, :focus, :active),
  [data-theme="dark"] #file-list-container .file-item.doc-type--pab:nth-child(even):is(:hover, :focus, :active),
  [data-theme="dark"] #file-list-container .file-item.doc-type--btb:nth-child(even):is(:hover, :focus, :active),
  [data-theme="dark"] #file-list-container .file-item.doc-type--book:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--hcopl:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--bpl:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--fo:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--hasipl:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--seced:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--ed:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--lect:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--dict:nth-child(even):is(:hover, :focus, :active),
[data-theme="dark"] #file-list-container .file-item.doc-type--course:nth-child(even):is(:hover, :focus, :active){
    filter: saturate(0.6) brightness(0.85);
}

	#file-list-container .file-item.doc-type--other:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--volume:nth-child(even):is(:hover, :focus, :active),
	#file-list-container .file-item.doc-type--journal:nth-child(even):is(:hover, :focus, :active) {
		background: rgba(var(--color-text), 0.1) !important;
	}
}
.file-name{ font-weight: 400;
  /* color: rgb(var(--color-text)); */
}
.file-name b {
    color: rgb(var(--color-primary));
    font-weight: 600;
}
.file-path b {
    font-weight: 600;
    /* No color - just bold for path matches */
}
#file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):hover .file-name b,
#file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):focus .file-name b {
  font-weight: 600;
    color: rgb(var(--color-canvas));
}
#file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):hover .file-path b,
#file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):focus .file-path b {
  font-weight: 600;
    /* No color - just bold for path matches */
}

#file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):hover :not(.type-rail), #file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):focus :not(.type-rail){
  /* color: rgb(var(--color-text)); */
}

/* Override .text-muted for .file-path to use our color scheme directly */
.file-path.text-muted {
  color: rgb(var(--color-text-subtle)) !important;
  opacity: 1 !important;
}

/* Ensure .file-path is visible on hover */
#file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):hover .file-path,
#file-list-container .file-item:not(.doc-type--other):not(.doc-type--journal):focus .file-path {
  color: rgba(var(--color-text), 0.95) !important;
  opacity: 1 !important;
}

#file-list-container .file-item.doc-type--other:hover :not(.type-rail), #file-list-container .file-item.doc-type--other:focus :not(.type-rail),
#file-list-container .file-item.doc-type--journal:hover :not(.type-rail), #file-list-container .file-item.doc-type--journal:focus :not(.type-rail){
  color: rgb(var(--color-text));
}

@media (max-width: 768px){
  /* Apply PT Sans Narrow to file-info and all its children (including file-name and file-path) */
  #file-list-container .file-item .file-info,
  #file-list-container .file-item .file-info * {
    font-family: 'PT Sans Narrow', 'IBM Plex Sans', system-ui, sans-serif !important;
  }
  
  /* Apply compact font (Oswald) to file-name that is NOT inside file-info */
  /* This ensures file-name outside file-info uses compact font */
  #file-list-container .file-item > .file-name,
  #file-list-container .file-item .file-link > .file-name {
    font-family: var(--font-compact);
    font-weight: 300;
  }
  
  /* Hide file-path on mobile if it doesn't have highlighted matches */
  .file-path:not(.file-path--has-highlights) {
    display: none;
  }
}
.file-path{ color: rgb(var(--color-text-subtle)); font-size: 0.6875rem; opacity: 1; margin-top: 2px; line-height: 1.2; }

@media (max-width: 575.98px) {
  #file-list-container .file-item {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    padding-right: 0 !important;
  }
  
  #file-list-container .file-item .file-link {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    flex-shrink: 1;
  }
  
  #file-list-container .file-item .file-link .d-flex {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
  
  #file-list-container .file-item .file-info {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    flex-shrink: 1;
  }
  
  .file-path {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    min-width: 0;
  }
}
.file-size{ color: rgb(var(--grey-400)); min-width:56px; text-align:right; font-size: 0.6875rem; display:inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.05; }
.file-size .file-size__num{ font-variant-numeric: tabular-nums; font-weight: 500; font-size: 0.75rem; opacity: .9; }
.file-size .file-size__unit{ margin-left: 0; margin-top: 1px; font-size: 0.75rem; opacity: .75; font-variant-caps: all-small-caps; text-transform: lowercase; letter-spacing: .02em; vertical-align: baseline; }
.file-size .file-size__unit--mb{ font-weight: 700; }
.file-size .file-size__unit--gb{ font-weight: 800; color: rgb(var(--color-error)); }

.chip{ display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:999px; font-size:12px; background: rgba(var(--color-text), .06); color: rgb(var(--grey-700)); }
.chip-ext{ background: rgba(var(--color-primary), .10); color: rgb(var(--color-navy)); }

#file-list-container {
	opacity: 1;
	transition: opacity 0.15s ease-out;
}


/* Morph animation duration - 2x faster than before */
#file-list-container {
	--morph-animation-duration: 10ms;
}

/* Legacy is-loading blur - kept for empty state only */
#file-list-container.is-loading {
	filter: blur(10px);
	transition: filter 0.15s ease-out;
}

#file-list-container:not(.is-loading) {
	filter: blur(0);
	transition: filter 0.2s cubic-bezier(.4,0,.2,1);
}

/* Morph wrapper for smooth content replacement */
#file-list-container .morph-wrapper {
	position: relative;
}

/* Morphing layers - old and new content overlapped */
#file-list-container .morph-layer {
	transition: opacity var(--morph-animation-duration) ease-in-out,
	            filter var(--morph-animation-duration) ease-in-out,
	            transform var(--morph-animation-duration) ease-in-out;
	opacity: 1;
	filter: blur(0px);
	transform: scale(1);
}

/* Old content layer - positioned normally, fading out with subtle blur */
#file-list-container .morph-layer.morphing-out {
	opacity: 0;
	filter: blur(5px);
	transform: scale(0.99);
	pointer-events: none;
}

/* New content layer - absolutely positioned over old content, fading in with subtle effect */
#file-list-container .morph-layer.morphing-in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	filter: blur(0px);
	transform: scale(1);
	z-index: 1;
}

/* Initial state for new content before morphing starts */
#file-list-container .morph-layer.morphing-initial {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	filter: blur(5px);
	transform: scale(0.99);
	z-index: 1;
}

#file-list-container.file-list-container.glass{
  background: rgb(var(--glass-bg));
  position: relative;
}

/* ⛓️ CURSOR_ANCHOR:ui:search_results_loading_background */
/* Background effects for loading state - three minimalistic variants */

/* Barber pole - moving diagonal stripes (blue) with subtle dynamics */
/* #file-list-container.is-loading::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    45deg,
    transparent 0px,
    transparent 8px,
    rgba(var(--color-primary), 0.08) 8px,
    rgba(var(--color-primary), 0.08) 16px
  );
  background-size: 22.63px 22.63px;
  animation: barberPoleMove 2s linear infinite, barberPolePulse 3s ease-in-out infinite;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.3s var(--easing));
} */

@keyframes barberPoleMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 22.63px 22.63px;
  }
}

@keyframes barberPolePulse {
  0%, 100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}

/* Variant 2: "Living air" - soft blurred spots - DISABLED */
/* #file-list-container.is-loading::after {
  content: '';
  position: absolute;
  inset: -200px;
  background: 
    radial-gradient(circle at 20% 30%, rgba(var(--color-primary), 0.25) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(var(--color-primary-hover), 0.20) 0%, transparent 50%);
  filter: blur(400px);
  opacity: 1;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.4s var(--easing));
} */

/* Variant 3: Monochrome grid - DISABLED */
/* #file-list-container.is-loading {
  background: rgb(var(--glass-bg));
  background-image: 
    linear-gradient(rgba(var(--color-text), 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--color-text), 0.04) 1px, transparent 1px);
  background-size: 24px 24px;
  background-position: 0 0, 0 0;
} */

/* Ensure content stays above background effects */
#file-list-container.is-loading > * {
  position: relative;
  z-index: 1;
}


/* Reduce motion support */
@media (prefers-reduced-motion: reduce) {
  #file-list-container.is-loading::before {
    animation: none;
    transition: opacity 0.3s var(--easing);
  }
}

#file-list-container .file-item{position: relative;padding-right: 152px !important;}
#file-list-container .file-item.border-bottom{border-bottom: 0 !important;}

#file-list-container .file-item .type-rail{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 22px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#file-list-container .file-item .type-rail .type-label{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 0.9rem;
  /* font-weight: 700; */
  padding:6px 2px;
  color: rgb(var(--color-canvas));
  background: transparent;
  font-family: var(--font-compact);
}

#file-list-container .file-item.doc-type--hcob .type-rail,
#file-list-container .file-item.doc-type--pab .type-rail,
#file-list-container .file-item.doc-type--btb .type-rail{background: rgb(var(--col-tech));}
#file-list-container .file-item.doc-type--hcopl .type-rail,
#file-list-container .file-item.doc-type--bpl .type-rail,
#file-list-container .file-item.doc-type--hasipl .type-rail{background: rgb(var(--col-admin));}

#file-list-container .file-item.doc-type--fo .type-rail,
#file-list-container .file-item.doc-type--seced .type-rail{background: rgb(var(--col-order));}

#file-list-container .file-item.doc-type--ed .type-rail{ background: rgb(var(--col-order));}
#file-list-container .file-item.doc-type--book .type-rail{background: rgb(var(--col-book));}
#file-list-container .file-item.doc-type--lect .type-rail,
#file-list-container .file-item.doc-type--dict .type-rail{background: rgb(var(--grey-400));}
#file-list-container .file-item.doc-type--course .type-rail{background: rgb(var(--col-course));}

/* Dark mode - приглушенные цвета для type-rail */
[data-theme="dark"] #file-list-container .file-item .type-rail {
    filter: saturate(0.6) brightness(0.85);
}
[data-theme="dark"] #file-list-container .file-item:hover .type-rail,
[data-theme="dark"] #file-list-container .file-item:focus .type-rail{
    filter: none;
}
#file-list-container .file-item.doc-type--hcob::before, 
#file-list-container .file-item.doc-type--pab::before, 
#file-list-container .file-item.doc-type--btb::before{ background: rgb(var(--col-tech)); }
#file-list-container .file-item.doc-type--hcopl::before, 
#file-list-container .file-item.doc-type--bpl::before, 
#file-list-container .file-item.doc-type--fo::before, 
#file-list-container .file-item.doc-type--hasipl::before, 
#file-list-container .file-item.doc-type--seced::before{ background: rgb(var(--col-order)); }
#file-list-container .file-item.doc-type--ed::before{ background: rgb(var(--col-order)); }

#file-list-container .file-item.doc-type--lect::before,
#file-list-container .file-item.doc-type--dict::before{ background: rgb(var(--grey-400)); }
#file-list-container .file-item.doc-type--course::before{ background: rgb(var(--col-course)); }
#file-list-container .file-item.doc-type--other .type-rail .type-label,
#file-list-container .file-item.doc-type--volume .type-rail .type-label,
#file-list-container .file-item.doc-type--journal .type-rail .type-label{color: rgb(var(--grey-400));}

#file-list-container .file-item .file-item__right-rails{
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: default;
}
#file-list-container .file-item .icon-rail{
  margin-left: 5px;
  margin-right: 5px;
}
#file-list-container .file-item .size-rail{
  width: 38px;
  margin-left: 0;
  display:flex;
  align-items:center;
  justify-content:end;
  cursor: default;
}
#file-list-container .file-item .size-rail__content{font-family: var(--font-compact);line-height: 0;width: 100%;white-space: nowrap;    text-align: right;
}
#file-list-container .file-item .size-rail__num{font-size: 0.875rem;font-weight: 600;display: inline-block;color: rgb(var(--grey-500));}
/* #file-list-container .file-item:not(:hover):not(:active):not(:focus) .size-rail__num{color: rgba(var(--color-text), 0.39);} */

#file-list-container .file-item .size-rail__unit{font-size: 0.6rem;color: rgb(var(--grey-500));letter-spacing:.04em;display: inline-block;margin-left: 2px;text-transform: uppercase;}
#file-list-container .file-item .size-rail__unit.file-size__unit--kb{font-weight: 500;font-size: 0.65rem;}
#file-list-container .file-item .size-rail__unit.file-size__unit--mb{font-weight: 500;font-size: 0.7rem;}
#file-list-container .file-item .size-rail__unit.file-size__unit--gb{font-weight:800;font-size: 0.85rem;color: rgba(var(--color-error), 0.68);}

@media (max-width: 768px){
  #file-list-container .file-item .file-meta{ display: none !important; }
  #file-list-container .file-item{ padding-right: 0 !important; }
}

#file-list-container .file-item .meta-rail{
  /* width: 40px; */
  display:flex;
  align-items:center;
  justify-content:center;
  cursor: default;
}
#file-list-container .file-item .preview-rail{
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  width: 32px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#file-list-container .file-item .preview-icon{
  font-size: 1.1rem;
  opacity: 0.35;
  color: rgb(var(--grey-500));
  cursor: pointer;
  transition: opacity var(--dur) var(--easing), transform var(--dur) var(--easing), color var(--dur) var(--easing);
  transform-origin: center;
}

#file-list-container .file-item:not(.doc-type--other) .preview-rail:hover .preview-icon{
  color: rgb(var(--color-canvas)) !important;
}

#file-list-container .file-item .preview-rail:hover .preview-icon{
  opacity: 1;
  transform: scale(1.2);
}

#file-list-container .file-item .file-info{
  margin-left: 0;
}
#file-list-container .file-item .file-link{
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-grow: 1;
  min-width: 0;
}
#file-list-container .file-item .file-link:hover,
#file-list-container .file-item .file-link:focus{
  text-decoration: none;
  color: inherit;
}
/* Hide preview on small screens */
@media (max-width: 1199px){
  #file-list-container .file-item .preview-rail{
    display: none;
  }
  #file-list-container .file-item .file-info{
    margin-left: 0;
  }
}
/* On large screens, add margin to file-info and show preview */
@media (min-width: 1200px){
  #file-list-container .file-item .file-info{
    margin-left: 20px;
  }
}
#file-list-container .file-item .summary-rail{
  /* width: 32px; */
  display:flex;
  align-items:center;
  justify-content:center;
}
#file-list-container .file-item .summary-icon{
  font-size: 1.1rem;
  opacity: .6;
  color: rgb(var(--grey-500));
  cursor: pointer;
  transition: opacity var(--dur) var(--easing), transform var(--dur) var(--easing);
  transform-origin: center;
}
#file-list-container .file-item .summary-icon:hover{
  opacity: 1;
  color: rgb(var(--color-primary));
  transform: scale(1.3);
}

#file-list-container .file-item .format-rail{
  /* width: 40px; */
  display:flex;
  align-items:center;
  justify-content:center;
  cursor: default;
}
#file-list-container .file-item .format-rail__content{display:flex;align-items:center;justify-content:center;gap:6px}
#file-list-container .file-item .format-icon{font-size: 1.3rem;opacity: .7;color: rgb(var(--grey-500))}
#file-list-container .file-item .format-rail__content .ot-lock {
    display: inline-flex;
    align-items: center;
}
#file-list-container .file-item .public-lock-rail{
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
#file-list-container .file-item .public-lock-rail .public-lock {
	color: rgb(var(--color-public-accent));
	opacity: 0.7;
  display: inline-flex;
  align-items: center;
}
#file-list-container .file-item:hover .format-icon--audio::before{ content: "\f7e2"; }
#file-list-container .file-item .format-icon--text{ color: rgb(var(--grey-500)); }
#file-list-container .file-item .format-icon--video{ color: rgba(var(--color-error), 0.75); }
#file-list-container .file-item .meta-rail__content{font-family: var(--font-compact);display:inline-flex;flex-direction: column;align-items: start;line-height: 1.3;gap: 2px;}
#file-list-container .file-item .meta-rail__row{ font-size: 0.75rem; font-weight: 600; color: rgb(var(--grey-500)); text-transform: uppercase; letter-spacing:.02em; }

#file-list-container .file-item .meta-rail__row--muted{font-weight: 400;}
#file-list-container .file-item:not(:hover):not(:active):not(:focus) .meta-rail__row--muted{color: rgba(var(--color-text), 0.39);}

#file-list-container .file-item:not(:hover):not(:active):not(:focus) .meta-rail__row--ext.ext--doc{color: rgba(var(--color-primary), .55);}
#file-list-container .file-item:not(:hover):not(:active):not(:focus) .meta-rail__row--ext.ext--pdf{color: rgba(var(--color-error), 0.6);}
/* #file-list-container .file-item .meta-rail__row--ext.ext--mp3{color: rgba(var(--color-success), 0.51);} */

@media (max-width: 1024px){
  #file-list-container .file-item{ padding-right: 115px !important; }
}

@media (max-width: 768px){
  #file-list-container .file-item .file-item__right-rails{
    gap: 4px;
  }
  #file-list-container .file-item .icon-rail{
    margin-left: 3px;
    margin-right: 3px;
  }
  #file-list-container .file-item .size-rail{
    width: 38px;
    margin-left: 0;
  }
}

/* Reduce rail sizes by 15% on small screens (sm-) */
@media (max-width: 575.98px){
  /* size-rail: reduce width and font sizes */
  #file-list-container .file-item .size-rail{
    width: calc(42px * 0.85); /* ~35.7px */
  }
  #file-list-container .file-item .size-rail__num{
    font-size: calc(0.875rem * 0.85); /* ~0.744rem */
  }
  #file-list-container .file-item .size-rail__unit{
    font-size: calc(0.6rem * 0.85); /* ~0.51rem */
  }
  #file-list-container .file-item .size-rail__unit.file-size__unit--kb{
    font-size: calc(0.65rem * 0.85); /* ~0.553rem */
  }
  #file-list-container .file-item .size-rail__unit.file-size__unit--mb{
    font-size: calc(0.7rem * 0.85); /* ~0.595rem */
  }
  #file-list-container .file-item .size-rail__unit.file-size__unit--gb{
    font-size: calc(0.85rem * 0.85); /* ~0.723rem */
  }
  
  /* meta-rail: reduce font sizes and gap */
  #file-list-container .file-item .meta-rail__content{
    gap: calc(2px * 0.85); /* ~1.7px */
  }
  #file-list-container .file-item .meta-rail__row{
    font-size: calc(0.75rem * 0.85); /* ~0.638rem */
  }
  
  /* format-rail: reduce icon size and gap */
  #file-list-container .file-item .format-rail__content{
    gap: calc(6px * 0.85); /* ~5.1px */
  }
  #file-list-container .file-item .format-icon{
    font-size: calc(1.3rem * 0.85); /* ~1.105rem */
  }
}

@media (prefers-reduced-motion: reduce){
  #file-list-container .file-item .file-info,
  #file-list-container .file-item .file-name,
  #file-list-container .file-item::after{
    transition: none !important;
  }
}