/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
}
html,
body {
    margin: 10px;
    cursor: url("/core/cur/gr_cross.cur"), pointer;
    cursor: url("/core/cur/gr_cross.cur"), hand;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    /*
 Override the default (display: inline) for
 browsers that do not recognize HTML5 tags.

 IE8 (and lower) requires a shiv:
 http://ejohn.org/blog/html5-shiv
*/

    display: block;
}

@font-face {
font-family: Fixed;
src: url('/core/font/FSEX300.ttf');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: none;
-moz-osx-font-smoothing: none;
font-smooth:never;
}

strong {color: #fff;    font-weight: normal;}
small {    font-family: Tahoma;font-size: 10px;}
sup,sub {    font-family: Tahoma;font-size: 8px;}
img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    /*
 For IE.
 http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/

    -ms-interpolation-mode: bicubic;
}
li {
    /*
 For IE6 + IE7.
*/

    display: list-item;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}
img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);
}
img:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */

    filter: grayscale(0%);
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 3px dotted white;
    /* If you want dots under the hoverable text */
}
/* Tooltip text */

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */

    position: absolute;
    z-index: 1;
}
#yellow {
    color: #ffff57;
}
input::-webkit-calendar-picker-indicator {
display:none;
  }
.tooltip .tooltipimg {
    visibility: hidden;
    width: 530px;
    border-radius: 6px;
    left: -66px;
    top: -115px;
    /* Position the tooltip text - see examples below! */

    position: absolute;
    z-index: 1;
}
.tooltip .tooltipimg img {
    width: 100%;
    max-width: 100%;
}
/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext,
.tooltip:hover .tooltipimg,
.tooltip:hover .tooltipimg img {
    visibility: visible;
}
.tooltip .tooltiptext img {
    width: 100%;
    max-width: 100%;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}
svg {
    /*
 For IE9.
*/

    overflow: hidden;
}
body {
    background: #000;
    color: #d4d4d4;
    font-size: 12pt;
    height: auto;
    max-width: 620px;
    margin: 0 auto;
    font-family: Fixed;
}
cite {
    width: 320px;
    margin: 0 auto;
}
pre {
    font-size: 12pt;
    font-family: Fixed;
}
textarea:focus,
input:focus {
    outline: none;
}
header {
    padding: 20px;
    border: 2px solid #131313;
}
h1,
h2,
h3,
h4 {
    font-weight: normal;
    font-size: inherit;

}
cite {
    display: block;
    text-align: center;
    color: #404040;
    padding: 10px;
    /* background: #f9f9f9; */

    line-height: 20px;
}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #313131;
}
::-webkit-scrollbar
{
  width: 10px;
height: 10px;
background-color: #313131;
}
::-webkit-scrollbar-thumb
{
  background-color: #000000;
border: 1px solid #313131;
}

textarea {
    text-align: left;
    width: 140px;
    border: 0;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    color: #9a9a9a;
    background: #131313;
}
.fulljustify {
  text-align: justify;
}
.fulljustify:after {
  content: "";
  display: inline-block;
  width: 100%;
}
::selection {
  background: #9c0000; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #9c0000; /* Gecko Browsers */
}
p.red::selection {
  background: #ffb7b7;
}
p.red::-moz-selection {
  background: #ffb7b7;
}
p.blue::selection {
  background: #a8d1ff;
}
p.blue::-moz-selection {
  background: #a8d1ff;
}
p.yellow::selection {
  background: #fff2a8;
}
p.yellow::-moz-selection {
  background: #fff2a8;
}
.grow { transition: all .611s ease-in-out; }
.grow:hover { transform: scale(1.1); }
#ensina {color:#ff5757;}
#ensina:hover {background: #840000;}
#ensina_v {color:#ab0000;}
#ensina_v:hover  {background: #420000; }
#twitter  {color: #0084b4; }
#twitter:hover  {background: #002431; }
#try {
    /* margin: 0px auto 40px auto; */

    text-align: left;
    max-width: 640px;
    padding: 20px;
    border-left: 2px solid #131313;
    border-right: 2px solid #131313;
    border-bottom: 2px solid #131313;
}
#try div {
    text-align: center;
}
#try p {
    margin: 15px auto 10px auto;
    max-width: 640px;
}
#links {
    text-align: center;
    color: #57ff57;
}


