/* Art Deco — lacquer, champagne and architectural ornament. */
body.cosmic{background:#11141b;color:#f2e9d7;font-family:'Avenir Next',Futura,'Century Gothic',sans-serif;background-image:repeating-linear-gradient(135deg,transparent 0 38px,#cbaa6910 38px 39px,transparent 39px 77px),repeating-linear-gradient(45deg,transparent 0 38px,#cbaa6910 38px 39px,transparent 39px 77px)}
body.cosmic :is(button,input,select,section,dialog,.scroll,.metric,.compact-controls,.popover-body){border-radius:0!important}
body.cosmic>header{background:linear-gradient(110deg,#11131b,#252937,#11131b);border-bottom:6px double #b79756;box-shadow:0 5px 20px #0006}
body.cosmic>header h1{font-family:Didot,'Bodoni 72',Georgia,serif;font-weight:400;font-size:35px;letter-spacing:5px;color:#e4c888;text-transform:uppercase}
body.cosmic>header h1:after{content:'◆ THE GRAND LEDGER ◆';display:block;font:10px Futura,sans-serif;letter-spacing:6px;color:#bba779;margin-top:10px}
body.cosmic>header>a:has(img){background:#11131b;border:4px double #b79756;box-shadow:none}
body.cosmic>header .back{color:#e4c888}body.cosmic #nav-toggle{background:#202634;color:#e4c888;border:1px solid #b79756}
body.cosmic #sidebar{background:linear-gradient(90deg,#12151e,#1c2230);border-right:6px double #ad8b4c}
body.cosmic .sidebar-title{color:#c4a76b;letter-spacing:3px;font-size:10px}
body.cosmic #companies :is(button,summary,.company-links button){color:#e2d7bf;background:transparent;border-color:#6e5d3c;font-family:Futura,'Avenir Next',sans-serif;letter-spacing:1px;font-size:12px;text-transform:uppercase}
body.cosmic #companies button[aria-current=true],body.cosmic #companies .company-links button[aria-current=true]{background:linear-gradient(100deg,#b99b60,#f0dfac,#b99b60);color:#191c25;border:3px double #52432a;box-shadow:none}
body.cosmic :is(section,.compact-controls,.popover-body,dialog){background:#1a202c;color:#f2e9d7;border:4px double #a88a52;box-shadow:5px 5px 0 #080c1399}
body.cosmic section{padding:30px}
body.cosmic h2{font-family:Didot,'Bodoni 72',Georgia,serif;color:#e8ce92;font-size:28px;font-weight:400;letter-spacing:2px;text-transform:uppercase;border-bottom:3px double #766440;padding-bottom:16px}
body.cosmic section>h2:before{content:'◇ ';color:#c5a566}body.cosmic section>h2:after{content:' ◇';color:#c5a566}
body.cosmic .metrics{gap:22px;padding:20px 3px 26px}
body.cosmic .metric,body.cosmic .metric:nth-child(n){background:linear-gradient(135deg,#1c2230,#121720);border:5px double #b79b62;border-top:5px double #b79b62;position:relative;padding:55px 15px 30px;box-shadow:5px 5px #080c13;outline:1px solid #6e5b37;outline-offset:4px}
body.cosmic .metric:before{content:'';position:absolute;top:8px;left:calc(50% - 42px);width:84px;height:32px;background:repeating-conic-gradient(from -90deg at 50% 100%,#c5a566 0deg 2deg,transparent 2deg 15deg);clip-path:polygon(0 100%,0 55%,15% 55%,15% 28%,30% 28%,30% 0,70% 0,70% 28%,85% 28%,85% 55%,100% 55%,100% 100%);border-bottom:1px solid #c5a566}
body.cosmic .metric span{color:#cbb98f;text-align:center;font:10px Futura,sans-serif;letter-spacing:2px;text-transform:uppercase}
body.cosmic .metric strong{font-family:Didot,'Bodoni 72',Georgia,serif;font-size:32px;font-weight:400;text-align:center;letter-spacing:0;color:#f1dfad}
body.cosmic :is(.sub,.context,.tiny,.crumb,#status,#screen th>small){color:#b9b6ad!important}body.cosmic :is(.change-label,.more-summary,.edit-mode){color:#d5bc83}
body.cosmic button,body.cosmic #screen .row-actions button{background:#242d3c;color:#ead7a6;border:1px solid #a68a52;box-shadow:none;font-family:inherit}
body.cosmic :is(#save,#fill-apply,#period-apply){background:linear-gradient(110deg,#bd9f62,#eedaa3,#bd9f62);color:#181e28;border:3px double #66512c;font-weight:600;letter-spacing:1px}
body.cosmic button:hover:not(:disabled){background:#d8bf85;color:#121720;border-color:#f0dda9}
body.cosmic :is(input,select),body.cosmic #screen input.edit,body.cosmic #screen input[type=number],body.cosmic #screen select,body.cosmic dialog input,body.cosmic dialog select{background-color:#111822!important;color:#f5e9cc!important;-webkit-text-fill-color:#f5e9cc!important;border:1px solid #a58a55!important;opacity:1;caret-color:#eed294}
body.cosmic #screen input:disabled,body.cosmic #screen select:disabled{background:#263040!important;color:#e0dfdf!important;-webkit-text-fill-color:#e0dfdf!important;opacity:1}
body.cosmic 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='%23d9be83'/%3E%3C/svg%3E")}
body.cosmic input[type=checkbox]{accent-color:#b6975a}body.cosmic :is(input,select):focus{outline:2px solid #ead6a0!important;outline-offset:2px}
body.cosmic #screen thead th,body.cosmic #screen thead th:first-child{background:#111824;color:#ebd39b;border-bottom:4px double #aa8c50;font-family:Futura,sans-serif;font-size:12px;letter-spacing:1px}
body.cosmic #screen tbody tr:nth-child(odd)>td,body.cosmic #screen tbody tr:nth-child(odd)>th{background:#1c2431;color:#eee7d9}
body.cosmic #screen tbody tr:nth-child(even)>td,body.cosmic #screen tbody tr:nth-child(even)>th{background:#252f3e;color:#eee7d9}
body.cosmic #screen td.period-total{background:#343b46!important;color:#f1dca6;border-right:3px double #a48a54}
body.cosmic #screen tr.total>td,body.cosmic #screen tr.total>th{background:#121924!important;color:#f0d69b;border-top:4px double #c4a66c}
body.cosmic #screen tbody tr:not(.total):hover>td,body.cosmic #screen tbody tr:not(.total):hover>th{background:#364152!important}
body.cosmic :is(td,th,.scroll){border-color:#46505d}
body.cosmic :is(.project-includes,.tracker-controls,.tracker-project,.month-tile,#fill-preview){background:#252e3d;color:#eee4ce;border-color:#9a8150}
body.cosmic .month-tile.selected{background:#414334;border-color:#ead6a0}body.cosmic .warning{background:#3b3426;color:#f4dca3;border-color:#b7985b}
body.cosmic .plot{background:linear-gradient(#c5a5660d 1px,transparent 1px);background-size:100% 30px}body.cosmic .plot polyline{stroke:#d9b76e;stroke-width:3;filter:none}body.cosmic .plot circle{fill:#eedaa6;stroke:#191f2b;stroke-width:2}body.cosmic .plot text{fill:#c7b994}
body.cosmic .ownership-footer,body.cosmic .ownership-footer strong,body.cosmic .ownership-footer a{color:#b5aa92!important}
body.cosmic .ownership-footer:before{content:'━━━━ ◇ ━━━━';display:block;color:#bda064;text-align:center;margin-bottom:20px;letter-spacing:2px}
@media(max-width:800px){body.cosmic>header h1{font-size:24px;letter-spacing:2px}body.cosmic>header h1:after{font-size:8px;letter-spacing:2px}}
/* Cosmic Disco '77: the mothership has excellent bookkeeping. */
body.cosmic{background-color:#200b46;background-image:radial-gradient(circle at 75% 20%,#e241b833,transparent 45%),radial-gradient(#ffffdf 1px,transparent 1.5px),radial-gradient(#d9baff 1px,transparent 2px);background-size:auto,59px 71px,103px 127px;color:#fff3ff;font-family:'Avenir Next',sans-serif}
body.cosmic>header{background:linear-gradient(120deg,#3e126d,#8b29a1,#361064);border-bottom:6px solid #ff9a27;box-shadow:0 5px #f54faa,0 9px #622cb9}
body.cosmic>header h1{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:37px;letter-spacing:2px;background:linear-gradient(#fff 10%,#a5c5ed 40%,#fff 48%,#6d54ac 51%,#d4f7ff 80%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 #240645);transform:skew(-5deg)}
body.cosmic>header h1:after{content:'✦ COSMIC DISCO ’77 • ACCOUNTS FROM OUTER SPACE ✦';font:700 9px 'Courier New',monospace;letter-spacing:2px;color:#ffe394;background:none;margin-top:8px}
body.cosmic>header>a:has(img){background:radial-gradient(#ac3ba9,#341162);border:4px solid #ffa22b;box-shadow:4px 4px #ff54b5;border-radius:50% 15%!important;transform:rotate(-4deg)}
body.cosmic>header .back{color:#ffe79f}body.cosmic #nav-toggle{background:#ff9c22;color:#441065;border:3px solid #ffdd80}
body.cosmic #sidebar{background:linear-gradient(160deg,#4e1b7e,#251054);border-right:5px solid #fa8c30;box-shadow:4px 0 #e74fa8}
body.cosmic .sidebar-title{color:#ffca64;letter-spacing:2px}
body.cosmic #companies :is(button,summary,.company-links button){color:#f7d9ff;border-color:#ae65d0;font-weight:700}
body.cosmic #companies button[aria-current=true],body.cosmic #companies .company-links button[aria-current=true]{background:linear-gradient(100deg,#ff9b24,#ffcb64);color:#47115f;border:3px solid #ffe9ac;box-shadow:4px 4px #e94cb2;border-radius:30px 5px!important;transform:rotate(-2deg)}
body.cosmic :is(section,.compact-controls,.popover-body,dialog){background:#37135e;color:#fff0ff;border:3px solid #d88af3;box-shadow:5px 5px #ff8b2b;border-radius:25px 5px!important}
body.cosmic h2{font-family:Impact,'Arial Black',sans-serif;font-style:italic;color:#ffb331;font-size:29px;letter-spacing:2px;border-bottom:3px solid #a74acf;text-shadow:2px 2px #b42192}
body.cosmic section>h2:before{content:'✷ ';color:#86efff}body.cosmic section>h2:after{content:' ✷';color:#ff78c9}
body.cosmic .metrics{gap:24px;padding:30px 6px 36px}
body.cosmic .metric,body.cosmic .metric:nth-child(n){background:radial-gradient(ellipse at 50% 0,#a74bd3,#4b2079 65%);border:5px solid #c8c4f3;border-bottom:12px solid #9d9cdb;border-top:5px solid #f5e6ff;outline:none;box-shadow:0 6px 0 #67268d,0 12px 0 -5px #ff9326,0 20px 25px #ff45ca33;border-radius:48% 48% 22% 22%!important;padding:59px 15px 30px;position:relative;transform:rotate(-2deg)}
body.cosmic .metric:nth-child(even){transform:rotate(2deg)}
body.cosmic .metric:before{content:'●  ●  ●';background:none;clip-path:none;border:0;top:13px;left:0;right:0;width:auto;height:auto;text-align:center;font-size:17px;letter-spacing:6px;color:#88faff;text-shadow:0 0 10px #2eeaff}
body.cosmic .metric:after{content:'✦';position:absolute;right:14px;bottom:12px;color:#ffb83b;font-size:25px}
body.cosmic .metric span{color:#ffe1a6;font:700 10px 'Courier New',monospace;letter-spacing:1px;text-align:center}
body.cosmic .metric strong{font-family:'Courier New',monospace;font-size:27px;font-weight:900;color:#fff6b4;text-shadow:2px 2px #b1349c;letter-spacing:-1px}
body.cosmic :is(.sub,.context,.tiny,.crumb,#status,#screen th>small){color:#d9bfe9!important}body.cosmic :is(.change-label,.more-summary,.edit-mode){color:#ffd274}
body.cosmic button,body.cosmic #screen .row-actions button{background:#65278f;color:#fff4ff;border:2px solid #d393ed;box-shadow:3px 3px #1d073f;border-radius:14px 3px!important}
body.cosmic :is(#save,#fill-apply,#period-apply){background:linear-gradient(#ffd264,#ff8d23);color:#45105b;border:3px solid #ffebae;box-shadow:4px 4px #ee48b1;border-radius:20px 4px!important;font-weight:800}
body.cosmic button:hover:not(:disabled){background:#ffb43f;color:#45105b;border-color:#fff0b0}
body.cosmic :is(input,select),body.cosmic #screen input.edit,body.cosmic #screen input[type=number],body.cosmic #screen select,body.cosmic dialog input,body.cosmic dialog select{background-color:#210c40!important;color:#fff5d6!important;-webkit-text-fill-color:#fff5d6!important;border:2px solid #bd7de8!important;border-radius:10px 2px!important;caret-color:#ffb43f}
body.cosmic #screen input:disabled,body.cosmic #screen select:disabled{background:#42215d!important;color:#f6e3ff!important;-webkit-text-fill-color:#f6e3ff!important}
body.cosmic #screen thead th,body.cosmic #screen thead th:first-child{background:#6d2b92;color:#ffe6a2;border-bottom:4px solid #ff962b}
body.cosmic #screen tbody tr:nth-child(odd)>td,body.cosmic #screen tbody tr:nth-child(odd)>th{background:#321251;color:#fff1ff}body.cosmic #screen tbody tr:nth-child(even)>td,body.cosmic #screen tbody tr:nth-child(even)>th{background:#442066;color:#fff1ff}
body.cosmic #screen td.period-total{background:#613079!important;color:#ffdc84;border-right-color:#ffac43}body.cosmic #screen tr.total>td,body.cosmic #screen tr.total>th{background:#72388c!important;color:#ffebaa;border-top:4px solid #ff9d31}
body.cosmic #screen tbody tr:not(.total):hover>td,body.cosmic #screen tbody tr:not(.total):hover>th{background:#64327e!important}
body.cosmic :is(.project-includes,.tracker-controls,.tracker-project,.month-tile,#fill-preview){background:#472165;color:#fff0ff;border-color:#bd7fe2}
body.cosmic .plot{background:linear-gradient(#db79e91a 1px,transparent 1px),linear-gradient(90deg,#db79e91a 1px,transparent 1px);background-size:35px 35px}body.cosmic .plot polyline{stroke:#ffac32;stroke-width:4;filter:drop-shadow(0 0 6px #ff47c9)}body.cosmic .plot circle{fill:#a3faff;stroke:#54216d}body.cosmic .plot text{fill:#edceff}
body.cosmic .ownership-footer,body.cosmic .ownership-footer strong,body.cosmic .ownership-footer a{color:#d7bce9!important}
body.cosmic .ownership-footer:before{content:'✧ STAY GROOVY ✧';font:italic 19px Impact,sans-serif;color:#ffc258;border-block:3px solid #d65ac0;padding:15px 0;letter-spacing:2px}
body.cosmic .compact-controls:before{content:'';width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:repeating-conic-gradient(#f9efff 0 25%,#997ac5 0 50%) 0 0/9px 9px;box-shadow:0 0 14px #ff9deb,inset -7px -5px 10px #3f126da0;transform:rotate(-15deg)}
@media(max-width:800px){body.cosmic>header h1{font-size:24px}body.cosmic>header h1:after{font-size:7px;letter-spacing:1px}body.cosmic .compact-controls:before{display:none}}