/* Windows 95 caption artwork: integer SVG geometry, separate beveled controls. */
.titlebar > span:first-child { gap: 6px; min-width: 0; }
.chrome-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.chrome-icon, .caption-control svg { display: block; shape-rendering: crispEdges; }
.window-decoration { display: flex; align-items: center; gap: 2px; flex-shrink: 0; }
.caption-control {
  display: grid;
  place-items: center;
  width: 16px;
  height: 14px;
  padding: 0;
  color: #000;
  background: #c0c0c0;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  box-shadow: inset -1px -1px #808080;
}
.caption-control:last-child { margin-left: 2px; }
.caption-control svg { width: 10px; height: 10px; fill: currentColor; }
.titlebar button.caption-control { padding: 0; line-height: normal; }
footer { line-height: 1.8; }
.task { display: flex; align-items: center; gap: 6px; height: 28px; padding-top: 3px; padding-bottom: 3px; }
.desktop-shortcut { position: absolute; top: 170px; left: 17px; width: 90px; display: grid; justify-items: center; gap: 7px; padding: 8px 0; border: 0; box-shadow: none; background: none; color: #fff; font-size: 11px; text-shadow: 1px 1px #000; }
.desktop-shortcut .chrome-icon { width: 32px; height: 32px; }
.desktop-shortcut:active { box-shadow: none; }
.desktop-shortcut:focus-visible span { background: #000080; outline: 1px dotted #fff; }
.start-menu { position: fixed; bottom: 35px; left: 3px; display: flex; width: 237px; z-index: 20; }
.start-menu[hidden] { display: none; }
.start-brand { background: #808080; color: #c0c0c0; writing-mode: vertical-rl; transform: rotate(180deg); padding: 9px 4px; font-size: 21px; font-weight: bold; }
.start-brand span { color: #fff; font-weight: normal; }
.start-items { flex: 1; padding: 2px; }
.start-items button { width: 100%; min-height: 43px; display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 0; box-shadow: none; text-align: left; }
.start-items button:hover, .start-items button:focus-visible { background: #000080; color: #fff; outline: none; }
.start-items button:last-child { border-top: 1px solid #808080; box-shadow: 0 -1px #fff; margin-top: 4px; }
.start-items .chrome-icon { width: 24px; height: 24px; flex-basis: 24px; }
.dialog-icon { width: 40px; height: 40px; shape-rendering: crispEdges; }
.desktop-colors { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 16px 0; }
.desktop-colors button { padding: 5px; font-size: 10px; }
.desktop-colors button span { display: block; height: 26px; margin-bottom: 5px; border: 1px solid #000; }
.desktop-colors button[aria-pressed="true"] { outline: 1px dotted #000; outline-offset: -5px; border-color: #808080 #fff #fff #808080; }
.dialog-body .dialog-note { font-size: 10px; color: #444; }
.recycle-details { display: grid; gap: 5px; padding: 10px; text-align: left; background: #fff; font-size: 11px; }
.recycle-details span { color: #555; margin-top: 4px; }
.shutdown-message { background: #000; color: #ff8000; padding: 23px 8px; margin-top: 12px; font-family: 'Courier New', monospace; font-weight: bold; line-height: 1.5; }
@media (max-width: 1100px) { .desktop-shortcut { display: none; } }

.stats-bottom { display: grid; grid-template-columns: 1fr 1.3fr; gap: 14px; margin: 0 12px 12px; }
.stats-bottom > section { min-width: 0; }
.stats-bottom .history-label { padding: 0; margin-bottom: 7px; min-height: 17px; align-items: center; gap: 8px; }
.stats-help { border: 0; box-shadow: none; padding: 0; background: transparent; font-size: 10px; text-decoration: underline; }
.stats-help:active { box-shadow: none; }
.loss-breakdown { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: 10px 0; background: #dedede; min-height: 66px; }
.loss-breakdown > div { display: flex; flex-direction: column; gap: 6px; padding: 0 10px; border-left: 1px solid #b5b5b5; }
.loss-breakdown > div:first-child { border-left: 0; }
.loss-breakdown > div[hidden] { display: none; }
.loss-breakdown span { font-size: 10px; white-space: nowrap; }
.loss-breakdown b { font: bold 19px 'Courier New', monospace; color: #000080; }
.stats-bottom .recent { margin: 0; height: 66px; align-items: center; }
.stats-bottom .round-chip { padding: 8px; }
#loss-dialog { width: 415px; }
@media (max-width: 720px) { .stats-bottom { grid-template-columns: 1fr; gap: 14px; } .loss-breakdown > div { padding: 0 8px; } }