/* 90s desktop — a reversible visual theme. */
body.desktop{background:#008080;color:#000;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px}
body.desktop :is(button,input,select,section,dialog,.scroll,.metric,.compact-controls,.popover-body,.project-includes,.tracker-controls,.tracker-project,.month-tile){border-radius:0!important;font-family:Tahoma,Verdana,Arial,sans-serif}
body.desktop>header{background:#c0c0c0;border:3px outset #eee;box-shadow:none;color:#000}
body.desktop>header>div{background:linear-gradient(90deg,#000080,#1084d0);padding:8px 12px}
body.desktop>header h1{color:#fff;font-family:Tahoma,Verdana,sans-serif;font-size:27px;letter-spacing:0;text-shadow:none;font-weight:700}
body.desktop>header h1:before{content:'▣ ';color:#fff}body.desktop>header>a:has(img){background:#fff;border:2px inset #ddd;padding:8px}
body.desktop>header .back{color:#000080}body.desktop>header>#nav-toggle{background:#c0c0c0;border:3px outset #eee;color:#000}
body.desktop #sidebar{background:#c0c0c0;border:3px outset #eee}.desktop .sidebar-title{background:#000080;color:#fff;padding:7px;margin-bottom:12px;letter-spacing:0;font-size:12px}
body.desktop #companies :is(button,summary,.company-links button,.people-nav,.capex-nav){background:#c0c0c0;color:#000;border-radius:0;border-color:#808080;font-family:Tahoma,Verdana,sans-serif;font-size:12px}
body.desktop #companies>button{border:2px outset #eee}body.desktop #companies button[aria-current=true],body.desktop #companies .company-links button[aria-current=true]{background:#000080;color:#fff;border:2px inset #aaa;box-shadow:none}
body.desktop #companies summary:hover,body.desktop #companies button:hover{background:#d3d3d3;color:#000}body.desktop #companies .selected-company{color:#000;background:#d3d3d3}
body.desktop #companies .company-tree,body.desktop #companies .company-links{border-color:#808080}
body.desktop :is(section,.compact-controls,.popover-body,dialog){background:#c0c0c0;border:3px outset #eee;box-shadow:3px 3px #004545;color:#000}
body.desktop h2{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-size:17px;font-weight:700;padding:6px 9px;margin-bottom:16px;letter-spacing:0}
body.desktop :is(.sub,.tiny,.context,.crumb,#status,#screen th>small){color:#252525!important}body.desktop :is(.change-label,.more-summary,.edit-mode){color:#000080}
body.desktop button,body.desktop :is(#save,#fill-apply,#period-apply){background:#c0c0c0;color:#000;border:2px outset #fff;box-shadow:none;font-weight:400}
body.desktop button:active:not(:disabled){border-style:inset}body.desktop button:hover:not(:disabled){background:#d1d1d1;color:#000}
body.desktop :is(input,select),body.desktop #screen input.edit,body.desktop #screen select,body.desktop dialog input{background-color:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important;border:2px inset #ddd!important;opacity:1;font-family:Tahoma,Verdana,sans-serif}
body.desktop #screen input:disabled,body.desktop #screen select:disabled{background:#e2e2e2!important;color:#444!important;-webkit-text-fill-color:#444!important;opacity:1}
body.desktop input[type=checkbox]{accent-color:#000080}
body.desktop .metric,body.desktop .metric:nth-child(n){background:#c0c0c0;border:3px outset #eee;border-radius:0;box-shadow:3px 3px #004545;padding:5px 5px 16px;color:#000}
body.desktop .metric span{background:#000080;color:#fff;min-height:36px;padding:5px 8px;font-size:12px;line-height:16px;font-weight:700}
body.desktop .metric strong{margin:16px 10px 0;color:#000;font-family:Tahoma,Verdana,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.7px}
body.desktop .negative{color:#a00000!important}
body.desktop #screen thead th,body.desktop #screen thead th:first-child{background:#c0c0c0;color:#000;border:2px outset #eee;font-weight:400}
body.desktop #screen tbody tr:nth-child(odd)>td,body.desktop #screen tbody tr:nth-child(odd)>th{background:#fff;color:#000}body.desktop #screen tbody tr:nth-child(even)>td,body.desktop #screen tbody tr:nth-child(even)>th{background:#f0f0f0;color:#000}
body.desktop #screen td.period-total{background:#e1e1ed!important;color:#000080;border-color:#aaa}body.desktop #screen tr.total>td,body.desktop #screen tr.total>th{background:#d0d0d0!important;color:#000;border-top:2px solid #808080}
body.desktop #screen tbody tr:not(.total):hover>td,body.desktop #screen tbody tr:not(.total):hover>th{background:#e1e9fa!important}
body.desktop :is(td,th,.scroll){border-color:#aaa}body.desktop #screen .row-actions button{background:#c0c0c0;color:#000;border:2px outset #eee}
body.desktop :is(.project-includes,.tracker-controls,.tracker-project,.month-tile,#fill-preview){background:#c0c0c0;color:#000;border:2px groove #eee;border-radius:0}
body.desktop .month-tile.selected{background:#d5d5eb;border:2px solid #000080}body.desktop .chip{background:#ddd;color:#000;border-radius:0}
body.desktop .warning{background:#ffffe1;color:#000;border:1px solid #000;border-radius:0}
body.desktop .plot{background:#fff;border:2px inset #ddd}body.desktop .plot polyline{stroke:#000080;filter:none}body.desktop .plot circle{fill:#008080}body.desktop .plot text{fill:#000}
body.desktop #sections{border-bottom:2px groove #eee}body.desktop .ownership-footer,body.desktop .ownership-footer strong,body.desktop .ownership-footer a{color:#333}
body.desktop select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0h12L6 8z' fill='%23000000'/%3E%3C/svg%3E")}