.postscontainer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /* background-color: #0c0c0c; */
    /* border-color: #D7D7D7; */
    /* border-image: none; */
    /* border-style: solid; */
    /* border-width: 1px; */
    /* margin: 0 0 20px; */
    overflow: hidden;
    /* padding: 15px 15px 0; */

}
.hdescription {
    color: #00ab00;
    /* font-family: "Segoe UI",Arial,Helvetica,sans-serif; */
    /* font-size: 16px; */
    /* margin: 30px 0 !important; */
    /* padding: 20px !important; */
}
.hboardlist .column {
    float: left;
    width: 20%;
}
.hboardlist .column .boardsubj {
    margin-bottom: 5px;
    /* font-weight: bold; */
    color: rgb(193, 193, 193);
}
.postscontainer a:link, .postscontainer a:visited {
    text-decoration: none;
}
b, optgroup, strong {
    font-weight: 700;
}


#console-input {
    text-align: justify;
      /*color: #b1b1b1; */
    /* margin: 0px -21px 0px 0px; */
}
pre, code {
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 webkit-box-sizing:border-box;
 display:block;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 width:100%; overflow-x:auto;
}
#console-input-code {
  background: #282c34;
  padding: 5px;
  color: #a3abb5;
  margin: 6px 0px 0px 0px;
  border-left: 10px double #a3abb5;}

  #console-input-syntax {
    background: #101010;
        padding: 10px 10px 10px 20px;
        margin: 6px 0px 0px 0px;
        border-left: 10px double #313131;
        font: normal 9pt/10pt "Lucida Console", Monaco, monospace;
        white-space: normal;}

