._4IsON6SSc9xpZJiH1f88kQ\=\=,
.R3FYjrbo30zplwG0CqUYMw\=\=,
.SZHEXWOuaWTERlYViUVzIg\=\=,
.SZHEXWOuaWTERlYViUVzIg\=\= .wb4gD86eq3-m9iQUL-bXVw\=\=,
.SZHEXWOuaWTERlYViUVzIg\=\= .hAPmgEW2gc2uh-ZPNC8vyg\=\= {
	cursor: default;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.SZHEXWOuaWTERlYViUVzIg\=\= {
	contain: layout; /* contain: paint; seems to clip children to the padding-box, including for interaction, not just painting; it breaks being able to grab resize handles over the border */
	/* overflow: hidden; is also not usable for the same reason */
	/* I might be able to do either with overflow-clip-margin however (@TODO) */
	display: flex;
	flex-direction: column;
	/* will-change: width height left top; */
}
.VDiIFOpgclN3JN5WBDEHbQ\=\= {
	flex: 1;
	min-height: 0px;
	/* Text overflowing the window frame is really ugly!
	overflow: hidden; would make it harder to enable scrollbars (overflow: auto !important)
	We want to allow scrollbars to be enabled easily (but not enable them),
	and we want to clip to the border of the window, without contents overlapping the border at all. */
    contain: layout paint;
}

.SZHEXWOuaWTERlYViUVzIg\=\= .wb4gD86eq3-m9iQUL-bXVw\=\=,
body > .wb4gD86eq3-m9iQUL-bXVw\=\= {
	display: flex;
	flex-direction: row;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	flex-shrink: 0;
}
.SZHEXWOuaWTERlYViUVzIg\=\= .LfAsy8cz7NRk7dPh7e3Kzg\=\= {
	position: relative;
	flex: 1;
}

.SZHEXWOuaWTERlYViUVzIg\=\= .wb4gD86eq3-m9iQUL-bXVw\=\= .hUQgbr4cUX4\+QsPNRHQ58Q\=\= {
	vertical-align: bottom;
}

.SZHEXWOuaWTERlYViUVzIg\=\=.v-81QHDG2IgRvWDERDmgOQ\=\= ._5\+qa6iHPLMmLTHD6pKsH5Q\=\=,
.SZHEXWOuaWTERlYViUVzIg\=\=.AGpR7yHeQm6AbGJd5c0U\+Q\=\= ._5\+qa6iHPLMmLTHD6pKsH5Q\=\= {
	display: none; /* prevent resizing when window is minimized */
}

.SZHEXWOuaWTERlYViUVzIg\=\=.AGpR7yHeQm6AbGJd5c0U\+Q\=\= ._4IsON6SSc9xpZJiH1f88kQ\=\= {
	display: none; /* hide menubar when window is minimized */
}


/* Fix dragging things (like windows) over iframes */
.IuyUxn\+agbFuwuX-ChLzCA\=\= iframe {
	pointer-events: none;
}

._4IsON6SSc9xpZJiH1f88kQ\=\= {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
}
.R3FYjrbo30zplwG0CqUYMw\=\= {
	position: absolute;
	box-sizing: border-box;
}
.APAN-ClsJfPz-E8eCRxmAg\=\= {
	border-collapse: collapse;
}
._60b5RXp9ou6dbhy3Z3uAwQ\=\=,
.DGdIsqiF1JuRVI2Z3qeRwA\=\= {
	white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    /* text-overflow: ellipsis; might imply a dialog */
}
._2\+4sOsRqIlUf\+yW6D9oTiA\=\= {
	display: block !important;
	height: 0;
	width: auto;
}
/* @TODO: rename .access-key */
/* @TODO: what are these !important flags about? */
.f34MnvKDdVtGpIkKBJjI\+Q\=\= {
	display: inline !important;
}
.e8f8yyWrpeR44k4bGiHknQ\=\=,
.HpeqpNrCdo\+\+s9GcqKUXSg\=\= {
	min-width: 16px;
}
.e8f8yyWrpeR44k4bGiHknQ\=\=,
.HpeqpNrCdo\+\+s9GcqKUXSg\=\= {
	text-align: center;
}

/* .window-content .button-group {
	width: 85px;
}
.window-content .button-group > button {
	width: 95%;
	padding: 3px 5px;
} */

::before,
::after {
	pointer-events: none;
}
/* OS-GUI library CSS */

/* Menu styling */
._0I3gWssj36sV69XNem9kbw\=\= {
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  border: 0;
  background-color: #d4d0c8;
  display: inline-block;
}

._0I3gWssj36sV69XNem9kbw\=\=:hover:not(.EnddI\+CBmG2ihnvbRZgRAg\=\=) {
  background-color: #dadada;
}

._0I3gWssj36sV69XNem9kbw\=\=.EnddI\+CBmG2ihnvbRZgRAg\=\= {
  background-color: #000080;
  color: white;
}

.p8KW\+BFgGlAFJSQ5LHjdGw\=\= {
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 2px;
}

.svbPdrLTXICDSo1x15N6Tg\=\=:hover:not([disabled]) {
  background-color: #000080;
  color: white;
}

.Fv\+vc1r1PjAuWiVIQtYHfg\=\= {
  border: 0;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  margin: 3px 1px;
}

.luR-A2UDWHw32Y4zQZQzdQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
/**
 * Windows 98-style UI Controls
 * Contains standardized styles for common UI elements
 */

/* Windows 98-style Buttons */
.jaQCQIc8ZzgQczZUVYRRog\=\= {
  min-width: 75px;
  height: 23px;
  border: none;
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  color: #222222;
  cursor: pointer;
  padding: 0 12px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jaQCQIc8ZzgQczZUVYRRog\=\=:active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
}

.jaQCQIc8ZzgQczZUVYRRog\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -4px;
}

.jaQCQIc8ZzgQczZUVYRRog\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

/* Compact Windows 98 button for smaller spaces */
.m-kWeHczNtWwMdFZLJXYuQ\=\= {
  min-width: 50px;
  height: 20px;
  border: none;
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  color: #222222;
  cursor: pointer;
  padding: 0 8px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m-kWeHczNtWwMdFZLJXYuQ\=\=:active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
}

.m-kWeHczNtWwMdFZLJXYuQ\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -4px;
}

.m-kWeHczNtWwMdFZLJXYuQ\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

/* Square Windows 98 button for grid/icon buttons */
.KUzpf3cZ3ekXrNXifiDx4g\=\= {
  width: 24px;
  height: 24px;
  border: none;
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.KUzpf3cZ3ekXrNXifiDx4g\=\=:active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
}

.KUzpf3cZ3ekXrNXifiDx4g\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -2px;
}

.KUzpf3cZ3ekXrNXifiDx4g\=\=:disabled {
  opacity: 0.6;
}

/* Windows 98-style input fields */
input, select, textarea {
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  color: var(--text-color);
  line-height: 1;
  padding: 3px 4px;
  background-color: var(--button-highlight);
  box-shadow: var(--border-field);
  border: none !important; /* Remove default borders */
  border-radius: 0 !important; /* Ensure square corners */
  -webkit-appearance: none !important; /* Remove browser styling */
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Windows 98-style password field */
input[type="password"] {
  font-family: monospace !important;
  font-size: 12px !important;
  letter-spacing: 1px;
  padding: 3px 4px;
  background-color: var(--button-highlight);
  box-shadow: var(--border-field) !important;
  border: none !important;
  caret-color: var(--text-color) !important;
}

/* Set 3D bevels that persist across all states */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus,
[contenteditable="true"]:focus {
  /* Force persistence of the 3D beveled border */
  box-shadow: var(--border-field) !important;
  border: none !important;
  outline: none !important;
}

/* Consistent focus appearance for all browsers */
:focus-visible {
  outline: none !important;
}

/* Progress Bars */
.mFXIUsVTlOjZSPVgtK5IUQ\=\= {
  width: 100%;
  height: 16px;
  border: 1px solid;
  border-color: var(--button-shadow) var(--button-highlight) var(--button-highlight) var(--button-shadow);
  background-color: var(--button-highlight);
  position: relative;
  overflow: hidden;
}

/* Solid progress bar */
.ep1kmLBmKBwHBFTX8w40hw\=\= {
  height: 100%;
  background-color: var(--dialog-blue);
  transition: width 0.3s ease-in-out;
}

/* Segmented progress bar */
.mfsdgJheH2hI-bPFcBAEZQ\=\= {
  height: 100%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0,var(--dialog-blue) 12px,
    transparent 0, transparent 2px
  );
  background-repeat: repeat-x;
  background-size: 14px 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: width 0.3s ease-in-out;
  overflow: hidden;
}
@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
.mfsdgJheH2hI-bPFcBAEZQ\=\= {
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0 12px,
    transparent 0 2px
  );
}
}

/* Indeterminate progress bar animation */
.mk\+S7w3adVNClvj0I2ENbA\=\= {
  height: 100%;
  width: 200%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0,var(--dialog-blue) 12px,
    transparent 0, transparent 2px
  );
  background-repeat: repeat-x;
  background-size: 14px 100%;
  position: absolute;
  left: -100%;
  top: 0;
  animation: _31mAmrclxm9NQUzwICSg9A\=\= 2s linear infinite;
}
@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
.mk\+S7w3adVNClvj0I2ENbA\=\= {
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0 12px,
    transparent 0 2px
  );
}
}

@keyframes _31mAmrclxm9NQUzwICSg9A\=\= {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

/* Standard Windows 98 Slider Track Styling */
.VquKycY12ZFwsif9EH3TPw\=\= {
  background-color: #d4d0c8;
  height: 4px;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  
  /* Disable anti-aliasing/zoom effects */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Vertical track variant */
.Hbcx-xi1FF\+PPkesWrRfEg\=\= {
  background-color: #d4d0c8;
  width: 4px;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  
  /* Disable anti-aliasing/zoom effects */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

:root {
  /* Z-index layers */
  --z-index-base: 0;
  --z-index-desktop: 1;
  --z-index-window: 100;
  --z-index-menu: 1000;
  --z-index-dialog: 2000;
  --z-index-overlay: 3000;
  --z-index-screensaver: 10000;
  --z-index-loader: 20000;

  /* Windows 98 Core Colors - Based on windows-default.css from 98.js */
  --ActiveBorder: rgb(212, 208, 200);
  --ActiveTitle: rgb(0, 0, 128); /* #000080 - This is the correct dark blue */
  --AppWorkspace: rgb(128, 128, 128);
  --Background: rgb(0, 128, 128);
  --ButtonAlternateFace: rgb(180, 180, 180);
  --ButtonDkShadow: rgb(0, 0, 0);
  --ButtonFace: rgb(212, 208, 200); 
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(223, 223, 223);
  --ButtonShadow: rgb(128, 128, 128);
  --ButtonText: rgb(0, 0, 0);
  --GradientActiveTitle: rgb(16, 132, 208);
  --GradientInactiveTitle: rgb(181, 181, 181);
  --GrayText: rgb(128, 128, 128);
  --Hilight: rgb(0, 0, 128); /* #000080 - Selection highlight color */
  --HilightText: rgb(255, 255, 255);
  --HotTrackingColor: rgb(0, 0, 255);
  --InactiveBorder: rgb(212, 208, 200);
  --InactiveTitle: rgb(128, 128, 128);
  --InactiveTitleText: rgb(212, 208, 200);
  --InfoText: rgb(0, 0, 0);
  --InfoWindow: rgb(255, 255, 225);
  --Menu: rgb(212, 208, 200);
  --MenuText: rgb(0, 0, 0);
  --Scrollbar: rgb(212, 208, 200);
  --TitleText: rgb(255, 255, 255);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);

  /* Aliases for easier reference */
  --dialog-blue: var(--Hilight); /* Now correctly maps to #000080 */
  --dialog-gray: var(--ButtonShadow);
  --surface: var(--ButtonFace);
  --button-highlight: var(--ButtonHilight);
  --text-color: var(--WindowText);
  --border-field: inset -1px -1px var(--ButtonHilight), inset 1px 1px var(--ButtonShadow), inset -2px -2px var(--ButtonLight), inset 2px 2px var(--ButtonDkShadow);
  
  /* Font variables */
  --font-family-ui: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  --font-family-sys: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  --font-size-normal: 11px;
  
  /* Button border styles */
  --border-raised-outer: inset -1px -1px var(--ButtonDkShadow), inset 1px 1px var(--ButtonHilight);
  --border-raised-inner: inset -2px -2px var(--ButtonShadow), inset 2px 2px var(--ButtonLight);
  --border-sunken-outer: inset -1px -1px var(--ButtonHilight), inset 1px 1px var(--ButtonDkShadow);
  --border-sunken-inner: inset -2px -2px var(--ButtonLight), inset 2px 2px var(--ButtonShadow);
  
  /* NOTE: Default button styling now uses border + box-shadow combination in Button.css */
  
  /* Focus outline */
  --focus-outline: 1px dotted var(--WindowText);
}
/* Global CSS rules for window control buttons */
.lyXUBZg9fixIT9V4aktUyw\=\=:focus,
.lyXUBZg9fixIT9V4aktUyw\=\=:focus-visible,
.lyXUBZg9fixIT9V4aktUyw\=\=:focus-within,
button.lyXUBZg9fixIT9V4aktUyw\=\=:focus,
button.lyXUBZg9fixIT9V4aktUyw\=\=:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-outline: none !important;
  -moz-outline: none !important;
  box-shadow: var(--border-raised-outer), var(--border-raised-inner) !important;
}

/* Make focus visible only when using keyboard navigation */
.lyXUBZg9fixIT9V4aktUyw\=\=:focus:not(:focus-visible) {
  outline: none !important;
  outline-offset: 0 !important;
}

/* Remove dotted focus in Firefox specifically */
.lyXUBZg9fixIT9V4aktUyw\=\=::-moz-focus-inner {
  border: 0 !important;
}

/**
 * Windows 99 Browser Compatibility Fixes
 * 
 * This file contains CSS fixes for cross-browser compatibility issues,
 * particularly for Firefox and other browsers that override our styles.
 */

/* Windows 98-style password field styling */
input[type="password"] {
  letter-spacing: 1px;
  color: var(--text-color) !important;
  caret-color: var(--text-color) !important; /* Ensure the cursor is visible */
  box-shadow: var(--border-field) !important;
  border: none !important;
  padding: 3px 4px !important;
}

/* Firefox scrollbar fixes */
@-moz-document url-prefix() {
  * {
    scrollbar-width: auto;
    scrollbar-color: var(--surface) var(--button-shadow);
  }
  
  #xwFzhtN2JaRduiQwAKB\+GA\=\= {
    z-index: 2147483647; /* Maximum z-index in Firefox */
  }
  
  ._7vpeo05oW08BEEO10Lx5Dw\=\= {
    filter: none !important; /* Prevent filter from creating new stacking context */
  }
  
  /* Fix transparent backgrounds in Firefox */
  select, input, button {
    background-color: var(--surface);
  }
  
  /* Force Firefox to maintain styling on focus/active states */
  @-moz-document url-prefix() {
    /* Override Firefox's default focus and active states */
    ::-moz-focus-inner {
      border: 0 !important;
    }
    
    /* Enforce box-shadow on all states */
    input, select, textarea {
      box-shadow: var(--border-field) !important;
    }
  }
  
  /* Firefox-specific password field styling - handled in the main section */
  input[type="password"]::-moz-placeholder {
    font-family: var(--font-family-ui), sans-serif !important;
    font-size: 11px !important;
    opacity: 0.7;
  }
  
  /* Firefox-specific input focus fix */
  input[type="text"],
  input[type="email"],
  input[type="number"],
  textarea,
  select {
    /* Always show the 3D border */
    box-shadow: var(--border-field) !important;
    border: none !important;
    outline: none !important;
  }
  
  /* Maintain 3D border when focused (prevent Firefox from removing it) */
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  textarea:focus,
  select:focus {
    box-shadow: var(--border-field) !important;
    border: none !important;
    outline: none !important;
  }
  
  /* Improve Firefox select dropdown appearance */
  select {
    -moz-padding-start: 5px;
    text-indent: 0;
  }
  
  /* Fix title bar menu position in Firefox */
  .HA8xS9FnNYpiv8upsYu3Kg\=\= ._7vpeo05oW08BEEO10Lx5Dw\=\= {
    position: fixed !important;
    transform: none !important;
  }
}

/* Global form element appearance fixes */
input, select, button, textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

/* Restore some native appearances where needed */
input[type="checkbox"], input[type="radio"] {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}

/* Fix dropdown arrow in select elements */
select {
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 5px);
  background-position-y: 50%;
  padding-right: 24px;
}

/* Fix for Edge/Safari specific issues */
@supports (-webkit-appearance:none) {
  /* Ensure consistent password field styling */
  input[type="password"] {
    box-shadow: var(--border-field) !important;
    border: none !important;
  }
  
  /* Safari-specific CSS */
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) ._7vpeo05oW08BEEO10Lx5Dw\=\= {
      transform: none !important;
    }
    _:future ._7vpeo05oW08BEEO10Lx5Dw\=\= {
      transform: none !important;
    }
    :root:not(does-not-exist) ._7vpeo05oW08BEEO10Lx5Dw\=\= {
      transform: none !important;
    }
    :is(_::-webkit-full-page-media,_:future,:root) ._7vpeo05oW08BEEO10Lx5Dw\=\= {
      transform: none !important;
    }
    
    /* Safari-specific text input focus fix */
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) input[type="text"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _:future input[type="text"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :root:not(does-not-exist) input[type="text"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) input[type="password"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _:future input[type="password"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :root:not(does-not-exist) input[type="password"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) input[type="email"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _:future input[type="email"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :root:not(does-not-exist) input[type="email"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) textarea:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _:future textarea:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :root:not(does-not-exist) textarea:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) [contenteditable="true"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _:future [contenteditable="true"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :root:not(does-not-exist) [contenteditable="true"]:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) .kFcR8OXgN61sbD4AuXqVgA\=\=:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _:future .kFcR8OXgN61sbD4AuXqVgA\=\=:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :root:not(does-not-exist) .kFcR8OXgN61sbD4AuXqVgA\=\=:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _::-csstools-invalid--webkit-full-page-media:not(.sv-O3PGeuBvPqcpyPyujMw\=\=) .cJMouZgadB5rQgixPPbLMg\=\=:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    _:future .cJMouZgadB5rQgixPPbLMg\=\=:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :root:not(does-not-exist) .cJMouZgadB5rQgixPPbLMg\=\=:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
    :is(_::-webkit-full-page-media,_:future,:root) input[type="text"]:focus,:is(_::-webkit-full-page-media,_:future,:root) input[type="password"]:focus,:is(_::-webkit-full-page-media,_:future,:root) input[type="email"]:focus,:is(_::-webkit-full-page-media,_:future,:root) textarea:focus,:is(_::-webkit-full-page-media,_:future,:root) [contenteditable="true"]:focus,:is(_::-webkit-full-page-media,_:future,:root) .kFcR8OXgN61sbD4AuXqVgA\=\=:focus,:is(_::-webkit-full-page-media,_:future,:root) .cJMouZgadB5rQgixPPbLMg\=\=:focus {
      outline: none !important;
      -webkit-appearance: none !important;
      box-shadow: var(--border-field) !important;
    }
}

/* Chrome-specific input field treatment */
@media  {
  /* All input field styling */
  input[type="text"], 
  input[type="password"],
  input[type="email"],
  input[type="number"],
  textarea,
  select {
    box-shadow: var(--border-field) !important;
    border: none !important;
    outline: none !important;
  }
  
  /* Ensure focus styles maintain 3D borders */
  input[type="text"]:focus, 
  input[type="password"]:focus,
  input[type="email"]:focus, 
  input[type="number"]:focus,
  textarea:focus,
  select:focus {
    outline: none !important;
    box-shadow: var(--border-field) !important;
    border: none !important;
  }
}

/* Special Firefox focus fix - more aggressive approach */
@-moz-document url-prefix() {
  /* Target all form elements - normal state */
  input, textarea, select {
    /* Force 3D border in Firefox */
    box-shadow: var(--border-field) !important; 
    border: none !important;
    outline: none !important;
  }
  
  /* Target all possible focus/active states with higher specificity */
  input:focus, textarea:focus, select:focus,
  input:active, textarea:active, select:active,
  input:-moz-focusring, textarea:-moz-focusring, select:-moz-focusring,
  input:focus-visible, textarea:focus-visible, select:focus-visible,
  input:focus-within, textarea:focus-within, select:focus-within,
  ._6w5yVzDwcnXFlOo63nhVOg\=\= input, ._6w5yVzDwcnXFlOo63nhVOg\=\= textarea, ._6w5yVzDwcnXFlOo63nhVOg\=\= select,
  *:focus input, *:focus textarea, *:focus select {
    box-shadow: var(--border-field) !important;
    border: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    -moz-appearance: none !important;
  }
  
  /* Even more specific selectors for text/password fields */
  input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
    box-shadow: var(--border-field) !important;
  }
  
  input[type="text"]:focus, input[type="password"]:focus, 
  input[type="email"]:focus, input[type="number"]:focus,
  input[type="text"]:active, input[type="password"]:active, 
  input[type="email"]:active, input[type="number"]:active {
    box-shadow: var(--border-field) !important;
    border: none !important;
    outline: none !important;
  }
}

/* General fixes for contextMenu */
._7vpeo05oW08BEEO10Lx5Dw\=\= {
  transform-style: flat !important;
  backface-visibility: hidden !important;
}

/* Fix focus outlines across browsers */
:focus {
  outline: 1px dotted var(--button-shadow) !important;
  outline-offset: -1px !important;
}

/* Remove default focus outline from buttons */
button:focus,
.eGS36nWekuiQ0q24Vin22A\=\=:focus,
[class*="button"]:focus,
[class*="btn"]:focus {
  outline: none !important;
}

/* Remove focus outline from text fields (Windows 98 style) */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
[contenteditable="true"]:focus,
.kFcR8OXgN61sbD4AuXqVgA\=\=:focus,
.cJMouZgadB5rQgixPPbLMg\=\=:focus,
.LrdyyIa5haEGtwg8YseWHA\=\=:focus,
.gIvnibKhkA8kyhJM9a4Iyg\=\=:focus,
.\-8S102x2DpMB\+r6mpYtoYg\=\=:focus,
.NU73pLU7r8bwJmr9yq0Qmw\=\=:focus,
code:focus {
  outline: none !important;
  /* Additional browser-specific overrides */
  box-shadow: var(--border-field) !important; /* Keep the normal border */
  border: none !important; /* Remove any potential border added by the browser */
}

/* Remove yellow background from autocomplete inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--button-highlight) inset !important;
  -webkit-text-fill-color: var(--text-color) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* Fix for the "All browsers" problem with windows that should be on top */
body > #xwFzhtN2JaRduiQwAKB\+GA\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 2147483647; /* Maximum possible z-index */
  pointer-events: none;
}

body > #xwFzhtN2JaRduiQwAKB\+GA\=\= > * {
  pointer-events: auto;
}
.M22QVRuLnJhiyUQHCndhcw\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: black;
  z-index: var(--z-index-screensaver);
  display: none;
  cursor: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.M22QVRuLnJhiyUQHCndhcw\=\=:fullscreen,
.M22QVRuLnJhiyUQHCndhcw\=\=.BCEgzjVs3dCrAr5Kg94ncw\=\= {
  display: block;
}

.BCEgzjVs3dCrAr5Kg94ncw\=\= {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer !important;
}

.RmsPN3UIBhg-tzwLXTFIJA\=\= {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
/* Ensure context menu portal container is properly styled */
#Ujdaw30lpPC-mNxo-6PyFQ\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 999999;
  pointer-events: none; /* Don't block clicks */
}

/* Make sure child menu elements can receive clicks */
#Ujdaw30lpPC-mNxo-6PyFQ\=\= > * {
  pointer-events: auto;
}

.z7J\+H4lKt8aAroBLLp1IhA\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  display: inline;
  font-weight: normal;
}

/* Add targeting for portal-rendered context menus */
body > [data-context-menu="true"] .lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover {
  background-color: var(--dialog-blue) !important;
  color: var(--button-highlight) !important;
}

/* Target specific elements in portal-rendered context menus */
body > [data-context-menu="true"] .lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover .h0O7D-fNTQAWV9nsFrPr9A\=\=,
body > [data-context-menu="true"] .lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover .QcRe3evGsSbm8wgoknCQtQ\=\= {
  color: var(--button-highlight) !important;
}

body > [data-context-menu="true"] .lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover .PAnAK78E4PCC1ekLiiNvow\=\=,
body > [data-context-menu="true"] .lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover img {
  filter: brightness(0) invert(1) !important; /* Make images white */
}

.tQ-48lT1aSNeSwXUWTZkeA\=\= {
  position: relative;
  pointer-events: none;
}

.tQ-48lT1aSNeSwXUWTZkeA\=\= > * {
  pointer-events: auto;
}
.tg2CULzpAYayZ5bZQ6N\+\+g\=\= {
  position: fixed;
  background-color: var(--surface);
  /* Use the window border style for consistency */
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  padding: 4px;
  min-width: 130px;
  font-family: var(--font-family-ui), sans-serif;
  font-size: var(--font-size-normal);
  /* Use a very high z-index to ensure it's above everything else */
  z-index: 99999;
  opacity: 0;
  transform: translateY(-3px);
  transition: opacity 0.1s ease, transform 0.1s ease;
  /* Prevent text selection in menu items */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* Ensure proper positioning */
  pointer-events: auto;
  /* Force Windows 98 cursor throughout context menu */
  cursor: default !important;
}

.L9nhhqn63pBWrjaHPUHSQQ\=\= {
  opacity: 1;
  transform: translateY(0);
}

.lrmLKYh3NE6FE1u4mYzcMw\=\= {
  padding: 3px 6px 3px 6px;
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: default !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover {
  background-color: var(--dialog-blue);
  color: var(--button-highlight);
  cursor: default !important;
}

.lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover .PAnAK78E4PCC1ekLiiNvow\=\=,
.lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover img {
  filter: brightness(0) invert(1); /* Convert icon to white */
}

.lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover .QcRe3evGsSbm8wgoknCQtQ\=\= {
  color: var(--button-highlight);
}

.PAnAK78E4PCC1ekLiiNvow\=\= {
  width: 16px;
  height: 14px;
  position: relative;
  display: inline-block;
  margin-right: 4px;
  background-repeat: no-repeat;
  flex-shrink: 0;
  /* No background-size - let SVGs render at native size */
}

.HSlaYRSfxz6\+EptsaKElmA\=\= {
  width: 16px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  flex-shrink: 0;
}

/* Specific positioning for each icon to match titlebar exactly */
.PAnAK78E4PCC1ekLiiNvow\=\=[style*="minimize.svg"] {
  background-position: bottom 3px left 4px;
}

.PAnAK78E4PCC1ekLiiNvow\=\=[style*="maximize.svg"] {
  background-position: top 2px left 3px;
}

.PAnAK78E4PCC1ekLiiNvow\=\=[style*="restore.svg"] {
  background-position: top 2px left 3px;
}

.PAnAK78E4PCC1ekLiiNvow\=\=[style*="close.svg"] {
  background-position: top 3px left 4px;
}

.DaWMcKemTTR2wz9K2VhQXg\=\= {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover .DaWMcKemTTR2wz9K2VhQXg\=\= svg path {
  fill: white;
}

.icjR4JnQNh8FTRSnD3aMfg\=\= {
  flex: 1;
}

.h0O7D-fNTQAWV9nsFrPr9A\=\= {
  margin-left: 16px;
  color: var(--button-shadow); /* Using CSS variable instead of hardcoded #808080 */
}

.lrmLKYh3NE6FE1u4mYzcMw\=\=:not(.\+w5wrv\+6AsKwuAF3\+bA9QA\=\=):hover .h0O7D-fNTQAWV9nsFrPr9A\=\= {
  color: var(--button-highlight);
}

._0h4NazL9D7yjT01r-3YPXA\=\= {
  height: 2px;  /* Increased from 1px */
  margin: 3px 1px;
  border-top: 1px solid var(--button-shadow); /* Using var instead of #808080 */
  border-bottom: 1px solid var(--button-highlight); /* Using var instead of #ffffff */
  background: transparent; /* Remove background color */
}

.\+w5wrv\+6AsKwuAF3\+bA9QA\=\= {
  color: var(--button-shadow); /* Using CSS variable instead of hardcoded #808080 */
  text-shadow: 1px 1px 0 var(--button-highlight); /* Using CSS variable for better consistency */
}

.\+w5wrv\+6AsKwuAF3\+bA9QA\=\= .PAnAK78E4PCC1ekLiiNvow\=\= {
  /* Use disabled SVG with white drop shadow */
  filter: drop-shadow(1px 1px 0px white);
  position: relative;
}

/* Maximize already has disabled effect built into SVG */
.\+w5wrv\+6AsKwuAF3\+bA9QA\=\= .PAnAK78E4PCC1ekLiiNvow\=\=[style*="maximize.svg"] {
  filter: none !important;
}

/* Use disabled versions of each icon */
.\+w5wrv\+6AsKwuAF3\+bA9QA\=\= .PAnAK78E4PCC1ekLiiNvow\=\=[style*="minimize.svg"] {
  background-image: url(../images/minimize-disabled.svg) !important;
}

.\+w5wrv\+6AsKwuAF3\+bA9QA\=\= .PAnAK78E4PCC1ekLiiNvow\=\=[style*="maximize.svg"] {
  background-image: url(../images/maximize-disabled.svg) !important;
}

.\+w5wrv\+6AsKwuAF3\+bA9QA\=\= .PAnAK78E4PCC1ekLiiNvow\=\=[style*="restore.svg"] {
  background-image: url(../images/restore-disabled.svg) !important;
}

.\+w5wrv\+6AsKwuAF3\+bA9QA\=\= .PAnAK78E4PCC1ekLiiNvow\=\=[style*="close.svg"] {
  background-image: url(../images/close-disabled.svg) !important;
}

.QcRe3evGsSbm8wgoknCQtQ\=\= {
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._9tPhp6tyzrh3HY0LF9pHOg\=\= {
  /* Submenu appears to the right of main menu */
  position: fixed;
  /* Override the transition for submenus to appear instantly */
  transition: none;
  opacity: 1;
  transform: translateY(0);
}

.AzCJFsaTqOky9fB00VveIQ\=\= {
  display: block;
  image-rendering: pixelated;
}
.ErojrrqCNxwF-opPFZZouQ\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  background-color: var(--surface);
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
  border-radius: 0;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
  cursor: pointer;
  /* Removed the text-shadow property */

  min-width: 75px;
  min-height: 23px;
  padding: 0 12px;
}

/* Default button with thick black border */
.ErojrrqCNxwF-opPFZZouQ\=\=.n\+ZBLQAW0zjqS3Pn9Uy8qw\=\= {
  /* Add black border around the button */
  border: 1px solid var(--ButtonDkShadow);
  /* Maintain the 3D effect inside the border */
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
  /* Adjust padding to compensate for border taking space */
  padding: 0 11px;
}

.ErojrrqCNxwF-opPFZZouQ\=\=:not(:disabled):active,
.ErojrrqCNxwF-opPFZZouQ\=\=.HGX-5JPaMzYqN7XKxNgUFg\=\= {
  box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
  /* Removed the text-shadow property */
  outline: none !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  -webkit-focus-ring-color: transparent !important;
}

/* Default button active state - should look like normal pressed button */
.ErojrrqCNxwF-opPFZZouQ\=\=.n\+ZBLQAW0zjqS3Pn9Uy8qw\=\=:not(:disabled):active,
.ErojrrqCNxwF-opPFZZouQ\=\=.n\+ZBLQAW0zjqS3Pn9Uy8qw\=\=.HGX-5JPaMzYqN7XKxNgUFg\=\= {
  /* Remove the black border when pressed - should look like normal button */
  border: none;
  /* Restore normal padding */
  padding: 0 12px;
  /* Apply normal sunken 3D effect */
  box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
}

.ErojrrqCNxwF-opPFZZouQ\=\=:not(:disabled):active > *,
.ErojrrqCNxwF-opPFZZouQ\=\=.HGX-5JPaMzYqN7XKxNgUFg\=\= > * {
  transform: translate3d(1px, 1px, 0);
}

@media (hover: none) {
  .ErojrrqCNxwF-opPFZZouQ\=\=:not(:disabled):hover {
    box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
  }
}

.ErojrrqCNxwF-opPFZZouQ\=\=:focus,
.ErojrrqCNxwF-opPFZZouQ\=\=.t7zhjhSFV45TqjtOwG8lPg\=\= {
  outline: var(--focus-outline);
  outline-offset: -4px;
}

.ErojrrqCNxwF-opPFZZouQ\=\=::-moz-focus-inner {
  border: 0;
}

/* Disabled state */
.ErojrrqCNxwF-opPFZZouQ\=\=:disabled {
  color: var(--GrayText);
  text-shadow: 1px 1px 0 var(--button-highlight);
  cursor: default;
}

/* Taskbar button styles */
.ErojrrqCNxwF-opPFZZouQ\=\=.T-EcQQ3HLUk1KTuZNWSDew\=\= {
  min-height: 22px;
  height: 22px;
  padding: 0 4px 0;
  justify-content: flex-start;
}

.ErojrrqCNxwF-opPFZZouQ\=\=.T-EcQQ3HLUk1KTuZNWSDew\=\= img {
  margin-right: 3px;
}

.ErojrrqCNxwF-opPFZZouQ\=\=.T-EcQQ3HLUk1KTuZNWSDew\=\= div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ErojrrqCNxwF-opPFZZouQ\=\=.T-EcQQ3HLUk1KTuZNWSDew\=\=:not(:disabled):active > *,
.ErojrrqCNxwF-opPFZZouQ\=\=.T-EcQQ3HLUk1KTuZNWSDew\=\=.HGX-5JPaMzYqN7XKxNgUFg\=\= > * {
  transform: translate3d(1px, 1px, 0);
}

/* Checkered background for active taskbar buttons */
.ErojrrqCNxwF-opPFZZouQ\=\=.T-EcQQ3HLUk1KTuZNWSDew\=\=.HGX-5JPaMzYqN7XKxNgUFg\=\= {
  background-image: url('../images/scrollbar-background.svg');
  background-repeat: repeat;
  background-size: 2px 2px;
  background-position: 0 0;
}

/* More specific rule for window control buttons */
.ErojrrqCNxwF-opPFZZouQ\=\=._15FcZGC6Vbts98Qmzq1-Hw\=\=:focus,
.ErojrrqCNxwF-opPFZZouQ\=\=._15FcZGC6Vbts98Qmzq1-Hw\=\=:active,
.ErojrrqCNxwF-opPFZZouQ\=\=._15FcZGC6Vbts98Qmzq1-Hw\=\=.t7zhjhSFV45TqjtOwG8lPg\=\=,
.ErojrrqCNxwF-opPFZZouQ\=\=._15FcZGC6Vbts98Qmzq1-Hw\=\=:focus-visible,
.ErojrrqCNxwF-opPFZZouQ\=\=._15FcZGC6Vbts98Qmzq1-Hw\=\=:focus-within {
  outline: 0 !important;
  outline-offset: 0 !important;
}
.z8kHCzXUWfGAvSPWZtiv7g\=\= {
  display: flex;
  justify-content: flex-start !important;
  align-items: center;
  margin: 1px !important;
  height: 18px;
  padding: 1px 2px !important;
  color: white;
  background: var(--ActiveTitle);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* Use default cursor for Windows 98 authenticity */
}

.z8kHCzXUWfGAvSPWZtiv7g\=\=.\+p4cjX6onh\+mzF4f\+mbuiA\=\= {
  background: var(--InactiveTitle);
  color: var(--surface);
}

/* Gradient titlebar styles - applied when gradient-titlebar class is on document root */
/* Use :global() to escape CSS modules and target the actual document class */
.gradient-titlebar .z8kHCzXUWfGAvSPWZtiv7g\=\= {
  background: linear-gradient(to right, #000080 0%, #1084d0 100%) !important;
}

.gradient-titlebar .z8kHCzXUWfGAvSPWZtiv7g\=\=.\+p4cjX6onh\+mzF4f\+mbuiA\=\= {
  background: linear-gradient(to right, #808080 0%, #b5b5b5 100%) !important;
}

.cNrnY20k3ctTKFCHDTCHAQ\=\= {
  flex: 1;
  margin: 0 24px 0 1px;
  letter-spacing: 0;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hpEDLVLbHgVdEIX9OOQHbQ\=\= {
  margin-right: 2px;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= {
  display: flex;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button {
  padding: 0;
  display: block;
  min-width: 16px;
  min-height: 14px;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:active {
  padding: 0;
}

/* Remove dotted outline when button is pressed but not released */
.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:active,
.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:focus:active,
.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:focus-visible:active {
  outline: none !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  -webkit-focus-ring-color: transparent !important;
  /* Override any border that might be appearing as a focus indicator */
  border-style: none !important;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:last-child {
  margin-left: 2px;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button {
  position: relative;
}

/* Firefox-specific fix for button focus */
@-moz-document url-prefix() {
  .o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:active::-moz-focus-inner,
  .o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:active {
    border: 0 !important;
    outline: none !important;
  }
}

.sENC83Rtd0OPOev\+Kiw2aA\=\=, ._52NNrURUTCePIzIQLDPsCg\=\=, ._3KyJbL-NR8AEZ3YuEiIoKA\=\=, ._6qjOwVYAhobmF4qHDr0Xjg\=\=, ._0F0KFUNCHS-srKriyscYlw\=\= {
  width: 16px;
  height: 14px;
}

.sENC83Rtd0OPOev\+Kiw2aA\=\= {
  background-image: url('../images/minimize.svg');
  background-repeat: no-repeat;
  background-position: bottom 3px left 4px;
}

._52NNrURUTCePIzIQLDPsCg\=\= {
  background-image: url('../images/maximize.svg');
  background-repeat: no-repeat;
  background-position: top 2px left 3px;
}

._3KyJbL-NR8AEZ3YuEiIoKA\=\= {
  background-image: url('../images/restore.svg');
  background-repeat: no-repeat;
  background-position: top 2px left 3px;
}

._6qjOwVYAhobmF4qHDr0Xjg\=\= {
  background-image: url('../images/help.svg');
  background-repeat: no-repeat;
  background-position: top 2px left 5px;
}

._0F0KFUNCHS-srKriyscYlw\=\= {
  background-image: url('../images/close.svg');
  background-repeat: no-repeat;
  background-position: top 3px left 4px;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled {
  /* Disabled button should not have any visual press effects */
  box-shadow: var(--border-raised-outer), var(--border-raised-inner) !important;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled:active,
.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled:hover {
  /* Prevent any interaction effects on disabled buttons */
  box-shadow: var(--border-raised-outer), var(--border-raised-inner) !important;
  transform: none !important;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled ._0F0KFUNCHS-srKriyscYlw\=\= {
  background-image: url('../images/close-disabled_1.svg') !important;
  /* Ensure proper positioning and sizing */
  background-position: top 3px left 4px !important;
  background-repeat: no-repeat !important;
  background-size: 8px 7px !important;
  /* Create embossed effect with drop-shadow */
  filter: drop-shadow(1px 1px 0px white) !important;
}

/* Title bar button disabled styling - needs higher specificity */
.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled {
  /* Prevent press effects */
  box-shadow: var(--border-raised-outer), var(--border-raised-inner) !important;
  cursor: default !important;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled:active,
.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled:hover {
  /* Completely disable interaction effects */
  box-shadow: var(--border-raised-outer), var(--border-raised-inner) !important;
  transform: none !important;
}

.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled:active > *,
.o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled:hover > * {
  /* Prevent icon movement on disabled buttons */
  transform: none !important;
}

/* Disabled maximize button icon - use drop shadow like context menu */
.z8kHCzXUWfGAvSPWZtiv7g\=\= .o-Rp7qeyrSz0X3q\+2LGjFQ\=\= button:disabled ._52NNrURUTCePIzIQLDPsCg\=\= {
  background-image: url('../images/maximize.svg') !important;
  background-position: top 2px left 3px !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  filter: drop-shadow(1px 1px 0px white) !important;
  opacity: 0.5 !important;
}
.vTv4BkbttSi8QWdPdGUVvA\=\= {
  /* Container styling handled programmatically */
}

/* Modal dialog styling */
.modal-dialog-container {
  pointer-events: auto !important;
}

.-cPfiJ6f3IBwXAiKTJxn5w\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.JdrocQPePpSas4Z3yZwoEA\=\= {
  background-color: var(--surface);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  padding: 3px;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  min-height: 120px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent text selection during dragging */
  position: absolute;
}

.D1hVRsu9V74IRZAgqK8wyA\=\= {
  resize: both;
  overflow: auto;
}

.VHSTKzEXXFlvp38XCWb2Sg\=\= {
  flex-grow: 1;
  padding: 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text; /* Allow text selection in the content area */
}

.Cmj4RJjZ0CFYv9G4vLVs3Q\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  padding: 12px;
  background-color: #d4d0c8;
  border-top: transparent;
}

.Cmj4RJjZ0CFYv9G4vLVs3Q\=\= button {
  min-width: 75px;
  padding: 4px 10px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin: 0 2px;
}

.ZPYjInWk1KCLL2TMsvPm5w\=\= {
  border: 3px solid #000;
  font-weight: bold;
}

.Z3jKogIj33m4MecE088bmw\=\= {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Style the title bar cursor only when inside dialog */
.JdrocQPePpSas4Z3yZwoEA\=\= .titleBar {
  cursor: move;
}
/* DeleteConfirmationDialog.css - Windows 98 authentic styling */

.dCqrw8YUnOXeIqJguEXz2g\=\= {
  padding: 16px;
  font-family: 'PixelatedMsSansSerif', monospace;
  font-size: 11px;
  color: #000;
}

.oMcIm7NNab\+yw2BT6q5Sww\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.rgF1qJ0gMTXmBQg3ZEFkTA\=\= {
  width: 32px;
  height: 32px;
  background-image: url(../images/recycle_bin_file_32.png);
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.GAS0qQUNSRQoDUJo-lDXrA\=\= {
  flex: 1;
  line-height: 1.4;
  padding-top: 4px;
}
._8inJgv6YrxQc-zubBO7SLw\=\= {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 9999;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._4Ct2nSSxMJq2cn2V2g2l1A\=\= {
  color: white;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  text-align: right;
  margin-bottom: 2px;
  padding: 2px 4px;
  border-radius: 2px;
}

.HQtCOp8804xnpjELXrCIEg\=\= {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  width: 100%;
  /* Remove fixed height to allow natural growth and scrolling */
  min-height: 100%;
  /* Ensure all areas are clickable for background detection */
  box-sizing: border-box;
  position: relative;
}

._854-D203zNeiSfWW6dLKow\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px 2px;
  width: 74px;
  height: 66px; /* KEEP FIXED - never changes */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: visible; /* Allow content to extend beyond boundaries */
}

/* Small icon variant */
._854-D203zNeiSfWW6dLKow\=\=._7wme7L9mpOjVPJTCGNWT\+g\=\= {
  width: 60px;
  height: 50px;
  margin: 2px 1px;
}

.L093qAExFKAUxMtgHA8k5w\=\= {
  padding: 0 8px 4px 8px;
  position: relative; /* For positioning shortcut overlay */
}

/* Small icon spacing */
._854-D203zNeiSfWW6dLKow\=\=._7wme7L9mpOjVPJTCGNWT\+g\=\= .L093qAExFKAUxMtgHA8k5w\=\= {
  padding: 0 4px 2px 4px;
}

/* Icon wrapper for shortcut overlay positioning */
.rs9nrzKE6moPLvyMWj4SJA\=\= {
  position: relative;
  display: inline-block;
}

/* Shortcut overlay styling */
.\+dHxXsmK0fK5OqTTK6e8Cg\=\= {
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 11px;
  height: 11px;
  z-index: 3;
  pointer-events: none;
}

._5HXSBtlJF7cgF7BuhPEY9g\=\= {
  /* Core styling */
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  
  /* CRITICAL: Exactly 2px padding on each side */
  padding: 1px 2px;
  
  /* Smart width system - let CSS handle everything */
  min-width: calc(11px + 4px); /* Minimum for single character + padding = 15px total */
  max-width: calc(68px + 4px); /* Maximum 72px total (68px content + 4px padding) */
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: border-box; /* Padding included in total width */
  
  /* Text wrapping and overflow */
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  
  /* Default state: 2-line maximum with ellipsis */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  
  /* Maximum height for 2 lines + padding */
  max-height: calc(13px * 2 + 2px); /* 28px total */
}

/* Small icon label adjustments */
._854-D203zNeiSfWW6dLKow\=\=._7wme7L9mpOjVPJTCGNWT\+g\=\= ._5HXSBtlJF7cgF7BuhPEY9g\=\= {
  max-height: 26px;
  font-size: 10px;
  line-height: 11px;
}

._854-D203zNeiSfWW6dLKow\=\=.qdWWW\+QXjL9r3VULHJb3iA\=\= .L093qAExFKAUxMtgHA8k5w\=\= {
  filter: brightness(0.4) contrast(0.9) sepia(100%) hue-rotate(195deg) saturate(2)
}


._854-D203zNeiSfWW6dLKow\=\=.qdWWW\+QXjL9r3VULHJb3iA\=\= ._5HXSBtlJF7cgF7BuhPEY9g\=\= {
  color: #ffffff !important;
  background: #000080 !important;
  
  /* PROPER Windows 98 dotted selection border */
  border: 1px dotted yellow !important;
  outline: none;
  
  /* SELECTION STATE: Show full text by removing line clamp */
  -webkit-line-clamp: unset;
  text-overflow: initial;
  text-overflow: unset;
  max-height: none;
  max-height: initial;
  max-height: unset;
  overflow: visible;
  
  /* ENFORCE 72px maximum - no exceptions */
  max-width: 72px !important;
  
  /* Selection can only grow vertically, never horizontally beyond 72px */
  white-space: normal;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  
  /* Extend downward beyond container for height */
  margin-bottom: -40px;
  
  /* Appear above other elements */
  position: relative;
  z-index: 10;
}

._854-D203zNeiSfWW6dLKow\=\=.fBR2LWHRD-pCO8-52SgdBg\=\= ._5HXSBtlJF7cgF7BuhPEY9g\=\= {
  /* Windows 98 soft focus: light yellow background with dotted black border */
  background-color: #ffff7f !important;
  color: #000000 !important;
  border: 1px dotted black !important;
  outline: none;
}

._854-D203zNeiSfWW6dLKow\=\=.fBR2LWHRD-pCO8-52SgdBg\=\=.qdWWW\+QXjL9r3VULHJb3iA\=\= ._5HXSBtlJF7cgF7BuhPEY9g\=\= {
  /* When both soft focus and focus are active, use standard selection */
  background-color: #000080 !important;
  color: #ffffff !important;
  border: 1px dotted yellow !important;
}
.dzDi5nCI23CMhiod0WX-Fg\=\= {
  position: absolute;
  width: 72px; /* Visual width stays the same */
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  
  /* Match FileGrid container structure */
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible; /* Allow content to extend beyond boundaries */
  
  /* Keep pointer events enabled on the entire container */
  pointer-events: auto;
  
  /* EXPANDED CLICKABLE AREA: Add invisible padding to increase click target */
  padding: 5px 1px; /* Top/bottom: 8px, Left/right: 12px */
  margin: -2px -12px; /* Negative margins to maintain visual positioning */
  
  /* This creates a larger click area (102px wide, extends 8px above/below) 
     but keeps the visual appearance unchanged */
}

.joSTTyQpIcSnqwV9yO7UAg\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  /* Pointer events inherit from parent */
}

.C9hDChuDV3laFq8BRu\+7JQ\=\= {
  /* EXACT COPY from FileGrid.css */
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  
  /* CRITICAL: Exactly 2px padding on each side */
  padding: 1px 2px;
  
  /* Pointer events inherit from parent */
  
  /* Smart width system - let CSS handle everything */
  min-width: calc(11px + 4px); /* Minimum for single character + padding = 15px total */
  max-width: calc(68px + 4px); /* Maximum 72px total (68px content + 4px padding) */
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: border-box; /* Padding included in total width */
  
  /* Text wrapping and overflow */
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  
  /* Default state: 2-line maximum with ellipsis */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  
  /* Maximum height for 2 lines + padding */
  max-height: calc(13px * 2 + 2px); /* 28px total */
  
  /* DESKTOP ICON SPECIFIC: Prevent position shift on selection */
  border: 1px solid transparent;
}

/* Selected state: Show full text without truncation */
.dzDi5nCI23CMhiod0WX-Fg\=\=.UNeqMG98oxDlyYQKLTaG8w\=\= .joSTTyQpIcSnqwV9yO7UAg\=\= {
  filter: brightness(0.8) contrast(1.2);
}

.dzDi5nCI23CMhiod0WX-Fg\=\=.UNeqMG98oxDlyYQKLTaG8w\=\= .C9hDChuDV3laFq8BRu\+7JQ\=\= {
  /* EXACT COPY from FileGrid.css */
  color: #ffffff !important;
  background: #000080 !important;
  
  /* PROPER Windows 98 dotted selection border */
  border: 1px dotted #ffff7f !important;
  outline: none;
  
  /* SELECTION STATE: Show full text by removing line clamp */
  -webkit-line-clamp: unset;
  text-overflow: initial;
  text-overflow: unset;
  max-height: none;
  max-height: initial;
  max-height: unset;
  overflow: visible;
  
  /* ENFORCE 72px maximum - no exceptions */
  max-width: 72px !important;
  
  /* Selection can only grow vertically, never horizontally beyond 72px */
  white-space: normal;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  
  /* Extend downward beyond container for height */
  margin-bottom: -20px;
  
  /* Appear above other elements */
  position: relative;
  z-index: 10;
}

/* Dragging state */
.dzDi5nCI23CMhiod0WX-Fg\=\=.wdjhx669gG81IRRPb8eeew\=\= {
  opacity: 0.8;
  z-index: 1000;
  pointer-events: none;
  cursor: grabbing;
}

.dzDi5nCI23CMhiod0WX-Fg\=\=.wdjhx669gG81IRRPb8eeew\=\= .joSTTyQpIcSnqwV9yO7UAg\=\= {
  filter: brightness(0.6);
}

/* When selected but other icons are being dragged */
.dzDi5nCI23CMhiod0WX-Fg\=\=._10NhMp1Eu8V5wz-bx70W8w\=\= {
  opacity: 0.6;
}

/* Focus outline for accessibility */
.dzDi5nCI23CMhiod0WX-Fg\=\=:focus {
  outline: 1px dotted #ffff7f;
  outline-offset: 2px;
}

/* Hover state (only when not dragging) */
.dzDi5nCI23CMhiod0WX-Fg\=\=:not(.wdjhx669gG81IRRPb8eeew\=\=):hover .C9hDChuDV3laFq8BRu\+7JQ\=\= {
  background-color: rgba(0, 0, 128, 0.1);
}

/* Shortcut overlay img styling - Native size enforcement */
.IFFCoP0fpaESkSVdynZE-g\=\= {
  /* Force exact 11x11 size regardless of global image rendering rules */
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  max-width: 11px !important;
  max-height: 11px !important;
  
  /* Override ALL potential scaling and rendering interference */
  image-rendering: auto !important;
  -ms-interpolation-mode: auto !important;
  transform: none !important;
  zoom: 1 !important;
  
  /* Prevent flex container interference */
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  flex-basis: auto !important;
  
  /* Ensure no unexpected transformations or scaling */
  -o-object-fit: none !important;
     object-fit: none !important;
  -o-object-position: top left !important;
     object-position: top left !important;
  scale: 1 !important;
  
  /* Force browser to respect exact pixel dimensions */
  box-sizing: content-box !important;
  
  /* Visual enhancement */
  filter: contrast(1.1);
  
  /* DEBUG: Temporary red border to verify size 
  border: 1px solid red !important;
  background-color: rgba(255, 0, 0, 0.2) !important;
  */
}

/* Ensure shortcut overlay appears over icon with precise positioning */
.dzDi5nCI23CMhiod0WX-Fg\=\=._5koDO8v1SVIa1z\+o4ygTgg\=\= .joSTTyQpIcSnqwV9yO7UAg\=\= {
  position: relative;
  /* DEBUG: Uncomment to see wrapper bounds */
  /* border: 1px solid blue; */
  /* Ensure the wrapper doesn't interfere with overlay positioning */
  /* Prevent any scaling or transformation effects on the wrapper */
  transform: none;
  overflow: visible;
}

/* Drop zone visual feedback - Windows 98 selection style */
.dzDi5nCI23CMhiod0WX-Fg\=\=.z06KhIOcI94hdWP62efDHQ\=\= .joSTTyQpIcSnqwV9yO7UAg\=\= {
  /* Subtle icon brightness like normal hover/selection */
  filter: brightness(0.8) contrast(1.2);
}

.dzDi5nCI23CMhiod0WX-Fg\=\=.z06KhIOcI94hdWP62efDHQ\=\= .C9hDChuDV3laFq8BRu\+7JQ\=\= {
  /* Windows 98 blue selection background */
  color: #ffffff !important;
  background: #000080 !important;
  
  /* NO border for drag-over state (cleaner than selected state) */
  border: 1px solid transparent !important;
  
  /* Show full text like selection state */
  -webkit-line-clamp: unset;
  text-overflow: initial;
  text-overflow: unset;
  max-height: none;
  max-height: initial;
  max-height: unset;
  overflow: visible;
  
  /* Same max-width as selection */
  max-width: 72px !important;
  white-space: normal;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  
  /* Extend downward if needed */
  margin-bottom: -20px;
  
  /* Appear above other elements */
  position: relative;
  z-index: 10;
}

/* Residual image styling for Windows 98 drag effect */
.ProIs8UIrcvFDCPUkFGmbw\=\= {
  /* Additional styling for residual images if needed */
  filter: grayscale(0.2); /* Slight desaturation to distinguish from original */
}

/* DEBUG: Uncomment to visualize expanded clickable areas 

.draggableIcon {
  background-color: rgba(255, 0, 0, 0.1) !important;
  border: 1px dashed red !important;
}
*/

.Huq69Tb\+LqMNQJDKPNUnmQ\=\= {
  width: 100%;
  height: 100%;
  background-color: var(--desktop-green); /* Windows teal background */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 28px; /* Make room for taskbar */
  z-index: 0;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .Huq69Tb\+LqMNQJDKPNUnmQ\=\= {
    bottom: 30px; /* Match the taskbar height on mobile */
  }
}

/* Selection box - Windows 98 style with marching ants effect */
.OZiulotVLqdHOfNt8Z\+zTw\=\= {
  position: absolute;
  pointer-events: none;
  z-index: 1000;
}

/* Windows 98 style selection box - using outline for better rendering */
.\+6PD1fH9nv5N4xbj1VJ8yw\=\= {
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  outline: 1px dotted #000;
  outline-offset: -1px;
  /* Create a white background for the outline to contrast against */
  box-shadow: 
    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.5);
}

/* Marching ants animation */
@keyframes nRkmeCEkremQzdCSoxf\+sg\=\= {
  0% {
    background-position: 0 0, 0 0, 0 100%, 100% 0;
  }
  100% {
    background-position: 2px 0, 0 2px, 0 calc(100% - 2px), calc(100% - 2px) 0;
  }
}

/* Enhanced selection box with animated marching ants */
.pb3Aw\+nKmG5V6yhDW9Zggg\=\= {
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  background-image:
    linear-gradient(90deg, #000 50%, transparent 50%),
    linear-gradient(90deg, #000 50%, transparent 50%),
    linear-gradient(0deg, #000 50%, transparent 50%),
    linear-gradient(0deg, #000 50%, transparent 50%);
  background-size:
    2px 1px,
    2px 1px,
    1px 2px,
    1px 2px;
  background-position:
    0 0,
    0 100%,
    0 0,
    100% 0;
  background-repeat:
    repeat-x,
    repeat-x,
    repeat-y,
    repeat-y;
  animation: nRkmeCEkremQzdCSoxf\+sg\=\= 0.5s linear infinite;
  mix-blend-mode: difference;
}

/* Windows 98 selection box - pixel-perfect version that scales with zoom */
.KqLOA5Ceps3-mbLfxBe7QQ\=\= {
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  
  /* Create a dotted pattern using CSS gradients that scales with zoom */
  background-image:
    /* Top border */
    linear-gradient(90deg, white 1px, transparent 1px),
    /* Bottom border */
    linear-gradient(90deg, white 1px, transparent 1px),
    /* Left border */
    linear-gradient(0deg, white 1px, transparent 1px),
    /* Right border */
    linear-gradient(0deg, white 1px, transparent 1px);
  
  background-size:
    2px 1px, /* Top border: 2px repeat, 1px height */
    2px 1px, /* Bottom border: 2px repeat, 1px height */
    1px 2px, /* Left border: 1px width, 2px repeat */
    1px 2px; /* Right border: 1px width, 2px repeat */
  
  background-position:
    0 0,                    /* Top border at top */
    0 calc(100% - 1px),     /* Bottom border at bottom */
    0 0,                    /* Left border at left */
    calc(100% - 1px) 0;     /* Right border at right */
  
  background-repeat:
    repeat-x,  /* Top border repeats horizontally */
    repeat-x,  /* Bottom border repeats horizontally */
    repeat-y,  /* Left border repeats vertically */
    repeat-y;  /* Right border repeats vertically */
  
  /* Use difference blend mode for visibility on any background */
  mix-blend-mode: difference;
  
  /* Ensure crisp pixel rendering */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}


/* Container for draggable icons */
.kIM6u7RtoESq\+IOgStmuvg\=\= {
  position: relative;
  width: 100%;
  height: 100%;
}
.\+zUWC3VQKs8tjJUQc5Mf9g\=\= {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}

.V4HBc0KMdzTuMo0b-oTE2A\=\= {
  position: absolute;
  width: 22px;
  height: 12px;
  background-color: #d4d0c8; /* Must include the # for hex colors */
  background-image: url('../images/indicator-rectangle-vertical.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none; /* Remove borders since the SVG has its own */
  left: -1px;
  cursor: pointer;
  z-index: 2;
}

.V4HBc0KMdzTuMo0b-oTE2A\=\=:active {
  /* No border changes on active state */
  border: none;
}
._2Vpk9vq-uXcOpLgDk58c5Q\=\= {
  position: fixed;
  width: 72px;
  height: 130px; /* Reduced height since we removed the mute checkbox */
  background-color: #d4d0c8;

  box-shadow: var(--border-window-outer), var(--border-window-inner);
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 9999;
}



.PYg5WVgh0Qc2fIyJP\+8OBQ\=\= {
  color: black;
  font-weight: normal;
  padding: 8px;
  text-align: center;
}

._0rtodDs-qrx4RwInsepkWw\=\= {
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Yr2HtY7OkvSioAr-9W-9QQ\=\= {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 86px;
  margin-bottom: 8px;
  background-image: url(../images/soundlevelpopup.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
}

.gVyuOPK50UcmCofPxc0v9A\=\= {
  height: 68px;
  width: 20px;
  position: absolute;
  top: 10px;
  left: 32px; /* Position over the track in the background image */
}

/* Removed all checkbox-related styles */



.aiDtBu2hYLnszttqd4zK9g\=\= {
    display: flex;
    align-items: center;
    height: 22px;
    padding: 2px;
    font-family: var(--font-family-ui), sans-serif;
    font-size: 11px;
    line-height: 1;
    box-shadow: var(--box-shadow-notification);
}

.a-lxvBgjVmwemUyp7HvnuA\=\= {
    margin: 0 1px 0;
    cursor: pointer;
}

.bNlSCIUEbSpx8qiO\+vwdBw\=\= {
    margin: 0 10px;
}
._9g\+sPTPPZ6nVduxH4oUbjQ\=\={
    position: relative; 
    display: flex;
    align-items: center;
    margin: 1px 0;
    min-width: 128px;
    height: 20px;
    color: black;
    white-space: nowrap;
    overflow: visible;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
}

._9g\+sPTPPZ6nVduxH4oUbjQ\=\=:hover:not(.BFpIgx2UP5Q25YVMP1O0yQ\=\=)
{
    color: white;
    background-color: var(--dialog-blue);
}

._9g\+sPTPPZ6nVduxH4oUbjQ\=\=.BFpIgx2UP5Q25YVMP1O0yQ\=\= {
    color: #808080;
    cursor: default;
    pointer-events: none;
}

/* Target ONLY the direct arrow icon in the current menu item being hovered */
._9g\+sPTPPZ6nVduxH4oUbjQ\=\=:hover > .\-9m7OGHhzaAt3opZN4gndQ\=\= > img[data-arrow="true"] {
    filter: brightness(0) invert(1) !important; /* Convert to white */
}

.QmhzJyRTwymZUfGW7OvmIA\=\= {
    margin: 0 6px;
}

.\-9m7OGHhzaAt3opZN4gndQ\=\= {
    margin: 0 3px;
}

.qiZlwDsrE3bUVukmbYt1hA\=\= {
    /* Additional styling for menu arrow image if needed */
}

._8Tdno\+ILiSShH9ADtqEseA\=\= {
    flex: 1;
    margin-right: 14px;
    /* margin: 1px 0 0; */
}

._9g\+sPTPPZ6nVduxH4oUbjQ\=\=.oqqjq4ArKHtBB5pFtnf2Pg\=\= {
    margin: 0;
    min-width: 136px;
    height: 32px;
}

._9g\+sPTPPZ6nVduxH4oUbjQ\=\=.oqqjq4ArKHtBB5pFtnf2Pg\=\= > .QmhzJyRTwymZUfGW7OvmIA\=\= {
    margin: 0 10px;
}

.kdBjdBXtfzaBUAxfTEUJzA\=\= {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

._9q1J7fhzeHC64kwOFNgn8w\=\= {
  display: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate3d(-3px, -6px, 0);
}

/* Style for submenus that open to the left */
._9q1J7fhzeHC64kwOFNgn8w\=\=.wEOVAjjNRNT1ln-P3TQRRw\=\= {
  left: auto;
  right: 100%;
  transform: translate3d(3px, -6px, 0);
}

/* Keep the existing hover behavior to show submenus */
._9g\+sPTPPZ6nVduxH4oUbjQ\=\=:hover > ._9q1J7fhzeHC64kwOFNgn8w\=\= {
  display: block;
}
.ECIMdXmycqVWDKcbEgTvqg\=\= {
    display: inline-flex;
    flex-direction: column;
    box-shadow: var(--border-window-outer), var(--border-window-inner);
    background: var(--surface);
    padding: 3px;
    font-family: var(--font-family-ui), sans-serif;
    font-size: 11px;
    line-height: 1;
    overflow: visible;
}

/* Style for menus that should open to the left */
.ECIMdXmycqVWDKcbEgTvqg\=\=.VEkiALyYBg1Ppbz5IJ95Jw\=\= .RXlalePheRmFEDaOhS4Zzw\=\= .FcC08vClSrypaxtSxaKEeg\=\= {
    left: auto;
    right: 100%;
}

.EYKbjnbUrH0LPTQxwVDcoQ\=\= {
    padding: 5px 0 2px;
    box-shadow:  inset 0px 1px var(--button-shadow), inset 0px 2px var(--button-highlight);
    overflow: visible;
}

.ECIMdXmycqVWDKcbEgTvqg\=\=.kELgjhRq4\+LQYqlAYGe3eg\=\= > .EYKbjnbUrH0LPTQxwVDcoQ\=\= {
    padding: 8px 0 6px;
}

.EYKbjnbUrH0LPTQxwVDcoQ\=\=:first-child {
   padding-top: 0 !important; 
   box-shadow:  none !important;

}  

.EYKbjnbUrH0LPTQxwVDcoQ\=\=:last-child {
    padding-bottom: 0 !important; 
 }  

.jMNWIjXPmrD4F4-9jr4iIA\=\= {
  position: relative;
}

.jMNWIjXPmrD4F4-9jr4iIA\=\= > div {
  padding-left: 24px;
}

.jMNWIjXPmrD4F4-9jr4iIA\=\=::before {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 21px;
  height: calc(100% - 6px);
  content: '';
  background: var(--dialog-gray) url(../images/start-menu-logo.png) no-repeat left bottom;
}
.Vqj9UT930Av7CQNT1hblFg\=\= {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    height: 28px;
    padding: 4px 0 2px 0;
    box-shadow: inset 0 1px var(--button-face), inset 0 2px var(--button-highlight);
    background: var(--surface);
    z-index: 9999; /* Ensure taskbar is always on top */
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .Vqj9UT930Av7CQNT1hblFg\=\= {
        height: 30px; /* Slightly taller on mobile for better touch targets */
    }
}

.z728awAI6QU16Hu9lkJxmw\=\= {
    z-index: 1;
    position: absolute;
    left: 2px;
    bottom: 24px;
}

.KvJz2l5VrC\+S3WrqYjZlhQ\=\= {
    margin: 0 2px;
}

.KvJz2l5VrC\+S3WrqYjZlhQ\=\=  button {
    min-width: auto;
}

.mD9jpJ2WUwiVXd4\+\+hIEzg\=\= {
    /* Styling specifically for the Start button */
}

/* Override checkered background for Start button */
.mD9jpJ2WUwiVXd4\+\+hIEzg\=\=.active {
    background-image: none !important;
    background-color: var(--surface) !important;
}

/* Ultra-specific override for Start button - should definitely work */
.KvJz2l5VrC\+S3WrqYjZlhQ\=\= .mD9jpJ2WUwiVXd4\+\+hIEzg\=\=.active {
    background-image: none !important;
    background-color: var(--surface) !important;
}

.S-qG-j9S8K2iZE75JmiAXA\=\= {
    margin: 1px 1px 0 3px;
}

.UocoISLK4UJOa2k95KHChg\=\= {
    flex: 1 1 auto;
    display: flex;
    min-width: 100px;;
    padding: 0 2px;
}

.UocoISLK4UJOa2k95KHChg\=\= button {
    flex: 1 1 0;
    margin-right: 4px;
    min-width: 20px;
    max-width: 160px;
}

._8QbHOrdIPQn-KOQkO5HNOg\=\= {
    flex: 0 0 auto;
    margin: 0 1px;
}
.erLtSesJVtx3W\+GfoDl4ZQ\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 15px 0 15px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  background-color: var(--surface);
  text-align: center;
  height: 100%;
  overflow: hidden;
}

.K4xII3ZEksEPfUmvGV8iGw\=\= {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 15px;
  width: 100%;
  justify-content: center;
}

.tQ0ddauCSF5f9IHrH3SU9g\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.\+OSX7FMvFMojjbBvbVRCqA\=\= {
  width: 32px;
  height: 32px;
}

.mCR\+JKQEZZZBV8E9y4OC7Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}

._2GSdok\+LZsafvtiQmMM0vQ\=\= {
  font-weight: bold;
  font-size: 13px;
}

.erLtSesJVtx3W\+GfoDl4ZQ\=\= .Nxe\+zgSnC\+k6yIsubYRACA\=\= {
  height: 2px;
  background-color: #87888f;
  border-bottom: 1px solid #ffffff;
  margin: 8px 0;
  width: 100%;
  /* Force pixel boundaries */
  transform: translateZ(0);
  backface-visibility: hidden;
}

.PF\+1WYfc7Q0nbR74c\+devw\=\= {
  margin: 10px 0;
  width: 100%;
}

.PF\+1WYfc7Q0nbR74c\+devw\=\= p {
  margin: 3px 0;
}

.NQkxuydsTLnP\+ZARuKvKnw\=\= {
  font-weight: bold;
}



.WM87ldTrr0b1enxxA4prZQ\=\= {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

._5LuOYsSF2poBQpxMjS4lnA\=\= {
  text-align: right;
}

._9B0TiG5f07fAeY7mG0AcvA\=\= {
  color: #0000ff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}

._9B0TiG5f07fAeY7mG0AcvA\=\=:hover {
  color: #0066cc;
}
.Kdb-N5GbXrJqDPCImi-S9A\=\= {
  display: flex;
  width: 100%;
  height: 20px;
  background: var(--ButtonFace);
  box-sizing: border-box;
  border-bottom: 1px solid var(--button-shadow);
  box-shadow: 0 1px 0 0 #ffffff;
  position: relative;
  z-index: 100;
  padding-left: 1px;
}

._9elmb1anaWQIaAuGzAo9Gw\=\= {
  margin-left: auto;
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 1px;
  padding-bottom: 2px
}

.AHS2YDt4x75HEDmRZI0aMA\=\= {
  position: relative; 
  display: inline-flex;
  align-items: center;
  height: 19px;
  padding: 2px 6px;
  margin: 0;
  background: var(--ButtonFace);
  color: var(--ButtonText);
  box-sizing: border-box;
  cursor: pointer;
}


/* Menu button in hover state but not active */
.AHS2YDt4x75HEDmRZI0aMA\=\=:hover:not(.JsN5xXXY9SmueovBvCpA2Q\=\=) {
  border-color: var(--button-highlight) var(--button-shadow) var(--button-shadow) var(--button-highlight) !important;
  background: var(--ButtonFace);
}
/* Menu button in active (pressed) state */
.AHS2YDt4x75HEDmRZI0aMA\=\=.JsN5xXXY9SmueovBvCpA2Q\=\= {
  border-color: var(--button-shadow) var(--button-highlight) var(--button-highlight) var(--button-shadow) !important;
  background: #e0e0e0;
}
.AHS2YDt4x75HEDmRZI0aMA\=\=.JsN5xXXY9SmueovBvCpA2Q\=\= > span {
  position: relative;
}

.AHS2YDt4x75HEDmRZI0aMA\=\=.sVy\+QJZVirNRctFLdL5aow\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Je-Xa5neJF10\+XC-aKIv7g\=\= {
  display: block;
  width: 100%;
  padding: 3px 20px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: var(--ButtonText);
  background-color: transparent;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}

.u4-HvsqzKsGMKZ31UBAsew\=\= {
  position: absolute;
  left: 8px;        /* Adjust this value if needed */
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;  /* Add this */
  align-items: center;   /* Add this */
}

.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=):hover,
.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=).MWANVdsAYdhlHYOWdYh9xQ\=\= {
  background: var(--Hilight);
  color: var(--HilightText);
}

.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=):hover svg path,
.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=).MWANVdsAYdhlHYOWdYh9xQ\=\= svg path {
  fill: var(--HilightText) !important;
}

.Je-Xa5neJF10\+XC-aKIv7g\=\=.Afm4C7N\+w4CNR9rpV7olrw\=\= {
  color: var(--GrayText);
  text-shadow: 1px 1px 0 var(--button-highlight);
  pointer-events: none;
}

.qqChPgUT3AqOMZZsfSyllA\=\= {
  border: 0;
  border-top: 1px solid var(--button-shadow);
  border-bottom: 1px solid var(--button-highlight);
  margin: 3px 1px;
}

.XX2aoOKgvUPbfSkL2GNgKg\=\= {
  float: right;
  margin-left: 20px;
}

.pbaEButDrl-472-Sqz5zOg\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* Menu animation */
@keyframes uzhOlCLfoN2nx08l\+c2o3A\=\= {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Keep favicon icons unchanged on hover */
.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=):hover img[src*="html_file_16.png"],
.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=).MWANVdsAYdhlHYOWdYh9xQ\=\= img[src*="html_file_16.png"] {
  filter: none;
  opacity: 1; /* Keep link icons fully opaque */
}

/* Checkmark styling */
.Je-Xa5neJF10\+XC-aKIv7g\=\= {
  position: relative;
  padding-left: 28px; /* Increase padding to leave space for checkmark */
}

.Wl\+-t5CeJ8A3k63DWn5pxA\=\= {
  position: fixed;  /* Keep fixed positioning for root menus */
  min-width: 150px;
  padding: 3px;
  background: var(--ButtonFace);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  z-index: 9999;
  animation: uzhOlCLfoN2nx08l\+c2o3A\=\= 0.1s ease-out;
   pointer-events: auto; /* Important! */
}

/* Add if not present */
@media (pointer: coarse) {
  .Je-Xa5neJF10\+XC-aKIv7g\=\= {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.Z5TeUGJGMwc0DBS4a46m3Q\=\= {
  position: relative;  /* Ensure parent menu items can be positioned relatively */
}

/* Arrow icon hover styles */
.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=):hover .Jp-lDXVcnOmkAQA\+iODuzA\=\= img,
.Je-Xa5neJF10\+XC-aKIv7g\=\=:not(.Afm4C7N\+w4CNR9rpV7olrw\=\=).MWANVdsAYdhlHYOWdYh9xQ\=\= .Jp-lDXVcnOmkAQA\+iODuzA\=\= img {
  filter: brightness(0) invert(1) !important; /* Use a more reliable filter to make the arrow white */
}

/* Submenu arrow positioning */
.Z5TeUGJGMwc0DBS4a46m3Q\=\= .Jp-lDXVcnOmkAQA\+iODuzA\=\= {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Extra-specific selector for forced white icon on hover */
.Wl\+-t5CeJ8A3k63DWn5pxA\=\= div.Je-Xa5neJF10\+XC-aKIv7g\=\=.Z5TeUGJGMwc0DBS4a46m3Q\=\=:hover div.Jp-lDXVcnOmkAQA\+iODuzA\=\= img,
.Wl\+-t5CeJ8A3k63DWn5pxA\=\= div.Je-Xa5neJF10\+XC-aKIv7g\=\=.Z5TeUGJGMwc0DBS4a46m3Q\=\=.MWANVdsAYdhlHYOWdYh9xQ\=\= div.Jp-lDXVcnOmkAQA\+iODuzA\=\= img {
  filter: brightness(0) invert(1) !important; /* Make the icon white */
}

._3b9Q9xOwmoVI8i27-OptXg\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

/* Target by data attribute for even higher specificity */
[data-submenu-arrow="true"] img {
  max-width: 8px;
  max-height: 8px;
}

.Je-Xa5neJF10\+XC-aKIv7g\=\=:hover [data-submenu-arrow="true"] img,
.Je-Xa5neJF10\+XC-aKIv7g\=\=.MWANVdsAYdhlHYOWdYh9xQ\=\= [data-submenu-arrow="true"] img {
  filter: brightness(0) invert(1) !important; /* The most reliable way to make an icon white */
}

/* Position submenus relative to their parent */
._3b9Q9xOwmoVI8i27-OptXg\=\= > .Wl\+-t5CeJ8A3k63DWn5pxA\=\= {
  position: fixed;  /* Root menu stays fixed */
}

/* IE Loading animation styles in right content */
._9elmb1anaWQIaAuGzAo9Gw\=\= .epxoMeM4rmygZcmRP6IEzQ\=\= {
  width: 32px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 9999
}
.nb3YdvA9C15JNR0vKNxrzg\=\= {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.uMOBWTfLD2a36CzEpw-iBw\=\= {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    z-index: 100;
    position: relative;
}

.JwBQSWyvALMPY5nW8mbhOw\=\= {
    display: flex;
    flex: 1 1 auto;
    min-width: 1px;
    position: relative;
    z-index: 50;
}

._7srVgwxi-CnNRmabGZh\+UA\=\= {
    flex: 0 0 auto;
    position: relative;
    z-index: 50;
}

/* Remove overflow: hidden from containers that might clip menus */
.nb3YdvA9C15JNR0vKNxrzg\=\= {
    overflow: visible;
}

.uMOBWTfLD2a36CzEpw-iBw\=\= {
    overflow: visible;
}

.JwBQSWyvALMPY5nW8mbhOw\=\=, 
._7srVgwxi-CnNRmabGZh\+UA\=\= {
    overflow: hidden;
}
.ThvnEkIz3T6Uyj8XLjPT3A\=\= {
  width: 100%;
  height: 100%;
}

._6m9DaFjxrtMI7-XcGrn2dw\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 6px;
}

/* Calculator display */
.ABgTQPZ8SltJ4aQcOkoiXA\=\= {
  width: 100%;
  margin-bottom: 5px;
}

.ABgTQPZ8SltJ4aQcOkoiXA\=\= input {
  width: 100%;
  text-align: right;
  font-size: 11px;
  height: 20px;
  outline: 0;
  border: 1px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  padding: 2px 5px;
  color: black;
  background-color: white;
  box-shadow: inset 1px 1px #808080;
}

/* Table layout for calculator */
.atviukS8pa2L8ZBU4ty9ww\=\= {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
  table-layout: fixed;
}

.atviukS8pa2L8ZBU4ty9ww\=\= td {
  padding: 0;
  height: 20px;
  vertical-align: top;
}

/* Memory indicator */
.mRREBZg\+kHLauqsLeVCRQg\=\= {
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  background-color: white;
  border: 1px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  box-shadow: inset 1px 1px #808080;
}

/* Override the global button styles */
.atviukS8pa2L8ZBU4ty9ww\=\= button {
  width: 100% !important;
  min-width: 0 !important;
  min-width: initial !important;
  min-width: unset !important;
  height: 20px !important;
  min-height: 20px !important;
  font-size: 11px !important;
  padding: 0 !important;
}

.PaYoz9CTS2BesNyhWDpaOQ\=\= button {
  color: red !important;
}

.QRKuyYCNuFjqnVjZaRTFOQ\=\= button {
  text-align: left !important;
  padding-left: 3px !important;
  color: red !important;
}

.Zht7sWU7hixPQgFXPYMB5g\=\= button {
  color: blue !important;
}

.ZA\+jYbrlscr5c9Lwj2nciw\=\= button {
  color: red !important;
}

/* Scientific calculator */
.e45XhWxBATnFKuArH2dh\+g\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Radio options (Hex/Dec/Oct/Bin and Degrees/Radians/Gradients) */
.OrWIHffB3f4-VQ47Z\+svHQ\=\= {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 5px;
}

.gzljItlcTRvJZzQ6qD3btA\=\= {
  display: flex;
  align-items: center;
  font-size: 10px;
  margin-right: 5px;
}

.gzljItlcTRvJZzQ6qD3btA\=\= input {
  margin-right: 2px;
}

/* Control row with checkboxes and buttons */
.Db1e8CH4hQSrRexFArUrPA\=\= {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.u8YffzMIlpQtAG5K3o1Ozw\=\= {
  display: flex;
  gap: 10px;
}

.y37kjgHpDOue1-vYShp-TA\=\= {
  display: flex;
  align-items: center;
  font-size: 10px;
}

.y37kjgHpDOue1-vYShp-TA\=\= input {
  margin-right: 2px;
}

._5jNophZWfTOKGXuB56AIGQ\=\= {
  display: flex;
  gap: 3px;
}

._5jNophZWfTOKGXuB56AIGQ\=\= button {
  width: 70px !important;
  min-width: 0 !important;
  min-width: initial !important;
  min-width: unset !important;
  height: 20px !important;
  color: red !important;
  font-size: 11px !important;
}

/* Scientific calculator layout */
.RP6euBMkVi4A9kvwMA4ypQ\=\= {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.EfW1ZtOGFB\+SjdiC1IwEnQ\=\=, .keeQCTaYlwpZ36NHMW1GAQ\=\=, .tpi7NlGG00YDpUoTpSilfw\=\=, .nBZYSuxeaEP4sDGqp-QB\+w\=\= {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.EfW1ZtOGFB\+SjdiC1IwEnQ\=\= button, .keeQCTaYlwpZ36NHMW1GAQ\=\= button, .tpi7NlGG00YDpUoTpSilfw\=\= button, .nBZYSuxeaEP4sDGqp-QB\+w\=\= button {
  width: 50px !important;
  height: 24px !important;
  min-width: 0 !important;
  min-width: initial !important;
  min-width: unset !important;
  font-size: 10px !important;
  padding: 0 !important;
}

.keeQCTaYlwpZ36NHMW1GAQ\=\= button {
  color: blue !important;
}

.tpi7NlGG00YDpUoTpSilfw\=\= button, .QDPiRsHhXUA9I3Psc\+uBhA\=\= button {
  color: red !important;
}

.nBZYSuxeaEP4sDGqp-QB\+w\=\= button {
  color: green !important;
}
/* 
 * Select/Dropdown component - Custom implementation for reliable styling
 */

.Wwigr4f6M1iKiDkFGxmYVg\=\= {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 21px;
  background-color: var(--button-highlight);
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  cursor: pointer;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
  outline: none;
}

.Wwigr4f6M1iKiDkFGxmYVg\=\=:focus {
  outline: none !important;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a !important;
}

.Wwigr4f6M1iKiDkFGxmYVg\=\=.OYArOnbImNpyYbV6TiXuTQ\=\= {
  background-color: var(--surface);
  color: var(--GrayText);
  cursor: default;
}

/* Display area */
.MQCbb5Xlnrc6Il85yJPQmQ\=\= {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 2px 18px 2px 4px; /* Right padding for arrow */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 4px; /* Gap between icon and text */
}

/* Icon in display area */
.L8QUSs9JPRparD3u98XlWA\=\= {
  flex-shrink: 0;
  position: relative;
  top: 1px;
}

/* Label with icon has no additional margin */
.pjgxDC7WuSGF3MJUDIfpgA\=\= {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Dropdown arrow */
.O1Cb8qGK0squtR54qQWCgw\=\= {
  position: absolute;
  top: 0;
  right: 2px;
  width: 16px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-size: 16px 17px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.Wwigr4f6M1iKiDkFGxmYVg\=\=:active .O1Cb8qGK0squtR54qQWCgw\=\= {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

/* Dropdown list rendered in portal */
.xbF-ujlPGY-AMB95u-6EFg\=\= {
  background-color: var(--button-highlight);
  border: 1px solid var(--WindowFrame);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  max-height: 200px;
  overflow-y: auto;
  /* Portal uses inline styles for positioning */
}

/* Individual options */
.jmWJIcN7PATcYbE485T0xg\=\= {
  padding: 2px 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 17px;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
  gap: 4px; /* Gap between icon and text in options */
}

/* Indented options (like drives under My Computer) */
.jmWJIcN7PATcYbE485T0xg\=\=.yv57Lw8fu3vmB7SRo2HxoQ\=\= {
  padding-left: 20px; /* 16px more than regular padding to create indentation */
}

.jmWJIcN7PATcYbE485T0xg\=\=:hover {
  background-color: var(--Hilight) !important;
  color: var(--HilightText) !important;
}

.jmWJIcN7PATcYbE485T0xg\=\=.JnqbUx49xXCvvkzG-LATEQ\=\= {
  background-color: var(--Hilight) !important;
  color: var(--HilightText) !important;
}

/* Icon in dropdown options */
.EPso7uL5i40TqkG9ZZITTg\=\= {
  flex-shrink: 0;
}

/* Label with icon in options */
._1M0U0UFjH2giNcdC3auCXw\=\= {
  flex: 1;
}

:root {
  /* Z-index layers */
  --z-index-base: 0;
  --z-index-desktop: 1;
  --z-index-window: 100;
  --z-index-menu: 1000;
  --z-index-dialog: 2000;
  --z-index-overlay: 3000;
  --z-index-screensaver: 10000;
  --z-index-loader: 20000;

  /* Windows 98 Core Colors - Based on windows-default.css from 98.js */
  --ActiveBorder: rgb(212, 208, 200);
  --ActiveTitle: rgb(0, 0, 128); /* #000080 - This is the correct dark blue */
  --AppWorkspace: rgb(128, 128, 128);
  --Background: rgb(0, 128, 128);
  --ButtonAlternateFace: rgb(180, 180, 180);
  --ButtonDkShadow: rgb(0, 0, 0);
  --ButtonFace: rgb(212, 208, 200); 
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(223, 223, 223);
  --ButtonShadow: rgb(128, 128, 128);
  --ButtonText: rgb(0, 0, 0);
  --GradientActiveTitle: rgb(16, 132, 208);
  --GradientInactiveTitle: rgb(181, 181, 181);
  --GrayText: rgb(128, 128, 128);
  --Hilight: rgb(0, 0, 128); /* #000080 - Selection highlight color */
  --HilightText: rgb(255, 255, 255);
  --HotTrackingColor: rgb(0, 0, 255);
  --InactiveBorder: rgb(212, 208, 200);
  --InactiveTitle: rgb(128, 128, 128);
  --InactiveTitleText: rgb(212, 208, 200);
  --InfoText: rgb(0, 0, 0);
  --InfoWindow: rgb(255, 255, 225);
  --Menu: rgb(212, 208, 200);
  --MenuText: rgb(0, 0, 0);
  --Scrollbar: rgb(212, 208, 200);
  --TitleText: rgb(255, 255, 255);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);

  /* Aliases for easier reference */
  --dialog-blue: var(--Hilight); /* Now correctly maps to #000080 */
  --dialog-gray: var(--ButtonShadow);
  --surface: var(--ButtonFace);
  --button-highlight: var(--ButtonHilight);
  --text-color: var(--WindowText);
  --border-field: inset -1px -1px var(--ButtonHilight), inset 1px 1px var(--ButtonShadow), inset -2px -2px var(--ButtonLight), inset 2px 2px var(--ButtonDkShadow);
  
  /* Font variables */
  --font-family-ui: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  --font-family-sys: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  --font-size-normal: 11px;
  
  /* Button border styles */
  --border-raised-outer: inset -1px -1px var(--ButtonDkShadow), inset 1px 1px var(--ButtonHilight);
  --border-raised-inner: inset -2px -2px var(--ButtonShadow), inset 2px 2px var(--ButtonLight);
  --border-sunken-outer: inset -1px -1px var(--ButtonHilight), inset 1px 1px var(--ButtonDkShadow);
  --border-sunken-inner: inset -2px -2px var(--ButtonLight), inset 2px 2px var(--ButtonShadow);
  
  /* NOTE: Default button styling now uses border + box-shadow combination in Button.css */
  
  /* Focus outline */
  --focus-outline: 1px dotted var(--WindowText);
}
/* AOL 4.0 Application Styling - Authentic Windows 98 AOL Interface */

.RdzT6DLFqVbBDHcuCIX3IQ\=\= {
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  overflow: hidden;
  position: relative;
}

/* Splash Screen */
.OI\+u7m6PN17nnnL6u0HagA\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c0c0c0;
}

.rqMiMlMeCRd8fxL61rHuVw\=\= {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Login Screen Overlay */
.gE6uTotr8u4\+2Fm3ZDF\+GQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.HfcXsrCOzyv7H7gOwH-r1Q\=\= {
  background-color: var(--ButtonFace);
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
  padding: 2px 2px 1px 2px;
}

.KYpTvmxHpXpcl\+mI3-yM9g\=\= {
  position: relative;
  display: inline-block;
}

.W2n17CuD\+hLQ4af0qJatSw\=\= {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Dropdown positioning - adjust these values based on the loginscreen.png layout */
.VsXg3QHyrs7PsS52xQbT-Q\=\= {
  position: absolute;
  top: 112px;
  left: 146px;
  width: 184px;
}

.j5uVBgyfZY9VYQb2a2D-Mg\=\= {
  width: 100%;
}

.qH0TL90k2OIef7OUvk\+z5Q\=\= {
  position: absolute;
  top: 220px;
  left: 146px;
  width: 184px;
}

.L1KR9tt\+-6EjFwyLWqRhvw\=\= {
  width: 100%;
}

/* Button positioning and animation - adjust these values based on the loginscreen.png layout */
.vQq6S\+tL\+iXGchTpPtR6og\=\=, .Odj3ctKfkLXudKvaJ6J6Xg\=\=, .fnGcJaZ1meNgAZJk8GLbRA\=\= {
  position: absolute;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: none;
}

.vQq6S\+tL\+iXGchTpPtR6og\=\= {
  bottom: 21px;
  left: 115px;
}

.Odj3ctKfkLXudKvaJ6J6Xg\=\= {
  bottom: 21px;
  left: 205px;
}

.fnGcJaZ1meNgAZJk8GLbRA\=\= {
  bottom: 21px;
  right: 17px;
}

.vQq6S\+tL\+iXGchTpPtR6og\=\= img, .Odj3ctKfkLXudKvaJ6J6Xg\=\= img, .fnGcJaZ1meNgAZJk8GLbRA\=\= img {
  display: block;
  width: auto;
  height: auto;
}

/* Button press animation - move right 5px and down 6px */
.vQq6S\+tL\+iXGchTpPtR6og\=\=.QEdSTSZh9l1zEbQOwEL8jw\=\= {
  transform: translate(5px, 6px);
}

.Odj3ctKfkLXudKvaJ6J6Xg\=\=.QEdSTSZh9l1zEbQOwEL8jw\=\= {
  transform: translate(5px, 6px);
}

.fnGcJaZ1meNgAZJk8GLbRA\=\=.QEdSTSZh9l1zEbQOwEL8jw\=\= {
  transform: translate(5px, 6px);
}

/* Connection Screen */
.BYPUFhS0Gsn0K7ryeM3QVQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.p4xmigjfuJ7iZ54jAIMlpA\=\= {
  background-color: var(--ButtonFace);
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
  padding: 2px 2px 1px 2px;
}

.tl\+FsQ9JhXTkl6M9CFaohg\=\= {
  position: relative;
  display: inline-block;
}

.XWa5w0ZL6tRwZpkEsZxr6A\=\= {
  display: block;
  width: 475px;
  height: 255px;
}

/* Connection step overlay positioning (pixel-perfect) */
.nsbspiflhVubQxRmnDtd6A\=\= {
  position: absolute;
  top: 95px;
  left: 52px;
}

.H7n5rCDlH40noStM7oQG\+w\=\= {
  position: absolute;
  top: 95px;
  left: 183px;
}

.gciv4QAi8Hjop7WLDOOYcA\=\= {
  position: absolute;
  top: 95px;
  left: 314px;
}

.CI60KpBqT9mU8J-X4v02Gg\=\= {
  position: absolute;
  bottom: 51px; /* Moved up 31px from original 20px */
  left: calc(50% + 3px); /* Moved right 3px */
  transform: translateX(-50%);
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000080;
  text-align: center;
  /* Removed background and border styles */
}

/* Cancel Button */
.j\+HzfX98VVfLBOYFKMOvCw\=\= {
  position: absolute;
  top: 213px;
  left: 190px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: none;
}

.j\+HzfX98VVfLBOYFKMOvCw\=\= img {
  display: block;
  width: auto;
  height: auto;
}

/* Cancel button press animation - move right 5px and down 6px */
.j\+HzfX98VVfLBOYFKMOvCw\=\=.QEdSTSZh9l1zEbQOwEL8jw\=\= {
  transform: translate(5px, 6px);
}

/* Welcome Screen Overlay */
.ap-Fp\+GUXiLbS6ymOca-OQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.TO9mAyrzzyKDmFWkziycuQ\=\= {
  background-color: var(--ButtonFace);
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
  padding: 2px 2px 1px 2px;
  display: flex;
  flex-direction: column;
}

.pxVTxCRWDHVUX1v4dELFWg\=\= {
  background-color: var(--ButtonFace);
  box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
  padding: 1px;
}

.EtqayAE97F9cCUYyzSm5YA\=\= {
  display: block;
  width: 528px;
  height: 294px;
}

/* Error Popup Overlay */
.w\+TnhMF1yWoZLidizWru2Q\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

.cgPrt6LI4WjwMAfeJSGX2w\=\= {
  background-color: var(--ButtonFace);
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
  padding: 2px 2px 1px 2px;
  cursor: pointer;
}

.ZZMpnAPD-GJL40yQav-mLw\=\= {
  display: block;
  width: 205px;
  height: 163px;
}

/* AOL Toolbar */
.VtUzt\+6U6mC67P88GYd9Dg\=\= {
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  padding: 4px;
}

.qAuJe\+Y6zDBI2KAg222hpQ\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bKkxXKL7kQOOKEIG8Nv1Rw\=\= {
  display: flex;
}

._0RBd79FQWbuYwVQnFhLySw\=\=, .G4sgokkBdRTVbSwNGRSw0A\=\= {
  height: 23px;
  width: auto;
  display: block;
}

.zJ6kx8YReUQImKNQL\+rtTw\=\= {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0 4px;
}

.RBMyCc8uVNAmh1fb3EVJ4Q\=\= {
  flex: 1;
  height: 23px;
  border: 1px inset #d4d0c8;
  padding: 2px 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: white;
}

.RBMyCc8uVNAmh1fb3EVJ4Q\=\=:disabled {
  background-color: #f0f0f0;
  color: #808080;
}



/* AOL Button Bar */
.AoC9HOdYPdb\+36Z-7Ze13w\=\= {
  background-color: #003366; /* AOL Blue */
  display: flex;
  align-items: center;
  padding: 2px;
  border-bottom: 1px solid #808080;
}

._3yesmCn7Fls1Bjxc0EPcrA\=\= {
  display: flex;
  margin-right: 3px;
}

._3yesmCn7Fls1Bjxc0EPcrA\=\=:last-of-type {
  margin-right: 0;
}

.sm7FZs9pkGSHo9KHYWX04Q\=\= {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
  line-height: 0;
}

.sm7FZs9pkGSHo9KHYWX04Q\=\=:disabled {
  cursor: default;
}

.sm7FZs9pkGSHo9KHYWX04Q\=\= img {
  display: block;
  height: auto;
  width: auto;
  max-width: none;
  max-height: none;
}

.EOJzMvsHtNyC-cFpDqhgUw\=\= {
  margin-left: auto;
  padding: 2px 8px;
  display: flex;
  align-items: center;
}

.I5mRh8Fi5lYg7RT2bClhMw\=\= {
  height: auto;
  width: auto;
  max-width: none;
  max-height: none;
}

/* Content Area */
.HL7LD0nO6nlSv4scAlp0bg\=\= {
  flex: 1;
  background-color: #c0c0c0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

._9ORToPg-K0pZb3K6bBRV1Q\=\= {
  text-align: center;
  max-width: 500px;
}

._9ORToPg-K0pZb3K6bBRV1Q\=\= h1 {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000080;
  margin: 0 0 20px 0;
}

._9ORToPg-K0pZb3K6bBRV1Q\=\= p {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  margin: 10px 0;
  color: #000000;
}

._9Bjkj5RLG5oinz6Jncw-lw\=\= {
  margin-top: 30px;
}

.O6RfmgG0cxL0FW0Snh4rPg\=\= {
  background-color: #d4d0c8;
  border: 2px outset #d4d0c8;
  padding: 8px 20px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  min-width: 120px;
}

.O6RfmgG0cxL0FW0Snh4rPg\=\=:active {
  border: 2px inset #d4d0c8;
}

.O6RfmgG0cxL0FW0Snh4rPg\=\=:disabled {
  opacity: 0.6;
  cursor: default;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 960px) {
  .qAuJe\+Y6zDBI2KAg222hpQ\=\= {
    flex-wrap: wrap;
    gap: 4px;
  }
  
  .zJ6kx8YReUQImKNQL\+rtTw\=\= {
    min-width: 300px;
  }
  
  .AoC9HOdYPdb\+36Z-7Ze13w\=\= {
    overflow-x: auto;
    white-space: nowrap;
  }
  
  ._9ORToPg-K0pZb3K6bBRV1Q\=\= {
    padding: 20px;
  }
}
/* CD Player Custom Select Component - Windows 98 Style with Right Alignment Support */

.SfGzmSOUO8kXWYZV8SbMag\=\= {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 21px; /* Match standard Windows 98 height */
  background-color: var(--button-highlight);
  border: none;
  box-shadow: var(--border-field);
  cursor: pointer;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
  outline: none;
}

.SfGzmSOUO8kXWYZV8SbMag\=\=:focus {
  /* Remove focus outline - Windows 98 dropdowns don't show container focus */
  outline: none !important;
  box-shadow: var(--border-field) !important; /* Keep the same border */
}

.SfGzmSOUO8kXWYZV8SbMag\=\=._7JwqLZzG9kzQD0p6xEWlXw\=\= {
  background-color: var(--surface);
  color: var(--GrayText);
  cursor: default;
}

/* Display area */
.N8e7sTqrGblxtSTM9LnAKA\=\= {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 2px 18px 2px 4px; /* Right padding for arrow */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Dropdown arrow */
._8PoMFUvdXwKFGkMZf6fTKQ\=\= {
  position: absolute;
  top: 0;
  right: 2px;
  width: 16px;
  height: 21px; /* Match container height */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-size: 16px 17px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.SfGzmSOUO8kXWYZV8SbMag\=\=:active ._8PoMFUvdXwKFGkMZf6fTKQ\=\= {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

/* Dropdown list rendered in portal */
.-FN0steEyQz554HlB8d5bA\=\= {
  background-color: var(--button-highlight);
  border: 1px solid var(--WindowFrame);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  max-height: 200px;
  overflow-y: auto;
  /* Portal uses inline styles for positioning */
}

/* Individual options */
.UIJiIZIU8xcDbejlf1rWaQ\=\= {
  padding: 2px 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 17px;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
}

.UIJiIZIU8xcDbejlf1rWaQ\=\=:hover {
  background-color: var(--Hilight) !important; /* Force #000080 */
  color: var(--HilightText) !important; /* Force white text */
}

.UIJiIZIU8xcDbejlf1rWaQ\=\=.hMVBcLR7w7n7FqTdq0uDMQ\=\= {
  background-color: var(--Hilight) !important; /* Force #000080 */
  color: var(--HilightText) !important; /* Force white text */
}

/* Right-aligned content support */
.KOO7uQfVuobc46\+a86uYpA\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.WBfs5FZbZ0cCM2nzPVJ5xg\=\= {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 8px;
}

.Q8pdryIldP\+NTMvRzTCWiw\=\= {
  flex-shrink: 0;
  font-weight: normal;
}

/* Ensure proper spacing in display area */
.N8e7sTqrGblxtSTM9LnAKA\=\= .KOO7uQfVuobc46\+a86uYpA\=\= {
  width: 100%;
}

.N8e7sTqrGblxtSTM9LnAKA\=\= .WBfs5FZbZ0cCM2nzPVJ5xg\=\= {
  margin-right: 8px;
}

.N8e7sTqrGblxtSTM9LnAKA\=\= .Q8pdryIldP\+NTMvRzTCWiw\=\= {
  margin-left: auto;
}

/* Enhanced status bar with Windows 98 classic style */
.ACzCmge58xVnj428vJ-BmQ\=\= {
  position: relative;
  display: flex;
  height: 21px;
  padding: 1px;
  margin: 0;
  background-color: #d4d0c8;
  width: 100%;
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 1;
  margin-top: auto;
  font-size: 11px;
  line-height: 1;
  font-family: var(--font-family-ui), sans-serif;
  /* Force pixelated rendering */
  -webkit-font-smoothing: none !important;
  -moz-osx-font-smoothing: unset !important;
  font-smooth: never !important;
  text-rendering: optimizeSpeed !important;
}

._1fswKMU-QUP1nPWu-AzdSw\=\= {
  height: 100%;
  padding: 3px 3px 2px 3px; /* Move text up by adjusting top/bottom padding */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Classic Windows 98 sunken box shadow */
  box-shadow: inset 1px 1px #808080, inset -1px -1px #fff;
  display: flex;
  align-items: center;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  /* Force pixelated rendering */
  -webkit-font-smoothing: none !important;
  -moz-osx-font-smoothing: unset !important;
  font-smooth: never !important;
  text-rendering: optimizeSpeed !important;
}

/* First section (usually text status) */
.Rhk-E3hdXHiHFC8rBRCqCw\=\= {
  min-width: 144px;
  margin-right: 2px;
  flex: 1 1 auto; /* Allow to grow and fill available space */
}

/* Middle section (usually progress) */
.DLBbrn51Lw-C57iSm2ktdA\=\= {
  min-width: 110px;
  justify-content: flex-start; /* Left-align text instead of center */
  margin-right: 2px;
  flex: 0 0 auto;
}

/* Right section (usually indicators) */
.z2g0fqjUez5BBT7RrM423A\=\= {
  min-width: 80px;
  justify-content: flex-start;
  flex: 0 0 auto;
}

.vWpygHMwHtPNBv9Kis\+\+Vw\=\= {
  width: 100px;
  height: 14px;
  /* Make the progress bar completely borderless */
  border: none;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.QX1vSNe5KuMAJ5VdsmCRug\=\= {
  position: absolute;
  height: 100%;
  width: 30%;
  background-color: #0a246a;
  animation: mxSAQxUSjje\+65Di-nijkg\=\= 3.5s infinite linear;
}

@keyframes mxSAQxUSjje\+65Di-nijkg\=\= {
  0% { left: -30%; }
  100% { left: 100%; }
}

.rlhBxfZPpwXvg0N3OLGKRw\=\= {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 0; /* Adjust icon alignment */
}

/* Resize grip that appears inside the rightmost section */
.UFHHgo30NNMy\+bUr8-VsKw\=\= {
  position: absolute;
  bottom: 2px; /* Adjusted to be more consistently inside the box */
  right: 2px;  /* Adjusted to be more consistently inside the box */
  width: 16px;
  height: 16px;
  cursor: se-resize;
  background-image: url('../images/resize-handle-grip.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 9999;
  pointer-events: all !important;
}
/* Windows 98 CD Player CSS - Authentic Layout */

@font-face {
  font-family: 'trebuchet-ms';
  src: url(../fonts/trebuchet-ms.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

.dB-C90FU5XW1v-ljWPkHMg\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  padding: 8px 8px 0 8px; /* Removed bottom padding to match My Computer */
  box-sizing: border-box;
  overflow: hidden;
  gap: 8px;
}

/* Playback section - contains display and controls */
.M39W7LoYbY27-OzybZrliQ\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #d4d0c8;
  padding: 0px;
}



/* Digital time display - 153x46 pixels */
.eCFSOAIQfY1DYgdWBGZSQw\=\= {
  width: 153px;
  height: 46px;
  background-color: #000000;
  color: #808000;
  font-family: 'trebuchet-ms', 'Trebuchet MS', sans-serif;
  font-size: 16px;
  font-weight: bold;
  box-shadow: inset 1px 1px 0 #404040, /* Darkest shadow (top-left) */
              inset 2px 2px 0 #808080, /* Medium shadow (top-left, offset) */
              inset -1px -1px 0 #ffffff, /* Brightest highlight (bottom-right) */
              inset -2px -2px 0 #dfdfdf; /* Medium highlight (bottom-right, offset) */
  text-align: center;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Blinking animation for paused state - text only */
.zFY-WXDIicYFooL8yvVseg\=\= {
  animation: N-ispPDlnRmuuX60yOOwsw\=\= 1s infinite;
}

@keyframes N-ispPDlnRmuuX60yOOwsw\=\= {
  0%, 50% {
    color: #808000;
  }
  51%, 100% {
    color: transparent;
  }
}

/* Transport controls - positioned to the right of display */
.JMRg6t88bXHunuqQ4CYRcQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 6px; /* 6 pixels between rows */
  margin-left: 8px;
  width: 120px; /* Exact width for both rows */
}

._5-1Hnxwmtvm2bxB5IntX8A\=\= {
  display: flex;
  gap: 0px; /* No spacing - buttons touch */
}

/* Button styling - proper Windows 98 buttons */
._1aVDND0secQMGJaoB62keA\=\= {
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}

._1aVDND0secQMGJaoB62keA\=\=:hover:not(:disabled) {
  /* Removed hover effect */
}

._1aVDND0secQMGJaoB62keA\=\=:active:not(:disabled) {
  padding: 2px 0 0 2px;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
}

._1aVDND0secQMGJaoB62keA\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px #ffffff;
  cursor: default;
  background-color: #d4d0c8;
}

/* Small buttons - 24x22 */
.YH-g\+TKmhqq8gg2SisW9OQ\=\= {
  width: 24px;
  height: 22px;
}

/* Play button - larger, 72x22 */
.RXAOHW\+y53oQHCN0QfxQJg\=\= {
  width: 72px;
  height: 22px;
}

/* Button sprite container */
.YcKpIxuGjayFol\+33joiBA\=\= {
  width: 16px;
  height: 15px;
  background-image: url('../images/cdplayer.png');
  background-repeat: no-repeat;
  background-size: 128px 15px; /* Original sprite sheet size */
  margin: 0 auto; /* Center sprite in button */
}

/* Sprite positions - each sprite is 16px wide */
.W9nRz87szsMmCABIxe5jqw\=\= {
  background-position: 0px 0px; /* First sprite */
}

.k0eXQ8OLyFyPvfDYveVxvA\=\= {
  background-position: -16px 0px; /* Second sprite */
}

.JTd6FM\+wvsaSUOy9VdkB9w\=\= {
  background-position: -32px 0px; /* Third sprite */
}

.bvpeF6p3EdP5FkVBvZQY-w\=\= {
  background-position: -48px 0px; /* Fourth sprite */
}

.KHDKiZkV-pcvRpCyAv-jRQ\=\= {
  background-position: -64px 0px; /* Fifth sprite */
}

.iEYo4SWBGZe4e77Zihufxw\=\= {
  background-position: -80px 0px; /* Sixth sprite */
}

.UONPEZlxJEB6Ob9t7aFBmw\=\= {
  background-position: -96px 0px; /* Seventh sprite */
}

.iwUffKMmaFx\+MHmqQtq8uQ\=\= {
  background-position: -112px 0px; /* Eighth sprite */
}

/* Info panel */
.SS2phbKBPL1YBbjVQcsewA\=\= {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  background-color: #d4d0c8;
}

.LCTUeS-vmftIf4sXU7lfgQ\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 23px;
}

.Ai4aMNUNf6xkDPNwLEwW1Q\=\= {
  width: 50px;
  text-align: right;
  font-weight: normal;
  font-size: 11px;
}

.VyCpFKoMLH7whju-mXi12A\=\= {
  flex: 1;
  height: 21px; /* Fixed height for proper dropdown alignment */
}

/* Disabled input field for album title */
.z1MDUOkWpZ8fZCJKed7emg\=\= {
  flex: 1;
  height: 19px;
  padding: 2px 4px;
  border: 1px solid #808080;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  background-color: #d4d0c8;
  color: #000000;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  box-sizing: border-box;
  outline: none;
}

/* CD Player specific status bar - force equal cell sizing by targeting the sections directly */
.loeE8AswgXdeoSXzDxxXhg\=\= .statusLeft {
  flex: 1 1 50% !important; /* Force equal flex */
  min-width: 120px !important;
  max-width: 50% !important;
}

.loeE8AswgXdeoSXzDxxXhg\=\= .statusRight {
  flex: 1 1 50% !important; /* Force equal flex */
  min-width: 120px !important;
  max-width: 50% !important;
}

/* Error message */
.vxmNhC8ld2WRg-wvvDZodw\=\= {
  background-color: #ffeeee;
  color: #cc0000;
  border: 1px solid #cc0000;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

/* Drive selector */
.BbdzSwW2rQCQ0jikH8bM1w\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.lU1-aWLY8c0-f1n5Fp351w\=\= {
  background-color: #d4d0c8;
  border: 2px outset #d4d0c8;
  padding: 8px;
  min-width: 200px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.AH6igAdFDg7yhwx3hZDsXQ\=\= {
  background-color: #000080;
  color: #ffffff;
  font-weight: bold;
  padding: 4px 8px;
  margin: -8px -8px 8px -8px;
  font-size: 11px;
}

.MepXUyMD\+EqA9MS0T-PYxQ\=\= {
  max-height: 120px;
  overflow-y: auto;
  border: 2px inset #ffffff;
  background-color: #ffffff;
  margin-bottom: 12px;
}

.qY\+mhiWtPLKCOcRL771osA\=\= {
  padding: 4px 8px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  font-size: 11px;
}

.qY\+mhiWtPLKCOcRL771osA\=\=:hover {
  background-color: #0a246a;
  color: #ffffff;
}

.qY\+mhiWtPLKCOcRL771osA\=\=.qM6sqB\+Y9PXRwDWuu1IWqA\=\= {
  background-color: #0a246a;
  color: #ffffff;
  font-weight: bold;
}

.u81bvYSB\+3oJJHIW1rBwyw\=\= {
  display: flex;
  justify-content: center;
  gap: 8px;
}

/* Global button styling (matches system buttons) */
.DM0LNe1e\+BHPAUN2DC4SxQ\=\= {
  min-width: 75px;
  height: 23px;
  border: 2px outset #d4d0c8;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  cursor: pointer;
  padding: 0 8px;
}

.DM0LNe1e\+BHPAUN2DC4SxQ\=\=:hover {
  background-color: #e4e0d8;
}

.DM0LNe1e\+BHPAUN2DC4SxQ\=\=:active {
  border: 2px inset #d4d0c8;
  background-color: #c4c0b8;
}

.DM0LNe1e\+BHPAUN2DC4SxQ\=\=:disabled {
  color: #808080;
  cursor: default;
  background-color: #d4d0c8;
}

/* Responsive adjustments */
@media (max-width: 334px) {
  .dB-C90FU5XW1v-ljWPkHMg\=\= {
    padding: 4px;
  }
  
  .M39W7LoYbY27-OzybZrliQ\=\= {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  
  .JMRg6t88bXHunuqQ4CYRcQ\=\= {
    margin-left: 0;
  }
  
  .eCFSOAIQfY1DYgdWBGZSQw\=\= {
    width: 120px;
    height: 36px;
    font-size: 14px;
  }
  
  ._1aVDND0secQMGJaoB62keA\=\= {
    width: 16px;
    height: 16px;
  }
  
  .RXAOHW\+y53oQHCN0QfxQJg\=\= {
    width: 48px;
    height: 16px;
  }
  
  .Ai4aMNUNf6xkDPNwLEwW1Q\=\= {
    width: 40px;
    font-size: 10px;
  }
  
  .LJONLScMQzsfDRIYEi7T4Q\=\= {
    font-size: 10px;
    flex-direction: column;
  }
  
  .WVuOJCOx-g1pHvWIr\+wbUw\=\=,
  .PxdN3r-Os3CyYgdXkOOt9Q\=\= {
    justify-content: center;
    border-right: none;
    border-bottom: 1px solid #808080;
  }
  
  .PxdN3r-Os3CyYgdXkOOt9Q\=\= {
    border-bottom: none;
  }
}
/* ChangeIcon App Styles */
.qfRlJIZoEFBxccVk1e3FoQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  overflow: hidden;
  gap: 10px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

.uLhhPctlFGrXOH5VcU7\+XQ\=\= {
  margin-bottom: 10px;
}

.uLhhPctlFGrXOH5VcU7\+XQ\=\= p {
  margin: 0;
  padding: 0;
}

.L7h9W4OLygcsrniCWcYSjg\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.NDbCHd\+kiPNQ-F-iKoaNWQ\=\= {
  flex: 1;
  background-color: #ffffff;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */

  padding: 3px 5px;
  height: 18px;
  margin-right: 8px;
}

.IDSDqTacM\+A51QYKtigAxQ\=\= {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zGTBTkcVDKHDCHe6E9PovQ\=\= {
  min-width: 80px;
  height: 23px;
}

.OHLtbcr3OApWpjagmpq9nA\=\= {
  flex: 1;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 16px;
}

.at81B2h2MgLDNC8IIYHlJw\=\= {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
  grid-gap: 5px;
  gap: 5px;
  padding: 5px;
  height: 160px;
  overflow-y: auto;
}

/* Completely override scrollbar styling for this component to fix double scrollbar issue */
.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar {
  width: 16px !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar:horizontal {
  height: 17px !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-corner {
  background-color: #d4d0c8 !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-track {
  background-image: url("../images/scrollbar-background.svg") !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-thumb {
  background-color: #d4d0c8 !important;
  box-shadow: inset -1px -1px #000000, inset 1px 1px #FFFFFF, inset -2px -2px #808080, inset 2px 2px #DFDFDF !important;
}

/* Only display one set of buttons - remove duplicates */
.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button {
  display: block !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:vertical:start {
  height: 17px !important;
  background-image: url("../images/button-up.svg") !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:vertical:end {
  height: 17px !important;
  background-image: url("../images/button-down.svg") !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:horizontal:start {
  width: 16px !important;
  background-image: url("../images/button-left.svg") !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:horizontal:end {
  width: 16px !important;
  background-image: url("../images/button-right.svg") !important;
}

/* Active button states */
.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("../images/button-up-active.svg") !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("../images/button-down-active.svg") !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:horizontal:start:active {
  background-image: url("../images/button-left-active.svg") !important;
}

.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:horizontal:end:active {
  background-image: url("../images/button-right-active.svg") !important;
}

/* Hide any duplicate or interfering scrollbar buttons */
.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:start:increment,
.at81B2h2MgLDNC8IIYHlJw\=\=::-webkit-scrollbar-button:end:decrement {
  display: none !important;
}

/* Firefox fallback */
@media screen and (-moz-windows-compositor) {
  .at81B2h2MgLDNC8IIYHlJw\=\= {
    scrollbar-width: auto !important;
    scrollbar-color: #d4d0c8 #c0c0c0 !important;
  }
}

.sRt\+dSpGF-llyOcGHgWMpg\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid transparent;
  cursor: pointer;
}

.C8laHr6Bk\+EsFiW5KQrzHw\=\= {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}

.pUQLwTYFOVZktB4g3jHEZg\=\= {
  border: 1px dotted #ffff7f;
  background-color: #000080;
}

/* Search box styles */
.rjN-bCbmGSEAjB-2EhLp9g\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.Ac6khL6ruaGM3ogqjIOLXg\=\= {
  margin-right: 8px;
  white-space: nowrap;
}

.v\+8mg3QMw2dE5RasELd6Wg\=\= {
  flex: 1;
  height: 20px;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background-color: #ffffff;
  padding: 2px 5px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

._19WPC-Fm4dbYOvh6z9xOmw\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 15px;
  margin-bottom: 10px;
}
/* Windows 98 authentic styling for Character Map */

.\+dXuTUhFe0XLZIm03J1E6Q\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px 8px 0 8px; /* Remove bottom padding to match CD Player pattern */
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.OUoqvZ2J5bHWty1LiXYTdA\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* Main content container - groups sections 1 and 2 together */
.CdORan6UZphMpAz4EIFl3g\=\= {
  display: flex;
  flex-direction: column;
  margin-top: 0; /* Removed negative margin to let section 1 come down */
}

/* Top row with font selector, characters input, and buttons */
.aoh87t1Pd-ZdHjRrjKJc3w\=\= {
  display: flex;
  align-items: flex-start;
  margin-bottom: -34px; /* Reduced from 16px to bring section 2 closer to section 1 */
  gap: 8px;
  position: relative;
}

/* Font section */
.wqbiPuVjiyAbC61r1jxRSw\=\= {
  display: flex;
  flex-direction: column;
  min-width: 120px;
}

.\+agj\+rtybMe4H6tddGAuxQ\=\= {
  margin-bottom: 2px;
  font-size: 11px;
}

.yI6XLgZxPYSIwJ9AK3402w\=\= {
  /* Use default Select component styling */
}

/* Characters to copy section */
.KV83Uz\+UI9FxOTn\+6us6Ow\=\= {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-right: 8px;
}

.SfA-l3cGZL0gCpvEfOWniQ\=\= {
  margin-bottom: 2px;
  font-size: 11px;
}

.Na48CzAo3tOu1F\+PiP2\+kg\=\= {
  width: 100%;
  height: 21px;
  border: 1px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  background-color: #ffffff;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  box-sizing: border-box;
}

/* Button column */
.ADmUbdYWrqez55eX\+czx2w\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 75px;
  margin-top: 12px; /* Move buttons down 12px from their aligned position */
}

.RMFndjjLGwnyUd639MU9Tg\=\= {
  /* Use default Button component styling */
  width: 75px;
}

/* Character grid */
.SD0DGH45SC6uM1zzYly-dw\=\= {
  width: 419px; /* Total container: 32 cells * 12px + 31 gaps * 1px + 2px padding + 2px border = 419px */
  height: 122px; /* Total container: 7 rows * 16px + 6 gaps * 1px + 2px padding + 2px border = 122px */
  display: grid;
  grid-template-columns: repeat(32, 12px);
  grid-template-rows: repeat(7, 16px);
  grid-gap: 1px;
  gap: 1px;
  background-color: #000000; /* This creates the 1px borders between cells */
  padding: 1px;
  margin-top: 0px; /* Remove margin since we control it with topRow margin-bottom */
  margin-bottom: 8px;
  box-sizing: border-box;
  /* Proper Windows 98 inset border */
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 1px 1px 0 #ffffff; /* Outer highlight */
}

/* Mobile grid layout */
.KoKQB66REhmn5It\+bcKJ3g\=\= {
  width: 211px; /* 16 cells * 12px + 15 gaps * 1px + 2px padding + 2px border = 211px */
  height: 242px; /* 14 rows * 16px + 13 gaps * 1px + 2px padding + 2px border = 242px */
  grid-template-columns: repeat(16, 12px);
  grid-template-rows: repeat(14, 16px);
}

.rTN4nJJhrA4628gIfnXeKQ\=\= {
  width: 12px;
  height: 16px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}

.rTN4nJJhrA4628gIfnXeKQ\=\=:hover {
  background-color: #0a246a;
  color: #ffffff;
}

._5e3ZQQ6MkT3OfGkHwC3Bxg\=\= {
  background-color: #0a246a !important;
  color: #ffffff !important;
}

/* DEL character styling - hollow rectangle */
._3uar4p-TPRRRTYb6SGLUKQ\=\= {
  border: 1px solid #000000;
  width: 8px;
  height: 6px;
  background-color: transparent;
}

/* Mobile button row */
.ZjGXpYifMiOg9TRDKGY4Bg\=\= {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 8px;
}

/* Mobile responsive adjustments */
@media (max-width: 767px) {
  .\+dXuTUhFe0XLZIm03J1E6Q\=\= {
    padding: 4px;
  }
  
  .aoh87t1Pd-ZdHjRrjKJc3w\=\= {
    flex-direction: column;
    gap: 4px;
  }
  
  .wqbiPuVjiyAbC61r1jxRSw\=\= {
    width: 100%;
  }
  
  .yI6XLgZxPYSIwJ9AK3402w\=\= {
    width: 100%;
  }
  
  .KV83Uz\+UI9FxOTn\+6us6Ow\=\= {
    width: 100%;
    margin-right: 0;
  }
  
  .Na48CzAo3tOu1F\+PiP2\+kg\=\= {
    width: 100%;
  }
  
  .SD0DGH45SC6uM1zzYly-dw\=\= {
    align-self: center;
  }
}
/* Windows 98 Color Picker styling */

/* Main layout - two columns */
.zc\+R4B27o5I8grcv6zsekQ\=\= {
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 25px; /* Reduced top padding to match Windows 98 reference */
  padding-bottom: 0px;
}

.RqJ0c5DzZvvOJ1OCjOcqXQ\=\= {
  width: 48%; /* Left column for color grids */
  padding-right: 5px;
}

.oY5ZIlMPAS\+1BYgzYB-e3w\=\= {
  width: 52%; /* Right column for advanced picker */
}

/* When used in standalone mode */
.wRmiD9A1CB593CxdqoJHDA\=\= {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 420px; /* Adjusted to match Windows 98 */
  height: 380px; /* Adjusted to match Windows 98 */
  background-color: #d4d0c8;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  box-shadow: 1px 1px 0 black;
  z-index: 1000;
  padding: 6px;
}

/* When used inside DraggableDialog */
.yJ1CzFuiJa-2rAr\+zB5UQw\=\= {
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.q7u9Te51d5zkGTB18UttIA\=\= {
  background-color: #0a246a;
  color: white;
  padding: 2px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: bold;
}

.t2qWusY5IWqAwsKzPlvPnA\=\= {
  padding: 10px 8px;
  overflow: hidden;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
}

.\+NjtKGtpRhA1ptsnTsO8rA\=\= {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  padding-left: 4px;
}

.n0t5IVi-ft6q97WK6vwLbw\=\= {
  font-size: 11px;
  margin-bottom: 4px;
}

/* Basic colors grid */
.F8pKEoir6cKregbH3s-\+tg\=\= {
  display: grid;
  grid-template-columns: repeat(8, 16px);
  grid-template-rows: repeat(5, 16px); /* Exactly 5 rows for basic colors */
  grid-gap: 6px;
  gap: 6px;
  margin-bottom: 8px;
  margin-top: 3px;
  margin-left: 1px; /* Small adjustment to align with Windows 98 reference */
}

/* Custom colors grid */
.hJ7ZcCz6rL7YhV2CKvgXWA\=\= {
  display: grid;
  grid-template-columns: repeat(8, 16px);
  grid-template-rows: repeat(2, 16px); /* 2 rows for Windows 98 */
  grid-gap: 6px;
  gap: 6px;
  margin-bottom: 10px;
  margin-top: 3px;
  margin-left: 1px; /* Small adjustment to align with Windows 98 reference */
}

.evdOTg4Gz85pd-nZogJ1\+g\=\= {
  width: 16px;
  height: 16px;
  border: 1px solid;
  border-color: #000000 #ffffff #ffffff #000000;
  /* Special inset effect for color squares */
  box-shadow: inset -1px -1px #c0c0c0, inset 1px 1px grey, inset -1px -1px #dfdfdf, inset 1px 1px #e0e0e0;
  cursor: pointer;
  box-sizing: content-box;
  margin: 0;
}

.evdOTg4Gz85pd-nZogJ1\+g\=\=:active {
  border: 1px solid #000000;
}

.gcM6l\+jfVBVoCXtZXo4zqQ\=\= {
  position: relative;
  border: 1px solid #000000;
}

.gcM6l\+jfVBVoCXtZXo4zqQ\=\=::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px dotted white;
  pointer-events: none;
}

/* Color picker layout */
._9vLuBVHaRGz-KTuhczttpA\=\= {
  display: flex;
  flex-direction: column; /* Vertical arrangement for right column */
  gap: 8px;
  margin-top: 0;
  margin-bottom: 10px;
}

/* Color chart and slider container */
._66v2Ktg-GsOv0x9TQWxxvQ\=\= {
  display: flex;
  width: 100%;
  gap: 5px;
  margin-bottom: 5px;
  margin-left: -8px; /* Larger adjustment to better match Windows 98 reference */
}

/* Color chart (spectrum) */
.X8C9Htq2in9bDXXM9jHipQ\=\= {
  position: relative;
  width: 180px;
  height: 180px;
  border: 1px inset #808080;
  background-color: white;
  box-sizing: border-box;
}

.cVG71hDTMmoEqHqBk-6W7Q\=\= {
  width: 100%;
  height: 100%;
  cursor: crosshair;
}

.Z-P7Cy9hLnq27BK4WagOiA\=\= {
  position: absolute;
  width: 9px;
  height: 9px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  font-size: 16px;
  line-height: 8px;
  text-align: center;
  color: black;
  text-shadow: 
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

/* Luminance slider */
._0DpykpQZ1BJOimHGezCBrw\=\= {
  position: relative;
  width: 14px;
  height: 180px; /* Match height of color chart */
  border: 1px inset #808080;
  box-sizing: border-box;
  margin-left: 2px;
}

.C9vQP4hOGlgr2hm8ZUOXVQ\=\= {
  width: 100%;
  height: 100%;
  cursor: ns-resize;
}

.uWuh4wpKFitS\+Kpdje3hFg\=\= {
  position: absolute;
  left: 12px;
  width: 8px; /* Smaller width */
  height: 8px; /* Smaller height */
  background-image: url('../images/left.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  transform: translateY(-50%);
}

/* Preview section with value inputs */
.B4tfhvgri5PFYE2R10CjVA\=\= {
  display: flex;
  gap: 10px;
  margin-top: 5px;
  margin-left: -15px; /* Move content left by 15 pixels to better align with Windows 98 reference */
}

/* Color preview and values */
.vO1DygP30o\+W4FXwlvDELQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 80px;
}

.MlIdEYj6DnxtWouh2cplzA\=\= {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.TrFfgBC\+xNQTz5nPFmN2Ug\=\= {
  margin-left: -6px; /* Move text left to align with the box */
  font-size: 11px;
}

.SIesESTiD1tx2DczW8RNeg\=\= {
  width: 50px;
  height: 40px;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -1px -1px #dfdfdf, inset 1px 1px #e0e0e0;
  background-color: black; /* Default color */
  margin-bottom: 0;
  margin-left: 6px; /* Add spacing for label text */
}

.cdP6NcvkfdbU5MxC7aBNXQ\=\= {
  font-size: 11px;
  text-align: center;
  width: 26px;
}

/* Color values section */
.I-EyO20Dp8uxeVtTZ6fZog\=\= {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3px 5px;
  margin-top: 0;
  width: 135px;
  margin-left: -12px; /* Larger adjustment to better match Windows 98 reference */
}

.Jp3Rm4DDCit9RZYnShoj4Q\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 3px;
}

.ulqYN9k8ZL9bjGA9BL9KFg\=\= {
  width: 28px;
  height: 19px;
  border: 1px inset #808080;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px;
  margin-left: 0;
}

/* Buttons */
._1yAx1h1vGrOVZVL8lMi4HA\=\= {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 10px; /* Move Add to Custom Colors button inward */
  padding-right: 10px; /* Move OK/Cancel buttons inward */
}

.Rn-1UqG7znAPecVpvzXa-A\=\= {
  margin-right: auto;
  min-width: 140px;
  font-size: 11px;
  height: 23px;
  margin-left: 10px; /* Move button right to match Windows 98 reference */
}

._3nVJwCbHluQP5lrO\+orAmg\=\= {
  display: flex;
  gap: 4px;
  margin-right: 5px; /* Move buttons left to match Windows 98 reference */
}

._3nVJwCbHluQP5lrO\+orAmg\=\= button {
  min-width: 75px;
  height: 23px;
}

.fJZpmLuK3\+0SY9oR2vhk\+A\=\= {
  display: none;
}
.JyP1aslGxyqkIL9I18D83A\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #d4d0c8;
}

/* 
 * Windows 98 style checkbox
 * Based on authentic Windows 98 styling from win99ui.css
 */

.MNgBOMuzWw7XeY3fY\+Gfwg\=\= {
  opacity: 0;
  position: absolute;
  width: 13px;
  height: 13px;
  margin: 0;
  cursor: pointer !important;
  z-index: 1;
}

.n0iLG4U735GONtD-gss8ng\=\= {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 20px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.n0iLG4U735GONtD-gss8ng\=\=::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 13px;
  height: 13px;
  border: none;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #000000;
  background-color: #ffffff;
}

/* Enhanced checkbox checked state with higher specificity */
.MNgBOMuzWw7XeY3fY\+Gfwg\=\=:checked + .n0iLG4U735GONtD-gss8ng\=\=::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 3px !important;
  width: 7px !important;
  height: 7px !important;
  background-image: url('../images/checkmark.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  display: block !important;
}

/* Alternative method - use CSS modules global selector */
.checkbox:checked + .n0iLG4U735GONtD-gss8ng\=\=::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 3px !important;
  width: 7px !important;
  height: 7px !important;
  background-image: url('../images/checkmark.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  display: block !important;
}

.MNgBOMuzWw7XeY3fY\+Gfwg\=\=:focus + .n0iLG4U735GONtD-gss8ng\=\=::before {
  outline: 1px dotted #000000;
}

.MNgBOMuzWw7XeY3fY\+Gfwg\=\=:disabled + .n0iLG4U735GONtD-gss8ng\=\=::before {
  background-color: #d4d0c8;
}

.MNgBOMuzWw7XeY3fY\+Gfwg\=\=:disabled + .n0iLG4U735GONtD-gss8ng\=\= {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
  cursor: default !important;
}

.MNgBOMuzWw7XeY3fY\+Gfwg\=\=:disabled:checked + .n0iLG4U735GONtD-gss8ng\=\=::after {
  background-image: url('../images/checkmark-disabled.svg') !important;
}

.qc7MjaTeQmmDylN7-mlS7A\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
    padding: 3px;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  overflow: hidden;
}

.yPRqeIjPA4vTzf6jXpP\+dA\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.V2CQ3\+b6thFugbfWMdjzIA\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.V2CQ3\+b6thFugbfWMdjzIA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.V2CQ3\+b6thFugbfWMdjzIA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.V2CQ3\+b6thFugbfWMdjzIA\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.CMeEc7Gyvxc2Wo\+lykUzXA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.CMeEc7Gyvxc2Wo\+lykUzXA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.CMeEc7Gyvxc2Wo\+lykUzXA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.umUpVSu1mBfNP2pxitwbSA\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

._8cFkdl3wlKFVa5emRhd4Og\=\= {
  display: flex;
  padding: 10px;
}

.MESqgrQz6Tzq0w5AKKbatQ\=\=, .NYIQtciwTpcu8\+UYlk5j4w\=\= {
  flex: 1;
  padding: 10px;
  border: 1px solid #808080;
  margin: 5px;
  background-color: #d4d0c8;
  position: relative;
  padding-top: 15px;
    box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

/* New fieldset-style title styling */
.XjhPf8gQx-gJyIV58-3NZA\=\=, .P4EWIv9x9QTW7LGKVPRpDw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-size: 11px;
  z-index: 2;
}

._8lMgiWhIfYtdC-cN\+gSS9g\=\= {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 5px;
  /* Create the inset appearance entirely with box-shadow */
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */

}

.\+2fwPwTZB0hSUfIG2dUh0w\=\= {
  display: flex;
  margin-bottom: 5px;
  justify-content: space-between;
  gap: 5px;
}

.\+2fwPwTZB0hSUfIG2dUh0w\=\= ._99cFAvKGe6EvkKq\+Evm3kA\=\= {
  position: relative;
  flex: 1;
  display: flex;
  height: 21px;
}

.\+2fwPwTZB0hSUfIG2dUh0w\=\= select {
  flex: 1;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  border: 1px inset #96969d;
  background-color: #fff;
  padding: 3px 20px 3px 5px; /* Add right padding for dropdown button */
  
  /* Aggressively remove browser dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  
  /* Additional browser-specific overrides */
  border-radius: 0;
  
  /* Firefox specific */
  -moz-appearance: textfield;
  
  /* IE/Edge specific */
  -ms-expand: none;
}

.\+2fwPwTZB0hSUfIG2dUh0w\=\= .Gw0SgLWBZulCk0CTmTL11w\=\= {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 17px;
  background-image: url('../images/button-down-disabled.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.E9YQ3\+OCaNwNF4TPerY3eg\=\= {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.E9YQ3\+OCaNwNF4TPerY3eg\=\= th, .E9YQ3\+OCaNwNF4TPerY3eg\=\= td {
  width: 20px;
  height: 20px;
  border: transparent #808080;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.E9YQ3\+OCaNwNF4TPerY3eg\=\= th {
  background-color: #d4d0c8;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  font-weight: normal;
}

._2jsAsUTXGPHkStQZOAzvvg\=\= {
  background-color: #000080 !important;
  color: white;
  font-weight: normal;
}

.SZ5w11jBHYgIuLMIwoPgjA\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  height: 160px;
}

.vBJiQpQOMzdTmtJeAWHxLw\=\= {
  border: none;
  background-color: transparent;
}

.OKXp7Oge\+y87LYw2TpLXiA\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding: 5px;
  background-color: #d4d0c8;
  border: 1px inset #fffff;
}

.ixTLHpRYg5TiF3FRiBhpbg\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.v9qKAjRx9NI0v9eMWK0SDw\=\= {
  width: 80px;
  height: 16px;
  text-align: left;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 5px;
  border: 1px inset #808080;
  background-color: #ffffff;
  padding: 0 18px 0 3px; /* Add padding for the spinner buttons */
  position: relative;
}

.y9lZvLR9-\+OsQ6jpR-pTLQ\=\= {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0px;
  top: 2px;
  bottom: 0px;
  width: 22px;
  height: 20px;
}

.U-NhjzOwcjZ8Cn5Xf7cZeg\=\=, .-PwsoPPSYuLFUm18Cz745g\=\= {
  height: 8px;
  width: 15px;
  padding: 0;
  margin: 0;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  cursor: pointer;
}

.U-NhjzOwcjZ8Cn5Xf7cZeg\=\= {
  background-image: url('../images/spinner-up.svg');
}

.-PwsoPPSYuLFUm18Cz745g\=\= {
  background-image: url('../images/spinner-down.svg');
}

.U-NhjzOwcjZ8Cn5Xf7cZeg\=\=:active {
  background-image: url('../images/spinner-up-active.svg');
}

.-PwsoPPSYuLFUm18Cz745g\=\=:active {
  background-image: url('../images/spinner-down-active.svg');
}

.UuPm\+wWzOyCVzQ5Jx53BTQ\=\= {
  padding: 16px;
  display: flex;
  flex-direction: column;
}

._8-9B1f6Hg44AShmOPieZxQ\=\= {
  width: 100%;
  height: 21px;
  margin-bottom: 16px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  border: 1px inset #96969d;
  background-color: #d4d0c8;
  padding: 3px 20px 3px 5px; /* Add right padding for dropdown button */
  
  /* Aggressively remove browser dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  
  /* Additional browser-specific overrides */
  border-radius: 0;
  
  /* Firefox specific */
  -moz-appearance: textfield;
  
  /* IE/Edge specific */
  -ms-expand: none;
}

.RQvmXZPzLpcsqYLO4JgBvw\=\= {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}

.RQvmXZPzLpcsqYLO4JgBvw\=\= .Gw0SgLWBZulCk0CTmTL11w\=\= {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 17px;
  background-image: url('../images/button-down-disabled.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.-LeR7\+HZELmUr6Yncfy54A\=\= {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000080 !important; /* Dark blue background typical of Win98 zone map */
  border: 1px inset #fff;
  
}

.LCpLzOirOJbNxMowTwUz6A\=\= {
  width: 100%;
  height: auto;
  display: block;
}

.N9glWkEIPwA7ic7r0okxng\=\= {
  display: flex;
  align-items: center;
}

.H5JX9PRdNlhmZfZzn9OZLw\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.H5JX9PRdNlhmZfZzn9OZLw\=\= button {
  min-width: 75px;
  text-align: center;
}
/* 
 * Windows 98 Tab System - Reusable CSS
 * Apply this to any component with .tabs, .tab, .activeTab, .tabContent structure
 * Using !important to override CSS Modules specificity
 */

/* Tab container */
.NZnlgR9YlAXjOtbn1k0O-w\=\= {
  display: flex !important;
  margin: 8px 8px 0 8px !important;
  padding: 0 !important;
  list-style: none !important;
  z-index: 1 !important; /* Ensure tabs are above content border */
}

/* Base tab styling */
.SfXTmUfKhA-n8cB0Bjnp\+g\=\= {
  padding: 2px 10px !important;
  background-color: #d4d0c8 !important;
  cursor: pointer !important;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  margin-right: 1px !important; /* Small gap */
  position: relative !important;
  margin-bottom: 0px !important;
  
  /* Remove browser focus outline */
  outline: none !important;
  outline-offset: 0 !important;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px !important;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none !important;
  box-shadow: 
    /* Left/Top Outer: White */
    -1px 0 0 0 #ffffff,  /* Left outer */
    0 -1px 0 0 #ffffff,  /* Top outer */
    
    /* Left/Top Inner: Light Gray */
    -2px 0 0 0 #dfdfdf,  /* Left inner */
    0 -2px 0 0 #dfdfdf,  /* Top inner */
    
    /* Right Outer: Black */
    1px 0 0 0 #000000,   /* Right outer */
    
    /* Right Inner: Dark Gray */
    2px 0 0 0 #808080,   /* Right inner */
    
    /* Bottom: Normal position with flipped colors (black outer + dark gray inner) */
    0 1px 0 0 #dfdfdf,   /* Bottom outer - grey*/
    0 2px 0 0 #ffffff !important;   /* Bottom inner - white */
}

/* Style anchor tags within tabs */
.SfXTmUfKhA-n8cB0Bjnp\+g\=\= a {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  color: #000 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  /* Remove browser focus outline from anchor tags */
  outline: none !important;
  outline-offset: 0 !important;
}

/* Remove left borders from adjacent INACTIVE tabs only to prevent overlap */
.SfXTmUfKhA-n8cB0Bjnp\+g\=\=:not(:first-child):not(.AVxzqbb7vQOmGGZix-1Ukg\=\=) {
  box-shadow: 
    /* Remove left borders, keep everything else */
    0 -1px 0 0 #ffffff,  /* Top outer */
    0 -2px 0 0 #dfdfdf,  /* Top inner */
    1px 0 0 0 #000000,   /* Right outer */
    2px 0 0 0 #808080,   /* Right inner */
    /* Bottom borders remain */
    0 1px 0 0 #dfdfdf,   /* Bottom outer - grey*/
    0 2px 0 0 #ffffff;   /* Bottom inner - white */
}

.SfXTmUfKhA-n8cB0Bjnp\+g\=\= + .SfXTmUfKhA-n8cB0Bjnp\+g\=\= {
  border-left: none;
}

/* Corner bridging pixels for tabs */
.SfXTmUfKhA-n8cB0Bjnp\+g\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.SfXTmUfKhA-n8cB0Bjnp\+g\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Active tab styling */
.AVxzqbb7vQOmGGZix-1Ukg\=\= {
  background-color: #d4d0c8 !important;
  padding: 3px 10px !important;
  position: relative !important;
  z-index: 2 !important;
  
  /* Remove browser focus outline */
  outline: none !important;
  outline-offset: 0 !important;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px !important; /* Pulls tab down to overlap content border */
  top: -2px !important; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - add background color bottom border */
  box-shadow: 
    /* Left/Top Outer: White */
    -1px 0 0 0 #ffffff,  /* Left outer */
    0 -1px 0 0 #ffffff,  /* Top outer */
    
    /* Left/Top Inner: Light Gray */
    -2px 0 0 0 #dfdfdf,  /* Left inner */
    0 -2px 0 0 #dfdfdf,  /* Top inner */
    
    /* Right Outer: Black */
    1px 0 0 0 #000000,   /* Right outer */
    
    /* Right Inner: Dark Gray */
    2px 0 0 0 #808080,   /* Right inner */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8 !important;   /* Bottom inner - background color */
}

/* Style anchor tags within active tabs */
.AVxzqbb7vQOmGGZix-1Ukg\=\= a {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  color: #000 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  /* Remove browser focus outline from anchor tags */
  outline: none !important;
  outline-offset: 0 !important;
}

/* Corner bridging pixels for active tab */
.AVxzqbb7vQOmGGZix-1Ukg\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.AVxzqbb7vQOmGGZix-1Ukg\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content area styling */
.Cv-NnBnm43LZpdXZZDe9Gw\=\= {
  flex: 1 !important; /* Take remaining space */
  background-color: #d4d0c8 !important;
  overflow: auto !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area */
  border: none !important; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: White */
    -1px 0 0 0 #ffffff,  /* Left outer */
    0 -1px 0 0 #ffffff,  /* Top outer */
    
    /* Left/Top Inner: Light Gray */
    -2px 0 0 0 #dfdfdf,  /* Left inner */
    0 -2px 0 0 #dfdfdf,  /* Top inner */
    
    /* Right Outer: Black */
    1px 0 0 0 #000000,   /* Right outer */
    
    /* Right Inner: Dark Gray */
    2px 0 0 0 #808080,   /* Right inner */
    
    /* Bottom Outer: Black */
    0 1px 0 0 #000000,   /* Bottom outer */
    
    /* Bottom Inner: Dark Gray */
    0 2px 0 0 #808080,   /* Bottom inner */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000 !important;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px !important;

  /* Padding INSIDE the content box border */
  padding: 10px !important;
}

/* Access key styling (underlined letters) */
.kdOOx0QPlzLr2ljAQ73b8A\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
/* PropertiesDialog.css - Windows 98 Properties Dialog Styling */

/* Main properties dialog container */
.d5qmNuhshMLgPyZAQhCesQ\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  overflow: hidden;
}

.dkog\+D4hqnrrX6FMMSPjqQ\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.KuVwWtsw9ZyAq8qpEm3PJg\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.KuVwWtsw9ZyAq8qpEm3PJg\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.KuVwWtsw9ZyAq8qpEm3PJg\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.KuVwWtsw9ZyAq8qpEm3PJg\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.f2oCKPBHjFzrCUBlwMsfKQ\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.f2oCKPBHjFzrCUBlwMsfKQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.f2oCKPBHjFzrCUBlwMsfKQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.ebVirxWA786oODhgI4e4cA\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

._9lySiyKfQgmRjz70FnA4lQ\=\= {
  cursor: default;
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

.td92TGdfJHw9H6LBEGWY9w\=\= {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

.s7lNdQjl-yFtKoUEYI2GZw\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* File header section */
._5rkjMsL7B20ojOAoslNdAg\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

._6I-bAbAYbfdGqTyHggnZmg\=\= {
  width: 32px;
  height: 32px;
  margin-right: 12px;  /* Increased from 8px for better spacing */
  flex-shrink: 0;
  display: inline-block;
}

.JhOObIVwMHxurPFwWYDDQg\=\= {
  flex: 1;
}

.XttnADYG3EI3Oa0VeKyYDw\=\= {
  font-weight: normal;
  margin-bottom: 2px;
  font-size: 11px;
}

.t4dqNnuih4h8qHf2pAeDHA\=\= {
  color: #000000;
  font-size: 11px;
}

/* Separator - more robust approach to avoid subpixel issues */
.jpjaqt8Gs-xiT7nJtRDpeA\=\= {
  height: 2px;
  background: linear-gradient(to bottom, #87888f 0%, #87888f 50%, #ffffff 50%, #ffffff 100%);
  margin: 8px 0; /* Reduced margin to save space */
  /* Force pixel boundaries */
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Property rows - increased line spacing for better readability */
._1UDyFNjXn1zwSKbq0kyGLg\=\= {
  display: flex;
  margin-bottom: 6px;
  align-items: baseline;
}

.WyXUiabQkfhpcWyQF1lE\+Q\=\= {
  width: 85px;
  font-weight: normal;
  color: #000000;
  flex-shrink: 0;
}

.Hfd2qOeJ7RR6BeoPnB2Aeg\=\= {
  flex: 1;
  color: #000000;
  font-weight: normal;
}

/* Attributes section - inline layout matching Windows 98 reference */
.XuediHJPUF-EZbTpeQy6SQ\=\= {
  display: flex;
  margin-bottom: 6px;
  align-items: flex-start;
  margin-top: 2px;
}

.Ztk1qsayfZGqhJle3xH1uQ\=\= {
  width: 85px;
  font-weight: normal;
  color: #000000;
  flex-shrink: 0;
  margin-top: 2px; /* Align with first checkbox */
}

/* Attributes grid - 2x2 layout starting at same horizontal level as other values */
.xD5H1TNyNYbCLSRsx95Y7g\=\= {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4px 12px;
  gap: 4px 12px;
  flex: 1;
}

/* Version information styling for ApplicationProperties */
.V8AYpBlgEfkfHakiRHgeRQ\=\= {
  margin-top: 8px;
  flex: 1; /* Take remaining space to extend downward */
  display: flex;
  flex-direction: column;
  /* Use Display Properties fieldset pattern */
  border: 1px solid #808080;
  margin: 6px 0 8px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.VnTPFIzModOgH9zPXq7\+mQ\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
  font-size: 11px;
  color: #000000;
}

.f9qipXXhBRXXR6PmUDVSEA\=\= {
  display: flex;
  gap: 8px;
  /* Remove border and white background - use default grey */
  background-color: #d4d0c8;
  flex: 1; /* Extend to fill remaining space */
  min-height: 160px; /* Increased to accommodate taller boxes */
}

._6FFj8iRmykHEFeXyO1XRIQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.gQmAW45mU2IKDdrAr5xSKA\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Copy exact login screen styling - but match textarea height */
.lCLdTTKN3Ud9ijh3mV5g9Q\=\= {
  background-color: white;
  height: 140px; /* Match the textarea height */
  overflow: auto;
  position: relative;
  width: 100%;
  margin: 2px auto 0;
  border: none; /* Remove the base border */
  /* Create the inset appearance entirely with box-shadow */
  box-shadow: inset 1px 1px 0 #404040, /* Darkest shadow (top-left) */
              inset 2px 2px 0 #808080, /* Medium shadow (top-left, offset) */
              inset -1px -1px 0 #ffffff, /* Brightest highlight (bottom-right) */
              inset -2px -2px 0 #dfdfdf; /* Medium highlight (bottom-right, offset) */
}

.KWAnS1Lph428r-x85mRLVQ\=\= {
  padding: 1px 5px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
}

.KWAnS1Lph428r-x85mRLVQ\=\=:first-child {
  margin-top: 2px;
}

.KWAnS1Lph428r-x85mRLVQ\=\=.xg4RcBRA9Jbbamnc5pjbJg\=\= {
  background-color: #000080; /* Windows blue selection */
  color: white;
  outline: 1px dotted #fff;
  outline-offset: -1px;
  clip-path: inset(0px 2px 0px 2px);
}



/* Version Textarea - Match item name box styling exactly */
.d5qmNuhshMLgPyZAQhCesQ\=\= .El1duD7YzqslIDRyQHukTA\=\= {
  flex: 1;
  background-color: #d4d0c8 !important; /* Grey background as requested */
  border: none !important; /* Remove border like userSelectWrapper */
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  padding: 4px !important;
  resize: none !important;
  overflow: hidden !important; /* No scrollbar like item name box */
  outline: none !important;
  
  /* Use same inset styling as userSelectWrapper */
  box-shadow: inset 1px 1px 0 #404040, /* Darkest shadow (top-left) */
              inset 2px 2px 0 #808080, /* Medium shadow (top-left, offset) */
              inset -1px -1px 0 #ffffff, /* Brightest highlight (bottom-right) */
              inset -2px -2px 0 #dfdfdf !important; /* Medium highlight (bottom-right, offset) */
  
  /* Set fixed height to match item name box */
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
}

/* Force focus state to maintain grey background */
.d5qmNuhshMLgPyZAQhCesQ\=\= .El1duD7YzqslIDRyQHukTA\=\=:focus {
  outline: none !important;
  background-color: #d4d0c8 !important; /* Keep grey background on focus */
  box-shadow: inset 1px 1px 0 #404040, /* Maintain same inset styling */
              inset 2px 2px 0 #808080,
              inset -1px -1px 0 #ffffff,
              inset -2px -2px 0 #dfdfdf !important;
}

/* Remove scrollbars completely */
.d5qmNuhshMLgPyZAQhCesQ\=\= .El1duD7YzqslIDRyQHukTA\=\=::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.d5qmNuhshMLgPyZAQhCesQ\=\= .El1duD7YzqslIDRyQHukTA\=\= {
  scrollbar-width: none !important;
}

/* Drive Properties specific styling */
.M7XTsQ5I05zZuBCkTt3Znw\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.hO05KJnfOG1opkLa2Ei\+3A\=\= {
  width: 32px;
  height: 32px;
  margin-right: 12px;  /* Match fileIcon spacing */
  flex-shrink: 0;
  display: inline-block;
}

.LVJk-dr4E6vuMippqVgkJw\=\= {
  flex: 1;
}

._20pljtplQBW8\+YCSPohsQA\=\= {
  display: flex;
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 1.2;
}

.YHSAFgb-M8S\+ZWU6APbevg\=\= {
  width: 85px;
  color: #000000;
  flex-shrink: 0;
}

.WvoLMpyJVBAWA3CcOzuI4w\=\= {
  color: #000000;
}

.Ut9fkkk5qfxOcOPMl4Wbkg\=\= {
  background-color: #ffffff;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  width: 120px;
  margin-bottom: 4px;
}

.mRwuxXq8XnRbW\+6duCANmw\=\= {
  font-size: 11px;
  color: #000000;
}

.L4wbff1-vO8AWEoOGfFN6A\=\= {
  margin: 12px 0;
}

._6ux7tezZnmgjSs8pj\+KkkA\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  position: relative;
}

.kiOl3P3YvzjWn7loIb9Fwg\=\= {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border: 1px solid #000000;
  /* No checkbox styling, just a filled square */
}

.MskcS2c1CmnautF\+FX5vQQ\=\= {
  width: 85px;
  font-size: 11px;
  color: #000000;
  flex-shrink: 0;
}

.MKZh5-IoOO6kaJUlePCnnw\=\= {
  flex: 1;
  font-size: 11px;
  color: #000000;
  margin-right: 8px;
}

._7N84EwbPwXxSsYH0tvOdOQ\=\= {
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  min-width: 50px;
  text-align: right;
}

/* Divider line between usage and capacity */
.D1tmswzcDz03KQirZNg2Bg\=\= {
  height: 2px;
  background-color: #87888f;
  border-bottom: 1px solid #ffffff;
  margin: 12px 0;
  /* Force pixel boundaries */
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Capacity row styling */
.aNjfhckALuYau5UttOYykg\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 20px; /* Indent capacity row */
}

._2WV4RXdqDK-rXhqNGt2vJg\=\= {
  width: 85px;
  font-size: 11px;
  color: #000000;
  flex-shrink: 0;
}

.yMp7QdGxbSM6GxPId-qSHw\=\= {
  flex: 1;
  font-size: 11px;
  color: #000000;
  margin-right: 8px;
}

.fFl3d3oDZ80vIdDwCADcOg\=\= {
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  min-width: 50px;
  text-align: right;
}

.-yHKpcTj\+VazsHfzivIGXA\=\= {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}

.sAzLjVb0tW1W\+ucZBdDbTQ\=\= {
  max-width: 100%;
  height: auto;
  display: block;
}

._9Wu\+RwENC0h\+vyq0z8QPyA\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Bd\+7uj5ux7QN5SG4Ap-pHg\=\= {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: conic-gradient(#0000ff 0deg,#0000ff 252deg, #ff00ff 252deg, #ff00ff 360deg);
  background: conic-gradient(#0000ff 0deg 252deg, #ff00ff 252deg 360deg);
  border: 2px solid #000000;
  margin-bottom: 8px;
}

.tjLtBVeFkcXctXEBF1OmzQ\=\= {
  font-size: 11px;
  color: #000000;
  text-align: center;
}

/* Tool sections for Tools tab - matching DisplayProperties fieldset style */
._6wdaRu8tjkQPKMWtYdXOOQ\=\= {
  border: 1px solid #808080;
  margin: 6px 0 8px 0; /* Added 3px top margin */
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.rULpNX14bPTAiGZOIbA6Cg\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
  font-size: 11px;
  color: #000000;
}

.hwkpYnrzi4fuVK82aMCR5A\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

._3k1Abzf3-oZRtoNq48MO4A\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.cujNa\+p\+jEdtJ9WLnERM8A\=\= {
  flex: 1;
  font-size: 11px;
  color: #000000;
  line-height: 1.3;
  margin-right: 8px;
}

/* Ensure button text is visible - minimal styling without shadows */
._6wdaRu8tjkQPKMWtYdXOOQ\=\= button {
  min-width: 85px !important;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  color: #000000 !important;
}

._6wdaRu8tjkQPKMWtYdXOOQ\=\= button:disabled {
  color: #808080 !important;
}
.KuVwWtsw9ZyAq8qpEm3PJg\=\= {
  cursor: pointer;
}
._5dDpsVQeJ8ZsZe3AEmVjew\=\= {
  width: 350px !important;
  height: 420px !important;
}

.V7\+EBWcR8GiUDDHv7vFVaA\=\= {
  padding: 8px;
  background: #c0c0c0;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.G--wzeq\+uDGvTfdWwf329A\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sQ\+L32AI5vmkkLVtoPUdRA\=\= {
  margin-top: 16px;
  padding: 12px;
  border: 1px inset #c0c0c0;
  background: #c0c0c0;
}

.eYnd1pPi0dMl2byqYfcDPg\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

._3nAWBqJc-7xXR8V5rIq3eg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #808080;
}

._3IietuvmDPqGqSnaW-6I1g\=\= {
  min-width: 75px;
  height: 23px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Shortcut Properties specific styling */
.qTQYk\+bKMbSv\+jc4hQaXzw\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}

._18jNZL\+zQA5O8ZS\+MUOq6w\=\= {
  flex: 1;
  background-color: #ffffff;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  height: 20px;
  box-sizing: border-box;
  color: #000000;
}

._18jNZL\+zQA5O8ZS\+MUOq6w\=\=:focus {
  outline: none;
  background-color: #d4d0c8
}

.wwzT\+QYYb-o1oAWUejXYVA\=\= {
  flex: 1;
  background-color: #ffffff;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  height: 20px;
  box-sizing: border-box;
  color: #d4d0c8;
}

.wwzT\+QYYb-o1oAWUejXYVA\=\=:focus {
  outline: none;
  background-color: #d4d0c8;
}

.knxtTRCVYWTfRozbvZ\+V4g\=\= {
  flex: 1;
  background-color: #d4d0c8;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  height: 20px;
  box-sizing: border-box;
  color: #d4d0c8;
  max-width: 120px;
}

.knxtTRCVYWTfRozbvZ\+V4g\=\=:focus {
  outline: none;
  background-color: #d4d0c8;
}

.RiStEXtPtxGP1lLrAPk8eQ\=\= {
  background-color: #d4d0c8;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  height: 24px;
  min-width: 120px;
  color: #d4d0c8;
}

.RiStEXtPtxGP1lLrAPk8eQ\=\=:focus {
  outline: none;
  background-color: #d4d0c8;
}

.yw4uzH6L-uRXVGz9m03WTg\=\= {
  flex: 1;
  background-color: #ffffff;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 4px;
  resize: none;
  color: #000000;
  width: 100%;
  box-sizing: border-box;
}

.yw4uzH6L-uRXVGz9m03WTg\=\=:focus {
  outline: none;
  background-color: #ffffff;
}

.jUUnulpHIUXrZMAaXK-psw\=\= {
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
}

/* Wide input fields for Shortcut tab */
.rGpPZiYTTRaM1uysdtRewg\=\= {
  background-color: #d4d0c8;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  height: 20px;
  box-sizing: border-box;
  color: #d4d0c8; /* Greyed out text */
  flex: 1;
  min-width: 200px;
}

.rGpPZiYTTRaM1uysdtRewg\=\=:disabled {
  background-color: #d4d0c8;
  color: #d4d0c8;
  cursor: default;
}

.rGpPZiYTTRaM1uysdtRewg\=\=:focus {
  outline: none;
  background-color: #d4d0c8;
}

/* Shortcut buttons row - positioned on the right */
.M7UUHF1he\+-IO2\+UngZYxQ\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

/* Wide input fields for Shortcut tab */
input.rGpPZiYTTRaM1uysdtRewg\=\= {
  background-color: #d4d0c8 !important;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  height: 20px;
  box-sizing: border-box;
  color: #808080 !important; /* Greyed out text */
  flex: 1;
  min-width: 200px;
}

input.rGpPZiYTTRaM1uysdtRewg\=\=:disabled {
  background-color: #d4d0c8 !important;
  color: #808080 !important;
  cursor: default;
}

input.rGpPZiYTTRaM1uysdtRewg\=\=:focus {
  outline: none;
  background-color: #d4d0c8 !important;
}

/* Special styling for select dropdown in wide input */
select.rGpPZiYTTRaM1uysdtRewg\=\= {
  background-color: #d4d0c8 !important;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #808080 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Remove default browser dropdown arrow */
  background-image: url('../images/button-down-disabled.svg');
  background-repeat: no-repeat;
  background-position: right 2px center;
  background-size: 16px 17px;
  padding-right: 20px; /* Make room for custom arrow */
}

select.rGpPZiYTTRaM1uysdtRewg\=\=:disabled {
  background-color: #d4d0c8 !important;
  color: #808080 !important;
  cursor: default;
}

.M7UUHF1he\+-IO2\+UngZYxQ\=\= button {
  min-width: 85px;
}

/**
 * ShortcutIcon.css
 * Styling for shortcut icon with overlay arrow
 */

.piMlfkyswdxccLtHf\+7U5A\=\= {
  position: relative;
  display: inline-block;
}

.obIWqWO33FFwqCpjL8YTLA\=\= {
  display: block;
}

._7R03Lvf7ASO14xR4ddmsrg\=\= {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  /* Ensure crisp rendering */
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

/* Handle different icon sizes */
.piMlfkyswdxccLtHf\+7U5A\=\=[style*="16px"] ._7R03Lvf7ASO14xR4ddmsrg\=\= {
  width: 6px !important;
  height: 6px !important;
}

.piMlfkyswdxccLtHf\+7U5A\=\=[style*="24px"] ._7R03Lvf7ASO14xR4ddmsrg\=\= {
  width: 8px !important;
  height: 8px !important;
}

.piMlfkyswdxccLtHf\+7U5A\=\=[style*="32px"] ._7R03Lvf7ASO14xR4ddmsrg\=\= {
  width: 11px !important;
  height: 11px !important;
}

.piMlfkyswdxccLtHf\+7U5A\=\=[style*="48px"] ._7R03Lvf7ASO14xR4ddmsrg\=\= {
  width: 16px !important;
  height: 16px !important;
}

.U5hIkGTsuPDtfDZ1reYUMw\=\= {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--win-bg);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._1KkJhhHC44z0NxDlhfoIJw\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

._1KkJhhHC44z0NxDlhfoIJw\=\= button {
  margin-top: 20px;
  min-width: 80px;
  padding: 4px 10px;
}
.it0Q\+ERqgTaGPUGvSuM2lw\=\= {
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: visible;
  background-color: white;
  border: none;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}

._8I6a36wTF2fxbhjPn1CdQg\=\= {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  image-rendering: pixelated;
}

/* Keep the old CSS for reference but it's not used anymore */
/*
.blockGrid {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 0;
  width: 100%;
  height: auto;
}

.row {
  display: flex;
  flex-direction: row;
  line-height: 0;
  flex-wrap: wrap;
  width: 100%;
}

.block {
  width: 7px;
  height: 9px;
  margin: 1px;
  box-sizing: content-box;
  background-color: transparent;
}

.emptyBlock {
  background-color: white;
  border: none;
}

.beginningBlock {
  background-image: url('../images/defragpages.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

.middleBlock {
  background-image: url('../images/defragpages.png');
  background-position: -7px 0;
  background-repeat: no-repeat;
}

.endBlock {
  background-image: url('../images/defragpages.png');
  background-position: -14px 0;
  background-repeat: no-repeat;
}

.optimizedBlock {
  background-image: url('../images/defragpages.png');
  background-position: -21px 0;
  background-repeat: no-repeat;
}

.writingBlock {
  background-image: url('../images/defragpages.png');
  background-position: 0 -9px;
  background-repeat: no-repeat;
}

.unmovableBlock {
  background-image: url('../images/defragpages.png');
  background-position: -7px -9px;
  background-repeat: no-repeat;
}

.badBlock {
  background-image: url('../images/defragpages.png');
  background-position: -14px -9px;
  background-repeat: no-repeat;
}

.readingBlock {
  background-image: url('../images/defragpages.png');
  background-position: -21px -9px;
  background-repeat: no-repeat;
}
*/
/* Window styles based on view mode */
.OptvI-x4BtUkBXDhaWtziA\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--win-bg);
  overflow: hidden;
}

.YqX3ZSl16T1UfRGatIVR9w\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--win-bg);
  overflow: hidden;
}

/* Simple view styles */
._8u7SjmtrMbkXwv\+blzBufw\=\= {
  display: flex;
  flex-direction: column;
  padding: 8px 15px 15px;
  height: 100%;
}

/* Windows 98 style segmented progress bar */
.eb5EgdfcnkyF-mq4yaPumQ\=\= {
  width: 85%; /* Use full width of container */
  height: 14px;
  margin-bottom: 5px;
  /* Windows 98 inset border style: specific colors for authentic look */
  border-top: 1px solid #87888f;
  border-left: 1px solid #87888f;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #d4d0c8; /* Windows 98 grey background instead of white */
  box-sizing: border-box;
  display: flex;
  padding: 1px; /* Trim a pixel around so blue progress doesn't touch border */
}

.U9zlV0ancXiejZCvZqexDg\=\= {
  flex: 1;
  margin-right: 1px;
  background-color: #d4d0c8; /* Windows 98 grey background for empty segments */
  height: 100%;
  border-right: none; /* Remove right border to make segments look cleaner */
  width: 8px;
}

.U9zlV0ancXiejZCvZqexDg\=\=:last-child {
  margin-right: 0;
}

.TdgPrViPMvnfgiSust5Pnw\=\= {
  background-color: #0000a8 !important; /* Windows 98 blue - !important to override any inherited styles */
}

._00D-NEevXXWEwO7mTL0F5w\=\= {
  width: 100%;
  margin-bottom: 10px;
}

.sB3LCRIIfrW9V3PlRf-A6g\=\= {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  width: 100%;
}

.EDpE4wL\+nSOQ8\+uuZdUZog\=\= {
  width: 68px;
  height: 70px;
  margin-right: 20px;
  flex-shrink: 0;
  /* This makes the icon take approximately 25% of the space */
  flex-basis: 22%;
}

.jX1ozrtq3XxaElDX-YqOnw\=\= {
  width: 68px;
  height: 70px;
  display: block;
}

.j2PnUamnQA3zDAWiQIxgGA\=\= {
  flex-grow: 1;
  /* This makes the progress bar container take approximately 75% of the space */
  flex-basis: 60%;
  padding-top: 25px; /* Move the progress bar down slightly */
  max-width: 285px; /* Match the width of the buttons below */
}

.F8VehUSg173oRlX4mTM\+pQ\=\= {
  display: flex;
  align-items: center;
  font-size: 11px;
  margin-top: 4px;
  width: 100%;
  max-width: 285px; /* Match progress bar width */
  justify-content: flex-start; /* Align text to the left */
}

._2ntfHeWGl8vTxH8lunkYaw\=\= {
  display: flex;
  gap: 6px;
  margin-top: auto;
  justify-content: center;
  max-width: 300px; /* Limit width to maintain alignment */
  margin-left: auto;
  margin-right: auto;
}

.lo9F6PUL1IFdlheAfhwi-A\=\= {
  min-width: 75px;
  height: 23px;
  width: 95px; /* Fixed width buttons */
}

/* Detailed view styles */
.C\+IBbg1AjlMEAAVegL4row\=\= {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

._8NAWgOwNMyhCo-c9wNWGNA\=\= {
  flex: 1;
  height: calc(100% - 95px); /* Subtract footer height */
  max-height: calc(100% - 95px);
  background-color: white;
  border: 1px solid var(--win-border-outer);
  overflow-y: scroll;    /* Force vertical scrollbar */
  overflow-x: hidden;    /* Hide horizontal scrollbar */
  position: relative;
  padding: 0;
  margin: 0;
}

/* Make sure the block visualizer fills the entire container */
._8NAWgOwNMyhCo-c9wNWGNA\=\= > div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.V03aTKIOVGnlX1JFRpK2ng\=\= {
  height: 95px;
  display: flex;
  border-top: 1px solid var(--win-border-outer);
  background-color: #D4D0C8; /* Authentic Windows 98 gray */
  padding: 10px;
  flex-direction: row;
  align-items: center;
}

.x25AO16CWazwgIYTk8y0Aw\=\= {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-right: 5px;
  padding-left: 15px; /* Match the padding of the progress bar */
}

.qt2zVnM2op65KTypwGg5Ww\=\= {
  font-size: 11px;
  margin-bottom: 8px;
  
}

.UpvVQn0aylQbyakxbN3ryQ\=\= {
  display: flex;
  flex-direction: column;
  max-width: 450px; /* Limit progress bar width to fit with new button layout */
}

.UXpu5l2o1uvqx1oLFRTeoQ\=\= {
  font-size: 11px;
  margin-top: 4px;
  text-align: left; /* Align with the left edge of progress bar */
}

.f7XWjBMjury8E\+zda99nHw\=\= {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 2px;
  width: 175px; /* Width for two buttons side by side */
}

.tLvgbyj6jbecUaBwPf0Rpg\=\= {
  display: flex;
  flex-direction: row;
  gap: 5px;
  width: 100%;
}

.iRF-GtoE7YV4qZvl74JCig\=\= {
  width: 85px;
  height: 23px;
  font-size: 11px;
  flex: 1;
}

.syTA1LFEH46Jd-4ZwotRBQ\=\= {
  width: 100%;
  height: 23px;
  font-size: 11px;
}
.Wr5Noj76rsKQ5xWWslY8tw\=\= {
  padding: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.zE6Rte8OL-anTZ4kwJytfQ\=\= {
  margin-bottom: 10px;
  font-size: 11px;
}

.fD-GKLWrqvYQJWxfkK13jg\=\= {
  margin-bottom: 20px;
}

.sLhO6ICVIIf9PUYZgeGpeA\=\= {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  border: 1px solid var(--win-border-outer);
  border-right-color: var(--win-border-inner);
  border-bottom-color: var(--win-border-inner);
  background-color: white;
  cursor: default;
  height: 22px;
}

.kUUp5Nlf4C-Iwpp\+bHJTgQ\=\= {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-image: url('../images/hard_drive_16.png');
  background-repeat: no-repeat;
  background-position: center;
}

.AyIK4y4faPZOO22OqeRqwg\=\= {
  flex: 0 0 auto;
  margin-right: 10px;
  font-size: 11px;
}

.eS8H2xLtKHbGpFmfZX94RA\=\= {
  flex: 1;
  color: #777;
  font-size: 11px;
}

.leSdYgwkWqW36Q2UUfZyFg\=\= {
  width: 16px;
  height: 16px;
  background-image: url('/assets/img/interface/dropdown_arrow.png');
  background-repeat: no-repeat;
  background-position: center;
}

.Q7f3bAhkvO4CEv92LdBSeg\=\= {
  margin-top: 10px;
  flex: 1;
  font-size: 11px;
}

.Q7f3bAhkvO4CEv92LdBSeg\=\= p {
  margin: 2px 0;
}

.Tdy00DNJe5GEhxUV9RgRiQ\=\= {
  margin-top: 5px;
  text-align: center;
}

.Tdy00DNJe5GEhxUV9RgRiQ\=\= img {
  height: 25px;
}

.H4HK0i8LK42zesGcf1yLYQ\=\= {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.H4HK0i8LK42zesGcf1yLYQ\=\= button {
  min-width: 80px;
}
.Ls2zW47GlkFBjcJBf-nQgw\=\= {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  /* Use solid background to prevent seeing through */
  background-color: rgba(192, 192, 192, 0.95);
}

.TJKqFG0Xe6HFhDRAd4EkEg\=\= {
  position: relative;
  width: 320px;
  /* Windows 98 styling */
  background-color: #d4d0c8;
  background-color: var(--surface, #d4d0c8);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  padding: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  margin-bottom: 80px; /* Position slightly higher than center */
}

.i7fI2nqpWw2q4-Hp9W35QQ\=\= {
  background-color: #000080; /* Win98 titlebar blue */
  color: white;
  padding: 3px 5px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}

.OCzyRkzzMmY6NWAstr230Q\=\= {
  padding: 10px;
  background-color: #d4d0c8; /* Win99 gray */
}

._3vRzuHRr85aHlWuvHUtmmQ\=\= {
  font-size: 11px;
  background-color: #d4d0c8;
}

.yLAcfnhSVIT3GVflVCLTtQ\=\= {
  margin-bottom: 8px;
  font-weight: bold;
}

.qN1qD0LG9-TJI2GnU\+nCAQ\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.kP5kpFzNHYfA7t1LUHiVUg\=\= {
  width: 7px;
  height: 9px;
  margin-right: 10px;
  border: 1px solid black;
}

.Lb6d8nNri9yq3FQQ-4KpmQ\=\= {
  background-color: white; /* Free space */
}

.rred5AErawQfD7eLq8LeGA\=\= {
  /* Use the sprite image for beginning of drive */
  background-image: url('../images/defragpages.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

.ByZ2bKsZNTX9NZV0qqagAg\=\= {
  /* Use the sprite image for middle of drive */
  background-image: url('../images/defragpages.png');
  background-position: -7px 0;
  background-repeat: no-repeat;
}

.Dm7u740unp7IQyBi089xog\=\= {
  /* Use the sprite image for end of drive */
  background-image: url('../images/defragpages.png');
  background-position: -14px 0;
  background-repeat: no-repeat;
}

._17qvoucaZ4PPPcjUzXu-xA\=\= {
  /* Use the sprite image for optimized data */
  background-image: url('../images/defragpages.png');
  background-position: -21px 0;
  background-repeat: no-repeat;
}

._4EVoHdLKvJzb8wNNN1BuXA\=\= {
  /* Use the sprite image for data being written */
  background-image: url('../images/defragpages.png');
  background-position: 0 -9px;
  background-repeat: no-repeat;
}

._6dxuw-oqMzepxeJbpv3Ayw\=\= {
  /* Use the sprite image for data that will not be moved */
  background-image: url('../images/defragpages.png');
  background-position: -7px -9px;
  background-repeat: no-repeat;
}

.-k08I-XX2hBrpSgfBRp80Q\=\= {
  /* Use the sprite image for bad/damaged area */
  background-image: url('../images/defragpages.png');
  background-position: -14px -9px;
  background-repeat: no-repeat;
}

.WHxrpKZVMrNtNucYg62dFg\=\= {
  /* Use the sprite image for data being read */
  background-image: url('../images/defragpages.png');
  background-position: -21px -9px;
  background-repeat: no-repeat;
}

.-XVnsX9s-9pLJ3nkZsyKZg\=\= {
  flex: 1;
}

.WvdCvMsNkCEhGGVJzqBriA\=\= {
  margin-top: 10px;
}

.apDAsM2dhmGMq-rd01a8sA\=\= {
  display: flex;
  justify-content: center;
  padding: 8px;
  background-color: #d4d0c8;
}
/* Dictionary App Windows 99 Styling */
.PFuyJk9qJ2sUt\+8EjQtcbQ\=\= {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-family: 'Times New Roman', serif;
  font-size: 12px;
  background-color: #d4d0c8;
  position: relative;
  overflow: hidden; /* Prevent any layout shifts */
}

.CFGrGMC4257bl2Luprkkrw\=\= {
  padding: 8px;
  background-color: #d4d0c8;
  border-bottom: 1px solid #87888f;
  flex: 0 0 auto; /* Absolutely no shrinking or growing */
  height: 34px; /* Fixed height */
  box-sizing: border-box;
  width: 100%;
}

.OO4WGmGVSVeTldh7Vc\+6ag\=\= {
  width: 100%;
  height: 18px;
  padding: 2px 4px;
  font-family: 'Times New Roman', serif;
  font-size: 12px;
  border: 1px solid #87888f;
  border-top-color: #000000;
  border-left-color: #000000;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  background-color: white;
  color: black;
  box-sizing: border-box;
  display: block;
  /* Prevent search input decorations */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.OO4WGmGVSVeTldh7Vc\+6ag\=\=::-webkit-search-decoration,
.OO4WGmGVSVeTldh7Vc\+6ag\=\=::-webkit-search-cancel-button,
.OO4WGmGVSVeTldh7Vc\+6ag\=\=::-webkit-search-results-button,
.OO4WGmGVSVeTldh7Vc\+6ag\=\=::-webkit-search-results-decoration {
  -webkit-appearance: none;
  display: none;
}

/* Only remove outline and box-shadow on focus - keep border unchanged */
.OO4WGmGVSVeTldh7Vc\+6ag\=\=:focus {
  outline: none !important;
  -webkit-outline: none !important;
  -moz-outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-offset: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  /* Keep border exactly the same as default */
  border: 1px solid #87888f;
  border-top-color: #000000;
  border-left-color: #000000;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

/* Firefox-specific fix for search input */
@-moz-document url-prefix() {
  .OO4WGmGVSVeTldh7Vc\+6ag\=\=::-moz-focus-inner {
    border: 0 !important;
  }
}

/* Remove IE/Edge specific search decorations */
.OO4WGmGVSVeTldh7Vc\+6ag\=\=::-ms-clear,
.OO4WGmGVSVeTldh7Vc\+6ag\=\=::-ms-reveal {
  display: none !important;
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\= {
  flex: 1 1 auto; /* Take remaining space */
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  padding: 8px;
  margin: 2px;
  border: 1px solid #87888f;
  border-top-color: #000000;
  border-left-color: #000000;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  height: calc(100% - 38px); /* Fixed height calculation: 100% minus search header */
  width: calc(100% - 4px); /* Fixed width minus margins */
  box-sizing: border-box;
  position: relative;
}

/* Windows 98 Scrollbar Styling */
.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar {
  width: 16px;
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar:horizontal {
  height: 17px;
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-corner {
  background-color: #d4d0c8;
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-track {
  background-image: url("../images/scrollbar-background.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-thumb {
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #000000, inset 1px 1px #ffffff, 
              inset -2px -2px #808080, inset 2px 2px #dfdfdf;
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:horizontal:start:decrement,
.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:horizontal:end:increment,
.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:vertical:start:decrement,
.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url("../images/button-up.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url("../images/button-down.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
  background-image: url("../images/button-left.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
  background-image: url("../images/button-right.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("../images/button-up-active.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("../images/button-down-active.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:horizontal:start:active {
  background-image: url("../images/button-left-active.svg");
}

.Nb4GYR4Sa2REFSpGF4uKiQ\=\=::-webkit-scrollbar-button:horizontal:end:active {
  background-image: url("../images/button-right-active.svg");
}

.\+XLb7AFX3DtQFcAwDHOb0A\=\= {
  text-align: center;
  padding: 20px;
  color: #808080;
  font-style: italic;
  font-family: 'Times New Roman', serif;
  width: 100%;
  box-sizing: border-box;
  min-height: 60px;
}

.g6FHlu5nQ9OTFM6yg2KGgQ\=\= {
  text-align: center;
  padding: 40px 20px;
  color: #808080;
  width: 100%;
  box-sizing: border-box;
  min-height: 120px;
}

.g6FHlu5nQ9OTFM6yg2KGgQ\=\= h2 {
  font-family: 'Times New Roman', serif;
  font-size: 16px;
  margin-bottom: 10px;
  color: #000080;
  font-weight: bold;
}

.g6FHlu5nQ9OTFM6yg2KGgQ\=\= p {
  font-family: 'Times New Roman', serif;
  font-size: 12px;
  line-height: 1.4;
}

.XTM-EdU4hmWikni27QFaVA\=\= {
  width: 100%;
  box-sizing: border-box;
  min-height: 100%; /* Always fill container */
}

._2\+NxVsvi\+PVnUKRcxFYtkA\=\= {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d0d0d0;
  word-wrap: break-word;
  width: 100%; /* Explicit width */
  box-sizing: border-box;
}

._2\+NxVsvi\+PVnUKRcxFYtkA\=\=:last-child {
  border-bottom: none;
}

.b8za1kw7E4PG1dqtIt6nag\=\= {
  font-family: 'Times New Roman', serif;
  font-size: 18px;
  font-weight: bold;
  color: #000080;
  margin: 0 0 8px 0;
  text-transform: capitalize;
  word-wrap: break-word;
  width: 100%;
  box-sizing: border-box;
  display: block;
}

.KE6QS8B5FRplQ2p9Id0Thg\=\= {
  margin-left: 10px;
  width: calc(100% - 10px);
  box-sizing: border-box;
}

._0zxva-uMfgwtis6dK4a3bw\=\= {
  margin-bottom: 12px;
  line-height: 1.5;
  font-family: 'Times New Roman', serif;
  font-size: 12px;
  word-wrap: break-word;
  width: 100%;
  box-sizing: border-box;
  display: block;
}

._0zxva-uMfgwtis6dK4a3bw\=\=:before {
  content: "• ";
  color: #808080;
  font-weight: bold;
}

.n\+toGaqsSkrZOMkfhx36aw\=\= {
  margin-top: 6px;
  font-size: 11px;
  color: #606060;
  font-style: italic;
}

.n\+toGaqsSkrZOMkfhx36aw\=\= strong {
  color: #000080;
  font-style: normal;
}

.Pc80T51Pje1ELDSBq4gBhw\=\= {
  color: #0000ff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}

.Pc80T51Pje1ELDSBq4gBhw\=\=:hover {
  color: #ff0000;
}

.W3sTzhwt\+-TxbuFoYWXyAA\=\= {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  min-height: 100px;
}

.W3sTzhwt\+-TxbuFoYWXyAA\=\= h2 {
  font-family: 'Times New Roman', serif;
  font-size: 16px;
  color: #000080;
  margin-bottom: 10px;
  font-weight: bold;
}

.W3sTzhwt\+-TxbuFoYWXyAA\=\= ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.W3sTzhwt\+-TxbuFoYWXyAA\=\= li {
  margin-bottom: 8px;
  padding: 2px 0;
}

.W3sTzhwt\+-TxbuFoYWXyAA\=\= a {
  color: #0000ff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-family: 'Times New Roman', serif;
  font-size: 12px;
  cursor: pointer;
  pointer-events: auto; /* Ensure clicks work */
  display: inline-block;
  padding: 2px 4px; /* Increase clickable area */
  border-radius: 2px;
}

.W3sTzhwt\+-TxbuFoYWXyAA\=\= a:hover {
  color: #ff0000;
  background-color: rgba(0, 0, 255, 0.1);
}
.olp-io9PY4jnq0sFQjvvCg\=\= {
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #d4d0c8;
  width: 300px;
  height: 320px;
  box-sizing: border-box;
  overflow: hidden;
}

.R5DpQTM\+\+mgRARdys8u6jA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.R5y1\+HjVh4gry-ISaDx5yA\=\= {
  min-width: 50px;
  color: #000;
  font-size: 11px;
}

._0JeWGhVEMqif01qab8uY6g\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

._5jhXWR3R5oZAV7FGc0-qug\=\= {
  flex: 1;
  height: 22px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.EeCa\+Tgzn8rYos-dNEFxZQ\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
}

.xFzb\+aZ3GNb0q9iA8Ppg4g\=\= {
  width: 80px;
  height: 80px;
  border: 1px inset #000000;
  border-width: 1px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.YWoPq99Vc4IkZ2dXH47Kfw\=\= {
  width: 76px;
  height: 76px;
  image-rendering: pixelated;
  -o-object-fit: cover;
     object-fit: cover;
}

.ew0HF8f81hb0BMeqT4COjQ\=\= {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #000000;
  text-align: center;
  text-shadow: 1px 1px 0px white; /* This line adds the shadow */
}

.qwesm95CJtPkgx\+VgON2VA\=\= {
  margin-bottom: 12px;
  border: 1px groove #c0c0c0;
  border-width: 2px;
  padding: 8px;
  background: #d4d0c8;
}

.ZLkqMJl\+m9LFJQHZQ7igmA\=\= {
  padding: 0 4px;
  color: #000;
  font-size: 11px;
}

._0pYZBvt3zd--O5LW7L9Qcg\=\= {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 2px;
  gap: 2px;
  width: 100%;
  max-width: 240px;
}

.SzHKYvT3NrK1\+4Z9O1hkGQ\=\= {
  width: 28px;
  height: 28px;
  border: 1px solid;
  border-color: #000000 #ffffff #ffffff #000000;
  /* Special inset effect for color squares */
  box-shadow: inset -1px -1px #c0c0c0, inset 1px 1px grey, inset -1px -1px #dfdfdf, inset 1px 1px #e0e0e0;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: box-shadow 0.1s;
}

.SzHKYvT3NrK1\+4Z9O1hkGQ\=\=:hover {
  box-shadow: inset -1px -1px #a0a0a0, inset 1px 1px #606060, inset -1px -1px #bfbfbf, inset 1px 1px #c0c0c0;
}

.SzHKYvT3NrK1\+4Z9O1hkGQ\=\=.ObrOOSoBx-kEk\+Q-geUSTA\=\= {
  background: #000080;
  border: 2px solid #000080;
  box-shadow: inset -1px -1px #000040, inset 1px 1px #0000c0, inset -1px -1px #000060, inset 1px 1px #0000a0;
}

.J06TCysgVmCjB\+temiWR7w\=\= {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: repeat;
  image-rendering: pixelated;
}

.SOit3cd2MQr0WyOUDkPlXw\=\= {
  width: 24px;
  height: 24px;
  background: white;
}

.Dy-s\+Ky-FjpS3Ru4npoTFg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.iPra2yFpqGEeBA6PS8U6rQ\=\= {
  text-align: center;
  padding: 20px;
  color: #666;
}
/* Windows 98 authentic styling for Display Properties dialog - Updated Background Tab */

._5KO48em\+PcvYUDXA3BcDkw\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

._8ar4Pkm3V3-\+n4jeNvqtdA\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* Tab controls with advanced Windows 98 multi-layer border system */
.YXi\+fD4WLq0xHmeoSqKKqA\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

._5TNQYaOiTtX1YeupzFieTQ\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
._5TNQYaOiTtX1YeupzFieTQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

._5TNQYaOiTtX1YeupzFieTQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

._5TNQYaOiTtX1YeupzFieTQ\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.ZMi3jXU8JEeaQlFXyGp3hg\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.ZMi3jXU8JEeaQlFXyGp3hg\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.ZMi3jXU8JEeaQlFXyGp3hg\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.LTozoZAbolAIbjP7WcrDug\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

/* Background tab content */
.yfE0J2M7E1NbK0e9DFbhgA\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 1px 1px 1px;
}

/* Monitor display preview */
.Nl-XiQRXoQWA5UFbzc6LtQ\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  /* Added exact height */
  height: 175px;
}

.TS0MdZl8QChUJrqKNpg0iw\=\= {
  position: relative;
  width: 184px;
  height: 169px;
  margin-bottom: 5px;
}

.QhFdQCXRtw9r4G4NNf6KwA\=\= {
  width: 100%;
  height: 100%;
}

.cTabYUkC2-PHEe7Rj4fOBQ\=\= {
  position: absolute;
  top: 17px; /* Adjusted to be flush with monitor border */
  left: 17px; /* Adjusted to be flush with monitor border */
  width: 150px; /* Exact width to fit flush with borders */
  height: 112px; /* Exact height to fit flush with borders */
  background-color: teal; /* Default Windows 98 background color */
}

/* NEW WALLPAPER SECTION - Inspired by Sound Properties */
.gSM5hzHceX3SEQVilQqkcQ\=\= {
  border: 1px solid #808080;
  margin: 0 0 8px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  min-height: 180px;
}

.oMGzdEBv8F5q-\+MXg2DVdQ\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

.eROgsZz3MUd8KfZn\+6vcIg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.RQV4IqtynZ1wRlvy8PbAtQ\=\= {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
}

/* Two-column layout container */
.ATylLbojGstuPMb0lM2vQg\=\= {
  display: flex;
  gap: 12px;
  height: 100%;
}

._961pulBU5uDPWPnyqBQbxA\=\= {
  flex: 2;
  min-width: 0; /* Allows flex item to shrink below content size */
}

.hTEtzlTCMONbMCdY56SbqA\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 60px;
}

/* Scrollable wallpaper list - matching Sound Properties style */
.mFpf0tFo0enrLmUTerKy-A\=\= {
  height: 150px;
  position: relative;
  border: none;
  box-shadow: inset -1px -1px 0 #ffffff, inset 1px 1px 0 #808080, inset -2px -2px 0 #dfdfdf, inset 2px 2px 0 #000000;
  padding: 2px;
  box-sizing: border-box;
}

.BICPMDfwRVwJQ6Msj7-\+Xg\=\= {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: white;
  padding: 0;
  margin: 0;
}

/* Windows 98 scrollbar styling for wallpaper list */
.BICPMDfwRVwJQ6Msj7-\+Xg\=\=::-webkit-scrollbar {
  width: 16px;
}

.BICPMDfwRVwJQ6Msj7-\+Xg\=\=::-webkit-scrollbar-track {
  background-image: url("../images/scrollbar-background.svg");
}

.BICPMDfwRVwJQ6Msj7-\+Xg\=\=::-webkit-scrollbar-thumb {
  background-color: #d4d0c8;
  background-color: var(--surface, #d4d0c8);
  box-shadow: inset -1px -1px #000000, inset 1px 1px #FFFFFF, 
              inset -2px -2px #808080, inset 2px 2px #DFDFDF;
  box-shadow: var(--border-raised-outer, inset -1px -1px #000000, inset 1px 1px #FFFFFF), 
              var(--border-raised-inner, inset -2px -2px #808080, inset 2px 2px #DFDFDF);
}

.BICPMDfwRVwJQ6Msj7-\+Xg\=\=::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url("../images/button-up.svg");
}

.BICPMDfwRVwJQ6Msj7-\+Xg\=\=::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url("../images/button-down.svg");
}

.BICPMDfwRVwJQ6Msj7-\+Xg\=\=::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("../images/button-up-active.svg");
}

.BICPMDfwRVwJQ6Msj7-\+Xg\=\=::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("../images/button-down-active.svg");
}

/* Wallpaper list items */
.pG5g7RK\+67-ofMPTkNYm-Q\=\= {
  padding: 1px 2px;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  height: 17px;
}

.rVKuX2GX3hc6lrMwxwdyVA\=\= {
  background-color: #000080;
  color: white;
  border: 1px dotted #ffff7f;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 1px;
}

.kHhshph36NVthxsOwveFvg\=\= {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  min-width: 16px;
  vertical-align: middle;
}

.L9EH-1iasoK7ytHBRSEq3g\=\= {
  font-size: 11px;
}

.U29zu41k-GoEudzP\+cASMQ\=\= {
  width: 100%;
  height: 21px;
  max-width: 120px;
}

/* Display dropdown section */
.T9yJ8Us5wzyIVfJsrw4C\+g\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._8aIExPN3RFAXf4m3fC2\+yw\=\= {
  font-size: 11px;
}

.tfyZppZ6gNynkCe54KhOBQ\=\= {
  width: 100%;
}

/* Color section */
._2lCFXcsPaOudabAWPM6Rug\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.DB3sGoi6-9OQJbDWxvx3hQ\=\= {
  font-size: 11px;
}

.Bi2whAIDYylSBTIQmmhfYg\=\= {
  padding: 1px;
  border: none;
  box-shadow: inset -1px -1px 0 #ffffff, inset 1px 1px 0 #808080, inset -2px -2px 0 #dfdfdf, inset 2px 2px 0 #000000;
  background-color: white;
}

.v1MJVUmwmpJfeiI7DMcSow\=\= {
  width: 104px;
  height: 18px;
  border: 1px inset #808080;
  cursor: pointer;
  background-color: teal;
}

/* Bottom button row */
.AFwTY0FFrDKtUl92z2ibKA\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.AFwTY0FFrDKtUl92z2ibKA\=\= button {
  min-width: 75px;
  text-align: center;
}

/* Settings tab content */
._983DwcjdimMDIUkIzKjjlQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Tab doesn't exist text */
.ObvAhIZRNs\+rhe0IDCv9zw\=\= {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  color: #808080;
}
.s2HYewaLA8luNGfI7D2T-w\=\= {
  display: inline-flex;
  align-items: center;
  height: 12px; /* Reduced from 21px */
  position: relative;
  width: 35px;
}

.O6YPMj7JTj1IKd2WMPEAqQ\=\= {
  width: 100%;
  height: 13px; /* Reduced from 21px */
  text-align: left; /* Changed from right to left */
  border: 1px solid;
  border-color: #808080 #dfdfdf #dfdfdf #808080;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 0 18px 0 3px; /* Right padding for buttons */
  outline: none;
  box-sizing: border-box;
  margin: 0;
}

/* Hide browser default spinners */
.O6YPMj7JTj1IKd2WMPEAqQ\=\=::-webkit-inner-spin-button, 
.O6YPMj7JTj1IKd2WMPEAqQ\=\=::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0;
}

.O6YPMj7JTj1IKd2WMPEAqQ\=\=[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

.xs4Ce\+BsxU9QK-trGwl5pQ\=\= {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -2px;
  right: 2px;
  bottom: -2px;
  width: 15px;
  height: 17px; /* Reduced from 19px */
  margin: 0;
  padding: 0;
}

.jQzZXoqw6wgERyRzG7md2A\=\= {
  width: 15px;
  height: 8px; /* Reduced to fit smaller container */
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  display: block;
}

.rKjdm2LMrZ8f1DCEQ9yqOA\=\= {
  background-image: url('../images/spinner-up.svg');
}

.XAZJuUhk7z99RklY514wEQ\=\= {
  background-image: url('../images/spinner-down.svg');
}

.rKjdm2LMrZ8f1DCEQ9yqOA\=\=:active {
  background-image: url('../images/spinner-up-active.svg');
}

.XAZJuUhk7z99RklY514wEQ\=\=:active {
  background-image: url('../images/spinner-down-active.svg');
}
.psDH90uvkv3xZvGrpuRKeA\=\= {
  display: flex;
  align-items: center;
  height: 21px;
  width: 120px;
  cursor: pointer;
  flex-grow: 1;
  margin: 0 5px;
}

._4jzLv5SBg6b6mw98heYLOA\=\= {
  flex: 1;
  height: 21px;
  position: relative;
  cursor: pointer;
}

._4jzLv5SBg6b6mw98heYLOA\=\=::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,
    inset 1px 1px 0 #808080,
    inset -2px -2px 0 #dfdfdf,
    inset 2px 2px 0 #000000;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.kx5YhvizkBqoKC95k9n\+lA\=\= {
  width: 11px;
  height: 21px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  pointer-events: none;
}
/* Base CSS for all screensaver settings dialogs */

.v7axDYQIJkvPwHP-jovmrQ\=\= {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 310px;
  background-color: #d4d0c8;
  background-color: var(--surface, #d4d0c8);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  padding: 3px;
  z-index: 1000;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Title Bar - Windows 98 style */
._6yL3CyWu490MUD-6UDp9Rw\=\= {
  background-color: #000080;
  color: white;
  padding: 3px 5px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  height: 18px;
  /* Removed move cursor since windows can't be moved */
}

/* Close button removed - users exit via OK/Cancel */

.qREr5iqmnq5TLw64e-uHrQ\=\= {
  padding: 10px;
}

/* Group Box styling */
.MWao3ftAdZqIUatGfvsxcw\=\= {
  position: relative;
  padding-top: 15px;
  margin-bottom: 15px;
}

.yibHV06vbxfWwGsIiBFQLw\=\= {
  position: absolute;
  top: 0;
  left: 10px;
  background-color: #d4d0c8;
  padding: 0 2px;
  font-weight: normal; /* Non-bold as requested */
  z-index: 1;
}

.Frjykf9a22jwE17xBYXbkg\=\= {
  border: 1px solid;
  border-top-color: #808080;
  border-left-color: #808080;
  border-right-color: #dfdfdf;
  border-bottom-color: #dfdfdf;
  padding: 10px;
}

/* Custom slider styling - improved clickable area matching MIDI Play pattern */
.lUTyG\+lu-HGjUcCfEOSaqw\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.MwwBszjsw95MtAdFmbJcNw\=\= {
  font-size: 11px;
  margin-right: 8px;
  min-width: 60px;
}

.MBQBvM-4ZJDAUUFHCZGLoA\=\= {
  display: flex;
  align-items: center;
  height: 21px;
  width: 120px;
  cursor: pointer;
  flex-grow: 1;
  margin: 0 5px;
}

._151gQOTUgsjmqntH63MtnA\=\= {
  flex: 1;
  height: 21px; /* Full height for click target */
  position: relative;
  cursor: pointer;
}

._151gQOTUgsjmqntH63MtnA\=\=::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px; /* Core track height */
  transform: translateY(-50%);
  background-color: #888888;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  box-sizing: content-box;
}

.veLMGLVO5Arl9kIzOzsRZg\=\= {
  width: 11px;
  height: 21px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  pointer-events: none;
}

.hyhd9i0B0w9hzdQVrMNKhA\=\= {
  font-size: 11px;
  width: 30px;
  text-align: right;
}

/* Radio button styling */
.Ht88xuwd98vvMW2XgbBonA\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.Ht88xuwd98vvMW2XgbBonA\=\= input[type="radio"] {
  /* Hidden but accessible */
  position: absolute;
  opacity: 0;
}

.Ht88xuwd98vvMW2XgbBonA\=\= label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  line-height: 16px;
}

.Ht88xuwd98vvMW2XgbBonA\=\= label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

.Ht88xuwd98vvMW2XgbBonA\=\= input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 6px;
  height: 6px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
  background-position: center;
}

/* Button container */
._5hT8OmHjUBRLtK-f8wHoxA\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  padding: 10px;
  background-color: #d4d0c8;
}

/* Specific styles for Flying Windows settings dialog */

._9c7zMt6Ip\+T4TBzH1fZgwA\=\= {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  height: 24px;
  position: relative;
}

.-BDxnBBe-Mtl46L17GjsBA\=\= {
  font-size: 11px;
  width: 30px;
  z-index: 2;
}

.-BDxnBBe-Mtl46L17GjsBA\=\=:last-child {
  text-align: right;
}

.bL3VWmyCS\+PvdaxnQ181Fw\=\= {
  flex: 1;
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
}

.luQ6GC1j5CRsxgQANq0\+qw\=\= {
  display: block;
  margin-bottom: 5px;
}

.vHlB3djipu2sGdE-HI5G3w\=\= {
  display: flex;
  align-items: center;
}

/* Specific styles for Mystify settings dialog */
/* Preview removed as requested */

.AQi691zLnUP7yMbkwnA1og\=\= {
  flex: 1;
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
}

.Tf9BPIMuR2TopSiSYMEz-A\=\= {
  display: flex;
  align-items: center;
}

.Tf9BPIMuR2TopSiSYMEz-A\=\= input[type="checkbox"] {
  margin-right: 6px;
}

.Ydxux0YpfNU1RTIHLTQCKg\=\= {
  font-size: 11px;
}

/* No longer needed - default system fonts will be used */
/* Specific styles for Matrix settings dialog */

.dzWTCu5cC-Eh5NCyavvmrQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Specific styles for Curves and Colors settings dialog */

/* Speed section */
.c5ur\+4ISEonZ98Gt-3Ox5A\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 8px;
}

.EZMl5eBSIvBT3wF2iq5Jeg\=\= {
  font-size: 11px;
  color: #000000;
  min-width: 30px;
}

.hIUkzHrlZq4tuRWJ\+c7ZxQ\=\= {
  flex: 1;
  margin: 0 8px;
}

/* Lines section */
.RIvneFQh71RB8STkZhFypA\=\= {
  margin-bottom: 8px;
}

.-o5wV4E8ytiOygkAP7u4Qw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.UnTgbftgU\+GQpJ56FGMY0g\=\=,
.tYoUxRlvQlVu9iS61rdUoQ\=\= {
  font-size: 11px;
  color: #000000;
}

._6N93-O3lCV8fd2y\+bURbwg\=\=,
.N5--6NQnzTrkuYUS25dZlA\=\= {
  width: 50px;
}

/* Working density section */
.ZFqHAa-Wi\+ZrnHTY7-eoJg\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 8px;
}

.L6ggcOenueDeK3fCTKyn8w\=\= {
  font-size: 11px;
  color: #000000;
  min-width: 40px;
}

.XKPx-yPX3Cs48ajpGelyrQ\=\= {
  flex: 1;
  margin: 0 8px;
}

/* Color section with proper clickable areas */
.Csmlw\+FzcbeJKoI2vzU\+AA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.uc90DA8zSTz2n4keuk9lSw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 20px;
}

/* Radio button wrapper for better click handling */
.YxBlSpbisSaXHob4hJXFag\=\= {
  position: relative;
  min-width: 120px;
  min-height: 20px;
  cursor: pointer;
  z-index: 10;
}

.i7L0BgstaYlnK73mKeSzqg\=\= {
  width: 24px;
  height: 16px;
  border: 1px inset #c0c0c0;
  cursor: pointer;
  margin-left: 8px;
  flex-shrink: 0;
}

.xAxHZSVrX8LbDvCjD3geNQ\=\= {
  min-width: 80px;
  font-size: 11px;
  margin-left: 8px;
}

/* Clear screen section with proper click handling */
._8Te8IwsZc63vbUlf8XHxsA\=\= {
  margin: 16px 0 8px 0;
}

._0gSE-zo1fOq9neqU5SmKCQ\=\= {
  position: relative;
  min-height: 20px;
  cursor: pointer;
  z-index: 10;
}

/* Override CSS modules issues with radio buttons */
.YxBlSpbisSaXHob4hJXFag\=\= .radio {
  opacity: 0 !important;
  position: absolute !important;
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 20 !important;
}

.YxBlSpbisSaXHob4hJXFag\=\= label {
  position: relative !important;
  margin-left: 20px !important;
  line-height: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  cursor: pointer !important;
  z-index: 15 !important;
}

.YxBlSpbisSaXHob4hJXFag\=\= label::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -18px !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 6px !important;
  background-image: url('../images/radio-border.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
}

.YxBlSpbisSaXHob4hJXFag\=\= .radio:checked + label::after {
  content: "" !important;
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  top: 3px !important;
  left: -15px !important;
  position: absolute !important;
  background-image: url('../images/radio-dot.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 6px 6px !important;
}

/* Override CSS modules issues with checkboxes */
._0gSE-zo1fOq9neqU5SmKCQ\=\= .checkbox {
  opacity: 0 !important;
  position: absolute !important;
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 20 !important;
}

._0gSE-zo1fOq9neqU5SmKCQ\=\= .checkboxLabel {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  padding-left: 20px !important;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  z-index: 15 !important;
}

._0gSE-zo1fOq9neqU5SmKCQ\=\= .checkboxLabel::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 13px !important;
  height: 13px !important;
  border: none !important;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #000000 !important;
  background-color: #ffffff !important;
}

._0gSE-zo1fOq9neqU5SmKCQ\=\= .checkbox:checked + .checkboxLabel::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 3px !important;
  width: 7px !important;
  height: 7px !important;
  background-image: url('../images/checkmark.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  display: block !important;
}

/* Flying Through Space Settings Dialog Specific Styles */

.XHpPOaT035Y20XHIl97SIA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}

.VNqkCIml4gQpc8tC7xrKZg\=\= {
  font-size: 11px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  min-width: 30px;
}

.oqFqfxJXDGGqBRaOU3\+9sw\=\= {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.Sgd0UiYarimOJp\+A3xGo5Q\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ScrollingMarqueeSettings.css */
/* Based on TextEditor patterns with authentic Windows 98 styling */

/* Windows 98 Fieldset styling */
.KuKsm33qr20xt4N8RnsBrg\=\= {
  margin: 8px 0;
  padding: 12px 8px 8px 8px;
  border: 2px groove #c0c0c0;
  background: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.Dksl0llOnGqyy79W7prz6g\=\= {
  padding: 0 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  background: #d4d0c8;
}

._8sHYJQxM2tSEXo8IgClo9Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.DGG31KHUvrvbG2lZIAGkdQ\=\= {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 0;
  padding: 8px 0;
}

.GDkAS8p-tdVjvctFqIx\+Bw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  min-width: 100px;
}

.Gs30QB8PLTnu6WdxK3aGHA\=\= {
  width: 24px;
  height: 20px;
  border: 1px inset #c0c0c0;
  cursor: pointer;
  background-color: #ffffff;
  margin-left: 4px;
}

.Gs30QB8PLTnu6WdxK3aGHA\=\=:hover {
  border: 1px outset #c0c0c0;
}

.Gs30QB8PLTnu6WdxK3aGHA\=\=:active {
  border: 1px inset #808080;
}

.HzVQ6y-LgM0WKqeKP23IbQ\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 0; /* Remove margin since toolbar is now outside */
}

.jkoADJzzWavrPtrBD8Dtlw\=\= {
  width: 100%; /* Full width of the group box */
  padding: 2px 4px;
  border: 1px inset #c0c0c0;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #ffffff;
  outline: none;
  box-sizing: border-box;
}

.jkoADJzzWavrPtrBD8Dtlw\=\=:focus {
  outline: 1px dotted #000;
  outline-offset: -2px;
}

/* Formatting toolbar - back inside Text group box */
.t\+U\+fmyeqwupYUi2wbCkEA\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #d4d0c8;
  margin-top: 8px;
  min-height: 30px;
  box-sizing: border-box;
}

.mm0Rapyk0gcFI8WLokEgBA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px;
}

/* Windows 98 Custom Dropdown - from TextEditor */
.p62wdIm0VsLW\+kjaCrcXxw\=\= {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  z-index: 1500;
}

.iExgnLnNbueQOy\+3ntPMNg\=\= {
  width: 100%;
  height: 21px;
  padding: 3px 18px 3px 4px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  color: #000000;
  line-height: 15px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: default;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  transition: none;
}

.iExgnLnNbueQOy\+3ntPMNg\=\=:focus,
.iExgnLnNbueQOy\+3ntPMNg\=\=:active,
.iExgnLnNbueQOy\+3ntPMNg\=\=:hover {
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a !important;
  background-color: #ffffff !important;
  outline: none !important;
  border: none !important;
}

.X86GPJFe2v2hOSYbcII\+wA\=\= {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: black;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.fU8oKiRl5d8g9d5I133kGQ\=\= {
  position: absolute;
  top: 0;
  right: 2px;
  width: 16px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-size: 16px 21px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.bMAStxTCogBcj4fjSoRRjA\=\= {
  position: fixed;
  background-color: #ffffff;
  border: 1px solid #000000;
  max-height: 150px;
  overflow-y: auto;
  z-index: 2000;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  min-width: 100px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.bMAStxTCogBcj4fjSoRRjA\=\=.u9I4HP0jlqDHufay4ccQtA\=\= {
  display: none;
}

.fsNu57SPtBn0d1WeekKpeA\=\= {
  padding: 2px 4px;
  background-color: #ffffff;
  color: #000000;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fsNu57SPtBn0d1WeekKpeA\=\=:hover,
.fsNu57SPtBn0d1WeekKpeA\=\=.cZti9l5JgabMU5aGSxR3vQ\=\= {
  background-color: #000080;
  color: #ffffff;
}

/* Size spinner styling */
.GxfmOCNuXiwbTL45Q4GI4A\=\= {
  margin-right: 4px;
}

/* Format buttons - TextEditor style */
.LnCUwv5yC1QQCzpgaGSZrQ\=\= {
  width: 23px;
  height: 22px;
  margin: 0 1px;
  background-color: #d4d0c8;
  background-image: url('../images/wordpad.png');
  background-repeat: no-repeat;
  background-size: auto 22px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  cursor: default;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  padding: 0;
  position: relative;
}

.LnCUwv5yC1QQCzpgaGSZrQ\=\=.Mb0p7ZGBytpVIfiumyXvGg\=\= {
  background-position: -253px 0;
}

.LnCUwv5yC1QQCzpgaGSZrQ\=\=.vn1UgBFsTP24vCzI\+FR08w\=\= {
  background-position: -276px 0;
}

.LnCUwv5yC1QQCzpgaGSZrQ\=\=:active {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-position-y: 1px;
}

.LnCUwv5yC1QQCzpgaGSZrQ\=\=.e2YSvKgJXihZ2LXa0crFJA\=\= {
  border-top: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-bottom: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  background-color: #c0c0c0;
  background-image: 
    url('../images/wordpad.png'),
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAAAAABX3VL4AAAADklEQVQIHWP4f4DhwH8ACoADf16N/DIAAAAASUVORK5CYII=');
  background-size: auto 22px, 2px 2px;
  background-repeat: no-repeat, repeat;
}

.LnCUwv5yC1QQCzpgaGSZrQ\=\=.Mb0p7ZGBytpVIfiumyXvGg\=\=.e2YSvKgJXihZ2LXa0crFJA\=\= {
  background-position: -252px 1px, 0 0;
}

.LnCUwv5yC1QQCzpgaGSZrQ\=\=.vn1UgBFsTP24vCzI\+FR08w\=\=.e2YSvKgJXihZ2LXa0crFJA\=\= {
  background-position: -275px 1px, 0 0;
}

.PKJmqH74XUBu\+eCSWYPpBg\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-left: 8px;
  min-width: 35px;
  text-align: right;
}

/* Preview section */
.vz7R6DtKZySE4nBDNQvK5w\=\= {
  margin: 12px 0;
  padding: 8px 0;
}

.wAayUgmOcSoStMF9XPOM0Q\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: block;
  margin-bottom: 4px;
}

.CwIfTV\+77IJc-AQZWMjnsQ\=\= {
  width: 100%;
  height: 40px;
  border: 1px inset #c0c0c0;
  background-color: #000000;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.WVKJMxclZF0s4yZaMnxUtA\=\= {
  white-space: nowrap;
  margin-left: 8px;
  font-family: Arial;
  font-size: 14px; /* Smaller preview font */
  color: #ffffff;
}
/* Screen Saver Tab Styles */
.Gl\+BfkuXqOPqWISxRPEDpg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: auto;
  gap: 10px;
}

/* Monitor Preview */
.lklOUL2H8kDX\+M4dUATInA\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.DTPhHR\+wAHjFVIYq5ykc5A\=\= {
  position: relative;
  width: 184px;
  height: 169px;
}

.CVie2j\+yY1nFeEHTneudyQ\=\= {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; /* Above the screen content */
  pointer-events: none; /* Allow clicks to pass through to content */
}

._2-JKKCpWP9SYsL8OMEMhwA\=\= {
  position: absolute;
  top: 17px; /* Adjusted to be flush with monitor border */
  left: 17px; /* Adjusted to be flush with monitor border */
  width: 150px; /* Exact width to fit flush with borders */
  height: 112px; /* Exact height to fit flush with borders */
  background-color: #000000;
  z-index: 1; /* Below the monitor image */
  overflow: hidden;
}

.gfKz\+W1zw3rC9jQ\+kU4SSg\=\= {
  color: #ffffff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  padding: 10px;
}

.bbe9q6SLYa7lcUzMQFVJqw\=\= {
  width: 100%;
  height: 100%;
}

/* Screen Saver Selector Group */
.N8Zt40yru-CK5OkC4H4Iqg\=\= {
  border: 1px solid #808080;
  margin: 0 0 8px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
    min-height: 70px;
      box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.\+VjADjtBYWf8x-aLcsy-dA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

._4kKsInhyEwN2MtzAYapdlQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.O9OIUIDEDboG57kcivx-Qw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Use shared Select component instead of custom styling */
.wVEw4863M2loIfQ5yr6w2w\=\= {
  width: 160px;
}

/* Style the dropdown options */
.RMryEN3RANztyr7jS7DpDA\=\= option {
  background-color: #FFFFFF;
  color: #000000;
}

/* Selected item in dropdown */
.RMryEN3RANztyr7jS7DpDA\=\= option:checked {
  background-color: #0000A8;
  color: #FFFFFF;
}

/* Dropdown when open */
.RMryEN3RANztyr7jS7DpDA\=\=:focus {
  outline: none;
}

.KUGpsSlRhiuG-o9lgBhYiQ\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}

.uBZkhFKOuwkLuhErzxmxJw\=\= {
  display: flex;
  align-items: center;
  gap: 5px;
}

._4TpspyW5FRYuzRke8RIs4w\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.zPGdPaXXTBuonp\+tGp7itw\=\= {
  width: 40px;
  margin: 0 5px;
}

.EnxXMTiDwxBS9fmuhV4uiA\=\= {
  font-size: 11px;
}

/* Energy Settings */
.i0ucF4FpHoJc\+k3AmefGSw\=\= {
  border: 1px solid #808080;
  margin: 8px 0 0 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
    min-height: 70px;
      box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.Gi9t1BWHxNt8pZzvooBMVA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

.HJ7x1e\+4W1eQ-0M9fy3hbw\=\= {
  display: flex;
  margin-top: 5px;
}

.vmN3b5-bH0ZTKaDHyQgzXA\=\= {
  display: flex;
  width: 100%;
  align-items: center;
}

.PPcbx302240v-PE71BTGbg\=\= {
  width: 87px;
  height: 50px;
  margin-right: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent selection */
  /* Cursor will be handled by global cursor system and JavaScript */
}

._8heVSt9CwjIoIy5LK02MdQ\=\= {
  flex: 1;
  font-size: 11px;
  margin-right: 10px;
}
._7yu6bO-pAmYiWE2HErV\+KQ\=\= {
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.PyJPZmUfLOoISjq1J01tWQ\=\= {
  position: relative;
  width: 348px; 
  height: 342px;
  margin: 0 auto;
  background-color: transparent;
  overflow: hidden;
}

.g6jidxl-920rutRMB8CYLA\=\= {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  position: relative;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  pointer-events: none; /* Completely disables interaction with the image */
  cursor: default;
}

/* Background element that mimics the desktop background */
.l7otMbIU7zbkWYJmQOLyrQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* Effects Tab Styles */
.qhjm-WufFU4jAl\+Q-u57QQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px 0 0 0; /* Added top padding to move content down */
  overflow: hidden;
  gap: 20px;
}

/* Desktop Icons Section */
.ZzzwMJKTGkZDqVPMOpyryQ\=\= {
  border: 1px solid #808080;
  margin: 0 0 8px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.QPoLncuWr9oRi0RBl3Fqtw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

/* Icon Preview Area */
._6pOIX4G3S8O3OUlYcxJTFw\=\= {
  display: flex;
  flex-direction: column;
  padding: 8px;
  margin-bottom: 8px;
  background-color: #ffffff;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
}

.gm6wQlVqR\+vvg57yKIWvZQ\=\= {
  display: flex;
  justify-content: flex-start;
  padding: 8px 0;
  gap: 10px; /* Reduced the gap between icons */
}

._2Cb-oLT5BKi8FtSQ2xw1vg\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 70px;
  width: 70px; 
  margin-right: 2px; /* Reduced the margin between icons */
  cursor: pointer;
}

.JbGklNVcyLyvqAzdYATwrw\=\= {
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
}

.mtucB5phFGjV7Q8q-Wfpww\=\= {
  filter: grayscale(100%);
}

/* Icon label text */
.N6GKCSL\+poW1IyUH5GhTkg\=\= {
  font-size: 11px;
  text-align: center;
  width: 70px;
  white-space: pre; /* Changed from pre-wrap to pre to maintain exact line breaks */
  max-height: 40px;
  overflow: hidden;
}

/* Icon Control Buttons - moved outside the white frame */
.zOb5BraCtUUq-wVOwb-dTA\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
  padding-right: 4px;
}

.jCpvh4ko-OGZQBesR7yc3g\=\= {
  height: 23px;
  padding: 0 10px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  box-shadow: 1px 1px 0 #dfdfdf;
  outline: none;
  min-width: 75px;
  text-align: center;
}

.jCpvh4ko-OGZQBesR7yc3g\=\=:active {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  box-shadow: inset 1px 1px 0 #808080;
}

.jCpvh4ko-OGZQBesR7yc3g\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -4px;
}

/* Visual Effects Section */
.Ekt6kgk4bWm1aslKlvcE9A\=\= {
  border: 1px solid #808080;
  margin: 8px 0 0 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

._0nA30aS9XuBF1um7dHsBig\=\= {
  display: flex;
  flex-direction: column;
  padding: 4px 0;
}

/* Checkbox Row */
.zK7Pd2voeJBbAQnP72GVag\=\= {
  display: flex;
  align-items: center;
  margin: 4px 0;
  min-height: 16px;
  gap: 8px; /* Add gap between checkbox and debug button */
}

/* Hover states */
.jCpvh4ko-OGZQBesR7yc3g\=\=:hover:not(:disabled) {
  background-color: #e0e0e0;
}

/* Disabled state */
.jCpvh4ko-OGZQBesR7yc3g\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

/* Selected icon style - Windows 98 style selection with darkening */
.jqk8zF5Dm39k55lXhqNjPA\=\= {
  position: relative;
}

.jqk8zF5Dm39k55lXhqNjPA\=\= .JbGklNVcyLyvqAzdYATwrw\=\= {
  opacity: 0.7; /* Darken the icon to simulate Windows 98 selection */
  filter: brightness(0.7) contrast(1.2); /* Additional darkening with contrast */
}

/* Dotted outline around text only */
.jqk8zF5Dm39k55lXhqNjPA\=\= .N6GKCSL\+poW1IyUH5GhTkg\=\= {
  background-color: #000080;
  color: #ffffff;
  padding: 0 2px;
  outline: 1px dotted #ffff7f;
  outline-offset: -1px;
}
/* Settings Tab Styles */
.b\+svsvguGAEq2iOlVUGxkQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: hidden; /* Change from auto to hidden to remove scrollbars */
  gap: 10px;
}

.FXBVJfYP4-chb-JTfaSOZA\=\= {
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
  padding-right: 16px; /* Add space for scrollbar */
  margin-top: 5px; /* Reduce space to bring sections closer to display info */
}

.Aszq5ZdFslA1E2UNLyAoxg\=\= {
  display: flex;
  justify-content: flex-end;
  margin-right: 8px;
  margin-top: 10px;
}

/* Monitor preview */
.GXPoBf1xFco28Vo5eUpseQ\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  margin-top: 8px; /* Adjust spacing */
}

.ChkEHf13W28LjEChXWie2A\=\= {
  position: relative;
  width: 184px;
  height: 169px;
  margin-top: 5px;
}

.QqfzZpd07APBznr9\+lkiCQ\=\= {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; /* Above the screen content */
  pointer-events: none; /* Allow clicks to pass through to content */
}

.hABKjvwDnyukxrK2djMsRQ\=\= {
  position: absolute;
  top: 17px; /* Adjusted to be flush with monitor border */
  left: 17px; /* Adjusted to be flush with monitor border */
  width: 150px; /* Exact width to fit flush with borders */
  height: 112px; /* Exact height to fit flush with borders */
  background-color: #008080; /* Default Windows 98 teal */
  z-index: 1; /* Below the monitor image */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uAFt4YKBDmN4apl0\+\+HKjA\=\= {
  width: 120px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  image-rendering: pixelated;
}

/* Display Info */
._3GbL0NrN7J43nyU8HFIZYQ\=\= {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px; /* Reduce spacing */
  margin-left: 5px;
  padding-left: 5px;
}

.ya\+2o3rxS2BKX95BIVVXrg\=\= {
  font-size: 11px;
  margin-bottom: 2px;
}

.mIPKgsFuY4tTVYaFl7OyCQ\=\= {
  font-size: 11px;
  margin-bottom: 2px;
}

/* Colors Section */
.LIL8iuZeUpEaVQhZS6ZLUw\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 10px 8px 8px 8px; /* Reduced padding (was 12px) */
  position: relative;
  background-color: #d4d0c8;
  min-height: 64px; /* Reduced height (was 70px) */
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
  flex: 1;
}

._1fdkxulqFme\+llyvJdVZ5g\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

.TwBXQgOIJLzWacpwcpLRlg\=\= {
  display: flex;
  flex-direction: column;
  margin-top: 3px; /* Reduced from 5px */
}

.extbCtCpbXL6-B\+u5eQCJA\=\= {
  width: 100%;
  max-width: 194px;
  margin-bottom: 4px; /* Reduced from 8px to bring color bar closer */
}

.e6cEG17Nnuei7wWiaQ3Beg\=\= {
  width: 100%;
  height: 21px;
  margin-bottom: 3px; /* Reduced from 6px */
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  background-color: #d4d0c8 /* Gray background for disabled */ !important;
  color: #808080; /* Gray text for disabled */
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 3px 4px;
  padding-right: 18px; /* Space for dropdown button */
  cursor: default;
  
  /* Use the same SVG-based arrow as the Select component - but greyed out version */
 /* Disabled select with white shadow arrow effect */
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3Cpath fill='%23808080' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
background-position: right 2px top 0px;
background-repeat: no-repeat;
background-size: 16px 21px;
background-clip: border-box;
}

.l0bwEJ4wzBX0\+uG\+bVoj0w\=\= {
  display: flex;
  width: 100%;
  margin-top: 2px; /* Reduced from 4px */
  border: 1px inset #808080;
  padding: 1px;
  margin-bottom: 1px;
}

.SuIhsOLUsqtZq35BeYLycQ\=\= {
  width: 153px;
  height: 13px;
  pointer-events: none; /* Prevent dragging */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent selection */
}

/* Screen Area Section */
.IP1E6fwdgAbM23u-Yi7kxA\=\= {
  border: 1px solid #808080;
  margin: 0;
  margin-right: -14px;
  padding: 14px 2px 8px 8px; /* Reduced padding (was 12px) */
  position: relative;
  background-color: #d4d0c8;
  min-height: 64px; /* Reduced height (was 70px) */
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
  flex: 1;
}

.VSiQMITm5BlS1LbTKCOM-A\=\= {
  display: flex;
  flex-direction: column;
  margin-top: 3px; /* Reduced from 5px */
  margin-right: 4px;
}

/* Slider styling - simple container only */
.uFKw769FfedkKo0qsbqdXA\=\= {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  height: 21px !important;
  position: relative !important;
}

.xDDVLecVDB9MrRwlS\+JTcA\=\= {
  font-size: 11px !important;
}

/* Use ID selectors for the slider components to make them super specific */
#pvRtZun0A8xFrZqipP2RCA\=\= {
  flex: 1 !important;
  max-width: 170px !important;
  height: 21px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  contain: layout !important; /* Prevent style leakage */
}

#wAyXYHVTFlie8TFGFoGnuw\=\= {
  position: absolute !important;
  width: 100% !important;
  height: 3px !important;
  background-color: #888888 !important;
  border-top: 1px solid #404040 !important;
  border-left: 1px solid #404040 !important;
  border-right: 1px solid #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
  box-sizing: border-box !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
}

#AoJfmKue3IHaEG3ZBJBUcQ\=\= {
  position: absolute !important;
  left: 0 !important;
  width: 11px !important;
  height: 21px !important;
  background-image: url('../images/indicator-horizontal.svg') !important;
  background-size: 11px 21px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: default !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  /* Fallback styling in case SVG doesn't load */
  background-color: #d4d0c8 !important;
  border: 1px solid !important;
  border-color: #ffffff #808080 #808080 #ffffff !important;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #808080 !important;
}

/* Class-based selectors as fallback */
.pvRtZun0A8xFrZqipP2RCA\=\= {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  contain: layout !important; /* Prevent style leakage */
}

.wAyXYHVTFlie8TFGFoGnuw\=\= {
  position: absolute !important;
}

.AoJfmKue3IHaEG3ZBJBUcQ\=\= {
  position: absolute !important;
}

.e-B4E3WUL3JwKyBo1u2ojg\=\= {
  min-width: 75px;
  color: #808080; /* Gray text for disabled */
  height: 21px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  background-color: #d4d0c8;
  padding: 0 5px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  text-align: center;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

.wqJPkMRFiocAkXwcbOp3rA\=\= {
  font-size: 11px;
  margin-top: 5px;
  color: #000000;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}
/* Windows 98-style Progress Bar Component */

.YGvry2DZI4r8-FQjMfcI\+A\=\= {
  width: 100%;
  height: 16px;
  /* Windows 98 inset border style: specific colors for authentic look */
  border-top: 1px solid #87888f;
  border-left: 1px solid #87888f;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #d4d0c8; /* Windows 98 grey background instead of white */
  position: relative;
  overflow: hidden;
  padding: 1px; /* Trim a pixel around so blue progress doesn't touch border */
  box-sizing: border-box;
}

/* Normal progress bar */
.cjGoRQ6xmybih2JJYLXYPA\=\= {
  height: calc(100% - 2px); /* Account for 1px padding on top and bottom */
  background-color: var(--dialog-blue);
  transition: width 0.3s ease-in-out;
  margin: 1px 0; /* 1px margin top and bottom to respect padding */
}

/* Segmented progress bar */
.BT05WjgC\+30nlRiiiFr0Xg\=\= {
  height: calc(100% - 2px); /* Account for 1px padding on top and bottom */
  background-color: transparent;
  position: absolute;
  left: 1px; /* 1px from left to respect padding */
  top: 1px; /* 1px from top to respect padding */
  overflow: hidden;
}

/* Create the segments using a mask pattern */
.BT05WjgC\+30nlRiiiFr0Xg\=\=::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--dialog-blue);
  /* Use CSS custom properties for flexible segment sizing */
  --segment-width: 6px; /* Default: 6px wide rectangles for DownloadApp */
  --segment-gap: 2px;   /* Default: 2px gap */
  --segment-total: calc(var(--segment-width) + var(--segment-gap));
  
  /* Use a repeating mask to create customizable segments */
  mask-image: repeating-linear-gradient(
    90deg,
    black 0,black 6px,
    transparent 6px calc(6px + 2px)
  );
  mask-image: repeating-linear-gradient(
    90deg,
    black 0 6px,
    transparent 6px calc(6px + 2px)
  );
  -webkit-mask-image: repeating-linear-gradient(
    90deg,
    black 0,black 6px,
    transparent 6px calc(6px + 2px)
  );
  -webkit-mask-image: repeating-linear-gradient(
    90deg,
    black 0 6px,
    transparent 6px calc(6px + 2px)
  );
  mask-repeat: repeat-x;
  -webkit-mask-repeat: repeat-x;
  mask-size: calc(6px + 2px) 100%;
  mask-size: var(--segment-total) 100%;
  -webkit-mask-size: calc(6px + 2px) 100%;
  -webkit-mask-size: var(--segment-total) 100%;
}
@supports (background: repeating-linear-gradient(red 0%, red 0% 1%, red 2%)) {
.BT05WjgC\+30nlRiiiFr0Xg\=\=::before {
  mask-image: repeating-linear-gradient(
    90deg,
    black 0 var(--segment-width),
    transparent var(--segment-width) var(--segment-total)
  );
  -webkit-mask-image: repeating-linear-gradient(
    90deg,
    black 0 var(--segment-width),
    transparent var(--segment-width) var(--segment-total)
  );
}
}

/* Square segments variant for loading screens */
.hvcXA6RK4Nzm2tyI7j2x2Q\=\=::before {
  --segment-width: 12px; /* Perfect squares: 12px × 12px */
  --segment-gap: 2px;    /* Keep 2px gap between segments */
}

/* Indeterminate progress bar */
.QIWsL2on\+EglItT\+XPDkEw\=\= {
  height: calc(100% - 2px); /* Account for 1px padding on top and bottom */
  width: 200%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0,var(--dialog-blue) 12px,
    transparent 0, transparent 2px
  );
  background-repeat: repeat-x;
  background-size: 14px 100%;
  position: absolute;
  left: -100%;
  top: 1px; /* 1px from top to respect padding */
  animation: _8pGNCS3Dv-7a9sROOFW2Ag\=\= 2s linear infinite;
}
@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
.QIWsL2on\+EglItT\+XPDkEw\=\= {
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0 12px,
    transparent 0 2px
  );
}
}

@keyframes _8pGNCS3Dv-7a9sROOFW2Ag\=\= {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}
/* DownloadApp.module.css - Windows 98 Download Dialog Styling */



.XTtIcoOKi8xUAa4jpd1MGg\=\= {
  padding: 10px 20px;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  padding-top: 2px;
}

.Iss9uuZOPE2xqDE\+l\+rV9A\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
}

.WH4w0lzYbSds-OFcio8TSw\=\= {
  width: 268px;
  height: 59px;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.R2xWDfcyfb5xuyHSEZtWWQ\=\= {
  flex: 0;
  display: flex;
  margin-bottom: auto; /* Add margin to create space for checkbox positioning */
  flex-direction: column;
}

._2fBY1WDXTjSNKduVYutgWg\=\= {
}

.NWmV8ea\+rbPbN\+ttqUOzmQ\=\= {
  color: #000000;
  word-break: break-all;
}

.zDI0Wzvy-2tWx8O46uNVvA\=\= {
  display: flex;
  flex-direction: column;
}

.PqTC4y0HBRJMl80hPLmLng\=\= {
  margin: 8px 0;
}

._4r40\+Gcw606MFT4P\+sLEXA\=\= {
  width: 100%;
  height: 13px;
}

.bomp4JexPNp8YBeItXQxrA\=\= {
  display: flex;
  font-size: 11px;
}

.bomp4JexPNp8YBeItXQxrA\=\= span:first-child {
  min-width: 100px; /* Fixed width for labels to ensure alignment */
  margin-right: 8px;
}

.bomp4JexPNp8YBeItXQxrA\=\= span:last-child {
  flex: 1; /* Takes remaining space for values */
  
}

/* Field row for proper alignment */
._7raRyByS1CToGyRGBZVDmw\=\= {
  display: flex;
  align-items: center;
}

/* Windows 98 checkbox styling - matches InternetExplorerErrorApp */
.J0E\+Ez2z1sQV1Fb5QNptxA\=\= {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.D5vp\+qpc00KTAz0hsAxAAw\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

.D5vp\+qpc00KTAz0hsAxAAw\=\=.j8niW\+jpMWHyfFbPlfXpkA\=\= {
  background-color: white;
}

/* Checkmark - using SVG for authentic Windows 98 appearance */
.ZqTuVbXXQc3ZzPHyeTKLmg\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

.Db11v7rdkBRrOKgEkEsSfQ\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.GxAAwcZ18kTBb01JUpq6vA\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: auto;
  padding-top: 0px; /* Reset padding and let fieldRow margin handle positioning */
}

._9edkfdO41RF6k8S-Ftx4DQ\=\= {
  min-width: 75px;
  height: 23px;
  font-size: 11px;
}

/* Disabled button styling - Windows 98 authentic style */
._9edkfdO41RF6k8S-Ftx4DQ\=\=:disabled {
  color: #808080;
  background: #d4d0c8;
  cursor: default;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 480px) {
  .XTtIcoOKi8xUAa4jpd1MGg\=\= {
    padding: 10px;
    gap: 8px;
  }
  
  .WH4w0lzYbSds-OFcio8TSw\=\= {
    max-width: 100%;
    height: auto;
  }
  
  .GxAAwcZ18kTBb01JUpq6vA\=\= {
    flex-direction: column;
    align-items: stretch;
  }
  
  ._9edkfdO41RF6k8S-Ftx4DQ\=\= {
    width: 100%;
    margin-bottom: 4px;
  }
}

/* Animation for the downloading state */
@keyframes NixE6A\+4FrgiKK9CnZa03Q\=\= {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.gNRyieHkJWmruVMFg6laQw\=\= .SBMaqL9HiX4toWnBj4zmxA\=\= {
  animation: NixE6A\+4FrgiKK9CnZa03Q\=\= 1s infinite;
}

/* Error state styling */
.-SEgy6gguFBvQJTyXjU1kQ\=\= .NWmV8ea\+rbPbN\+ttqUOzmQ\=\= {
  color: #800000;
}

.-SEgy6gguFBvQJTyXjU1kQ\=\= ._2fBY1WDXTjSNKduVYutgWg\=\= {
  color: #800000;
}

/* Authentic Windows 98 focus styling */
.D5vp\+qpc00KTAz0hsAxAAw\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: 2px;
}

._9edkfdO41RF6k8S-Ftx4DQ\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -3px;
}
.AwAMl\+1pLnUfhxzETKYlLQ\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.ldBMDZJkG5oRFGQmAT3VPQ\=\= {
  display: flex;
  flex: 1;
  align-items: center;
  margin-bottom: 15px;
}

.TbQj7vkoo8vj\+vIhGcdmPQ\=\= {
  /* Class applied when no icon is present */
}

/* Center message text when no icon is present */
.TbQj7vkoo8vj\+vIhGcdmPQ\=\= .XvAkU6x-tBxeUDLZcTV83A\=\= {
  text-align: center;
  width: 100%;
}

.pQJrGXfvqhUl7vYPVP2QFw\=\= {
  margin-right: 15px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.uK\+nGbMNFH6xkgFS14S6SQ\=\= {
  background-image: url(../images/error_32.png);
}

.PVkClntqsCc5JIPgrRi4gA\=\= {
  background-image: url(../images/warning_32.png);
}

._5lPm\+M8ItUoVhJw67OhAOQ\=\= {
  background-image: url(../images/help_32.png);
}

.LHfATs4oOmjTf0F6g7FD1w\=\= {
  background-image: url(../images/question_32.png);
}

.yUwALK6kjiZDNAqIyLJIzA\=\= {
  background-image: url(../images/asterisk_32.png);
}

.XvAkU6x-tBxeUDLZcTV83A\=\= {
  flex: 1;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.4;
  word-wrap: break-word; /* Break long words if needed */
  word-wrap: break-word;
  overflow-wrap: break-word; /* Modern browsers */
  -webkit-hyphens: none;
          hyphens: none; /* Disable hyphenation for authentic Windows 98 feel */
  max-width: 100%; /* Prevent text from overflowing container */
}

.SO8cZVG2qTEuzn9AtccfdQ\=\= {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.SO8cZVG2qTEuzn9AtccfdQ\=\= button {
  min-width: 75px;
}

/* Folder Options App Styles */

.ZQZ\+j-Oz3CPXx91Po8cd\+w\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 3px;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  overflow: hidden;
}

/* Tab styling - matching Date/Time Properties */
.MzRmflk1En1lf4qvRtw12A\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1;
}

._4XVhYb4YHi2Cc9P15QMG7w\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px;
  position: relative;
  margin-bottom: 2px;
  
  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    1px 0 0 0 #808080,   /* Right outer - grey */
    2px 0 0 0 #000000;   /* Right inner - black */
}

._4XVhYb4YHi2Cc9P15QMG7w\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

._4XVhYb4YHi2Cc9P15QMG7w\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

._4XVhYb4YHi2Cc9P15QMG7w\=\=:hover {
  background: #d4d0c8;
}

._0s1sJfdJngyJcU4dxUVwwg\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px;
  position: relative;
  z-index: 2;
  margin-bottom: -2px;
  top: -2px;
  
  /* Override inactive tab borders */
  box-shadow: 
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    1px 0 0 0 #808080,   /* Right outer - grey */
    2px 0 0 0 #000000,   /* Right inner - black */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

._0s1sJfdJngyJcU4dxUVwwg\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

._0s1sJfdJngyJcU4dxUVwwg\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with Windows 98 multi-layer border system */
.-KuulrVB9y8i\+qPYyqi1pQ\=\= {
  flex: 1;
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  
  /* Windows 98 Multi-Layer Border System */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    1px 0 0 0 #808080,   /* Right outer - grey */
    2px 0 0 0 #000000,   /* Right inner - black */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */
  
  margin: 0 8px 8px 8px;
  padding: 10px;
}

/* General Tab Styles */
.JJeHpzP68EETaNRUBLh5qg\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aLTL3ooLfXOYKj-ebf4ADA\=\= {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.\+Qg681NJxrNFXLCNs6INgw\=\= {
  border: none;
  display: inline-block;
  padding: 0;
}

.MzfNKfyrWs4TSiDBEr4YrQ\=\= {
  width: 326px;
  height: 167px;
  border: none;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  draggable: false;
}

._6TfVhFIhA0GUvbpXkq-18w\=\= {
  border: 1px solid #808080;
  padding: 12px;
  margin: 0;
  background-color: #d4d0c8;
  position: relative;
  padding-top: 15px;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
            1px 1px 0 #ffffff; /* outer highlight */
}

._6TfVhFIhA0GUvbpXkq-18w\=\= legend {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-size: 11px;
  z-index: 2;
}

.n7Ohvncxphd-z4z4y0OV7Q\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-size: 11px;
  z-index: 2;
}

.MAy1npQ4hWUO3LKKT9I4\+w\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Radio button styling - using Shutdown app pattern */
.DXDjwFn5BZC4g\+j7eCcnOg\=\= {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  gap: 6px;
  flex-wrap: wrap;
}

.DXDjwFn5BZC4g\+j7eCcnOg\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  -webkit-font-smoothing: none;
  font-size: 11px;
  font-weight: normal !important;
  display: inline-block;
  width: auto;
  line-height: 16px;
  flex-shrink: 0;
  margin-top: -1px;
}

.DXDjwFn5BZC4g\+j7eCcnOg\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

.DXDjwFn5BZC4g\+j7eCcnOg\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.DXDjwFn5BZC4g\+j7eCcnOg\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

.JWHB9GjptF1\+IgpFRV0Fhg\=\= {
  /* Keep class for compatibility but no conflicting styles */
}

/* Disabled styles */
.DXDjwFn5BZC4g\+j7eCcnOg\=\=._0xiqk\+fwMYctGsTJ4NS3vw\=\= input[type="radio"] {
  cursor: default;
  display: none; /* Hide disabled radio inputs completely */
}

.DXDjwFn5BZC4g\+j7eCcnOg\=\=._0xiqk\+fwMYctGsTJ4NS3vw\=\= label::before {
  background-image: url('../images/radio-border-disabled.svg');
}

.\+FwbbtWm\+8tmxPIfbXO9Xw\=\= {
  color: #808080 !important;
  cursor: default !important;
  font-weight: normal !important;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  /* Windows 98 disabled text effect */
  text-shadow: 1px 1px 0 #ffffff;
}

._8L05wsbGr9DPePhQTEuYEg\=\= {
  width: 100%;
  margin-left: 20px;
  margin-top: -2px;
  font-size: 11px;
  line-height: 1.3;
  color: #000000;
}

._8L05wsbGr9DPePhQTEuYEg\=\=.\+FwbbtWm\+8tmxPIfbXO9Xw\=\= {
  color: #808080 !important;
  /* Windows 98 disabled text effect */
  text-shadow: 1px 1px 0 #ffffff;
}

.wf8W7\+WZqheCUKhwTzSXhQ\=\= {
  margin-left: 8px;
  margin-top: -3px;
}

/* View Tab Styles */
._3ztq14rTqMabOkAxDOx64w\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.DbOGXgl5qhAf8NU5rVcrDQ\=\= {
  border: 1px solid #808080;
  padding: 12px;
  margin-top: 8px;
  background-color: #d4d0c8;
  position: relative;
  padding-top: 15px;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
            1px 1px 0 #ffffff; /* outer highlight */
}

.DbOGXgl5qhAf8NU5rVcrDQ\=\= legend {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-size: 11px;
  z-index: 2;
}

.KZfnb6SN61\+M8-8TqrMTIA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.c2uYW0HLDwaa12TYkgy43g\=\= {
  font-size: 11px;
  line-height: 1.3;
}

.WXzAlJD57GHEfMHRfewmXA\=\= {
  display: flex;
  gap: 8px;
}

.o7Fw1DlOSmgRLsT1xwK2Kw\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pXPF\+JuZ0mRRqobHvlEVmQ\=\= {
  font-size: 11px;
  font-weight: normal;
}

.wQKShXPLW7JDFIk9SOrCSQ\=\= {
  width: 291px;
  height: 102px;
  border: none;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  draggable: false;
}

.jAOKpESy6V5FYo6rpFV-6g\=\= {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.o-BcO2qULYYgtFd-Qyukyg\=\= {
  /* Button styling is handled by the Button component */
}

/* Button row */
.adYtxtA2VY5oagMrOt7y-Q\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px;
  background: #d4d0c8;
}

/* Disabled state styling */
._0xiqk\+fwMYctGsTJ4NS3vw\=\= input[type="radio"] {
  opacity: 0.5;
}

._0xiqk\+fwMYctGsTJ4NS3vw\=\= label {
  color: #808080;
}

.aJ1nwVHeXRBu99yJK4D\+fQ\=\= {
  width: 100%;
  height: 100%;
  background: #c0c0c0;
  overflow: hidden;
}

.b2qaHA6RCx8xfq8TxZFiLg\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
}

.GwmtTL3i3WFiTdvu5V-KoA\=\= {
  text-align: center;
}

.GwmtTL3i3WFiTdvu5V-KoA\=\= h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  color: #fff;
}

.GwmtTL3i3WFiTdvu5V-KoA\=\= p {
  margin: 0 0 20px 0;
  font-size: 14px;
  color: #ccc;
}

.f18qHNrAsmSbDzpuIpTe9g\=\= {
  width: 200px;
  height: 20px;
  background: #333;
  border: 1px solid #666;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.ciWVO4-8oUocQ\+eLKUdN3g\=\= {
  height: 100%;
  background: linear-gradient(90deg, #0066cc, #3399ff);
  width: 0;
  animation: qjcdWUyZDsB75a0BOvz1Lw\=\= 2s ease-in-out forwards;
}

@keyframes qjcdWUyZDsB75a0BOvz1Lw\=\= {
  0% { width: 0%; }
  100% { width: 100%; }
}

.EpwV9sssBK-Qf2POqcq2Aw\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #c0c0c0;
}

._4DjZq9Y3A0eGWyYep26nqQ\=\= {
  text-align: center;
  padding: 20px;
  border: 2px inset #c0c0c0;
  background: #c0c0c0;
}

._4DjZq9Y3A0eGWyYep26nqQ\=\= h2 {
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #000;
}

._4DjZq9Y3A0eGWyYep26nqQ\=\= p {
  margin: 0 0 20px 0;
  font-size: 12px;
  color: #000;
}

.PMwCiUZzVeGbdzoyidvwDg\=\= {
  padding: 4px 16px;
  background: #c0c0c0;
  border: 1px outset #c0c0c0;
  font-size: 11px;
  cursor: pointer;
}

.PMwCiUZzVeGbdzoyidvwDg\=\=:active {
  border: 1px inset #c0c0c0;
}

.IfuPy0GMRqCORA0rswhnZQ\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sjmTUz4VwZQj4E4jWAPJOA\=\= {
  background: #008080;
  color: white;
  padding: 8px 12px;
  border-bottom: 1px solid #000080;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._4l2e9IEbQodImlDb9F7q7Q\=\= {
  display: flex;
  gap: 8px;
  align-items: center;
}

.sjmTUz4VwZQj4E4jWAPJOA\=\= h2 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.sjmTUz4VwZQj4E4jWAPJOA\=\= p {
  margin: 2px 0 0 0;
  font-size: 11px;
  opacity: 0.9;
}

.Vf6TS7foXe0tKCtwUg7ryg\=\= {
  padding: 4px 8px;
  background: #c0c0c0;
  color: #000;
  border: 1px outset #c0c0c0;
  font-size: 10px;
  cursor: pointer;
  min-width: 28px;
}

.Vf6TS7foXe0tKCtwUg7ryg\=\=:hover {
  background: #d0d0d0;
}

.Vf6TS7foXe0tKCtwUg7ryg\=\=:active {
  border: 1px inset #c0c0c0;
}

._4l2e9IEbQodImlDb9F7q7Q\=\= {
  background: #c0c0c0;
  padding: 12px;
  border-bottom: 1px solid #808080;
  display: flex;
  gap: 20px;
}

.LNQ43SbAGZNP4oz6LrkPOg\=\= {
  flex: 1;
}

.LNQ43SbAGZNP4oz6LrkPOg\=\= h3 {
  margin: 0 0 8px 0;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.LNQ43SbAGZNP4oz6LrkPOg\=\= p {
  margin: 0 0 8px 0;
  font-size: 11px;
  color: #000;
}

.iz3LtYrAo71oLbYo8E1BIQ\=\= {
  display: block;
  width: 100%;
  margin-bottom: 4px;
  padding: 4px 8px;
  background: #c0c0c0;
  border: 1px outset #c0c0c0;
  font-size: 11px;
  cursor: pointer;
}

.iz3LtYrAo71oLbYo8E1BIQ\=\=:active {
  border: 1px inset #c0c0c0;
}

.z0BzcJw2P3Kv-Y8aNLzxCw\=\= {
  width: 100%;
  padding: 2px 4px;
  border: 1px inset #c0c0c0;
  font-size: 11px;
  margin-bottom: 8px;
}

._9cqLQFzEoZHjdaEngLnkxA\=\= {
  display: block;
  width: 100%;
  padding: 6px 8px;
  background: #008080;
  color: white;
  border: 1px outset #008080;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

._9cqLQFzEoZHjdaEngLnkxA\=\=:active {
  border: 1px inset #008080;
}

.FM1j-sBybqPQziPk94QcBA\=\= {
  flex: 1;
  background: #000;
  border: 1px inset #c0c0c0;
  margin: 0;
  position: relative;
  overflow: hidden;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  cursor: crosshair;
}

.FM1j-sBybqPQziPk94QcBA\=\=:hover {
  cursor: crosshair;
}

/* When pointer is locked, hide cursor */
.FM1j-sBybqPQziPk94QcBA\=\=:fullscreen {
  cursor: none;
}

/* Fullscreen canvas styling */
.FM1j-sBybqPQziPk94QcBA\=\=:fullscreen {
  border: none;
  width: 100vw !important;
  height: 100vh !important;
}

/* Hide UI elements in fullscreen */
:fullscreen .sjmTUz4VwZQj4E4jWAPJOA\=\=,
:fullscreen .-T0vYCe-WYcJ2ci\+GfhJ-w\=\= {
  display: none;
}

:fullscreen .IfuPy0GMRqCORA0rswhnZQ\=\= {
  padding: 0;
  border: none;
  background: #000;
}

._5LIVF-fydslOCdKi8APHdA\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #666;
  text-align: center;
}

._5LIVF-fydslOCdKi8APHdA\=\= p {
  margin: 5px 0;
  font-size: 12px;
}

/* Xash Canvas Styles */
.pcNXCx2VMQZGWiPgGEHIkw\=\= {
  width: 100%;
  height: 100%;
  min-width: 600px;
  min-height: 400px;
  display: block;
  background: #000;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.Dv\+P3cJyqg16MVG0Gu5Y1g\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.CXfeTLfl\+6jz1KdKVSHmJQ\=\= {
  width: 32px;
  height: 32px;
  border: 3px solid #333;
  border-top: 3px solid #fff;
  border-radius: 50%;
  animation: UDQYHYRE-K32T4pg-E8UQg\=\= 1s linear infinite;
  margin-bottom: 16px;
}

.GwmtTL3i3WFiTdvu5V-KoA\=\= {
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.GwmtTL3i3WFiTdvu5V-KoA\=\= h2 {
  margin: 0 0 16px 0;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.GwmtTL3i3WFiTdvu5V-KoA\=\= p {
  margin: 8px 0;
  color: #ccc;
}

@keyframes UDQYHYRE-K32T4pg-E8UQg\=\= {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.exh-IEQ\+uBQeH\+08mKgBxg\=\= {
  background: #c0c0c0;
  padding: 4px 8px;
  border-top: 1px solid #808080;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
}

.vEYyIkaRWtZMhQceLtcSag\=\= {
  color: #000;
  font-weight: normal;
}

.YMy8A\+YZiJST852Xwl1nDQ\=\= {
  color: #008000;
  font-weight: bold;
  font-size: 10px;
}

.NenbjZ7-K\+cU70rwmgiC9w\=\= {
  background: #c0c0c0;
  border: 1px outset #c0c0c0;
  padding: 2px 6px;
  font-size: 10px;
  cursor: pointer;
  min-width: 20px;
}

.NenbjZ7-K\+cU70rwmgiC9w\=\=:hover {
  background: #d0d0d0;
}

.NenbjZ7-K\+cU70rwmgiC9w\=\=:active {
  border: 1px inset #c0c0c0;
}

.UTpahSk9q8Zq179vPuPc5Q\=\= {
  display: block;
  width: 200px;
  margin: 16px auto;
  padding: 8px 16px;
  background: #008080;
  color: white;
  border: 2px outset #008080;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

.UTpahSk9q8Zq179vPuPc5Q\=\=:active {
  border: 2px inset #008080;
}

.UTpahSk9q8Zq179vPuPc5Q\=\=:disabled {
  background: #808080;
  color: #c0c0c0;
  border: 2px outset #808080;
  cursor: not-allowed;
}
/* Excel App Styles */

.Pjq65jMF7GeJlxz\+lxgbWw\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #808080;
  position: relative;
}

._1jRIgwmj5iqNTcXwDEym7A\=\= {
  max-width: 90%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}



.SVaEO0M9yX9CYNG7XZU0Ig\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
}

._2TGPNAxGtP9Mu400mP0b8w\=\= {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 2px inset #d4d0c8;
  margin: 2px;
}

.H\+56W1JWs\+PcRDGIdBj76Q\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #808080;
  text-align: center;
}

.PvxH6kKy9DKgRkwS\+w94iw\=\= {
  display: flex;
  align-items: center;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}
/* DetailsView.css - Simple table-based approach */

.xegDwOQZOyD\+DSnXWtF1kQ\=\= {
  width: 100%;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
}

.nGRcNQwB4-hNLr6TalXpig\=\= {
  display: table;
  width: 100%;
  background-color: #d4d0c8;
  height: 17px;
  border-bottom: 1px solid #000000;
  table-layout: fixed;
}

.Wywq-46n7wRAtDLe4MIbcA\=\= {
  display: table-row;
}

.wqnoYTgQJRsFGpAqmYtN1g\=\= {
  display: table-cell;
  position: relative;
  padding: 1px 6px;
  border-right: 1px solid #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  vertical-align: middle;
  /* Windows 98 button style borders */
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #808080;
  background-color: #d4d0c8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.wqnoYTgQJRsFGpAqmYtN1g\=\=:last-child {
  border-right: none;
}

.OzdoXL5cobOAJNiKLtblsg\=\= {
  font-size: 8px;
  margin-left: 4px;
}

._80AYAAKo8A3jQk-pY2gzVA\=\=:active {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #000000;
  background-color: #c0c0c0;
}

.xLx73C6dBUkEzZago9P6jA\=\= {
  flex: 1;
  overflow-y: auto;
  background-color: white;
  padding-top: 2px;
}

.BIGOFKekZ6s4qrGSTbZz8A\=\= {
  display: table;
  width: 100%;
  min-height: 16px;
  table-layout: fixed;
  line-height: 16px;
  margin-top: -2px; /* Pull rows 2px closer together */
}

.BIGOFKekZ6s4qrGSTbZz8A\=\=:first-child {
  margin-top: 0; /* Keep first row at normal position to preserve top padding */
}

.L5RFIFAcF5-HVl4XhDelhw\=\=,
.FceKP2r\+bHaADHWzeR09yw\=\=,
.lnXoBdgvtD6BTDf79dPFlw\=\=,
.dxrwDxeZzUOBD6NtGU1Gmw\=\=,
.MktA8VXJ7FbtT6r56hCQkg\=\=,
.kcX5GaFcz\+pRCS9gQ-EGGw\=\= {
  display: table-cell;
  padding: 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  height: 16px;
  line-height: 16px;
}

.L5RFIFAcF5-HVl4XhDelhw\=\= {
  display: table-cell;
  padding: 0 6px;
  vertical-align: middle;
  height: 16px;
  line-height: 16px;
}

.rKErx7BXaicnO6aMDItQlw\=\= {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 16px;
  line-height: 16px;
}

.rKErx7BXaicnO6aMDItQlw\=\=:hover {
  /* Optional: add subtle hover effect */
}

._5i49fCZisokEVCaf5fiZww\=\= {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  position: relative;
  top: 2px; /* Adjust icon position down by 1px */
}

/* Icon wrapper for shortcut overlay positioning */
.KmhwweeGK7wSPeD1wcT6AA\=\= {
  position: relative;
  display: inline-block;
}

/* Shortcut overlay styling */
.EpLpH7GEWGKW0ab1-a6IgQ\=\= {
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 7px;
  height: 7px;
  z-index: 3;
  pointer-events: none;
}

._5VbQHmlPswvUkwce6oePVg\=\= {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 2px;
  vertical-align: middle;
  line-height: 16px;
}

/* Selection styling */
.BIGOFKekZ6s4qrGSTbZz8A\=\=.Tn1zUdkVfRnzIXmr5YZYrA\=\= ._5VbQHmlPswvUkwce6oePVg\=\= {
  background-color: #0000a8;
  color: white;
  outline: 1px dotted #ffff00;
  outline-offset: -1px;
}

/* Icon highlighting for selected items */
.BIGOFKekZ6s4qrGSTbZz8A\=\=.Tn1zUdkVfRnzIXmr5YZYrA\=\= ._5i49fCZisokEVCaf5fiZww\=\= img {
  filter: brightness(0.4) contrast(0.9) sepia(100%) hue-rotate(195deg) saturate(2);
}

/* Resize handle with fallback cursor - Windows 98 cursor applied via JavaScript */
.Piq9phc2QbojmrWGB8szxw\=\= {
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: col-resize; /* Fallback */
  z-index: 10;
  background: transparent;
}

.Piq9phc2QbojmrWGB8szxw\=\=:hover {
  cursor: col-resize; /* Fallback */
}

/* Windows 98 authentic styling for Find App */

.Hw-p43sodh7LyOgDxblh\+w\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

/* Tab controls - using golden standard Windows 98 multi-layer border system */
.PZXB0g6Ww6MJcQ9ufLYGig\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.Pqlojf8znuSVvGq-X58chQ\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.Pqlojf8znuSVvGq-X58chQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.Pqlojf8znuSVvGq-X58chQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.XhWLJ1ssOdEfkU8jKxqpLA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.XhWLJ1ssOdEfkU8jKxqpLA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.XhWLJ1ssOdEfkU8jKxqpLA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Access key styling */
.OpgjlAzYziAMvyx7xV\+zOQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* Main content area - CORRECTED COLORS */
.bqG-8PERPNnJtWQdiB4hww\=\= {
  display: flex;
  flex: 0 0 auto; /* Don't grow, fixed height */
  background-color: #d4d0c8;
  
  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;
  padding: 0;
}

/* Tab content area */
.nKHHCiTX4VtFjU2zZT9hhw\=\= {
  flex: 1;
  width: 310px; /* Fixed width as specified */
  padding: 12px;
  background-color: #d4d0c8;
}

/* Right panel with buttons and animation */
.ksdVK47g617tK2sZFi4hJA\=\= {
  width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 8px;
  background-color: #d4d0c8;
}

._4o6sJiH2Iocts81QtbCVWw\=\= {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

.WEfdnIwWOouSYRc19Rd06g\=\= {
  width: 80px;
  text-align: center;
}

.ZZSgzsOvHoKpwOHDizA1XA\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
}

.Hl2c3OQT0o6V9PRJk\+7HTQ\=\= {
  width: 56px;
  height: 55px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Form styling */
.-tJ9b6Vwc7ktOopouEz7lQ\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 6px;
}

.RslE5pT8udqH4t2F0c8XSw\=\= {
  width: 85px;
  font-size: 11px;
  color: #000;
  flex-shrink: 0;
}

.GKKwPDB3QmYIJs2\+bPIGXQ\=\= {
  flex: 1;
  height: 21px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  background-color: white;
  padding: 3px 4px;
}

/* Look in select styling */
.f5135zjGN8CTgC1NvJmy\+g\=\= {
  flex: 1;
  width: 140px;
}

.aAqffJpDB\+0jCNSdRoH9rg\=\= {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.DRg-9blh4z9s-pU5FFVRMw\=\= {
  min-width: 70px;
}

/* Date tab styling */
.HJT\+Qgw6Rm4S4wNMtwnW8Q\=\= {
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Advanced tab styling */
.AxKXiaGY3mPhMy3QbODOsQ\=\= {
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Tab image styling */
.sM\+C5PW6EIY4lHcYvXkPkQ\=\= {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Search Results Section - Only visible after search initiated */
.ueEKRLfNmg5DwL5oFcOkCQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0 8px 8px 8px;
  background-color: #d4d0c8;
  min-height: 0; /* Allow shrinking */
}

.SdLN7H2NNdKEsQ1WWlDShA\=\= {
  flex: 1;
  background-color: white;
  border: none;
  /* More pronounced border like My Computer detail view */
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 1px 1px 0 #ffffff; /* Outer highlight */
  
  
  overflow: hidden;
  min-height: 0; /* Allow shrinking */
}

._2qcMBVecdmBADtIpVrf8Vg\=\= {
  padding: 20px;
  text-align: center;
  font-size: 11px;
  color: #000;
}

/* Ensure DetailsView fills the results content area */
.SdLN7H2NNdKEsQ1WWlDShA\=\= > * {
  height: 100%;
}

.HC0SfahfUv5JLcv70L-Z6Q\=\= {
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
  grid-gap: 16px;
  gap: 16px;
  height: 100%;
  overflow: auto;
}

.QDExhnTgHpIugb7Q7nj5lA\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  padding: 4px;
}

.QDExhnTgHpIugb7Q7nj5lA\=\=:hover {
  background-color: #000080;
  color: white;
}

.oALQUNsANOEKFOkfgdbWvw\=\= {
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
}

.oALQUNsANOEKFOkfgdbWvw\=\= img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.d07fWoojwlKyAgJ-yiUE5g\=\= {
  font-size: 11px;
  word-wrap: break-word;
  max-width: 100%;
}
.Mh-\+KQcK48V3Tf4aO0bySw\=\= {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    background: var(--button-highlight);
    box-shadow: var(--border-field);
    margin: 1px;
    padding: 2px;
    overflow: hidden;
}
.fZzwbKqWc-Vt\+b9yYJQ3dg\=\= {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 4px; /* INCREASED padding to accommodate borders */
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  /* Ensure all areas are clickable for background detection */
  box-sizing: border-box;
  position: relative;
  /* CRITICAL: Allow children to extend beyond container */
  overflow: visible;
}

.Sc2dA\+Ds4NZWCCYwzTdIog\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 160px; /* Fixed width to maintain 8-column layout */
  height: 17px; /* Windows 98 authentic height */
  margin: 2px 0; /* INCREASED margin to prevent border clipping */
  padding: 0px 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: visible; /* CHANGED: Allow borders to extend beyond container */
}

.lN-icU\+enNR5B2jwGXc3pQ\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 17px; /* Windows 98 authentic height */
  overflow: visible; /* ADDED: Allow borders to extend beyond container */
}

.WYe1nyxNn7863fVS1usrpQ\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  flex-shrink: 0;
  position: relative;
}

/* Icon wrapper for shortcut overlay positioning */
.gneuxGGN99w99jJsXASjDA\=\= {
  position: relative;
  display: inline-block;
}

/* Shortcut overlay styling */
._5IUwHBEe1y5XE4u8KJ3bbQ\=\= {
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 7px;  /* Proper 7px size for 16px icons */
  height: 7px;
  z-index: 3;
  pointer-events: none;
}

.jasCz-94XxfyWudF0YAaxg\=\= {
  /* COPIED FROM FileGrid - Core styling */
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  line-height: 17px; /* Single line height for 17px total */
  text-align: left;
  
  /* COPIED FROM FileGrid - CRITICAL: Exactly 2px padding on each side */
  padding: 1px 2px;
  
  /* COPIED FROM FileGrid - Smart width system */
  min-width: calc(11px + 4px); /* Minimum for single character + padding = 15px total */
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box; /* Padding included in total width */
  
  /* Single-line specific */
  overflow: hidden;
  display: inline-block;
  
  /* Unselected state: Single line with ellipsis */
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Focus states */
.Sc2dA\+Ds4NZWCCYwzTdIog\=\=.VYMU8iQZrgMOzMTgZo4AvQ\=\= {
  color: white;
}

/* Text selection - COPIED FROM FileGrid PATTERN */
.Sc2dA\+Ds4NZWCCYwzTdIog\=\=.VYMU8iQZrgMOzMTgZo4AvQ\=\= .jasCz-94XxfyWudF0YAaxg\=\= {
  color: #ffffff !important;
  background: #000080 !important;
  
  /* COPIED FROM FileGrid - PROPER dotted selection border */
  border: 1px dotted yellow !important;
  outline: none;
  
  /* SINGLE-LINE ADAPTATION: Show full text without truncation */
  text-overflow: initial;
  text-overflow: unset;
  white-space: normal;
  word-wrap: break-word;
  max-width: 140px; /* Allow more width when selected */
  
  /* COPIED FROM FileGrid - Appear above other elements */
  position: relative;
  z-index: 10;
}

/* Icon highlighting */
.Sc2dA\+Ds4NZWCCYwzTdIog\=\=.VYMU8iQZrgMOzMTgZo4AvQ\=\= .WYe1nyxNn7863fVS1usrpQ\=\= img {
  filter: brightness(0.4) contrast(0.9) sepia(100%) hue-rotate(195deg) saturate(2);
}

/* Soft focus state - Windows 98 yellow highlight */
.Sc2dA\+Ds4NZWCCYwzTdIog\=\=.YQW7dOTQfziTbES6dz37NQ\=\=:not(.VYMU8iQZrgMOzMTgZo4AvQ\=\=) .jasCz-94XxfyWudF0YAaxg\=\= {
  background-color: #ffff7f !important;
  color: #000000 !important;
  border: 1px dotted black !important;
  outline: none;
}

/* Remove outline when item has full focus */
.Sc2dA\+Ds4NZWCCYwzTdIog\=\=.YQW7dOTQfziTbES6dz37NQ\=\=.VYMU8iQZrgMOzMTgZo4AvQ\=\= {
  outline: none;
}

/* Multi-select state */
.Sc2dA\+Ds4NZWCCYwzTdIog\=\=.EC69htfFf2Qd3bURmgMTyg\=\= {
  color: white;
}

.Sc2dA\+Ds4NZWCCYwzTdIog\=\=.EC69htfFf2Qd3bURmgMTyg\=\= .jasCz-94XxfyWudF0YAaxg\=\= {
  color: #ffffff !important;
  background: #000080 !important;
  
  /* COPIED FROM FileGrid - PROPER dotted selection border */
  border: 1px dotted yellow !important;
  outline: none;
  
  /* SINGLE-LINE ADAPTATION: Show full text without truncation */
  text-overflow: initial;
  text-overflow: unset;
  white-space: normal;
  word-wrap: break-word;
  max-width: 140px; /* Allow more width when selected */
  
  /* COPIED FROM FileGrid - Appear above other elements */
  position: relative;
  z-index: 10;
}
.F6iFSPYPbIHMWwz7hNXGGg\=\= {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  /* Width will be set dynamically via JavaScript */
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 2px;
  line-height: 16px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.iC7O\+OinDHWyOxnB9QaYIA\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 160px;
  height: 16px;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  line-height: 16px;
}

.PeZmsBZISfITXvhWL9CaeQ\=\= {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 16px;
  line-height: 16px;
}

._2KxCcn97PSrZHr2ot0V6Sg\=\= {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
}

/* Icon wrapper for shortcut overlay positioning */
._9RIlekEcipIbE5sueWDEng\=\= {
  position: relative;
  display: inline-block;
}

/* Shortcut overlay styling */
.f0v5p9z1XIv5LETgDXMU5w\=\= {
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 7px;  /* Proper 7px size for 16px icons */
  height: 7px;
  z-index: 3;
  pointer-events: 'none';
}

._083eE1TDQ3GVFMMqiW8ITQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
  display: inline-block;
  padding: 0 2px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  vertical-align: middle;
  
  /* Unselected state: Single line with ellipsis */
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Selection styling - borrowed from Details view */
.iC7O\+OinDHWyOxnB9QaYIA\=\=.Wuq1JKVzHrtc4ZD-LXJ8fQ\=\= ._083eE1TDQ3GVFMMqiW8ITQ\=\= {
  background-color: #0000a8;
  color: white;
  outline: 1px dotted #ffff00;
  outline-offset: -1px;
}

/* Icon highlighting for selected items - borrowed from Details view */
.iC7O\+OinDHWyOxnB9QaYIA\=\=.Wuq1JKVzHrtc4ZD-LXJ8fQ\=\= ._2KxCcn97PSrZHr2ot0V6Sg\=\= img {
  filter: brightness(0.4) contrast(0.9) sepia(100%) hue-rotate(195deg) saturate(2);
}

/* Legacy focus states for compatibility */
.iC7O\+OinDHWyOxnB9QaYIA\=\=.WK3MiobY9I50thfnYhNcgg\=\= ._083eE1TDQ3GVFMMqiW8ITQ\=\= {
  background-color: #0000a8;
  color: white;
  outline: 1px dotted #ffff00;
  outline-offset: -1px;
}

.iC7O\+OinDHWyOxnB9QaYIA\=\=.WK3MiobY9I50thfnYhNcgg\=\= ._2KxCcn97PSrZHr2ot0V6Sg\=\= img {
  filter: brightness(0.4) contrast(0.9) sepia(100%) hue-rotate(195deg) saturate(2);
}

/* Soft focus state - Windows 98 yellow highlight */
.iC7O\+OinDHWyOxnB9QaYIA\=\=.H4XgJ\+ySkl7dbHaK8CwkVw\=\=:not(.WK3MiobY9I50thfnYhNcgg\=\=) ._083eE1TDQ3GVFMMqiW8ITQ\=\= {
  background-color: #ffff7f !important;
  color: #000000 !important;
  border: 1px dotted black !important;
  outline: none;
}

/* Remove outline when item has full focus */
.iC7O\+OinDHWyOxnB9QaYIA\=\=.H4XgJ\+ySkl7dbHaK8CwkVw\=\=.WK3MiobY9I50thfnYhNcgg\=\= {
  outline: none;
}
.D7bZiZ1zL7KoH-CJJlUPhw\=\= {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

/* Loading state styling */
.u1AHSyX7RNly-zIgJjZ45g\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  width: 100%;
}

.tnPSM6HAgl2YSn6pKUQMgw\=\= {
  color: #666;
  font-style: italic;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Status bar styling */
.qVgPXhjSgLa7OS4poC0MPg\=\= {
  /* Use default enhanced status bar styling */
}

/* Font item specific styling (if needed) */
.g49lu7LuCkNX915kPWj2tA\=\= {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  margin: 1px 0;
  cursor: pointer;
  border: 1px solid transparent;
}

.g49lu7LuCkNX915kPWj2tA\=\=:hover {
  background-color: rgba(0, 0, 255, 0.1);
}

.g49lu7LuCkNX915kPWj2tA\=\=.m0siRrZ\+sw1eNHD-Elthow\=\= {
  background-color: #0078d7;
  color: white;
}

.q5GaekDZ5eMCeKlBynUz4g\=\= {
  margin-right: 6px;
  display: flex;
  align-items: center;
}

.RWuhuYmmusORrW8m9z2MZg\=\= {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Empty state styling */
.RdxHMWFW-Qgs-BQ9kv9ERQ\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #666;
  font-style: italic;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* FontViewerApp CSS - Windows 98 authentic styling - Performance Optimized */

.lgwq7flR1q6lDdZm0jKwoQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ffffff;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  /* Add hardware acceleration for better performance */
  transform: translateZ(0);
  will-change: auto;
}

/* Top buttons section - Done and Print buttons side by side */
.yhYLK62HJCM6LrYPQ2caRQ\=\= {
  display: flex;
  justify-content: flex-start;
  padding: 8px 12px;
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  gap: 6px;
  /* Prevent layout shifts */
  flex-shrink: 0;
}

/* Content area - optimized for performance */
._9wrlo7j-zBJc8yRFPNfwRA\=\= {
  padding: 4px 8px;
  background-color: #ffffff;
  color: #000000;
  width: 100%;
  box-sizing: border-box;
  /* Prevent horizontal overflow and layout shifts */
  overflow-x: hidden;
  min-height: 0;
  /* Optimize rendering */
  contain: layout style;
}

/* Large font name display - optimized */
.SRq4fvC1G\+Gd6DPAW6Z8vg\=\= {
  font-size: 36px;
  font-weight: normal;
  margin: 0 0 2px 0;
  padding: 0;
  border-bottom: 1px solid #808080;
  line-height: 1.1;
  word-wrap: break-word;
  text-align: left;
  /* Optimize text rendering */
  text-rendering: optimizeSpeed;
  /* Prevent font-feature-settings from causing reflows */
  font-feature-settings: normal;
}

/* Metadata section - table layout for better performance */
.g3oeTQ2wSZQTBEttu6jZDw\=\= {
  margin: 0;
  padding: 0;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  line-height: 1.5;
  /* Use table display for consistent layout without flexbox overhead */
  display: table;
  width: 100%;
}

.LHaKE4JgMNaRM5lHjjoqMQ\=\= {
  display: table-row;
  margin-bottom: 2px;
}

.n3YI5thXfotEgOC9qV6zIw\=\= {
  display: table-cell;
  min-width: 110px;
  font-weight: normal;
  color: #000000;
  padding-right: 8px;
  text-align: left;
  vertical-align: top;
}

.i9ev6FWf\+wa4dvIoXJWiPw\=\= {
  display: table-cell;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
}

/* Horizontal divider */
.b19YOTLgo9sxR8WVmA26jg\=\= {
  height: 1px;
  background-color: #808080;
  margin: 3px 0;
  border: none;
  /* Prevent unnecessary repaints */
  transform: translateZ(0);
}

/* Font samples section */
.xV6ba8cc1KxJgfkNDTU-tw\=\= {
  padding: 0;
  margin: 0;
}

.X70pkTQW0m0J-NGIaJ1lgA\=\= {
  font-size: 18px;
  line-height: 1.3;
  margin: 1px 0;
  font-weight: normal;
  /* Optimize text rendering */
  text-rendering: optimizeSpeed;
}

._6JWzeKpOsKVDrNzcs1jhiA\=\= {
  font-size: 18px;
  line-height: 1.3;
  margin: 1px 0 2px 0;
  font-weight: normal;
  text-rendering: optimizeSpeed;
}

/* Sample text lines with different sizes - optimized */
.t2UqZFcqttS9nyHEDrK9hQ\=\= {
  margin: 0;
  padding: 0;
  /* Use contain to isolate rendering */
  contain: layout style;
}

.wRTUSCCkVp8Gq9f12LM6KA\=\= {
  display: flex;
  align-items: flex-start;
  margin: 1px 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  /* Prevent layout thrashing */
  min-height: auto;
}

.TR5bKnOR-GatcMOrIPlXfA\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  min-width: 18px;
  text-align: right;
  margin-right: 6px;
  color: #000000;
  font-weight: normal;
  /* Prevent the label from shrinking/growing */
  flex-shrink: 0;
  flex-grow: 0;
  /* Align with the text baseline */
  padding-top: 2px;
}

/* Optimized sample text classes */
._9T8HLoW13xLooxH26Y-vXg\=\= {
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
  /* Prevent overflow */
  min-width: 0;
}

.Kt0I\+spl2d4mRm3umWiPbg\=\= {
  font-size: 18px;
  line-height: 1.2;
  font-weight: normal;
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
  min-width: 0;
}

._6VThJI2kfIRt4cn05S6R0A\=\= {
  font-size: 24px;
  line-height: 1.2;
  font-weight: normal;
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
  min-width: 0;
}

._7D2IsUaxjowKHpH0X6w4Jg\=\= {
  font-size: 36px;
  line-height: 1.2;
  font-weight: normal;
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
  min-width: 0;
}

._95qG4RYPKQeE-Q3bq99E8Q\=\= {
  font-size: 48px;
  line-height: 1.2;
  font-weight: normal;
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
  min-width: 0;
}

.sDOXUkImJG\+q5HsvUlS-0w\=\= {
  font-size: 60px;
  line-height: 1.2;
  font-weight: normal;
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
  min-width: 0;
}

.sEB191BPJGPTBJCrmP8NVQ\=\= {
  font-size: 72px;
  line-height: 1.2;
  font-weight: normal;
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
  min-width: 0;
}
/* Custom status bar for IE */
._1QjgLj76LosF5vlf8pM3-g\=\= {
  width: 100%;
}

/* Ensure left content has enough space but not too much */
._1QjgLj76LosF5vlf8pM3-g\=\= .statusLeft {
  min-width: 150px;
  flex: 0.7 1 auto; /* Reduced from 1 to 0.7 to give less priority to this section */
  margin-right: 2px;
}

/* Make middle section (progress bar) always visible but compact */
._1QjgLj76LosF5vlf8pM3-g\=\= .statusMiddle {
  width: 100px;
  min-width: 100px;
  flex: 0 0 auto;
  margin-right: 2px;
  justify-content: center;
}

/* Right section placed at the far right with more width */
._1QjgLj76LosF5vlf8pM3-g\=\= .statusRight {
  flex: 0.3 0 auto; /* Increased from 0 to 0.3 to give more space */
  min-width: 130px; /* Increased from 110px to give even more room */
  justify-content: flex-start;
  /* Include space for resize grip */
  padding-right: 25px; /* Increased from 16px */
}

/* Make sure IE's progress bar shows without a border */
._1QjgLj76LosF5vlf8pM3-g\=\= ._41fP7ZTleTNiUIGIqfP8cA\=\= {
  border: none !important;
  background-color: white;
  width: 90px;
  margin: 0 auto;
  /* Only show background when progress is active */
  background-color: transparent;
}

/* Make progress bar visible only when loading */
._1QjgLj76LosF5vlf8pM3-g\=\= ._41fP7ZTleTNiUIGIqfP8cA\=\=.v6pRdt4RlSxOOCiiTps8Ug\=\= {
  background-color: white;
}

/* IE status bar icon */
.ie-status-globe-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-bottom: 0; /* Fix alignment */

}
/* IE toolbar icon styling - very simplified */
.d1NAtL6Nxew\+IFdJWZmWbQ\=\= {
  width: 20px;
  height: 20px;
}

/* Dialog for adding bookmarks */
.HGnpMsR3y\+MOnMmASmzE8Q\=\= {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  /* z-index: 1000; */ /* Removed to fix window layering */
}

._2HAgbfJHrCCk2zHIogRJvg\=\= {
  background-color: #d4d0c8;
  border: 2px outset #fff;
  width: 300px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.hJzYbD8OQArnRlbny3wbeg\=\= {
  background-color: #0A246A;
  color: white;
  padding: 3px 8px;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 11px;
}

._8CtDEFYYN0KMgE9QUfL5Bg\=\= {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.rZnvkjFlCVqZDcaq92iHMw\=\= {
  padding: 10px;
}

.HFF6MoEFAT53A9uYYuLj-w\=\= {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.HFF6MoEFAT53A9uYYuLj-w\=\= label {
  width: 80px;
  font-size: 11px;
}

.sqYJL2Dx3Gnv91gSLotc2Q\=\=,
.b2CacY9oS7zyoWhDkRp4jw\=\= {
  flex: 1;
  height: 21px;
}

.dDn\+V1D2YuAApu\+QRH2QQg\=\= {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}

.\+zwzA5GfrAgqqfo-MuX\+Iw\=\= {
  margin-left: 5px;
  padding: 2px 15px;
  background-color: #d4d0c8;
  border: 2px outset #fff;
}

.\+zwzA5GfrAgqqfo-MuX\+Iw\=\=:active {
  border: 2px inset #fff;
}

/* History panel styling */
.tHUnaJ-ApzOzvCP2cHGEMQ\=\= {
  position: absolute;
  top: 28px;
  left: 155px;
  background-color: #d4d0c8;
  border: 2px outset #fff;
  width: 300px;
  max-height: 400px;
  overflow-y: auto;
  /* z-index: 1000; */ /* Removed to fix window layering */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/* Menu separators */
.N4A3-Ym\+ozcQ4QrDiB92uQ\=\= {
  height: 1px;
  background-color: #808080;
  margin: 3px 0;
}

/* Hover effect for toolbar buttons */
.OG7GYt4UJEGBxMB-rN-voA\=\=:hover:not(:disabled) .d1NAtL6Nxew\+IFdJWZmWbQ\=\=[src$="-gray.png"] {
  opacity: 0.9;
  filter: brightness(1.2) contrast(1.2) saturate(1.5);
}

/* Disabled button style */
.OG7GYt4UJEGBxMB-rN-voA\=\=:disabled .d1NAtL6Nxew\+IFdJWZmWbQ\=\= {
  opacity: 0.6;
}

.Ic61UOEAy0KA9H9cYefBkQ\=\= {
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.WJYGj\+5SuNXDSGL8Huih6g\=\= {
  display: flex;
  align-items: center;
  padding: 5px;
  background-color: #d4d0c8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #808080;
}

.EWEs5Rtpo4iDZUkEYz6TSg\=\= {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  background-color: #d4d0c8;
  font-size: 11px;
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important; /* Ensure not bold */
  gap: -4px; /* Force negative gap */
  border-bottom: 1px solid #808080;
  box-shadow: 0 1px 0 #ffffff;
}

/* Global override for IE links spacing */
.ie-linksbar {
  gap: 1px !important;
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important;
}

.ie-link-button {
  margin-right: 1px !important;
  padding: 1px 1px !important;
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important;
}

/* More specific targeting for links bar elements */
.ie-linksbar * {
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important;
}

/* Target the component directly by its CSS module class */
.EWEs5Rtpo4iDZUkEYz6TSg\=\=,
.EWEs5Rtpo4iDZUkEYz6TSg\=\= *,
.YSf8qFzz1woBBFKj\+ar6OQ\=\=,
.YSf8qFzz1woBBFKj\+ar6OQ\=\= *,
.mGog8q\+VwRitUq40\+7F1gw\=\=,
.mGog8q\+VwRitUq40\+7F1gw\=\= * {
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important;
}

.mGog8q\+VwRitUq40\+7F1gw\=\= {
  margin-right: 5px;
  font-size: 11px;
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important;
}

.mGog8q\+VwRitUq40\+7F1gw\=\= .kx7C3budvmoFrreSK2646Q\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

._75a8Fa6AeL3aGdP\+-Eb6dA\=\= {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.YSf8qFzz1woBBFKj\+ar6OQ\=\= {
  margin-right: 2px;
  color: #000000;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  font-size: 11px;
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important;
  display: flex;
  align-items: center;
  padding: 2px 4px;
  border: 1px solid transparent;
  background: transparent;
  /* Completely prevent focus and selection */
  outline: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Prevent browser default focus ring */
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}

.YSf8qFzz1woBBFKj\+ar6OQ\=\=:hover {
  color: #000000;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 1px outset #ffffff;
  background-color: #e6e6e6;
}

.YSf8qFzz1woBBFKj\+ar6OQ\=\=:active{
  color: #000000;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 1px inset #d4d0c8;
  background-color: #c0c0c0;
  padding: 3px 3px 1px 5px; /* Shift content slightly when pressed */
}


.YSf8qFzz1woBBFKj\+ar6OQ\=\=:focus,
.YSf8qFzz1woBBFKj\+ar6OQ\=\=:active,
.YSf8qFzz1woBBFKj\+ar6OQ\=\=:focus-visible,
.YSf8qFzz1woBBFKj\+ar6OQ\=\=:focus-within {
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}



.OYcQoiWpQnKgZAuIRBLIZg\=\= {
  margin-right: 5px;
  font-size: 11px;
  font-family: var(--font-family-ui) !important;
  font-weight: normal !important;
}

.OYcQoiWpQnKgZAuIRBLIZg\=\= .kx7C3budvmoFrreSK2646Q\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.Tljo\+ImmB3MZZBzmkf6KlA\=\= {
  flex: 1;
  height: 22px;
  border: 2px inset #fff;
  padding: 0 5px;
  font-size: 12px;
  background-color: white;
}

.V9VUOxPkgIjVs1ZhF5EDMQ\=\= {
  width: 35px;
  height: 22px;
  display: block;
  pointer-events: none;
}

.JKI7bKb3K62jG3-qsmmShw\=\= {
  margin: 0;
  padding: 0;
  background-color: #d4d0c8;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.JKI7bKb3K62jG3-qsmmShw\=\=:hover {
  color: #000000;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  background-color: #e6e6e6;
}

.JKI7bKb3K62jG3-qsmmShw\=\=:active{
  color: #000000;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border: 1px inset #d4d0c8;
}

.ie-go-container {
  display: flex;
  align-items: center;
  margin-left: 5px;
  padding: 1px;
  background-color: #d4d0c8;
}

.BW83iHNI44cky9LQddYu8Q\=\= {
  display: flex;
  align-items: center;
  padding: 5px;
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  position: relative;
}

.kIxvcJEmxJ8duMkR3dEcKA\=\= {
  height: 20px;
  width: 1px;
  background-color: #808080;
  margin: 0 0px;
}

.Wp-3Y47YETieTKRGOFzR9w\=\= {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
}

.TDZ2tQTalrE1ClGBAOpbMQ\=\= {
  margin-right: 5px;
  padding: 2px 0px;
  background-color: #d4d0c8;
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 20px;
  position: relative;
}

.TDZ2tQTalrE1ClGBAOpbMQ\=\=:hover:not(:disabled) {
  border: 1px outset #ffffff;
  background-color: #e6e6e6;
}

.TDZ2tQTalrE1ClGBAOpbMQ\=\=:active:not(:disabled) {
  border: 1px inset #d4d0c8;
  background-color: #c0c0c0;
}

.TDZ2tQTalrE1ClGBAOpbMQ\=\=:disabled {
  cursor: default;
  opacity: 1; /* Icons themselves handle the gray state */
}

.TDZ2tQTalrE1ClGBAOpbMQ\=\=:active {
  border: 2px inset #fff;
}

/* Prevent link previews */
.fKyYuSghpyJSx4QjJudEzQ\=\= {
  flex: 1;
  background-color: white;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px -1px 0 rgba(255, 255, 255, 0.8);
  margin: 2px;
  position: relative;
}

/* Container when sidebar is visible - horizontal layout */
.nUhFpQC\+H7iJc42XmkPYjQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: row; /* Horizontal split: sidebar | content */
  background-color: white;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px -1px 0 rgba(255, 255, 255, 0.8);
  margin: 2px;
  position: relative;
}

/* Main content area when sidebar is visible */
.odoLJ1mash0HXF1-BHI9Ww\=\= {
  flex: 1;
  background-color: white;
  position: relative;
  border-left: 1px solid #808080; /* Add left border to separate from sidebar */
}

.fKyYuSghpyJSx4QjJudEzQ\=\=::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  background: transparent;
  /* z-index: 9999; */ /* Removed to fix window layering */
}

._0m0zx\+SeXKNfa8mqbIz8Jg\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}

.B65hT22577mP5C9gTJdEKg\=\= {
  flex: 1;
  border: none;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

._6NwflI1ilOxGySCoSo0JXQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* z-index: 10; */ /* Removed to fix window layering */
}

.G8aF7haB3emHSxt-dnwREA\=\= {
  width: 150px;
  height: 26px;
  background-color: #d4d0c8;
  border: 2px inset #fff;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.WtElP1y5uhhPfw3E2sU05Q\=\= {
  height: 90%;
  width: 20%;
  background-color: #0A246A;
  position: absolute;
  left: 0;
  animation: v6pRdt4RlSxOOCiiTps8Ug\=\= 2s infinite;
}

@keyframes v6pRdt4RlSxOOCiiTps8Ug\=\= {
  0% { left: -20%; }
  100% { left: 100%; }
}

.k0GfmNThJME0Tw4y9PYV\+g\=\= {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 0;
  font-size: 11px;
  display: flex;
  background-color: #d4d0c8;
  height: 21px;
  width: 100%;
}

._0rYzGChY29rhzDvlm0qp5A\=\= {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0px;
}

.hsqrTtINh00wNhLhJ3qOsg\=\= {
  flex: 1;
  border-right: 1px solid #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lWGkOhcenTpHV81QQxOh6g\=\= {
  border-right: 1px solid #808080;
  border-left: 1px solid #ffffff;
  min-width: 110px;
  justify-content: center;
}

.fYg6orxzrp\+KHA3dUvwRnQ\=\= {
  min-width: 100px;
  border-left: 1px solid #ffffff;
}

._41fP7ZTleTNiUIGIqfP8cA\=\= {
  width: 100px;
  height: 14px;
  border: 1px inset #fff;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.XBHFkPSDsyWlaWUh1xKHNw\=\= {
  position: absolute;
  height: 100%;
  width: 30%;
  background-color: #0a246a;
  animation: GWk-WOr-GjxDIX6SeynW2Q\=\= 1.5s infinite linear;
}

.ie-status-section {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0px;
  border-right: 1px solid #808080;
  border-left: 1px solid #ffffff;
}

.M1Q-0oJevlR-YJoRKLzPTA\=\= {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.naDg5uwAvZ9-VhdmS1C2vg\=\= {
  padding: 20px;
  font-family: 'Times New Roman', Times, serif;
}

.ywhLxkqzVwCfh6qpuAJNqw\=\= {
  position: absolute;
  top: 32px;
  background-color: #d4d0c8;
  border: 2px outset #fff;
  width: 200px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  /* z-index: 100; */ /* Removed to fix window layering */
}

.bfVzu77HwSejWDUXZIgMvQ\=\= {
  padding: 5px 10px;
  cursor: pointer;
  font-size: 11px;
}

.bfVzu77HwSejWDUXZIgMvQ\=\=:hover {
  background-color: #0A246A;
  color: white;
}

._1lJaJ5Hyu6zTRJEwsru1fw\=\= {
  font-weight: bold;
  padding: 5px 10px;
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  font-size: 11px;
}

.D7kU\+xQLzaHXx8P-Jn9pdA\=\= {
  padding: 20px;
  font-family: 'Tahoma', 'Arial', sans-serif;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.qyFsEgVbeZxE\+4jwbBFcxQ\=\= {
  margin-bottom: 15px;
}

.iliIkWgV86WF-lmndnFOiQ\=\= {
  text-align: center;
}

.iliIkWgV86WF-lmndnFOiQ\=\= h3 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}

.iliIkWgV86WF-lmndnFOiQ\=\= p {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.AM1eLU5aFOpBhxLwhmAjQw\=\= {
  margin-top: 20px;
}

.AM1eLU5aFOpBhxLwhmAjQw\=\= button {
  background-color: #d4d0c8;
  border: 2px outset #fff;
  padding: 3px 15px;
  font-size: 12px;
  cursor: pointer;
  margin-right: 5px;
}

/* Bookmarks Sidebar Styles */
.PKZlg5r-AEXsyCQZ81awhQ\=\= {
  width: 200px;
  height: 100%;
  background-color: #d04d0c8;
  border-right: 1px solid #808080;
  display: flex;
  flex-direction: column;
  font-family: "Pixelated MS Sans Serif", "MS Sans Serif", Arial, sans-serif !important;
  font-size: 11px;
  flex-shrink: 0; /* Prevent sidebar from shrinking */
}

.QOuu2m0X2Q9gNZ06WRW09A\=\= {
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #ffffff;
  padding: 4px 8px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.J5ltPVz2D8E83vFSVxE0JA\=\= {
  background: transparent;
  border: 1px solid transparent;
  padding: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.J5ltPVz2D8E83vFSVxE0JA\=\=:hover {
  border: 1px outset #ffffff;
  background-color: #e6e6e6;
}

.J5ltPVz2D8E83vFSVxE0JA\=\=:active {
  border: 1px inset #d4d0c8;
  background-color: #c0c0c0;
}

.gtirfkZpYCqm7T0bRz60aw\=\= {
  width: 8px;
  height: 7px;
  pointer-events: none;
}

.VAQEVWhGOu8v2TG2DARsLA\=\= {
  flex: 1;
  overflow-y: auto;
  padding: 4px;
  background-color: #ffffff;
}

._8OT0Br2ERpo8aU1JTWYf\+w\=\= {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  margin: 1px 0;
  cursor: pointer;
  border-radius: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  position: relative;
}

/* Hover effect only for non-folder items (links) */
._8OT0Br2ERpo8aU1JTWYf\+w\=\=:not(.D-7gIzAzxFDZWKtgGxyIZw\=\=):hover {
  background-color: transparent;
  color: #000080;
  border: 1px solid transparent;
}

._8OT0Br2ERpo8aU1JTWYf\+w\=\=:not(.D-7gIzAzxFDZWKtgGxyIZw\=\=):hover ._4QSF7aVJudCt3XUZFIb2gQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #000080;
}

/* Folders: NO background hover, only text color change */
.D-7gIzAzxFDZWKtgGxyIZw\=\=:hover {
  background-color: transparent !important;
  color: #000080 !important;
}

.D-7gIzAzxFDZWKtgGxyIZw\=\=:hover ._4QSF7aVJudCt3XUZFIb2gQ\=\= {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  color: #000080 !important;
}

/* Blue selection - NEVER appears on hover, only on click when appropriate */
.inm\+Hwx9jqpGAt0ZuoeILw\=\= {
  background-color: #000080 !important;
  color: #ffffff !important;
}

.inm\+Hwx9jqpGAt0ZuoeILw\=\= ._4QSF7aVJudCt3XUZFIb2gQ\=\= {
  color: #ffffff !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}

/* Override any hover effects when item is selected */
.inm\+Hwx9jqpGAt0ZuoeILw\=\=:hover {
  background-color: #000080 !important;
  color: #ffffff !important;
}

.inm\+Hwx9jqpGAt0ZuoeILw\=\=:hover ._4QSF7aVJudCt3XUZFIb2gQ\=\= {
  color: #ffffff !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}

.D-7gIzAzxFDZWKtgGxyIZw\=\= {
  font-weight: normal;
}

.wkTlEVaBNmU0-EBC1vZYQA\=\= {
  color: #808080;
  cursor: default;
}

.wkTlEVaBNmU0-EBC1vZYQA\=\=:hover {
  background-color: transparent;
  color: #808080;
  border: 1px solid transparent;
}

.QGX1vqHhJ6CTv4EKxi4OPQ\=\= {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  image-rendering: pixelated;
  flex-shrink: 0;
}

._4QSF7aVJudCt3XUZFIb2gQ\=\= {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  color: inherit;
}

.twel8eMslSH1Un5S9JGZ4w\=\= {
  position: absolute;
  right: 4px;
  font-size: 10px;
  color: inherit;
  width: 12px;
  text-align: center;
}

/* Split layout for bookmarks sidebar */
.nUhFpQC\+H7iJc42XmkPYjQ\=\= {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
}

.odoLJ1mash0HXF1-BHI9Ww\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
/* Fix for iframe content inheriting unwanted fonts from parent .window class */
/* Note: These rules need to be injected into iframe content via JavaScript */

/* For the IE container itself */
.ie-window {
  /* Override 98.css window font inheritance for IE specifically */
  font-family: Arial, sans-serif !important;
}

/* CRITICAL: Prevent .window font inheritance from affecting iframe content */
.ie-iframe {
  /* Reset font inheritance so iframe content uses its own fonts */
  font-family: serif !important;
  font-family: initial !important;
  font-size: medium !important;
  font-size: initial !important;
}

/* Additional isolation for iframe wrapper */
.ie-iframe-wrapper {
  /* Isolate iframe content from parent window styles */
  font-family: serif !important;
  font-family: initial !important;
  font-size: medium !important;
  font-size: initial !important;
}

/* Internet Explorer 5.0 Styling for Windows 98 */
/* This file contains authentic Windows 98 styling for the Internet Explorer component */

/* Basic window styling */
.ie-window {
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* Toolbar styling */
.ie-toolbar {
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  display: flex;
  align-items: center;
  padding: 3px 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

body .ie-toolbar-button,
html body div.ie-toolbar button.ie-toolbar-button {
  border-color: #dfdfdf #000 #000 #dfdfdf;
  background-color: #d4d0c8;
  min-width: 27px; /* Standard IE5 button width */
  height: 26px; /* Standard IE5 button height */
  padding: 1px;
  margin-right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'MS Sans Serif', 'Microsoft Sans Serif', Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-shadow: none;
  box-shadow: none;
  position: relative;
}

.ie-toolbar-button:active:not(:disabled) {
  border-color: #000 #dfdfdf #dfdfdf #000;
  padding: 2px 0 0 2px;
}

.ie-toolbar-button:hover:not(:disabled):not(:active) {
}

.ie-toolbar-button:disabled {
  color: #808080;
}

.ie-separator {
  width: 1px;
  height: 22px;
  background-color: #808080;
  margin: 0 3px 0 2px;
  position: relative;
}

.ie-separator::after {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 1px;
  height: 22px;
  background-color: #ffffff;
}

/* Address bar styling */
.ie-addressbar {
  background-color: #d4d0c8;
  display: flex;
  align-items: center;
  padding: 3px 5px;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #ffffff;
  font-family: var(--font-family-ui), 'MS Sans Serif', 'Microsoft Sans Serif', Arial, sans-serif;
  font-size: 11px;
}

.ie-addressbar-label {
  margin-right: 5px;
  color: #000000;
}

.ie-addressbar-label .access-key {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.ie-addressbar-input {
  flex: 1;
  height: 21px;
  border: 2px inset #ffffff;
  background-color: #ffffff;
  padding: 0 5px;
  font-size: 11px;
  color: #000000;
}

.ie-go-button {
  margin: 0;
  padding: 0;
  background-color: #d4d0c8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ie-go-button:active {
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  padding: 1px 0 0 1px; /* Shift content slightly when pressed */
}

.ie-go-button img {
  display: block;
  width: 35px;
  height: 22px;
}

/* Go button container to create the separate section */
.ie-go-container {
  display: flex;
  align-items: center;
  height: 21px;
  width: 35px;
  margin-left: 5px;
  padding: 1px;
  background-color: #d4d0c8;
}

/* Links bar styling */
.ie-linksbar {
  background-color: #d4d0c8;
  display: flex;
  align-items: center;
  padding: 2px 5px;
  border-top: 1px solid #ffffff;
  font-size: 11px;
  font-family: "Pixelated MS Sans Serif", "MS Sans Serif", Arial, sans-serif !important;
  font-weight: normal !important; /* Ensure not bold */
  flex-shrink: 0;
}

.ie-link-button {
  color: #000000; /* Changed from blue to black */
  -webkit-text-decoration: none;
  text-decoration: none; /* Removed underline */
  margin-right: 10px;
  cursor: pointer;
  font-size: 11px;
  font-family: "Pixelated MS Sans Serif", "MS Sans Serif", Arial, sans-serif !important;
  font-weight: normal !important; /* Ensure not bold */
  display: flex;
  align-items: center;
  padding: 2px 4px;
  border: 1px solid transparent;
  background-color: transparent;
}

.ie-link-button:hover {
  color: #000000; /* Keep black on hover */
  -webkit-text-decoration: none;
  text-decoration: none; /* Keep no underline on hover */
  border: 1px outset #ffffff; /* Windows 98 button hover effect */
  background-color: #e6e6e6; /* Light gray background on hover */
}

.ie-link-button:active {
  border: 1px inset #ffffff; /* Windows 98 button pressed effect */
  background-color: #c0c0c0; /* Darker gray when pressed */
  padding: 3px 3px 1px 5px; /* Shift content slightly when pressed */
}

.ie-link-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Content area styling */
.ie-content {
  flex: 1;
  background-color: #ffffff;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin: 2px;
  overflow: auto;
  position: relative;
}

/* Special handling for error page iframe to prevent double scrollbars */
.ie-content iframe[title="Internet Explorer Error Page"] {
  overflow: hidden !important;
}

.ie-iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Status bar base styling */
.ie-statusbar {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 0;
  font-size: 11px;
  font-family: "Pixelated MS Sans Serif", "MS Sans Serif", Arial, sans-serif !important;
  font-weight: normal !important; /* Ensure not bold */
  display: flex;
  background-color: #d4d0c8;
  height: 21px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0;    /* Remove any margins */
}

.ie-status-section {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 5px;
  font-family: "Pixelated MS Sans Serif", "MS Sans Serif", Arial, sans-serif !important;
  font-weight: normal !important; /* Ensure not bold */
  font-size: 11px;
}

.ie-status-left {
  flex: 1;
  border-right: 1px solid #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.ie-status-middle {
  border-right: 1px solid #808080;
  border-left: 1px solid #ffffff;
  min-width: 110px;
  justify-content: center;
}

.ie-status-right {
  min-width: 100px;
  border-left: 1px solid #ffffff;
}

.ie-status-progress-bar {
  width: 100px;
  height: 14px;
  border: 1px inset #fff;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.ie-status-progress-bar-fill {
  position: absolute;
  height: 100%;
  width: 30%;
  background-color: #0a246a;
  animation: ie-status-loading 1.5s infinite linear;
}

.ie-status-globe-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

/* Override the WindowContent footer overflow */
.windowContentFooter {
  overflow: visible !important; /* Override the hidden overflow */
  min-height: 22px; /* Give enough room for the status bar */
  flex-shrink: 0;   /* Prevent compression */
}

@keyframes status-loading {
	  0% {
		left: -30%;
	  }
	  100% {
		left: 100%;
	  }
}
  
.ie-status-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  flex-shrink: 0; /* Prevent icon from shrinking */
}

/* Loading overlay */
.ie-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100;
  font-size: 11px;
  color: #000000;
}

.ie-loading-bar {
  width: 300px;
  height: 16px;
  border: 1px inset #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #ffffff;
}

.ie-loading-bar-progress {
  height: 100%;
  width: 25%;
  background-color: #0a246a;
  position: absolute;
  animation: loading 1.5s infinite linear;
}

@keyframes loading {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

/* Favorites menu styling */
.ie-favorites-menu {
  position: absolute;
  top: 28px;
  left: 130px;
  background-color: #d4d0c8;
  border: 2px outset #ffffff;
  width: 200px;
  /* z-index: 1000; */ /* Removed to fix window layering */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.ie-menu-item {
  padding: 5px 10px;
  font-size: 11px;
  cursor: pointer;
  color: #000000;
}

.ie-menu-item:hover {
  background-color: #0a246a;
  color: #ffffff;
}

.ie-menu-separator {
  height: 1px;
  background-color: #808080;
  margin: 3px 0;
}

.ie-menu-header {
  font-weight: bold;
  padding: 5px 10px;
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  font-size: 11px;
  color: #000000;
}

/* IE Menu bar loading animation */
.ie-loading-icon-container {
  display: flex;
  align-items: center;
  justify-content: right;
  width: 32px;
  height: 20px;
}

.ie-loading-icon {
  width: 32px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Status bar positioning */
.ie-statusbar {
  /* z-index: 2; */ /* Removed to fix window layering */
  position: relative;
  background-color: #d4d0c8;
}

/* Ensure IE uses system scrollbars */
.ie-content ::-webkit-scrollbar,
.ie-window ::-webkit-scrollbar {
  width: 16px;
}

.ie-content ::-webkit-scrollbar:horizontal,
.ie-window ::-webkit-scrollbar:horizontal {
  height: 17px;
}

.ie-content ::-webkit-scrollbar-corner,
.ie-window ::-webkit-scrollbar-corner {
  background-color: var(--surface);
}

.ie-content ::-webkit-scrollbar-track,
.ie-window ::-webkit-scrollbar-track {
  background-image: url('../images/scrollbar-background.svg');
}

.ie-content ::-webkit-scrollbar-thumb,
.ie-window ::-webkit-scrollbar-thumb {
  background-color: var(--surface);
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
}

.ie-content ::-webkit-scrollbar-button:horizontal:start:decrement,
.ie-content ::-webkit-scrollbar-button:horizontal:end:increment,
.ie-content ::-webkit-scrollbar-button:vertical:start:decrement,
.ie-content ::-webkit-scrollbar-button:vertical:end:increment,
.ie-window ::-webkit-scrollbar-button:horizontal:start:decrement,
.ie-window ::-webkit-scrollbar-button:horizontal:end:increment,
.ie-window ::-webkit-scrollbar-button:vertical:start:decrement,
.ie-window ::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
}

.ie-content ::-webkit-scrollbar-button:vertical:start,
.ie-window ::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url('../images/button-up.svg');
}

.ie-content ::-webkit-scrollbar-button:vertical:end,
.ie-window ::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url('../images/button-down.svg');
}

.ie-content ::-webkit-scrollbar-button:horizontal:start,
.ie-window ::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
  background-image: url('../images/button-left.svg');
}

.ie-content ::-webkit-scrollbar-button:horizontal:end,
.ie-window ::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
  background-image: url('../images/button-right.svg');
}

*::-moz-selection {
    background-color: #000080 !important;
    color: white !important;
}

*::selection, *::-moz-selection {
    background-color: #000080 !important;
    color: white !important;
}
/* IE Iframe Font Isolation Fix */
/* This file fixes the font inheritance issue where iframe content inherits 
   Pixelated MS Sans Serif from the parent .window class instead of using 
   the intended fonts specified in the HTML pages */

/* 
PROBLEM: 98.css applies this rule:
.window { font-family: "Pixelated MS Sans Serif", Arial; }

This affects ALL content inside .window elements, including iframe content,
causing all text to render as Microsoft Sans Serif instead of intended fonts
like Arial, Times New Roman, etc.
*/

/* Solution 1: Reset iframe content to use proper font inheritance */
.A8AhJu2rqqmO0zJ\+2fu03A\=\= {
  /* Force iframe to reset font inheritance from parent .window */
  font-family: serif !important;
  font-family: initial !important;
}

/* Solution 2: Global iframe font reset that can be injected via JavaScript */
._79AhqMQyGr-pie2NkhMikA\=\=,
._79AhqMQyGr-pie2NkhMikA\=\= * {
  /* Reset ALL font inheritance for iframe content */
  font-family: inherit !important;
}

._79AhqMQyGr-pie2NkhMikA\=\= {
  /* Set base font for iframe content - browsers will use their defaults */
  font-family: serif !important;
}

._79AhqMQyGr-pie2NkhMikA\=\= body {
  /* Ensure body gets proper default fonts */
  font-family: Arial, sans-serif !important;
}

/* Solution 3: Specific font overrides for common HTML elements in iframes */
._79AhqMQyGr-pie2NkhMikA\=\= h1,
._79AhqMQyGr-pie2NkhMikA\=\= h2,
._79AhqMQyGr-pie2NkhMikA\=\= h3,
._79AhqMQyGr-pie2NkhMikA\=\= h4,
._79AhqMQyGr-pie2NkhMikA\=\= h5,
._79AhqMQyGr-pie2NkhMikA\=\= h6 {
  font-family: inherit !important;
  font-weight: inherit !important;
}

._79AhqMQyGr-pie2NkhMikA\=\= p,
._79AhqMQyGr-pie2NkhMikA\=\= div,
._79AhqMQyGr-pie2NkhMikA\=\= span,
._79AhqMQyGr-pie2NkhMikA\=\= strong,
._79AhqMQyGr-pie2NkhMikA\=\= b,
._79AhqMQyGr-pie2NkhMikA\=\= em,
._79AhqMQyGr-pie2NkhMikA\=\= i {
  font-family: inherit !important;
}

/* Solution 4: Specific overrides for explicitly declared fonts */
._79AhqMQyGr-pie2NkhMikA\=\= [style*="font-family: Arial"],
._79AhqMQyGr-pie2NkhMikA\=\= .GxS8Whe2GyPURWglnQLitw\=\=,
._79AhqMQyGr-pie2NkhMikA\=\= .FdN8mxcaZavvp8u3py14dw\=\= {
  font-family: Arial, sans-serif !important;
}

._79AhqMQyGr-pie2NkhMikA\=\= [style*="font-family: Times"],
._79AhqMQyGr-pie2NkhMikA\=\= [style*="font-family: 'Times New Roman'"],
._79AhqMQyGr-pie2NkhMikA\=\= .a5sC5XhS4ppZRH1K5\+Kyeg\=\=,
._79AhqMQyGr-pie2NkhMikA\=\= .z42kd9mrA3JciDyMNe9tiA\=\= {
  font-family: "Times New Roman", Times, serif !important;
}

._79AhqMQyGr-pie2NkhMikA\=\= [style*="font-family: Courier"],
._79AhqMQyGr-pie2NkhMikA\=\= [style*="font-family: 'Courier New'"],
._79AhqMQyGr-pie2NkhMikA\=\= .y2kUR49MvI9cLPeji1tczg\=\=,
._79AhqMQyGr-pie2NkhMikA\=\= ._8G7oG13YQoYuQkrniR4QLg\=\= {
  font-family: "Courier New", Courier, monospace !important;
}

._79AhqMQyGr-pie2NkhMikA\=\= [style*="font-family: serif"],
._79AhqMQyGr-pie2NkhMikA\=\= ._1qqOJo-6Zd92RES99HABCg\=\=,
._79AhqMQyGr-pie2NkhMikA\=\= .uwicTquFNIGs\+ixHuGputA\=\= {
  font-family: serif !important;
}

*::-moz-selection {
    background-color: #000080 !important;
    color: white !important;
}

*::selection, *::-moz-selection {
    background-color: #000080 !important;
    color: white !important;
}

._0QqIqdez\+SQqr3Sy57KVIw\=\= {
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  padding: 14px;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  box-sizing: border-box;
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
  ._0QqIqdez\+SQqr3Sy57KVIw\=\= {
    padding: 12px;
    font-size: 12px; /* Slightly larger font for better mobile readability */
  }
  
  ._8JvcUrpgeqspIl\+BW6pXQg\=\= {
    flex-direction: column;
    gap: 8px;
  }
  
  .WyBWc-wkLtIu6KjPkQqLzg\=\= {
    justify-content: stretch;
  }
  
  .vMmbxqPWC9Z86gjq8NJ2WA\=\=, .rnu6J-gQ7a2-vnxZjQKvwA\=\= {
    min-width: auto;
    flex: 1;
    padding: 8px;
  }
}

.QBhW8C8IbNw8qbxFdUFptA\=\= {
  display: flex;
  margin-bottom: 12px;
  align-items: flex-start;
}

.FMFd1Qps7oRDIRDcJG-kWw\=\= {
  flex: 1;
  padding-left: 15px;
}

._5oPMoTd3QuHtCNpMFJOh9w\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}

.Pg9oXIQ2x9HB1zELDeBt5A\=\= {
  width: 32px;
  height: 32px;
  display: block;
}

.rEz2abJovWwB7\+qxLoWlJA\=\= {
  margin: 0 0 15px 0;
  line-height: 1.4;
  font-weight: bold;
}

.eC8tbpf2yepHy\+VwtOHEtA\=\= {
  margin: 0 0 15px 0;
  line-height: 1.4;
}

._002N9Rd1lUvcbZd5CKdg2w\=\= {
  font-weight: bold;
  margin: 10px 0 5px 0;
}

.ZCPQaL2llEogdnz6LBbZMg\=\= {
  color: #0000ff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}

._8JvcUrpgeqspIl\+BW6pXQg\=\= {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
}

.WyBWc-wkLtIu6KjPkQqLzg\=\= {
  display: flex;
  gap: 6px;
}

.vMmbxqPWC9Z86gjq8NJ2WA\=\= {
  min-width: 95px;
  padding: 4px 10px;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  border: 1px solid #808080;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  box-shadow: 1px 1px 0px #000000;
  cursor: pointer;
  text-align: center;
}

.rnu6J-gQ7a2-vnxZjQKvwA\=\= {
  min-width: 75px;
  padding: 4px 10px;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  border: 1px solid #808080;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  box-shadow: 1px 1px 0px #000000;
  cursor: pointer;
  text-align: center;
}

.vMmbxqPWC9Z86gjq8NJ2WA\=\=:active, .rnu6J-gQ7a2-vnxZjQKvwA\=\=:active {
  border: 1px solid #808080;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff;
  box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.1);
}

/**
 * Windows 98 Checkbox Styling
 * 
 * This file contains a reference implementation of the Windows 98 checkbox
 * which can be used throughout the system. The key features are:
 * 
 * 1. Box with 3D border effect (light on top/left, dark on bottom/right)
 * 2. White background
 * 3. Checkmark using the SVG at ../images/checkmark.svg
 * 4. Properly sized checkmark (7x7 pixels) positioned at (2,2)
 * 5. No black border
 */

/* Checkbox container */
.jojyKmOoMb8SopEzcmfQHg\=\= {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Checkbox box */
._5DKMVr2yOlOGVYSgFpEB\+g\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

._5DKMVr2yOlOGVYSgFpEB\+g\=\=.zOWkABblCh2XALuBsSlvMw\=\= {
  background-color: white;
}

/* Checkmark - using SVG for authentic Windows 98 appearance */
.busF1seKugyGLyjNhzx76A\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

/* Label styling */
._0dMH\+RyOKRMTpo8MIl68cw\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
}
/* Windows 98 authentic styling for Internet Options dialog */
/* Based on PasswordsPropertiesApp.css with modifications for six tabs */

._0mdR4KCUnmrsAjA1lVzW5Q\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.e0ppZ8uKyCNBJdunxdrUcw\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.o1of\+UdDh1rxHiqVy\+ZYWw\=\= {
  padding: 2px 8px; /* Reduced horizontal padding for 6 tabs */
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Reduced spacing for 6 tabs */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Corner bridging pixels for tabs */
.o1of\+UdDh1rxHiqVy\+ZYWw\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.o1of\+UdDh1rxHiqVy\+ZYWw\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.o1of\+UdDh1rxHiqVy\+ZYWw\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.gdd-NrYesysXc5GkTHygyQ\=\= {
  background-color: #d4d0c8;
  padding: 3px 8px; /* Keep active tab at full width, reduced for 6 tabs */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.gdd-NrYesysXc5GkTHygyQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.gdd-NrYesysXc5GkTHygyQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system */
.RfP5yZCB2BVnx52SYRS\+uA\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

/* Access key styling */
.gDfBWYTukpWGhdzsbtvC1Q\=\= {
  /* No underline for tab access keys */
}

/* Bottom button row */
.ik3u8JefRZ1HAG0qLedx5Q\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 8px;
  padding-right: 12px;
}
._4OKDZO4XmXDjUDC-DFaCKQ\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px 0 0 0; /* Added top padding to move content down */
  gap: 12px;
  overflow-y: auto;
}

.Gsg7HF1iLr1vI-Mgn-eteA\=\= {
  border: 1px solid #808080;
  padding: 12px 8px 8px 8px;
  margin: 0;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.wptt-fbk1\+GjR3wd01cbkQ\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  font-weight: normal;
  z-index: 2;
}

.\+DTp5QuHdbft0aeYKvAPJg\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.k9UccO8aN4rTwIimRviGSw\=\= {
  flex-shrink: 0;
  /* Prevent image dragging and selection */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.QdbNHtOlJ7-tC6hheAqCeQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sNS4ZAEGgUDSVM9RdrEB7g\=\= {
  margin: 0;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  line-height: 1.3;
}

.Rqu41cpsqhdHyshWo2oIaA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

._37ocgiNGkyraexnI0QIS4g\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
}

.txhNk4w54lJsnwE0PMaFBg\=\= {
  flex: 1;
  padding: 2px 4px;
  border: 2px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
}

.txhNk4w54lJsnwE0PMaFBg\=\=.i28TJ9TlPVgQ98jBLWc\+jA\=\= {
  background-color: #d4d0c8;
  color: #000000;
}

.AD19QdvEuzpD704oCwPzCg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
  padding-right: 4px;
}
.IOYBBoY2uLMHugYhqH3KIw\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  height: 100%;
}

._0z6v6ImJNt2xq3adJc31cA\=\= {
  /* Prevent image dragging and selection */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
/* Windows 98 authentic styling for Add/Remove Programs Properties dialog */

.qhR1S2OYJkJbrol04zafhg\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.TBYvrNpcvCC-gYsHKAGdQw\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.eEF10Z1nTAUfFFZgfDA71g\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
}

/* Corner bridging pixels for tabs */
.eEF10Z1nTAUfFFZgfDA71g\=\=::before {
  /* Left-top corner: 1px white bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.eEF10Z1nTAUfFFZgfDA71g\=\=::after {
  /* Right-top corner: 1px black bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

.eEF10Z1nTAUfFFZgfDA71g\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.ICzkHM30XE-0FL5MKykXRQ\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab corner bridging pixels */
.ICzkHM30XE-0FL5MKykXRQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.ICzkHM30XE-0FL5MKykXRQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with Windows 98 multi-layer border system */
.hTDs6tO6TBZtxLWqIoaXQw\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

/* Access key styling */
._0Hj9kVuuNnS1xpGzqDeiQQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* Tab not implemented message */
.RfbWCPAvmsM4D1A4plkEPQ\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #808080;
}

/* Bottom button row */
._9nWLads-gA8B5RSSIaXDGQ\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

._9nWLads-gA8B5RSSIaXDGQ\=\= button {
  min-width: 75px;
  text-align: center;
}
/* Install/Uninstall tab styling */

.VZXyG-AbaoXfwd8UIGVT2Q\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Install section */
._07sVwjaEwBO3iAnhsczZDA\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  background-color: #d4d0c8;
}

.\-913wEVvnFmGi5Sv96EHEw\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.faFKkCfebxGGvwyh6ONCBQ\=\= {
  flex: 1;
  line-height: 1.4;
}

.faFKkCfebxGGvwyh6ONCBQ\=\= p {
  margin: 0;
  color: #000;
}

/* Remove custom button styling - now using shared Button component */

/* Separator - matching your specification */
.IHduObhaqNu1eiKqytkfRQ\=\= {
  height: 2px;
  background-color: #87888f;
  border-top: 1px solid var(--button-shadow);
  border-bottom: 1px solid var(--button-highlight);
  margin: 0;
}

/* Uninstall section */
._3q4y\+lUnQykD80J0agmXkA\=\= {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 12px;
  background-color: #d4d0c8;
  gap: 12px;
}

.DIuolWP0fnSESzIuzH0gmg\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.DIuolWP0fnSESzIuzH0gmg\=\= .GfG-dr4m5Za8i7Wvk93Aiw\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.DIuolWP0fnSESzIuzH0gmg\=\= p {
  margin: 0;
  color: #000;
  line-height: 1.4;
  flex: 1;
}

._2w-O9Gg7zDMoBUggMssZ8w\=\= {
  align-self: flex-end;
  margin-top: 8px;
}
/* Uninstall list component styling with Windows 98 inset border */

.EsCkP\+KcY5kfyM3Sd\+tx\+g\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 120px;
}

.OH585bMzlBsuue8bINnjPw\=\= {
  flex: 1;
  background-color: #ffffff;
  overflow-y: auto;
  
  /* Windows 98 inset border effect matching your specification */
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
    
  padding: 2px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.c2AqX9L0xG79ZHcM8xiFTw\=\= {
  padding: 2px 4px;
  cursor: pointer;
  color: #000;
  background-color: transparent;
  border: 1px solid transparent;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 16px;
}

._2ys8De8wOE8JbJBwnLx5CA\=\= {
  background-color: #000080 !important;
  color: #ffffff !important;
  border: 1px dotted #ffffff;
}

/* Installation status styling - keep all text black normally, white when selected */
.c2AqX9L0xG79ZHcM8xiFTw\=\=.xuSeMsRyoi62l2M06m2Qrw\=\= .YjuRH6Wfw0a0VHXBI3Zz1w\=\= {
  font-weight: normal;
  color: #000000;
}

.c2AqX9L0xG79ZHcM8xiFTw\=\=.iiHsm-V6WQhH7-5oZgAUEw\=\= .YjuRH6Wfw0a0VHXBI3Zz1w\=\= {
  color: #000000; /* Keep text black for all items */
}

/* Override text color to white when selected */
._2ys8De8wOE8JbJBwnLx5CA\=\= .YjuRH6Wfw0a0VHXBI3Zz1w\=\= {
  color: #ffffff !important;
}

.TddVEPer51nx7DUdLmJ3kw\=\= {
  font-size: 11px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
}

.c2AqX9L0xG79ZHcM8xiFTw\=\=.xuSeMsRyoi62l2M06m2Qrw\=\= .TddVEPer51nx7DUdLmJ3kw\=\= {
  color: #000000; /* Always black */
}

.c2AqX9L0xG79ZHcM8xiFTw\=\=.iiHsm-V6WQhH7-5oZgAUEw\=\= .TddVEPer51nx7DUdLmJ3kw\=\= {
  color: #000000; /* Always black */
}

._2ys8De8wOE8JbJBwnLx5CA\=\= .TddVEPer51nx7DUdLmJ3kw\=\= {
  color: #ffffff !important; /* White when selected */
}

/* Scrollbar styling for Windows 98 authenticity */
.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar {
  width: 16px;
}

.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar-track {
  background-color: #d4d0c8;
  border: 1px solid #808080;
}

.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar-thumb {
  background-color: #d4d0c8;
  border: 1px outset #d4d0c8;
  min-height: 17px;
}

.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar-thumb:hover {
  background-color: #e6e6e6;
}

.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar-thumb:active {
  border: 1px inset #d4d0c8;
}

.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar-button {
  background-color: #d4d0c8;
  border: 1px outset #d4d0c8;
  height: 16px;
}

.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar-button:hover {
  background-color: #e6e6e6;
}

.OH585bMzlBsuue8bINnjPw\=\=::-webkit-scrollbar-button:active {
  border: 1px inset #d4d0c8;
}
/* Windows Setup Tab Styles */
.DjeNMuxCTJka1FaYu\+7STA\=\= {
  padding: 10px;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.xmZsxw9nZCHto16jOlgV8g\=\= {
  margin-bottom: 2px;
  line-height: 1.2;
  color: #000000;
}

.ZbSiuye-5R\+xO3CeepdEJg\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.Gjq6gVQUZf\+7r0ssaDAigQ\=\= {
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  margin-bottom: 2px;
}

.U8o-68ua6xJZxvEEsZCJGA\=\= {
  flex: 1;
  border: 1px solid #808080;
  border-top-color: #404040;
  border-left-color: #404040;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  background-color: #ffffff;
  min-height: 100px;
  max-height: 140px;
  overflow-y: auto;
  padding: 2px;
}

._1K85xA6a7E2bYy3WSvP18w\=\= {
  display: flex;
  align-items: center;
  padding: 1px 2px;
  height: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  outline: none;
}

._1K85xA6a7E2bYy3WSvP18w\=\=:focus {
  outline: none !important;
  border: 1px solid transparent !important;
}

._9dDD5aT1o3arGUBpJOPOdA\=\= {
  background-color: #000080 !important;
  color: #ffffff !important;
  outline: none !important;
  border: 1px solid transparent !important;
}

._9dDD5aT1o3arGUBpJOPOdA\=\= .FfbmK-5qPagfvr1Y14h\+TA\=\=,
._9dDD5aT1o3arGUBpJOPOdA\=\= .Uv5N3q0Qj6iIf21C-XGegA\=\= {
  color: #ffffff !important;
}

.MIqLKrC-\+o2kEWwhxIA9fA\=\= {
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 4px;
  position: relative;
  transform: translateY(-6px);
}

/* Completely override the Checkbox component for minimal list-style checkboxes */
.MIqLKrC-\+o2kEWwhxIA9fA\=\= .RDRAzgA3WWnPyUZLFPU1HQ\=\= {
  padding-left: 0 !important;
  position: relative;
}

.MIqLKrC-\+o2kEWwhxIA9fA\=\= .RDRAzgA3WWnPyUZLFPU1HQ\=\=::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 13px !important;
  height: 13px !important;
  border: 1px solid #808080 !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

/* Remove focus outline */
.MIqLKrC-\+o2kEWwhxIA9fA\=\= .S5k\+0bhxkQoG-d40aHwOWg\=\=:focus + .RDRAzgA3WWnPyUZLFPU1HQ\=\=::before {
  outline: none !important;
}

/* Simple checkmark for checked state */
.MIqLKrC-\+o2kEWwhxIA9fA\=\= .S5k\+0bhxkQoG-d40aHwOWg\=\=:checked + .RDRAzgA3WWnPyUZLFPU1HQ\=\=::after {
  content: "✓" !important;
  position: absolute !important;
  left: 2px !important;
  top: -1px !important;
  width: auto !important;
  height: auto !important;
  background-image: none !important;
  font-size: 11px !important;
  color: #000000 !important;
  font-weight: bold !important;
  line-height: 1 !important;
}

.SNQtmkhLT0vMmv6i3NauHA\=\= {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FfbmK-5qPagfvr1Y14h\+TA\=\= {
  flex: 1;
  color: #000000;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Uv5N3q0Qj6iIf21C-XGegA\=\= {
  width: 50px;
  text-align: right;
  color: #000000;
  font-size: 11px;
  margin-left: 4px;
}

.aNzJ7Mn0uJpZUZ6ZZYzLxQ\=\= {
  padding: 4px 0;
  margin-bottom: 6px;
}

.cejToSUyXkEGNNA4caSCGw\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1px;
  font-size: 11px;
}

.cejToSUyXkEGNNA4caSCGw\=\=:last-child {
  margin-bottom: 0;
}

._2OJouvgPTg3oWYzavpXeyQ\=\= {
  color: #000000;
}

.KCqY7Ls8qEY65t8KkM2wXA\=\= {
  color: #000000;
  font-weight: normal;
}

.urgC3aOulw5ML58NJLXAMg\=\= {
  margin-bottom: 8px;
}

.cfJfx3mryrtgGsTsL1HDdQ\=\= {
  border: 1px solid #808080;
      box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
  background-color: #d4d0c8;
  padding: 8px;
  margin: 0;
  min-height: 30px;
}

._0TTX40Woh5UOuqIAtsaoyg\=\= {
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  background-color: #d4d0c8;
  padding: 0 4px;
  margin-left: 8px;
}

.YnwgRDK\+\+Et0nzvloAbD7w\=\= {
  font-size: 11px;
  color: #000000;
  line-height: 1.2;
  margin: 0;
}

._7i0oxGY0L3W3FWD9Bvg76Q\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

/* Loading dialog styles */
.XiTHIRPD20lnM8KD\+1\+DeQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d4d0c8;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.bPx2mIOCRvbClxY9W20Jeg\=\= {
  background-color: #d4d0c8;
  border: 1px solid #808080;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-right-color: #404040;
  border-bottom-color: #404040;
  box-shadow: 1px 1px 0 #000000;
  padding: 12px 16px;
  min-width: 280px;
  display: flex;
  align-items: center;
}

.mpczNQxc24f0Fxsj33vnmg\=\= {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.yVnZ6rLjx5r9oxExZxpR2w\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.fQCxz9yGC7JkdOq9O3qjSQ\=\= {
  width: 32px;
  height: 32px;
  image-rendering: pixelated;
}

.LBuHQUYx4P862eQDZJ0gzg\=\= {
  flex: 1;
}

.VRBAR8jK0YRiKB03AWITIg\=\= {
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  margin-bottom: 4px;
}

.yCRR633\+ZdJAIkUul-Ji6A\=\= {
  font-size: 11px;
  color: #000000;
  line-height: 1.2;
}

/* Tab not implemented placeholder styles */
._2opadMli6uYxq8YmSWjgmg\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #808080;
}

._2opadMli6uYxq8YmSWjgmg\=\= h3 {
  margin-bottom: 16px;
  color: #000000;
}

._2opadMli6uYxq8YmSWjgmg\=\= p {
  margin-bottom: 8px;
  line-height: 1.4;
}
/* Startup Disk Tab Styles */
.mxmOt8VKsx0d9QoGYRv9Rw\=\= {
  padding: 20px;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.YmvSqng2pBcPW\+-kXnFjpg\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.HXCsnr3nwU\+v7JtPYY\+qrQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 280px;
  text-align: left;
}

.dEqlqtTJOiCup060pk-L8Q\=\= {
  line-height: 1.3;
  color: #000000;
  font-size: 11px;
}

.bbN4s2m6PUMPvnjUlDjNEA\=\= {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

/* Tab not implemented placeholder styles */
.PkH1EaMwdyMu8QWYkjBi0Q\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #808080;
}

.PkH1EaMwdyMu8QWYkjBi0Q\=\= h3 {
  margin-bottom: 16px;
  color: #000000;
}

.PkH1EaMwdyMu8QWYkjBi0Q\=\= p {
  margin-bottom: 8px;
  line-height: 1.4;
}
.lMrvI9IE-6EP\+IKIfMYeyA\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; /* Ensure full width usage */
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  /* Adjust for window padding - ensures content fits properly */
  margin: 0;
  padding: 0;
  /* Ensure the status bar is always visible by preventing overflow */
  min-height: 0;
}

/* Splash screen */
.XWimoNlHLjvWMflqNaf1eA\=\= {
  background-image: url('../images/mediaplayer-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: #000;
}

.cQQtM\+D3e\+3acSpReInRmA\=\= {
  flex: 1;
}

/* Audio Player Specific Styling - Compact Microsoft Sound style */
.vWgLpqpshj2wrr5mJADpKQ\=\= {
  display: flex;
  flex-direction: column;
  background-color: #d4d0c8;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* Style for audio mode - ensure consistent display behavior */
._7eMjFTviIPZehttNqQkRNw\=\= .CFIvWa-V053U3k1drzCgRg\=\= {
  display: flex !important; /* Keep same flex behavior as video mode */
  height: 160px !important; /* Force consistent height */
  min-height: 160px !important; /* Force consistent min-height */
}

._7eMjFTviIPZehttNqQkRNw\=\= .h01w0lnGB3jQmeak8iwlYw\=\= {
  visibility: hidden; /* Hide markers but preserve space */
}

/* Audio status bar styling with !important to ensure font application */
._74PMGn-tBSN6l6ZndQ1VIQ\=\= {
  background-color: #000000 !important;
  color: #ffffff !important;
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  height: 16px;
  line-height: 16px;
  padding: 0;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  border-top: none;
}

._74PMGn-tBSN6l6ZndQ1VIQ\=\= .bd4fIJijCckZGKHoyvx5iQ\=\= {
  border: none;
  padding: 0 5px;
  font-family: inherit !important;
}

.G4LblJVsShFoXF68reJxFA\=\= {
  margin: 0 10px;
  padding: 6px 10px;
  height: 26px;
  display: flex;
  align-items: center;
  background-color: #c0c0c0;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.F5bzYBDCuNycgLoMLVV8Xw\=\= {
  flex: 1;
  height: 10px;
  background-color: #ffffff;
  border: 2px inset #dfdfdf;
  margin: 0;
  position: relative;
  cursor: pointer;
}

.MNOhBqKafFh\+gCWf9ERY1w\=\= {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #000080;
}

/* Audio Controls for compact player */
._11e6yfvc0fylfW21mOI6pw\=\= {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  background-color: #d4d0c8;
}

.TEypehTeq6Kf9C4CqvZudA\=\= {
  display: flex;
  align-items: center;
  background-color: #d4d0c8;
}

._88oc6UOYi8W1kFbT1zvbww\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
}

.z296Xs7IzeUHQ0qoKPmxjQ\=\= {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* Video Player Styling */
.CFIvWa-V053U3k1drzCgRg\=\= {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  background-image: url('../images/mediaplayer-bg.png'); /* Default background */
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto; /* Never scale - keep original size */
  color: #ffffff;
  margin: 2px;
  /* Set reasonable fixed height that ensures status bar visibility */
  height: 160px;
  overflow: hidden;
}

/* Fullscreen controls */
.fd5DwmgSi3KC-TPIyRhymw\=\= {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.fd5DwmgSi3KC-TPIyRhymw\=\=:hover {
  opacity: 1;
}

.cIcC-0lP71oBPl610pYOEg\=\= {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #000;
}

.fOjOlnASVtTx0u9IsbIzDQ\=\= {
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  padding: 4px 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer;
}

.fOjOlnASVtTx0u9IsbIzDQ\=\=:active {
  padding: 5px 11px 3px 13px;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
}

.CFIvWa-V053U3k1drzCgRg\=\= video {
  width: 100% !important; /* Ensure video fills container */
  height: 100% !important; /* Ensure video fills container */
  display: block;
  -o-object-fit: contain;
     object-fit: contain; /* Maintain aspect ratio */
  margin: 0;
}

._9TFU5Equ1w\+osTNDee2CAw\=\= {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-shadow: 1px 1px 1px #000000;
  pointer-events: none;
}

.CFIvWa-V053U3k1drzCgRg\=\= p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px;
  word-break: break-all;
}

.nbiXIe9M1TcZCtn48w5KKQ\=\= {
  display: flex;
  flex-direction: column;
  padding: 5px 7px 1px;
  background-color: #d4d0c8;
  font-size: 10px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  width: 100%; /* Always fill the full width */
  box-sizing: border-box;
  /* Ensure progress bar doesn't expand unnecessarily */
  flex-shrink: 0;
}

.JQOVW1vGHhw7n40VO5lHnA\=\= {
  display: flex;
  width: 100%;
  margin-bottom: -14px;
}


.h01w0lnGB3jQmeak8iwlYw\=\= span {
  position: relative;
  font-size: 0; /* Hide the text but keep the element */
}



.vXKFlLGbGH4Du3WOYYR1jQ\=\= {
  flex: 1;
  height: 10px;
  background-color: #ffffff;
  border: 1px inset #dfdfdf;
  margin: 0;
  position: relative;
  cursor: pointer;
}

.JL4IIZiHYuH8N-kEAsBKHw\=\= {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #000080;
}

.OKca5utsPvk-mNofL7AQWQ\=\= {
  min-width: 45px;
  height: 20px;
  background-color: #000000;
  color: #ffffff;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px inset #808080;
  margin-left: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._34pk\+0GmUZUfjp8MDUklsw\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  background-color: #d4d0c8;
  min-height: 35px;
  width: 100%; /* Always fill the full width */
  box-sizing: border-box;
  /* Ensure controls don't expand unnecessarily */
  flex-shrink: 0;
}

.FhfzjYTZbe--MUUxYJfbsw\=\= {
  width: 21px;
  height: 21px;
  margin-right: 4px;
  background-color: #d4d0c8;
  font-size: 12px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* Active/pressed state with checkerboard pattern */
.FhfzjYTZbe--MUUxYJfbsw\=\=.UbhUfz-e7qmH\+zhJKgncnQ\=\= {
  border-top: 1px solid #808080 !important;
  border-left: 1px solid #808080 !important;
  border-bottom: 1px solid #FFFFFF !important;
  border-right: 1px solid #FFFFFF !important;
  /* Add checkerboard pattern overlay */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAAAAABX3VL4AAAADklEQVQIHWP4f4DhwH8ACoADf16N/DIAAAAASUVORK5CYII=');
  background-size: 2px 2px;
  background-repeat: repeat;
  /* Shift icon slightly */
  transform: translate(1px, 1px);
}

/* Styling for SVG icons (both normal and disabled) */
._5ZMj\+5SIxGtZnxelwPeY4g\=\= {
  width: 16px !important;
  height: 16px !important;
  display: block;
  color: black;
}

/* Disabled styling for SVG icons */
.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled svg._5ZMj\+5SIxGtZnxelwPeY4g\=\= rect,
.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled svg._5ZMj\+5SIxGtZnxelwPeY4g\=\= path,
.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled svg._5ZMj\+5SIxGtZnxelwPeY4g\=\= polygon {
  fill: #808080;
  filter: drop-shadow(1px 1px white);
}


/* Disabled button styling */
.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px #ffffff;
  cursor: default;
}


/* Styling for SVG icons */
.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled svg._5ZMj\+5SIxGtZnxelwPeY4g\=\= {
  position: relative;
}

.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled svg._5ZMj\+5SIxGtZnxelwPeY4g\=\= rect,
.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled svg._5ZMj\+5SIxGtZnxelwPeY4g\=\= path,
.FhfzjYTZbe--MUUxYJfbsw\=\=:disabled svg._5ZMj\+5SIxGtZnxelwPeY4g\=\= polygon {
  fill: #808080;
  /* Create white shadow with a filter */
  filter: drop-shadow(1px 1px white);
}

.FhfzjYTZbe--MUUxYJfbsw\=\=:active {
  padding: 1px 0 0 1px;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
}

.jYxOI6\+DtflbkzQGnXVneQ\=\= {
  width: 24px;
  height: 24px;
  margin-right: 2px;
  background-color: #d4d0c8;
  font-size: 12px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.jYxOI6\+DtflbkzQGnXVneQ\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -4px;
}

.jYxOI6\+DtflbkzQGnXVneQ\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px #ffffff;
  cursor: default;
}

.jYxOI6\+DtflbkzQGnXVneQ\=\=:active {
  padding: 1px 0 0 1px;

}

/* Volume slider with custom track image */
/*DO NOT CHANGE*/
.ZJ2Cu3Uta6ZdszQZCYbMVw\=\= {
  width: 56px; /* Match the background image width */
  height: 16px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: url('../images/sidevolume.png') no-repeat;
}

/* Customized volume slider with background image */
/*DO NOT CHANGE*/
.ZJ2Cu3Uta6ZdszQZCYbMVw\=\= input {
  width: 56px; /* Match the background image width */
  height: 0px;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-size: 100% 100%;
  border: none;
  outline: none;
  box-shadow: none;
}

/* Chrome/Edge/Safari thumb styling */
.ZJ2Cu3Uta6ZdszQZCYbMVw\=\= input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 20px;
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  cursor: pointer;
  border-radius: 0; /* Ensure square corners */
}

/* Firefox-specific thumb styling */
.ZJ2Cu3Uta6ZdszQZCYbMVw\=\= input::-moz-range-thumb {
  width: 8px;
  height: 20px;
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  cursor: pointer;
  border-radius: 0; /* Force square corners in Firefox */
}

/* Chrome/Edge/Safari track styling */
.ZJ2Cu3Uta6ZdszQZCYbMVw\=\= input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Firefox track styling */
.ZJ2Cu3Uta6ZdszQZCYbMVw\=\= input::-moz-range-track {
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Disabled state */
.ZJ2Cu3Uta6ZdszQZCYbMVw\=\= input:disabled {
  opacity: 0;
  cursor: not-allowed;
}

.Smcy-R-ty-oC69obpb58sw\=\= {
  margin-top: auto;
  display: flex;
  justify-content: space-between; /* Space between status and time */
  align-items: center;
  height: 20px; /* Windows 98 Media Player status bar height */
  font-size: 11px;
  line-height: 20px;
  background-color: #000000; /* Black background */
  color: #ffffff; /* White text */
  font-family: 'PixelatedMsSansSerif', sans-serif;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px; /* Padding on the sides */
  /* Single sunken border effect */
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  /* Ensure status bar is always visible */
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}

.bd4fIJijCckZGKHoyvx5iQ\=\= {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Status text on the left */
.bd4fIJijCckZGKHoyvx5iQ\=\=:first-child {
  flex: 0 0 auto;
}

/* Time display on the right */
.bd4fIJijCckZGKHoyvx5iQ\=\=:last-child {
  flex: 0 0 auto;
}

/* Audio player status bar with time display on right */
._74PMGn-tBSN6l6ZndQ1VIQ\=\= {
  background-color: #000000 !important;
  color: #ffffff !important;
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  height: 16px;
  line-height: 16px;
  padding: 0;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  border-top: none;
}

._74PMGn-tBSN6l6ZndQ1VIQ\=\= .bd4fIJijCckZGKHoyvx5iQ\=\= {
  border: none;
  padding: 0 5px;
}
/* ULTIMATE VOLUME SLIDER FIX - Eliminate ALL browser track rendering */

/* Container fixes */
.wRwCkNSpCMXfOIQC06qJbA\=\=,
._88m0JyNzPOFWyJZjz6lEzQ\=\= {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Input element - Complete browser override */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  
  /* Positioning and size */
  width: 56px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  
  /* Remove ALL browser styling */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: url('../images/sidevolume.png') no-repeat !important;
  background-size: 56px 16px !important;
  background-position: center !important;
}

/* WEBKIT BROWSERS (Chrome, Safari, Edge) - Eliminate ALL track pseudo-elements */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 0 !important;
  width: 0 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]::-webkit-slider-track {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 0 !important;
  width: 0 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* FIREFOX - Eliminate track */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]::-moz-range-track {
  -moz-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 0 !important;
  width: 0 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* EDGE/IE - Eliminate track */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]::-ms-track {
  appearance: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 0 !important;
  width: 0 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Webkit thumb styling (keep this working) */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 10px !important;
  height: 20px !important;
  background-color: #d4d0c8 !important;
  border: 1px solid #000 !important;
  border-top: 1px solid #dfdfdf !important;
  border-left: 1px solid #dfdfdf !important;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  margin-top: -10px !important; /* Center on track */
}

/* Firefox thumb styling (keep this working) */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]::-moz-range-thumb {
  -moz-appearance: none !important;
  appearance: none !important;
  width: 8px !important;
  height: 20px !important;
  background-color: #d4d0c8 !important;
  border: 1px solid #000 !important;
  border-top: 1px solid #dfdfdf !important;
  border-left: 1px solid #dfdfdf !important;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}

/* FOCUS STATES - Remove ALL focus indicators */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:focus,
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:focus::-webkit-slider-runnable-track,
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:active::-webkit-slider-runnable-track,
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:focus::-webkit-slider-track,
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:active::-webkit-slider-track {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:focus::-moz-range-track,
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:active::-moz-range-track {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* DISABLED STATE */
._88m0JyNzPOFWyJZjz6lEzQ\=\= input[type="range"]:disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
}

/* Microsoft MIDI Play CSS */

.auxODSZ0YBfprq6biZaLAQ\=\= {
  position: relative;
  width: 100%;
  height: 100%;
}

.i5brvMlIN5DN\+mKCWnKsVQ\=\= {
  position: relative;
  width: 100%;
  height: 100%;
}

.RpK7uslOWtCdzzZasVyU1Q\=\= {
  width: 100%;
  height: 540px; /* Reduced from 565px to 540px to make more room for EnhancedStatusBar */
  border: none;
  display: block;
  background-color: #d4d0c8;
  overflow: hidden;
}

/* Enhanced Status Bar for MIDI Play */
.ZvqE0yNojyi7O\+MdI0\+feg\=\= {
  /* Ensure it matches other enhanced status bars */
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
}

/* Latency Dialog */
.abQvcetvFEWs7qF5jn49WA\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._98EWYu6LYs\+I9IC0eUJTNw\=\= {
  background-color: #d4d0c8;
  border: 2px outset #d4d0c8;
  padding: 16px;
  min-width: 300px;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
}

._98EWYu6LYs\+I9IC0eUJTNw\=\= h3 {
  margin: 0 0 12px 0;
  font-size: 11px;
  font-weight: bold;
}

._98EWYu6LYs\+I9IC0eUJTNw\=\= p {
  margin: 0 0 12px 0;
}

._98EWYu6LYs\+I9IC0eUJTNw\=\= select {
  width: 100%;
  height: 21px;
  border: 2px inset #ffffff;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 11px;
  margin-bottom: 16px;
}

.lSxSknXSfG4O-0hOC-choA\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.lSxSknXSfG4O-0hOC-choA\=\= button {
  /* Use global .win98-button styling - no custom styles needed */
}
/**
 * MissingShortcutDialog.css
 * 
 * Windows 98 styling matching Rundll32ErrorApp exactly
 */

.Pf4DqDZL7dWHiTzG2QsGOQ\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.gepcrY2UEbxFmtFTb\+Sb8w\=\= {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  align-items: flex-start;
}

.ZYd\+lOmiyEcV-HmSDyYAWA\=\= {
  width: 56px;
  height: 35px;
  background-image: url(../images/missingsearch.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 56px 35px;
  flex-shrink: 0;
}

.KYMFEQWxqp-awqkMjd6B0A\=\= {
  flex: 1;
}

._3YAgb\+3hErRs9A6FSHAtcA\=\= {
  font-size: 11px;
  line-height: 1.4;
  margin-bottom: -4px;
}

._3YAgb\+3hErRs9A6FSHAtcA\=\= strong {
  font-weight: normal;
}

.jKGmvcCJlUgoNjlzhBogRg\=\= {
  height: 8px;
}

.ox0oCbXgqjk5AJuyoQKGlw\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;
}

/* Windows 98 authentic styling for Mouse Properties dialog */

.yzo8Dvr43MdkfgSJ7tmW9Q\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.DJ862TinpRjVs1QYH\+l3ow\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.j3fJh70\+IQYlipntvkN3kw\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.j3fJh70\+IQYlipntvkN3kw\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.j3fJh70\+IQYlipntvkN3kw\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.j3fJh70\+IQYlipntvkN3kw\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.tYwYWMN9IAlesyNteHooyA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.tYwYWMN9IAlesyNteHooyA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.tYwYWMN9IAlesyNteHooyA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.zTl9J-6jt2-69V8c\+WF9VQ\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}


/* Disabled tab styling */
.MakJtWIusSzShOEYlcwgNg\=\= {
  color: #808080;
  cursor: default;
}

.MakJtWIusSzShOEYlcwgNg\=\= a {
  color: #808080;
}

/* Access key styling - removed underline */
.ZpsSdlBKrfFRhY2wJ6qYkA\=\= {
  /* No underline for tab access keys */
}

/* Tab not implemented message */
.hyfizV8fGPhxAhFCTHu7uA\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #808080;
}

/* Bottom button row */
.B2tvXiaXk5XNCN\+hJhJfnw\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.B2tvXiaXk5XNCN\+hJhJfnw\=\= button {
  min-width: 75px;
  text-align: center;
}
/* Buttons tab styling for Mouse Properties */

.mQYCRcCELW8ZrQrVW1ZKsw\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 12px;
  margin-top: 20px;
}

/* Fieldset styling matching Windows 98 */
.EQKg4jCrVVypoQQuIzL1pQ\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.-pVL6FewG\+yd93hi6ps0qw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
}

/* Access key styling - removed underline for buttons tab */
.G-X4-cOyGrGE3FyBVE13PQ\=\= {
  /* No underline for access keys */
}

/* Button Configuration Section */
.njo4jqr1NWwXR0VTnc6RRg\=\= {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.p5yXE\+a22XXSLnaHFmg5ow\=\= {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 100px;
  justify-content: center;
  align-self: center;
}

.a5wSY8QKHfy3E1wmat5dmg\=\= {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 6px;
}

.a5wSY8QKHfy3E1wmat5dmg\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal !important;
  display: inline-block;
  width: auto;
  line-height: 16px;
}

.a5wSY8QKHfy3E1wmat5dmg\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

/* Chrome-compatible radio button input */
.a5wSY8QKHfy3E1wmat5dmg\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.a5wSY8QKHfy3E1wmat5dmg\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

.a5wSY8QKHfy3E1wmat5dmg\=\=.xAgCe5Ivo7LLrGjA4nHqWg\=\= {
  color: #808080;
}

.xAgCe5Ivo7LLrGjA4nHqWg\=\= input[type="radio"] {
  cursor: default;
}

.xAgCe5Ivo7LLrGjA4nHqWg\=\= label::before {
  opacity: 0.5;
}

.kCR59lM8qX1H3f6npNweXg\=\= {
  color: #808080 !important;
  cursor: default;
  font-weight: normal !important;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.jSHSVk1rC80DUTkEYJ5rWQ\=\= {
  /* Compatibility class - actual styling handled by input[type="radio"] above */
}

.V8rM9whgtiVVugq3KwXK4w\=\= {
  /* Compatibility class - actual styling handled by label above */
}

.Zfew3TxCP1PTCJb522YMcQ\=\= {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 16px 0 16px;
}

.yrVBzd7rqwBbpc7IkOsTAg\=\= {
  max-width: 100px;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

.VaeJWHjap43BaEaRWO0bdQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.CxxB71MeN16bQUNXqbW5Cg\=\= {
  display: flex;
  flex-direction: column;
}

.\+QqAxaotEN7weO-7Unmp3A\=\= {
  display: flex;
  flex-direction: column;
}

.BPHSZTHBb4f7Nxl6TYWcug\=\= {
  font-weight: normal;
  margin-bottom: 2px;
}

._8SJAS38cEKnLMpwk8OGZFA\=\= {
  font-size: 11px;
  margin-left: 8px;
}

/* Double-Click Speed Section */
.HmzjWlMhMWtH2eZ\+fyPvsA\=\= {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 120px;
}

.dP3lmOA7G3Y5NAjQQjksaQ\=\= {
  flex: 1;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.qblyu-7kcn5z2TDgj3HcYg\=\= {
  display: none; /* Hide since text is now included in slider image */
}

._2DEkNJT0FAzLQqxedKG6PA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.Yj3oTEiGt0dHENHrWf4uWQ\=\= {
  display: flex;
  justify-content: center;
}

.oU3vgECURoz0E-ZUhzl4gg\=\= {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

.gJAOfz6xjnJ9ROxyxpGQ\+A\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.iGOMqojPvXSb3g3sZyxOVQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.DP1dFeTtAm5Wa5\+W9mlP4g\=\= {
  width: 80px;
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background-color: #d4d0c8;
}

.K1EsFE5js3JX1YspKwgd6g\=\= {
  width: 76px;
  height: 81px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
/* PointersTab.css - Styling for the Mouse Properties Pointers tab */

.wlDn2NmvjrSZuId7Kc9zRA\=\= {
  display: flex;
  flex-direction: column;
  padding: 8px;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Scheme Selection Fieldset */
.oA04hVM14YTOMfoa13Bvmw\=\= {
  border: 1px solid #808080;
  margin: 0 0 6px 0;
  padding: 8px;
  position: relative;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  background-color: #d4d0c8;
  height: 85px;
}

/* Remove the legend styling and add: */
.IQS-qgO1UVGpbacc\+HOfQA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8; /* Critical: matches container background */
  padding: 0 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  z-index: 2;
}

._1YvQh\+tonYR6cKoLFgDjZg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}

/* Top row: Dropdown, Preview, and Buttons all in same row */
._1RAhbV5Hd4-1kpQb8HfPCg\=\= {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

._4UNx8\+ebsWQ5PmE9LsusKQ\=\= {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.qE8JWNdVOnwusiHEFwf1vA\=\= {
  width: 140px; /* Narrower to make room for buttons */
}

/* Preview in scheme section */
.gY8cBimLsYeU1xBGsqVJ-g\=\= {
  width: 55px; /* Increased by 10px */
  height: 50px; /* Increased by 10px */
    border: 1px solid #808080;
  border-top-color: #404040;
  border-left-color: #404040;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.Q\+hlOA1MThcCCqGqI41dtA\=\= {
  /* Display at 100% original size - no scaling */
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Buttons now in top row */
._5WH95PoB6gowLUli3pcDpQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-self: flex-start;
}

.\+XrpL0I948UOCWK8ws-jBw\=\= {
  min-width: 90px;
}

/* Main Content Area - cursor list only now */
.DtMwxiwLk-8LZlIKZUBmmg\=\= {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0; /* Allow flexbox to handle sizing */
}

/* Cursor List - takes available space */
._05\+3PVHOl36YLQPTzccgeg\=\= {
  flex: 1;
    border: 1px solid #808080;
  border-top-color: #404040;
  border-left-color: #404040;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  background-color: #ffffff;
  padding: 2px;
  overflow-y: auto;
  overflow-x: hidden; /* Prevent horizontal scroll */
  min-height: 180px;
}

.Q8ArbEIr5HOr-wUhoaherw\=\= {
  display: flex;
  flex-direction: column;
}

.J2WrLnL0rB2gd0N1eXpY1g\=\= {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-height: 34px;
  width: 100%; /* Use full available width instead of fixed */
  box-sizing: border-box;
}

/* Removed hover state - no background change on hover */

.J2WrLnL0rB2gd0N1eXpY1g\=\=.r9q77kBVr-t3lB8jjeIZhw\=\= {
  background-color: #000080;
  color: #ffffff;
}

.MbD2J5pdWOzmkBcdleH7tw\=\= {
  /* Display at 100% original size - no scaling */
  margin-right: 8px; /* Increased margin for better spacing */
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  flex-shrink: 0;
}

.Z3noQ45wPuT-BXQm3F6rmw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.2;
  flex: 1;
}

/* Bottom Controls */
.itcfpIFjOhQQ6VHU4LtQhA\=\= {
  display: flex;
  gap: 8px;
  margin-top: 8px; /* Normal spacing */
  justify-content: flex-end;
  flex-shrink: 0; /* Don't shrink when space is tight */
}

.itcfpIFjOhQQ6VHU4LtQhA\=\= button {
  min-width: 75px;
}

/* No preview fallback (for scheme preview) */
.fzZIHF3yFrwwXuHAzrf1CA\=\= {
  color: #808080;
  font-size: 9px;
  text-align: center;
  line-height: 1;
}

/* Responsive adjustments for smaller windows */
@media (max-height: 400px) {
  .wlDn2NmvjrSZuId7Kc9zRA\=\= ._05\+3PVHOl36YLQPTzccgeg\=\= {
    max-height: 180px;
  }
  
  .wlDn2NmvjrSZuId7Kc9zRA\=\= .oA04hVM14YTOMfoa13Bvmw\=\= {
    height: 60px;
  }
}

/* Windows 98 authentic styling for Keyboard Properties dialog */

.LFU3YmWuqDUbdVTCk0dK\+w\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.UB1azLc3NJQz7OVDmrITew\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.dk-hGlt3YiKuUZhS3vrk5g\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.dk-hGlt3YiKuUZhS3vrk5g\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.dk-hGlt3YiKuUZhS3vrk5g\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.dk-hGlt3YiKuUZhS3vrk5g\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.DdgKe8aBny-CDzd7Spmv4w\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.DdgKe8aBny-CDzd7Spmv4w\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.DdgKe8aBny-CDzd7Spmv4w\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.DLPJAxqxGnwAMxj4eEy\+hw\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}


.RjYVeZxAzxB1zHWv1tslzA\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.iNMDU7XqWwZeBjXgw0FYVQ\=\= {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* Prevent image dragging and selection */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

/* Access key styling */
.\+F2r1ZskTw\+UsULQ\+QPSjg\=\= {
  /* No underline for tab access keys */
}

/* Bottom button row */
.OXiSIlbYjzqOoGp-HgUZ4Q\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.OXiSIlbYjzqOoGp-HgUZ4Q\=\= button {
  min-width: 75px;
  text-align: center;
}
/* Windows 98 authentic styling for Passwords Properties dialog */
/* Based on KeyboardPropertiesApp.css with modifications for two tabs */

.KnFVWh1ZvQm4xpwftZf4Kg\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.zI3u53zIUz4XfBwPrI-4Uw\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

._3qt7-Mn\+a5ZA5wYcR2H4sA\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
._3qt7-Mn\+a5ZA5wYcR2H4sA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

._3qt7-Mn\+a5ZA5wYcR2H4sA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

._3qt7-Mn\+a5ZA5wYcR2H4sA\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.WRpMvrBAdy757RiQ5JpvMA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.WRpMvrBAdy757RiQ5JpvMA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.WRpMvrBAdy757RiQ5JpvMA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.IPHXKkpmnC-D8t46KnL2cw\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}


.cg0ykRCDHtTss8MXFvccGA\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.tPmviunZGcZs0VMjA0fasg\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.rfDaHK1Xcp\+t7yOIVkAmcQ\=\= {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* Prevent image dragging and selection */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

/* Access key styling */
.fkGAF1XqKJCJgEt\+CzDHoA\=\= {
  /* No underline for tab access keys */
}

/* Bottom button row */
.tHNB3BV4CR9fySJ0DApp1Q\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.tHNB3BV4CR9fySJ0DApp1Q\=\= button {
  min-width: 75px;
  text-align: center;
}

/* Windows 98 authentic styling for Modems Properties dialog */
/* Based on KeyboardPropertiesApp.css with modifications for modem list and fieldset */

.HzaEQ2XbCL50WOidyyVcaw\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

._6UVU8Z3nsfDlVDsIc0md2g\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.g4z73-3vPQm\+T1VmemSfbw\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.g4z73-3vPQm\+T1VmemSfbw\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.g4z73-3vPQm\+T1VmemSfbw\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.g4z73-3vPQm\+T1VmemSfbw\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.igdZQPkM0z\+AlcsAfNhmPA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.igdZQPkM0z\+AlcsAfNhmPA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.igdZQPkM0z\+AlcsAfNhmPA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.ZNr24X\+ChYEjq98waP45Pg\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}


.k4zQcfE3KqMcOmA9wTyvjw\=\= {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 12px;
}

/* Description section with icon and text */
.F4MPpPtx-v9GcHl441Sluw\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.wowLCb55EXLYfZWHWiIRww\=\= {
  flex-shrink: 0;
}

._9UdhbIVcR6pcHzCYX3Dedw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
  padding-top: 8px;
}

/* Modem list with authentic Windows 98 inset border (based on ScanDisk) */
._5nCFHpdaEh9Vp0UyurXdHA\=\= {
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */

  background-color: #ffffff;
  padding: 4px;
  min-height: 60px;
  margin-bottom: 8px;
}

.BE6ERj07C2Oe\+-cBousfTQ\=\= {
  display: flex;
  align-items: center;
  padding: 0;
  gap: 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
}

._9CzHCIrQZC-7WpWOj4b7LQ\=\= {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.cDfnSG39-BMgjaF371Kjcg\=\= {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 1px 0 2px;
  color: #000000;
}

/* Selection highlighting - only the text, following ListView pattern */
.cDfnSG39-BMgjaF371Kjcg\=\=.A1m2XieYOETqN3-DwDLykQ\=\= {
  background-color: #000080 !important;
  color: #ffffff !important;
  border: 1px dotted #ffff7f !important;
  outline: none;
  /* Selected state: Show full text without truncation */
  text-overflow: initial;
  text-overflow: unset;
  white-space: normal;
  word-wrap: break-word;
  max-width: 300px; /* Allow more width when selected */
}

/* Action buttons row */
._3N7IkHAvjnAis8WeXpTzHg\=\= {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}

/* Dialing Preferences fieldset - following Date/Time Properties pattern */
.\+ftDsvhl6JEXVzB2ozEYxw\=\= {
  border: 1px solid #808080;
  padding: 12px 8px 8px 8px;
  margin: 0;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
            1px 1px 0 #ffffff; /* outer highlight */
  position: relative;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.\+ftDsvhl6JEXVzB2ozEYxw\=\= legend {
  font-size: 11px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  color: #000000;
  padding: 0 4px;
  margin-left: 8px;
  background-color: #d4d0c8;
}

.GdkkpLQKZD4QA9-oF4TmHQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ECZWHEpdBFFtQJuIxGVAnw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

._4P6LHNd1qI79zhKMcv81ow\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.p3CmAWkMQ7WHIE15CHzo1Q\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.TI661pgM7nd\+3cDw6BQfhw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
  margin: 4px 0;
}

.N7fTJCqjBSUZgPq-rwzHJA\=\= {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

/* Access key styling */
.KW0r6zshAFQasIKNix4q0g\=\= {
  /* No underline for tab access keys */
}

/* Bottom button row */
.f0eE11xSIybMW0B1pd\+czw\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.f0eE11xSIybMW0B1pd\+czw\=\= button {
  min-width: 75px;
  text-align: center;
}

/* Windows 98 authentic styling for Network Properties dialog */
/* Based on ModemsPropertiesApp.css with modifications for network components */

.x3epqZFABukJKLDDrXh08Q\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.L0Dja-bhqZkURw8hvCJGuQ\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.bEvJN9vcd0XMq9w3niDJyA\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.bEvJN9vcd0XMq9w3niDJyA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.bEvJN9vcd0XMq9w3niDJyA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.bEvJN9vcd0XMq9w3niDJyA\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.\+ucRYTCa0JAXFn\+g41X4nA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.\+ucRYTCa0JAXFn\+g41X4nA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.\+ucRYTCa0JAXFn\+g41X4nA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.ySImOJ2tLOQvzE9jVOr8Tg\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

.JIjjA8DyFkwQ22ZVUBSpiw\=\= {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 12px;
}

/* Description section with icon and text */
.Eojb8KZv-AJtYtnCxHX7Iw\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

._31BaMcF4924T6fiTXcKtSw\=\= {
  flex-shrink: 0;
}

.unjVXgLNs3QXCEYF86fW5w\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
  padding-top: 8px;
}

/* Network component list with authentic Windows 98 inset border (based on ScanDisk) */
.NwudbjrLyEsCD2Az68ZvuA\=\= {
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */

  background-color: #ffffff;
  padding: 4px;
  min-height: 60px;
  margin-bottom: 8px;
}

.MfFYqBksZOSMUlMNijR2Eg\=\= {
  display: flex;
  align-items: center;
  padding: 0;
  gap: 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
}

.-X8b0H4g-BD\+PrOPKqC-gw\=\= {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.WaxX5UllfcwBAoOnr9HW6A\=\= {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 1px 0 2px;
  color: #000000;
}

/* Selection highlighting - only the text, following ListView pattern */
.WaxX5UllfcwBAoOnr9HW6A\=\=.rRJfDAj6u6rve-xshz1yvw\=\= {
  background-color: #000080 !important;
  color: #ffffff !important;
  border: 1px dotted #ffff7f !important;
  outline: none;
  /* Selected state: Show full text without truncation */
  text-overflow: initial;
  text-overflow: unset;
  white-space: normal;
  word-wrap: break-word;
  max-width: 300px; /* Allow more width when selected */
}

/* Action buttons row - right justified */
.GIjLHQCwU5IdMULK2589Tw\=\= {
  display: flex;
  gap: 6px;
  margin-bottom: 2px;
  justify-content: flex-end;
}

/* Test Connection section - unique to Network Properties */
.LOh7V6t6EoxqSOIcdW7Qyg\=\= {
  display: flex;
  justify-content: flex-end;
  margin-top: -2px;
}

/* Access key styling */
.Wj9REvepxErMKry-yDMf8A\=\= {
  /* No underline for tab access keys */
}

/* Bottom button row */
.LxpxBk7Dd-ds5qVoSCh27Q\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.LxpxBk7Dd-ds5qVoSCh27Q\=\= button {
  min-width: 75px;
  text-align: center;
}
._2NAdTGMAPNTLy-VQSKOMjg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #000;
  position: relative;
}

._2n4OR0-YPuLwrJ81BC47ZQ\=\= {
  flex: 1;
  background: #000;
  color: #a8a8a8;
  font-family: var(--font-family-dos), "Lucida Console", Monaco, monospace;
  font-size: 15px;
  line-height: 1.2;
  padding: 5px;
  overflow: auto;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.pOwgqpWNGTNeGep52HUGdw\=\= {
  min-height: 16px;
  white-space: pre-wrap;
}

.VYnef3INsM8hH5EeufjhPg\=\= {
  display: flex;
  min-height: 16px;
  white-space: pre;
}

.giEjHBOioVjSk6P\+97-a6A\=\= {
  white-space: pre;
  display: inline;
  background: transparent;
  color: #fff;
}

.UpQt3Uo0AUwSR-s1HF7CHQ\=\= {
  display: inline-block;
  width: 8px;
  height: 15px;
  background-color: #fff;
  margin-left: 1px;
}

.e8iqRPSvh66dTKqTYOYDmA\=\= {
  position: absolute;
  left: -9999px;
  opacity: 0;
  width: 1px;
  height: 1px;
}

/* Fullscreen styles */
:fullscreen ._2NAdTGMAPNTLy-VQSKOMjg\=\=,
:-webkit-full-screen ._2NAdTGMAPNTLy-VQSKOMjg\=\= {
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: #000;
}

/* Hide scrollbar in fullscreen mode */

:fullscreen ._2n4OR0-YPuLwrJ81BC47ZQ\=\=::-webkit-scrollbar,
:-webkit-full-screen ._2n4OR0-YPuLwrJ81BC47ZQ\=\=::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.qhbVju-WiwMPoMshyfgJYA\=\= {
  height: 26px;
  width: 100%;
  top: 4px;
  margin-top: -4px; /* pull toolbar up to eliminate gap */
  min-height: 30px;
  background-image: url('../images/msdosgrey.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #d4d0c8;
  position: relative;
  flex-shrink: 0;
}

.mQVEOl3-lZSYpgH7i\+Trgw\=\= {
  position: absolute;
  left: 179px;
    top: 4px;
  width: 23px;
  height: 22px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('../images/fullscreen.png');
}

.mQVEOl3-lZSYpgH7i\+Trgw\=\=:active {
  background-image: url('../images/fullscreenactive.png') !important;
}

/* Windows 98 authentic styling for Regional Settings Properties dialog */

._3f8hDKWtHRV9sBvCnFfviA\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.Yc2i9yV62Q5RKmvBT1Fdtw\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.lzZjpRaWmoOow4sEAkUqDg\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.lzZjpRaWmoOow4sEAkUqDg\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.lzZjpRaWmoOow4sEAkUqDg\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.lzZjpRaWmoOow4sEAkUqDg\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.KbGbCW3IfvmVTACs11JNmA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.KbGbCW3IfvmVTACs11JNmA\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.KbGbCW3IfvmVTACs11JNmA\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
._6IC04vIatYJpc0pGwzIQQQ\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}


.Ecl-fyQ8KYESSJjjPB1hmw\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.PmSqDaGbglQg-WcVPEt\+Nw\=\= {
  margin-bottom: 16px;
  line-height: 1.3;
  color: #000;
}

.bJnipP7B1I-gyAgZHVAJYQ\=\= {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.KHW2jlaRlKPoJA3QgSvvDQ\=\= {
  position: relative;
  width: 220px;
  height: 21px;
}

.NKr0\+bihNHXSakFhoR8\+vg\=\= {
  width: 100%;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  border: 1px inset #96969d;
  background-color: #ffffff;
  padding: 3px 20px 3px 5px;
  color: #808080; /* Greyed out text */
  
  /* Remove browser dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  border-radius: 0;
  -moz-appearance: textfield;
  -ms-expand: none;
}

.NKr0\+bihNHXSakFhoR8\+vg\=\=:disabled {
  background-color: #ffffff;
  color: #808080;
}

.NSS0podk4FFzQXnuLbqpNg\=\= {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 17px;
  background-image: url('../images/button-down-disabled.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.UI5EUlXSkCyzbA2k-vItBw\=\= {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  background-color: #00007f;
  /* Inset border styling */
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 1px 1px 0 #ffffff;
}

.WQCzTgtwwKaEX0XTVMITbQ\=\= {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* Prevent image dragging and selection */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.MVo59bxMfRcQwBg541t3Uw\=\= {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}

/* Access key styling */
._9DNaXGOIWZ9PvLgYvIzKpQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* Bottom button row */
.rdl-NYTg2P5s3WBLW1yLcg\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.rdl-NYTg2P5s3WBLW1yLcg\=\= button {
  min-width: 75px;
  text-align: center;
}
.hTIRd0Ou3IrxXOE1WykYnw\=\= {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #d4d0c8;
  background-color: var(--ButtonFace, #d4d0c8);
  display: flex;
  flex-direction: column;
}

.iLVDIFfAPGyTW\+azJMPDjw\=\= {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.SaFfayjYDL6Wqfay1KYL9Q\=\= {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  flex: 1;
  background-color: #c0c0c0;
  background-color: var(--surface, #c0c0c0);
}

/* Add some Windows 98 style focus styling */
.SaFfayjYDL6Wqfay1KYL9Q\=\=:focus {
  outline: none;
}

.F5Zh3wNoLzJ5A4Bj-rhNCg\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #d4d0c8;
  background-color: var(--ButtonFace, #d4d0c8);
  z-index: 10;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: black;
}

.bvHOEjyhTuc3tgK9kAi1-A\=\= {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

._29jVInlyg2ODzco9oj565g\=\= {
  margin-bottom: 15px;
}

.-s9fIHWU6KGClp9wZ-4cNQ\=\= {
  width: 150px;
  height: 15px;
  border: 1px solid #808080;
  background-color: white;
  overflow: hidden;
  position: relative;
}

.zRCHPiargpqDu9bwDEQOJA\=\= {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20%;
  background-color: navy;
  animation: _0H\+LXLnDEZT7t-FmROhxcA\=\= 1.5s infinite;
}

@keyframes _0H\+LXLnDEZT7t-FmROhxcA\=\= {
  0% { left: -20%; }
  100% { left: 100%; }
}

/* Error handling */
.ZaHwrIZpU6NxHKfIzvrFig\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(212, 208, 200, 0.95);
  z-index: 20;
}

.fI17Jxrrrf5pCHCyYWWxAg\=\= {
  background-color: #d4d0c8;
  border: 2px solid #808080;
  border-radius: 0;
  padding: 20px;
  max-width: 400px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.fI17Jxrrrf5pCHCyYWWxAg\=\= h3 {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 15px;
}

.fI17Jxrrrf5pCHCyYWWxAg\=\= p {
  font-size: 12px;
  margin-bottom: 20px;
}

.bvnK1g-sxnYlmDIG9lvCHw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 5px 15px;
  background-color: #d4d0c8;
  border: 1px solid #808080;
  box-shadow: 1px 1px 0 white inset, -1px -1px 0 #404040 inset;
  cursor: pointer;
}

.bvnK1g-sxnYlmDIG9lvCHw\=\=:active {
  box-shadow: -1px -1px 0 white inset, 1px 1px 0 #404040 inset;
}

/* Disabled iframe styling for modal behavior */
._3KkZIULE8dTJp\+GibI-p0Q\=\= {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

.SaFfayjYDL6Wqfay1KYL9Q\=\=:not(._3KkZIULE8dTJp\+GibI-p0Q\=\=) {
  transition: opacity 0.2s ease;
}

/* New Image Dialog Styles */
.x\+2DXAltE-qH3h00sTJ7Jg\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.QI3BwkOSuz5Vt4uiWfoeEw\=\= {
  background-color: #d4d0c8;
  background-color: var(--surface, #d4d0c8);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.MqFJDGKQV2JaymXha7RzVg\=\= {
  /* Use the same solid titlebar color as main windows */
  background: var(--ActiveTitle);
  color: white;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 11px;
  display: flex;
  align-items: center;
  height: 18px;
}

/* Apply gradient only when the system setting is enabled - match main window gradient */
.gradient-titlebar .MqFJDGKQV2JaymXha7RzVg\=\= {
  background: linear-gradient(to right, #000080 0%, #1084d0 100%);
}

.KwxnVQW46uwUYke\+QczVXg\=\= {
  color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-shadow: none;
  line-height: 1;
}

.GHakImeWQzmyzmOWqnTfcg\=\= {
  padding: 15px;
}

.cnRSvRd0SxzsquLaLAhbvA\=\= {
  border: 1px solid #808080;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  margin-bottom: 10px;
  padding: 8px;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.ECHtvd\+Xw2IjccVGIaobGg\=\= {
  padding: 0 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  background-color: #d4d0c8;
}

.ECHtvd\+Xw2IjccVGIaobGg\=\= u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

._4LglxG4Nqhq\+yVfXU2F3SQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bG-bNw29e-Z6ks4eWB-ZGQ\=\= {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.bG-bNw29e-Z6ks4eWB-ZGQ\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  width: auto;
  line-height: 16px;
}

.bG-bNw29e-Z6ks4eWB-ZGQ\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

.bG-bNw29e-Z6ks4eWB-ZGQ\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.bG-bNw29e-Z6ks4eWB-ZGQ\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

.j5A9zn0ayMx2X8MxTMkf7w\=\= input[type="radio"] {
  cursor: default;
}

.j5A9zn0ayMx2X8MxTMkf7w\=\= label::before {
  opacity: 0.5;
}

.qReUAKbPXVvxIHt4uL2aEg\=\= {
  color: #808080 !important;
  cursor: default;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.bG-bNw29e-Z6ks4eWB-ZGQ\=\= label u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

.qReUAKbPXVvxIHt4uL2aEg\=\= u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #808080;
}

.D4fJ6NUZEPEBHSlbkr0HJg\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.D4fJ6NUZEPEBHSlbkr0HJg\=\= span {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
}

._0FNTkamzrvz4VhBsCvRbKA\=\= {
  margin-bottom: 15px;
}

._4QoYQSOogEnKFvWg9V-99Q\=\= {
  display: block;
  margin-bottom: 8px;
  color: #000;
}

.y7V1OUhAV73XJdAqD8qJKw\=\= {
  display: flex;
  gap: 15px;
}

.hAN\+BfYZO5b9B\+gFlfdVkQ\=\= {
  display: flex;
  align-items: center;
  gap: 5px;
}

.hAN\+BfYZO5b9B\+gFlfdVkQ\=\= label {
  min-width: 60px;
  color: #000;
}

._5chPBVdHibCSLi7lUNasaA\=\= {
  width: 60px;
  padding: 2px 4px;
  border: 1px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

._6t4HAB84sn0X\+xoWLR4odA\=\= {
  display: flex;
  align-items: center;
  gap: 20px;
}

.IBga3SmOeTkldOYeY4JwUQ\=\= {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._8xCIW5neUdTp1lOdDt3RFg\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  flex-shrink: 0;
}

.\-1y0Xkt4E396A3P59NVmbg\=\= {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

._1QotP6PUvASYXCOFAINTWw\=\= {
  color: #000;
  cursor: pointer;
}

._1r09nsNlxTAUYm42NGll0w\=\= {
  display: flex;
  align-items: center;
  gap: 5px;
}

._1r09nsNlxTAUYm42NGll0w\=\= label {
  color: #000;
}

.as4wBEj-9VeWxgH8lmUzzQ\=\= {
  width: 20px;
  height: 15px;
  border: 1px inset #d4d0c8;
  cursor: pointer;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -1px -1px #dfdfdf, inset 1px 1px #e0e0e0;
  box-sizing: content-box;
}

.as4wBEj-9VeWxgH8lmUzzQ\=\=.j5A9zn0ayMx2X8MxTMkf7w\=\= {
  opacity: 0.5;
  cursor: not-allowed;
}

.Do3ugx7GiQoHgc124XOhew\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
  padding-top: 15px;
}

.wAufM\+R5ZYYSoBFfn9eArg\=\= {
  width: 80px;
}

.xSKV-GdXGNl2LhP78s\+1WA\=\= {
  /* No conflicting styles - handled by fieldRow input[type="radio"] */
}

._3jH2YVltOPX188QWxrpb\+g\=\= {
  position: relative;
  width: 100%;
  height: 100%;
}

.QoYJP4YwcnqYgpMY8ytVww\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.S0DPJ4mbwre3ckDxfeaiiA\=\= {
  /* Container for the ErrorDialog to ensure proper positioning */
  position: relative;
}

/* Save As Dialog Styles */
.CRIZjGPOYX5Beu-OvRYMbg\=\= {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.buYRGPxv1ggIhUd7LWuhrQ\=\=,
.KzjC90KiIxr4CJpsSggZnQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.AUI386zrjhjxPujW7M0fTQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin: 0;
}

.-p07z4bTJ2f1ZqI3aRNJCg\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

._03zYzb3pExpEoeLvf\+DuzQ\=\= {
  padding: 3px 4px;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}

.a8F\+xaj335mkON-VbuD6Sg\=\= {
  width: 100%;
}

.tbSnHRtBS0wyhFdrtFZUOA\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.YbJUdvx\+1253U5\+Seqfc8A\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.JjLG7GfmWyaZ31TKFhxCkw\=\= {
  font-weight: normal;
}

.Iw2SyBePDAXRgsHClmb4DQ\=\= {
  font-weight: normal;
}

/* Prevent Paint99 canvas interaction when modal dialogs are open */
.modal-dialog-open .SaFfayjYDL6Wqfay1KYL9Q\=\= {
  pointer-events: none;
}

/* **NEW: Palette navigation arrows - positioned between main palette and custom palette */
._8VKKajuLpwU4NPf2K\+aOrw\=\= {
  position: absolute;
  bottom: 11px; /* Lower position to align better with palette area */
  left: 270px; /* Positioned between main palette (ends 255px) and custom palette (starts 360px) */
  display: flex;
  align-items: center;
  height: 20px;
  z-index: 5;
  pointer-events: auto;
  gap: 2px;
}

/* Palette navigation spinner container - following MIDIPlay pattern */
._8TVATdK6bIykfEAgKgJCug\=\= {
  display: inline-flex;
  align-items: center;
  height: 18px;
  position: relative;
  width: 80px;
}

/* Palette name input field */
.DnpV9paftu5\+o9CB2n3aiQ\=\= {
  width: 100%;
  height: 18px;
  padding: 1px 18px 1px 0px; /* No left padding - text touches edge */
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #fff;
  color: #000;
  text-align: left !important; /* Force left alignment instead of center */
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  line-height: 1;
  text-indent: 0; /* Remove any text indentation */
}

/* Spinner buttons container */
.b26m16N4ipTi5iCUuNUA9A\=\= {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 15px;
  height: 16px;
  margin: 0;
  padding: 0;
}

._91AfFUFZdYohpHRq\+hTW6Q\=\= {
  width: 15px;
  height: 8px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: none;
}

._91AfFUFZdYohpHRq\+hTW6Q\=\=.sfsTJSj4IukGOQAE3jfAcA\=\= {
  background-image: url('../images/spinner-up.svg');
}

._91AfFUFZdYohpHRq\+hTW6Q\=\=.b72DFpY18bzFRA7Fk05VWA\=\= {
  background-image: url('../images/spinner-down.svg');
}

._91AfFUFZdYohpHRq\+hTW6Q\=\=.sfsTJSj4IukGOQAE3jfAcA\=\=:active {
  background-image: url('../images/spinner-up-active.svg');
}

._91AfFUFZdYohpHRq\+hTW6Q\=\=.b72DFpY18bzFRA7Fk05VWA\=\=:active {
  background-image: url('../images/spinner-down-active.svg');
}

/* Remove old paletteNameInput CSS since it's now part of paletteSpinnerContainer */

/* PermanentDeleteDialog.css - Windows 98 authentic styling */

.gNBFhoY-BI1CMCpUUSPWXA\=\= {
  padding: 16px;
  font-family: 'PixelatedMsSansSerif', monospace;
  font-size: 11px;
  color: #000;
}

._89N54FucDadue6j5RlkMWw\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.r6hvXAEEUjMSWXJ7DaaWjA\=\= {
  width: 32px;
  height: 32px;
  background-image: url(../images/permanentdelete_32.png);
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.B4GtGyUjcE8PTVXVCqpcHw\=\= {
  flex: 1;
  line-height: 1.4;
  padding-top: 4px;
}

/* Base container */
._3iKtYDI4W49rwMVKZk\+cGA\=\= {
  font-family: "PixelatedMsSansSerif", "MS Sans Serif", Arial, sans-serif;
  font-size: 11px;
  padding: 2px; /* INCREASED padding to accommodate borders */
  margin: 0;
  background: white;
  height: 100%;
  overflow: auto;
  flex: 1;
  /* CRITICAL: Allow children to extend beyond container */
  overflow-x: visible;
}

/* Tree structure containers */
.jktPQbLWufj9r0AqAQgMKQ\=\= {
  position: relative;
}

/* Terminal branches - mask vertical line after last child */
.fggc8k3psz-fDesmvwxt-A\=\= {
  border-left: 1px dotted grey;
  margin-left: 8px;
  padding-left: 8px;
  margin-top: 0;
  position: relative;
}

.fggc8k3psz-fDesmvwxt-A\=\=::after {
  content: "";
  position: absolute;
  left: -2px;
  background: white;
  width: 3px;
  height: 8px;
  bottom: -1px;
  z-index: 2;
}

/* For nested tree containers, move masking down to avoid interfering with children */
.fggc8k3psz-fDesmvwxt-A\=\= .fggc8k3psz-fDesmvwxt-A\=\=::after {
  bottom: -5px; /* Move masking start point higher up */
  height: 12px; /* Adjust height accordingly */
}

/* Additional masking for expanded items that are the last child */
.fggc8k3psz-fDesmvwxt-A\=\= > div:last-child .IMSJdDUaqWouqR3wGJoYEA\=\= .e9ytb\+v\+oIb-102kK9tWbA\=\=::after {
  content: "";
  position: absolute;
  left: 1px; /* Final position after adjustments */
  top: 8px; /* Final position after adjustments */
  background: white; /* White masking to hide the dotted line */
  width: 7px; /* Final width after adjustments */
  height: 14px; /* Final height after adjustments */
  z-index: 4; /* Above dotted lines but below other elements */
}

/* Basic tree item */
.IMSJdDUaqWouqR3wGJoYEA\=\= {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 17px; /* Windows 98 authentic height */
  position: relative;
  cursor: default;
  padding: 0; /* Remove padding */
  margin: 0px 0; /* ADDED: margin to prevent border clipping */
  list-style-type: none;
  overflow: visible; /* ADDED: Allow borders to extend beyond container */
}

/* Text span within tree items - COPIED FROM FileGrid PATTERN */
.IMSJdDUaqWouqR3wGJoYEA\=\= span {
  /* COPIED FROM FileGrid - Core styling */
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  line-height: 17px;
  text-align: left;
  
  /* COPIED FROM FileGrid - CRITICAL: Exactly 2px padding on each side */
  
  /* COPIED FROM FileGrid - Smart width system */
  min-width: calc(11px + 4px);
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: border-box;
  
  /* Alignment fix - move text up 2 pixels as requested */
  margin-top: -2px;
  display: inline-block;
  vertical-align: top;
}

/* Selected state - COPIED FROM FileGrid PATTERN */
.rwghqGhrbmaE2wObKuweNA\=\= {
  color: #ffffff !important;
  background: #000080 !important;
  
  /* COPIED FROM FileGrid - PROPER dotted selection border */
  border: 1px dotted yellow !important;
  outline: none;
  
  /* COPIED FROM FileGrid - Appear above other elements */
  position: relative;
  z-index: 10;
}

/* Soft focus state - Windows 98 yellow highlight */
.h-nKx0Cegkuu2uxqq\+IfJQ\=\=:not(.rwghqGhrbmaE2wObKuweNA\=\=) {
  background-color: #ffff7f !important;
  color: #000000 !important;
  border: 1px dotted black !important;
  outline: none;
}

/* Icon container */
.kZLBoNPGwpw3JanmIfHT8w\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  flex-shrink: 0;
  z-index: 5; /* Higher than masking to prevent bleed-through */
  position: relative;
}

/* Desktop item (special case - no tree lines) */
.bhiDempFtmvj2rWdwwKpCg\=\= {
  margin-top: 0;
}

/* Items inside tree children - get horizontal connectors */
.fggc8k3psz-fDesmvwxt-A\=\= .IMSJdDUaqWouqR3wGJoYEA\=\= {
  position: relative;
}

.fggc8k3psz-fDesmvwxt-A\=\= .IMSJdDUaqWouqR3wGJoYEA\=\=::before {
  border-bottom: 1px dotted grey;
  content: "";
  display: block;
  left: -8px;
  position: absolute;
  top: 8px;
  width: 8px;
}

/* Last items get shorter horizontal connector (L-shape) */
.fggc8k3psz-fDesmvwxt-A\=\= .IMSJdDUaqWouqR3wGJoYEA\=\=:last-child::before {
  width: 8px;
}

/* Plus/Minus boxes */
.vHIvTy0uqu\+i47GHbHJ8iQ\=\= {
  position: absolute;
  left: -14px; /* Move left 1 pixel (was -12px) */
  top: 2px; /* Move down 1 pixel (was 0px) */
  z-index: 3; /* Higher than masking z-index: 2 */
  width: 9px;
  height: 9px;
}

.Zn-GXnn8PZWqQEiCvO6kKQ\=\=, .e9ytb\+v\+oIb-102kK9tWbA\=\= {
  width: 11px;
  height: 11px;
  border: 1px solid grey;
  background: white;
  cursor: pointer;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  line-height: 8px;
  text-align: center;
  padding-left: 1px;
}

.Zn-GXnn8PZWqQEiCvO6kKQ\=\=::before {
  content: "+";
  display: block;
  font-size: 11px;
  color: black;
}

.e9ytb\+v\+oIb-102kK9tWbA\=\=::before {
  content: "-";
  display: block;
  font-size: 11px;
  color: black;
  font-weight: bold;
}

/* No connectors needed - using border-left on treeChildren */

/* HybridAddressInput.css */

._7WmNPjursYKlm1PAswvNtA\=\= {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 21px;
  background-color: var(--button-highlight);
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  cursor: text;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
  outline: none;
}

/* Display mode area */
.f-SppAStAKfGqtP2YfOBvw\=\= {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 3px 18px 2px 4px; /* Moved top padding from 2px to 4px to shift text down */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 4px; /* Gap between icon and text */
  flex: 1;
  cursor: text;
}

/* Icon in display area */
.-oZE38N-WQPgAi-77suo-w\=\= {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

/* Label with icon */
.tONYB9XQiS1SgANlsNQC\+A\=\= {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Label without icon (edit mode positioning) */
.lNW479Q6zLXkinpDb\+Q4sg\=\= {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Direct input preserving icon space */
.iDk-zly0UM9apXS9DUe1xw\=\= {
  position: absolute;
  left: 20px; /* Start where text normally appears (4px padding + 16px icon + 4px gap) */
  right: 18px;
  height: 16px;
  padding: 0;
  margin: 0;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
  background: transparent;
  border: none;
  outline: none;
  clip-path: inset(2px 2px 3px 3px); /* Crop any browser-default borders */
}

.iDk-zly0UM9apXS9DUe1xw\=\=:focus {
  border: none;
  outline: none;
}

/* Dropdown arrow */
._0\+PaIvvPwxaAotvGms8Flw\=\= {
  position: absolute;
  top: 0;
  right: 2px;
  width: 16px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-size: 16px 17px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  flex-shrink: 0;
}

._0\+PaIvvPwxaAotvGms8Flw\=\=:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

/* Dropdown portal rendered in document.body */
.DZJkMJtJadOom7UW5VjB3g\=\= {
  background-color: var(--button-highlight);
  border: 1px solid var(--WindowFrame);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  max-height: 200px;
  overflow-y: auto;
}

/* Individual dropdown options */
.R8PkswUjUqX-JMnIqwGfuw\=\= {
  padding: 2px 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 17px;
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
  color: var(--text-color);
  gap: 4px;
}

/* Indented options (like drives under My Computer) */
.R8PkswUjUqX-JMnIqwGfuw\=\=.DzLtD0z7ZHi8Z29e9tJfyg\=\= {
  padding-left: 20px;
}

.R8PkswUjUqX-JMnIqwGfuw\=\=:hover {
  background-color: var(--Hilight) !important;
  color: var(--HilightText) !important;
}

/* Icon in dropdown options */
.RK8q\+zGmM8Cbo5uF05i23g\=\= {
  flex-shrink: 0;
}

/* Label with icon in options */
.lzNOtSJOdJgJzuc1ji0S\+A\=\= {
  flex: 1;
}
/* AddressBarWithDropdown.css */
.MBbuVpj7g8J0uWtqI\+kA4A\=\= {
  display: flex;
  align-items: center;
  padding: 4px;
  background: var(--surface);
  border-bottom: 1px solid var(--ButtonShadow);
  font-family: var(--font-family-ui);
  font-size: var(--font-size-normal);
}

.Hi4YMTWlfBIJFNoOXgy47Q\=\= {
  margin-right: 8px;
  color: var(--text-color);
  white-space: nowrap;
}

/* Select component container */
.NsJDAbjRcbs1rWGXoaCiaQ\=\= {
  flex: 1;
}

.Klx\+wwT8zjKIO97EZFj07w\=\= {
  width: 100%;
  height: 21px;
}

/* Move only the text down 2 pixels, not the icon */
.Klx\+wwT8zjKIO97EZFj07w\=\= .displayLabelWithIcon {
  margin-top: 2px;
}
/* My Computer app custom styles */

/* Full grid container for simple view */
._7bIbwuI53SUwvDxyBrHUzg\=\= {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  margin: 0;
  padding: 0;
  border: none;
  /* Ensure contents are flush with container */
  overflow: hidden;
}

._7bIbwuI53SUwvDxyBrHUzg\=\= .file-grid {
  padding: 8px;
}

._7bIbwuI53SUwvDxyBrHUzg\=\= .smallIconsGrid {
  padding: 8px;
}

._7bIbwuI53SUwvDxyBrHUzg\=\= .list-view {
  padding: 8px;
}

.qcWhccZURcJ3znFDB04LjA\=\= {
  width: 100%;
}

/* Ensure the left and right status sections match the original style */
.qcWhccZURcJ3znFDB04LjA\=\= .statusLeft,
.qcWhccZURcJ3znFDB04LjA\=\= .statusRight {
  box-shadow: inset 1px 1px #808080, inset -1px -1px #fff;
  margin-right: 2px;
}

/* Make the right section wider for My Computer icon + text with higher specificity */
.qcWhccZURcJ3znFDB04LjA\=\= .statusRight,
.qcWhccZURcJ3znFDB04LjA\=\=.statusBar .statusRight {
  min-width: 150px !important; /* Even wider with !important to override defaults */
  padding-right: 6px !important; /* Minimal padding with !important */
  margin-right: -20px !important; /* Move further left with !important */
  flex: 0 0 150px !important; /* Fixed width to prevent compression */
}

/* Ensure the resize grip appears properly */
.qcWhccZURcJ3znFDB04LjA\=\= .resizeGrip {
  right: 2px;
  bottom: 2px;
}

/* Explorer split view layout */
.UKTFlJ4Tr7F8pbybcIjlKw\=\= {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

/* Windows 98 horizontal resize cursor for folder splitter */
.obUB\+ZiuPU9z3lgls\+VeRQ\=\=[data-cursor-applied="true"] {
  cursor: ew-resize !important;
}

.obUB\+ZiuPU9z3lgls\+VeRQ\=\=[data-cursor-applied="true"]:hover {
  cursor: ew-resize !important;
}

.obUB\+ZiuPU9z3lgls\+VeRQ\=\=[data-cursor-applied="true"]:active {
  cursor: ew-resize !important;
}

.obUB\+ZiuPU9z3lgls\+VeRQ\=\= {
  width: 6px;
  min-width: 6px;
  max-width: 6px;
  height: calc(100% + 40px); /* Extend upward into window frame */
  margin-top: -20px; /* Pull upward to bleed into menu/frame area */
  background-color: #d4d0c8;
  position: relative;
  cursor: ew-resize; /* Fallback for browser compatibility */
  z-index: 150; /* Higher than menu (100) and content (50) */
  border-left: 1px solid #808080;
  border-right: 2px solid #000000; /* Changed from #ffffff to #000000 and made 2px for 1px black edge */
  flex-shrink: 0;
}

/* Ensure cursor stays consistent during hover */
.obUB\+ZiuPU9z3lgls\+VeRQ\=\=:hover {
  cursor: ew-resize;
}

/* Ensure cursor persists during active drag state */
.obUB\+ZiuPU9z3lgls\+VeRQ\=\=:active {
  cursor: ew-resize;
}

/* Apply the cursor to the body during splitter dragging */
body.DBFvpTwRy2qkk3p2nwr5VQ\=\= {
  cursor: ew-resize !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent text selection during drag */
}

/* Prevent cursor changes on child elements during drag */
body.DBFvpTwRy2qkk3p2nwr5VQ\=\= * {
  cursor: ew-resize !important;
}


/* Add a grip pattern to make it visually clear it's draggable */
.obUB\+ZiuPU9z3lgls\+VeRQ\=\=::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  width: 2px;
  height: 30px;
  background-image: linear-gradient(
    to bottom,
    #808080 1px,
    transparent 1px
  );
  background-size: 1px 4px;
  background-repeat: repeat-y;
  transform: translateY(-50%);
}

.\+nq6Qba52eDZ\+Hl7vqiWsw\=\= {
  height: 100%;
  overflow: hidden;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  /* Remove border-right since it's now on the splitter */

}

.\+nq6Qba52eDZ\+Hl7vqiWsw\=\= .\+wBEh6VlNOYA7S3WqZSpEQ\=\= {
  height: 17px;
  padding: 2px 1px;
  margin-bottom: 0;
}

._1ieEDlO\+Eoq\+K0hteBiwRQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  height: 16px;
  padding: 2px 4px;
  background-color: transparent; /* Blend with window frame */
  border-bottom: 1px solid #808080; /* Complete border declaration */
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000; /* Ensure text is visible */
}

.JBvaQNTVqRANOcKIz8EAsw\=\= {
  background: transparent;
  border: 1px solid transparent;
  padding: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.JBvaQNTVqRANOcKIz8EAsw\=\=:hover {
  border: 1px outset #ffffff;
  background-color: #e6e6e6;
}

.JBvaQNTVqRANOcKIz8EAsw\=\=:active {
  border: 1px inset #d4d0c8;
  background-color: #c0c0c0;
}

.rkalJR2cVl9Bokg9nf4JiQ\=\= {
  width: 8px;
  height: 7px;
  pointer-events: none;
}

.Cgac9650B4EcN-xlJpCfww\=\= {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent; /* Blend with window frame */
  margin: 0;
  padding: 0;
  border: none;
  /* Ensure contents are flush with container */
  overflow: hidden;
}

/* Apply padding to file grids when inside fileGridPane */
.Cgac9650B4EcN-xlJpCfww\=\= .file-grid {
  padding: 8px;
}

.Cgac9650B4EcN-xlJpCfww\=\= .smallIconsGrid {
  padding: 8px;
}

.Cgac9650B4EcN-xlJpCfww\=\= .list-view {
  padding: 8px;
}

/* Small Icons grid container with horizontal scrolling - enhanced coverage */
.JLz9w3o4\+TOfmDck0A6RAw\=\= {
  width: 100%; /* Let it size naturally */
  min-width: 100%; /* Fill container at minimum */
  background-color: white;
  padding: 0;
  margin: 0;
  min-height: 100%;
  height: 100%;
  /* Ensure no gaps for click detection */
  box-sizing: border-box;
  position: relative;
  /* Prevent selection rectangle bleed */
}

/* ListView specific container with horizontal wrapping like Fonts folder */
.ZYRuW7BodYICttIKNjF9tA\=\= {
  /* Calculate width based on content needs, not arbitrary large value */
  width: 100%;
  min-width: 100%;
  background-color: white;
  padding: 0;
  margin: 0;
  min-height: 100%;
  height: 100%;
  /* Ensure no gaps for click detection */
  box-sizing: border-box;
  position: relative;
  /* Prevent selection rectangle bleed */
}

/* Fill any potential gaps in small icons container */
.JLz9w3o4\+TOfmDck0A6RAw\=\=::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: transparent;
  pointer-events: none;
}

/* Fill any potential gaps in list view container */
.ZYRuW7BodYICttIKNjF9tA\=\=::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: transparent;
  pointer-events: none;
}

/* Ensure consistent container sizing for other view types - enhanced coverage */
.QpvM7Th4Jr3eAOgLcl3rZQ\=\= {
  background-color: white;
  padding: 0;
  margin: 0;
  min-height: 100%;
  width: 100%;
  /* Ensure no gaps for click detection */
  box-sizing: border-box;
  position: relative;
}

/* Fill any potential gaps in regular container */
.QpvM7Th4Jr3eAOgLcl3rZQ\=\=::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: transparent;
  pointer-events: none;
}

/* Selection box - Windows 98 style with dotted border */
.f9GCU5pHxcVEdiEyrCQHaw\=\= {
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  
  /* Create a dotted pattern using CSS gradients that scales with zoom */
  background-image:
    /* Top border */
    linear-gradient(90deg, white 1px, transparent 1px),
    /* Bottom border */
    linear-gradient(90deg, white 1px, transparent 1px),
    /* Left border */
    linear-gradient(0deg, white 1px, transparent 1px),
    /* Right border */
    linear-gradient(0deg, white 1px, transparent 1px);
  
  background-size:
    2px 1px, /* Top border: 2px repeat, 1px height */
    2px 1px, /* Bottom border: 2px repeat, 1px height */
    1px 2px, /* Left border: 1px width, 2px repeat */
    1px 2px; /* Right border: 1px width, 2px repeat */
  
  background-position:
    0 0,                    /* Top border at top */
    0 calc(100% - 1px),     /* Bottom border at bottom */
    0 0,                    /* Left border at left */
    calc(100% - 1px) 0;     /* Right border at right */
  
  background-repeat:
    repeat-x,  /* Top border repeats horizontally */
    repeat-x,  /* Bottom border repeats horizontally */
    repeat-y,  /* Left border repeats vertically */
    repeat-y;  /* Right border repeats vertically */
  
  /* Use difference blend mode for visibility on any background */
  mix-blend-mode: difference;
  
  /* Ensure crisp pixel rendering */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Main content area that holds toolbar, address bar, and file areas */
/* Fix scrollbar positioning by ensuring proper height constraints */
.UKefVroT0aW4s7rErOIjFQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  /* Force container to respect parent constraints */
  overflow: hidden;
}

/* Explorer Toolbar (Standard Buttons) */
.u94o-vS9-u9OzxR7JcH5qQ\=\= {
  display: flex;
  align-items: center;
  padding: 2px 4px 2px 0; /* Remove left padding */
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  position: relative;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  height: 30px; /* Fixed height instead of min-height */
  flex: 0 0 30px; /* Don't shrink or grow */
  box-sizing: border-box;
}

/* Add the white highlight line after the toolbar */
.u94o-vS9-u9OzxR7JcH5qQ\=\=::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ffffff;
  z-index: 1;
}

.r1BR\+SEM-cTUZdcVTotjTA\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  margin: 1px;
  padding: 0;
  border: 1px solid transparent;
  background-color: transparent;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover:not(:disabled) {
  border: 1px outset #ffffff;
  background-color: #e6e6e6;
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:active:not(:disabled) {
  border: 1px inset #d4d0c8;
  background-color: #c0c0c0;
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:disabled {
  cursor: default;
  opacity: 1; /* Icons themselves handle the gray state */
}

.LziKwLqIZQMOTskaPtVtMQ\=\= {
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.yn-MmOj6049bev0TgpvFlw\=\= {
  width: 1px;
  height: 22px;
  background-color: #808080;
  margin: 0 4px;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
}

/* Explorer Address Bar */
.YVWFJLfnGzD1-qqAfVBinA\=\= {
  display: flex;
  align-items: center;
  padding: 2px 4px 2px 6px; /* Remove left padding, reduce vertical */
  background-color: #d4d0c8;
  border-bottom: 1px solid #808080;
  position: relative;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  height: 24px; /* Fixed height instead of min-height */
  flex: 0 0 24px; /* Don't shrink or grow */
  box-sizing: border-box;
}

/* Add the white highlight line after the address bar */
.YVWFJLfnGzD1-qqAfVBinA\=\=::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ffffff;
  z-index: 1;
}

.Oi8VCzxYrpN8W7pEHmWZOg\=\= {
  margin-right: 6px;
  margin-top: 2px;
  color: #000;
  white-space: nowrap;
}

.TcErGGNYCd11Eoi4UdXY6A\=\= {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}

.i4JpzvflGzE-fqJ\+9Ctwxw\=\= {
  position: absolute;
  left: 4px;
  top: 2px;
  z-index: 1;
  pointer-events: none;
}

.XWd3Zr2TiZdoNQIiTRgCBQ\=\= {
  flex: 1;
  height: 20px;
  padding: 2px 2px 2px 24px !important; /* Force left padding with !important */
  border: 2px inset #d4d0c8;
  background-color: #ffffff;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  text-indent: 0 !important; /* Ensure no text-indent interference */
}

.XWd3Zr2TiZdoNQIiTRgCBQ\=\=:focus {
  outline: none;
  background-color: #ffffff;
}

/* Browser container to match IE layout */
.uTw709Ar4iUiEXrFlA6q5A\=\= {
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Toolbar button icon hover states - Windows 98 style */
/* Show color icons on hover, gray icons normally */
.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover:not(:disabled) img[src*="icon-back-gray"] {
  content: url('../images/icon-back.png');
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover:not(:disabled) img[src*="icon-forward-gray"] {
  content: url('../images/icon-forward.png');
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover:not(:disabled) img[src*="upfolder-gray"] {
  content: url('../images/upfolder.png');
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover:not(:disabled) img[src*="properties-gray"] {
  content: url('../images/properties.png');
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover:not(:disabled) img[src*="details-gray"] {
  content: url('../images/details.png');
}

/* Windows 98 style tooltips for toolbar buttons */
.r1BR\+SEM-cTUZdcVTotjTA\=\= {
  position: relative;
}

.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover::after {
  content: attr(title);
  position: absolute;
  top: -26px; /* Position above the button instead of below */
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffe1;
  color: #000;
  padding: 2px 4px;
  border: 1px solid #000;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  /* Small delay to prevent flashing */
  animation: idJZsw7O\+K2Ecc7FI1UL\+g\=\= 0.3s ease-in;
}

@keyframes idJZsw7O\+K2Ecc7FI1UL\+g\=\= {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-2px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Hide browser default tooltips */
.r1BR\+SEM-cTUZdcVTotjTA\=\=[title]:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/* Active/pressed toolbar button style (like Paint99) */
._70OAToH0m55hMcNVcoaH-Q\=\= {
  border: 1px solid #000000 !important;
  border-top: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-bottom: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  background-color: #c0c0c0 !important;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAAAAABX3VL4AAAADklEQVQIHWP4f4DhwH8ACoADf16N/DIAAAAASUVORK5CYII=') !important;
}

._70OAToH0m55hMcNVcoaH-Q\=\= img {
  position: relative;
  top: 1px;
  left: 1px;
}

/* Folders button hover states */
.r1BR\+SEM-cTUZdcVTotjTA\=\=:hover:not(:disabled) img[src*="foldersview-gray"] {
  content: url('../images/foldersview.png');
}
.h-ct5qQoudclMbMG\+7oGaQ\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  flex: 1;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #D4D0C8;
  padding: 10px;
}

.pEcaINM1Nr7rDNv38687LA\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.t4\+EaJbjDYkA7wBusxpXeQ\=\= {
  display: flex;
  gap: 14px;
  flex: 1;
  min-height: 150px;
  max-height: 180px;
}

.rQn9\+FJrfKspzZe-6CQTiA\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.rQn9\+FJrfKspzZe-6CQTiA\=\= label {
  margin-bottom: 4px;
}

._7Afe0ymKCV2-jDu3fkRHFg\=\= {
  flex: 3;
}

._4sMBzqAZ1FrtjM8E8vmMIA\=\= {
  flex: 2;
}

.VhKFYWXnzMHqSIJ6MSEKAg\=\= {
  flex: 1;
}

.Eqy\+-4Mp48hag\+w4BmvYug\=\= {
  height: 120px;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-color: white;
  overflow-y: auto;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
  flex: 1;
}

._0Hv4RTciSRI3nZS7kMiRGw\=\= {
  padding: 2px 4px;
  cursor: default;
}

._6TgCJkplHJrTMG3jnl5rBQ\=\= {
  background-color: #0A246A;
  color: white;
}

.CqUAxWc7N8XBKKNzHel62Q\=\= {
  position: relative;
  margin-top: 16px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 16px 10px 10px 10px;
  background-color: #D4D0C8;
  display: flex;
  flex-direction: column;
  min-height: 70px;
}

.mDmLL1UcSRvvjjF1-Wm-Fg\=\= {
  position: absolute;
  top: -8px;
  left: 10px;
  background-color: #D4D0C8;
  padding: 0 4px;
  font-size: 11px;
}

.cs8Q2IZfoK1bwwWOHiL8QQ\=\= {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 8px;
}

.CpGmQ6b-uWKvS7kG0zaUnQ\=\= {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.nAcHkkhFftC1lLOXJNDEcg\=\= {
  margin-right: 8px;
}

.zbttkkDUeRTGmzILsABarQ\=\= {
  width: 150px;
  height: 21px;
}

.vcEaPGHPkdaym5M865Balg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 15px;
  padding-bottom: 5px;
}

.vcEaPGHPkdaym5M865Balg\=\= button {
  min-width: 75px;
}

._6EppI335lA8TmrK7m3BiWg\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #D4D0C8;
}

.uw8a-o5UYvzrgBEwHyiffA\=\= {
  display: flex;
  padding: 2px 4px;
  border-bottom: 1px solid #a0a0a0;
  background-color: #D4D0C8;
}

.JpTkQyllbFIaiEg6liafdA\=\= {
  padding: 2px 8px;
  margin: 1px;
  border: 1px solid #D4D0C8;
  background-color: #D4D0C8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer;
}

.JpTkQyllbFIaiEg6liafdA\=\=:hover {
  border: 1px solid #ffffff;
  border-right-color: #808080;
  border-bottom-color: #808080;
}

.JpTkQyllbFIaiEg6liafdA\=\=:active {
  border: 1px solid #808080;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

.lgEaT15ChrxqGEWCKV1qbg\=\= {
  width: 1px;
  height: 22px;
  margin: 0 4px;
  background-color: #a0a0a0;
}

.zzTG2yGs8TFmReHQNclZ-w\=\= {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.rlgt\+Lhn8Y37Ovxpe6uekg\=\= {
  width: 200px;
  border-right: 1px solid #a0a0a0;
  display: flex;
  flex-direction: column;
}

.ViU2Xc68Y7f-BxalnsqZ7A\=\= {
  padding: 4px;
  border-bottom: 1px solid #a0a0a0;
}

.ViU2Xc68Y7f-BxalnsqZ7A\=\= input {
  width: 100%;
  padding: 2px 4px;
  border: 1px inset #ffffff;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

._8TIwfjhSTdXohsDQesNjQQ\=\= {
  flex: 1;
  overflow-y: auto;
}

.u8KDmwx6t3tQ\+9tkSRygoQ\=\= {
  padding: 4px 8px;
  border: 1px solid transparent;
  cursor: pointer;
}

.u8KDmwx6t3tQ\+9tkSRygoQ\=\=:hover {
  background-color: #e0e0e0;
}

._1W6bgMS9RfgC-7GYBSjPuQ\=\= {
  background-color: #0A246A;
  color: white;
}

.CEAUv3OMv0VLBPKd6b105w\=\= {
  flex: 1;
  padding: 8px;
  overflow-y: auto;
}

.ItH2Ixhtl9sFUP5X50p3Mw\=\= {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
}

.rW3PIKpq3ZQvVZa\+jQ0qTw\=\= {
  line-height: 1.4;
}
.lt4QZE-TIuXaUNMd5f8Wvg\=\= {
  padding: 10px;
  height: 100%;
}

.o37UPUqZjj862QTXw-zMFg\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
}

.W5w9SGX1vtYNDgnVASTpsA\=\= {
  width: 32px;
  height: 32px;
}

.DliQVbhjA0xZDwsgg\+UJrw\=\= {
  margin-top: 5px;
  line-height: 1.4;
}
.JL0V0lOxEj696N\+YGr9ZpA\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: white;
  position: relative;
}

.ncv9nGZAHf6aRe\+aykUMAw\=\= {
  flex: 1;
  width: 100%;
  height: calc(100% - 22px); /* Leave space for status bar if needed */
  border: none;
  outline: none;
  resize: none;
  padding: 2px; /* Add 2px padding for better text position */
  margin: 0;
  font-family: 'Lucida Console', Monaco, monospace;
  font-size: 12px;
  overflow: auto; /* Show scrollbars when needed */
  box-sizing: border-box;
  /* Enhanced text selection behavior */
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  /* Fix cursor and selection behavior */
  cursor: text;
  /* Prevent selection boundary issues */
  position: relative;
}

/* Word wrap states */
.BP6GexC0\+TrtwkgFmvwkug\=\= {
  white-space: pre-wrap !important;
}

.grsCs5cHkGzfT0kUNV-Xbg\=\= {
  white-space: pre !important;
}

/* Add a class to override global styling */
.aV11bqVsUODgfkE0gGNHFw\=\= {
  /* Ensure status fills the entire width */
  width: 100%;
}

/* Make the left section expand to fill the area and include the resize grip */
.aV11bqVsUODgfkE0gGNHFw\=\= .statusLeft {
  flex: 1 1 auto;
  width: 100%;
  /* Ensure there's space for the resize grip inside the right edge */
  padding-right: 20px; /* Increased padding to ensure text doesn't overlap with the resize grip */
}

/* Fix the resize grip position specifically for Notepad */
.aV11bqVsUODgfkE0gGNHFw\=\= .resizeGrip {
  right: 2px;
  bottom: 2px;
}

/* Container for Notepad and its dialogs */
.v5\+Kimu8cVMi6ujpBGoqzw\=\= {
  position: relative;
  width: 100%;
  height: 100%;
}

._3MaJ6z9tGjrAdVnUGqF67Q\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 40px;
  padding-bottom: 20px;
  padding-top: 17px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  box-sizing: border-box;
  gap: 15px;
}

/* Group Box styling */
.gGRmnt8z7Vm5FAkerhehSQ\=\= {
  position: relative;
  border: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 15px 5px 5px;
  width: 100%;
  max-width: 400px;
}

.tkrjqHG\+Lrk1pIYlS86j-Q\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
}

/* Timer display styling */
._0v79rHDI4UWT1ijutWT99Q\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  border: 2px inset #dfdfdf;
  padding: 10px;
  margin-bottom: 10px;
}

.vbk932S60fFfnDZ2oIUOWQ\=\= {
  height: 32px;
  margin: 0 2px;
}

._8oj4BE0wjdCf010E1Dd\+wA\=\= {
  text-align: center;
  margin-top: 5px;
}

/* Controls section */
.ZTY0lR6cJe\+vdf4713Sj3A\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
}

.AAJ0sQzhIh5wNhYNalTrUA\=\= {
  display: flex;
  justify-content: center;
  gap: 10px;
}

/* Windows 98 button styling */
.wajnA7oqzbaTI3mPchog0Q\=\= {
  min-width: 60px;
  height: 26px;
  padding: 1px 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  text-align: center;
  color: #000;
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  position: relative;
  outline: none;
}

.wajnA7oqzbaTI3mPchog0Q\=\=:active {
  padding: 2px 11px 0 13px;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
}

.wajnA7oqzbaTI3mPchog0Q\=\=:focus {
  outline: 1px dotted #000;
  outline-offset: -4px;
}

/* Small button for mute control */
.VF366W5rybw5s3K5mNWvQQ\=\= {
  width: 30px;
  height: 26px;
  padding: 1px 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  text-align: center;
  color: #000;
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  position: relative;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VF366W5rybw5s3K5mNWvQQ\=\=:active {
  padding: 2px 3px 0 5px;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
}

.VF366W5rybw5s3K5mNWvQQ\=\=:focus {
  outline: 1px dotted #000;
  outline-offset: -4px;
}

/* Stats section */
._2zVswOzxCQmezJWmRmAxgA\=\= {
  width: 100%;
  max-width: 400px;
}

.NS2NykKdOMguIt8UNRVkKw\=\= {
  display: flex;
  margin-bottom: 6px;
  align-items: center;
}

.kdnSBn\+75PZDS8JzoV-Hiw\=\= {
  width: 80px;
}

.ClYxej1IMHtGUCdYVSRpUA\=\= {
  padding: 2px 5px;

}

/* Dialog wrapper */
.m7u68LUDamkcl1Qvt45lHQ\=\= {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* Noise Generator Window Styling */
.xGwijEwyWJJqZSIbyu\+4Qw\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
}

.JWSxQOmDlyZd1owK\+uJt6A\=\= {
  padding: 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Fieldset styling */
.chpEqHBndHaHLs47DKqhmA\=\= {
  padding: 8px 10px 10px 10px;
  margin: 0;
  border: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.PKA-9R9YzcJp7\+u8evXCoA\=\= {
  padding: 0 4px;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  background-color: #d4d0c8;
}

/* Preset Section */
._2VVRR5lDjRceXqrf5SktXw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.VLRGVTZfFHwLs-XdCx412g\=\= {
  flex: 1;
  min-width: 120px;
}

/* Frequency Section */
.nBwo4JxEbKo5fL6ymI5KXQ\=\= {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 10px 5px;
  gap: 8px;
}

._8BUwcyy-Xb1iumCrloz1-w\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.AbFjXE7xY8ZyQyiDJGtWBg\=\= {
  height: 80px;
  width: 20px;
  margin-bottom: 4px;
  position: relative;
  display: flex;
  justify-content: center;
}

/* Track styling matching VolumeControlPopup */
.AbFjXE7xY8ZyQyiDJGtWBg\=\=::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 100%;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  cursor: pointer;
}

.qZzj7Hafugwj5CYTgQdnXg\=\= {
  height: 100%;
  width: 100%;
}

.IgmzGiFaIWdoT3k2hVCQEQ\=\= {
  font-size: 11px;
  text-align: center;
  width: 100%;
  color: #000000;
  padding: 6px 0 0 0;
}

/* Master Volume Section */
.JaVhxsHVaNp-xTj-nxcFmA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.M7bQY3qQdMwFW-lYuXzLcg\=\= {
  min-width: 50px;
  font-size: 11px;
}

.hiCHqTU9D8EZY4BpWS9PWA\=\= {
  flex: 1;
  height: 20px;
}

._0lV-gE4P9tE4K9-GnevDuA\=\= {
  width: 100%;
  height: 100%;
}

.nMQ4\+R8iwa1T25CKQ10ZCw\=\= {
  min-width: 30px;
  text-align: right;
  font-size: 11px;
}

/* Controls Row */
.eVS2UE3QSZy0NstDBZzg1Q\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 8px;
}

/* Checkbox styling*/
.maYFdX3nQZb-9YV2oVXwWQ\=\= {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.zrGqStpx3KGj1kde0YyD\+Q\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

.zrGqStpx3KGj1kde0YyD\+Q\=\=._60gHnbpROZeH9ojqQIWt4A\=\= {
  background-color: white;
}

.lVRIIwGXl020-7lVmjPGYw\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

.LWgYKjStDRCeGkiG1oNjDA\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
}

/* Button Row */
._1pBkCecQDl4A\+9h4D04Q9w\=\= {
  display: flex;
  gap: 6px;
}

/* Status Bar */
.m2bV3nZuZsIBMF-gPOj-ng\=\= {
  height: 20px;
  background-color: #d4d0c8;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 11px;
  color: #000000;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .nBwo4JxEbKo5fL6ymI5KXQ\=\= {
    gap: 4px;
  }
  
  .AbFjXE7xY8ZyQyiDJGtWBg\=\= {
    width: 16px;
    height: 60px;
  }
  
  .IgmzGiFaIWdoT3k2hVCQEQ\=\= {
    font-size: 8px;
  }
}

.s8Ybt6D4xi2sCZVC-LntFQ\=\= {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    image-rendering: pixelated;
}
.Q1qez4TobMYyM4GyKIF\+Eg\=\= {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

._1l3qAMQZgHsUA8qoIU3yUA\=\= {
  flex: 1;
  padding: 8px;
}

/* File item styling */
.sJYBQvDC3i0VjH8LTvj-bg\=\= {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  margin: 1px 0;
  cursor: pointer;
  border: 1px solid transparent;
}

.sJYBQvDC3i0VjH8LTvj-bg\=\=:hover {
  background-color: rgba(0, 0, 255, 0.1);
}

.sJYBQvDC3i0VjH8LTvj-bg\=\=._4RfG9AOjK0bTJ9K0sKBebQ\=\= {
  background-color: #0078d7;
  color: white;
}

.T949GGfSD5kR3krXcuUZZA\=\= {
  margin-right: 6px;
  display: flex;
  align-items: center;
}

.huPylxJ69ZNC\+GuRhp36tA\=\= {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Empty message styling */
.LDvfWDb1eq1xHstAFXJSLw\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #666;
  font-style: italic;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Status bar styling */
.q-VOcvtOrV1P\+tPYaSilaQ\=\= {
  /* Use default enhanced status bar styling */
}

/* Selection box for drag selection */
.uecmal8qQb0xEJwRpO0GHQ\=\= {
  border: 1px dotted #000;
  background-color: rgba(0, 0, 128, 0.1);
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  /* Ensure proper cleanup and prevent artifacts */
  transition: none;
  will-change: auto;
  /* Force hardware acceleration for better cleanup */
  transform: translateZ(0);
  /* Ensure proper rendering bounds */
  overflow: hidden;
}


/* Registry Editor App Styles - Copied from My Computer */

._4QYoYX-mdE2-7fB7HWgvnw\=\= {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

.XJvmikQLw70ytE3w1Zuoxw\=\= {
  height: 100%;
  overflow: hidden;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
}

.-vYuAjifEhpOutseirC8wQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  height: 16px;
  padding: 2px 4px;
  background-color: transparent;
  border-bottom: none;
  display: flex;
  align-items: center;
  color: #000;
}

.p-Gac4fuSSQvJAHrdGcLuw\=\= {
  width: 6px;
  min-width: 6px;
  max-width: 6px;
  height: calc(100% + 40px);
  margin-top: -20px;
  background-color: #d4d0c8;
  position: relative;
  cursor: ew-resize;
  z-index: 150;
  border-left: 1px solid #808080;
  border-right: 2px solid #000000; /* Changed from #ffffff to #000000 and made 2px for 1px black edge */
  flex-shrink: 0;
}

.p-Gac4fuSSQvJAHrdGcLuw\=\=::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  width: 2px;
  height: 30px;
  background-image: linear-gradient(
    to bottom,
    #808080 1px,
    transparent 1px
  );
  background-size: 1px 4px;
  background-repeat: repeat-y;
  transform: translateY(-50%);
}

.ouPDS06jTTcKmm0zIjOpRw\=\= {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

/* Tree Container - copied from FolderTreeView */
.\+tVywM4DbVbvfwjyMq6PHg\=\= {
  font-family: "PixelatedMsSansSerif", "MS Sans Serif", Arial, sans-serif;
  font-size: 11px;
  padding: 6px;
  margin: 0;
  background: white;
  height: 100%;
  overflow: auto;
  flex: 1;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
}

.KVFn4hSVvtCkJw9aBawffw\=\= {
  position: relative;
}

._2epCGReqSMPT-aaOG4DHfw\=\= {
  border-left: 1px dotted grey;
  margin-left: 8px;
  padding-left: 8px;
  margin-top: 0;
  position: relative;
}

._2epCGReqSMPT-aaOG4DHfw\=\=::after {
  content: "";
  position: absolute;
  left: -2px;
  background: white;
  width: 3px;
  height: 8px;
  bottom: -1px;
  z-index: 2;
}

.Rr\+sVR\+iJIDeZx0p6KDv8w\=\= {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 16px;
  position: relative;
  cursor: default;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.Rr\+sVR\+iJIDeZx0p6KDv8w\=\= span {
  padding: 1px 2px;
}

.Rr\+sVR\+iJIDeZx0p6KDv8w\=\=.uICOmKDKiY4rwuZ-UfSxRw\=\= span {
  background-color: #000080;
  color: white;
  outline: 1px dotted white;
  outline-offset: -1px;
}

._3B-tFl7hFmnXu2Gpvx8Pyg\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  flex-shrink: 0;
  z-index: 5;
  position: relative;
}

.YkPGRV2qUx4CN9CToUNCMQ\=\= {
  margin-top: 0;
}

._2epCGReqSMPT-aaOG4DHfw\=\= .Rr\+sVR\+iJIDeZx0p6KDv8w\=\= {
  position: relative;
}

._2epCGReqSMPT-aaOG4DHfw\=\= .Rr\+sVR\+iJIDeZx0p6KDv8w\=\=::before {
  border-bottom: 1px dotted grey;
  content: "";
  display: block;
  left: -8px;
  position: absolute;
  top: 8px;
  width: 8px;
}

/* Registry Details View - copied from DetailsView */
.TlAEXLbnGnIMGlQbds0P6w\=\= {
  width: 100%;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
}

.w2IFi6XgloKTPJlf\+WTowA\=\= {
  display: table;
  width: 100%;
  background-color: #d4d0c8;
  height: 18px;
  border-bottom: 1px solid #000000;
  table-layout: fixed;
}

.RRFIDxuNDi-2IFOBrbyoUw\=\= {
  display: table-cell;
  position: relative;
  padding: 1px 6px;
  border-right: 1px solid #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  vertical-align: middle;
  /* Windows 98 button style borders */
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #808080;
  background-color: #d4d0c8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.RRFIDxuNDi-2IFOBrbyoUw\=\=:last-child {
  border-right: none;
}

.SU\+TyXPfk3xRpx9\+knIpTQ\=\= {
  flex: 1;
  overflow-y: auto;
  background-color: white;
  padding-top: 2px;
}

.VTxSQOoydoPPiIjmFtWCQg\=\= {
  border-top: 1px solid #808080;
  background: #d4d0c8;
}
.pqyQxO-9SXD9oB\+woBHm1Q\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
}

/* Ensure the error dialog fits properly */
.pqyQxO-9SXD9oB\+woBHm1Q\=\= .errorDialog {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Style for the content area */
.pqyQxO-9SXD9oB\+woBHm1Q\=\= .content {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

/* Style for the buttons row */
.pqyQxO-9SXD9oB\+woBHm1Q\=\= .buttons {
  padding: 10px;
  display: flex;
  justify-content: center;
}

.kafk-KdOT68a-RYszwaZpg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 10px;
  background-color: #d4d0c8;
  box-sizing: border-box;
}

.f0xJALaQFZqzz-21kVjXqw\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.mvfqozqkUdMfy6Oxfde7OQ\=\= {
  display: flex;
  margin-bottom: 16px;
}

.twbHGRXu1ZApzDWKB1Xf8w\=\= {
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ap1Sw29HJxY9wQwoKml6QQ\=\= {
  flex: 1;
  font-size: 11px;
  display: flex;
  align-items: center;
}

.ap1Sw29HJxY9wQwoKml6QQ\=\= p {
  margin: 0;
}

.ngwOC77qaZpA3fJ6z\+Sofw\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.ngwOC77qaZpA3fJ6z\+Sofw\=\= label {
  margin-right: 8px;
  font-size: 11px;
}

.FsmLuRcQ3i4bFtkDia2WdA\=\= {
  position: relative;
  flex: 1;
  display: flex;
  height: 21px;
}

.HpC-FNBudgdIEkuO8jdfug\=\= {
  flex: 1;
  height: 100%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 1px inset #96969d;
  background-color: #fff;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.cBxA1FCWfsfzj9j41q1HLA\=\= {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 17px;
  background-image: url('../images/button-down-disabled.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.HSezjZ3MlPtoXZup\+1RUPg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.HSezjZ3MlPtoXZup\+1RUPg\=\= button {
  min-width: 75px;
}

.RLldNC7t\+P9LyNdRFsGPFA\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 10px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.D8u\+XsEdC3K7gPap\+A7dIg\=\= {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  align-items: flex-start;
}

._1vURrVlBZH-GLtzLELmgMA\=\= {
  width: 32px;
  height: 32px;
  background-image: url(../images/error_32.png);
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

._00H3WgHTI5Jh\+eZkbETQ1A\=\= {
  flex: 1;
}

.jSqrC--On-K54-\+lztQFWA\=\= {
  font-size: 11px;
  line-height: 1.4;
  margin-bottom: -4px;
}

.OSwjsQjTQ2A2MnEeIsoUuQ\=\= {
  flex: 1;
  margin-top: 8px;
  overflow: auto;
  border: 1px inset #808080;
  background-color: #ffffff;
  font-family: monospace;
  font-size: 10px;
  padding: 4px;
  color: #000000;
  white-space: pre;
  display: none; /* Hidden by default */
}

.oLmzAeX6xXv1HzxTO8emHg\=\= {
  height: 8px; /* Adjust this value to control the amount of space */
}

._2Eb0cK78nXNV2NN68P5sdw\=\= {
  display: block;
}

.pKg9O4qKAXgK66aqLIHy4w\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;
}

.yTKJv2aSApk7FterLf5NvA\=\= {
  min-width: 75px;
  color: #808080; /* Grayed out for now */
  cursor: default;
}

.zttRCXqjlHkm93cEugxRmA\=\= {
  min-width: 75px;
}

/* ScanDiskApp.css - Authentic Windows 98 ScanDisk Application Styling */

.XsmlyDzDMq0f7AbftfYAfA\=\= {
  padding: 12px 12px 12px 12px; /* Reduced from 20px top to 12px for better space utilization */
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', monospace;
  font-size: 11px;
  color: #000000;
  width: 465px;
  height: 395px; /* Updated to match new window height */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Drive Selection */
.tmpMfedIIdECe4yPhEBn5Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ZhBlp57nQDgB\+R2P9OvdvQ\=\= {
  font-size: 11px;
  color: #000000;
  margin-top: 14px; /* Increased to 14px to add 6px more space from titlebar */
  margin-bottom: 4px;
}

.ZjbyY5FPrd38jv3SMm55og\=\= {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 1px 1px 0 #ffffff; /* Outer highlight */
  background-color: #ffffff;
  padding: 4px;
  min-height: 40px;
  display: flex;
  flex-direction: column;
}

.NyAH0GlYJdIxrX2\+VOnNHA\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  background-color: #000080; /* Proper Windows blue */
  color: #ffffff;
  border: 1px dotted #ffff7f; /* Dotted yellow border like My Computer */
  border-radius: 0;
  min-height: 18px;
}

.eIb\+nhHhEtbe3lqBc7nbNw\=\= {
  font-size: 11px;
  font-family: 'PixelatedMsSansSerif', monospace;
  color: #ffffff;
}

/* Type of Test Fieldset */
._3r\+LX1iddUdwueiGk2g8yg\=\= {
  border: 1px solid #808080;
  padding: 12px 8px 8px 8px;
  margin: 0;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff;
  position: relative;
}

._3r\+LX1iddUdwueiGk2g8yg\=\= legend {
  font-size: 11px;
  font-family: 'PixelatedMsSansSerif', monospace;
  color: #000000;
  padding: 0 4px;
  margin-left: 8px;
  background-color: #d4d0c8;
}

._5EtprdW5-kd\+JqBtY4s3NA\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Radio button field rows - following ShutdownApp pattern exactly */
.sGKSdtDpD80I7iR08L6Hrg\=\= {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.sGKSdtDpD80I7iR08L6Hrg\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  -webkit-font-smoothing: none;
  font-size: 11px;
  font-weight: normal !important;
  display: inline-block;
  width: auto;
  line-height: 16px;
}

.sGKSdtDpD80I7iR08L6Hrg\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

/* Chrome-compatible radio button input */
.sGKSdtDpD80I7iR08L6Hrg\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.sGKSdtDpD80I7iR08L6Hrg\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

/* Disabled styles */
.lYox-cXjpJT51CWwz2h2Zg\=\= input[type="radio"] {
  cursor: default;
}

.lYox-cXjpJT51CWwz2h2Zg\=\= label::before {
  opacity: 0.5;
}

.RuKAeUnyROg3pk3mQ6lk0w\=\= {
  color: #808080;
  cursor: default;
  font-weight: normal !important;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

/* Underlines for hotkeys */
.sGKSdtDpD80I7iR08L6Hrg\=\= label u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #222222;
}

.RuKAeUnyROg3pk3mQ6lk0w\=\= u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #808080;
}

.WzMmZK8CicoYdVQgyhS2Xw\=\= {
  font-size: 11px;
  color: #000000;
  margin-left: 18px;
  margin-bottom: 8px;
}

.lHp3MuJbq5b\+LFMQAkeSmg\=\= {
  color: #808080 !important;
}

/* Options */
._62UYf4\+mmv4Icxlus3AKAQ\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

/* Checkbox - following IE Error App pattern */
.NS83HIinACpOg2qXpcCMcg\=\= {
  display: flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.-uPdJnoJ7hmmyWnwPyupCw\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

._9xcq2nCn7Ii8hcdPBJFN5w\=\= {
  background-color: #d4d0c8; /* Grey background for disabled */
  opacity: 0.6;
}

.wSIZRwdrpCA6xZ7KTLpLvA\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

.RvE7Z9\+Ed6YzBIfEHyk4qw\=\= {
  opacity: 0.5; /* Grey out the checkmark */
}

.DrBSsOaZdY2S8841mb814w\=\= {
  font-family: 'PixelatedMsSansSerif', monospace;
  font-size: 11px;
  color: #000000;
}

/* Access key styling for underlined characters */
.hsZ29XUA2I5Knu55Uk3OSQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* Progress Section - Always visible */
.ES0mMKVNeVOPG13qFaZUTA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 60px;
  padding: 8px 0;
}

.I6vqMPJpg3DYdRELK7hdqw\=\= {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Ensure consistent alignment */
  gap: 12px;
  min-height: 48px;
  /* Container for exact icon positioning */
  position: relative;
}

/* Icon container to force exact positioning */
.JmBa7KZSvug2c1gxRk10Tw\=\= {
  width: 32px;
  height: 32px;
  position: relative;
  flex-shrink: 0;
  /* Force exact placement regardless of image dimensions */
  overflow: hidden;
}

.pFiKDGTwlUTW7k985o57ww\=\= {
  width: 32px;
  height: 32px;
  /* Absolute positioning within container for rock-solid placement */
  position: absolute;
  top: 0;
  left: 0;
  /* Force consistent rendering */
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  /* Reset all potential spacing variations */
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: top;
}

._0eJNn6jA6Sasn02dklZ3xA\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Progress Bar - Using shared ProgressBar component */
.WB6hMqZhVQhj6XK6mY7TQw\=\= {
  width: 100%;
}

/* Button Row */
.WXbalgXVGw9sGMOgp6CmAQ\=\= {
  display: flex;
  justify-content: flex-end; /* Right aligned as requested */
  gap: 8px;
  /* Remove margin-top: auto to prevent buttons being pushed to bottom */
  margin-top: 6px; /* Fixed 6px spacing from progress section */
  padding-top: 0px;
  padding-right: 16px;
  padding-bottom: 16px; /* Adequate space from bottom edge */
}

.WXbalgXVGw9sGMOgp6CmAQ\=\= button {
  min-width: 75px;
  height: 23px;
  font-size: 11px;
  font-family: 'PixelatedMsSansSerif', monospace;
}

/* Responsive adjustments */
@media (max-width: 500px) {
  .XsmlyDzDMq0f7AbftfYAfA\=\= {
    width: 100%;
    max-width: 465px;
  }
  
  .I6vqMPJpg3DYdRELK7hdqw\=\= {
    flex-direction: column;
    gap: 8px;
  }
  
  .pFiKDGTwlUTW7k985o57ww\=\= {
    align-self: center;
  }
}

.LH0ZihRNcc8o3W8hurq55Q\=\= {
  padding: 10px;
  padding-top: 24px; /* Add extra padding at the top */
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #d4d0c8;
  box-sizing: border-box;
}

.ZVeNoPrgPqMBGEOMMhs0kw\=\= {
  display: flex;
  flex: 1;
  align-items: flex-start;
  margin-bottom: 15px;
}

._6KQmrn3GrbKs7M9MQEtbPg\=\= {
  margin-right: 15px;
  width: 32px;
  margin-top: 2px;
}

.Wj6wd3er95PxS2z0hEtRcg\=\= {
  flex: 1;
}

.onZylXjaeqcTllQrFaOI5g\=\= {
  margin-bottom: 5px;
}

.onZylXjaeqcTllQrFaOI5g\=\= p {
  margin: 0 0 8px 0;
  padding: 0;
}

.zIVl0seCGkwpbgC-qpUmXw\=\= {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: auto;
}

.zIVl0seCGkwpbgC-qpUmXw\=\= button {
  min-width: 75px;
}

.VzN81gZ0emMnmbzl3Kr07w\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Radio button field rows - Chrome compatible */
._9neJsTW-JiN3N0438vs\+OQ\=\= {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

._9neJsTW-JiN3N0438vs\+OQ\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  -webkit-font-smoothing: none;
  font-size: 11px;
  font-weight: normal !important;
  display: inline-block;
  width: auto;
  line-height: 16px;
}

._9neJsTW-JiN3N0438vs\+OQ\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

/* Chrome-compatible radio button input - improved responsiveness and click area */
._9neJsTW-JiN3N0438vs\+OQ\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  /* Critical for Chrome compatibility and responsiveness */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

._9neJsTW-JiN3N0438vs\+OQ\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

/* Legacy radioInput class - keep for compatibility but don't conflict */
.FcSLl-Aji6V\+I7MqUbI\+Lg\=\= {
  /* No conflicting styles */
}

/* Disabled styles */
.oG2a354zsgS3d3W-NC3LEQ\=\= input[type="radio"] {
  cursor: default;
}

.oG2a354zsgS3d3W-NC3LEQ\=\= label::before {
  background-image: url('../images/radio-border-disabled.svg');
  opacity: 1; /* Remove opacity override since we have proper disabled graphic */
}

._9Nn1eHpJmRzhLCdzJMK9gA\=\= {
  color: #808080;
  cursor: default;
  font-weight: normal !important;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

/* Thicker underlines for hotkeys */
._9neJsTW-JiN3N0438vs\+OQ\=\= label u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #222222;
}

._9Nn1eHpJmRzhLCdzJMK9gA\=\= u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #808080;
}

/* Windows 98 authentic styling for Sound Properties dialog */

.q1kRBGV4lcFM9RAMTt9fkA\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

.nYcDoD\+NZI0TnB4a\+TftXg\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px; /* Creates consistent spacing between all sections */
}

.ySJVahKEVavM42csbHd7xw\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.r-BdfLNwspNZSQnPgIxRxQ\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.r-BdfLNwspNZSQnPgIxRxQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.r-BdfLNwspNZSQnPgIxRxQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.r-BdfLNwspNZSQnPgIxRxQ\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.MvBGaHfxLQaww4w0x8aheg\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.MvBGaHfxLQaww4w0x8aheg\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.MvBGaHfxLQaww4w0x8aheg\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
.dWiDghkoGw3hntNhWHf2jg\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}


/* Group fieldsets */
.AwgJMRdrvFqobrX3\+zHE2g\=\= {
  border: 1px solid #808080;
  margin: 0 0 8px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
}

.zjfPmZXQ4t7FoHv\+Kz\+n\+Q\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

/* Sound events list with proper Windows 98 inset styling */
.RcPX2y9a2GYQdoUgK0Xy9Q\=\= {
  background-color: white;
  height: 110px;
  overflow-y: auto;
  margin-bottom: 16px;
  position: relative;
    border: 1px solid #808080;
  border-top-color: #404040;
  border-left-color: #404040;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

._6gNJls36PQmUKhLD\+DaAiw\=\= {
  padding: 1px 2px;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  height: 17px;
  
}

._6gNJls36PQmUKhLD\+DaAiw\=\=.QqKDtlECPN0UNowEqrnW5g\=\= {
  font-weight: normal;
  position: relative;
  padding-right: 16px;
}

._6gNJls36PQmUKhLD\+DaAiw\=\=.tT3FPIOPN1qCCVxj0E-EjA\=\= {
  padding-left: 16px;
}

.MmsLdUsMX9FWak0AIEmwyQ\=\= {
  margin-left: auto;
  font-size: 8px;
  position: absolute;
  right: 5px;
  top: 4px;
}

._6gNJls36PQmUKhLD\+DaAiw\=\=.pEi0XTJmeud5aHIGABgJnw\=\= {
  background-color: #0a246a;
  color: white;
}

._6gNJls36PQmUKhLD\+DaAiw\=\= img, ._6gNJls36PQmUKhLD\+DaAiw\=\= svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  min-width: 16px;
  vertical-align: middle;
}


/* Form controls with authentic Windows 98 styling */
.pDAldT-UNAfAlrYoFLV4fg\=\= {
  margin-bottom: 8px;
}

.pDAldT-UNAfAlrYoFLV4fg\=\= label {
  display: block;
  margin-bottom: 3px;
}

.ERvlYJSBPXM10HPWXYKmjA\=\= {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 2px;
}

.VdK8Vb2I6LoFKr3ukz9h8A\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.DCVTKu1NLBTgg099eVYLIg\=\= {
  flex: 1;
  height: 21px;
  background-color: #ffffff;
  border: 1px inset #808080;
  padding: 2px 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 3px;
}

.\+JhPj2aCIUc8cTUtX\+qeDQ\=\= {
  width: 23px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  background-color: #d4d0c8;
  padding: 0;
  min-width: 0;
  min-width: initial;
  cursor: pointer;
  margin-right: 3px;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

.\+JhPj2aCIUc8cTUtX\+qeDQ\=\=:active {
  border-color: #000 #fff #fff #000;
  box-shadow: inset 1px 1px 0px #808080, inset -1px -1px 0px #dfdfdf;
  padding-top: 1px;
  padding-left: 1px;
}

.k9aBSmNoE6hBQnQNQtqC3w\=\= {
  height: 21px;
  min-width: 70px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  background-color: #d4d0c8;
  padding: 0 5px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  text-align: center;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

._7L32UhIUlq3\+BVw4bAHlqw\=\= {
  margin: 8px 0;
}

._7L32UhIUlq3\+BVw4bAHlqw\=\= label {
  display: block;
  margin-bottom: 3px;
}

.r7u8u\+YW5C3FUHlhSO81WQ\=\= {
  width: 100%;
  height: 21px;
  margin-bottom: 6px;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 3px 4px;
  padding-right: 18px; /* Space for dropdown button */
  
  /* Use the same SVG-based arrow as the Select component */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-position: right 2px top 0px;
  background-repeat: no-repeat;
  background-size: 16px 21px;
  background-clip: border-box;
}

/* Focus and active states to match the shared Select component */
.r7u8u\+YW5C3FUHlhSO81WQ\=\=:focus {
  outline: none;
  color: white;
  background-color: #0a246a;
}

.r7u8u\+YW5C3FUHlhSO81WQ\=\=:focus option {
  color: black;
  background-color: white;
}

.r7u8u\+YW5C3FUHlhSO81WQ\=\=:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

.noT0utr4YMHUkW\+3s2NAqQ\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 0;
}

.foxyabKpLFQbEaY0eJzxEw\=\= {
  height: 21px;
  min-width: 70px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  background-color: #d4d0c8;
  padding: 0 5px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  text-align: center;
  color: #808080;
  cursor: default;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

/* Sound Volume section */
.oPNc6R32uN1gkwLoGEvXUQ\=\= {
  border: 1px solid #808080;
  margin: 8px 0 0 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
        box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

._5mXl\+-qoPzeIlzFy8oV6Sg\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

.ZliKxSNOyWY1dFdZ7hoGkQ\=\= {
  display: flex;
  align-items: center;
  margin: 10px 0;
  height: 21px;
}

.atwTJTOA\+VhX9GcjcprYOg\=\= {
  flex: 1;
  height: 4px;
  margin: 0 10px;
  position: relative;
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  margin-top: 10px;
  padding: 0;
  box-sizing: border-box;
}

.vpYlvm2EFs-ddDUiyP\+OCA\=\= {
  width: 11px;
  height: 21px;
  position: absolute;
  top: -10px; /* Adjust to center on the line */
  background-image: url("../images/indicator-horizontal.svg");
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  pointer-events: none; /* Prevent the thumb from capturing clicks */
}

._6nw08-JIbyS7iCIxh2DnsQ\=\= {
  position: absolute;
  width: 1px;
  height: 3px;
  background-color: #000;
  top: -5px; /* Position above the line */
}

.ZliKxSNOyWY1dFdZ7hoGkQ\=\= label {
  width: 25px;
}

.ZliKxSNOyWY1dFdZ7hoGkQ\=\= .Tx2BtuV2RFDdY3YXrM6SwQ\=\= {
  width: 25px;
  text-align: right;
}

/* Authentic Windows 98 checkbox */
.n7gY5FHdotuVIjrUhBWj7w\=\= {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.n7gY5FHdotuVIjrUhBWj7w\=\= label {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Create the checkmark (hidden when not checked) */
.WsmSkfm5cFjcZTrU8eZ0\+w\=\=:after {
  content: "";
  position: absolute;
  display: none;
  width: 7px;
  height: 7px;
  top: 2px;
  left: 2px;
  background-image: url('../images/checkmark.svg');
  background-size: 7px 7px;
  background-repeat: no-repeat;
}

/* Style for disabled checkbox */
.fQAH\+7zM7RKDwDln3vVs-w\=\=:disabled ~ .WsmSkfm5cFjcZTrU8eZ0\+w\=\= {
  background-color: #d4d0c8;
}

/* Style for disabled and checked checkbox */
.fQAH\+7zM7RKDwDln3vVs-w\=\=:disabled:checked ~ .WsmSkfm5cFjcZTrU8eZ0\+w\=\=:after {
  background-image: url('../images/checkmark-disabled.svg');
}

/* Bottom button row */
.P-SfWc1\+w6QKwL7Rm8n-vg\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.P-SfWc1\+w6QKwL7Rm8n-vg\=\= button {
  min-width: 75px;
  text-align: center;
}

/* Sounds tab styles - restored to original Windows 98 authentic styling */

/* Sounds tab content with 4px additional top padding */
.O10EYt5V8nRTYEXY1t8dGQ\=\= {
  padding-top: 4px;
}

/* Group fieldsets with authentic Windows 98 styling */
.YZVsxBz-VTfazDwJGQZg\+g\=\= {
  border: 1px solid #808080;
  margin: 0 0 8px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  /* Simplified box-shadow to avoid transparency issues */
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.Ku4bB2\+7TX1Z6XztegoDuA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

/* Sound events list with proper Windows 98 inset styling */
.hmWY1trsNcKZqfWVh8e70Q\=\= {
  height: 110px;
  margin-bottom: 8px;
  position: relative;
  border: none;
  box-shadow: inset -1px -1px 0 #ffffff, inset 1px 1px 0 #808080, inset -2px -2px 0 #dfdfdf, inset 2px 2px 0 #000000;
  padding: 2px; /* Small padding to create space between border and scrollbar */
  box-sizing: border-box;
}

/* Inner scrollable container */
.hmWY1trsNcKZqfWVh8e70Q\=\= > div {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: white;
  padding: 0;
  margin: 0;
}



/* Component-specific scrollbar override - keep normal 16px width but adjust positioning */
.hmWY1trsNcKZqfWVh8e70Q\=\= > div::-webkit-scrollbar {
  width: 16px; /* Restore normal Windows 98 scrollbar width */
}

.hmWY1trsNcKZqfWVh8e70Q\=\= > div::-webkit-scrollbar-track {
  background-image: url("../images/scrollbar-background.svg");
}

.hmWY1trsNcKZqfWVh8e70Q\=\= > div::-webkit-scrollbar-thumb {
  background-color: #d4d0c8;
  background-color: var(--surface, #d4d0c8);
  box-shadow: inset -1px -1px #000000, inset 1px 1px #FFFFFF, 
              inset -2px -2px #808080, inset 2px 2px #DFDFDF;
  box-shadow: var(--border-raised-outer, inset -1px -1px #000000, inset 1px 1px #FFFFFF), 
              var(--border-raised-inner, inset -2px -2px #808080, inset 2px 2px #DFDFDF);
}

.hmWY1trsNcKZqfWVh8e70Q\=\= > div::-webkit-scrollbar-button:vertical:start {
  height: 17px; /* Restore normal button height */
  background-image: url("../images/button-up.svg");
}

.hmWY1trsNcKZqfWVh8e70Q\=\= > div::-webkit-scrollbar-button:vertical:end {
  height: 17px; /* Restore normal button height */
  background-image: url("../images/button-down.svg");
}

.hmWY1trsNcKZqfWVh8e70Q\=\= > div::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("../images/button-up-active.svg");
}

.hmWY1trsNcKZqfWVh8e70Q\=\= > div::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("../images/button-down-active.svg");
}

.DyNVz4UK0a5kOJ5-YeO9jA\=\= {
  padding: 1px 2px;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  height: 17px;
}

.DyNVz4UK0a5kOJ5-YeO9jA\=\=.oZzf43-G92oTxr8WDS33yA\=\= {
  font-weight: normal;
  position: relative;
  padding-right: 16px;
}

.DyNVz4UK0a5kOJ5-YeO9jA\=\=.Vvkcc-\+AodkcJrYFlaASMw\=\= {
  padding-left: 16px;
}

._8T7-UjDZ8JRtJd5QPvwQDw\=\= {
  margin-left: auto;
  font-size: 8px;
  position: absolute;
  right: 5px;
  top: 4px;
}

.DyNVz4UK0a5kOJ5-YeO9jA\=\=.NlQr81fhwJKPzvw2-WcAfQ\=\= {
  background-color: #000080;
  color: white;
  border: 1px dotted #ffff7f;
  /* Only adjust top/bottom and right padding, preserve left padding */
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 1px;
  /* Don't touch padding-left - let .child keep its 16px indentation */
}

.DyNVz4UK0a5kOJ5-YeO9jA\=\= img, .DyNVz4UK0a5kOJ5-YeO9jA\=\= svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  min-width: 16px;
  vertical-align: middle;
}

/* Form controls with authentic Windows 98 styling */
.LwFVh6rxHEEw-kgJf6H4Cg\=\= {
  margin-bottom: 8px;
}

.LwFVh6rxHEEw-kgJf6H4Cg\=\= label {
  display: block;
  margin-bottom: 3px;
}

.UlqMCv4\+FRSFV2SCSjwwLQ\=\= {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 2px;
}

.nSdkALzpZS3KhwzihsUBcw\=\= {
  flex: 1;
  margin-right: 3px;
}

.s4tU8df87D3e2VAEYSQesw\=\= {
  width: 16px;
  height: 16px;
  display: block;
}

.jQgPv2NexdgvRby3CBO\+3Q\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.bgMR3hXkAd1106hQTV0yQQ\=\= {
  width: 23px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  background-color: #d4d0c8;
  padding: 0;
  min-width: 0;
  min-width: initial;
  cursor: pointer;
  margin-right: 3px;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

.bgMR3hXkAd1106hQTV0yQQ\=\=:active {
  border-color: #000 #fff #fff #000;
  box-shadow: inset 1px 1px 0px #808080, inset -1px -1px 0px #dfdfdf;
  padding-top: 1px;
  padding-left: 1px;
}

.bgMR3hXkAd1106hQTV0yQQ\=\=:disabled {
  color: #808080;
  cursor: default;
  border-color: #fff #000 #000 #fff;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

.nQme\+nNAkDuTKvVvXzMUKg\=\= {
  width: 23px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  background-color: #d4d0c8;
  padding: 0;
  min-width: 0;
  min-width: initial;
  cursor: pointer;
  margin-right: 3px;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

.nQme\+nNAkDuTKvVvXzMUKg\=\=:active {
  border-color: #000 #fff #fff #000;
  box-shadow: inset 1px 1px 0px #808080, inset -1px -1px 0px #dfdfdf;
  padding-top: 1px;
  padding-left: 1px;
}

.nQme\+nNAkDuTKvVvXzMUKg\=\=:disabled {
  color: #808080;
  cursor: default;
  border-color: #fff #000 #000 #fff;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

.EB7Lu631mPF1eg7-CSiyvA\=\= {
  margin: 8px 0;
}

.EB7Lu631mPF1eg7-CSiyvA\=\= label {
  display: block;
  margin-bottom: 3px;
}

.JFIF6KrDPlbqqZTiMjGMYA\=\= {
  width: 100%;
  margin-bottom: 6px;
}

.ZBiImpXNzXpz1600uN\+0yQ\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 0;
}

.yP\+RxzyGZQBT6398U4OSLQ\=\= {
  height: 21px;
  min-width: 70px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  background-color: #d4d0c8;
  padding: 0 5px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  text-align: center;
  color: #808080;
  cursor: default;
  box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
}

/* Sound Volume section */
.\+haYlATNDHsQh8LGyGkSMw\=\= {
  border: 1px solid #808080;
  margin: 16px 0 0 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  /* Simplified box-shadow to avoid transparency issues */
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

._5IfRkkWd9lgpvpsygK-2hw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

.L4ODCWs4DmV8agLyY5oiTw\=\= {
  display: flex;
  align-items: center;
  margin: 10px 0;
  height: 21px;
}

.JHdhHYbwTtGpsS-zlltzjQ\=\= {
  flex: 1;
  height: 21px; /* Full height for click target */
  margin: 0 10px;
  position: relative;
  cursor: pointer;
  /* Use ::before for visual track within larger clickable area */
}

.JHdhHYbwTtGpsS-zlltzjQ\=\=::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.VY6oavXTKBg1q\+hlqALRfA\=\= {
  width: 11px;
  height: 21px;
  position: absolute;
  top: 0; /* Aligned with full container */
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  pointer-events: none; /* Prevent thumb from blocking clicks */
}

.bYMHSd32GLqL\+vCtaFQRSw\=\= {
  position: absolute;
  width: 1px;
  height: 3px;
  background-color: #000;
  top: -5px; /* Position above the line */
}

.L4ODCWs4DmV8agLyY5oiTw\=\= label {
  width: 25px;
}

.L4ODCWs4DmV8agLyY5oiTw\=\= .hr8i4yrfKbKU97swgi2kKA\=\= {
  width: 25px;
  text-align: right;
}

.on8z\+G3FJNT-46mqiaagQQ\=\= {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* Audio tab styles - matching original Windows 98 authentic styling */

/* Group fieldsets with authentic Windows 98 styling */
.QRkG4qzULy5j76OWAFQpCQ\=\= {
  border: 1px solid #808080;
  margin: 12px 0 12px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.zm-ld\+bMGR0flmotQUdLIw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

.oAoES2rHMZLP-ZxePPmlBA\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.HPm1lXBpH7WmxIw\+IiYmZg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.HPm1lXBpH7WmxIw\+IiYmZg\=\= label {
  display: block;
  margin-bottom: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Device dropdown with your preferred button-down.svg styling */
.QDICRISCLRVEP2V-e6Ey1Q\=\= {
  width: 100%;
  height: 21px;
  margin-bottom: 8px;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 3px 4px;
  padding-right: 18px; /* Space for dropdown button */
  
  /* Use the same SVG-based arrow as the scheme dropdown */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-position: right 2px top 0px;
  background-repeat: no-repeat;
  background-size: 16px 21px;
  background-clip: border-box;
}

/* Focus and active states with correct Windows 98 colors */
.QDICRISCLRVEP2V-e6Ey1Q\=\=:focus {
  outline: none;
  color: var(--HilightText);
  background-color: var(--Hilight);
}

.QDICRISCLRVEP2V-e6Ey1Q\=\=:focus option {
  color: var(--text-color);
  background-color: var(--button-highlight);
}

/* Add proper option styling for consistent colors */
.QDICRISCLRVEP2V-e6Ey1Q\=\= option {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: var(--button-highlight);
  color: var(--text-color);
}

.QDICRISCLRVEP2V-e6Ey1Q\=\= option:hover {
  background-color: var(--Hilight) !important;
  color: var(--HilightText) !important;
}

.QDICRISCLRVEP2V-e6Ey1Q\=\= option:checked {
  background-color: var(--Hilight) !important;
  color: var(--HilightText) !important;
}

.QDICRISCLRVEP2V-e6Ey1Q\=\=:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

._58haM9Qry0unTQodPhNHyQ\=\= {
  align-self: flex-start;
  min-width: 120px;
}

.zr7fvE6g-fPFKEfMshPzVQ\=\= {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* MIDI Configure Window - Authentic Windows 98 Style */
._9gyqKv6CL3YP9b40vLpK4Q\=\= {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
  height: 360px;
  background: #d4d0c8;
  border: 2px outset #d4d0c8;
  z-index: 1001;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.pCxWX4vT4OloxJ7lb3X2vA\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}

._0a7AHGWTUE5lMI3tugBbeA\=\= {
  background: #000080;
  color: white;
  padding: 2px 8px;
  display: flex;
  align-items: center;
  height: 18px;
}

._0a7AHGWTUE5lMI3tugBbeA\=\= h3 {
  margin: 0;
  font-size: 11px;
  font-weight: bold;
}

._9lcHiLyjlJCgItX26IJ5cg\=\= {
  padding: 8px;
  height: calc(100% - 22px);
  overflow-y: auto;
}

.ZHKrUhvZxjlNOZIYTQ3JgQ\=\= {
  margin-bottom: 16px;
}

.ZHKrUhvZxjlNOZIYTQ3JgQ\=\= h4 {
  margin: 0 0 8px 0;
  font-size: 11px;
  color: #000;
}

/* Device Info Section */
.vjm7Kf5AaPCxYjYwalY2MA\=\= {
  padding: 8px;
  background: #ffffff;
  border: 1px inset #d4d0c8;
  min-height: 24px;
}

.zu\+Qx40SDHRapUwDvhJ8Kw\=\= {
  font-size: 11px;
  color: #666;
}

.poTawn9KzyjbVkwWKjlphQ\=\= {
  color: #666;
  font-style: italic;
}

/* Monitor Controls */
.dD1sZR5fopOEL2mFoF4yEw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.bO7mrQo8BLeAjHmk7yy7HA\=\=, ._856YUVUIJ5R0G26kkMA8Gw\=\= {
  min-width: 100px !important;
  height: 23px !important;
}

.ZtLtcXC2P96Jmga-n8bRTA\=\= {
  font-size: 11px;
  color: #666;
  margin-left: auto;
}

/* Message Log */
.ZFrQ\+MLtMVGJjInWfl1A0w\=\= {
  border: 1px inset #d4d0c8;
  background: #ffffff;
  height: 100px;
  overflow-y: auto;
  padding: 4px;
  font-size: 11px;
  line-height: 1.2;
}

.YqHgBVQVRFTjsU\+HTy3MOg\=\= {
  color: #666;
  font-style: italic;
  text-align: center;
  padding: 20px;
}

.AvC89h9Sy8hKTKgpqsncQw\=\= {
  white-space: nowrap;
  margin-bottom: 1px;
}

.ZX5tyktrlwvatQxaa8t2Pg\=\= {
  color: #cc0000;
}

.\+0fdS3w1qAZx3kgh5nIxHw\=\= {
  color: #006600;
}

.IwAmWhljufnoflypNFWMwg\=\= {
  color: #000000;
}

/* Action Buttons */
.lpkFTI0XBlJ\+n32fscmBuA\=\= {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px solid #808080;
}

.SfxyJBCE3pcMySJuKVmhYw\=\= {
  min-width: 75px !important;
  height: 23px !important;
}


/* MIDI tab styles - matching Audio tab's border styles and dropdown styling */

/* Group fieldsets with authentic Windows 98 styling - matching Audio tab */
.T5Ap8kmHkgrpKKup7Vlnag\=\= {
  border: 1px solid #808080;
  margin: 12px 0 12px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.BJ7LxPytKdzx-MnwPefLCw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

._35ZFWyDiRO8sOm6txk0j5A\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.gsfUhNSkMvm\+abNRFT4CVw\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gsfUhNSkMvm\+abNRFT4CVw\=\= label {
  display: block;
  margin-bottom: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Device dropdown - identical to Audio tab styling */
.LSNruIskw-GKt6t54CFIdQ\=\= {
  width: 100%;
  height: 21px;
  margin-bottom: 8px;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 3px 4px;
  padding-right: 18px; /* Space for dropdown button */
  
  /* Use the same SVG-based arrow as the Audio tab */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-position: right 2px top 0px;
  background-repeat: no-repeat;
  background-size: 16px 21px;
  background-clip: border-box;
}

/* Focus and active states to match the Audio tab */
.LSNruIskw-GKt6t54CFIdQ\=\=:focus {
  outline: none;
  color: white;
  background-color: #0a246a;
}

.LSNruIskw-GKt6t54CFIdQ\=\=:focus option {
  color: black;
  background-color: white;
}

.LSNruIskw-GKt6t54CFIdQ\=\=:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

.\+1nT0V4\+k9bj29Mlrc57PQ\=\= {
  align-self: flex-start;
  min-width: 120px;
}

.LUV9S589T-zGMJ8PWRpV8Q\=\= {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.d4fYLSWIKbf6qdJY4HMIqQ\=\= {
  min-width: 80px;
}

.pQrY1bqAo8VMnc\+D-juLPw\=\= {
  min-width: 80px;
}

._2BmAGppd9WxSx6jjN8OTpQ\=\= {
  min-width: 140px;
}
/* Speech tab styles - matching original Windows 98 authentic styling */

/* Group fieldsets with authentic Windows 98 styling */
.fAWz5UEq0gGBG7tB-8GJ2A\=\= {
  border: 1px solid #808080;
  margin: 12px 0 12px 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

.B2xLnxNX3FxGhVBBwq2kLA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  z-index: 2;
}

.NwSh9TKF0A6bbEE4RvbVTw\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.xRdsvBQQMbXm1rvJV814gw\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.xRdsvBQQMbXm1rvJV814gw\=\= label {
  display: block;
  margin-bottom: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Voice dropdown with authentic Windows 98 styling */
.Rk3RhLucCqrCuX7wNWIzFw\=\= {
  width: 100%;
  height: 21px;
  margin-bottom: 8px;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 3px 4px;
  padding-right: 18px;
  
  /* Authentic dropdown arrow */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-position: right 2px top 0px;
  background-repeat: no-repeat;
  background-size: 16px 21px;
  background-clip: border-box;
}

.Rk3RhLucCqrCuX7wNWIzFw\=\=:focus {
  outline: none;
  color: var(--HilightText);
  background-color: var(--Hilight);
}

.Rk3RhLucCqrCuX7wNWIzFw\=\=:focus option {
  color: var(--text-color);
  background-color: var(--button-highlight);
}

.Rk3RhLucCqrCuX7wNWIzFw\=\= option {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: var(--button-highlight);
  color: var(--text-color);
}

.Rk3RhLucCqrCuX7wNWIzFw\=\= option:hover {
  background-color: var(--Hilight) !important;
  color: var(--HilightText) !important;
}

.Rk3RhLucCqrCuX7wNWIzFw\=\= option:checked {
  background-color: var(--Hilight) !important;
  color: var(--HilightText) !important;
}

.Rk3RhLucCqrCuX7wNWIzFw\=\=:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

/* Controls section styling */
.ksi1SS2UKz-K3i0xDgi6wg\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.b5rSGN8zBykLmfIUgAwGrg\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

._1P3oiYed6zOELs\+HPA-sKg\=\= {
  min-width: 60px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.UW7DE\+6zpwWtaVGpKacQuw\=\= {
  position: relative;
  flex: 1;
}

._1iXIitJjpSthkvq99i751A\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,
    inset 1px 1px 0 #808080,
    inset -2px -2px 0 #dfdfdf,
    inset 2px 2px 0 #000000;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

/* Slider styling - authentic Windows 98 look */
.r4GvivwRRRYlz39f5e91HA\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

.r4GvivwRRRYlz39f5e91HA\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin-left: -5px;
  margin-right: -6px;
  z-index: 2;
}

.r4GvivwRRRYlz39f5e91HA\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  z-index: 2;
}

.g1-BlyU272hvllEnX4sYKg\=\= {
  min-width: 40px;
  text-align: right;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Text preview section */
.oYfj2U3CLMQvNUtMvd66Vg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Jj-MtesN85cpwseAJydvnQ\=\= {
  width: 100%;
  height: 50px;
  border: none;
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  background-color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 4px;
  resize: none;
  overflow-y: auto;
}

.Jj-MtesN85cpwseAJydvnQ\=\=:focus {
  outline: none;
}

/* Button row styling */
.frNe56REZnQNwb3\+6O--ZA\=\= {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

._28jRl02ICNDOHoRB6npraQ\=\= {
  min-width: 60px;
}

.adpxaezlHhbIVZzL028aIg\=\= {
  min-width: 60px;
}

/* SAPI4 mode section */
.STQhJKCQ0avNJrr-TT55rA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.IXQvzCvBD0iu\+oXaQ8mKig\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.jnoBl-LEiGWwLgVs\+LkvbQ\=\= {
  width: 32px;
  height: 32px;
  image-rendering: pixelated;
}

.AfvzzOSxFJFeh3SkNz5A1w\=\= {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.JJH9d1JnVX4VlxfOhyo2BQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.G1ZcAKKanLNVZ9K0\+Ml8mg\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

._1v8jsQiNW9GcK-xX8MqXew\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

._1QxPpjf8RFYC0HRcnbSf7g\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

._9CDzM5jh2nedt0wTOl\+olA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin: 0;
}

.gmksA9lPgXtYDcwaMEg-Ow\=\= {
  color: #008000;
}

.BYwmFvzJ1C2GmiqvS9ZNVg\=\= {
  color: #800000;
}

/* Checkbox styling */
.gj3tduKE4WNCCVb16ldmAw\=\= {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Status information */
.KaUg5McGe\+U71NpejEul5g\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #666;
  margin-top: 8px;
  font-style: italic;
}

/* Error messages */
.S58K2n8m\+JuFtOPzx6JONA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #800000;
  margin-top: 8px;
  padding: 4px;
  background-color: #fff0f0;
  border: 1px solid #ff8080;
}

/* Loading state */
.JayWAeO3JTPASWgB8f\+9YA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #666;
  font-style: italic;
}

/* Devices tab styles - renders audiodrivers.png image (322x287) */
/* Matches Device Manager pattern from SystemPropertiesApp */

.bqnmN2eIqbyymbyz0ag78g\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

.T6BNOOdmods\+cQGxd9ijEw\=\= {
  flex: 1;
  margin-bottom: 10px;
  border: none; /* No stylized frame - just the image */
  background-color: transparent;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.BsJ9v0jsjTZ7FytwXP\+ARQ\=\= {
  width: 291px;
  height: 102px;
  display: block;
  pointer-events: none; /* Prevent dragging */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent selection */
}

.V5RHUAaurruum-Ze-WH0bw\=\= {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  margin-top: 5px;
}

/* Apply styling to buttons in this tab */
.V5RHUAaurruum-Ze-WH0bw\=\= button {
  min-width: 75px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;
}
.bIKO\+7pNG-cT\+OaDPTJDxg\=\= {
    width: 100% !important; /* Use full width */
    height: 185px !important; /* Increased height to account for removed menu */
    overflow: hidden;
    background: var(--ButtonFace);
    position: relative;
}

.pElBUlSEN8auaF7XlYajGA\=\= {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.xmTDp6NtRrfODafFgoultw\=\= {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ButtonFace);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
    font-family: 'PixelatedMsSansSerif', sans-serif;
    font-size: 11px;
    color: black;
}

.fqQXw24wLjHn4NMumSw3Fg\=\= {
    margin-bottom: 15px;
    font-size: 12px;
    text-align: center;
    max-width: 200px;
}

.jQFXRgF7kra3bmcNSCJ7qQ\=\= {
    width: 150px;
    height: 15px;
    border: 1px solid #808080;
    background-color: white;
    overflow: hidden;
    position: relative;
}

._4fSuH-9YSTGj-rEOCeNzpA\=\= {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 20%;
    background-color: navy;
    animation: JluFGN-p8z1TDpdrf-Jd0w\=\= 1.5s infinite;
}

@keyframes JluFGN-p8z1TDpdrf-Jd0w\=\= {
    0% { left: -20%; }
    100% { left: 100%; }
}
._3p\+ntK4Jea07gQbKfQhaHA\=\= {
  padding: 12px;
  font-family: 'MS Sans Serif', 'Segoe UI', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  height: 100%;
  overflow: auto;
}

._3p\+ntK4Jea07gQbKfQhaHA\=\= h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
}

._3p\+ntK4Jea07gQbKfQhaHA\=\= h3 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 14px;
}

._3p\+ntK4Jea07gQbKfQhaHA\=\= p {
  margin-bottom: 12px;
}

._3p\+ntK4Jea07gQbKfQhaHA\=\= ul {
  margin-top: 8px;
  margin-bottom: 12px;
  padding-left: 24px;
}
.GzLl8oSAYgOmjl7\+wEa1jQ\=\= {
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 100%;
  height: 100%;
}

.EL9OhCltXr0YB4qLFu1Ibg\=\= {
  margin-bottom: 20px;
}

.z\+UCZTrGSM7y0Gts8tClyQ\=\= {
  font-weight: bold;
  margin-bottom: 10px;
}

.gr2orsRvSyknL\+Leih-8CQ\=\= {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  gap: 10px;
}

.KIXCznX1ISFCNAkuLahvXQ\=\= {
  min-width: 120px;
  min-height: 30px;
  padding: 5px 8px;
  display: flex;
  align-items: center;
}

.KIXCznX1ISFCNAkuLahvXQ\=\= img {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}

.K3oqNLBCh9zyxkGjxTVHIw\=\= {
  margin-top: 20px;
}

.NAq1bbC-z\+Y0IKX5RtiKbA\=\= {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.h6QawTglLQq9T3H0mqN0AA\=\= {
  flex: 1;
  height: 20px;
}

.pQLrg732SwR\+dteEd9PjdQ\=\= {
  margin-right: 10px;
}

/* Container for this specific tab's content */
.ejdNB\+rvI-rvmga6w8xOjQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0; /* Relies on .tabContent for overall padding */
}

/* Container for the two columns (logo + text block) */
/* Positions the entire block within the tab content area */
.FbVWMbNx-QrpMZb7PbaiQw\=\= {
  display: flex; /* Creates the column container */
  /* Padding pushes the two columns down and right */
  padding-top: 12px;  /* Refined value - adjust if needed */
  padding-left: 20px; /* Adjust if needed */
}

/* Column 1: Logo */
._3Ya5RfoG-SnFI\+poBqy7eA\=\= {
  width: 35%;             /* Width of the first column */
  display: flex;
  justify-content: flex-start; /* Align logo image to the left within this column */
  align-items: flex-start;
}

/* The logo image itself */
.Uy59m13sL3Q7\+q1wX3S82Q\=\= {
  width: 120px;
  height: 120px;
  border: 0px inset #808080; /* Correct border */
  padding: 10px;
  background-color: transparent;
  pointer-events: none; /* Prevent dragging */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent selection */
}

/* Column 2: Text Block */
.srDKXuZcLi6h4MCWjf1L8g\=\= {
  width: 75%;             /* Width of the second column */
  padding-left: 10px;     /* Creates gap between logo column and text column */
}

/* Style for the labels (e.g., "System:") within Column 2 */
.h9kB81IF-yTW9PfsN4Jtdg\=\= {
  margin: 0;
  display: block;
  /* font-weight: normal; /* Ensure not bold */
}

/* Base style for all paragraphs within Column 2 */
.srDKXuZcLi6h4MCWjf1L8g\=\= p {
  margin: 0;
  line-height: 1.5; /* Tight line spacing */
}

/* Container for text groups within Column 2 */
.p1WFXqDROr1VCNHUTO9xNQ\=\= {
  margin-bottom: 8px; /* Space between System/Registered/Computer groups */
}

/* Add indentation for detail lines within Column 2 */
.p1WFXqDROr1VCNHUTO9xNQ\=\= p:not(.h9kB81IF-yTW9PfsN4Jtdg\=\=) {
  padding-left: 15px; /* Indent detail lines (adjust value as needed) */
}

.aARTtk9KD7hsD7xBSH2M8Q\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

.xaPHgkTyFuWW0X6ewMEhJA\=\= {
  margin-bottom: 10px;
}

.AcW645Z49ebBbxhKlX64Jw\=\= {
  display: flex;
  gap: 15px;
  margin-bottom: 8px;
}

.B5zPiFpZfQIqhQOiXGwl3Q\=\= {
  display: flex;
  align-items: center;
}

.b4ZYiR\+q0YsIuP8ySqTSxg\=\= {
  margin-right: 5px;
}

.F5u-TIxXkhbSlVZWp1iUPQ\=\= {
  flex: 1;
  margin-bottom: 10px;
  border: 0px inset #808080;
  background-color: transparent;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.KvQBxUk3xNy5pbehapaRVg\=\= {
  max-width: 100%;
  max-height: 100%;
  display: block;
  pointer-events: none; /* Prevent dragging */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent selection */
}

.-vXGh9eUeuz53zp8v-LdhA\=\= {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  margin-top: 5px;
}

/* Apply styling to buttons in this tab */
.-vXGh9eUeuz53zp8v-LdhA\=\= button {
  min-width: 75px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;

}
.wtAjqyIenqsOQTQoodrKAg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

.OJe0eUKv2c3Ii3VsKJrDHA\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.Xh089FRRHNnzHQx\+WrV1rA\=\= {
  display: flex;
  margin-bottom: 15px;
}

._2UXIKNqqljZzTGFUCDr0uQ\=\= {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.gCEdkMCdmertpUcUkq-a9A\=\= {
  flex: 1;
}

.gCEdkMCdmertpUcUkq-a9A\=\= p {
  margin: 5px 0;
}

.acUv1VcJv7-q8muaxDcnTA\=\= {
  padding: 2px;
  background-color: white;
  overflow-y: auto;
  margin-bottom: 10px;
  flex: 1;
  min-height: 120px;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  
}

._7aT5IeTU4FradCDo6O5Kgw\=\= {
  padding: 2px 5px;
  background-color: transparent;
  color: black;
  cursor: pointer;
}

.HvcQICsvQj5OgDTwUuhdFw\=\= {
  font-weight: normal;
}

._7aT5IeTU4FradCDo6O5Kgw\=\=.qulI17URGlGu6kYnGDs8hw\=\= {
  background-color: #000080;
  color: white;
  outline: 1px dotted #ffff7f;
  outline-offset: -1px;
}

.m4-J-nSKXOv6KUEXz1u2Qw\=\= {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

/* Apply styling to buttons in this tab */
.m4-J-nSKXOv6KUEXz1u2Qw\=\= button {
  min-width: 75px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;

}
.BtjtGi3\+1RyPjfzKP2R9mA\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px 0 0 0; /* Added top padding to move content down */
  overflow: hidden;
  gap: 20px;
}

.tDFg2VqpOk\+vg4MFceZh0A\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Shared fieldset styling for both sections */
.GkLiMRGl88RV9qaPgWFXuA\=\= {
  border: 1px inset #808080;
  padding: 10px;
  margin-bottom: 15px;
  position: relative;
      box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
}

._6LzgFju0U9w66yVK-V0S-g\=\= {
  position: absolute;
  top: -8px;
  left: 10px;
  background-color: #d4d0c8;
  padding: 0 5px;
}

/* Performance status section */
.KLFp8XG4uxAZQ-CGKFLKrg\=\= {
  display: flex;
  margin-bottom: 5px;
}

.pEuhylV6Cx\+NMGoGSSByhA\=\= {
  width: 150px;
}

/* Advanced settings section */
.NNVuDiqgZNgWVHXctV-sWw\=\= {
  display: flex;
  gap: 5px;
  margin-top: 10px;
  padding: 5px 0;
}
/* Windows 98 authentic styling for System Properties dialog */

.zTJ--OtiA0ANGqPi6I1skA\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  overflow: hidden;
}

._6PlWdfjtKciphzadKNlbFQ\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.QKsuAWwQdhxCXiyFE8WqzQ\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
.QKsuAWwQdhxCXiyFE8WqzQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.QKsuAWwQdhxCXiyFE8WqzQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

.QKsuAWwQdhxCXiyFE8WqzQ\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

.nsZcHP8CY-25meDKDXkLAQ\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab always gets full borders regardless of position */
.nsZcHP8CY-25meDKDXkLAQ\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.nsZcHP8CY-25meDKDXkLAQ\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with advanced Windows 98 multi-layer border system - CORRECTED COLORS */
._4Q\+nkegkIFgJMOhKnfBdkw\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}


/* Bottom button row */
.UL1zaZhY\+0t1k6DaZ-YaPA\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.UL1zaZhY\+0t1k6DaZ-YaPA\=\= button {
  min-width: 75px;
  text-align: center;
}

.EZPa7FAM49imqGvB42wEEw\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 10px;
}

.i9b1m0VmYDK6oYc-CtzjvA\=\= {
  height: 140px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 1px 1px 0 #ffffff;
  background-color: white;
  overflow-y: auto;
  margin-bottom: 10px;
}

.pE6tD0HT8Lp6CM70CQauPA\=\= {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pE6tD0HT8Lp6CM70CQauPA\=\=.DXUTcMplUG7\+QtMKZbNZZQ\=\= {
  background-color: #0a246a;
  color: white;
  outline: 1px dotted #ffff7f;
  outline-offset: -1px;
}

/* Styling for task items with metrics */
._1dmkRQIRId57yEPGn9a8IA\=\= {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.nZHoJqF--FQM9RhSEN6BZg\=\= {
  font-weight: normal;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.WSHE05YoHQ1jZzTYc2541g\=\= {
  display: flex;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 9px;
  white-space: nowrap;
}

.GueiD1T8DPl0hGxpX94FcA\=\=, .hssxECO3J1g5mv4XuUx5Hg\=\=, ._17GyeXUqEiM4LBOBDOrKvA\=\= {
  margin-left: 5px;
  display: inline-block;
  min-width: 45px;
}

._2gFfztVwj\+NV7dED5PpGcQ\=\= {
  margin-bottom: 10px;
  color: #000;
  font-size: 11px;
  text-align: left;
  line-height: 1.2;
}

.Ct4TNlAXEnzTvcLVKgZBBQ\=\= {
  display: flex;
  justify-content: center;
  gap: 8px;
}

/* Make buttons the right size */
.Ct4TNlAXEnzTvcLVKgZBBQ\=\= > button {
  min-width: 90px !important;
  padding: 2px 0 !important;
}

/* Adjust the underline position for shortcut keys */
.Ct4TNlAXEnzTvcLVKgZBBQ\=\= u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid;
  display: inline-block;
  line-height: 0.9em;
}

/* Taskbar Properties App Styles */

.s-qSRnWkjJIWUfnCH7rUNw\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 3px;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  overflow: hidden;
}

/* Tab styling - matching Date/Time Properties */
.vGLL-BVfqxQNwwSLDSwnMg\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1;
}

.APx8mGW\+8Z9zZyLv7e9LqA\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px;
  position: relative;
  margin-bottom: 2px;
  
  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    1px 0 0 0 #808080,   /* Right outer - grey */
    2px 0 0 0 #000000;   /* Right inner - black */
}

.APx8mGW\+8Z9zZyLv7e9LqA\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.APx8mGW\+8Z9zZyLv7e9LqA\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

.APx8mGW\+8Z9zZyLv7e9LqA\=\=:hover {
  background: #d4d0c8;
}

.yZrr2nRg6tD1vkZ0DKWKRQ\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px;
  position: relative;
  z-index: 2;
  margin-bottom: -2px;
  top: -2px;
  
  /* Override inactive tab borders */
  box-shadow: 
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    1px 0 0 0 #808080,   /* Right outer - grey */
    2px 0 0 0 #000000,   /* Right inner - black */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

.yZrr2nRg6tD1vkZ0DKWKRQ\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.yZrr2nRg6tD1vkZ0DKWKRQ\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with Windows 98 multi-layer border system */
.BPPjE2tfdRnC5CA9fdE5Fw\=\= {
  flex: 1;
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  
  /* Windows 98 Multi-Layer Border System */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    1px 0 0 0 #808080,   /* Right outer - grey */
    2px 0 0 0 #000000,   /* Right inner - black */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */
  
  margin: 0 8px 8px 8px;
  padding: 10px;
}

/* Taskbar Options Tab Styles */
.mlznWQHdCYS9l-6TEVv2Lw\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.w4xY-yX6WOK682nPvs7sgw\=\= {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.VZeZ81BOwaQ2f\+HBjtjFcA\=\= {
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,
    inset 1px 1px 0 #808080,
    inset -2px -2px 0 #dfdfdf,
    inset 2px 2px 0 #000000;
  display: inline-block;
  padding: 2px; /* Add padding to prevent image overlap */
}

.\+Lac2Hc083\+I4y1B5enjQg\=\= {
  width: 271px;
  height: 128px;
  border: none;
  display: block;
}

.u5HNVRe0C6NMwMbUco\+jhQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.PVonAkjXZRHxrFb4VM0RHw\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.PVonAkjXZRHxrFb4VM0RHw\=\= label {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin-left: 6px;
}

/* Button row */
.h86z7xpB4QE1UQ1\+BLlLWg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px;
  background: #d4d0c8;
}
.AWmB1rhEDw3nJ-s0n7\+K6A\=\= {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    margin: 1px;
    overflow: hidden;
    box-sizing: border-box;
}

.moqgwlOJzp82dd2wWIOgkQ\=\=.taT882CFKO4-ZbwBZrGwSA\=\=,
._8FIC2TK4N5VrPAp-h8YJoQ\=\=.taT882CFKO4-ZbwBZrGwSA\=\= {
    padding: 1px;
}

.moqgwlOJzp82dd2wWIOgkQ\=\=.taT882CFKO4-ZbwBZrGwSA\=\= {
    box-shadow: var(--box-shadow-notification);
}

._8FIC2TK4N5VrPAp-h8YJoQ\=\=.taT882CFKO4-ZbwBZrGwSA\=\= {
    box-shadow: var(--box-shadow-notification);
}

.moqgwlOJzp82dd2wWIOgkQ\=\=.uniGxTjfT7szHbNkKXoycA\=\=, 
.moqgwlOJzp82dd2wWIOgkQ\=\=.QSy1FgXxnM52gi6ia4CONw\=\= {
    border: 2px solid var(--button-shadow);
    border-right-color: var(--button-highlight);
    border-bottom-color: var(--button-highlight);
}

._8FIC2TK4N5VrPAp-h8YJoQ\=\=.uniGxTjfT7szHbNkKXoycA\=\=,
._8FIC2TK4N5VrPAp-h8YJoQ\=\=.QSy1FgXxnM52gi6ia4CONw\=\= {
    border: 2px solid var(--button-highlight);
    border-right-color: var(--button-shadow);
    border-bottom-color: var(--button-shadow);

}

.moqgwlOJzp82dd2wWIOgkQ\=\=.QSy1FgXxnM52gi6ia4CONw\=\= {
    border-width: 3px;
}

.aJ9sthgVLsg8dZLduW46vA\=\= {
    position: relative;
    width: 13px;
    height: 23px;
    background: black;
}

.aJ9sthgVLsg8dZLduW46vA\=\= img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 23px;
    image-rendering: pixelated;
}

.NTG5tzMiCxxIOhZVBwYH5Q\=\= {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 6px;
}

.LRue-Ietfn8YWVG1XdJGtA\=\= {
    display: flex;
    flex-direction: row;
    padding: 4px;
}

.LRue-Ietfn8YWVG1XdJGtA\=\= > * {
    margin: 0 2px;
}

.ZwYXoPLRhpKborCmbz2Wqg\=\= {
    display: flex;
    width: auto;
    height: 23px;
}

.NTG5tzMiCxxIOhZVBwYH5Q\=\= button,
.NTG5tzMiCxxIOhZVBwYH5Q\=\= button:not(:disabled):active,
.NTG5tzMiCxxIOhZVBwYH5Q\=\= button.ApVnKafQp3fss2g5GBui5g\=\=
 {
    min-width: auto;
    padding: 0 4px 0 3px;
  }

.NTG5tzMiCxxIOhZVBwYH5Q\=\= button img {
    width: 18px;
   height: 18px;
   image-rendering: pixelated;
}
.pdMZtPaJezGRSg\+mqmC9Sw\=\= {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 15px 20px 15px;
}

.eXr-U05d-nAAryHnUg928g\=\= {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    font-size: 11px;;
    margin-bottom: 10px;
}

.eXr-U05d-nAAryHnUg928g\=\= img {
    margin-right: 20px;
}

.eXr-U05d-nAAryHnUg928g\=\= p {
    margin-bottom: 10px;
}
._45bqAVZFIwYliJUY7wGr1A\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.M2ARKGSjasJwl9HWPC8YOw\=\= {
  display: flex;
  flex: 1;
  align-items: center;
  margin-bottom: 15px;
}

._1B9gt2fqd-GbHW69m1IV7g\=\= {
  flex: 1;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.4;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
          hyphens: none;
  max-width: 100%;
  text-align: center;
}

.mRynR2jH\+ovml-HO93geeg\=\= {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.mRynR2jH\+ovml-HO93geeg\=\= button {
  min-width: 75px;
}
.SmL1IVCML9qMQepEkiUqZA\=\= {
  padding: 8px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #d4d0c8;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Number to dial section */
.PHbUG2f4T\+IaptxoOLuodw\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 135px;
}

._8jNuxbecBS\+1DdMbT\+Y3hA\=\= {
  font-size: 11px;
  color: #000;
}

._8u1pUoqKnsojWVFh63MhZg\=\= {
  position: relative;
  display: flex;
  align-items: center;
  width: 135px;
}

.Y3OaFpeGKW5Ur6jnzE\+kfA\=\= {
  width: 135px;
  height: 21px;
  padding: 2px 20px 2px 4px;
  border: 1px solid #808080;
  border-top-color: #404040;
  border-left-color: #404040;
  border-right-color: #dfdfdf;
  border-bottom-color: #dfdfdf;
  background: #fff;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  outline: none;
  box-sizing: border-box;
}

.fj--Jr4ZMX-0NUg9PVa5zQ\=\= {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 17px;
  background-image: url('../images/button-down-disabled.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

/* Two column layout */
.y\+XI9T-KnxWo5CS\+wtcDLA\=\= {
  display: flex;
  gap: 12px;
  flex: 1;
  align-items: flex-start;
}

/* Column 1: Keypad - centered within column */
.p1hCrj1O0ApXxASgpjeXnQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 135px;
  align-items: center; /* Center keypad within column */
}

._9iToSsYDIBJ2kJ\+EY7CM2A\=\= {
  width: 135px;
  height: 23px;
  font-size: 11px;
}

.kKA9HUOyFi1SkKvxP9J9Ew\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._1aOef7Jg5rSgvaun3sL5Hw\=\= {
  display: flex;
  gap: 4px;
}

/* Fixed keypad button sizing - buttons should be larger than images */
.paw-rUUCj7Mm7EJ4YazLkg\=\= {
  width: 38px;  /* Larger than 32px image */
  height: 36px; /* Larger than 30px image */
  cursor: pointer;
  /* 2px compound border: outer black, inner grey on bottom/right */
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  box-shadow: inset -1px -1px 0 #808080; /* Inner grey border on bottom/right */
  background: #d4d0c8;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.\+yymVjFbC9J771clLrKg3Q\=\= {
  /* Inverted for pressed state */
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  box-shadow: inset 1px 1px 0 #000000;
  background: #c0c0c0;
}

.JzTUqAWe3nNG8TfoQoXQ8Q\=\= {
  width: 32px;  /* Keep image at actual size */
  height: 30px; /* Keep image at actual size */
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}

/* Column 2: Speed dial - moved up and uses fieldset style */
._1NkROOeMVs5OdzCl8CWbqA\=\= {
  width: 126px;
  /* Move speed dial up to align with "Number to dial:" text */
  margin-top: -40px; /* More negative margin to align with text, not dropdown */
}

.SclIOuswiB-8VPL444GeOw\=\= {
  width: 126px;
  border: 1px solid #808080;
  margin: 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Fieldset-style label like Display Properties */
.rYuq7vIq-KA1lHxrOPcA-Q\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-size: 11px;
  color: #000;
  font-weight: normal;
  z-index: 2;
}

.GYIJxMqZwWwEXkAQMtErfw\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px; /* Increased from 2px to 4px for more spacing */
}

/* Speed dial row with number on left and button on right */
.UnL\+3\+ZZe5Zbp8Bajbt7mg\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
}

.CzD\+DIuG9L3TUbNQQujx-w\=\= {
  font-size: 11px;
  color: #000;
  width: 12px; /* Fixed width for number alignment */
}

.lejCuD4aP3Rogo2vLHmX-A\=\= {
  width: 90px;  /* Reduced width since number is outside */
  height: 23px;
  font-size: 11px;
  text-align: left;
  padding-left: 8px;
}

/* WinVer Application Styles - Minimalist */

.AVKK42XRKOi9ur5W7pyveA\=\= {
  width: 100%;
  height: 100%;
  background: #d4d0c8;
  padding: 0 4px 4px 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: 'PixelatedMsSansSerif', monospace;
  font-size: 11px;
  margin: 0;
  position: relative;
  top: -8px;
}

.nsfE1Hios9YIQTdL7wepgQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
}

._5\+ecgyRkL58Mt4l8bA8xKg\=\= {
  text-align: center;
  margin-bottom: 6px;
  margin-top: 0;
}

.IbMRFypK7cRRBHlfboQm1A\=\= {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #000;
}

.jjtvuSh64Ql7ZbCx6abbQA\=\= {
  font-size: 11px;
  margin-bottom: -2px;
  color: #000;
}

.KabPMBUkEbVsoJNpi-l8pg\=\= {
  font-size: 11px;
  text-align: center;
  color: #000;
  margin-top: -35px; /* Pull it up even more */
}

.w6ekepC3xHviiW1Y5rDj\+Q\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px 0 0 0; /* Remove bottom margin entirely */
}

.NyJWVXIJYHnXhYs2KGkHuA\=\= {
  width: 32px;
  height: 32px;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

._0NoDv-enUKFIc6Beta-NXw\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.z5lI\+pbKaIWndhQsfVx6xw\=\= {
  min-width: 75px;
  height: 23px;
  background: #c0c0c0;
  border: 2px outset #c0c0c0;
  font-family: 'PixelatedMsSansSerif', monospace;
  font-size: 11px;
  color: #000;
  cursor: pointer;
  padding: 2px 8px;
}

.z5lI\+pbKaIWndhQsfVx6xw\=\=:hover {
  background: #c8c8c8;
}

.z5lI\+pbKaIWndhQsfVx6xw\=\=:active {
  border: 2px inset #c0c0c0;
  background: #a0a0a0;
}

.z5lI\+pbKaIWndhQsfVx6xw\=\=:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}

/* Word App Styles */

.Fheq8nFVF4E-3esyAovyWw\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #808080;
  position: relative;
}

.gOv3GgG2WJ19hpkNMPKp1Q\=\= {
  max-width: 90%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}

.LFkwRNUfBY5d7x\+u3YoI4g\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
}

._53OBtEQT8-5dttwzqy7aAQ\=\= {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 2px inset #d4d0c8;
  margin: 2px;
}

._1ADYqfJ5FTAmNbsm353lmg\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #808080;
  text-align: center;
}

.LqebVoS3xtz6ClQdSvYiXg\=\= {
  display: flex;
  align-items: center;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}
/* Status bar styling */
.XlwG9easlM0zbEdPrB\+soQ\=\= {
  /* Custom status bar styling for WordPad */
}
/* Container layout */
._5kx7oIgPssiDh8LwEXwXMw\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; /* Added for resize grip positioning */
}

.Jbk5nRxPGT4NaAQBtEOFxw\=\= {
  flex: 1;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background: white;
  height: 100%; /* Fill full height */
  outline: none; /* Remove focus outline */
}

.Jbk5nRxPGT4NaAQBtEOFxw\=\=:focus {
  outline: none; /* Remove focus outline when clicked */
}

/* Status bar styles */
.XlwG9easlM0zbEdPrB\+soQ\=\= {
  width: 100%;
}

/* Status text section */
.pNhsoHsCx-SiQIV-ItBDiA\=\= {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 16px; /* Add space for resize grip */
}

/* Indicator cells container */
.EsVrchF0lEueAO-Kos0vzQ\=\= {
  display: flex;
  height: 100%;
  margin-left: auto; /* Push to the right edge */
}

/* Individual status cells (CAPS, NUM) */
.gAM1m3lo\+YuEls74DAVUnA\=\= {
  min-width: 45px; /* Increased from 40px to give more space */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  font-size: 11px;
  color: #999; /* Light gray when inactive */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* Match the exact same style as the main status bar sections */
  margin-right: 2px;
}

/* Position the status cells at the right edge */
.XlwG9easlM0zbEdPrB\+soQ\=\= .statusRight {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin-left: auto;
  /* Make room for the resize grip */
  padding-right: 35px; /* Increased significantly to ensure indicators are fully visible */
  min-width: 140px; /* Set a minimum width to ensure enough space */
}

/* Active state for status cells */
.gAM1m3lo\+YuEls74DAVUnA\=\=[data-active="true"] {
  color: #000;
}

/* Status bar sections */
.ZJOH9KCCStr\+ccNf0nR8Jg\=\= {
  display: flex;
  align-items: center;
  height: 100%;
}

.MIjo3hd3Z4sbuXeShMHHgA\=\= {
  flex: 1;
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.-vao5W6GER-ryGvfHi1nbg\=\= {
  display: flex;
  margin-left: auto;
  height: 100%;
}

/* Resize grip styling */
.u1TqBYSnN93ewo4fywE9VA\=\= {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13px;
  height: 13px;
  cursor: se-resize;
  background-image: url('../images/resize-handle-grip.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 1;
}
._8GAqSrIS1QHXrgyP8MnvCg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--win-bg);
  opacity: 1 !important;
}

.mEt-Ct3OOS2CpIROBJhNRw\=\= {
  flex: 1;
  overflow: auto;
  padding: 10px;
  background-color: var(--win-bg);
  opacity: 1 !important;
}

.kmi3t70MuPv7B-F75IrCRQ\=\= {
  display: flex;
  justify-content: center;
  padding: 10px;
  border-top: 1px solid var(--win-button-edge);
  background-color: var(--win-bg);
  opacity: 1 !important;
}

.OhJN\+Y9L7k\+fTmN0wPwdHg\=\= {
  min-width: 75px;
  text-align: center;
}

/* Window.css with better defined resize handles */
.gyOMzLhfQt9qsdt0sue1Dg\=\= {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 3px;
  background: var(--surface);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: auto;
}

.gyOMzLhfQt9qsdt0sue1Dg\=\=._2BooVxNh7idaXrH65pSqhg\=\= {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 28px !important; /* 40px - 12px gap = 28px */
  height: auto !important; /* Let top/bottom positioning determine height */
  width: 100% !important;
  transform: none !important;
  /* z-index controlled by JavaScript, not CSS */
}

/* Mobile-specific maximized window styles */
@media (max-width: 768px) {
  .gyOMzLhfQt9qsdt0sue1Dg\=\=._2BooVxNh7idaXrH65pSqhg\=\= {
    bottom: 29px !important; /* 33px - 4px gap = 29px */
    height: auto !important; /* Let top/bottom positioning determine height */
  }
}

.RVWs21NLrC-Yb84Qp9lNbQ\=\= {
  flex: 1 1 auto;
  overflow: hidden;
}

/* Base handle styles */
.wiDBPvPtrrIqO7BEgH95lw\=\=, ._9wOA4UCO6CUkKbVm1OvY8g\=\=, .KfSgw7eb79sjLabz-AV\+jg\=\=, .cFaermRiNGC0XqiGSfcH4Q\=\=,
.SQlRxcXl41IYO53Wq9b-HQ\=\=, .wFRv77B73f6zXjxFbZLLoQ\=\=, .SUUeaYHItK-Ao3YCyDwCqQ\=\=, .I03\+080j1H045ZFyHGuTkA\=\= {
  position: absolute;
  z-index: 1000;
}

/* Corner handles - larger target areas */
.wiDBPvPtrrIqO7BEgH95lw\=\= {
  top: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  cursor: nw-resize;
}

._9wOA4UCO6CUkKbVm1OvY8g\=\= {
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  cursor: ne-resize;
}

.KfSgw7eb79sjLabz-AV\+jg\=\= {
  bottom: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  cursor: sw-resize;
}

.cFaermRiNGC0XqiGSfcH4Q\=\= {
  bottom: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  cursor: se-resize;
}

/* Edge handles - larger target areas */
.SQlRxcXl41IYO53Wq9b-HQ\=\= {
  top: -8px;
  left: 10px;
  right: 10px;
  height: 16px;
  cursor: n-resize;
}

.wFRv77B73f6zXjxFbZLLoQ\=\= {
  top: 10px;
  right: -8px;
  bottom: 10px;
  width: 16px;
  cursor: e-resize;
}

.SUUeaYHItK-Ao3YCyDwCqQ\=\= {
  bottom: -8px;
  left: 10px;
  right: 10px;
  height: 16px;
  cursor: s-resize;
}

.I03\+080j1H045ZFyHGuTkA\=\= {
  top: 10px;
  left: -8px;
  bottom: 10px;
  width: 16px;
  cursor: w-resize;
}
/* Restart page specific fieldRow styling (single column) */
.er\+PaluwYafc3N9BIMtI0Q\=\= {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 8px;
  flex-direction: row;
  gap: 8px;
}

.er\+PaluwYafc3N9BIMtI0Q\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  width: auto;
  line-height: 16px;
  margin-bottom: 0;
}

.er\+PaluwYafc3N9BIMtI0Q\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

.er\+PaluwYafc3N9BIMtI0Q\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px; /* Wider click area like ShutdownApp */
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2; /* Higher z-index */
  /* Critical for Chrome compatibility */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.er\+PaluwYafc3N9BIMtI0Q\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

/* Windows 98 style radio buttons and fieldsets */
._8732u-4YJ-bpsV8r0I54AA\=\= {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 12px;
  flex-direction: row; /* Two-column layout: radio + description */
  gap: 16px;
}

.vuI\+OIehuECbsxvsKy3wCA\=\= {
  display: flex;
  align-items: center;
  min-width: 100px;
  flex-shrink: 0;
}

.lhT4OHcVcbsuGpuYjgNK\+w\=\= {
  flex: 1;
  padding-top: 1px; /* Align with radio button */
}

._8732u-4YJ-bpsV8r0I54AA\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  width: auto;
  line-height: 16px;
  margin-bottom: 0; /* Remove bottom margin for two-column layout */
}

._8732u-4YJ-bpsV8r0I54AA\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

._8732u-4YJ-bpsV8r0I54AA\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

._8732u-4YJ-bpsV8r0I54AA\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

._8732u-4YJ-bpsV8r0I54AA\=\=.jybqpv-LzscDlhuHAyo9pw\=\= {
  color: #c0c0c0 !important;
}

._8732u-4YJ-bpsV8r0I54AA\=\=.jybqpv-LzscDlhuHAyo9pw\=\= input[type="radio"] {
  cursor: default;
}

._8732u-4YJ-bpsV8r0I54AA\=\=.jybqpv-LzscDlhuHAyo9pw\=\= label::before {
  background-image: url('../images/radio-border-disabled.svg');
}

.SYA1zs7GZJpCx99sf3mSaQ\=\= {
  cursor: default !important;
}

.PIwmkyddaEG-xwHgWc0wKA\=\= {
  /* Compatibility class - actual styling handled by input[type="radio"] above */
}

.uR9H5c\+1Zpj6mBEIzSs7qg\=\= {
  /* Compatibility class - actual styling handled by label above */
}

/* Destination Directory Fieldset */
._2R\+qZ7IIrrTejxOse-g5iA\=\= {
  border: 1px solid #808080;
  margin: 16px 0 0 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.Q6tJ3vc6QgrRs45ny4qz1g\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
}

.Y79H189HIg5jweTpCzmWwg\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  padding: 4px 0;
}

/* InstallerApp.css - Authentic Windows 98 installer with gradient background */

.qNv4RdAVLEAB5oFr6HmJ6Q\=\= {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  background: linear-gradient(to bottom, #0001fc 0%, #000080 50%, #000000 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

._2mOZfv6KiPjbBSYmqzwSRg\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

/* AOL installer font image in top-left corner */
.JxGTBH46X7K3nl50u-5HYQ\=\= {
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 1; /* Behind the inner window */
  pointer-events: none;
}

/* ========================================
   SHARED: LEFT PANEL WITH GRAPHIC
   ======================================== */
.MXWpXw6D\+EfAe79JhhNMKA\=\= {
  width: 120px;
  display: flex;
  flex-direction: column;
}

.IOqgo2p90Zx481q7pqTKFQ\=\= {
  width: 120px;
  height: 260px;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
}

.Pk3T91vbG3zYq1iAq132Aw\=\= {
  width: 118px;
  height: 258px;
  -o-object-fit: contain;
     object-fit: contain;
}

.NFpaNxcbS-4a4w3BucjUZQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ========================================
   CHECKBOX STYLING (Windows 98 Style)
   ======================================== */
.VnoCG25drorwEXKfFYwvew\=\= {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 8px;
}

.VnoCG25drorwEXKfFYwvew\=\=.jybqpv-LzscDlhuHAyo9pw\=\= {
  cursor: default;
  pointer-events: none;
  color: #d4d0c8
}

.VnoCG25drorwEXKfFYwvew\=\=.jybqpv-LzscDlhuHAyo9pw\=\= .Y0VoWjCdj6e\+S0YTBj2FVA\=\= {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

.\+bJXVjw\+PErYa5GnvU6Okw\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

.-bDW7HZIVmpns7e6ZUtdow\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

.Y0VoWjCdj6e\+S0YTBj2FVA\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  cursor: pointer;
}

/* ========================================
   STAGE 1: EXTRACTING (InstallShield)
   ======================================== */
._7gIHUJGI5iwjaDA-eUWW0Q\=\= {
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

._0jvd3aOB6RGX6spOgT94PA\=\= {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.bFZqk7lNq8X4GVL7SLMpsA\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.mgeqhBMR0ioeEZOHO\+WtGg\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mgeqhBMR0ioeEZOHO\+WtGg\=\= p {
  margin: 0;
  line-height: 1.4;
  font-size: 11px;
}

/* ========================================
   STAGE 2,5,8: PLEASE WAIT SCREENS
   ======================================== */
.BqCkqHE1ANXpyndMW0Tclg\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._7QE8EBzMV\+uI9xP9PYV1tg\=\= {
  /* Image already includes proper Windows 98 border styling */
  display: block;
}

/* ========================================
   STAGE 3: WELCOME SCREEN
   ======================================== */
.J7zdHuLBqhAxmwe\+hIBx8Q\=\= {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.dduA0UuaTg3E1Xfy44lXNw\=\= {
  display: flex;
  gap: 16px;
  flex: 1;
}

.g3x\+FAZ338phzk7KmM80sg\=\= {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
}

._7HIreBfCCYu3lNPHiFujZA\=\= {
  width: 32px;
  height: 32px;
}

.g3x\+FAZ338phzk7KmM80sg\=\= h2 {
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  color: #000080;
}

.h2EYG1NpQX9gzm0RuFou3Q\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.h2EYG1NpQX9gzm0RuFou3Q\=\= p {
  margin: 10px 40px;
  line-height: 1.4;
  font-size: 11px;
}

.L8VKfUhJrqatYiQS03gRhw\=\= {
  display: flex;
  gap: 0px;
  justify-content: flex-end;
  padding-top: 16px;
  position: relative;
}

.L8VKfUhJrqatYiQS03gRhw\=\=::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 1px;
  background-color: #87888f;
  border-bottom: 1px solid #ffffff;
}

/* Button spacing: Back and Next touch, Next and Cancel have gap */
.L8VKfUhJrqatYiQS03gRhw\=\= > *:nth-child(1) {
  margin-right: 0;
}

.L8VKfUhJrqatYiQS03gRhw\=\= > *:nth-child(2) {
  margin-right: 8px;
}

/* ========================================
   STAGE 4: INSTALLATION TYPE SCREEN
   ======================================== */
.X0wuE\+U4NkJBtjkPD1S7Iw\=\= {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.MyjOXys5rBCgrfxRL6NEpg\=\= {
  display: flex;
  flex: 1;
}

.twE43y5hof-UmlRAvFsuBg\=\= {
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  line-height: 1.4;
  margin-left: 40px;
}

.Op1imErOfYhyiCjW2NwCGA\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 8px 8px;
  margin-left: 40px;
}

.vhTV9Mq\+OISbicjpwF5vCg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._3YLpeBqEwbxRgYCI8bLj-Q\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  margin: 0;
  line-height: 1.4;
}

._273idgKwH0UA2GcTvU7Yiw\=\= {
  display: flex;
  gap: 0px;
  justify-content: flex-end;
  padding-top: 16px;
  position: relative;
  margin-left: 40px;
}

/* Button spacing: Back and Next touch, Next and Cancel have gap */
._273idgKwH0UA2GcTvU7Yiw\=\= > *:nth-child(1) {
  margin-right: 0;
}

._273idgKwH0UA2GcTvU7Yiw\=\= > *:nth-child(2) {
  margin-right: 8px;
}

/* ========================================
   STAGE 6: OPTIONS SCREEN
   ======================================== */
.ma\+F2WYaCW\+gT3AT3EmSLg\=\= {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.wTlpS4X6kOJWR3eNmBLDiA\=\= {
  display: flex;
  gap: 16px;
  flex: 1;
  
}

.-U0ZSYV5r0zQAJlk\+G97vQ\=\= {
  font-size: 11px;
  font-weight: normal;
  color: #000080;
  line-height: 1.4;
  margin: 10px 10px;
}

.wdZ\+zr5ldsLieFGl5IiNiw\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 8px;
}

.rMK3Z\+-p\+pqjBWpqcluQ6g\=\= {
  display: flex;
  gap: 0px;
  justify-content: flex-end;
  padding-top: 16px;
  position: relative;
}

.rMK3Z\+-p\+pqjBWpqcluQ6g\=\=::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 1px;
  background-color: #87888f;
  border-bottom: 1px solid #ffffff;
}

/* Button spacing: Back and Next touch, Next and Cancel have gap */
.rMK3Z\+-p\+pqjBWpqcluQ6g\=\= > *:nth-child(1) {
  margin-right: 0;
}

.rMK3Z\+-p\+pqjBWpqcluQ6g\=\= > *:nth-child(2) {
  margin-right: 8px;
}

/* ========================================
   STAGE 7: INSTALLING SCREEN
   ======================================== */
._0g7zF26T79D5fMw122Doqw\=\= {
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  flex: 1;
}

.\+ie1q2aUYESGNh-FlFxi0A\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  width: 100%;
}

._0g7zF26T79D5fMw122Doqw\=\= h2 {
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  color: #000080;
}

._0g7zF26T79D5fMw122Doqw\=\= p {
  margin: 0;
  line-height: 1.4;
  font-size: 11px;
}

._5MLq6MlpHazwLmJ3LmxbjA\=\= {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

/* ========================================
   STAGE 9: COMPLETE SCREEN
   ======================================== */
.ALSMgJ6wJplDpSmOSkJe\+Q\=\= {
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: left;
  flex: 1;
}

._2RZb\+BEqDXlEvSaQRJYqTg\=\= {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
}

.BTN5Ps47aJEWCFToSCOGjw\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

._6U6vtJc8PhsSy5U8oC6M5A\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-top: 2px;
}

._8kRIMsF7SGMxpsoQDRNPbg\=\= {
  flex: 1;
}

._8kRIMsF7SGMxpsoQDRNPbg\=\= p {
  margin: 0;
  line-height: 1.4;
  font-size: 11px;
}

.FSZBdBofNq7FlPM3weZ\+yQ\=\= {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

/* ========================================
   STAGE 11: RESTART SCREEN
   ======================================== */
._6DHalCwliIFzKQFtWTPdhw\=\= {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.sprJMjm\+wx7EIgcQwP15ZA\=\= {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.sprJMjm\+wx7EIgcQwP15ZA\=\= p {
  margin: 0;
  line-height: 1.4;
  font-size: 11px;
}

.EaycBECwEeF2-JP2oZV\+yw\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 0;
}

.v2cazcNLEnz5PWlTbLRMNw\=\= {
  display: flex;
  gap: 8px;
  justify-content: center;
  padding-top: 16px;
  position: relative;
}

.v2cazcNLEnz5PWlTbLRMNw\=\=::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 1px;
  background-color: #87888f;
  border-bottom: 1px solid #ffffff;
}

/* ========================================
   PROGRESS BAR STYLING (ALL STAGES)
   ======================================== */
.eOU347MxA4jKxm3KcPhfHw\=\= {
  width: 280px;
  height: 20px;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background: white;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.iI0ws83W1RgPRi4\+LvVO4Q\=\= {
  height: calc(100% - 4px); /* Account for 2px inset on top and bottom */
  background: #000080; /* Solid blue, no gradient */
  /* Remove transition for instant progress updates */
  position: absolute;
  top: 2px; /* Offset by inset border width */
  left: 2px; /* Offset by inset border width */
}

.HLDVJ2YJgFq87NsxEtg1UA\=\= {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: normal;
  z-index: 2; /* Ensure the text is above the progress bar */
  color: #ffffff; /* Initial text color (opposite of desired final color on the bar) */
  padding: 0 2px;
  mix-blend-mode: difference; /* This will handle the color inversion */
}

/* Progress bar adjustments for different stages */
._7gIHUJGI5iwjaDA-eUWW0Q\=\= .eOU347MxA4jKxm3KcPhfHw\=\= {
  width: 100%;
  max-width: 280px;
}

._0g7zF26T79D5fMw122Doqw\=\= .eOU347MxA4jKxm3KcPhfHw\=\= {
  width: 100%;
  max-width: 320px;
}

/* ========================================
   ERROR CONTENT STYLING
   ======================================== */
.DuUvYV3O06OTEajD00284A\=\= {
  background: #d4d0c8;
  border: 2px outset #c0c0c0;
  padding: 30px;
  border-radius: 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  width: 320px;
  min-height: 160px;
  position: relative;
}

.DuUvYV3O06OTEajD00284A\=\= h2 {
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  color: #800000;
}

/* ========================================
   MOBILE RESPONSIVENESS
   ======================================== */
@media (max-width: 520px) {
  .g3x\+FAZ338phzk7KmM80sg\=\= {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .L8VKfUhJrqatYiQS03gRhw\=\=,
  .rMK3Z\+-p\+pqjBWpqcluQ6g\=\= {
    flex-direction: column;
    gap: 4px;
  }
  
  .eOU347MxA4jKxm3KcPhfHw\=\= {
    width: 100%;
    max-width: 260px;
  }
  
  ._0jvd3aOB6RGX6spOgT94PA\=\= {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
}
/* UninstallerApp.css - Windows 98 styled uninstaller */

.ZBhpgQJmqbIJ7Qz9ls1yhQ\=\= {
  padding: 20px;
  background-color: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Confirmation Stage */
.ieWP1cb6XqGIOITX53Vg5Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.zmKVEkpmXFjRXiR2S22O4A\=\= {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: left;
}

._7NehXSwAAresLnhTvQyDAg\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.opRHuLFKLlO8hDJXr-6BsQ\=\= h2 {
  margin: 0 0 10px 0;
  font-size: 11px;
  font-weight: normal;
  color: #000;
}

.opRHuLFKLlO8hDJXr-6BsQ\=\= p {
  margin: 0;
  color: #000;
  line-height: 1.4;
}

.iYffgBfcH2auRB961i3g9A\=\= {
  display: flex;
  gap: 10px;
  justify-content: center;
}

/* Safety Check Stage */
.mh8GYAXlF5NSvpGcd5O53Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.K1xodcz7-8UQlrViyQIzMg\=\= {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  text-align: left;
  max-width: 300px;
}

.Oy1MdRaLO4FCSF-EaN5BJg\=\= {
  flex: 1;
}

.Oy1MdRaLO4FCSF-EaN5BJg\=\= h2 {
  margin: 0 0 10px 0;
  font-size: 11px;
  font-weight: normal;
  color: #000;
}

.Oy1MdRaLO4FCSF-EaN5BJg\=\= p {
  margin: 0 0 10px 0;
  color: #000;
  line-height: 1.4;
}

.Oy1MdRaLO4FCSF-EaN5BJg\=\= p:last-child {
  margin-bottom: 0;
}

.yo0\+7QMswNbT5OSySptuww\=\= {
  display: flex;
  gap: 10px;
  justify-content: center;
}

/* Please Wait Stage */
.aQKUPlRm3lojZKNm4R3jHQ\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  padding: 0;
  margin: 0;
}

._4RkRDkNgLqmuZBjnEEI2Tw\=\= {
  width: 181px;
  height: 79px;
  display: block;
}

/* Uninstalling Stage */
.LWg08M7Rp1PVKXG26NfHQQ\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.v2v9eIxKTfY74VahciYCNQ\=\= {
  text-align: center;
  width: 100%;
  max-width: 240px; /* Ensure content fits within window padding */
  margin: 0 auto; /* Center the content block */
}

.v2v9eIxKTfY74VahciYCNQ\=\= h2 {
  margin: 0 0 10px 0;
  font-size: 11px;
  font-weight: normal;
  color: #000;
}

.v2v9eIxKTfY74VahciYCNQ\=\= p {
  margin: 0 0 20px 0;
  color: #000;
  line-height: 1.4;
  word-wrap: break-word; /* Ensure long package names wrap */
  word-wrap: break-word;
  overflow-wrap: break-word; /* Modern browsers */
}

/* Progress Bar */
._8Fz8piS8HVGXrocZP\+DiqA\=\= {
  width: 100%; /* Use 100% width instead of fixed 280px */
  max-width: 220px; /* Constrain max width to fit within window padding */
  height: 20px;
  border: none;
  box-shadow: 
  inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
  inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
  inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
  inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background: white;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 0 auto; /* Center the progress bar */
}

.\+\+n1zLq2\+2oLQWz9POTQFw\=\= {
  height: calc(100% - 4px); /* Account for 2px inset on top and bottom */
  background: #000080; /* Solid blue, no gradient */
  /* Remove transition for instant progress updates */
  position: absolute;
  top: 2px; /* Offset by inset border width */
  left: 2px; /* Offset by inset border width */
}

.mCQzs2v6JgNBoZiNZ6vnnQ\=\= {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: normal;
  z-index: 2; /* Ensure the text is above the progress bar */
  color: #ffffff; /* Initial text color (opposite of desired final color on the bar) */
  padding: 0 2px;
  mix-blend-mode: difference; /* This will handle the color inversion */
}

.BDEJvex8T9egZVbFTnemFQ\=\= {
  display: flex;
  justify-content: center;
}

/* Complete Stage */
.cfzBKVocr9-fxq40gjvtXQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.BLWR6T\+ZfJrkpcvpLpqzgQ\=\= {
  width: 100%;
}

._7FM4-JZ5iSa9\+k4Wb\+Un9w\=\= {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.PIiYVovmn7cp3RRetFNK1g\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.gPZDSaNfsWlPZZkqRo7hUw\=\= h2 {
  margin: 0 0 10px 0;
  font-size: 11px;
  font-weight: normal;
  color: #000;
}

.gPZDSaNfsWlPZZkqRo7hUw\=\= p {
  margin: 0;
  color: #000;
  line-height: 1.4;
}

.ktpNQful6TDXaHhYWhEzvg\=\= {
  display: flex;
  justify-content: center;
}

/* Error Content */
.wV8GhQL30tvyUdkGOPqQXw\=\= {
  text-align: center;
  padding: 20px;
}

.wV8GhQL30tvyUdkGOPqQXw\=\= h2 {
  margin: 0 0 15px 0;
  font-size: 11px;
  font-weight: normal;
  color: #000;
}

.wV8GhQL30tvyUdkGOPqQXw\=\= p {
  margin: 0 0 20px 0;
  color: #000;
  line-height: 1.4;
}
/* WinampApp.css - Classic Winamp styling */

.emrclaC6P-93Ka6Hm6aQUw\=\= {
  width: 100%;
  height: 100%;
  background: #000000;
  border: 1px solid #404040;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 8px;
  color: #00ff00;
}

.wGNM34usbNkaxBM9wsJnKw\=\= {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to bottom, #404040 0%, #202020 100%);
}

.pcQ2RnflFNecwHccDojvSA\=\= {
  background: linear-gradient(to bottom, #606060 0%, #303030 100%);
  padding: 2px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #101010;
}

.HwfVwzBSJYDtKaVVJzZ4JQ\=\= {
  color: #00ff00;
  font-weight: bold;
  font-size: 8px;
}

.tuFvQFlXO2-42KP\+DzsPHw\=\= {
  display: flex;
  gap: 2px;
}

.x9CphxQTfywh\+zHna-J3ow\=\=,
._9-Wqgvdcm5q2Z1zIQ1d1iA\=\= {
  background: #404040;
  border: 1px outset #606060;
  color: #00ff00;
  width: 12px;
  height: 10px;
  font-size: 6px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.x9CphxQTfywh\+zHna-J3ow\=\=:hover,
._9-Wqgvdcm5q2Z1zIQ1d1iA\=\=:hover {
  background: #606060;
}

.x9CphxQTfywh\+zHna-J3ow\=\=:active,
._9-Wqgvdcm5q2Z1zIQ1d1iA\=\=:active {
  border: 1px inset #606060;
}

.Kjn\+1PSD9YSF0yvnYXy6eA\=\= {
  background: #000000;
  border: 1px inset #404040;
  margin: 4px;
  padding: 4px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
}

._1agEMObV6XsRuYCAnrBguw\=\= {
  width: 60px;
  height: 20px;
  background: #000000;
  border: 1px inset #202020;
  display: flex;
  align-items: end;
  padding: 2px;
}

._6Jies8tKflSS9SY8jF0Eyg\=\= {
  display: flex;
  gap: 1px;
  align-items: end;
  height: 100%;
}

.bIyCyRv3laNCcYH-Ld0PCg\=\= {
  width: 2px;
  height: 8px;
  background: #00ff00;
  animation: HZJis7Jo1rAHcnBLfE6D6g\=\= 0.5s ease-in-out infinite alternate;
}

.bIyCyRv3laNCcYH-Ld0PCg\=\=:nth-child(odd) {
  animation-delay: 0.1s;
}

.bIyCyRv3laNCcYH-Ld0PCg\=\=:nth-child(even) {
  animation-delay: 0.2s;
}

@keyframes HZJis7Jo1rAHcnBLfE6D6g\=\= {
  0% { height: 2px; }
  100% { height: 12px; }
}

.YYH4MMF6tjjuQZu4Ae3inQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ESOxSEKLprtPStOaxl7zKQ\=\= {
  color: #00ff00;
  font-size: 8px;
  font-weight: bold;
}

.YIoKoiS4tjFvLQD5oW1Lyg\=\= {
  color: #808080;
  font-size: 7px;
}

.rTCi17c8lucAfTT7VAsz8w\=\= {
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 4px;
}

.YSME1k8Of5bSdPntQjXeYQ\=\= {
  background: #404040;
  border: 1px outset #606060;
  color: #00ff00;
  width: 20px;
  height: 16px;
  font-size: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.YSME1k8Of5bSdPntQjXeYQ\=\=:hover {
  background: #606060;
}

.YSME1k8Of5bSdPntQjXeYQ\=\=:active {
  border: 1px inset #606060;
}

.bcur1SdLfGXyrVUssxSR\+A\=\= {
  margin: 4px 8px;
  height: 8px;
  background: #000000;
  border: 1px inset #404040;
  position: relative;
}

.XwRbHRNoQyyjtF73WSGGJQ\=\= {
  height: 100%;
  width: 20%;
  background: linear-gradient(to right, #00ff00 0%, #008000 100%);
}

._4TVIbnKI3uebfEdwzPmrNQ\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 7px;
  color: #00ff00;
}

.k9i6XMBkaKmZj6YGJR3KTQ\=\= {
  width: 40px;
  height: 6px;
  background: #000000;
  border: 1px inset #404040;
  position: relative;
}

.VxtCKpjNJrZ5yD729dm1eg\=\= {
  height: 100%;
  width: 70%;
  background: linear-gradient(to right, #00ff00 0%, #008000 100%);
}

/* Mobile responsiveness */
@media (max-width: 320px) {
  .emrclaC6P-93Ka6Hm6aQUw\=\= {
    font-size: 6px;
  }
  
  .HwfVwzBSJYDtKaVVJzZ4JQ\=\= {
    font-size: 6px;
  }
  
  .YSME1k8Of5bSdPntQjXeYQ\=\= {
    width: 16px;
    height: 12px;
    font-size: 8px;
  }
  
  .Kjn\+1PSD9YSF0yvnYXy6eA\=\= {
    height: 30px;
  }
  
  ._1agEMObV6XsRuYCAnrBguw\=\= {
    width: 40px;
    height: 16px;
  }
}
/* TextEditorApp.module.css - Paint99/WordPad Authentic Sprite-Based Style */

._3ul6lZ7SfYZSEvWrPl5Z-w\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; /* Use full width */
  padding: 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #d4d0c8;
  box-sizing: border-box; /* Include padding in width calculations */
}

/* Formatting toolbar - WordPad style */
.Ei8UjZBQMNIYSea2x\+1UmA\=\= {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 2px;
  background: #d4d0c8;
  margin-bottom: 4px;
  min-height: 30px;
  width: 100%; /* Use full width */
  box-sizing: border-box;
}

/* Windows 98 Custom Dropdown Container */
.kAiRvJqzhM05cPNv73-IBg\=\= {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  z-index: 1500;
}

.kAiRvJqzhM05cPNv73-IBg\=\=.H-GTefCdSlxlemGUtqqpjg\=\= {
  width: 120px;
}

.kAiRvJqzhM05cPNv73-IBg\=\=.PFwQlyJFeDIEldCZNfXMvA\=\= {
  width: 50px;
}

/* Size spinner styling */
.gNHKXfxv\+boWDbTbsBdsUg\=\= {
  margin-right: 2px;
}

/* Windows 98 Custom Dropdown Button - Exact WordPad Style */
.f3\+2ky-BPK8hMu2oKQ\+5Jw\=\= {
  width: 100%;
  height: 21px;
  padding: 3px 18px 3px 4px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: none;
  /* Exact WordPad inset shadow */
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  color: #000000;
  line-height: 15px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: default;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  /* Prevent any visual changes on interaction */
  transition: none;
}

/* Remove ALL focus/hover/active states to prevent highlighting */
.f3\+2ky-BPK8hMu2oKQ\+5Jw\=\=:focus,
.f3\+2ky-BPK8hMu2oKQ\+5Jw\=\=:active,
.f3\+2ky-BPK8hMu2oKQ\+5Jw\=\=:hover {
  /* Force exact same styling - no changes allowed */
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a !important;
  background-color: #ffffff !important;
  outline: none !important;
  border: none !important;
}

/* Dropdown content area */
.bKHWFnQeR0etpIC\+aoy40g\=\= {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: black;
  /* Make input take exact same space as content area */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.bKHWFnQeR0etpIC\+aoy40g\=\=:focus,
.bKHWFnQeR0etpIC\+aoy40g\=\= input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

/* Windows 98 dropdown arrow - Exact WordPad SVG */
.V3vwIex6bSY2nr33wy4-aA\=\= {
  position: absolute;
  top: 0;
  right: 2px;
  width: 16px;
  height: 21px;
  /* Exact WordPad dropdown arrow SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='%23dfdfdf' fill-rule='evenodd' d='M15,0H0v16h1V1h14V0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2,1h-1v14h1V2h12v-1H2Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16,17H0v-1h15V0h1v17Z'/%3E%3Cpath fill='gray' fill-rule='evenodd' d='M15,1h-1v14H1v1h14V1Z'/%3E%3Crect fill='%23d4d0c8' x='2' y='2' width='12' height='13'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11,6h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
  background-size: 16px 21px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  /* Pixel-perfect rendering */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Active dropdown arrow - pressed state */
.kAiRvJqzhM05cPNv73-IBg\=\=:active .V3vwIex6bSY2nr33wy4-aA\=\=,
.V3vwIex6bSY2nr33wy4-aA\=\=:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cpath fill='gray' fill-rule='evenodd' d='M0,0h16v17H0V0ZM1,16h14V1H1v15Z'/%3E%3Crect fill='%23d4d0c8' x='1' y='1' width='14' height='15'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12,7h-7v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1Z'/%3E%3C/svg%3E");
}

/* Dropdown list */
.oeZ-1XBcLwImulBunE6HSA\=\= {
  position: fixed; /* Fixed to escape parent clipping */
  background-color: #ffffff;
  border: 1px solid #000000;
  max-height: 150px;
  overflow-y: auto;
  z-index: 2000;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  min-width: 100px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.oeZ-1XBcLwImulBunE6HSA\=\=.tuBagtIbWieK9SvpHpLnog\=\= {
  display: none;
}

/* Dropdown option */
.fFaUyAk-oW-uqn-sw93rzw\=\= {
  padding: 2px 4px;
  background-color: #ffffff;
  color: #000000;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Only highlight on hover - remove extra styling like FontDialog solution */
.fFaUyAk-oW-uqn-sw93rzw\=\=:hover,
.fFaUyAk-oW-uqn-sw93rzw\=\=.olhISbBc6Y2z75GqIz8L8g\=\= {
  background-color: #000080;
  color: #ffffff;
}

/* Format buttons - Exact WordPad sprite-based styling */
.DYQXC6ukVAjiSagA5tf5sQ\=\= {
  width: 23px;
  height: 22px;
  margin: 0 1px;
  background-color: #d4d0c8;
  /* WordPad toolbar sprite */
  background-image: url('../images/wordpad.png');
  background-repeat: no-repeat;
  background-size: auto 22px;
  /* Windows 98 3D border - normal state */
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  cursor: default;
  /* Pixel-perfect rendering */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  padding: 0;
  position: relative;
}

/* Bold button - WordPad sprite position */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.lLxDXWGUeFlY9mLrN3xeHQ\=\= {
  background-position: -253px 0;
}

/* Italic button - WordPad sprite position */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.Tnt\+QygaseOsljgR7074YA\=\= {
  background-position: -276px 0;
}

/* Underline button - WordPad sprite position */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.WZEqTBbwIYriMP764zE8FA\=\= {
  background-position: -299px 0;
}

/* Word Wrap button - WordPad sprite position (20th icon) */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.EI2TdlzepRUb0nJA6SuEEg\=\= {
  background-position: -437px 0;
}

/* Show Style button - WordPad sprite position (21st icon) */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.ZCpCGs5ypyhHjD7WG2vZOA\=\= {
  background-position: -460px 0;
}

/* Pressed state - inverted borders */
.DYQXC6ukVAjiSagA5tf5sQ\=\=:active {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  /* Shift sprite slightly */
  background-position-x: calc(0px + 1px);
  background-position-x: calc(var(--bg-x, 0px) + 1px);
  background-position-y: 1px;
}

/* Toggled/active state - pressed in with checkerboard */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.pBHy49mZiC4ocGWov4WuDQ\=\= {
  border-top: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-bottom: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  background-color: #c0c0c0;
  /* Add checkerboard pattern overlay with proper sizing */
  background-image: 
    url('../images/wordpad.png'),
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAAAAABX3VL4AAAADklEQVQIHWP4f4DhwH8ACoADf16N/DIAAAAASUVORK5CYII=');
  background-size: auto 22px, 2px 2px;
  background-repeat: no-repeat, repeat;
  /* Shift sprite slightly */
  background-position: calc(0px + 1px) 1px, 0 0;
  background-position: calc(var(--bg-x, 0px) + 1px) 1px, 0 0;
}

/* CSS variables for sprite positioning when pressed */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.lLxDXWGUeFlY9mLrN3xeHQ\=\= {
  --bg-x: -253px;
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.Tnt\+QygaseOsljgR7074YA\=\= {
  --bg-x: -276px;
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.WZEqTBbwIYriMP764zE8FA\=\= {
  --bg-x: -299px;
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.EI2TdlzepRUb0nJA6SuEEg\=\= {
  --bg-x: -437px;
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.ZCpCGs5ypyhHjD7WG2vZOA\=\= {
  --bg-x: -460px;
}

/* Pressed state for specific buttons */
.DYQXC6ukVAjiSagA5tf5sQ\=\=.lLxDXWGUeFlY9mLrN3xeHQ\=\=.pBHy49mZiC4ocGWov4WuDQ\=\= {
  background-position: -252px 1px, 0 0; /* -253px + 1px offset */
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.Tnt\+QygaseOsljgR7074YA\=\=.pBHy49mZiC4ocGWov4WuDQ\=\= {
  background-position: -275px 1px, 0 0; /* -276px + 1px offset */
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.WZEqTBbwIYriMP764zE8FA\=\=.pBHy49mZiC4ocGWov4WuDQ\=\= {
  background-position: -298px 1px, 0 0; /* -299px + 1px offset */
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.EI2TdlzepRUb0nJA6SuEEg\=\=.pBHy49mZiC4ocGWov4WuDQ\=\= {
  background-position: -436px 1px, 0 0; /* -437px + 1px offset */
}

.DYQXC6ukVAjiSagA5tf5sQ\=\=.ZCpCGs5ypyhHjD7WG2vZOA\=\=.pBHy49mZiC4ocGWov4WuDQ\=\= {
  background-position: -459px 1px, 0 0; /* -460px + 1px offset */
}

/* Remove wrapper - not needed for sprite buttons */
.DYQXC6ukVAjiSagA5tf5sQ\=\= .PlU4uk1ePp6zH0HhacU0pg\=\= {
  display: none;
}

/* Text input container - WordPad style sunken area */
.MqTeCOpzQm09dBE754Xfww\=\= {
  flex: 1;
  width: 100%; /* Use full width */
  margin: 4px 0;
  /* WordPad-style inset border */
  border: 1px inset #ffffff;
  background: white;
  position: relative;
  min-height: 120px; /* Ensure minimum height */
  overflow: hidden; /* Container doesn't scroll, only the textarea */
  box-sizing: border-box;
}

/* Text input area */
.CmD5ndIKouCW4uIixv5JCA\=\= {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-family: 'Times New Roman', serif;
  font-size: 12px;
  line-height: 1.2;
  padding: 4px;
  margin: 0;
  position: relative;
  z-index: 1;
  /* Add proper scrollbars instead of growing */
  overflow: auto;
  /* Disable browser auto-resize */
  max-height: none;
  min-height: 100%;
  box-sizing: border-box;
}

/* Button row */
.QjmM0qcZxCJ18dsNiIjxUQ\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  width: 100%; /* Use full width */
  padding: 4px 0 0 0;
  margin-top: 4px;
  padding-top: 8px;
  box-sizing: border-box;
}

/* Button styling inherited from Button component */
.QjmM0qcZxCJ18dsNiIjxUQ\=\= button {
  min-width: 75px;
}

/* Windows 98 focus styles */
._3ul6lZ7SfYZSEvWrPl5Z-w\=\= *:focus {
  outline: 1px dotted #000;
  outline-offset: -2px;
}

/* Ensure proper z-indexing */
._3ul6lZ7SfYZSEvWrPl5Z-w\=\= {
  position: relative;
  z-index: 1;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .Ei8UjZBQMNIYSea2x\+1UmA\=\= {
    flex-wrap: wrap;
    gap: 2px;
  }
  
  .kAiRvJqzhM05cPNv73-IBg\=\=.H-GTefCdSlxlemGUtqqpjg\=\= {
    width: 100px;
  }
  
  .DYQXC6ukVAjiSagA5tf5sQ\=\= {
    width: 28px;
    height: 28px;
  }
}
/* Paint99 Flip and Rotate Dialog - Windows 98 styling */

.IdM9\+0D7id08kCM\+3e24yQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  gap: 16px;
}

/* Fieldset styling matching Windows 98 */
.C4OR\+GoqonyJY\+CElsj6HA\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.zIx\+IfbaSWCB9D9sSndojA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
}

/* Access key styling - underlined characters */
.D0hAGOfIee-golp6aEayig\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* Operation options container */
.eHeNPre\+ZojgA7sUSmsStQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Individual field rows */
.pM7ui-h\+Q5gFKr6yZUAE2w\=\= {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 6px;
}

.pM7ui-h\+Q5gFKr6yZUAE2w\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal !important;
  display: inline-block;
  width: auto;
  line-height: 16px;
}

.pM7ui-h\+Q5gFKr6yZUAE2w\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

/* Chrome-compatible radio button input */
.pM7ui-h\+Q5gFKr6yZUAE2w\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.pM7ui-h\+Q5gFKr6yZUAE2w\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

/* Angle options sub-container */
._7AuWjUKnUuJuiPjAqqwEaQ\=\= {
  margin-left: 20px;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._7AuWjUKnUuJuiPjAqqwEaQ\=\=.oBRMPJJx254XB12HqdSEvA\=\= {
  color: #808080;
}

._7AuWjUKnUuJuiPjAqqwEaQ\=\=.oBRMPJJx254XB12HqdSEvA\=\= input[type="radio"] {
  cursor: default;
}

._7AuWjUKnUuJuiPjAqqwEaQ\=\=.oBRMPJJx254XB12HqdSEvA\=\= label::before {
  opacity: 0.5;
}

._7n3TEiEvv2mGff83i7Lesg\=\= {
  color: #808080 !important;
  cursor: default !important;
  font-weight: normal !important;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.jtr2YpHq\+qujjKFbIgvwuA\=\= {
  /* Compatibility class - actual styling handled by input[type="radio"] above */
}

.OsvIShCnKYt0CWCGnhV7pg\=\= {
  /* Compatibility class - actual styling handled by label above */
}

/* Button row */
.pgjhgY\+g3G2wUs66TIzSkg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}
.hXTXupLoc9GtJbwqd1UZkQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  width: 350px;
  height: 230px;
  box-sizing: border-box;
}

.ykKvrmpjOpn0JmhR66Esgw\=\= {
  border: 2px groove #d4d0c8;
  padding: 8px 12px 12px 12px;
  margin: 0;
  position: relative;
  flex: 1;
}

.VJdMw1ymuGfmkc4NbzvD5Q\=\= {
  font-size: 11px;
  padding: 0 4px;
  background: #d4d0c8;
  position: absolute;
  top: -8px;
  left: 8px;
}

.ENyV-04ObS8vX4Y-60TM\+w\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.BoC3QoYF7M2b1pPjTj-ROw\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.nVeNW9aI4YSTjMzxID9qrw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

._3Qj8tTodT6wIfffnp6M7BA\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 44px; /* Align with slider value */
}

.FMM6OM046X8Hz-sUD-HxlA\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.SHExslUCMR2C5vHc-ytijg\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

.diwrhUvfLxilduMXbsrD4Q\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.vjbqBY35ixZ0m7JbWhtTRQ\=\= {
  min-width: 40px;
}

.ZbBuY0p-bXbE8TRJjTvvBQ\=\= {
  position: relative;
  flex: 1;
}

._6DGsRh7nLJ1RVLkHdp4lUA\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

.SUa2AxwgSXCFgnkC8t6AfA\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

.SUa2AxwgSXCFgnkC8t6AfA\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* **SLIDER THUMB FIX: Correct positioning to reach both track edges** */
  margin-left: -5px; /* Adjusted to ensure thumb reaches left edge */
  margin-right: -6px; /* Adjusted to ensure thumb reaches right edge */
}

.SUa2AxwgSXCFgnkC8t6AfA\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  /* **SLIDER THUMB FIX: Firefox positioning to match WebKit** */
  margin: 0;
}

.SUa2AxwgSXCFgnkC8t6AfA\=\=::-webkit-slider-thumb {
  /* existing styles */
  z-index: 2;
}

.SUa2AxwgSXCFgnkC8t6AfA\=\=::-moz-range-thumb {
  /* existing styles */
  z-index: 2;
}

._2qy5-r1WLdtbQdPwcP3ihg\=\= {
  min-width: 30px;
  text-align: right;
}

.rVFfwFzsTJRVs9xjlLmm3A\=\= {
  font-size: 11px;
  line-height: 1.3;
  padding: 4px;
  background: #ffffee;
  border: 1px solid #000000;
  box-shadow: 
    inset 1px 1px 0 #c0c0c0,    /* Top-left inner shadow (grey) */
    inset -1px -1px 0 #c0c0c0;  /* Bottom-right inner highlight (white) */
}

.VjmXtXPg6W1hXiog2kQNAA\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}
.sTlCTgvzw4H-u6Da0D91bw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px;
  width: 350px;
  height: 180px;
  box-sizing: border-box;
}

.IplJe02unoFRskeXR0k03g\=\= {
  border: 2px groove #d4d0c8;
  padding: 8px 12px 12px 12px;
  margin: 0;
  position: relative;
  flex: 1;
}

.RNN6rQP6UOqpmYPb-JszPA\=\= {
  font-size: 11px;
  padding: 0 4px;
  background: #d4d0c8;
  position: absolute;
  top: -8px;
  left: 8px;
}

.P3PavsLAUgDfCcV7AqI\+nQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Jfc8dIk4qNvVGBS-3mVipA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.HdXBNcP-H6OXt1PIrPpm9A\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Fq-pWdpS9unkzDt\+c7XVRA\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}

.bNRrTryblsR\+esn3ZY1zMA\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.bsq4fMgMnmCcNGBn47HOzQ\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

.mp6Yn2eL81NKG4pI7S5vgw\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.WNfDG5bC4ewhfSjs1E3e3g\=\= {
  min-width: 40px;
}

.EZUKUM7YI7AJL4nAWpIOqA\=\= {
  position: relative;
  flex: 1;
}

.gYiApzP3aoTi5ebk7Vp2Iw\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

.Pbi3m2eToQNXMZ2KeiXMHw\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

.Pbi3m2eToQNXMZ2KeiXMHw\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* **SLIDER THUMB FIX: Correct positioning to reach both track edges** */
  margin-left: -5px; /* Adjusted to ensure thumb reaches left edge */
  margin-right: -6px; /* Adjusted to ensure thumb reaches right edge */
}

.Pbi3m2eToQNXMZ2KeiXMHw\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  /* **SLIDER THUMB FIX: Firefox positioning to match WebKit** */
  margin: 0;
}

.Pbi3m2eToQNXMZ2KeiXMHw\=\=::-webkit-slider-thumb {
  /* existing styles */
  z-index: 2;
}

.Pbi3m2eToQNXMZ2KeiXMHw\=\=::-moz-range-thumb {
  /* existing styles */
  z-index: 2;
}

.o\+5ckTE9qbLNgym\+nxzABA\=\= {
  min-width: 30px;
  text-align: right;
}

.BqYFLT52ml6QDeOZ6EaZdA\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}
._2XpGtMoWVPiUClz0EQ4ICw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  width: 320px;
  height: 400px;
  box-sizing: border-box;
}

.CYz7wDGg2sA7Z5ForAz4og\=\= {
  border: 2px groove #d4d0c8;
  padding: 20px 12px 12px 12px;
  margin: 0;
  position: relative;
  flex: 1;
}

.oAs-ycbMpUHkWWzo3vYbeQ\=\= {
  font-size: 11px;
  padding: 0 4px;
  background: #d4d0c8;
  position: absolute;
  top: -8px;
  left: 8px;
}

.Oue57PURH-bomNFoYxUI\+w\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.cZw3tLB2ZcXANKB0RC\+Iwg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.PM5GOjiUowSNa12cfioKeA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.JWNm35c972W\+Ces3ehQ6qQ\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}

.uB58zXfPlJGYeCVAf\+Rl0A\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.rUguDRm6fxU4zi7Wf2ABJw\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

._2ZivpXcFajdCXC7PqDNggg\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.UhU-krjt4vxhDq9u8fc96A\=\= {
  min-width: 70px;
}

.deb8U6hI9hlj6K4QtkgFKQ\=\= {
  position: relative;
  flex: 1;
}

.x2lWQfQt5F0rjejRfgiCLw\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

.HJi15svWn\+VoINlM3Rje7Q\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

.HJi15svWn\+VoINlM3Rje7Q\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* **SLIDER THUMB FIX: Correct positioning to reach both track edges** */
  margin-left: -5px; /* Adjusted to ensure thumb reaches left edge */
  margin-right: -6px; /* Adjusted to ensure thumb reaches right edge */
}

.HJi15svWn\+VoINlM3Rje7Q\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  /* **SLIDER THUMB FIX: Firefox positioning to match WebKit** */
  margin: 0;
}

.HJi15svWn\+VoINlM3Rje7Q\=\=::-webkit-slider-thumb {
  /* existing styles */
  z-index: 2;
}

.HJi15svWn\+VoINlM3Rje7Q\=\=::-moz-range-thumb {
  /* existing styles */
  z-index: 2;
}

.j0wiwJIP8npck65x9Lp5sA\=\= {
  min-width: 30px;
  text-align: right;
}

.WwGsfaXdLg4rDNXLAm08eA\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}
.QED0HQMyQGaPw40x8B-TLA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px;
  width: 300px;
  height: 140px;
  box-sizing: border-box;
}

.wfyfXQZ6RBYarlkvtxmCyA\=\= {
  border: 2px groove #d4d0c8;
  padding: 8px 12px 12px 12px;
  margin: 0;
  position: relative;
  flex: 1;
}

.LmX8XJYx6MzatfdkTGhM7g\=\= {
  font-size: 11px;
  padding: 0 4px;
  background: #d4d0c8;
  position: absolute;
  top: -8px;
  left: 8px;
}

._8BoiIzO\+W1PDbOqPy5spEQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

._3AmSmGhquI0jMto4Tp9Uow\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.OvEXdd7PHMXNvks3NuQTtA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

._0UuxUIXmVNjpsCjyU0dt6g\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}

.Z\+zik83zTAvNddyQfuGefQ\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.eiatPOjjoJygorL8mpwoVA\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

.aJXdHgpqnWIYGpNTsXztPA\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.oOcz8ElWzg4mn15o-9HCNw\=\= {
  min-width: 40px;
}

.ydIQcbIlXNZIP9vUGNiy\+Q\=\= {
  position: relative;
  flex: 1;
}

.looaDlUgNJUsYB-BNcnNBg\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

._6hxxvu7b\+d\+wTxwnmRNC9w\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

._6hxxvu7b\+d\+wTxwnmRNC9w\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* **SLIDER THUMB FIX: Correct positioning to reach both track edges** */
  margin-left: -5px; /* Adjusted to ensure thumb reaches left edge */
  margin-right: -6px; /* Adjusted to ensure thumb reaches right edge */
}

._6hxxvu7b\+d\+wTxwnmRNC9w\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  /* **SLIDER THUMB FIX: Firefox positioning to match WebKit** */
  margin: 0;
}

._6hxxvu7b\+d\+wTxwnmRNC9w\=\=::-webkit-slider-thumb {
  /* existing styles */
  z-index: 2;
}

._6hxxvu7b\+d\+wTxwnmRNC9w\=\=::-moz-range-thumb {
  /* existing styles */
  z-index: 2;
}

.wsdx-\+VV3LKSWTLoFmd1xg\=\= {
  min-width: 30px;
  text-align: right;
}

.H1y4RVQSnKbLd-CPhhABnw\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}
.Un9WU2BePLarVLKvuTPumw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px;
  width: 300px;
  height: 140px;
  box-sizing: border-box;
}

.vCLzF0HlV1AzbylX5aeP6w\=\= {
  border: 2px groove #d4d0c8;
  padding: 8px 12px 12px 12px;
  margin: 0;
  position: relative;
  flex: 1;
}

.WKjiFBis\+FWo16HHZndU0g\=\= {
  font-size: 11px;
  padding: 0 4px;
  background: #d4d0c8;
  position: absolute;
  top: -8px;
  left: 8px;
}

.PgoBrFZ6ZKGYO6WU-\+QxHg\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Jwwv1ElVca5\+9MtzppbxOQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

._3Roqw0WSEb7URe89V2WzNA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

._9cXT-5H3q1RyHtuROhP8Gg\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}

.ydKoeEExUmKUQpMdpbgsqw\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.jhuzpgf3s6gDThFVy-S7hQ\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

.ALhDjEH2IkSRAPjRMeao-g\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.zGCbkeh\+mVxnuuNgIVkFRQ\=\= {
  min-width: 70px;
}

.hC\+VvTDGPUWa1LZ3ClILlA\=\= {
  position: relative;
  flex: 1;
}

.d2QWZR\+hanAm27kGT4r\+3w\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

.raQITOgW3BrH1EC2z43z2A\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

.raQITOgW3BrH1EC2z43z2A\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* **SLIDER THUMB FIX: Correct positioning to reach both track edges** */
  margin-left: -5px; /* Adjusted to ensure thumb reaches left edge */
  margin-right: -6px; /* Adjusted to ensure thumb reaches right edge */
}

.raQITOgW3BrH1EC2z43z2A\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  /* **SLIDER THUMB FIX: Firefox positioning to match WebKit** */
  margin: 0;
}

.raQITOgW3BrH1EC2z43z2A\=\=::-webkit-slider-thumb {
  /* existing styles */
  z-index: 2;
}

.raQITOgW3BrH1EC2z43z2A\=\=::-moz-range-thumb {
  /* existing styles */
  z-index: 2;
}

.bHBb2VxciSB0B3hAn\+rfOw\=\= {
  min-width: 30px;
  text-align: right;
}

.hgmDZfwR52AZjtLIdxSiuw\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}
._2O1Hss8Cu0I4q8SxbDkaow\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px;
  width: 280px;
  height: 140px;
  box-sizing: border-box;
}

.tDPVI7YBQY-vLhecHdrYTg\=\= {
  border: 2px groove #d4d0c8;
  padding: 8px 12px 12px 12px;
  margin: 0;
  position: relative;
  flex: 1;
}

.Zl7mHNjmIKx6nziyx8IsyQ\=\= {
  font-size: 11px;
  padding: 0 4px;
  background: #d4d0c8;
  position: absolute;
  top: -8px;
  left: 8px;
}

.\+6lWS\+mkVHw8C42umLcPEw\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.gkw2I1VTiuz8cGjM3-O5SA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.NkS5B6z\+2zqhOE5aqBClFA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.usqrfgzNf-NHfTi0EzhAPA\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}

.AcdpTORSwk5mUsoaDyvTHQ\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.H7RZ3A35zd03FvTF-84QxQ\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

.mz5p2jr0tu9WAAEXpo2DKw\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.JY0oH--ITv6zkcB9KCykzg\=\= {
  min-width: 40px;
}

.gSfSNIgp6dj6Q\+csPO7c8A\=\= {
  position: relative;
  flex: 1;
}

._7Nq96gRrOQzz67Xx63WLXA\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

.sF\+XEEENBDc4VT123NNCmQ\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

.sF\+XEEENBDc4VT123NNCmQ\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* **SLIDER THUMB FIX: Correct positioning to reach both track edges** */
  margin-left: -5px; /* Adjusted to ensure thumb reaches left edge */
  margin-right: -6px; /* Adjusted to ensure thumb reaches right edge */
}

.sF\+XEEENBDc4VT123NNCmQ\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  /* **SLIDER THUMB FIX: Firefox positioning to match WebKit** */
  margin: 0;
}

.sF\+XEEENBDc4VT123NNCmQ\=\=::-webkit-slider-thumb {
  /* existing styles */
  z-index: 2;
}

.sF\+XEEENBDc4VT123NNCmQ\=\=::-moz-range-thumb {
  /* existing styles */
  z-index: 2;
}

.S3Pfuuy7Nu--K9TJBKsOvQ\=\= {
  min-width: 30px;
  text-align: right;
}

.yrQ5RvUE9Osx2pvwZSHQIg\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}
.Oe3BqnBjOGOQHSxx\+laxXA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px;
  width: 300px;
  height: 140px;
  box-sizing: border-box;
}

.kr8CzZJtGMDwBlT\+wtmotA\=\= {
  border: 2px groove #d4d0c8;
  padding: 8px 12px 12px 12px;
  margin: 0;
  position: relative;
  flex: 1;
}

.mczURjrXx3xIqh5VWCKcvQ\=\= {
  font-size: 11px;
  padding: 0 4px;
  background: #d4d0c8;
  position: absolute;
  top: -8px;
  left: 8px;
}

.-u6lD36Mg9v24wtypoJVCw\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.TeWZ4L7UJ2rSbx6OIgmPoA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

._1tpZacGdvJUajz-3sSxWUQ\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.iAay9APu0xgI7E\+PGVYjcQ\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}

.fFqOIXtvIXrRfQI-R4S6yw\=\= {
  width: 11px;
  height: 11px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.S7628F99tzzyBKh5xNKCjw\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 5px;
}

.cG6jFE4sPNuvGZnWNYTBCg\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.AFm5P5P32TXb2K\+hVL\+OBA\=\= {
  min-width: 60px;
}

.RpHOY\+3M-f5sGOWvUCcDbQ\=\= {
  position: relative;
  flex: 1;
}

.\+v-RIvA1TvoDlhDcBRWHRg\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

.cRB1B36NXZL0nA7Es8QqSA\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
}

.cRB1B36NXZL0nA7Es8QqSA\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* **SLIDER THUMB FIX: Correct positioning to reach both track edges** */
  margin-left: -5px; /* Adjusted to ensure thumb reaches left edge */
  margin-right: -6px; /* Adjusted to ensure thumb reaches right edge */
}

.cRB1B36NXZL0nA7Es8QqSA\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  /* **SLIDER THUMB FIX: Firefox positioning to match WebKit** */
  margin: 0;
}

.cRB1B36NXZL0nA7Es8QqSA\=\=::-webkit-slider-thumb {
  /* existing styles */
  z-index: 2;
}

.cRB1B36NXZL0nA7Es8QqSA\=\=::-moz-range-thumb {
  /* existing styles */
  z-index: 2;
}

.XzeXQFJyHtdA8sjiWC80iw\=\= {
  min-width: 30px;
  text-align: right;
}

.Q-UCTI5puOP1q2hCuoBL0Q\=\= {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}
/* Paint99 Thumbnail Dialog Styles */

.NvPMpx0wD5uc5Nz3b8QFng\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  background: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

/* Zoom Controls */
.NRZAluLkzJVWpdFrOmfdVA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  background: #d4d0c8;
  margin-bottom: 4px;
  font-size: 11px;
}

.NRZAluLkzJVWpdFrOmfdVA\=\= label {
  margin: 0;
  font-weight: normal;
}

.tUFx0vmXevbaxdkVCels0Q\=\= {
  min-width: 120px;
}

/* Thumbnail Viewport */
._66wv7R9sTHoYiZbVIeV7UA\=\= {
  flex: 1;
  position: relative;
  background: #fff;
  border: 1px solid #808080;
  margin-bottom: 4px;
  min-height: 200px;
  /* Windows 98 scrollbars are handled by global stylesheet */
  /* overflow set dynamically in component */
}

/* Image Container */
.rojaa83noaJUsecOnZJ4Iw\=\= {
  position: relative;
  display: inline-block;
  min-width: 100%;
  min-height: 100%;
}

/* Thumbnail Canvas */
.VOnnJyyL80hITb2ExM3S6w\=\= {
  display: block;
  /* Pixel-perfect display - no anti-aliasing */
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Loading Message */
.ub4\+WqhuiX\+9rQ\+OMf4Xmw\=\= {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-size: 11px;
  z-index: 10;
}

/* Canvas Info */
.XHja6bi4azbkZhAwP7bUZw\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  color: #000;
  font-size: 11px;
  text-align: center;
  background: #d4d0c8;
}

.JbuvvXNjgMXxzIxSzEU8pQ\=\= {
  color: #000000;
  font-weight: normal;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .NRZAluLkzJVWpdFrOmfdVA\=\= {
    flex-wrap: wrap;
    gap: 4px;
  }
  
  .tUFx0vmXevbaxdkVCels0Q\=\= {
    min-width: 100px;
  }
  
  .wWS0qfOqiVSezFxmMtAKzA\=\= {
    font-size: 9px;
  }
}

/* Windows 98 Scrollbar Styling - Consolidated */

/* Chrome/WebKit/Blink Browsers */
::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar:horizontal {
  height: 17px;
}

::-webkit-scrollbar-corner {
  background-color: #d4d0c8;
  background-color: var(--surface, #d4d0c8);
}

::-webkit-scrollbar-track {
  background-image: url("../images/scrollbar-background.svg");
}

::-webkit-scrollbar-thumb {
  background-color: #d4d0c8;
  background-color: var(--surface, #d4d0c8);
  box-shadow: inset -1px -1px #000000, inset 1px 1px #FFFFFF, 
              inset -2px -2px #808080, inset 2px 2px #DFDFDF;
  box-shadow: var(--border-raised-outer, inset -1px -1px #000000, inset 1px 1px #FFFFFF), 
              var(--border-raised-inner, inset -2px -2px #808080, inset 2px 2px #DFDFDF);
}

::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
}

::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url("../images/button-up.svg");
}

::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url("../images/button-down.svg");
}

::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
  background-image: url("../images/button-left.svg");
}

::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
  background-image: url("../images/button-right.svg");
}

/* Active button states */
::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("../images/button-up-active.svg");
}

::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("../images/button-down-active.svg");
}

::-webkit-scrollbar-button:horizontal:start:active {
  background-image: url("../images/button-left-active.svg");
}

::-webkit-scrollbar-button:horizontal:end:active {
  background-image: url("../images/button-right-active.svg");
}

/* Firefox - Reset to browser default */
@-moz-document url-prefix() {
  * {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
  }
}
/* Paint99 View Bitmap Fullscreen Styles */

._9ta7oSltzxpq88EvWyJ2VA\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  outline: none;
}

.V4qwOO4dmNvtrW8fhce2Yg\=\= {
  position: relative;
  display: inline-block;
}

.ba-3\+VHIqIlppVvs5edKFQ\=\= {
  display: block;
  border: 4px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background: white;
  /* Pixel-perfect display - no anti-aliasing */
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.tY7btrxaDSv6r4ZoGfnB7g\=\= {
  color: white;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

/* Paint99 Save As Dialog - Windows 98 styling */

.DuuvUrZ2EMJ4uv6xxLd-NQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  gap: 12px;
}

/* File name section */
.MtmaWkU2lXXunVPg5UssqA\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.WN0XfSVmTDhLE8tQxSzevQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  display: block;
}

.meFNEzYgdJ6cQxfZNn1uQw\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.eteGy5QvxbSfMVVMv6-wHA\=\= {
  width: 300px;
  height: 18px;
  padding: 1px 2px;
  border: 1px solid;
  border-color: #808080 #dfdfdf #dfdfdf #808080;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #000000;
  box-sizing: border-box;
}

.eteGy5QvxbSfMVVMv6-wHA\=\=:focus {
  outline: none;
  border-color: #0a0a0a #ffffff #ffffff #0a0a0a;
}

/* Save as type section */
._9j-hRVOVcowzJdxd43pG\+Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._1ulZCNJMZLGAsgrod6j45A\=\= {
  width: 306px;
}

/* Fieldset styling matching Windows 98 */
.QJnJC0yxiPSvYUB37V7jdg\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.d8hy1Mj-J9P0lAv1ZDl0jA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
}

/* File information content */
.FGRBzT9K4wzIF\+yf2Mrpig\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.csJSdwX9rr4\+z0kAuJBhSQ\=\= {
  display: flex;
  gap: 8px;
  align-items: center;
}

.AmXGRFzImNQ1kvYRVZa65g\=\= {
  min-width: 120px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

.YOjQzAhcFZTyQYImzIAh4g\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}

/* Compression controls */
.Xg5fvJKDfCK7ZawFlA6rtg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.VyRDtZdRkqSGBxwiKmTbLw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.zPuP-TmswNiVXGS\+bqmQRw\=\= {
  min-width: 80px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

.aA-e1bUFVCLotQVXZB0KRA\=\= {
  flex: 1;
  position: relative;
}

/* Windows 98 slider track - exact copy from ThresholdDialog */
.hO\+HihXFxB-ownZ1wy4jmA\=\= {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background-color: #d4d0c8;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,
    inset 1px 1px 0 #808080,
    inset -2px -2px 0 #dfdfdf,
    inset 2px 2px 0 #000000;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  pointer-events: none;
  z-index: 1;
}

.tBCwU67NeGnBepQYOYq6GA\=\= {
  width: 100%;
  height: 21px;
  position: relative;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: transparent;
  outline: none;
  z-index: 2;
  border: none;
}

.tBCwU67NeGnBepQYOYq6GA\=\=::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  z-index: 2;
}

.tBCwU67NeGnBepQYOYq6GA\=\=::-moz-range-thumb {
  width: 11px;
  height: 21px;
  background-image: url('../images/indicator-horizontal.svg');
  background-size: 11px 21px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0;
  z-index: 2;
}

.ciDLy4sVFqQR90ndVMhvoQ\=\= {
  min-width: 40px;
  text-align: center;
  padding: 2px 4px;
  border: 1px solid;
  border-color: #808080 #dfdfdf #dfdfdf #808080;
  background: #ffffff;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

/* Button row */
.c2TM9VsFe-XwdVci1i-YcA\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}
/* Game Controller Properties Dialog - Matches KeyboardProperties styling */
.wZlnMUKYgTzUchkFwz4GNQ\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

/* Tab styling - Copied from KeyboardProperties */
.Xdeq5aghWQU2ezz2qfiLbQ\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1;
}

.m2MSRqdg2C\+zeDesbIv\+Aw\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px;
  position: relative;
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000;
}

.m2MSRqdg2C\+zeDesbIv\+Aw\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.m2MSRqdg2C\+zeDesbIv\+Aw\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

.u-SQpm279DmBQfiSVILMHg\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px;
  position: relative;
  z-index: 2;
  margin-bottom: -2px;
  top: -2px;
  
  /* ACTIVE TAB borders */
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000,
    0 1px 0 0 #d4d0c8,
    0 2px 0 0 #d4d0c8;
}

.u-SQpm279DmBQfiSVILMHg\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.u-SQpm279DmBQfiSVILMHg\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

.HmNNkHxtNpbaoUJB2W1VHw\=\= {
  /* No underline for tab access keys */
}

/* Tab content - Copied from KeyboardProperties */
.jg4ZuKFo71LrNjGZsbnAnQ\=\= {
  flex: 1;
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;

  /* Windows 98 Multi-Layer Border System - Content Area */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000,
    0 1px 0 0 #808080,
    0 2px 0 0 #000000,
    -1px -1px 0 0 #ffffff,
    1px -1px 0 0 #000000,
    -1px 1px 0 0 #ffffff,
    1px 1px 0 0 #000000;

  margin: 0 8px 8px 8px;
  padding: 10px;
}

.fq4Rd6-\+0GVXHRxxxAK\+MQ\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.JtuVXo9Vhd4RnNLMt9z\+Ng\=\= {
  margin-bottom: 8px;
  padding: 8px;
  font-size: 11px;
  line-height: 1.4;
  background: #d4d0c8;
}

.mgRlAiU3VbxC9OjenjC2RQ\=\= {
  padding: 20px;
  text-align: center;
  color: #808080;
  font-style: italic;
  border: 2px inset #d4d0c8;
  background: #fff;
}

/* Fieldset styling */
.iLARZ\+\+ps4-cYkRRcpInsA\=\= {
  border: 2px groove #d4d0c8;
  margin: 8px 0;
  padding: 8px;
  background: #d4d0c8;
}

.iLARZ\+\+ps4-cYkRRcpInsA\=\= legend {
  padding: 0 4px;
  font-weight: normal;
  font-size: 11px;
}

/* Axes section */
._9qJloeQ2nJbdOtYbPrZ2EQ\=\= {
  display: flex;
  align-items: center;
  gap: 16px;
}

.En2m28v2N9RVVU7dAKMYBA\=\= {
  position: relative;
  width: 70px;
  height: 70px;
  background: #fff;
  flex-shrink: 0;
  /* Windows 98 inset border styling */
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
}

.EkijcFzyRhLAg1Oqc9iuXA\=\= {
  position: absolute;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #000;
  pointer-events: none;
  transition: all 0.1s ease;
}

.MnteEM0R52MrLH6SJOmx2Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.s4RJC9r1u0LuJdtmWWn\+lQ\=\= {
  font-weight: normal;
  font-size: 11px;
}

.TNhMYmweV6P1RU-ODYFsvg\=\= {
  font-size: 11px;
  color: #666;
}

/* Buttons section */
._29hci2WeQnEyb8pH6dohrg\=\= {
  display: grid;
  grid-template-columns: repeat(8, 20px);
  grid-gap: 10px;
  gap: 10px;
  padding: 12px;
  justify-content: center;
}

._9geFtNdFrDCXQ4ZX4807gQ\=\= {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #800000;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  transition: all 0.1s ease;
  border: 2px outset #800000;
  box-shadow: 
    inset -1px -1px 0 #600000,
    inset 1px 1px 0 #a00000;
}

._9geFtNdFrDCXQ4ZX4807gQ\=\=.oVgimij7V7-vf5iyVv7\+QQ\=\= {
  background: #ff0000;
  color: #ffffff;
  border: 2px inset #ff0000;
  box-shadow: 
    inset 1px 1px 0 #cc0000,
    inset -1px -1px 0 #ff6666;
}

/* Bottom button row - Copied from KeyboardProperties */
.su9uFD0g1d5tk55r3RFy7g\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.su9uFD0g1d5tk55r3RFy7g\=\= button {
  min-width: 75px;
  text-align: center;
}
/* Main container */
.yx6R9zmkZN8XCkhpGuhelg\=\= {
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  box-sizing: border-box;
}

/* Fieldset styling (copied from PomodoroApp.css pattern) */
.BsLkVD09irimBJOrr0Faqg\=\= {
  position: relative;
  border: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 15px 10px 10px;
  margin: 0;
  background-color: transparent;
}

.\+fzLJLUntuUs1s\+W1G\+MqQ\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-size: 11px;
  color: #000;
}

/* Technique Type Section */
.BxhntEm-EEzxD92TtfqMew\=\= {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* Dropdown styling (based on TextEditorApp pattern) */
.oXPH7rOsPgcX8YVm1VdbJw\=\= {
  position: relative;
  display: inline-block;
}

.DUzO0IXbKFelraJds1Y0YQ\=\= {
  display: flex;
  align-items: center;
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  height: 21px;
  cursor: pointer;
  outline: none;
  position: relative;
}

.L2QaiyMsfmTl36\+L0L0W0Q\=\= {
  flex: 1;
  padding: 2px 20px 2px 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  background: transparent;
  border: none;
  outline: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sLA1Pr3DpjJg900AMaOUNg\=\= {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 16px;
  height: 17px;
  background-image: url('../images/button-down-disabled.svg');
  background-size: 16px 17px;
  background-repeat: no-repeat;
  pointer-events: none;
}

.DAi-lQJnDXlfvHpCi7KQLA\=\= {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #d4d0c8;
  border: 1px solid #000;
  border-top: none;
  z-index: 1000;
  max-height: 150px;
  overflow-y: auto;
}

.DAi-lQJnDXlfvHpCi7KQLA\=\=.CG8eJqK6FPrOKC\+ZAqevvQ\=\= {
  display: none;
}

._8c3tn3GmZ8ApbOWidZm9Nw\=\= {
  padding: 2px 4px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

._8c3tn3GmZ8ApbOWidZm9Nw\=\=:hover,
._8c3tn3GmZ8ApbOWidZm9Nw\=\=._8xEbuXYPZuVaBLMGppbUGQ\=\= {
  background-color: #000080;
  color: #ffffff;
}

/* Timer Values Section */
.fQ70aHh\+AbCDJsLuKK61kw\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.BN9nhpSAoZCj\+j1WBG0bvg\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vh1ikxpllU2jdp9QW0aFPw\=\= {
  min-width: 80px;
  font-weight: normal;
  color: #000;
}

.g5Nv-UiUXLHmmZFmGYl6Yw\=\= {
  /* SpinnerInput component handles its own styling */
}

._0XnyfrB2eNirXAa\+CrRFjA\=\= {
  color: #000;
  font-weight: normal;
}

/* Volume Section (horizontal slider layout) */
.fMLb6isR9Q51kWrLIB0zQg\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.noYJaLRa8QsATd3pF3BOpw\=\= {
  color: #000;
  font-weight: normal;
  min-width: 50px;
}

.B-3F3Jtswyc645x1VJGN1A\=\= {
  flex: 1;
  max-width: 120px;
}

.V-6qBRuozgei5QYqLYfZJg\=\= {
  /* SmoothSlider handles its own styling */
}

.e\+2UDB0guznQ4F2UnmLp1A\=\= {
  padding-left: 5px;
  color: #000;
  min-width: 35px;
}

/* Technique Select */
.MbV2yjAYj3eGMUE\+L6I3fg\=\= {
  min-width: 200px;
}

/* Button Row */
._6hOzZ8AwNZBrU4wXynCLFQ\=\= {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 8px;
}

.xwhbBYETiDOfHv7Iry3WZQ\=\= {
  height: 100%;
  width: 100%;
  background: #000000;
  display: flex;
  flex-direction: column;
}

.dGWlbvyU8CEBfwruZN7rdw\=\= {
  flex: 1;
  width: 100%;
  height: 100%;
  display: block;
  background: #000000;
}
/* TerraServer Camera Capture Dialog - Windows 98 styling */

.SLtNJhWanZdh33zyk2DQdg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: #d4d0c8;
  gap: 12px;
}

/* File name section */
.oCA0KYSfKOXTRWYpxv6cTA\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.erUM9rEehXsL0BQDYAA-2g\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  display: block;
}

.kk9fU\+VvVLL0xJautD3RxA\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.\+q1mSD-7G6S\+V45lmg5EVA\=\= {
  width: 300px;
  height: 18px;
  padding: 1px 2px;
  border: 1px solid;
  border-color: #808080 #dfdfdf #dfdfdf #808080;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #000000;
  box-sizing: border-box;
}

.\+q1mSD-7G6S\+V45lmg5EVA\=\=:focus {
  outline: none;
  border-color: #0a0a0a #ffffff #ffffff #0a0a0a;
}

/* Save as type section */
.q2s2mtBiU\+3ygEvaLWzPCw\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rhC5SaCROu1L1CGaDxU73Q\=\= {
  width: 306px;
}

/* Fieldset styling matching Windows 98 */
.GTNaPZkBnZOn6cWD4huLMw\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 12px 8px 8px 8px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.YJ7Gwq\+Jd7Tl0JtJnXax-Q\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
}

/* Map information content */
.DxCuhRb510zQPv\+TLZNbTg\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._5-5Zha1HAUni0Fk0rlcP6g\=\= {
  display: flex;
  gap: 8px;
  align-items: center;
}

.oEJ6bgBMIzbyemk7lSC9cw\=\= {
  min-width: 120px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

.tybf5MBiiE9dbtWP7YizzA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}

/* Metadata options content */
.YrJMni9tuSqHrVr1h7lYUw\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Een2GJTmSfxU4qWTdfgj8A\=\= {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Button row */
._1MDnO7XnvYDduM4lT7YrJw\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}

/* Checkbox Controls - Windows 98 styling */
.q-gCERQpe-jJyvy8sLXWWg\=\= {
  margin: 8px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.YG28hG9aUCcqhQOib-Aa2g\=\= {
  margin: 4px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.z1590XdLXo8TniDZGfBteQ\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

.zfgUDCbXTcTu0DsYZgj4mw\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

.APmjHDraO8xj1Tf5QqxALw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer;
}

/* Shared Windows 98 Disabled Form Controls Styling */

/*
 * Standard Windows 98 Disabled Element Colors:
 * - Disabled checkbox background: #d4d0c8
 * - Disabled radio button: uses radio-border-disabled.svg (contains #d4d0c8 background)
 * - Disabled text color: #808080
 * - Disabled text shadow: 1px 1px 0 #ffffff (white highlight underneath)
 * - Disabled checkmarks/radio dots: use -disabled.svg variants
 */

/* Disabled Radio Button Controls */
.KAIQA19WD\+ZgY\+s5X7s8Mw\=\= label {
  color: #808080 !important;
  text-shadow: 1px 1px 0 #ffffff !important;
  cursor: default !important;
}

.KAIQA19WD\+ZgY\+s5X7s8Mw\=\= label::before {
  background-image: url('../images/radio-border-disabled.svg') !important;
}

.KAIQA19WD\+ZgY\+s5X7s8Mw\=\= label::after {
  background-image: url('../images/radio-dot-disabled.svg') !important;
}

.KAIQA19WD\+ZgY\+s5X7s8Mw\=\= input[type="radio"] {
  cursor: default !important;
}

/* Disabled Checkbox Controls */
.zp3rpURjGbQyAMbgbPC2jQ\=\= {
  cursor: default !important;
}

.zp3rpURjGbQyAMbgbPC2jQ\=\= .ymkKiD7EdjNmTBia3qxlcA\=\= {
  background-color: #d4d0c8 !important;
}

.zp3rpURjGbQyAMbgbPC2jQ\=\= .hcc1QlBvNVpIbRHigwEzyA\=\= {
  background-image: url('../images/checkmark-disabled.svg') !important;
}

.zp3rpURjGbQyAMbgbPC2jQ\=\= label,
.zp3rpURjGbQyAMbgbPC2jQ\=\= .yMgVKKloPrl4YtNC7qIANg\=\= {
  color: #808080 !important;
  text-shadow: 1px 1px 0 #ffffff !important;
  cursor: default !important;
}

/* Disabled Button Controls */
.ofIvUitnB9qamQ-ob\+9dSg\=\= {
  color: #808080 !important;
  text-shadow: 1px 1px 0 #ffffff !important;
  cursor: default !important;
  background-color: #d4d0c8 !important;
}

/* Disabled Input Controls */
.iSXaqdxDR8lbFBvBj-gqEg\=\= {
  color: #808080 !important;
  background-color: #d4d0c8 !important;
  border-color: #a2a09d !important;
  cursor: default !important;
}

/* Disabled Select Controls */
.IZu5epfeTCd7UKzkHXw-rg\=\= {
  color: #808080 !important;
  background-color: #d4d0c8 !important;
  border-color: #a2a09d !important;
  cursor: default !important;
}

/* General Disabled Text */
.XBtleG9taD4e5f-xVCmqCg\=\= {
  color: #808080 !important;
  text-shadow: 1px 1px 0 #ffffff !important;
}

/*
 * Usage Instructions:
 * 
 * For Radio Buttons:
 * <div className={isDisabled ? 'win98-radio-disabled' : ''}>
 *   <input type="radio" disabled={isDisabled} />
 *   <label>Radio option</label>
 * </div>
 * 
 * For Checkboxes:
 * <div className={isDisabled ? 'win98-checkbox-disabled' : ''}>
 *   <div className="checkbox"></div>
 *   <label className="checkboxLabel">Checkbox option</label>
 * </div>
 * 
 * For Buttons:
 * <button className={isDisabled ? 'win98-button-disabled' : ''} disabled={isDisabled}>
 *   Button Text
 * </button>
 * 
 * For Inputs:
 * <input className={isDisabled ? 'win98-input-disabled' : ''} disabled={isDisabled} />
 * 
 * For Text:
 * <span className={isDisabled ? 'win98-text-disabled' : ''}>Text content</span>
 */

.fKPVXSoiifDJw3LGiZGExw\=\= {
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #d4d0c8;
  width: 228px;
  height: 280px;
  box-sizing: border-box;
  overflow: hidden;
}

._03PSO6TVFIqFTSK8P\+sBDQ\=\= {
  margin-bottom: 12px;
  border: 1px groove #c0c0c0;
  border-width: 2px;
  padding: 8px;
  background: #d4d0c8;
}

.aAGYgKjGJ649t5KQUzDxzw\=\= {
  padding: 0 4px;
  color: #000;
  font-size: 11px;
}

.PlmY\+EOy\+6ruBGR2KX5vIQ\=\=,
.bB162lcvVxpKx9JDOX-k2w\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.EvhPsYhBv8-LGkNtSKT8fw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.utyn6vNuEDSSP7HoHdwoZQ\=\= {
  min-width: 120px;
  color: #000;
  font-size: 11px;
}

.VkadEAmFndBsb2\+jOBEHCg\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

._0khHIJ4USpZ2PGY9LdNZZg\=\=,
._7UuvebPqqrrxpWm81WXnQA\=\= {
  width: 50px;
  height: 22px;
  border: 1px inset #c0c0c0;
  border-width: 2px;
  padding: 2px 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: white;
  color: #000;
}

._0khHIJ4USpZ2PGY9LdNZZg\=\=:focus,
._7UuvebPqqrrxpWm81WXnQA\=\=:focus {
  outline: none;
  border: 2px inset #c0c0c0;
}

.vhCycvFTPn8FmJDSAoal2w\=\= {
  font-size: 11px;
  color: #666;
}

.UmRNQBWhd8y0lBvVJxxeJA\=\= {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 2px;
}

.dKazOf4aAtXOIn0QVOzoLw\=\= {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px inset #c0c0c0;
  border-width: 2px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.dKazOf4aAtXOIn0QVOzoLw\=\=[data-checked="true"] {
  border: 2px inset #c0c0c0;
}

.VmPBmbZrU7Eh9Ck9sFRHsA\=\= {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #000;
}

.az-cWSzssCKxEI7dThEapA\=\= {
  font-size: 11px;
  color: #000;
  cursor: pointer;
}

.PaaHIZf9Rgin\+RoHRDSlUQ\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.yCgr56Phs7g30YrdRUaxFg\=\= {
  text-align: center;
  padding: 20px;
  color: #666;
}
.x6HohR0p2CfvDksKJ08V5g\=\= {
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #d4d0c8;
  width: 300px;
  height: 280px;
  box-sizing: border-box;
  overflow: hidden;
}

.ZtPRATndHqr3KArRSJ0kQA\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.qkp9hzg9CtRH0WYf\+P6ziQ\=\= {
  min-width: 50px;
  color: #000;
  font-size: 11px;
}

.RF0jUZeUKe2ng3uTpAkkMQ\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.WRlA9w4vjtRM3pZ4yIFMnw\=\= {
  flex: 1;
  height: 22px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.VX1PbfLNpQZ9kS8OzojYHw\=\= {
  margin-bottom: 12px;
  border: 1px groove #c0c0c0;
  border-width: 2px;
  padding: 8px;
  background: #d4d0c8;
}

._9an6ZZltGabX5w-FlgkK2A\=\= {
  padding: 0 4px;
  color: #000;
  font-size: 11px;
}

._1EmvDYshrFOLJGEXFW9ptQ\=\= {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-gap: 2px;
  gap: 2px;
  width: 100%;
  max-width: 240px;
}

.YFq5AETW4HCiNo9DW8QpdA\=\= {
  width: 56px;
  height: 34px;
  border: 1px solid;
  border-color: #000000 #ffffff #ffffff #000000;
  /* Special inset effect for color squares */
  box-shadow: inset -1px -1px #c0c0c0, inset 1px 1px grey, inset -1px -1px #dfdfdf, inset 1px 1px #e0e0e0;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: box-shadow 0.1s;
  position: relative;
}

.YFq5AETW4HCiNo9DW8QpdA\=\=:hover {
  box-shadow: inset -1px -1px #a0a0a0, inset 1px 1px #606060, inset -1px -1px #bfbfbf, inset 1px 1px #c0c0c0;
}

.YFq5AETW4HCiNo9DW8QpdA\=\=.KdYh2SOJhXYqJdRZeP6Fng\=\= {
  border: 2px solid #000080;
  box-shadow: inset -1px -1px #000040, inset 1px 1px #0000c0;
  background: #e0e0ff;
}

.zopP8K-EPXXXgXPlAz8CTw\=\= {
  width: 50px;
  height: 28px;
  image-rendering: pixelated;
  background-position: center;
}

.diB-dIEkBkiU0fPTA7\+RjA\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.PgHRFxnZoAHymWy1xdct-Q\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

._8W9psFCfC2PXHezr\+RCUiQ\=\= {
  min-width: 75px;
  height: 23px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.rFmBnYW0OOTaSn5Y6ywfVA\=\= {
  text-align: center;
  padding: 20px;
  color: #666;
}
/* TileEditorApp.module.css - Following PatternSelectionDialog style patterns */

.oKC3yz6qQQPYg6U8kdgcDg\=\= {
  padding: 12px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #d4d0c8;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.LtMfi0Q\+9dAlyy2h71ljzA\=\= {
  display: flex;
  gap: 16px;
  height: 100%;
  align-items: flex-start;
}

/* Left side - Canvas container */
.EpNfz-jV\+XHjS0dTOisTJA\=\= {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.TwKUueED\+mNDBB77aqnCbA\=\= {
  border: 1px inset #000000;
  border-width: 2px;
  background: white;
  cursor: crosshair;
  display: block;
}

/* Right side panel */
.PAHZGV0OOOF3ogGh3Nwhbw\=\= {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 120px;
}

/* Preview section */
._0urf7aBeH4QpMZimnE8MPg\=\= {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.HoGDFczo6kIZDq4JAjoutA\=\= {
  color: #000;
  font-size: 11px;
}

.obdn43N7XLaiOsjOy9UtQw\=\= {
  width: 80px;
  height: 80px;
  border: 1px inset #000000;
  border-width: 1px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.HbPn8h8qnb7O6M-7DKl-Pg\=\= {
  width: 76px;
  height: 76px;
  image-rendering: pixelated;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Action buttons section - HORIZONTAL ROW */
.XIdKAnLk8HxRAf6rvnV6OQ\=\= {
  display: flex;
  gap: 4px;
}

/* Dialog buttons section - HORIZONTAL ROW */
.IEbjC07MdQPJyziydtCBvQ\=\= {
  display: flex;
  gap: 8px;
  margin-top: -8px;
}

/* Button width overrides - clean approach used throughout the project */
.mX7NpB6GwtfKjFmEGLqGoA\=\= {
  min-width: 50px !important;
  width: 50px !important;
}

.Z8Nse1vIyNat29xOf\+nWkg\=\= {
  min-width: 75px !important;
  width: 75px !important;
}
/* Game Controllers Properties Application - Matches KeyboardProperties styling */
._0G58kZRVCQOXB0VGd3319w\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

/* Tab styling - Copied from KeyboardProperties */
._6hcUF3BnLr8BWVtDY8nSSA\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1;
}

.ex48nNNKjawkRhgxO-OFIQ\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px;
  position: relative;
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000;
}

.ex48nNNKjawkRhgxO-OFIQ\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.ex48nNNKjawkRhgxO-OFIQ\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

._9m4HXtGxIKkpfm0NZBTovw\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px;
  position: relative;
  z-index: 2;
  margin-bottom: -2px;
  top: -2px;
  
  /* ACTIVE TAB borders */
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000,
    0 1px 0 0 #d4d0c8,
    0 2px 0 0 #d4d0c8;
}

._9m4HXtGxIKkpfm0NZBTovw\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

._9m4HXtGxIKkpfm0NZBTovw\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

.\+FY9tIMk4Q7BAhAgAE-3Lg\=\= {
  /* No underline for tab access keys */
}

/* Tab content - Copied from KeyboardProperties */
.v7yrMuYONuxM2yQUgmLrzg\=\= {
  flex: 1;
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;

  /* Windows 98 Multi-Layer Border System - Content Area */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000,
    0 1px 0 0 #808080,
    0 2px 0 0 #000000,
    -1px -1px 0 0 #ffffff,
    1px -1px 0 0 #000000,
    -1px 1px 0 0 #ffffff,
    1px 1px 0 0 #000000;

  margin: 0 8px 8px 8px;
  padding: 10px;
}

.UbUlEVlSkqMkPvcCUNAHMA\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bhO9TIeBwSdI48E-z4AK1Q\=\= {
  margin-bottom: 16px;
  padding: 8px;
  font-size: 11px;
  line-height: 1.4;
}

/* Controller list section */
.TTSJ4lanlo6vVwTDhX2emg\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.nut8qddJnlwpO1sx1TwDWg\=\= {
  font-weight: normal;
  margin-bottom: 8px;
  display: block;
}

/* Container for the entire controller list area - adding inset border */
._36glFVKYTTkB0a2bsYTYBQ\=\= {
  flex: 1;
  /* Windows 98 inset border styling */
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background-color: white;
  min-height: 150px;
}

/* Registry Editor style list - Copied from RegistryEditor */
.qvu3Dela8QrhGztvbkDOCA\=\= {
  flex: 1;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
  /* Remove border - handled by parent container */
  border: none;
  box-shadow: none;
  min-height: 146px; /* Adjusted for 2px padding on top/bottom */
  margin: 2px; /* Add margin to respect the inset border */
}

.cXepcamPKc1ocMoR-hFRSQ\=\= {
  display: table;
  width: 100%;
  background-color: #d4d0c8;
  height: 18px;
  border-bottom: 1px solid #000000;
  table-layout: fixed;
}

.DSNrmFc91lusjXBIydTcaw\=\= {
  display: table-cell;
  position: relative;
  padding: 1px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  vertical-align: middle;
    border-right: 1px solid #000000;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #808080;
  background-color: #d4d0c8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 50%;
}

.d9bKww0lTL\+TvNlJaUpZKQ\=\= {
  display: table-cell;
  position: relative;
  padding: 1px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  vertical-align: middle;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #808080;
  background-color: #d4d0c8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 50%;
}

.\+RhZi9d4l87tOIyXAEARJg\=\= {
  flex: 1;
  overflow-y: auto;
  background-color: white;
  padding-top: 2px;
  /* Ensure white background is contained properly */
  margin: 0;
}

.tdkWVXRfWRU-IpS-yU2Pmw\=\= {
  display: flex;
  padding: 1px 0;
  cursor: default;
  font-size: 11px;
  height: 16px;
  align-items: center;
}

.tdkWVXRfWRU-IpS-yU2Pmw\=\= .DSNrmFc91lusjXBIydTcaw\=\= {
  display: block;
  padding: 1px 6px;
  border: none;
  background: transparent;
  height: auto;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tdkWVXRfWRU-IpS-yU2Pmw\=\= .d9bKww0lTL\+TvNlJaUpZKQ\=\= {
  display: block;
  padding: 1px 6px;
  border: none;
  background: transparent;
  height: auto;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Windows 98 selection blue - #000080 */
.tdkWVXRfWRU-IpS-yU2Pmw\=\=.six9DHoaH9IiTBFKejWqgQ\=\= {
  background-color: #000080;
  color: #ffffff;
}

.tdkWVXRfWRU-IpS-yU2Pmw\=\=.six9DHoaH9IiTBFKejWqgQ\=\= .DSNrmFc91lusjXBIydTcaw\=\=,
.tdkWVXRfWRU-IpS-yU2Pmw\=\=.six9DHoaH9IiTBFKejWqgQ\=\= .d9bKww0lTL\+TvNlJaUpZKQ\=\= {
  color: #ffffff;
}

._9KUI7wNyxFbhE\+7UpA04og\=\= {
  padding: 20px;
  text-align: center;
  color: #808080;
  font-style: italic;
}

/* Button group - 2 rows as requested */
.W6WrXvklXkF3DqwUomDDEw\=\= {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  margin-bottom: 16px;
}

.PwWakTlhBVOjlpXiV4khfQ\=\= {
  display: flex;
  gap: 6px;
}

.GDa1NWMAevubRW7iWG9g6A\=\= {
  display: flex;
  gap: 6px;
}

/* Bottom button row - Copied from KeyboardProperties */
._1thKzTuoAKHdBeP2GVtiSg\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

._1thKzTuoAKHdBeP2GVtiSg\=\= button {
  min-width: 75px;
  text-align: center;
}
.GOp66dULHGR8DBrPzoUKtw\=\= {
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  padding: 16px;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  box-sizing: border-box;
}

.Dg1jCRp\+ODvwv-W6ik0dvg\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._8GiadfS2XM\+KWzPKy7sNRw\=\= {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  margin-bottom: 16px;
  position: relative; /* Enable positioning for overlay */
}

.bs5LC0t-cl4RjcZ-strlmA\=\= {
  border: none;
  display: block;
}

/* Page-specific dimensions */
._8Ulgsn4TACvGkMW7FoF-Rg\=\= {
  width: 310px;
  height: 254px;
}

.kj6T35NwLrSod6KWlRPjvw\=\= {
  width: 245px;
  height: 258px;
  /* Left-justify the background image on page 2 */
  margin-right: auto;
  margin-left: 0;
}

.kq2dpPxSb5HwQsUy1YYC0w\=\= {
  width: 277px;
  height: 258px;
  /* Left-justify the background image on page 3 */
  margin-right: auto;
  margin-left: 0;
}

.vZf6QRnKIysVGqIUGaTbfg\=\= {
  width: 277px;
  height: 258px;
  /* Left-justify the background image on page 4 */
  margin-right: auto;
  margin-left: 0;
}

.Ce-3eRQTWze-bXAIUs5BJg\=\= {
  width: 277px;
  height: 258px;
  /* Left-justify the background image on page 5 */
  margin-right: auto;
  margin-left: 0;
}

.V6oeqXjV0LnCD4ZUiEFejw\=\= {
  width: 277px;
  height: 258px;
  /* Left-justify the background image on page 6 */
  margin-right: auto;
  margin-left: 0;
}

.aq2KOgb4ac\+N8EzWLyfcEA\=\= {
  width: 277px;
  height: 258px;
  /* Left-justify the background image on page 7 */
  margin-right: auto;
  margin-left: 0;
}

/* Overlay image for page 2 */
.pdK\+tLZDhPBLfkgK8BOQOQ\=\= {
  position: absolute;
  width: 129px;
  height: 239px;
  /* Right-justify the GIF */
  right: 0;
  top: 50%; /* Vertically center */
  transform: translateY(-50%); /* Center vertically */
  z-index: 2; /* Ensure it appears on top */
  pointer-events: none; /* Don't interfere with clicking */
}

/* Clickable overlay images */
.AK6rs-qse24W4ABmTa9Dbw\=\= {
  pointer-events: auto; /* Allow clicking */
  cursor: pointer; /* Fallback to standard pointer cursor */
}

.AK6rs-qse24W4ABmTa9Dbw\=\=:active {
  opacity: 0.9;
}

.iaDx1fn0yPZWHnt\+vNwxFA\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  margin-top: auto;
}

.ls0U1zaWKVSG9VJN-jBsYQ\=\= {
  display: flex;
  align-items: center;
}

.YT06N\+kn2dch8xkEzgdeXQ\=\= {
  display: flex;
  align-items: center;
  gap: 6px;
}

/**
 * Windows 98 Checkbox Styling
 * Based on the reference implementation from InternetExplorerErrorApp
 */

/* Checkbox container */
._7htwO56bHEDaqIEjaUxMEw\=\= {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Checkbox box */
._5tQ2dJqmsrdDCTNF-\+3TCw\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}

._5tQ2dJqmsrdDCTNF-\+3TCw\=\=.Omz8gwcQaZB0ZR577WfMLg\=\= {
  background-color: white;
}

/* Checkmark - using SVG for authentic Windows 98 appearance */
.zwQtRLW77\+vYUlhh927Vpg\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

/* Label styling */
.TRlH6dFDzghS\+-Wx8bWlkg\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #000;
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
  .GOp66dULHGR8DBrPzoUKtw\=\= {
    padding: 12px;
    font-size: 12px;
  }
  
  /* Hide overlay images on mobile to prevent overlap */
  .pdK\+tLZDhPBLfkgK8BOQOQ\=\= {
    display: none;
  }
  
  /* Center background images on mobile (pages 2-7) */
  .kj6T35NwLrSod6KWlRPjvw\=\=,
  .kq2dpPxSb5HwQsUy1YYC0w\=\=,
  .vZf6QRnKIysVGqIUGaTbfg\=\=,
  .Ce-3eRQTWze-bXAIUs5BJg\=\=,
  .V6oeqXjV0LnCD4ZUiEFejw\=\=,
  .aq2KOgb4ac\+N8EzWLyfcEA\=\= {
    margin-right: auto;
    margin-left: auto;
  }
  
  .iaDx1fn0yPZWHnt\+vNwxFA\=\= {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }
  
  .YT06N\+kn2dch8xkEzgdeXQ\=\= {
    justify-content: flex-end;
  }
  
  .TRlH6dFDzghS\+-Wx8bWlkg\=\= {
    font-size: 12px;
  }
}
/* Add New Hardware Wizard Styles */

.VHuY8oei0QAdLuW3dDqjZg\=\= {
  display: flex;
  height: 100%;
  width: 100%;
  background: #d4d0c8;
}

.CWrvvWC1l64aJLBrLjlpIQ\=\= {
  width: 122px;
  height: 240px;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  background: #008080;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 8px;
  margin: 8px 0 8px 8px;
}

.PkJdf4qOtEJHoAguaTT1qA\=\= {
  width: 118px;
  height: 226px;
  display: block;
}

.Kbz3H\+Af6zzKaLlZ-B4YJg\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  position: relative;
  min-width: 0; /* Allow flex shrinking */
}

.ui2LTEZq9S-O4FA5YBm6ug\=\= {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
  flex: 1;
}

.Dj1JCDvmeQbcNrGjowY9hg\=\= {
  width: auto;
  height: auto;
}

.G5ZsUBP7yxWdq7ToRywP3w\=\= {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
/* Advanced Settings App Styles */

.vTJDy0EiUpwcJVb92pnO3w\=\= {
  background: #d4d0c8;
  height: 100%;
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

.KmETUKOx1znCOF5fVdh7Ww\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.V8hzqgdcWoKCp9KdaaGLZQ\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.aZ43QgEPG1ygZKpm-\+U2Ng\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 1.4;
  margin-top: 2px;
}

.YmUj3Yf0p5iivLXHOgL9fA\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lJ5HvLQUx\+L4by27JuHjNQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  margin: 0;
  line-height: 1.4;
}

.FqqctVGeEIXiEK54e2eLLg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.yCs67fhkrbxoNiMqitB\+IQ\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Q3PYp3rz0ARNQbPbUIHWsA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  min-width: 80px;
}

.cGz8JqrqQOUGoMAmZDNHsA\=\= {
  height: 20px;
  border: 2px inset #d4d0c8;
  background: #ffffff;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  color: #000000;
  flex: 1;
}

.cGz8JqrqQOUGoMAmZDNHsA\=\=:focus {
  outline: none;
  border: 2px inset #d4d0c8;
}

.O4g9PLxo2zkGHhyfsb1mYg\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
/* Debug App Styles - Windows 98 UI Patterns Showcase */

.z-ArV\+pi8AHCO1kJaapV9g\=\= {
  background: #d4d0c8;
  height: 100%;
  width: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}

/* Access key styling */
.TcbsaEWslVY3243G0qguHg\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* Windows 98 Tab System - copied from AddRemoveProgramsApp */
.WtPpXIQjITjCmFY5vyGf0A\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

.ek1ujoZDwyUBgd80Couyqw\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
}

/* Corner bridging pixels for tabs */
.ek1ujoZDwyUBgd80Couyqw\=\=::before {
  /* Left-top corner: 1px white bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.ek1ujoZDwyUBgd80Couyqw\=\=::after {
  /* Right-top corner: 1px black bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

.ek1ujoZDwyUBgd80Couyqw\=\= a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000;
}

._9LOMnD-1ZZoxjNgKEox2EA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}

/* Active tab corner bridging pixels */
._9LOMnD-1ZZoxjNgKEox2EA\=\=::before {
  /* Left-top corner: 1px white bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

._9LOMnD-1ZZoxjNgKEox2EA\=\=::after {
  /* Right-top corner: 1px black bridging pixel */
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container with Windows 98 multi-layer border system */
.i76Xtx9Yb4F1mOeNFFbsug\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

/* Fieldset Styling (Windows 98 pattern) */
.GJy6MtlzNeT9HdQ3b-uBfQ\=\= {
  border: 2px groove #d4d0c8;
  margin: 0 0 16px 0;
  padding: 16px;
  background: #d4d0c8;
}

.GJy6MtlzNeT9HdQ3b-uBfQ\=\= legend {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  padding: 0 8px;
  background: #d4d0c8;
}

/* System Info Grid */
.hfEaQdqiDtEqJ64R8GtV-Q\=\= {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 8px 16px;
  gap: 8px 16px;
  align-items: center;
}

.Z-I\+1QePN0sG-xs2hqXGDg\=\= {
  display: contents;
}

.Z-I\+1QePN0sG-xs2hqXGDg\=\= label {
  color: #000000;
}

.Z-I\+1QePN0sG-xs2hqXGDg\=\= span {
  color: #000000;
}

/* Radio Button Group - copied exactly from ShutdownApp pattern */
.\+kkg7cZf1H7MZwv9io6jUw\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Radio button field rows - Chrome compatible */
.A\+DtV533lJvQVcvKajuokg\=\= {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.A\+DtV533lJvQVcvKajuokg\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  -webkit-font-smoothing: none;
  font-size: 11px;
  font-weight: normal !important;
  display: inline-block;
  width: auto;
  line-height: 16px;
}

.A\+DtV533lJvQVcvKajuokg\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

/* Chrome-compatible radio button input - improved responsiveness and click area */
.A\+DtV533lJvQVcvKajuokg\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  /* Critical for Chrome compatibility and responsiveness */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.A\+DtV533lJvQVcvKajuokg\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

/* Legacy radioInput class - keep for compatibility but don't conflict */
.fwVAvW9HzFR\+zv8ZWpY3Qw\=\= {
  /* No conflicting styles */
}

/* Select Container (DisplayProperties pattern) */
._4FuEQiyJiFDbJ7TpyP4UCg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._4FuEQiyJiFDbJ7TpyP4UCg\=\= label {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

._4jJ78R05U085wrxVDrr-VA\=\= {
  width: 250px;
}

/* Checkbox Group - copied exactly from InternetExplorerErrorApp pattern */
.sw1e5UhhFPXiuYl3zOrRyw\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Checkbox container */
.\+NxDv0L7eMXxB0FS0EIE6w\=\= {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Checkbox box */
.jE-Z\+D-RBrPmqnp82SOJNg\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

.jE-Z\+D-RBrPmqnp82SOJNg\=\=.Yd-z-bJ2hwesDlqxT0s3xw\=\= {
  background-color: white;
}

/* Checkmark - using SVG for authentic Windows 98 appearance */
.Y6sx8olO6aTo4cgXYtyTYw\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

/* Label styling */
.XNoq6KPsL0vXwV1boTwBTw\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
}

/* Performance Grid */
.O1GQkq7BQUXJdRb299Bkbw\=\= {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 12px 16px;
  gap: 12px 16px;
  align-items: center;
}

.JW9QvaK2KRDVPfLxPObjuw\=\= {
  display: contents;
}

.JW9QvaK2KRDVPfLxPObjuw\=\= label {
  color: #000000;
}

.JW9QvaK2KRDVPfLxPObjuw\=\= span {
  color: #000000;
}

/* Spinner Control - copied exactly from DateTimePropertiesApp */
.OQZf6cg30Xam57iycXjpiw\=\= {
  display: flex;
  align-items: center;
  width: 150px;
  position: relative;
}

._1FAObXssemTOdCN5TXMy\+Q\=\= {
  width: 80px;
  height: 16px;
  text-align: left;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 5px;
  border: 1px inset #808080;
  background-color: #ffffff;
  padding: 0 18px 0 3px; /* Add padding for the spinner buttons */
  position: relative;
}

.Cf1bD6EUi-3qm7GhY0xA9w\=\= {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 66px;
  top: 2px;
  bottom: 0px;
  width: 22px;
  height: 20px;
}

.P21bPhly973JndhUeBt-Dg\=\=,
.myQ53KvVO3Q5lEkveipREA\=\= {
  height: 8px;
  width: 15px;
  padding: 0;
  margin: 0;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  cursor: pointer;
}

.P21bPhly973JndhUeBt-Dg\=\= {
  background-image: url('../images/spinner-up.svg');
}

.myQ53KvVO3Q5lEkveipREA\=\= {
  background-image: url('../images/spinner-down.svg');
}

.P21bPhly973JndhUeBt-Dg\=\=:active {
  background-image: url('../images/spinner-up-active.svg');
}

.myQ53KvVO3Q5lEkveipREA\=\=:active {
  background-image: url('../images/spinner-down-active.svg');
}

/* Status Indicators */
.iah-vCtKj92iCkpHPCtzBA\=\= {
  color: #008000;
}

._8pclhYZJNcU3jcz4KChCGA\=\= {
  color: #ff8000;
}

.ZC\+\+9WVw7JPc5hd9QXPMGg\=\= {
  color: #ff0000;
}

/* Action Buttons Grid */
.OAv\+Y9v837vg7uGHQ1jIrg\=\= {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-gap: 8px;
  gap: 8px;
  max-width: 370px;
}

/* Bottom Button Row */
.sKcCkHuNLl2VhLgb-eNK5Q\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  padding: 8px;
  background: #d4d0c8;
}

.sKcCkHuNLl2VhLgb-eNK5Q\=\= button {
  min-width: 75px;
  text-align: center;
}

/* Tab-specific styles */
.mjpjtJnFuWrj8kKjP7QpUQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.Jdduqx9U7X5LIrVTM1Gyeg\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.GryGhIqpao8M4HtRuo63CQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .hfEaQdqiDtEqJ64R8GtV-Q\=\=,
  .O1GQkq7BQUXJdRb299Bkbw\=\= {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  
  .Z-I\+1QePN0sG-xs2hqXGDg\=\=,
  .JW9QvaK2KRDVPfLxPObjuw\=\= {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted #808080;
    padding-bottom: 4px;
  }
  
  .OAv\+Y9v837vg7uGHQ1jIrg\=\= {
    grid-template-columns: 1fr;
  }
  
  .WtPpXIQjITjCmFY5vyGf0A\=\= {
    flex-wrap: wrap;
  }
  
  .ek1ujoZDwyUBgd80Couyqw\=\= {
    margin-bottom: 2px;
  }
}

/* Scrollable Dialog Content - copied from IEAboutComponent pattern */
.tfHmwGa80QuFUcoo76a4zw\=\= {
  width: 100%;
  height: 200px; /* Fixed height for scrolling */
  border: 2px inset #c0c0c0;
  background: white;
  overflow: auto;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 8px;
  box-sizing: border-box;
  color: black;
  line-height: 1.3;
  white-space: pre-wrap;
}

/* Accessibility improvements */
.ek1ujoZDwyUBgd80Couyqw\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -2px;
}

.fwVAvW9HzFR\+zv8ZWpY3Qw\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: 2px;
}

.P21bPhly973JndhUeBt-Dg\=\=:focus,
.myQ53KvVO3Q5lEkveipREA\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -2px;
}

/* Animation for real-time updates */
.JW9QvaK2KRDVPfLxPObjuw\=\= span {
  transition: color 0.3s ease;
}

.JW9QvaK2KRDVPfLxPObjuw\=\= span.vrLfrfLp-dePPr6mEdR\+fg\=\= {
  color: #000080;
}
.neBUJbp0hryDVcw5K8Bnxg\=\= {
  height: 100%;
  position: relative;
  background: #c0c0c0;
  font-family: 'PixelatedMsSansSerif', monospace;
  font-size: 11px;
  overflow: visible;
  display: flex;
  flex-direction: column;
}

.AstV3zYEDt49SV4-Kpc9UA\=\= {
  height: 100%;
}

.MJSFrYJxAObjh6Yv6kG6iw\=\= {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 200px;
  overflow: visible;
  background: #c0c0c0;
  border: 1px inset #c0c0c0;
}

/* Container-maximized windows for threads */
.MJSFrYJxAObjh6Yv6kG6iw\=\= .fDP14u5xR8HTsztDebNRpg\=\=.iopbYbixnhR9yCEQHU9Bag\=\= {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

.W-wL4tAien3pLprIhmaRHg\=\= {
  position: absolute;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #c0c0c0 #808080 #808080 #c0c0c0;
  box-shadow: 1px 1px 0px #000000;
  min-width: 150px;
  min-height: 100px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 1;
}

.p1mj-w87r5wzXei4vH9tpA\=\= {
  height: 18px;
  background: #0000ff;
  color: white;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 4px;
  display: flex;
  align-items: center;
  cursor: move;
  border-bottom: none;
  position: relative;
}

.p1mj-w87r5wzXei4vH9tpA\=\=::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 2px;
  width: 14px;
  height: 14px;
  background: url(../images/winbez_16.png) no-repeat center;
  background-size: 14px 14px;
}

.P8d-dA-po0S-nn1rnP-8mA\=\= {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 18px;
  font-size: 11px;
}

._5hMVhat2KQnvmx82wxMPRQ\=\= {
  position: absolute;
  right: 3px;
  top: 2px;
  width: 16px;
  height: 14px;
  background: #c0c0c0;
  border: 1px outset #c0c0c0;
  color: black;
  font-size: 8px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  line-height: 1;
}

._5hMVhat2KQnvmx82wxMPRQ\=\=:hover {
  background: #dfdfdf;
}

._5hMVhat2KQnvmx82wxMPRQ\=\=:active {
  border: 1px inset #c0c0c0;
  background: #a0a0a0;
}

.gTDdljx5kXXHLUHSDZqtVg\=\= {
  height: calc(100% - 19px);
  background: #000000;
  overflow: hidden;
  border: 1px inset #c0c0c0;
}
/* TerraServerTrial App Styles */

._8hSOR3FGRJ6IgTcOzgjeKw\=\= {
  position: relative;
  width: 100%;
  height: 100%;
}

.NFSk6ijYgLniN8jETA\+WVQ\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #d4d0c8;
}

._39jyQi2IWubVoUTzj26UQA\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #808080;
  position: relative;
}

.QwHkVpoDXy-EhSnJkSW-lg\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.SJAeWFD62l-jfy146KeXGg\=\= {
  width: 492px;
  height: 283px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}

.Y3lF4pwVV29WqvI9en6v5A\=\= {
  position: absolute;
  bottom: 40px;
  left: 20px;
  z-index: 2;
}

.acgCT1qFV8VVdfrFDDYmRA\=\= {
  color: black;
  text-align: left;
}

.acgCT1qFV8VVdfrFDDYmRA\=\= p {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin: 2px 0;
  font-weight: normal;
}

.WK2ppiX9GJQQxYWyK4gUCw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-top: 10px;
  animation: I2XTD1Of39x4B-3pwgxEGA\=\= 1.5s infinite;
  color: white;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  z-index: 2;
}

@keyframes I2XTD1Of39x4B-3pwgxEGA\=\= {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

._0sNMbJY723SvZvSpx-JC2w\=\= {
  flex: 1;
  position: relative;
  background-color: #c0c0c0;
  margin: 2px;
}

._9S17oTohV6-Tts1eEy-Phw\=\= {
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.k7rnbVEstXcOK6KC0zSwiA\=\= {
  color: #000;
  white-space: nowrap;
}

.Xtc6Z7d\+2oMSUmYo0YCwig\=\= {
  flex: 1;
  padding: 2px 4px;
  border: 2px inset #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: white;
  color: #000;
}

.Xtc6Z7d\+2oMSUmYo0YCwig\=\=:focus {
  outline: none;
  background: white;
}

.DhdAejRn7FucIl2puS5ncw\=\= {
  padding: 3px 8px;
  background: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer;
  color: #000;
  min-width: 30px;
}

.DhdAejRn7FucIl2puS5ncw\=\=:hover {
  background: #e0e0e0;
}

.DhdAejRn7FucIl2puS5ncw\=\=:active {
}

._6ZSaiGb31cewt7Vrx47P4w\=\= {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #c0c0c0;
}

.uoBtlqcgob8JnCGwJjb-fg\=\= {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #808080;
  padding: 4px 8px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ff0000;
  z-index: 1000;
  pointer-events: none;
}

.rti8na9pusFTaq1M19KgEQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.V7QpIzTdoIgEKsq7omfrwQ\=\= {
  background: #d4d0c8;
  border: 2px outset #d4d0c8;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  width: 400px;
  min-height: 250px;
}

.tgPlHA7xDVH8ATlySfG0FQ\=\= {
  background: linear-gradient(90deg, #0a246a 0%, #a6caf0 100%);
  color: white;
  padding: 4px 6px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.\+qIH67eIn-zhFnJlZYfOHQ\=\= {
  background: #d4d0c8;
  border: 1px outset #d4d0c8;
  color: #000;
  font-size: 12px;
  padding: 1px 6px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
}

.\+qIH67eIn-zhFnJlZYfOHQ\=\=:hover {
  background: #e0e0e0;
}

.\+qIH67eIn-zhFnJlZYfOHQ\=\=:active {
  border: 1px inset #d4d0c8;
}

.q59MmTVf9J\+0nV3xe54m2g\=\= {
  padding: 20px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.q59MmTVf9J\+0nV3xe54m2g\=\= h3 {
  margin: 0 0 10px 0;
  font-size: 13px;
  color: #000;
}

.q59MmTVf9J\+0nV3xe54m2g\=\= p {
  margin: 10px 0;
  line-height: 1.4;
  color: #000;
}

._2ITjbAjaAXw8hVV\+hfwh3Q\=\= {
  width: 100%;
  padding: 4px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  border: 2px inset #d4d0c8;
  margin: 10px 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.jLOhXJpa207\+oZgo2UaQiA\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.OlZmzECblaCneEOSuA9kOA\=\=, .oaE7KRZtgsU1mSiuM8oRTQ\=\= {
  padding: 6px 20px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  border: 2px outset #d4d0c8;
  background: #d4d0c8;
  cursor: pointer;
  min-width: 75px;
}

.OlZmzECblaCneEOSuA9kOA\=\=:hover, .oaE7KRZtgsU1mSiuM8oRTQ\=\=:hover {
  background: #e0e0e0;
}

.OlZmzECblaCneEOSuA9kOA\=\=:active, .oaE7KRZtgsU1mSiuM8oRTQ\=\=:active {
  border: 2px inset #d4d0c8;
}

.aXEC5rVnYc4yNY2pqJsMAA\=\= {
  margin-top: 15px;
  padding: 8px;
  background: #f0f0f0;
  border: 1px inset #d4d0c8;
  font-size: 9px;
  color: #666;
}

.TVNKvLybCeG3se3Q2eRzBg\=\= {
  display: flex;
  align-items: center;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
}

.Qg9hkju0IySiC4XlIZ3HQA\=\= {
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.kaHuDB-Ev4kPg4I76Iprew\=\= {
  padding: 4px 8px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  border: 2x outset #d4d0c8;
  background: #d4d0c8;
  cursor: pointer;
}

.kaHuDB-Ev4kPg4I76Iprew\=\=:hover {
  background: #e0e0e0;
}

.kaHuDB-Ev4kPg4I76Iprew\=\=:active {
  border: 1px inset #d4d0c8;
}

.kaHuDB-Ev4kPg4I76Iprew\=\=:disabled {
  color: #808080;
  cursor: default;
  border: 1px outset #d4d0c8;
}

.kaHuDB-Ev4kPg4I76Iprew\=\=:disabled:hover {
  background: #d4d0c8;
}

/* Windows 98 Chat Application Styles */

.lqwDEAoH6vGpzFvui2h06w\=\= {
  display: flex;
  width: 100%;
  height: 100%;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #d4d0c8;
}

.zHn5BbLuG5rvbn8WraZa6A\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #808080;
  background: #ffffff;
}

/* Messages Container */
.DT\+xKRYBMdxbhr0kSw\+3Kg\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.MjIOg7hjIK-ru0oCu5w5pQ\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
  border-top: 1px inset #c0c0c0;
}

.gRlXFtx2CPUXicTD30Y5xA\=\= {
  font-weight: bold;
  color: #000000;
}

.OzoFsjoMoZiJ6meEX8X7uw\=\= {
  font-size: 10px;
  color: #808080;
}

.LJw7fYHsaibZh98LwAGmgw\=\= {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  background: #ffffff;
  border: 1px inset #c0c0c0;
  margin: 2px;
}

.QGA0WfeIKqUOWcpGc2PSkw\=\= {
  text-align: center;
  color: #808080;
  font-style: italic;
  margin: 20px 0;
}

._4vGpExTHZZCFpS9sA\+EZNg\=\= {
  display: flex;
  margin: 2px 0;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  line-height: 1.3;
}

.JqEUeZdj1xzZ77a1IGnLPg\=\= {
  color: #808080;
  margin-right: 8px;
  min-width: 45px;
  font-size: 10px;
}

.u5aKts9YWR-kbp00cH6JyQ\=\= {
  color: #000080;
  font-weight: bold;
  margin-right: 8px;
}

.wWn9r0oxt0HQ7BCscPOl1Q\=\= {
  color: #000000;
  flex: 1;
  word-wrap: break-word;
}

/* Input Area */
.a7Bt0q8jVhp2Lt4PbaYNJQ\=\= {
  display: flex;
  padding: 4px;
  background: #c0c0c0;
  border-top: 1px solid #808080;
  gap: 4px;
}

.wEjzPVCvaCoZyThzc53zZA\=\= {
  flex: 1;
  padding: 2px 4px;
  border: 1px inset #c0c0c0;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #ffffff;
}

.wEjzPVCvaCoZyThzc53zZA\=\=:focus {
  outline: none;
}

.wEjzPVCvaCoZyThzc53zZA\=\=:disabled {
  background: #d4d0c8;
  color: #808080;
}

.qtuhnzP1oxKewYH1ro4QAw\=\= {
  padding: 2px 12px;
  border: 1px outset #c0c0c0;
  background: #d4d0c8;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  cursor: pointer;
  min-width: 50px;
}

.qtuhnzP1oxKewYH1ro4QAw\=\=:hover {
  background: #d4d0c8;
}

.qtuhnzP1oxKewYH1ro4QAw\=\=:active {
  border: 1px inset #d4d0c8;
}

.qtuhnzP1oxKewYH1ro4QAw\=\=:disabled {
  color: #808080;
  cursor: default;
  background: #d4d0c8;
}

/* User List */
.\+sZMMrUWguoBAMnyY34k0g\=\= {
  width: 120px;
  background: #d4d0c8;
  display: flex;
  flex-direction: column;
}

.UTX8m3SHsyeCCxaNQar2MA\=\= {
  padding: 4px 8px;
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
  font-weight: bold;
  text-align: center;
  border: 1px outset #c0c0c0;
}

.yjk03a0CnmkcQEb\+Hiv0Qg\=\= {
  flex: 1;
  overflow-y: auto;
  background: #ffffff;
  border: 1px inset #c0c0c0;
  margin: 2px;
}

._0MzPvd9HPwQFRxHFGoP2bA\=\= {
  padding: 2px 8px;
  color: #000000;
  border-bottom: 1px dotted #c0c0c0;
  cursor: pointer;
}

._0MzPvd9HPwQFRxHFGoP2bA\=\=:hover {
  background: #316AC5;
  color: #ffffff;
}

/* Scrollbar styling to match Windows 98 */
.LJw7fYHsaibZh98LwAGmgw\=\=::-webkit-scrollbar,
.yjk03a0CnmkcQEb\+Hiv0Qg\=\=::-webkit-scrollbar {
  width: 16px;
  background: #c0c0c0;
}

.LJw7fYHsaibZh98LwAGmgw\=\=::-webkit-scrollbar-track,
.yjk03a0CnmkcQEb\+Hiv0Qg\=\=::-webkit-scrollbar-track {
  background: #c0c0c0;
  border: 1px inset #c0c0c0;
}

.LJw7fYHsaibZh98LwAGmgw\=\=::-webkit-scrollbar-thumb,
.yjk03a0CnmkcQEb\+Hiv0Qg\=\=::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border: 1px outset #c0c0c0;
}

.LJw7fYHsaibZh98LwAGmgw\=\=::-webkit-scrollbar-thumb:hover,
.yjk03a0CnmkcQEb\+Hiv0Qg\=\=::-webkit-scrollbar-thumb:hover {
  background: #d4d0c8;
}

.LJw7fYHsaibZh98LwAGmgw\=\=::-webkit-scrollbar-button,
.yjk03a0CnmkcQEb\+Hiv0Qg\=\=::-webkit-scrollbar-button {
  background: #c0c0c0;
  border: 1px outset #c0c0c0;
  height: 16px;
}

.LJw7fYHsaibZh98LwAGmgw\=\=::-webkit-scrollbar-button:hover,
.yjk03a0CnmkcQEb\+Hiv0Qg\=\=::-webkit-scrollbar-button:hover {
  background: #d4d0c8;
}
/* Windows Report Tool styling to match Windows 98 */

.NNqS8P-xgKEanX9asnB8Qg\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  padding: 12px;
  background: #d4d0c8;
  height: 100%;
  box-sizing: border-box;
}

.zh8iN-8OL7jtAZfXlM\+Pew\=\= {
  margin-bottom: 16px;
}

.zh8iN-8OL7jtAZfXlM\+Pew\=\= p {
  margin: 4px 0;
  color: #000000;
}

.lt86jd-fu0Upd\+JJd2Tkxw\=\= {
  display: flex;
  flex-direction: column;
  height: calc(100% - 60px);
}

._5ONw4tZYI-mSs3Uf1-XC1A\=\= {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}

._5ONw4tZYI-mSs3Uf1-XC1A\=\= label {
  margin-bottom: 4px;
  color: #000000;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Windows 98 Textarea with proper inset border - Simple direct approach */

.es9-IeMOTsI7kEKghLYCnQ\=\= {
  width: 100%;
  height: 80px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #000000;
  border: none;
  outline: none;
  resize: none;
  box-sizing: border-box;
  line-height: 1.3;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  
  /* Apply inset border directly to textarea */
  box-shadow: inset -1px -1px 0 #ffffff, inset 1px 1px 0 #808080, inset -2px -2px 0 #dfdfdf, inset 2px 2px 0 #000000;
  
  /* Padding that accounts for the 2px inset border on all sides */
  padding: 6px;
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::-moz-placeholder {
  color: #808080;
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::placeholder {
  color: #808080;
}

.es9-IeMOTsI7kEKghLYCnQ\=\=:focus {
  outline: none;
}

/* Windows 98 scrollbar styling applied directly to textarea */
.es9-IeMOTsI7kEKghLYCnQ\=\=::-webkit-scrollbar {
  width: 16px;
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::-webkit-scrollbar-track {
  background-image: url("../images/scrollbar-background.svg");
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::-webkit-scrollbar-thumb {
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #000000, inset 1px 1px #FFFFFF, inset -2px -2px #808080, inset 2px 2px #DFDFDF;
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url("../images/button-up.svg");
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url("../images/button-down.svg");
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("../images/button-up-active.svg");
}

.es9-IeMOTsI7kEKghLYCnQ\=\=::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("../images/button-down-active.svg");
}

/* Height overrides for different fields */
.es9-IeMOTsI7kEKghLYCnQ\=\=.SisrKRsEPdN4xiW8xeC4VQ\=\= {
  height: 100px;
}

.es9-IeMOTsI7kEKghLYCnQ\=\=.jazKFjTCRbWMCoMj9ilbeg\=\= {
  height: 100px;
}

.ugX2wKd9As5idQOF7thiQw\=\= {
  margin: 16px 0;
  padding: 8px;
  border: 1px solid #808080;
  background: #ffffff;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.ffC1DPiFXll-q5yASlvgRg\=\= {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-image: url('../images/winrep_32.png');
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.Q3WuL9xI5sv5SjtiYZ7YQQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.Q3WuL9xI5sv5SjtiYZ7YQQ\=\= p {
  margin: 2px 0;
  font-size: 11px;
  color: #000000;
  line-height: 1.3;
}

.UUtbA31gHDiCBwxQJVaJQA\=\= {
  margin-top: auto;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 12px;
}

/* Responsive adjustments */
@media (max-width: 480px) {
  .NNqS8P-xgKEanX9asnB8Qg\=\= {
    padding: 8px;
  }
  
  .UUtbA31gHDiCBwxQJVaJQA\=\= {
    flex-direction: column;
  }
  
  .UUtbA31gHDiCBwxQJVaJQA\=\= button {
    width: 100%;
  }
  
  .es9-IeMOTsI7kEKghLYCnQ\=\= {
    height: 60px;
  }
  
  .es9-IeMOTsI7kEKghLYCnQ\=\=.SisrKRsEPdN4xiW8xeC4VQ\=\=,
  .es9-IeMOTsI7kEKghLYCnQ\=\=.jazKFjTCRbWMCoMj9ilbeg\=\= {
    height: 80px;
  }
}
/* Y2K Scan App Styles - Exact Windows 98 patterns from DebugApp and DefragApp */

.DnGklBeMWm4BnYFfFOamfQ\=\= {
  background: #d4d0c8;
  height: 100%;
  width: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}

/* Access key styling - Windows 98 style */
.BkrwJ0hq2n4WLcrQjIWsDA\=\= {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
}

/* Ensure access keys render properly in all browsers */
.BkrwJ0hq2n4WLcrQjIWsDA\=\=,
.DKcXDR1PqTqSZ4ipYkuAsQ\=\= label .BkrwJ0hq2n4WLcrQjIWsDA\=\=,
.UuCs7fl8l3vlxWoHCNcaig\=\= .BkrwJ0hq2n4WLcrQjIWsDA\=\= {
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 1px !important;
  display: inline !important;
}

/* Windows 98 Tab System - copied exactly from DebugApp */
._5ZylEBR7PLPBeLiDT2FiHg\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1;
}

.UuCs7fl8l3vlxWoHCNcaig\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px;
  position: relative;
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS */
  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000;
}

.UuCs7fl8l3vlxWoHCNcaig\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.UuCs7fl8l3vlxWoHCNcaig\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

.sHiQ10UyM8PsHfmFkpZIuA\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px;
  position: relative;
  z-index: 2;
  margin-bottom: -2px;
  top: -2px;
  
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000,
    0 1px 0 0 #d4d0c8,
    0 2px 0 0 #d4d0c8;
}

.sHiQ10UyM8PsHfmFkpZIuA\=\=::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #ffffff;
}

.sHiQ10UyM8PsHfmFkpZIuA\=\=::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  background: #000000;
}

/* Content container - copied exactly from DebugApp */
.Ic849S6w83yJgEjr\+W9BRQ\=\= {
  flex: 1;
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;

  border: none;
  box-shadow: 
    -1px 0 0 0 #dfdfdf,
    0 -1px 0 0 #dfdfdf,
    -2px 0 0 0 #ffffff,
    0 -2px 0 0 #ffffff,
    1px 0 0 0 #808080,
    2px 0 0 0 #000000,
    0 1px 0 0 #808080,
    0 2px 0 0 #000000,
    -1px -1px 0 0 #ffffff,
    1px -1px 0 0 #000000,
    -1px 1px 0 0 #ffffff,
    1px 1px 0 0 #000000;

  margin: 0 8px 8px 8px;
  padding: 10px;
}

/* Fieldset Styling - copied exactly from DebugApp */
.bQXHQwrvMQCP2Y4dzxNKMg\=\= {
  border: 2px groove #d4d0c8;
  margin: 0 0 16px 0;
  padding: 16px;
  background: #d4d0c8;
}

.bQXHQwrvMQCP2Y4dzxNKMg\=\= legend {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000000;
  padding: 0 8px;
  background: #d4d0c8;
}

/* Radio Button Group - copied exactly from DebugApp */
.RHZNaLYvS5EByaK1NgktTQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  -webkit-font-smoothing: none;
  font-size: 11px;
  font-weight: normal !important;
  display: inline-block;
  width: auto;
  line-height: 16px;
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  background-image: url('../images/radio-border.svg');
  background-repeat: no-repeat;
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/* Radio input class for better specificity */
.RhOXLe3beEvhWU6lEJcXTg\=\= {
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 16px;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-image: url('../images/radio-dot.svg');
  background-repeat: no-repeat;
}

/* Disabled radio button styling - standardized Windows 98 style */
.DKcXDR1PqTqSZ4ipYkuAsQ\=\= input[type="radio"]:disabled + label {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
  cursor: default;
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= input[type="radio"]:disabled + label::before {
  background-image: url('../images/radio-border-disabled.svg');
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= input[type="radio"]:disabled:checked + label::after {
  background-image: url('../images/radio-dot-disabled.svg');
}

.DKcXDR1PqTqSZ4ipYkuAsQ\=\= input[type="radio"]:disabled {
  cursor: default;
}

/* Checkbox Group - copied exactly from DebugApp */
.uiXB0M1nKDrrG4VQQdYC\+Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.VV9mYx5RyaLLI-Pmmme2-Q\=\= {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.t0RQvpU82lS6GzzQjVPO2A\=\= {
  width: 13px;
  height: 13px;
  background-color: white;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

.t0RQvpU82lS6GzzQjVPO2A\=\=.DGkKXANOYTNT0WUsjXH79g\=\= {
  background-color: white;
}

._531bMIKtirgEAyuOyTHTxA\=\= {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-image: url('../images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 7px;
}

.iISOhUsiM1upnls4zdiUxQ\=\= {
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
}

/* Disabled checkbox styling - standardized Windows 98 style */
.VV9mYx5RyaLLI-Pmmme2-Q\=\=.FFtwBBQQA1aiWl19p6hv9w\=\= {
  cursor: default;
}

.VV9mYx5RyaLLI-Pmmme2-Q\=\=.FFtwBBQQA1aiWl19p6hv9w\=\= .iISOhUsiM1upnls4zdiUxQ\=\= {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
  cursor: default;
}

.VV9mYx5RyaLLI-Pmmme2-Q\=\=.FFtwBBQQA1aiWl19p6hv9w\=\= .t0RQvpU82lS6GzzQjVPO2A\=\= {
  background-color: #d4d0c8;
}

.VV9mYx5RyaLLI-Pmmme2-Q\=\=.FFtwBBQQA1aiWl19p6hv9w\=\= ._531bMIKtirgEAyuOyTHTxA\=\= {
  background-image: url('../images/checkmark-disabled.svg');
}

/* Progress Bar - copied exactly from DefragApp */
._19EtAgbGjq0NBVMRWI1Y8Q\=\= {
  width: 85%;
  height: 14px;
  margin-bottom: 5px;
  border-top: 1px solid #87888f;
  border-left: 1px solid #87888f;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #d4d0c8;
  box-sizing: border-box;
  display: flex;
  padding: 1px;
}

.LvMEF9Y2WLYXLz9jpR4kmg\=\= {
  flex: 1;
  margin-right: 1px;
  background-color: #d4d0c8;
  height: 100%;
  border-right: none;
  width: 8px;
}

.LvMEF9Y2WLYXLz9jpR4kmg\=\=:last-child {
  margin-right: 0;
}

.BsRcr2bEgkyg343CnQDJZw\=\= {
  background-color: #0000a8 !important;
}

/* Scanning area - based on DefragApp simple view */
._0Qe39TjlDx-tByxoT4UR7w\=\= {
  display: flex;
  flex-direction: column;
  padding: 8px 15px 15px;
  height: 100%;
}

.Ys82uZL238GFBAllSBtknw\=\= {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  width: 100%;
}

.-AQe74BBPPLUikSbOFhW-A\=\= {
  width: 68px;
  height: 70px;
  margin-right: 20px;
  flex-shrink: 0;
  flex-basis: 22%;
}

._5ntXw1yXH-I-5Pg9rQjXng\=\= {
  width: 56px;
  height: 55px;
  display: block;
  /* Center the smaller gif in the container */
  margin: 8px;
}

._6cvxzzGObrkdvRd0ozfgaw\=\= {
  flex-grow: 1;
  flex-basis: 60%;
  padding-top: 25px;
  max-width: 285px;
}

.-mwqMVIa\+WNrX1IFo6sDIQ\=\= {
  display: flex;
  align-items: center;
  font-size: 11px;
  margin-top: 4px;
  width: 100%;
  max-width: 285px;
  justify-content: flex-start;
}

._0H\+lWkAAJEJz3vnfpyv4Vw\=\= {
  margin-top: 20px;
}

._6qcPu7P9nXIHQ8UXY3x3FQ\=\= {
  color: #000000;
  margin-bottom: 8px;
}

.Nm\+wyV5qQqcqb6NHfG1jRw\=\= {
  margin-bottom: 4px;
  word-break: break-all;
}

.KV6f009mUCZJiEKms6rbwQ\=\= {
  color: #000000;
  font-size: 11px;
}

/* Results area */
._8Bb1SyUatpnqBIFQ\+XrO3A\=\= {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.jvxJuyC4ofRSVY2Mr7Et9w\=\= h3 {
  margin: 0 0 8px 0;
  font-size: 11px;
  color: #000000;
}

.jrJcG5WAg-XnuttdpvOlRw\=\= {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4px 16px;
  gap: 4px 16px;
  font-size: 11px;
}

/* No results */
.EBFd4CaXEzm5WEKUegu6lg\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #000000;
}

.EBFd4CaXEzm5WEKUegu6lg\=\= img {
  margin-bottom: 16px;
}

.EBFd4CaXEzm5WEKUegu6lg\=\= p {
  margin: 4px 0;
}

/* Report area */
.P3KGJPsnBGrUS8cf-Osm1w\=\= {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ZXvWz24lnKCNWI6nP0MXLw\=\= {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: white;
  border: 1px solid #808080;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
}

.ZXvWz24lnKCNWI6nP0MXLw\=\= h3 {
  margin: 0;
  color: #000000;
}

.ZXvWz24lnKCNWI6nP0MXLw\=\= p {
  margin: 4px 0 0 0;
  color: #000000;
  font-size: 11px;
}

.-yS\+glzLYNEFrMtG\+wxG2w\=\= {
  flex: 1;
}

.O8Loze\+lHfTsQeI4q38jqQ\=\= {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4px 16px;
  gap: 4px 16px;
  font-size: 11px;
}

.KoxyZLGLkOrf9gY57OOHnQ\=\= {
  display: flex;
  gap: 8px;
}

.wZUKBi8gAzlTZzcjFf7-jA\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #000000;
}

.wZUKBi8gAzlTZzcjFf7-jA\=\= img {
  margin-bottom: 16px;
}

.wZUKBi8gAzlTZzcjFf7-jA\=\= p {
  margin: 4px 0;
}

/* Bottom Button Row - copied exactly from DebugApp */
.Wlmix6WzjIUYrENsKngRUw\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  padding: 8px;
  background: #d4d0c8;
}

.Wlmix6WzjIUYrENsKngRUw\=\= button {
  min-width: 75px;
  text-align: center;
}

/* Tab-specific styles */
._6zAsDBwyw2L9Oxio5lAzLA\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fDg8COAsOz6UDOLvLglx2w\=\= {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.clNWVtdU9YfB7jpQjh75Vw\=\= {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Status colors - no fancy effects */
.reGZ3JFAOYwOSdUoZYdk0g\=\= {
  color: #008000;
}

._0uzcTuvk5kNySj89WIdZbA\=\= {
  color: #ff0000;
}

._2g0pK96RMMblQH9Zc9Pzig\=\= {
  color: #ff8000;
}

/* Mobile adjustments */
@media (max-width: 640px) {
  .jrJcG5WAg-XnuttdpvOlRw\=\= {
    grid-template-columns: 1fr;
  }
  
  .O8Loze\+lHfTsQeI4q38jqQ\=\= {
    grid-template-columns: 1fr;
  }
  
  ._5ZylEBR7PLPBeLiDT2FiHg\=\= {
    flex-wrap: wrap;
  }
  
  .UuCs7fl8l3vlxWoHCNcaig\=\= {
    margin-bottom: 2px;
  }
}
.Kj6H62MIwM4qXc0JFIYSCQ\=\= {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.V\+sace-tKjnEJ01oAWOtfg\=\= {
  width: 100%;
  height: 100%;
  position: relative;
}

.V\+sace-tKjnEJ01oAWOtfg\=\= a-scene {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.PIOZ82Dw1DCrrQsQhSIkhQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  z-index: 1000;
}

._9SJAKK39F6HuJURe3vHHYg\=\= {
  font-size: 18px;
  font-family: 'MS Sans Serif', sans-serif;
  text-align: center;
  padding: 20px;
}

._5HWnu56qYEEiNI87AXrVKQ\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1001;
}

.VCg0WU8eF8W3Y0WRkVT4Pg\=\= {
  background: #c0c0c0;
  border: 2px solid #000;
  padding: 20px;
  max-width: 400px;
  text-align: center;
  font-family: 'MS Sans Serif', sans-serif;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
}

.VCg0WU8eF8W3Y0WRkVT4Pg\=\= h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
}

.VCg0WU8eF8W3Y0WRkVT4Pg\=\= p {
  margin-bottom: 15px;
  font-size: 14px;
}

.Gd57SQoyfW-QjztoXfCTQg\=\= {
  padding: 4px 12px;
  font-family: 'MS Sans Serif', sans-serif;
  font-size: 11px;
  background: #c0c0c0;
  border: none;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
  cursor: pointer;
}

.Gd57SQoyfW-QjztoXfCTQg\=\=:active {
  box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px grey;
}

.T7BbhJRnS0NpXCVuqpBejQ\=\= {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  font-family: 'MS Sans Serif', sans-serif;
  font-size: 11px;
  pointer-events: none;
  z-index: 100;
  text-align: center;
}

.T7BbhJRnS0NpXCVuqpBejQ\=\= p {
  margin: 3px 0;
}

.T7BbhJRnS0NpXCVuqpBejQ\=\= strong {
  color: #4A90E2;
}

.UMvhHaudLJyCLVF6caL1xg\=\= {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  padding: 8px;
  font-family: 'MS Sans Serif', sans-serif;
  font-size: 11px;
  z-index: 100;
  display: flex;
  gap: 12px;
  align-items: center;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.\+wETIJL9RvXQv3AeOXbikQ\=\= {
  display: flex;
  gap: 4px;
  align-items: center;
}

.pahtLdDW7il0zudEqzT5TQ\=\= {
  font-weight: bold;
  margin-right: 4px;
}

.d8WTbfzdEUCwJ5opuAgcoQ\=\= {
  padding: 4px 8px;
  font-family: 'MS Sans Serif', sans-serif;
  font-size: 11px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  cursor: pointer;
  min-width: 60px;
}

.d8WTbfzdEUCwJ5opuAgcoQ\=\=:hover {
  background: #d4d4d4;
}

.d8WTbfzdEUCwJ5opuAgcoQ\=\=:active {
  border-color: #000 #fff #fff #000;
  padding: 5px 7px 3px 9px;
}

.WsLBHZw7n11rjGRudr03fw\=\= {
  padding: 4px 8px;
  font-family: 'MS Sans Serif', sans-serif;
  font-size: 11px;
  background: #000080;
  color: #fff;
  border: 2px solid;
  border-color: #000 #fff #fff #000;
  cursor: pointer;
  min-width: 60px;
  font-weight: bold;
}

.fyzUIpol67IbGt0Yj1VNbw\=\= {
  width: 40px;
  height: 24px;
  border: 2px solid;
  border-color: #000 #fff #fff #000;
  cursor: pointer;
  background: #fff;
}

.rp8oRFHyBxkBj\+FRAq3MlA\=\= {
  color: #000080;
  font-style: italic;
  margin-left: 8px;
  border-left: 1px solid #808080;
  padding-left: 12px;
}

/* HUD System */
.lgSenrRKc\+ur1VbwcJ02Bw\=\= {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
  z-index: 100;
  pointer-events: none;
}

.wWMgh77GVYO5b01Q62x44w\=\= {
  width: 48px;
  height: 48px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

._4Atql8ohAuVPVI7JOYZO8g\=\= {
  width: 48px;
  height: 48px;
  background: #000080;
  border: 3px solid #ffff00;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.VWCYVEAdABA9uxILSvRvJA\=\= {
  width: 40px;
  height: 40px;
  image-rendering: pixelated;
}

/* Color indicator (bottom-left) */
.Nf\+a5ON6Vrln0eTFWkQ2RQ\=\= {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 48px;
  height: 48px;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 100;
  pointer-events: none;
}

/* Color picker overlay and panel */
.xllyk\+AtyEatSumKTjkFqw\=\= {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
  pointer-events: all;
}

.k62PVLtrlaOWppw4Pl1jCg\=\= {
  background: #c0c0c0;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  padding: 16px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
  font-family: 'MS Sans Serif', sans-serif;
}

._7oeFjw7MxIFclgb7orJXBg\=\= {
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 12px;
  text-align: center;
}

.kBSN\+U84jbxHQPovxmc3IA\=\= {
  display: grid;
  grid-template-columns: repeat(4, 40px);
  grid-gap: 8px;
  gap: 8px;
}

.QVHHqM33rUU-bJEWsh7Yfg\=\= {
  width: 40px;
  height: 40px;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  cursor: pointer;
  padding: 0;
  transition: transform 0.1s;
}

.QVHHqM33rUU-bJEWsh7Yfg\=\=:hover {
  transform: scale(1.1);
}

.QVHHqM33rUU-bJEWsh7Yfg\=\=:active {
  border-color: #000 #fff #fff #000;
}

/* WinPopupApp.css */

.enNRAYl4QFhtQxf97W2-4w\=\= {
  height: 100%;
  width: 100%;
  background-color: #d4d0c8;
}

/* Setup Screen Styles */
.S6cJZ79XvyXTT2hT5IRulw\=\= {
  height: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d4d0c8;
}

.yAiqOwq4UhXHzLGEraGgow\=\= {
  max-width: 500px;
  text-align: center;
}

.yAiqOwq4UhXHzLGEraGgow\=\= h2 {
  color: #000080;
  margin-bottom: 20px;
}

.yAiqOwq4UhXHzLGEraGgow\=\= p {
  margin-bottom: 15px;
  text-align: left;
  line-height: 1.4;
}

.BPjEws5RF\+q\+EWegf6hJcg\=\= {
  margin: 20px 0;
  padding: 15px;
  border: 1px inset #808080;
  box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
          1px 1px 0 #ffffff; /* outer highlight */
  background-color: #d4d0c8;
}

.Fy5YouYFUO7Pb\+E-g2-dOQ\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  gap: 8px;
}

.\+hdXbddADx\+5BXwwAQBnSg\=\= {
  width: 32px;
  height: 32px;
  margin-right: 5px;
}

.CyUzIm1s0dQZi5D-hSuGuA\=\= {
  flex: 1;
  padding: 4px;
  border: 2px inset #d4d0c8;
  font-family: MS Sans Serif, sans-serif;
  font-size: 11px;
  min-width: 0;
  margin-right: 8px;
}

._2nael9xsKazmYswcN7kOXA\=\= {
  margin: 20px 0;
  padding: 15px;
    border: 1px inset #808080;
      box-shadow: inset 1px 1px 0 #ffffff, /* inner light highlight */
              1px 1px 0 #ffffff; /* outer highlight */
  background-color: #d4d0c8;
}

.XCgfyWXa3WuEQx\+2XTiQpw\=\= {
  padding: 0 5px;
  background-color: #d4d0c8;
  font-size: 11px;
  text-align: left;
}

.kNzBvDOTDuLVmi5AB\+A38Q\=\= {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.o3ryIhPBUduJeFrqBIAN0g\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.HRcsrDRQFrGNxuhUU6jlVA\=\= {
  flex: 1;
}

.HRcsrDRQFrGNxuhUU6jlVA\=\= p {
  margin-bottom: 10px;
  text-align: left;
  line-height: 1.4;
  font-size: 11px;
}

._7OnQr\+D8NswdPTjnAM8nUA\=\= {
  color: red;
  font-size: 10px;
  margin: 5px 0;
  display: block;
  text-align: center;
}

.ffemzdQ\+v\+Bc\+fKbBHwV3g\=\= {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 20px;
  font-size: 11px;
}

/* Chat Screen Styles */
.ElNvAUI3QbQ8ZWaNVdtlfg\=\= {
  height: 100%;
  display: flex;
  background-color: #d4d0c8;
  gap: 5px;
  padding: 5px;
  overflow: hidden;
  box-sizing: border-box;
}

._4Y2Yu6dBs3QxDbEwy7-dcA\=\= {
  width: 150px;
  background-color: #d4d0c8;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

._4Y2Yu6dBs3QxDbEwy7-dcA\=\= h3 {
  margin: 0 0 5px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 2px;
  background-color: #d4d0c8;
}

.UF8p4E-WzvMzNg9ohRvfUg\=\= {
  flex: 1;
  overflow-y: auto;
  background-color: #ffffff;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,
    inset 1px 1px 0 #808080,
    inset -2px -2px 0 #dfdfdf,
    inset 2px 2px 0 #000000;
  padding: 2px;
}

.e8pzwtB8FuZVeQ3ATTtmUA\=\= {
  padding: 2px 4px;
  cursor: pointer;
  color: #000;
  background-color: transparent;
  border: 1px solid transparent;
  font-size: 11px;
  line-height: 1.2;
  min-height: 16px;
  display: flex;
  align-items: center;
}

.e8pzwtB8FuZVeQ3ATTtmUA\=\=:hover {
  background-color: #c0c0c0;
}

.e8pzwtB8FuZVeQ3ATTtmUA\=\=._8Sn1venZq4IaCOthQTlO8A\=\= {
  background-color: #000080 !important;
  color: #ffffff !important;
  border: 1px dotted #ffffff;
}

.Hw16kR1Sf8mdxtyW26RgOw\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.NxHaYKoUbotWQPQgc4eb2w\=\= {
  padding: 5px;
  display: flex;
  gap: 5px;
  align-items: center;
  background-color: #d4d0c8;
  flex-shrink: 0;
}

.NxHaYKoUbotWQPQgc4eb2w\=\= input {
  padding: 4px;
  border: 2px inset #d4d0c8;
  font-family: MS Sans Serif, sans-serif;
  font-size: 11px;
  min-width: 0;
}

.C2x2FlgqEpWWEJ63SqDYVA\=\= {
  flex: 1;
  background-color: #f0f0f0;
}

.NxHaYKoUbotWQPQgc4eb2w\=\= input:not(.C2x2FlgqEpWWEJ63SqDYVA\=\=) {
  flex: 1;
}

._9bgPaJ8OMmtX8w3xuGmYMg\=\= {
  flex: 1;
  padding: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,
    inset 1px 1px 0 #808080,
    inset -2px -2px 0 #dfdfdf,
    inset 2px 2px 0 #000000;
  margin: 5px 0;
  font-family: MS Sans Serif, sans-serif;
  font-size: 11px;
  word-wrap: break-word;
}

.JYM3tQjw6HMBAZu2Gjo-Jg\=\= {
  margin-bottom: 5px;
  padding: 2px 0;
  display: flex;
  gap: 5px;
  max-width: 100%;
}

._3XOQO0uQqJx-niBpSma51g\=\= {
  font-weight: bold;
  color: #000080;
  min-width: 60px;
  flex-shrink: 0;
}

.kCzed4bvP97BNFZf9Sx6DA\=\= {
  flex: 1;
  word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}

.TGz967OXl5XjNQppwMboNQ\=\= {
  color: #808080;
  font-size: 10px;
  min-width: 70px;
  text-align: right;
  flex-shrink: 0;
}

.lw0UD4eDyDfxVMFI32WBJA\=\= {
  padding: 5px;
  display: flex;
  gap: 5px;
  background-color: #d4d0c8;
  flex-shrink: 0;
}

.lw0UD4eDyDfxVMFI32WBJA\=\= input {
  flex: 1;
  padding: 4px;
  border: 2px inset #d4d0c8;
  font-family: MS Sans Serif, sans-serif;
  font-size: 11px;
  min-width: 0;
}

.lw0UD4eDyDfxVMFI32WBJA\=\= input:disabled {
  background-color: #f0f0f0;
  color: #808080;
}

/* Responsive adjustments */
@media screen and (max-width: 600px) {
  .ElNvAUI3QbQ8ZWaNVdtlfg\=\= {
    flex-direction: column;
  }
  
  ._4Y2Yu6dBs3QxDbEwy7-dcA\=\= {
    width: 100%;
    height: 100px;
    border-right: none;
    border-bottom: 2px inset #d4d0c8;
  }
  
  .UF8p4E-WzvMzNg9ohRvfUg\=\= {
    display: flex;
    gap: 5px;
    overflow-x: auto;
  }
  
  .e8pzwtB8FuZVeQ3ATTtmUA\=\= {
    min-width: 80px;
    margin-bottom: 0;
  }
}
.WBzh-6ePWtOavO4AVau\+Fg\=\= {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.WBzh-6ePWtOavO4AVau\+Fg\=\= > .Zz9n1m6QZ9-NnOVlzOnHzg\=\= {
  pointer-events: all;
}

/* Modal overlay to prevent interaction with non-modal windows */
._39RGhfbV1ceyqzWxWh9www\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Removed background - using JavaScript inline backgroundImage instead */
  pointer-events: auto;
}
/* General tab styling following established patterns */

.BevXaVsnx8N16gYQMPhy6A\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
  margin-top: 8px;
}

/* Header description section */
.kUl6rjv3Q3fyUGsR-6Ufdw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
  padding: 8px 4px;
  background-color: #d4d0c8;
}

.kUl6rjv3Q3fyUGsR-6Ufdw\=\= p {
  margin: 0 0 6px 0;
}

.kUl6rjv3Q3fyUGsR-6Ufdw\=\= p:last-child {
  margin-bottom: 0;
}

/* Fieldset styling matching MousePropertiesApp ButtonsTab */
._29ccLXqUDf1BCMoeFyUbng\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 16px 12px 12px 12px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

/* Expanded fieldset for terms section - takes up more space */
.H-yZCzLTZ00tLHvlkbeCcw\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 16px 12px 12px 12px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  flex: 1; /* Take up remaining space */
  min-height: 300px; /* Ensure minimum height */
}

.I7FyQag0Jue30IibPAb2uw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
}

.epO0IxIz0Efj84JMRr6GAw\=\= {
  width: 16px;
  height: 16px;
}

/* Icon and content layout */
.unP3D2aMFLwZ3fu4Y--Q3A\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.YxZGEsZRR-uMD7OO8PHumw\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.Xyf7oRU9SGY5W\+EZzBNjUg\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Expanded content area - no icon constraint */
.TRQUQUS3GukiSFcTtzpYDg\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%; /* Take full width */
}

/* Terms of Usage section */
.\+z-dnWKP0xiOXmKuXsgAdA\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%; /* Take full height */
}

._2BZnkZetzZYpLUsbdysQpg\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
}

._2BZnkZetzZYpLUsbdysQpg\=\= p {
  margin: 0 0 6px 0;
}

._1Gsg7lsuf8yk-82tcs\+a\+g\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1; /* Take remaining space */
}

.KEebsqrNaI4Ys0k2Yt73gg\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* Scrollable area following IEAboutComponent pattern with nested container */
.Zo3QwkY7mvADm2SqPh4ojA\=\= {
  width: 100%;
  height: 100px;
  background-color: white;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  box-sizing: border-box;
  cursor: default;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  padding: 2px; /* Space for the border effect */
}

/* Expanded scrollable area - wider and taller but contained */
.n6L32a-AzwhEyJ5MFd2wTw\=\= {
  width: 100%;
  height: 250px; /* Fixed height instead of flex */
  background-color: white;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  box-sizing: border-box;
  cursor: default;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  padding: 2px; /* Space for the border effect */
}

.ym7I5bv6ssMoJqKQLDHsAg\=\= {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 2px;
  margin: 0;
  box-sizing: border-box;
}

.-G6yZw7Qk5yl3wKCyGHaWA\=\= {
  line-height: 1.2;
  color: black;
  white-space: pre-wrap; /* Preserves line breaks and spacing */
  font-family: 'Times New Roman', serif;
  font-size: 10px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text; /* Ensure text is selectable */
  cursor: text; /* Show text cursor when hovering */
}

.sYboQR6AmuNKVDWOXHmxTw\=\= {
  margin: 0 0 8px 0;
}
/* Display tab styling following established patterns */

.HInrNNcOAOCg-1pkxo5q\+g\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
  margin-top: 20px;
}

/* Fieldset styling matching MousePropertiesApp ButtonsTab */
._1pTXqQlaLidHpu2OqhqqnQ\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 16px 12px 6px 12px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.WH5vxo1ZvGJFAbj4AC8bzA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
}

.L0Op5uBT-6zpi\+kLhObh4A\=\= {
  width: 16px;
  height: 16px;
}

/* Icon and content layout */
.ZL3mbR-4H5TvCYLsKz\+FXQ\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.Q8819vaiksGahic6LR-b9Q\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

._0pbtPe6qJcaWz5bnJY3CnQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Zoom section */
.qzCu78ADfKAbxmC1-I6LxQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.\+QVxv4VwvylsyE-LSaj\+Kg\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
}

.\+QVxv4VwvylsyE-LSaj\+Kg\=\= p {
  margin: 0 0 6px 0;
}

._7HT2XnaTpyy6OoifCw9\+pg\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.iWdTC7jZSLW0DD79SoOYAg\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.YNz2vn04x\+C62KXkyZp\+\+A\=\= {
  font-weight: normal;
  min-width: 80px;
  flex-shrink: 0;
}

.Kj5Mp-9BCuQJKT1n6cmrqA\=\= {
  font-weight: normal;
  flex-shrink: 0;
}

.eL7BOmyHzhDRPYuTXAg20Q\=\= {
  display: flex;
  justify-content: flex-end;
}

.-Lq2f-bJJ80bgY8EKxglVw\=\= {
  min-width: 80px;
}

/* Fullscreen section */
._7\+paCsYVEgrUZu2hmWJV5Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.snRK-quP\+7OhBPaLKE4rVQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
}

.snRK-quP\+7OhBPaLKE4rVQ\=\= p {
  margin: 0 0 6px 0;
}

.vIA-GRKoHLrNPY5QYuNqEw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.FhcqS0uT5UrkiT0JwqUZHw\=\= {
  font-weight: normal;
}

.Aoijl5kR3me1-Ik8SEvs8A\=\= {
}

.Aoijl5kR3me1-Ik8SEvs8A\=\=.aQF41aS8q9CDX7PLetIgsg\=\= {
  color: #008000; /* Green for active fullscreen */
}

._7avr4A\+y5dypbsW7BcV-Ig\=\= {
  display: flex;
  justify-content: flex-end;
}

.GRNYkFBuMIkNRA7LNyCdIA\=\= {
  min-width: 120px;
}

/* Resolution note with proper indentation and inset styling */
.zieXTuwhGVjVb5bKXNSjcQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  background-color: #ffffee;
  border: 1px solid #000000;
  box-shadow: 
    inset 1px 1px 0 #c0c0c0,    /* Top-left inner shadow (grey) */
    inset -1px -1px 0 #c0c0c0;  /* Bottom-right inner highlight (white) */
  font-size: 11px;
  line-height: 1.3;
  text-align: left;
  padding: 12px 12px;
  margin: 8px;
}

/* Zoom Instructions Dialog Overlay */
._37lsrnTsMGyPM8S9a0IPsw\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 2300;
}
/* Permissions tab styling following established patterns */

.ZgcPyp8mSHLqhZZY0a\+U6g\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px; /* Increased spacing between fieldsets */
  margin-top: 0; /* Remove top margin to prevent content cutoff */
  overflow-y: auto;
  padding-top: 20px; /* Small top padding for proper spacing from tab content border */
}

/* Fieldset styling matching MousePropertiesApp ButtonsTab */
._9MII9HuseLY1VYjQFwQWUA\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 16px 12px 12px 12px; /* Increased padding for better spacing */
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  min-height: 70px; /* Slightly increased min-height */
}

.Ua8KgazN2Td7vqmpofP8xg\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
}

/* Three-column permission layout */
.t-dN2MJA4\+mj4wD0BP-Izw\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.Ga5mSis6bj94jcsawqcFtg\=\= {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  min-height: 40px;
}

/* LEFT: Icon column */
.vwoBv9KeL8SRXKGqmhrWzw\=\= {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
}

.LoBdYYeFSm9oEDKEMGlkvQ\=\= {
  width: 32px;
  height: 32px;
}

/* MIDDLE: Status column (compressed) */
.MWETC2e6WPuZMqaboi3cUw\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.Tjp6-HLoTXwNIeeDZSehWg\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
}

.S51gNGbxAnTdmkF-oLN4ig\=\= {
  font-weight: normal;
  min-width: 60px;
  flex-shrink: 0;
}

.VWvK1IY8myG3QuF6YC2eUQ\=\= {
  font-weight: normal;
  flex-shrink: 0;
}

.VWvK1IY8myG3QuF6YC2eUQ\=\=.SMHLXV9X5\+sNSIyi\+Pgi8A\=\= {
  color: #008000; /* Green for granted */
  font-weight: bold;
}

.VWvK1IY8myG3QuF6YC2eUQ\=\=.XUxsCMBywvKmxWNKTDBxfA\=\= {
  color: #cc0000; /* Red for denied */
}

/* RIGHT: Button column */
._9oC1g32Lp6QIS3InQhJTmQ\=\= {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 80px;
}

.syltENtZiuQw4bTUD8I-9Q\=\= {
  min-width: 75px;
}
/* About tab styling following GeneralTab patterns */

.zeDAjrrR9cmRo7v0oaQSWw\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 4px;
  margin-top: 8px;
}

/* Banner image section */
.DHns41svQjJCr8O-LpyevQ\=\= {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2px;
  background-color: #d4d0c8;
}

.avKoeO0g6NC4TnyIXdb1ZQ\=\= {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Header info section with build and dev blog link */
._5iyjGHYXCg12we0ThnZrgw\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
  padding: 18px 4px;
  background-color: #d4d0c8;
}

._5iyjGHYXCg12we0ThnZrgw\=\= p {
  margin: 0 0 4px 0;
}

._5iyjGHYXCg12we0ThnZrgw\=\= p:last-child {
  margin-bottom: 0;
}

._8KYKg\+6OS8DWtVVjizD2Bw\=\= {
  color: #000080;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 10;
  display: inline-block;
}

._8KYKg\+6OS8DWtVVjizD2Bw\=\=:hover {
  color: #800080;
}

._8KYKg\+6OS8DWtVVjizD2Bw\=\=:visited {
  color: #800080;
}

/* Expanded fieldset for product description section */
.XueqwTvY4epLnDwsNJxegQ\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 16px 12px 12px 12px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  flex: 1; /* Take up remaining space */
  min-height: 250px; /* Reduced minimum height to accommodate banner */
}

.EAH-VHmz-ydLLKDj7LsxNA\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Expanded content area - no icon constraint */
.A2G9P6iugztLX5fIaJg5Fw\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%; /* Take full width */
  height: 100%; /* Take full height */
}

/* Product Description section */
.vQQqQHYZ3IOMZ0NKBkZd0A\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%; /* Take full height */
}

/* Expanded scrollable area - wider and taller but contained */
.Q\+Rb2Ub6Ohg55MT1kxQn4Q\=\= {
  width: 100%;
  height: 220px; /* Reduced height to accommodate banner */
  background-color: white;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,    /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  box-sizing: border-box;
  cursor: default;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  padding: 2px; /* Space for the border effect */
}

._4d7Isl-7S7v51oaQB1e3TQ\=\= {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 2px;
  margin: 0;
  box-sizing: border-box;
}

.zQgv2yiGHDBCEv1BEy-Qyw\=\= {
  line-height: 1.2;
  color: black;
  white-space: pre-wrap; /* Preserves line breaks and spacing */
  font-family: 'Times New Roman', serif;
  font-size: 10px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text; /* Ensure text is selectable */
  cursor: text; /* Show text cursor when hovering */
}

.zX-2IrNPEVfI-PTRQ6C-iQ\=\= {
  margin: 0 0 8px 0;
}
/* Cache tab styling following established patterns */

.Xs1pY\+ovtcOUfwmogocAwA\=\= {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
  margin-top: 8px;
}

/* Header description section */
.JDLi2gtc2-wL1yGtuXz6Og\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
  padding: 8px 4px;
  background-color: #d4d0c8;
}

.JDLi2gtc2-wL1yGtuXz6Og\=\= p {
  margin: 0 0 6px 0;
}

.JDLi2gtc2-wL1yGtuXz6Og\=\= p:last-child {
  margin-bottom: 0;
}

/* Fieldset styling matching MousePropertiesApp ButtonsTab */
.QHPQgN506AeYFn2B92uwKw\=\= {
  border: 1px solid #808080;
  margin: 0;
  padding: 16px 12px 12px 12px;
  position: relative;
  background-color: #d4d0c8;
  box-shadow: inset 1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.HEi9Nvz92KAhJj\+awKRFDw\=\= {
  position: absolute;
  top: -8px;
  left: 8px;
  background-color: #d4d0c8;
  padding: 0 4px;
  font-weight: normal;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Icon and content layout */
.-Cy2t8N0AvHRbRx\+suj5lw\=\= {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

._22f4DMvWfctvIoaSjdfN6A\=\= {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.YPbFT-nZrUi48yAqU8CqhQ\=\= {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Cache section */
.GV09OFOfBNef3jbcHZkrkA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.GAY7vzX2vMvVAY0qNFdrfA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
}

.GAY7vzX2vMvVAY0qNFdrfA\=\= p {
  margin: 0 0 6px 0;
}

.v4R9HCdSGZz8sREBT22QtQ\=\= {
  display: flex;
  justify-content: flex-end;
}

.z\+IhghGxtKtDqHSzYGb7-g\=\= {
  min-width: 80px;
}

/* Backup section */
.ZXEiIqGW1RJBl9i4twYk9Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._9Xt2sq24la5stW5rUgNtZA\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  line-height: 1.3;
}

._9Xt2sq24la5stW5rUgNtZA\=\= p {
  margin: 0 0 6px 0;
}

.p4gjGJLdTdMeETl-X4apPw\=\= {
  display: flex;
  justify-content: flex-end;
}

.rs6oimA9MD6ih7MAx6Rejg\=\= {
  min-width: 80px;
}

/* Confirmation dialog - now using ErrorDialog component */
.PHgFlqbbnP0AOeR7WEDuvw\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}
/* Login Settings Dialog Styles */

._5KgXLhb80x446pnwNOmZKg\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2100;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent overlay */
}

.LfhTM-eMqbS3rOJjX1q0Cw\=\= {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3px;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  color: #000;
  box-sizing: border-box;
  background-color: #d4d0c8;
  overflow: hidden;
}

/* Tab controls with advanced Windows 98 multi-layer border system */
.H\+97NyaKIe0VdYkAjq7jvQ\=\= {
  display: flex;
  margin: 8px 8px 0 8px;
  padding: 0;
  list-style: none;
  z-index: 1; /* Ensure tabs are above content border */
}

._6O5w-VEfMoEQQCwaYf6XNg\=\= {
  padding: 2px 10px;
  background-color: #d4d0c8;
  cursor: pointer;
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-right: 4px; /* Proper spacing for full border visibility */
  position: relative;
  margin-bottom: 0px;
  
  /* Reduce tab height by 2px to accommodate the repositioned border */
  margin-bottom: 2px;

  /* Windows 98 Multi-Layer Border System - INACTIVE TABS - CORRECTED COLORS */
  border: none;
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000;   /* Right inner - black */
    
    /* NO BOTTOM BORDER - inactive tabs just end naturally */
}

/* Authentic Windows 98: Each tab maintains full border system 
   Adjacent tabs create the proper dark-light border effect naturally */

/* Remove unnecessary border override - let each tab maintain full borders */
/* .tab + .tab selector removed - not needed for authentic look */

/* Corner bridging pixels for tabs */
._6O5w-VEfMoEQQCwaYf6XNg\=\=::before {
  /* Left-top corner: 1px white bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  left: -1px; /* Right 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #ffffff;
}

._6O5w-VEfMoEQQCwaYf6XNg\=\=::after {
  /* Right-top corner: 1px black bridging pixel - moved diagonally inward */
  content: '';
  position: absolute;
  top: -1px;  /* Down 1 pixel from -2px */
  right: -1px; /* Left 1 pixel from -2px */
  width: 1px;
  height: 1px;
  background: #000000;
}

._6O5w-VEfMoEQQCwaYf6XNg\=\= a {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  color: #000 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
}

.t2TFQfxlEpbG7FS9WBsl8Q\=\= {
  background-color: #d4d0c8;
  padding: 3px 10px; /* Keep active tab at full width */
  position: relative;
  z-index: 2;
  
  /* ACTIVE TAB: Raised 2px up and has background-color bottom border */
  margin-bottom: -2px; /* Pulls tab down to overlap content border */
  top: -2px; /* Raises tab up by 2px */
  
  /* Override inactive tab borders - CORRECTED COLORS */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom: Background color to "cover up" content border */
    0 1px 0 0 #d4d0c8,   /* Bottom outer - background color */
    0 2px 0 0 #d4d0c8;   /* Bottom inner - background color */
}


.rhnXM\+DOv6AWuOlfU-k51A\=\= {
  flex: 1; /* Take remaining space */
  background-color: #d4d0c8;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative; /* Context for active tab overlap */

  /* Windows 98 Multi-Layer Border System - Content Area - CORRECTED COLORS */
  border: none; /* Remove simple borders */
  box-shadow: 
    /* Left/Top Outer: Grey, Inner: White */
    -1px 0 0 0 #dfdfdf,  /* Left outer - grey */
    0 -1px 0 0 #dfdfdf,  /* Top outer - grey */
    
    /* Left/Top Inner: White */
    -2px 0 0 0 #ffffff,  /* Left inner - white */
    0 -2px 0 0 #ffffff,  /* Top inner - white */
    
    /* Right Outer: Grey */
    1px 0 0 0 #808080,   /* Right outer - grey */
    
    /* Right Inner: Black */
    2px 0 0 0 #000000,   /* Right inner - black */
    
    /* Bottom Outer: Grey */
    0 1px 0 0 #808080,   /* Bottom outer - grey */
    
    /* Bottom Inner: Black */
    0 2px 0 0 #000000,   /* Bottom inner - black */
    
    /* Corner pixels */
    -1px -1px 0 0 #ffffff, /* Top-left corner */
    1px -1px 0 0 #000000,  /* Top-right corner */
    -1px 1px 0 0 #ffffff,  /* Bottom-left corner */
    1px 1px 0 0 #000000;   /* Bottom-right corner */

  /* Adjust margins: Remove top margin, keep sides/bottom */
  margin: 0 8px 8px 8px;

  /* Padding INSIDE the content box border */
  padding: 10px;
}

/* Individual tab content - now handled by individual tab components */

/* Button row */
.ExM1zc60X62bJa1SU4iLXA\=\= {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  gap: 6px;
}

.ExM1zc60X62bJa1SU4iLXA\=\= button {
  min-width: 75px;
  text-align: center;
}
._3qISE-5hbqaS4MiZ8osHWA\=\= {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--desktop-green); /* Windows teal background  [previous: NT/2000 #557faa]*/
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.KWBuJ5TKecFusb4E9mw-zA\=\= button,
._0zvRiLR4E\+cM0H3im0DQCQ\=\= button {
  min-width: 70px;
  height: 23px;
}

.oN3eUoMPH9c\+eD7s-xFRPw\=\= {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
  background-color: #d4d0c8;
  overflow: hidden;
}

.HSP40xGiT-X1RvZv40bUAQ\=\= {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0; /* Remove gap between title bar and image */
}

.JIwyX-VZR1rGp5\+uDaPe7A\=\= {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.CoQKRwJSK53WGiM1GddQ8Q\=\= {
  padding: 0 12px; /* Reduced padding for narrower fields */
  flex: 1;
  margin-top: 6px; /* Reduced from 8px to move content up */
}

.cEu6BYR1lr5vhLrsm4zhbg\=\= {
  margin-bottom: 12px; /* Reduced spacing */
}

.cEu6BYR1lr5vhLrsm4zhbg\=\= label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
}

.WYAnjTRR2fix7HFr\+CiIdw\=\= {
  background-color: white;
  height: 85px; /* Height to match reference */
  overflow: auto;
  position: relative;
  width: 100%; /* Make narrower */
  margin: 2px auto 0; /* Move down 2px from top */
      border: none; /* Remove the base border */
  /* Create the inset appearance entirely with box-shadow */
  box-shadow: inset 1px 1px 0 #404040, /* Darkest shadow (top-left) */
              inset 2px 2px 0 #808080, /* Medium shadow (top-left, offset) */
              inset -1px -1px 0 #ffffff, /* Brightest highlight (bottom-right) */
              inset -2px -2px 0 #dfdfdf; /* Medium highlight (bottom-right, offset) */
}

.f1ef\+KsE4CkQGYGdYBQftA\=\= {
  padding: 1px 5px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
}

.f1ef\+KsE4CkQGYGdYBQftA\=\=:first-child {
  margin-top: 2px;
}

.f1ef\+KsE4CkQGYGdYBQftA\=\=.GQ031jr2VMMQ1e8CGxerfw\=\= {
  background-color: #000080; /* Windows blue selection */
  color: white;
  outline: 1px dotted #ffff7f;
  outline-offset: -1px;
  clip-path: inset(0px 2px 0px 2px);
}

/* Password field */
.oO7C\+RBe\+EnmLM3sYaDFww\=\= {
  width: 100%; /* Make narrower */
  height: 22px;
  border: 1px inset #808080;
  background-color: white;
  padding: 2px 4px;
  font-size: 11px;
  font-family: Tahoma, 'MS Sans Serif', sans-serif;
  display: block;
  margin: 0 auto; /* Center it */
  outline: none; /* Remove focus highlight */
}

/* Remove focus outline for all input elements in login screen */
._3qISE-5hbqaS4MiZ8osHWA\=\= input:focus {
  outline: none;
}

.oQP0NVy8j0CnIbG1\+tImDQ\=\= {
  color: #cc0000;
  font-size: 11px;
  margin: 5px 0;
}

/* Button layout */
.BR2L3OAzX3VifOHwzMGEyg\=\= {
  display: flex;
  justify-content: flex-end; /* Changed from space-between to right-align buttons */
  padding: 10px 12px; /* Reduced side padding */
  margin-top: -2px; /* Move buttons up close to password field */
}

._0zvRiLR4E\+cM0H3im0DQCQ\=\= {
  display: none; /* Hide the empty shutdown area */
}

.KWBuJ5TKecFusb4E9mw-zA\=\= {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.RJaVyXd4E4sPw9mzG7iiDw\=\= {
  /* Settings button positioned on the left */
}

.jmmd9xotay3yoWeugHsTpA\=\= {
  display: flex;
  gap: 6px; /* Small gap between Cancel and OK */
}

/* Custom styles for login window title bar icons */
.loginScreen .titleBarControls button {
  opacity: 0.5; /* Make them appear disabled */
  pointer-events: none; /* Make them not clickable */
}

.loginScreen .titleBar {
  background: var(--dialog-blue) !important; /* Keep blue title bar */
  color: white !important; /* Keep white text */
}

/* Sound status styles */
.IqDA0xXcplVpbaBXWg9jcQ\=\= {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 11px;
}

.MOu-lY8Ne7I55dWZ8A-RJg\=\= {
  color: #008000; /* Green for enabled */
  font-weight: bold;
  margin: 0 5px;
}

.WhlmSd1M8RixGHZW1agS7g\=\= {
  color: #cc0000; /* Red for disabled */
  font-weight: bold;
  margin: 0 5px;
}

.wgRJZyVvwnCacJB3ULIVzw\=\= {
  margin-left: 5px;
  font-size: 11px;
  padding: 2px 5px;
  cursor: pointer;
  border: 1px solid #aca899;
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
}

/* Audio prompt styles */
.hjic5E3c-w8PgvRNDkpBCQ\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent overlay */
}

.y\+EITX2nIzCVXm-D0q5AOw\=\= {
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 32px); /* Account for padding */
}

.HoVJh2VtUB5N2YiDDf0Gdw\=\= {
  flex: 1;
  margin-bottom: 16px;
}

._5TK1h9US9cMHEeCZa8u9Vg\=\= {
  display: flex;
  justify-content: center;
  gap: 8px;
}

/* Error dialog overlay */
.Xq0T4UejMCPNU-k1lL45Kw\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent overlay */
}
.aYwubR2JHSuUo1vL8BSwDQ\=\= {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #008080; /* Windows 98 background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

._65yT0ZWK1p29V6TEsh7yZA\=\= {
  background-color: var(--surface);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  padding: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 350px;
}

.cZfms6VDxKYmYWcqUVpzGw\=\= {
  height: 18px;
  background-color: var(--ActiveTitle);
  display: flex;
  align-items: center;
  padding: 0 3px;
  color: var(--TitleText);
  font-weight: bold;
  font-size: 11px;
  width: 100%;
  margin-bottom: 0;
}

.ReaFf83aAdrOsfZ0ht2VbA\=\= {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.uyTEVx4vPXH1SXKHVVX\+mQ\=\= {
  font-family: 'PixelatedMsSansSerif', sans-serif;
  font-size: 11px;
  margin-bottom: 15px;
  color: #000000;
  align-self: flex-start;
}

._3N2EnuHKIXzxHpzSJeA\+9w\=\= {
  width: 100%;
  margin-bottom: 15px;
}

@keyframes _2f\+EDqcNbAFsPQMIf4gV-w\=\= {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* CSS Debug Mode */
._0rzpQ4Af3TnNM\+VooJdUiA\=\= * {
  outline: 1px solid rgba(255, 0, 0, 0.2) !important;
  position: relative;
}

._0rzpQ4Af3TnNM\+VooJdUiA\=\= *:hover {
  outline: 2px solid rgba(255, 0, 0, 0.8) !important;
}

._0rzpQ4Af3TnNM\+VooJdUiA\=\= *:hover::before {
  content: attr(class) " - " attr(style);
  position: absolute;
  top: -20px;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 2px 5px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 9999;
}

._0rzpQ4Af3TnNM\+VooJdUiA\=\= *:hover::after {
  content: attr(offsetWidth) "×" attr(offsetHeight);
  position: absolute;
  bottom: -20px;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 2px 5px;
  font-size: 12px;
  z-index: 9999;
}

.oyX48wYCS08cJZF488DtEg\=\= {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  /* Remove black background to let teal show through */
  /* Fix for mobile browsers with variable interface elements */
  height: calc(1vh * 100);
  height: calc(var(--vh, 1vh) * 100);
}

._9IgCaKYJ-HKNcKMP1Gm91A\=\= {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.jVO7lAdpGC\+Uea\+AW6-s-w\=\= {
  position: relative;
  flex: 1;
  min-height: 0;
}

.t1JUOW1TgtUboFsYV4BmZw\=\= {
  width: 100%;
  height: 28px;
  z-index: 9999; /* Keep taskbar above other elements */
  position: sticky;
  bottom: 0;
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
  .oyX48wYCS08cJZF488DtEg\=\= {
    /* Mobile height adjustment */
    height: calc(1vh * 100);
    height: calc(var(--vh, 1vh) * 100);
  }
  
  .t1JUOW1TgtUboFsYV4BmZw\=\= {
    /* Ensure taskbar stays visible on mobile */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
/**
 * Windows 99 Variables CSS
 * Based on 98.css by Jordan Scales <thatjdanisso.cool>
 * https://github.com/jdan/98.css/blob/main/LICENSE
 */

/* =========== Font Declarations =========== */
@font-face {
  font-family: "PixelatedMsSansSerif";
  src: url(../fonts/ms_sans_serif.woff) format("woff");
  src: url(../fonts/ms_sans_serif.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PixelatedMsSansSerif";
  src: url(../fonts/ms_sans_serif_bold.woff) format("woff");
  src: url(../fonts/ms_sans_serif_bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "FixedSysExcelsior";
  src: url(../fonts/FSEX301.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "LessPerfectDOSVGA";
  src: url(../fonts/LessPerfectDOSVGA.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* =========== CSS Variables =========== */
:root {
  /* ===== Typography ===== */
  --font-family-ui: "PixelatedMsSansSerif", sans-serif;
  --font-family-sys: FixedSysExcelsior, monospace;
  --font-family-dos: "LessPerfectDOSVGA", monospace;
  --text-color: #222222;
  --font-size-title: 12px;
  --font-size-normal: 11px;
  --font-size-small: 9px;

  /* ===== Colors ===== */
  --surface: #d4d0c8;
  --button-highlight: #ffffff;
  --button-face: #dfdfdf;
  --button-shadow: #808080;
  --window-frame: #0a0a0a;
  --dialog-blue: #000080;
  --dialog-blue-light: #1084d0;
  --dialog-gray: #808080;
  --dialog-gray-light: #b5b5b5;
  --link-blue: #0000ff;
  --desktop-green: #008080;
  
  /* Windows 98 System Colors (match standard Win98 naming) */
  --ActiveBorder: #c0c0c0;
  --ActiveTitle: var(--dialog-blue);
  --AppWorkspace: #808080;
  --Background: var(--desktop-green);
  --ButtonFace: var(--surface);
  --ButtonText: var(--text-color);
  --GradientActiveTitle: var(--dialog-blue-light);
  --GradientInactiveTitle: var(--dialog-gray-light);
  --GrayText: var(--dialog-gray);
  --Hilight: var(--dialog-blue);
  --HilightText: var(--button-highlight);
  --InactiveBorder: #c0c0c0;
  --InactiveTitle: var(--dialog-gray);
  --InactiveTitleText: #c0c0c0;
  --InfoText: #000000;
  --InfoWindow: #ffffe1;
  --Menu: var(--surface);
  --MenuText: var(--text-color);
  --Scrollbar: var(--surface);
  --TitleText: var(--button-highlight);
  --Window: var(--button-highlight);
  --WindowFrame: var(--window-frame);
  --WindowText: var(--text-color);
  
  /* ===== Shadows & Effects ===== */
  --box-shadow-notification: inset -1px -1px var(--button-highlight), inset 1px 1px var(--button-shadow);

  /* ===== Spacing & Sizing ===== */
  --element-spacing: 8px;
  --grouped-button-spacing: 4px;
  --grouped-element-spacing: 6px;
  --radio-width: 12px;
  --checkbox-width: 13px;
  --radio-label-spacing: 6px;
  --range-track-height: 4px;
  --range-spacing: 10px;
  --border-width: 1px;
  --button-min-width: 75px;
  --titlebar-height: 18px;
  --scrollbar-size: 16px;
  --icon-size: 32px;
  --small-icon-size: 16px;

  /* ===== Form Control Measurements (copied from 98.css) ===== */
  /* Radio Buttons */
  --radio-total-width-precalc: calc(var(--radio-width) + var(--radio-label-spacing));
  --radio-total-width: calc(var(--radio-total-width-precalc));
  --radio-left: calc(-1 * var(--radio-total-width-precalc));
  --radio-dot-width: 4px;
  --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);
  --radio-dot-left: calc(-1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(--radio-dot-width) / 2);
  
  /* Checkboxes */
  --checkbox-total-width-precalc: calc(var(--checkbox-width) + var(--radio-label-spacing));
  --checkbox-total-width: calc(var(--checkbox-total-width-precalc));
  --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));
  --checkmark-width: 7px;
  --checkmark-top: 3px;
  --checkmark-left: 3px;

  /* ===== Z-Index Hierarchy ===== */
  --z-index-base: 1;
  --z-index-taskbar: 1000;
  --z-index-window: 2000;
  --z-index-dialog: 3000;
  --z-index-menu: 4000;
  --z-index-context-menu: 5000;
  --z-index-tooltip: 6000;
  --z-index-bsod: 9998;
  --z-index-screensaver: 9999;

  /* ===== Border Styles ===== */
  --border-raised-outer: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-highlight);
  --border-raised-inner: inset -2px -2px var(--button-shadow), inset 2px 2px var(--button-face);
  --border-sunken-outer: inset -1px -1px var(--button-highlight), inset 1px 1px var(--window-frame);
  --border-sunken-inner: inset -2px -2px var(--button-face), inset 2px 2px var(--button-shadow);
  
  /* Default Button - from 98.css */
  --default-button-border-raised-outer: inset -2px -2px var(--window-frame), inset 1px 1px var(--window-frame);
  --default-button-border-raised-inner: inset 2px 2px var(--button-highlight), inset -3px -3px var(--button-shadow), inset 3px 3px var(--button-face);
  --default-button-border-sunken-outer: inset 2px 2px var(--window-frame), inset -1px -1px var(--window-frame);
  --default-button-border-sunken-inner: inset -2px -2px var(--button-highlight), inset 3px 3px var(--button-shadow), inset -3px -3px var(--button-face);
  
  /* Window borders flip button-face and button-highlight */
  --border-window-outer: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-face);
  --border-window-inner: inset -2px -2px var(--button-shadow), inset 2px 2px var(--button-highlight);
  
  /* Field borders (checkbox, input, etc) flip window-frame and button-shadow */
  --border-field: inset -1px -1px var(--button-highlight), inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face), inset 2px 2px var(--window-frame);
  
  /* Status fields (status bar sections) */
  --border-status-field: inset -1px -1px var(--button-face), inset 1px 1px var(--button-shadow);
  
  /* Tabs */
  --border-tab: inset -1px 0 var(--window-frame), inset 1px 1px var(--button-face), inset -2px 0 var(--button-shadow), inset 2px 2px var(--button-highlight);
  
  /* Focus States */
  --focus-outline: 1px dotted #000000;
}

/**
 * Global CSS fixes for Windows 98 menu styling
 * These styles should apply across the entire application
 */

/* Menu hotkey styling */
.DgtAdwYgi8XGuWICuhMCdQ\=\=,
.MrhP-6CNVzeOnukDbDt9uw\=\=,
[class*="menu-hotkey"],
[class*="menu-item-hotkey"],
div.DgtAdwYgi8XGuWICuhMCdQ\=\=,
span.DgtAdwYgi8XGuWICuhMCdQ\=\=,
div.MrhP-6CNVzeOnukDbDt9uw\=\=,
span.MrhP-6CNVzeOnukDbDt9uw\=\= {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  display: inline !important;
  font-style: normal !important;
  font-weight: inherit !important;
  border-bottom: none !important; /* Remove any border-bottom */
}

/* Ensure menu items have proper styling */
._9tXvk8M4QBkj8wMuzxUS\+g\=\= {
  white-space: nowrap !important;
  padding: 3px 20px !important;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  cursor: default !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Ensure menu buttons have proper styling */
._0webIScpcl2DoiPFR-YsPA\=\= {
  padding: 2px 6px !important;
  height: 19px !important;
  line-height: 16px !important;
  margin: 0 !important;
  display: inline-block !important;
  background-color: #d4d0c8 !important;
  color: black !important;
  cursor: default !important;
  font-family: 'PixelatedMsSansSerif', sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
}

/* Ensure proper highlighting for active menu items */
._9tXvk8M4QBkj8wMuzxUS\+g\=\=.Y2XVN4KEaPZIUkJxK9ZhCA\=\=:not([disabled]),
._9tXvk8M4QBkj8wMuzxUS\+g\=\=.T949PJoXee52yGXt\+jifdA\=\=:not([disabled]) {
  color: white !important;
  background-color: #000080 !important;
}

/* Add these styles to your index.css or a global stylesheet */

/* 
 * This CSS file contains focused fixes for removing dotted outlines 
 * from buttons when they are in the pressed/active state
 */

/* Global fix for all active buttons - minimal rule with high specificity */
html body button:active {
  outline: none !important;
}

/* Specific rule for title bar control buttons */
._69o6qi9RvdtqHICweTr4SA\=\= button:active {
  outline: 0 !important;
  border-style: none !important;
}

/* Webkit browsers (Chrome, Safari, Edge) */
button:active:focus {
  outline: none !important;
  -webkit-focus-ring-color: transparent !important;
}

/* Firefox-specific fixes */
@-moz-document url-prefix() {
  button:active::-moz-focus-inner {
    border: 0 !important;
  }
  
  button:active {
    outline: none !important;
  }
}

/* Windows 98 Scrollbar Styling - Consolidated */

/* Chrome/WebKit/Blink Browsers */
::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar:horizontal {
  height: 17px;
}

::-webkit-scrollbar-corner {
  background-color: var(--surface, #d4d0c8);
}

::-webkit-scrollbar-track {
  background-image: url("../images/scrollbar-background.svg");
}

::-webkit-scrollbar-thumb {
  background-color: var(--surface, #d4d0c8);
  box-shadow: var(--border-raised-outer, inset -1px -1px #000000, inset 1px 1px #FFFFFF), 
              var(--border-raised-inner, inset -2px -2px #808080, inset 2px 2px #DFDFDF);
}

::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
}

::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url("../images/button-up.svg");
}

::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url("../images/button-down.svg");
}

::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
  background-image: url("../images/button-left.svg");
}

::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
  background-image: url("../images/button-right.svg");
}

/* Active button states */
::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("../images/button-up-active.svg");
}

::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("../images/button-down-active.svg");
}

::-webkit-scrollbar-button:horizontal:start:active {
  background-image: url("../images/button-left-active.svg");
}

::-webkit-scrollbar-button:horizontal:end:active {
  background-image: url("../images/button-right-active.svg");
}

/* Firefox - Reset to browser default */
@-moz-document url-prefix() {
  * {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
  }
}
@font-face {
  font-family: 'Wingdings';
  src: url(../fonts/wingding.ttf) format('truetype');
  font-display: block;
}
/**
 * Windows 98-style UI Controls
 * Contains standardized styles for common UI elements
 */

/* Windows 98-style Buttons */
.jaQCQIc8ZzgQczZUVYRRog\=\= {
  min-width: 75px;
  height: 23px;
  border: none;
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  color: #222222;
  cursor: pointer;
  padding: 0 12px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jaQCQIc8ZzgQczZUVYRRog\=\=:active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
}

.jaQCQIc8ZzgQczZUVYRRog\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -4px;
}

.jaQCQIc8ZzgQczZUVYRRog\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

/* Compact Windows 98 button for smaller spaces */
.m-kWeHczNtWwMdFZLJXYuQ\=\= {
  min-width: 50px;
  height: 20px;
  border: none;
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  font-family: 'PixelatedMsSansSerif', 'MS Sans Serif', sans-serif;
  font-size: 11px;
  color: #222222;
  cursor: pointer;
  padding: 0 8px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m-kWeHczNtWwMdFZLJXYuQ\=\=:active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
}

.m-kWeHczNtWwMdFZLJXYuQ\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -4px;
}

.m-kWeHczNtWwMdFZLJXYuQ\=\=:disabled {
  color: #808080;
  text-shadow: 1px 1px 0 #ffffff;
}

/* Square Windows 98 button for grid/icon buttons */
.KUzpf3cZ3ekXrNXifiDx4g\=\= {
  width: 24px;
  height: 24px;
  border: none;
  background-color: #d4d0c8;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.KUzpf3cZ3ekXrNXifiDx4g\=\=:active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
}

.KUzpf3cZ3ekXrNXifiDx4g\=\=:focus {
  outline: 1px dotted #000000;
  outline-offset: -2px;
}

.KUzpf3cZ3ekXrNXifiDx4g\=\=:disabled {
  opacity: 0.6;
}

/* Windows 98-style input fields */
input, select, textarea {
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  color: var(--text-color);
  line-height: 1;
  padding: 3px 4px;
  background-color: var(--button-highlight);
  box-shadow: var(--border-field);
  border: none !important; /* Remove default borders */
  border-radius: 0 !important; /* Ensure square corners */
  -webkit-appearance: none !important; /* Remove browser styling */
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Windows 98-style password field */
input[type="password"] {
  font-family: monospace !important;
  font-size: 12px !important;
  letter-spacing: 1px;
  padding: 3px 4px;
  background-color: var(--button-highlight);
  box-shadow: var(--border-field) !important;
  border: none !important;
  caret-color: var(--text-color) !important;
}

/* Set 3D bevels that persist across all states */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus,
[contenteditable="true"]:focus {
  /* Force persistence of the 3D beveled border */
  box-shadow: var(--border-field) !important;
  border: none !important;
  outline: none !important;
}

/* Consistent focus appearance for all browsers */
:focus-visible {
  outline: none !important;
}

/* Progress Bars */
.mFXIUsVTlOjZSPVgtK5IUQ\=\= {
  width: 100%;
  height: 16px;
  border: 1px solid;
  border-color: var(--button-shadow) var(--button-highlight) var(--button-highlight) var(--button-shadow);
  background-color: var(--button-highlight);
  position: relative;
  overflow: hidden;
}

/* Solid progress bar */
.ep1kmLBmKBwHBFTX8w40hw\=\= {
  height: 100%;
  background-color: var(--dialog-blue);
  transition: width 0.3s ease-in-out;
}

/* Segmented progress bar */
.mfsdgJheH2hI-bPFcBAEZQ\=\= {
  height: 100%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0 12px,
    transparent 0 2px
  );
  background-repeat: repeat-x;
  background-size: 14px 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: width 0.3s ease-in-out;
  overflow: hidden;
}

/* Indeterminate progress bar animation */
.mk\+S7w3adVNClvj0I2ENbA\=\= {
  height: 100%;
  width: 200%;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--dialog-blue) 0 12px,
    transparent 0 2px
  );
  background-repeat: repeat-x;
  background-size: 14px 100%;
  position: absolute;
  left: -100%;
  top: 0;
  animation: _31mAmrclxm9NQUzwICSg9A\=\= 2s linear infinite;
}

@keyframes _31mAmrclxm9NQUzwICSg9A\=\= {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

/* Standard Windows 98 Slider Track Styling */
.VquKycY12ZFwsif9EH3TPw\=\= {
  background-color: #d4d0c8;
  height: 4px;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  
  /* Disable anti-aliasing/zoom effects */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Vertical track variant */
.Hbcx-xi1FF\+PPkesWrRfEg\=\= {
  background-color: #d4d0c8;
  width: 4px;
  border: none;
  box-shadow: 
    inset -1px -1px 0 #ffffff,   /* inner bottom-right (white) */
    inset 1px 1px 0 #808080,     /* outer top-left (medium gray) */
    inset -2px -2px 0 #dfdfdf,   /* outer bottom-right (light gray) */
    inset 2px 2px 0 #000000;     /* inner top-left (dark) */
  
  /* Disable anti-aliasing/zoom effects */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Fixed: Exclude range inputs from Windows 98 field styling to prevent black lines on sliders */
input[type="range"], 
input[type="range"]:focus,
input[type="range"]:active,
input[type="range"]:hover {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Global Windows 98 text selection color override */
*::-moz-selection {
  background-color: #000080 !important; /* Windows 98 blue */
  color: white !important;
}
*::selection,
*::-moz-selection {
  background-color: #000080 !important; /* Windows 98 blue */
  color: white !important;
}

/* Ensure it applies to all text elements */
html::-moz-selection, body::-moz-selection, div::-moz-selection, p::-moz-selection, span::-moz-selection, input::-moz-selection, textarea::-moz-selection, [contenteditable]::-moz-selection {
  background-color: #000080 !important;
  color: white !important;
}
html::selection,
body::selection,
div::selection,
p::selection,
span::selection,
input::selection,
textarea::selection,
[contenteditable]::selection {
  background-color: #000080 !important;
  color: white !important;
}

/* Mozilla Firefox specific */
html::-moz-selection,
body::-moz-selection,
div::-moz-selection,
p::-moz-selection,
span::-moz-selection,
input::-moz-selection,
textarea::-moz-selection,
[contenteditable]::-moz-selection {
  background-color: #000080 !important;
  color: white !important;
}

/* Global pixel-perfect rendering */
:root {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Force pixel-perfect font rendering */
body, * {
  -webkit-font-smoothing: none !important;
  -moz-osx-font-smoothing: unset !important;
  font-smooth: never !important;
  text-rendering: optimizeSpeed !important;
}

/* Replace all dotted borders with pixel-perfect patterns */
.eVI\+KItqlK9tV5uBweDu4A\=\= {
  border-left: none !important;
  -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='2'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23808080'/%3E%3C/svg%3E") 1 repeat !important;
     border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='2'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23808080'/%3E%3C/svg%3E") 1 repeat !important;
  border-left-width: 1px !important;
  border-left-style: solid !important;
}

/* Pixel-perfect horizontal connectors */
.eVI\+KItqlK9tV5uBweDu4A\=\= .hoVPhQp\+iKk28SoVi9r0hA\=\=::before {
  border-bottom: none !important;
  -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='1'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23808080'/%3E%3C/svg%3E") 1 repeat !important;
     border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='1'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23808080'/%3E%3C/svg%3E") 1 repeat !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
}

/* Fix selection dotted outlines - exclude buttons */
:focus:not(button),
.FLT4Ht6xL0I9rh4w9uuJyw\=\=:not(button),
[class*="selection"]:not(button) {
  outline: none !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px transparent,
              0 0 0 1px black,
              1px 0 0 1px transparent,
              0 1px 0 1px transparent,
              2px 0 0 1px black,
              0 2px 0 1px transparent !important;
}

img,
[style*='background-image'],
[class*='icon'],
[class*='button'] {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Import global menu fixes */

/* Import button active state fix */

/* Import scrollbar styles */

/* Import fonts */

/* Import UI controls */

/* Import CSS constants and variables */

* {
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Prevent browser link preview */
a {
  pointer-events: none;
}
/* Re-enable click events on the link content */
a * {
  pointer-events: auto;
}

html, body {
  font-size: 12px;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body, button, label, input, textarea, select, option, ul {
  font-size: 11px;
  color: #222222;
  font-family: var(--font-family-ui), sans-serif;
}

h1 { font-size: 5rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.5rem; }

u {
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: 0.5px solid #222222;
}

label {
  display: inline-flex;
  align-items: center;
}

:disabled, :disabled+label {
  color: var(--button-shadow);
  text-shadow: 1px 1px 0 var(--button-highlight);
}

input[type="radio"], input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  background: 0;
  position: fixed;
  opacity: 0;
  border: none;
}

input[type="radio"]+label, input[type="checkbox"]+label {
  line-height: 13px;
}

input[type="radio"]:focus+label, input[type="checkbox"]:focus+label {
  outline: 1px dotted #000000;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea,
[contenteditable="true"], .IccRY1FYgGUCg02SuVLQEQ\=\=, .vpWUB-HWk8XBhiY1K\+ZpOg\=\=, .QI4SP8rv4ZqOTHkS0gdZsw\=\=,
.pMIbxivPY\+Cf3fHHq6IFRA\=\=, .md7XD7dyjCEhk8wCG-5W3g\=\=, ._92bNWAZQ7umsCG1JagknZQ\=\=, code {
  /* Note: Deliberately excludes input[type="range"] to prevent black lines on sliders */
  padding: 3px 4px;
  border: none !important;
  box-shadow: var(--border-field) !important;
  background-color: var(--button-highlight) !important;
  box-sizing: border-box;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  cursor: text;
}

input[type="text"], input[type="password"], input[type="email"], select {
  height: 21px;
  line-height: normal;
}

a {
  color: var(--link-blue);
}

a:focus {
  outline: 1px dotted var(--link-blue);
}

pre {
  display: block;
  background: var(--button-highlight);
  box-shadow: var(--border-field);
  padding: 12px 8px;
  margin: 0;
}

code, code * {
  font-family: var(--font-family-sys);
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  cursor: text;
}

/* Windows 98 Scrollbar Styling moved to ./styles/scrollbar-styles.css */

/* Modal dialog system styles - Simple blocking without visual effects */
.brOPbVe75E\+3WnkqeyVRew\=\= {
  pointer-events: none !important;
}
/* Windows 95/98 Cursor Styles with Fallbacks */

/* 
 * These are baseline fallbacks that will be used if the JavaScript
 * cursor initialization fails or during the initial loading period.
 * 
 * The custom cursor URLs will be added at runtime by the globalCursor
 * service to avoid Webpack build issues. This also ensures proper absolute
 * paths with origin.
 */

/* Define initial classes with system fallbacks */
.rn-wMCDu9NoUPLyxqpNOng\=\= {
  cursor: default !important; /* Direct fallback first since this is very common */
}

.ZQAP9pfgLyFH3x6zFmjHHw\=\= {
  cursor: wait !important;
}

.Iyu\+azQKHqF9114tM8w0aA\=\= {
  cursor: pointer !important;
}

.Bl0lKE62o8ympj5AhDUCcA\=\= {
  cursor: progress !important;
}

.oDL4hLCKotU5CdEUcohM-Q\=\= {
  cursor: not-allowed !important;
}

.Bfa20asyEFx1Sml\+6eflpw\=\= {
  cursor: help !important;
}

.d7PngFY-nPIKWmopxHcgSA\=\= {
  cursor: nwse-resize !important;
}

.R08mjBVHf-DV94E7rnb-jg\=\= {
  cursor: nesw-resize !important;
}

.Orn6uc0e4ChHUtGQ7tPBOA\=\= {
  cursor: ew-resize !important;
}

.anPcW\+kU8XNtYk9OnXLeEA\=\= {
  cursor: ns-resize !important;
}

.phMAbzfRQdAkgS\+GqMfAyA\=\= {
  cursor: move !important;
}

.-WK2ygru9Yl8HPLFEREkOA\=\= {
  cursor: text !important;
}

/* 
 * The JavaScript system will inject a style element with proper
 * cursor URL definitions using this pattern:
 * 
 * .cursorNormal {
 *   cursor: default;
 *   cursor: url("http://your-domain.com/cursors/arrow.cur"), default;
 * }
 * 
 * This ensures that:
 * 1. The correct absolute paths are used
 * 2. Fallbacks are provided
 * 3. Webpack doesn't try to resolve the cursor file paths
 */

/* Apply default cursor to body initially */
body {
  cursor: default;
}