/* Midnight keeps SEAS's dimensional chrome while giving every work surface a dark palette. */
.theme-choice.midnight{background:linear-gradient(150deg,#071633 0%,#155296 45%,#32bfd0 64%,#081a39 65%)}

#os.theme-midnight{
  color-scheme:dark;
  color:#e8f1fb;
  --title-top:#527fbf;
  --title-mid:#245597;
  --title-bottom:#143b76;
  --title-edge:#0a2a58;
  --task-top:#245790;
  --task-bottom:#102d59;
  --surface:#1d2c40;
  --surface-deep:#152235;
  --border:#60758b;
  --green-top:#71c799;
  --green-bottom:#197c66;
}

/* The artwork is a separate wallpaper asset. Existing CSS hills are hidden only here. */
#os.theme-midnight .wallpaper{background:#06162f url('../assets/wallpaper/midnight.png') center center/cover no-repeat}
#os.theme-midnight .wallpaper:after{background:linear-gradient(90deg,#04102755 0%,transparent 39%),linear-gradient(0deg,#020b1a35,transparent 44%)}
#os.theme-midnight .wallpaper-orb,
#os.theme-midnight .wallpaper-ridge{display:none}
#os.theme-midnight .desktop-icon{color:#f0f8ff;text-shadow:0 1px 4px #010816,0 2px 7px #010816}
#os.theme-midnight .desktop-icon:hover{background:#6bbfe421;border-color:#9ce5ff7a}
#os.theme-midnight .desktop-icon.selected,
#os.theme-midnight .desktop-icon:focus-visible{background:#2775b36b;border-color:#b6eaff}

#os.theme-midnight .taskbar{background:linear-gradient(#72a7d7 0%,#306b9f 7%,#1c497d 49%,#133561 52%,#0d2851 100%);border-top-color:#a0cbe8;box-shadow:0 -2px 11px #020d2580,inset 0 1px #ffffff6b}
#os.theme-midnight .start-button{border-color:#0d745f;border-right-color:#9bdfbe;background:linear-gradient(120deg,#9ae0bb,var(--green-top) 17%,#329c7d 46%,var(--green-bottom) 74%,#115a50);box-shadow:inset 0 1px #d5ffec,inset 0 -2px #074f43,2px 0 8px #030e2a88;text-shadow:0 1px 2px #0b5146}
#os.theme-midnight .task-button{border-color:#79a9d490;background:linear-gradient(#4c7bb1,#27568f 47%,#1a417b);box-shadow:inset 0 1px #c9e8ff5c;text-shadow:0 1px #0a2852}
#os.theme-midnight .task-button:hover{background:linear-gradient(#6796cb,#3169a5 48%,#22518d)}
#os.theme-midnight .task-button.active{background:linear-gradient(#102a55,#1e528d);border-color:#9ccce9;box-shadow:inset 0 2px 5px #030d2d99}
#os.theme-midnight .tray{border-left-color:#8abfe0;background:linear-gradient(#4b8fba,#226c9e 49%,#15527f);box-shadow:inset 1px 0 #cbebff69}

#os.theme-midnight .window{border-color:#183e71;background:var(--surface);box-shadow:0 17px 40px #010817b3,0 3px 9px #02091a88,inset 0 0 0 1px #6a92bc}
#os.theme-midnight .window.active{box-shadow:0 20px 43px #010817c9,0 3px 9px #02091a88,inset 0 0 0 1px #8ab3db}
#os.theme-midnight .window.inactive{border-color:#475d79;box-shadow:0 13px 29px #010817a8,inset 0 0 0 1px #8396ad}
#os.theme-midnight .window-titlebar{background:linear-gradient(var(--title-top),var(--title-mid) 44%,var(--title-bottom) 53%,#255b9b);border-bottom-color:#0b2c58}
#os.theme-midnight .window.inactive .window-titlebar{background:linear-gradient(#667b94,#445a76 48%,#334863);border-bottom-color:#263c59}
#os.theme-midnight .window-content{background:var(--surface);color:#e5effa}
#os.theme-midnight .window-control{border-color:#8ec1eb;background:linear-gradient(#6c9ccd,#2b69a7 45%,#164b8a 49%,#2a659d);box-shadow:inset 0 1px #d4f0ff88,0 1px 2px #071b3b}
#os.theme-midnight .window-control.close{border-color:#ffc3ab;background:linear-gradient(#f3a27f,#db634c 47%,#a73532 50%,#d45b49)}
#os.theme-midnight .resize-handle{background:linear-gradient(135deg,transparent 58%,#82aecf 58%,#82aecf 64%,transparent 64%,transparent 72%,#82aecf 72%,#82aecf 78%,transparent 78%)}

#os.theme-midnight .ui-button,
#os.theme-midnight .toolbar-button{border-color:#718aa3;background:linear-gradient(#435975,#2d425c 48%,#24374f);box-shadow:inset 0 1px #9db5cd5e,0 1px 2px #010b1d88;color:#edf6ff}
#os.theme-midnight .ui-button:hover,
#os.theme-midnight .toolbar-button:hover{border-color:#83c5e8;background:linear-gradient(#587b9c,#375e80 50%,#2c5074)}
#os.theme-midnight .ui-button:active,
#os.theme-midnight .toolbar-button:active{background:linear-gradient(#233b58,#3b5878);box-shadow:inset 0 2px 4px #071327}
#os.theme-midnight .ui-button.primary{border-color:#72bfaa;background:linear-gradient(#6dc6ae,#2e937d 50%,#1b705f);color:white}
#os.theme-midnight .app-menubar{border-bottom-color:#3e5368;background:linear-gradient(#34475f,#24364c)}
#os.theme-midnight .menu-trigger{color:#ecf3fc}
#os.theme-midnight .menu-trigger:hover,
#os.theme-midnight .menu-trigger.open{border-color:#6fa4d1;background:linear-gradient(#496c95,#31577e)}
#os.theme-midnight .toolbar{border-bottom-color:#405568;background:linear-gradient(#344a63,#26394f)}
#os.theme-midnight .toolbar-divider{border-left-color:#14253b;border-right-color:#5a7087}
#os.theme-midnight .statusbar{border-top-color:#52677c;background:linear-gradient(#32455b,#26394d);color:#c6d7e7}
#os.theme-midnight .task-manager{background:#18283b;color:#e5effa}#os.theme-midnight .task-tabs{border-bottom-color:#55718d;background:#243b55}#os.theme-midnight .task-tabs button{color:#c5ddf2}#os.theme-midnight .task-tabs button[aria-selected=true]{border-color:#55718d;background:#18283b;color:#fff}#os.theme-midnight .task-table-wrap{border-color:#516b84;background:#152437}#os.theme-midnight .task-table th{border-bottom-color:#516b84;background:#2b435d;color:#d6eaff}#os.theme-midnight .task-table td{border-bottom-color:#31465d}#os.theme-midnight .task-table tr:nth-child(even){background:#1c2e43}#os.theme-midnight .task-table tr:hover{background:#2d4b68}#os.theme-midnight .task-footer{border-top-color:#506b83;color:#c0d5e8}#os.theme-midnight .task-confirm{border-color:#769bbd;background:#233950;color:#edf6ff}

#os.theme-midnight .popup-menu{border-color:#7297bf;background:linear-gradient(90deg,#243c5a 0 31px,#17283e 31px 100%);box-shadow:inset 0 0 0 1px #5b799652,0 4px 10px #01081799}
#os.theme-midnight .popup-item{color:#ecf5ff}
#os.theme-midnight .popup-item:hover:not(:disabled),
#os.theme-midnight .popup-item:focus-visible:not(:disabled){border-color:#80bfe8;background:linear-gradient(#466a91,#2e547e)}
#os.theme-midnight .popup-item:disabled{color:#879db1}
#os.theme-midnight .popup-item .menu-icon,
#os.theme-midnight .popup-item .menu-arrow{color:#9bd6f1}
#os.theme-midnight .popup-separator{background:#455e78}
#os.theme-midnight .start-menu{border-color:#477ab0;background:#172b42;box-shadow:inset 0 0 0 1px #85a8c347,0 6px 18px #010919aa}
#os.theme-midnight .start-header{background:linear-gradient(#628fc3,#2b5b98 48%,#173f7a);border-bottom-color:#6bd2c8}
#os.theme-midnight .start-body{background:#17283f}
#os.theme-midnight .start-main{background:#1d3047}
#os.theme-midnight .start-side{border-left-color:#486684;background:linear-gradient(#29435f,#1d344e)}
#os.theme-midnight .start-item{color:#ecf5ff}
#os.theme-midnight .start-item:hover{border-color:#6daed8;background:linear-gradient(#496d90,#305579)}
#os.theme-midnight .start-item small{color:#b3c8db}
#os.theme-midnight .start-footer{background:linear-gradient(#285b92,#143966);border-top-color:#6099ca}

#os.theme-midnight .explorer-address{border-bottom-color:#3c5166;background:#27394d}
#os.theme-midnight .explorer-address label{color:#bfd0e1}
#os.theme-midnight .address-box{border-color:#69839d;background:#132236;box-shadow:inset 0 1px 2px #01081799;color:#edf5fb}
#os.theme-midnight .explorer-sidebar{border-right-color:#4a6683;background:linear-gradient(#244260,#1a3048)}
#os.theme-midnight .sidebar-card{border-color:#5b7a9b;background:#1a2c43;box-shadow:0 1px 3px #01081788}
#os.theme-midnight .sidebar-card h3{background:linear-gradient(#477bb2,#28568e)}
#os.theme-midnight .sidebar-card p{color:#c1d4e6}
#os.theme-midnight .sidebar-link{color:#c7e8ff}
#os.theme-midnight .sidebar-link:hover{background:#355c80}
#os.theme-midnight .file-area{background:#142337}
#os.theme-midnight .file-item{color:#e4f0fb}
#os.theme-midnight .file-item:hover,
#os.theme-midnight .file-item.selected{border-color:#70a8d4;background:#294d70}
#os.theme-midnight .notepad-editor{background:#111e30;color:#eaf3fa;caret-color:#9fe8fa}
#os.theme-midnight .notepad-editor::selection{background:#3972a1;color:white}
#os.theme-midnight .notepad-sheet{border-color:#7196b5;background:#21354d;box-shadow:0 14px 35px #010817b3,inset 0 0 0 1px #87a5bd55}
#os.theme-midnight .sheet-heading{color:#b7dfff}
#os.theme-midnight .sheet-heading button{color:#c2d9ea}
#os.theme-midnight .sheet-input{border-color:#718ca7;background:#112135;color:#eef6ff}
#os.theme-midnight .file-picker-row{border-color:#526f8c;background:#172a40;color:#e8f1fb}
#os.theme-midnight .file-picker-row:hover{background:#2c5276}

#os.theme-midnight .panel-intro h2,
#os.theme-midnight .settings-card h3{color:#9edbff}
#os.theme-midnight .panel-intro p,
#os.theme-midnight .settings-card p,
#os.theme-midnight .about-footer{color:#bacbda}
#os.theme-midnight .settings-card{border-color:#54728e;background:linear-gradient(#2b4058,#21354c);box-shadow:inset 0 1px #8facbf35,0 2px 5px #01081766}
#os.theme-midnight .about-banner{background:linear-gradient(115deg,#2b679f,#1c417c 70%,#142f61)}
#os.theme-midnight .about-banner p{color:#d5e9fa}
#os.theme-midnight .about-specs{border-color:#55718e;background:#15273c}
#os.theme-midnight .about-specs dt{color:#adc3d6}
#os.theme-midnight .mount-row{border-color:#54728e;background:#21354c}
#os.theme-midnight .mount-row span,#os.theme-midnight .mount-feedback{color:#bacbda}