#console {
    text-align: left;
    max-width: 640px;
    border-right: 2px solid #131313;
    border-left: 2px solid #131313;
    border-top: 2px solid #131313;
}
#console input {
    text-align: left;
    width: 612px;
    border: 0;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
   margin: 0px;
    color: #ffff57;
    background: #131313;
}
select {
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: #656565;
    font-size: 12px;
    border: 1px solid #131313;
    background-color: #131313;
}
#footer {
    width: 100%;
    margin: 8px auto 0 auto;
    padding: 0;
    text-align: center;
}
#footer a {
    display: inline;
    list-style-type: none;
    margin-left: 8px;
    margin-right: 8px;
    text-indent: 0;
    padding: 0;
    white-space: nowrap;
    line-height: 32px;
}
ul,
ol {
    margin-left: 17px;
/*     list-style-type: none;*/
    text-indent: 0;
    padding: 0;
    /* white-space: nowrap; */
}
#links ul li {
    display: inline;
    list-style-type: none;
    /* margin-left: 4px; */
    /* margin-right: 4px; */

    text-indent: 0;
    padding: 0;
    white-space: nowrap;
    line-height: 32px;
}
#links ul {
    /* margin: 8px auto 0 auto; */
    /* padding: 0; */
    /* text-align: center; */
}
#links ul li a {
    text-decoration: none;
}
a {
    color: #57ff57;
    text-decoration: none;
}
a:hover {
    color: #ffff57;
    text-decoration: underline;
}
a:active {
    color: #fff;
    background: #ababab;
}
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */

    color: #4c4c4c;
}
hr {
    border-bottom: #131313 1px solid;
}
::-moz-placeholder {
    /* Firefox 19+ */

    color: #4c4c4c;
}
:-ms-input-placeholder {
    /* IE 10+ */

    color: #4c4c4c;
}
:-moz-placeholder {
    /* Firefox 18- */

    color: #4c4c4c;
}
section#try input#moveto,
section#try input#esum {
    text-align: left;
    width: 140px;
    border: 0;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    color: #9a9a9a;
    background: #131313;
}
input[type=password] {
    text-align: left;
    width: 140px;
    border: 0;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    color: #9a9a9a;
    background: #131313;
}
input[type=input] {
    text-align: left;
    width: 140px;
    border: 0;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    color: #9a9a9a;
    background: #131313;
}
input[type=text] {
    text-align: left;
    width: 140px;
    border: 0;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    color: #9a9a9a;
    background: #131313;
}
section#try .contentTextarea {
    text-align: left;
    width: 140px;
    border: 0;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    color: #9a9a9a;
    background: #131313;
    font: normal 9pt/10pt "Lucida Console", Monaco, monospace;
}
p a {
    text-transform: none;
    padding: 0;
}
p a:hover {
    background: #dce7ff;
    color: #0035ff;
}
p a:active {
    background: none;
}
.addthis_toolbox {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.par-div {}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{float: left;padding-right:9px;}
h1 span a:hover,h2 span a:hover,h3 span a:hover,h4 span a:hover,h5 span a:hover,h6 span a:hover{background:none;}
h1 {color: #57ff57;}
h2 {color: #57ff57;}
h3 {color: #4de24d;}
h4 {color: #46ca46;}
h5 {color: #3cad3c;}
h6 {color: #3cad3c;}


.toolbarTextarea {
    border: 0;
    margin: 0px -6px 10px 0px;
    padding: 6px 6px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    color: #9a9a9a;
    float: right;
    background: #131313;
}
.toolbarTextarea a {
    color: #9a9a9a;
}
input[type=submit] {
    padding: 5px 15px;
    background: #ccc;
    border: 0 none;
    cursor: pointer;
    text-align: left;
    border: 0;
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 6px 6px;
    font-family: Fixed;
    text-transform: uppercase;
    font-size: 12pt;
    color: #fdfdfd;
    background: #3c3c3c;
}
input[type=button] {
    padding: 5px 15px;
    background: #ccc;
    border: 0 none;
    cursor: pointer;
    text-align: left;
    border: 0;
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 6px 6px;
    font-family: Fixed;
    text-transform: uppercase;
    font-size: 12pt;
    color: #fdfdfd;
    background: #3c3c3c;
}
/* make it red instead (with with same width and style) */

select:active,
select:hover {
    outline-color: #191919;
}
.toolbarTextarea a:hover {
    color: #ccc;
    background: #131313;
}
section h2,
section h3,
section#try ul {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 1em;
}
section#try ul li {
    list-style-type: none;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
}
/* Backgrounds */

.bg-navy {
    background-color: #001F3F;
}
.bg-blue {
    background-color: #0074D9;
}
.bg-aqua {
    background-color: #7FDBFF;
}
.bg-teal {
    background-color: #39CCCC;
}
.bg-olive {
    background-color: #3D9970;
}
.bg-green {
    background-color: #2ECC40;
}
.bg-lime {
    background-color: #01FF70;
}
.bg-yellow {
    background-color: #FFDC00;
}
.bg-orange {
    background-color: #FF851B;
}
.bg-red {
    background-color: #FF4136;
}
.bg-fuchsia {
    background-color: #F012BE;
}
.bg-purple {
    background-color: #B10DC9;
}
.bg-maroon {
    background-color: #85144B;
}
.bg-white {
    background-color: #FFFFFF;
}
.bg-gray {
    background-color: #AAAAAA;
}
.bg-silver {
    background-color: #DDDDDD;
}
.bg-black {
    background-color: #111111;
}
/* Colors */

.navy {
    color: #001F3F;
}
.blue {
    color: #0074D9;
}
.aqua {
    color: #7FDBFF;
}
.teal {
    color: #39CCCC;
}
.olive {
    color: #3D9970;
}
.green {
    color: #2ECC40;
}
.lime {
    color: #01FF70;
}
.yellow {
    color: #FFDC00;
}
.orange {
    color: #FF851B;
}
.red {
    color: #FF4136;
}
.fuchsia {
    color: #F012BE;
}
.purple {
    color: #B10DC9;
}
.maroon {
    color: #85144B;
}
.white {
    color: #FFFFFF;
}
.silver {
    color: #DDDDDD;
}
.gray {
    color: #AAAAAA;
}
.black {
    color: #111111;
}

.wf-lime {
    color: #111111;
}
.wf-green {
    color: #111111;
}
.wf-yellow {
    color: #ffff57;
}
.wf-blood {
    color: #ab0000;
}
.wf-cherry {
    color: #ff5757;
}
.wf-water {
color: #5757ff;
    }
.wf-stone {
color: #b1b1b1;
    }
/* Border colors
          Use with another border utility that sets border-width and style
          i.e .border { border-width: 1px); border-style: solid); }
       */

.border--navy {
    border-color: #001F3F;
}
.border--blue {
    border-color: #0074D9;
}
.border--aqua {
    border-color: #7FDBFF;
}
.border--teal {
    border-color: #39CCCC;
}
.border--olive {
    border-color: #3D9970;
}
.border--green {
    border-color: #2ECC40;
}
.border--lime {
    border-color: #01FF70;
}
.border--yellow {
    border-color: #FFDC00;
}
.border--orange {
    border-color: #FF851B;
}
.border--red {
    border-color: #FF4136;
}
.border--fuchsia {
    border-color: #F012BE;
}
.border--purple {
    border-color: #B10DC9;
}
.border--maroon {
    border-color: #85144B;
}
.border--white {
    border-color: #FFFFFF;
}
.border--gray {
    border-color: #AAAAAA;
}
.border--silver {
    border-color: #DDDDDD;
}
.border--black {
    border-color: #111111;
}
/* Fills for SVG */

.fill-navy {
    fill: #001F3F;
}
.fill-blue {
    fill: #0074D9;
}
.fill-aqua {
    fill: #7FDBFF;
}
.fill-teal {
    fill: #39CCCC;
}
.fill-olive {
    fill: #3D9970;
}
.fill-green {
    fill: #2ECC40;
}
.fill-lime {
    fill: #01FF70;
}
.fill-yellow {
    fill: #FFDC00;
}
.fill-orange {
    fill: #FF851B;
}
.fill-red {
    fill: #FF4136;
}
.fill-fuchsia {
    fill: #F012BE;
}
.fill-purple {
    fill: #B10DC9;
}
.fill-maroon {
    fill: #85144B;
}
.fill-white {
    fill: #FFFFFF;
}
.fill-gray {
    fill: #AAAAAA;
}
.fill-silver {
    fill: #DDDDDD;
}
.fill-black {
    fill: #111111;
}
/* Strokes for SVG */

.stroke-navy {
    stroke: #001F3F;
}
.stroke-blue {
    stroke: #0074D9;
}
.stroke-aqua {
    stroke: #7FDBFF;
}
.stroke-teal {
    stroke: #39CCCC;
}
.stroke-olive {
    stroke: #3D9970;
}
.stroke-green {
    stroke: #2ECC40;
}
.stroke-lime {
    stroke: #01FF70;
}
.stroke-yellow {
    stroke: #FFDC00;
}
.stroke-orange {
    stroke: #FF851B;
}
.stroke-red {
    stroke: #FF4136;
}
.stroke-fuchsia {
    stroke: #F012BE;
}
.stroke-purple {
    stroke: #B10DC9;
}
.stroke-maroon {
    stroke: #85144B;
}
.stroke-white {
    stroke: #FFFFFF;
}
.stroke-gray {
    stroke: #AAAAAA;
}
.stroke-silver {
    stroke: #DDDDDD;
}
.stroke-black {
    stroke: #111111;
}

/* ========================================
   UNIFIED TERMINAL THEME STYLES
   Used by main site AND file browser
   ======================================== */

/* Console Input Hash and Title Styling */
#console-input .hash {
    color: #ffff57;
}

#console-input .files-title {
    color: #57ff57;
}

/* Breadcrumb Navigation */
.breadcrumb-container {
    margin: 10px 0;
}

.breadcrumb-link {
    color: #57ff57;
    text-decoration: none;
}

.breadcrumb-separator {
    color: #d4d4d4;
}

.breadcrumb-current {
    color: #d4d4d4;
}

/* Quote Section Styling */
.quote-container {
    margin: 20px 0;
    text-align: center;
}

.quote-mark {
    color: #464646;
}

.quote-text {
    color: #b5b5b5;
}

/* Footer Container Styling */
.footer-container {
    text-align: center;
    margin: 20px 0;
}

/* Disclaimer Styling */
.disclaimer-container {
    text-align: center;
    font-size: 14px;
    color: #272727;
    padding: 0px;
    line-height: 14px;
    margin: 10px 0;
}

/* Hidden Elements */
.hidden-form {
    display: none;
}

.hidden-submit {
    display: none;
}

/* Language Links */
.lang-link {
    color: #57ff57;
    text-decoration: none;
    font-family: Fixed;
    font-size: 12pt;
}

.lang-link:hover {
    color: #ffff57;
    text-decoration: underline;
}

.current-lang {
    color: #ffff57;
    font-family: Fixed;
    font-size: 12pt;
}

/* Navigation Number Spans */
.nav-number {
    color: #fff;
}



/* Autocomplete System for Console */
#autocomplete-container {
    position: relative;
    display: inline-block;
    width: 612px;
}

#command-input {
    position: relative;
    z-index: 2;
    background: transparent;
    color: #57ff57;
    text-align: left;
    width: 612px;
    border: 0;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    outline: none;
}

#autocomplete-suggestion {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: rgba(87, 255, 87, 0.4);
    background: transparent;
    text-align: left;
    width: 612px;
    border: 0;
    padding: 6px 0px 6px 6px;
    font-family: Fixed;
    font-size: 12pt;
    pointer-events: none;
    white-space: pre;
    overflow: hidden;
}

