/* Neon Skater — optional presentation skin. */
body.skater{background:#131454;background-image:repeating-linear-gradient(135deg,transparent 0 38px,#3d36bd35 38px 41px);color:#fff;font-family:'Arial Black','Trebuchet MS',sans-serif}
body.skater>header{background:#ff2caa;color:#131454;border-bottom:6px solid #faff00;box-shadow:0 5px 0 #090930}
body.skater>header h1{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:42px;letter-spacing:1.5px;text-transform:uppercase;color:#faff00;text-shadow:3px 3px 0 #153cff,5px 5px 0 #12124a;transform:rotate(-1deg)}
body.skater>header>a:has(img){background:#111147;border:3px solid #faff00;transform:rotate(-3deg);border-radius:0;box-shadow:5px 5px #153cff}
body.skater>header .back{color:#131454;font-weight:900}body.skater>header>#nav-toggle{background:#faff00;border:3px solid #131454;color:#131454;border-radius:0;box-shadow:3px 3px #153cff}
body.skater #sidebar{background:#173dff;border-right:4px solid #faff00;color:#fff}body.skater .sidebar-title{color:#faff00;font-weight:900;letter-spacing:2px}
body.skater #companies :is(button,summary,.company-links button,.people-nav,.capex-nav){color:#fff;border-color:#89a1ff;background:transparent;border-radius:0;font-weight:700}
body.skater #companies :is(button:hover,summary:hover,.selected-company){background:#3928bc;color:#faff00}
body.skater #companies button[aria-current=true],body.skater #companies .company-links button[aria-current=true]{background:#faff00;color:#111147;border:2px solid #111147;box-shadow:4px 4px #ff2caa;transform:rotate(-1deg)}
body.skater #companies .company-tree,body.skater #companies .company-links{border-color:#8ca1ff}
body.skater :is(section,.compact-controls,.popover-body,dialog){background:#20205b;color:#fff;border:3px solid #6682ff;border-radius:0;box-shadow:6px 6px #08082c}
body.skater h2{font-family:Impact,'Arial Black',sans-serif;font-size:28px;letter-spacing:1px;font-style:italic;color:#faff00;text-transform:uppercase}
body.skater :is(.sub,.tiny,.context,.crumb,#status,#screen th>small){color:#cfd6ff!important}body.skater :is(.change-label,.more-summary,.edit-mode){color:#faff00}
body.skater button{background:#3348bd;color:white;border:2px solid #91a2ff;border-radius:0;font-weight:700;box-shadow:3px 3px #09092c}body.skater button:hover:not(:disabled){background:#ff2caa;color:#111147;border-color:#faff00}
body.skater :is(#save,#fill-apply,#period-apply){background:#faff00;color:#111147;border:3px solid #111147;box-shadow:4px 4px #ff2caa}
body.skater :is(input,select),body.skater #screen input.edit,body.skater #screen select,body.skater dialog input{background-color:#111147!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:2px solid #8b9cff!important;border-radius:0;opacity:1;caret-color:#faff00}
body.skater #screen input:disabled,body.skater #screen select:disabled{background:#343463!important;color:#e7ebff!important;-webkit-text-fill-color:#e7ebff!important;opacity:1}
body.skater input[type=checkbox]{accent-color:#ff2caa}body.skater input:focus{outline:3px solid #faff00!important;outline-offset:2px}
body.skater .metric,body.skater .metric:nth-child(n){background:#ff2caa;border:3px solid #111147;border-radius:0;box-shadow:6px 6px #faff00;color:#111147}
body.skater .metric:nth-child(3n+2){background:#faff00;box-shadow:6px 6px #173dff}body.skater .metric:nth-child(3n){background:#173dff;box-shadow:6px 6px #ff2caa;color:white}
body.skater .metric span{color:inherit;font-weight:800;text-transform:uppercase;font-size:11px}body.skater .metric strong{font-family:Impact,'Arial Black',sans-serif;font-size:32px;font-weight:400;letter-spacing:.3px;color:inherit;text-shadow:none}
body.skater .metric .negative{color:inherit!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
body.skater #screen thead th,body.skater #screen thead th:first-child{background:#faff00;color:#111147;border-bottom:4px solid #ff2caa}
body.skater #screen tbody tr:nth-child(odd)>td,body.skater #screen tbody tr:nth-child(odd)>th{background:#20205b;color:white}body.skater #screen tbody tr:nth-child(even)>td,body.skater #screen tbody tr:nth-child(even)>th{background:#2b2b6d;color:white}
body.skater #screen td.period-total{background:#363889!important;color:#faff00;border-color:#7f8cff}
body.skater #screen tr.total>td,body.skater #screen tr.total>th{background:#173dff!important;color:#faff00;border-top:3px solid #ff2caa}
body.skater #screen tbody tr:not(.total):hover>td,body.skater #screen tbody tr:not(.total):hover>th{background:#453071!important}
body.skater :is(td,th,.scroll){border-color:#666aad;border-radius:0}body.skater #screen .row-actions button{background:#3447aa;color:#fff;border-color:#8b9cff;border-radius:0}
body.skater .negative{color:#ff9edb!important}body.skater :is(.project-includes,.tracker-controls,.tracker-project,.month-tile,#fill-preview){background:#2b2b6d;color:#fff;border-color:#8b9cff;border-radius:0}
body.skater .month-tile.selected{border:3px solid #faff00;background:#453071}body.skater .chip{background:#faff00;color:#111147;border-radius:0}body.skater .warning{background:#faff00;color:#111147;border-radius:0}
body.skater .plot polyline{stroke:#ff2caa;stroke-width:5}body.skater .plot circle{fill:#faff00}body.skater .plot text{fill:#cfd6ff}
body.skater #sections{border-color:#8b9cff}body.skater .ownership-footer,body.skater .ownership-footer strong,body.skater .ownership-footer a{color:#e3e8ff}
body.skater .metrics{gap:20px;margin-bottom:28px}body.skater 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='%23faff00'/%3E%3C/svg%3E")}
@media(max-width:800px){body.skater>header h1{font-size:28px}}
