/* Authentic Windows 98 Icons */
/* Using real PNG icons from Windows 98 */

.win98-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  vertical-align: middle;
}

.win98-icon.large {
  width: 32px;
  height: 32px;
}

.win98-icon.small {
  width: 12px;
  height: 12px;
}

.win98-icon.medium {
  width: 20px;
  height: 20px;
}

/* Authentic Windows 98 Icons */
.icon-windows {
  background-image: url('icons/windows.png');
}

.icon-folder {
  background-image: url('icons/folder.png'); /* Closed folder icon */
}

.icon-document {
  background-image: url('icons/document2.png'); /* Notepad icon */
}

.icon-settings {
  background-image: url('icons/settings.png'); /* Tools gear icon */
}

.icon-computer {
  background-image: url('icons/computer.png');
}

.icon-clock {
  background-image: url('icons/clock.png');
}

/* ASCII Theme Icons */
.icon-sun::before {
  content: 'O';
  font-family: 'MS Sans Serif', monospace;
  font-size: 12px;
  font-weight: bold;
  color: #ffaa00;
  text-shadow: 1px 1px 0 #ff6600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.icon-moon::before {
  content: 'C';
  font-family: 'MS Sans Serif', monospace;
  font-size: 12px;
  font-weight: bold;
  color: #c0c0c0;
  text-shadow: 1px 1px 0 #808080;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.icon-save {
  background-image: url('icons/trust-small.png'); /* Trust icon for save */
}

.icon-edit {
  background-image: url('icons/paint.png'); /* Paint file icon */
}

.icon-delete {
  background-image: url('icons/restrict.png'); /* Restrict/prohibition icon */
}

/* Kanban Column Icons */
.icon-backlog {
  background-image: url('icons/document2.png'); /* Notepad icon for backlog */
}

.icon-progress {
  background-image: url('icons/write_wordpad.png'); /* WordPad writing icon for in progress */
}

.icon-testing {
  background-image: url('icons/search_directory.png'); /* Search directory icon for testing */
}

.icon-done {
  background-image: url('icons/trust-small.png'); /* Trust icon for done */
}

/* Import/Export Icons - reusing existing icons */
.icon-export {
  background-image: url('icons/trust-small.png'); /* Trust icon for export */
}

.icon-import {
  background-image: url('icons/folder.png'); /* Closed folder for import */
}

/* Error and Feedback Icons */
.icon-error {
  background-image: url('icons/error.png'); /* Win98 error icon */
}

.icon-warning {
  background-image: url('icons/warning.png'); /* Win98 warning icon */
}

.icon-info {
  background-image: url('icons/info.png'); /* Win98 info icon */
}

.icon-no {
  background-image: url('icons/no.png'); /* Win98 prohibition/no icon */
}

.icon-stop {
  background-image: url('icons/stop.png'); /* Win98 stop icon */
}

.icon-restrict {
  background-image: url('icons/restrict.png'); /* Win98 restrict/prohibition icon */
}

/* Large Icon Variants */
.win98-icon.large.icon-error {
  background-image: url('icons/error-large.png');
}

.win98-icon.large.icon-warning {
  background-image: url('icons/warning-large.png');
}

.win98-icon.large.icon-info {
  background-image: url('icons/info-large.png');
}

.win98-icon.large.icon-restrict {
  background-image: url('icons/restrict-large.png');
}

.win98-icon.large.icon-done {
  background-image: url('icons/trust-large.png');
}

.win98-icon.large.icon-save {
  background-image: url('icons/trust-large.png');
}

/* Hover effects for interactive icons */
.win98-icon:hover {
  transform: scale(1.1);
  transition: transform 0.1s ease;
}

/* Icon positioning helpers */
.icon-with-text {
  margin-right: 4px;
}

/* Ensure icons work in both light and dark themes */
[data-theme="dark"] .win98-icon {
  filter: brightness(1.2) contrast(0.9);
}

/* Make sure small icons are crisp */
.win98-icon.small {
  image-rendering: -webkit-optimize-contrast;
}

/* Animation for progress icon */
.icon-progress {
  animation: pulse 2s ease-in-out infinite alternate;
}

@keyframes pulse {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 1.0;
  }
}

/* Additional Menu and Dialog Icons */
.icon-refresh {
  background-image: url('icons/document2.png');
}

.icon-maximize {
  background-image: url('icons/windows.png');
}

.icon-help {
  background-image: url('icons/document.png');
}

.icon-run {
  background-image: url('icons/document2.png');
}

.icon-search {
  background-image: url('icons/search_directory.png');
}

.icon-logoff {
  background-image: url('icons/computer.png');
}

.icon-shutdown {
  background-image: url('icons/computer.png');
}