#console input#command-input {
    background: transparent;
    color: #57ff57;
}

#console #autocomplete-container {
    background: #131313;
    border: 0;
    padding: 0;
    margin: 0;
}

/* Terminal File Manager Styles */
.files-title {
    color: #ffff57;
}
.terminal-file-header {
    display: grid;
    grid-template-columns: 20px 1fr 80px 180px;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #131313;
    margin-bottom: 5px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.terminal-col-name {
    grid-column: 2;
}

.terminal-col-size {
    text-align: right;
}

.terminal-col-date {
    text-align: right;
}

.terminal-file-entries {
    display: flex;
    flex-direction: column;
}

.terminal-file-entry {
    display: grid;
    grid-template-columns: 20px 1fr 80px 180px;
    gap: 10px;
    padding: 3px 0;
    color: #d4d4d4;
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius: 0;
    line-height: 1.4;
}

.terminal-file-entry:hover {
    background-color: #131313;
    color: #57ff57;
        text-decoration: none;
}

.terminal-file-entry:hover .terminal-file-icon i {
    color: #ffff57;
}

.terminal-file-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.terminal-file-icon i {
    color: #57ff57;
    font-size: 12px;
    transition: color 0.2s ease;
}

/* File type specific icon colors */
.terminal-file-icon i.fa-folder {
    color: #57ff57; /* Green for folders */
}

.terminal-file-icon i.fa-level-up {
    color: #ffff57; /* Yellow for parent directory */
}

.terminal-file-icon i.fa-file-image-o {
    color: #ff57ff; /* Magenta for images */
}

.terminal-file-icon i.fa-file-audio-o {
    color: #57ffff; /* Cyan for audio */
}

.terminal-file-icon i.fa-file-video-o {
    color: #ff5757; /* Red for video */
}

.terminal-file-icon i.fa-file-code-o {
    color: #57ff57; /* Green for code */
}

.terminal-file-icon i.fa-file-pdf-o {
    color: #ff8c57; /* Orange for PDF */
}

.terminal-file-icon i.fa-file-archive-o {
    color: #8c57ff; /* Purple for archives */
}

.terminal-file-icon i.fa-cog {
    color: #ff57ff; /* Magenta for executables */
}

.terminal-file-icon i.fa-file-text-o {
    color: #d4d4d4; /* Light gray for text files */
}

.terminal-file-icon i.fa-file-o {
    color: #999; /* Gray for unknown files */
}

.terminal-file-name {
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.terminal-file-size {
    text-align: right;
    color: #999;
    font-size: 11px;
}

.terminal-file-date {
    text-align: right;
    color: #666;
}

/* Terminal File Manager Responsive Design */
@media (max-width: 600px) {
    .terminal-file-header,
    .terminal-file-entry {
        grid-template-columns: 18px 1fr 60px 100px;
        gap: 8px;
    }

    .terminal-file-header {
        font-size: 10px;
    }

    .terminal-file-entry {
        font-size: 11px;
    }

    .terminal-file-size,
    .terminal-file-date {
        font-size: 10px;
    }

    .terminal-file-icon i {
        font-size: 11px;
    }
}


