/* Upscale Squad · Day mode
   Light work area, so long days are easy on the eyes. The sidebar and the hero panel on
   My day keep the dark armour, so it still feels like the superhero portal.
   Loaded after hero.css; everything here is scoped to html.day. */

html.day {
  --paper: #EEF1F6;
  --card: #FFFFFF;
  --stone: #E6EAF1;
  --text: #0B1120;
  --ink: #0B1120;
  --muted: #5A6375;
  --faint: #7D8596;
  --line: rgba(11, 17, 32, .10);
  --line-2: rgba(11, 17, 32, .2);
  --edge: #DCE1EA;
  --nb: #1E6FD9;
  --blue-hi: #1E6FD9;
  --green: #12935A;
  --amber: #A86500;
  --s-planned: #C4CAD5; --s-designing: #7C9AD6; --s-review: #1E6FD9; --s-changes: #E5323E;
  --s-sent: #E0A12A; --s-approved: #5BB389; --s-published: #12935A;
  --lift: 0 18px 38px -26px rgba(11, 17, 32, .35);
  --hex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48.5' viewBox='0 0 56 48.5'%3E%3Cpath d='M14 0L42 0L56 24.25L42 48.5L14 48.5L0 24.25Z' fill='none' stroke='%230B1120' stroke-opacity='.045'/%3E%3C/svg%3E");
  color-scheme: light;
}
html.day body { background: radial-gradient(1000px 600px at 90% -10%, #DCE8FA 0%, #EEF1F6 55%) fixed, #EEF1F6; color: var(--text); }
html.day a { color: #1758B0; }
html.day a:hover { color: #0B1120; }
html.day h1, html.day h2, html.day h3 { color: #0B1120; }
html.day ::selection { background: #1E6FD9; color: #fff; }

/* Sidebar stays dark (the armour) */
html.day .side { --text: #E8EAEE; --muted: #8B92A0; --faint: #6C727E; --hex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48.5' viewBox='0 0 56 48.5'%3E%3Cpath d='M14 0L42 0L56 24.25L42 48.5L14 48.5L0 24.25Z' fill='none' stroke='%23fff' stroke-opacity='.05'/%3E%3C/svg%3E"); }
html.day .side a { color: #A3A9B4; }
html.day .side .nav a.on, html.day .side .nav a:hover { color: #fff; }
html.day .side .me b, html.day .side .me { color: #E8EAEE; }
html.day .side .me .hero-name { color: #2FA4FF; }
html.day .topbar { background: #0F1013; }
html.day .topbar, html.day .topbar a, html.day .topbar button { color: #E8EAEE; }

/* Hero panel on My day stays dark */
html.day .hero { --text: #E8EAEE; --muted: #A9B0BC; --faint: #8B92A0; --edge: #2A2D33; --nb: #2FA4FF;
  --hex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48.5' viewBox='0 0 56 48.5'%3E%3Cpath d='M14 0L42 0L56 24.25L42 48.5L14 48.5L0 24.25Z' fill='none' stroke='%23fff' stroke-opacity='.05'/%3E%3C/svg%3E");
  color: #E8EAEE; box-shadow: 0 24px 50px -30px rgba(11, 17, 32, .55); }
html.day .hero h1, html.day .hero h2, html.day .hero h3, html.day .hero .hfig b { color: #fff; }
html.day .hero a:not(.btn):not(.nextup) { color: #7CC4FF; }
html.day .hero .btn:not(.primary) { background: #1A1C20; border-color: #33373E; color: #fff; }

/* Project month panel: light */
html.day .night { background: linear-gradient(120deg, rgba(30, 111, 217, .07), #fff 40%, rgba(229, 50, 62, .05)), #fff; border-color: var(--edge); color: var(--text); --s-planned: #C4CAD5; }
html.day .night .muted { color: var(--muted); }
html.day .night .track, html.day .track { background: #E1E6EF; }
html.day .night .track .now, html.day .track .now { border-color: #fff; }
html.day .night .sides div, html.day .sides div { background: #F6F8FB; border-color: var(--edge); }
html.day .track .week { border-color: #1E6FD9; }
html.day .track .week span { color: #1E6FD9; }
html.day .track .now span { color: #D0111B; }

/* Controls */
html.day .btn { background: #fff; border-color: #CDD4E0; color: #0B1120; }
html.day .btn:hover { border-color: #1E6FD9; color: #0B1120; box-shadow: 0 0 0 1px #1E6FD9, 0 8px 20px -10px rgba(30, 111, 217, .5); }
html.day .btn.primary, html.day .btn.primary:hover { color: #fff; }
html.day .btn.primary:hover { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1E6FD9, 0 10px 28px rgba(200, 16, 46, .3); }
html.day .btn.quiet { background: transparent; border-color: transparent; color: var(--muted); }
html.day .btn.quiet:hover { background: #E6EAF1; color: #0B1120; }
html.day .btn.danger { color: #C62835; }
html.day input[type=text], html.day input[type=email], html.day input[type=password], html.day input[type=url], html.day input[type=number],
html.day input[type=date], html.day input[type=search], html.day input[type=tel], html.day input[type=month], html.day select, html.day textarea {
  background: #fff; border-color: #CDD4E0; color: #0B1120;
}
html.day input:focus, html.day select:focus, html.day textarea:focus { border-color: #1E6FD9; box-shadow: 0 0 0 3px rgba(30, 111, 217, .15); }
html.day select option, html.day select optgroup { background: #fff; color: #0B1120; }
html.day input::placeholder, html.day textarea::placeholder { color: #98A0AF; }
html.day input[type=date] { color-scheme: light; }
html.day input[type=file]::file-selector-button { background: #fff; color: #0B1120; border-color: #CDD4E0; }
html.day .checks label { background: #fff; border-color: var(--edge); }
html.day .checks label:has(input:checked) { border-color: #1E6FD9; background: #EAF2FD; }

/* Surfaces */
html.day .card, html.day .pcard, html.day .figs, html.day details.add[open], html.day .mod, html.day .wa {
  background: #fff; border-color: var(--edge); box-shadow: 0 1px 0 rgba(11, 17, 32, .03), 0 16px 34px -28px rgba(11, 17, 32, .35);
}
html.day a.pcard:hover { border-color: #1E6FD9; box-shadow: 0 0 0 1px #1E6FD9, 0 22px 40px -26px rgba(11, 17, 32, .4); }
html.day details.add { border-color: #C9D0DC; }
html.day details.add > summary { color: #1758B0; }
html.day a.fig:hover { background: #F3F6FA; }
html.day .fig.warn b, html.day .hfig.warn b { color: #D0111B; }
html.day .flash { background: #E5F5EC; color: #0E6B40; border-color: #A9DDBF; }
html.day .flash.err { background: #FDECEE; color: #A30D15; border-color: #F2B5BA; }
html.day .flash.win { background: linear-gradient(90deg, #E5F5EC, #E8F1FD); color: #0E6B40; border-color: #A9DDBF; }
html.day .empty h2, html.day .empty h3 { color: #0B1120; }

/* Tables, chips, tabs */
html.day table.t th { color: var(--faint); border-bottom-color: var(--edge); }
html.day table.t td { border-bottom-color: #E8ECF2; }
html.day table.t tbody tr:hover { background: #F5F8FC; }
html.day table.t a.strong { color: #0B1120; }
html.day .chip { background: #EDF0F5; color: #4A5468; }
html.day .chip.blue { background: #E6F0FD; color: #1758B0; }
html.day .chip.red { background: #FDECEE; color: #B5121C; }
html.day .chip.green { background: #E3F4EA; color: #0E6B40; }
html.day .chip.amber { background: #FBF0DA; color: #8A5300; }
html.day .chip[class*="st-"] { background: #F1F3F7; color: #1B2334; }
html.day .avatar { background: #E9EEF6; color: #0B1120; box-shadow: inset 0 0 0 2px #1E6FD9; }
html.day .side .avatar, html.day .hero .avatar { background: #23262C; color: #fff; }
html.day .avatars .avatar, html.day .card .avatars .avatar, html.day .pcard .avatars .avatar { box-shadow: inset 0 0 0 2px #1E6FD9, 0 0 0 2px #fff; }
html.day .tabs a:hover, html.day .tabs a.on { color: #0B1120; }
html.day .tabs a .n { background: #E6F0FD; color: #1758B0; }
html.day .filters a { background: #fff; border-color: var(--edge); color: var(--muted); }
html.day .filters a:hover { border-color: #1E6FD9; color: #0B1120; }
html.day .filters a.on { color: #fff; }

/* Tasks */
html.day .task { border-bottom-color: #E8ECF2; }
html.day .task .title { color: #0B1120; }
html.day .task.done .title { color: var(--faint); }
html.day .tick button { border-color: #C2CAD7; background: #fff; }
html.day .task.done .tick button { color: #fff; }
html.day .task .due.late, html.day .task .meta .late, html.day .section-label.late, html.day .alert { color: #D0111B; }
html.day .listlink { border-bottom-color: #E8ECF2; }
html.day .pipe, html.day .bar { background: #E4E9F1; }
html.day .sides .us b { color: #1758B0; } html.day .sides .client b { color: #A86500; } html.day .sides .done b { color: #0E6B40; }

/* Creatives */
html.day .dcard { background: #fff; border-color: var(--edge); }
html.day .dcard .thumb { background-color: #F1F4F8; background-image: repeating-linear-gradient(135deg, #F1F4F8 0 10px, #EAEEF4 10px 20px); color: #8A92A2; }
html.day .dcard .in h3 a { color: #0B1120; }
html.day .dcard q.fb { color: #3A2226; background: #FDF0F1; border-left-color: #E5323E; }
html.day .timeline li::before { background: #fff; }
html.day .timeline .note { background: #F3F6FA; }

/* Checklist, secrets */
html.day .cl, html.day .cl-section > h3 { border-bottom-color: #E8ECF2; }
html.day .cl .txt b, html.day .kv dd { color: #0B1120; }
html.day .seg { background: #F3F6FA; border-color: var(--edge); }
html.day .seg button:hover { background: #E4E9F1; color: #0B1120; }
html.day .seg button.on[value="existing"] { background: #E6F0FD; color: #1758B0; }
html.day .seg button.on[value="done"] { color: #fff; }
html.day .seg button.on[value="na"] { background: #DCE1EA; color: #0B1120; }
html.day .secret { background: #F3F6FA; color: #1758B0; border-color: var(--edge); }

/* XP, leaderboard, squad, wins */
html.day .board li { border-bottom-color: #E8ECF2; }
html.day .board .pos { color: #A0A8B6; }
html.day .board li:first-child .pos { color: #C98A00; text-shadow: none; }
html.day .board b, html.day .win-row b, html.day .hm b, html.day .cn-top b, html.day .prob b, html.day .big-n { color: #0B1120; }
html.day .board .pts { color: #1758B0; }
html.day .board li.me-row { background: #EEF4FD; }
html.day .big-n.warn { color: #D0111B; text-shadow: none; }
html.day .win-row { border-bottom-color: #E8ECF2; color: #3A4356; }
html.day .hero-tag { color: #1E6FD9; }

/* Keywords, ranks */
html.day .kw-steps div { background: #fff; }
html.day .kw-steps div.has { background: linear-gradient(90deg, #E2EEFD, #F4F8FE); border-color: #9CC2F3; }
html.day .kw-steps b { color: #0B1120; }
html.day .rk { background: #EDF0F5; }
html.day .rk.top { background: #E3F4EA; color: #0E6B40; }
html.day .up { color: #0E8A4F; } html.day .down { color: #C62835; }

/* WhatsApp inbox: list and side light, the chat keeps WhatsApp's own look */
html.day .wa-groups { border-right-color: var(--edge); }
html.day .wa-groups a { border-bottom-color: #EEF1F5; }
html.day .wa-groups a:hover { background: #F3F6FA; color: #0B1120; }
html.day .wa-groups a.on { background: linear-gradient(90deg, #E6F0FD, transparent); }
html.day .wa-groups .ga { background: #E6F0FD; color: #1758B0; }
html.day .wa-chat { background: #EFEAE2; }
html.day .wa-hd { background: #F0F2F5; border-bottom-color: #E2E5E9; }
html.day .wa-m { background: #fff; color: #111B21; box-shadow: 0 1px 1px rgba(11, 20, 26, .1); }
html.day .wa-m .who { color: #027EB5; }
html.day .wa-m small { color: #667781; }
html.day .wa-m.us { background: #D9FDD3; }
html.day .wa-m.us .who { color: #0E8A4F; }
html.day .wa-m .tagline { color: #C62835; }
html.day .wa-m .tagline.done { color: #0E8A4F; }
html.day .wa-day { background: #fff; color: #54656F; }
html.day .wa-side { border-left-color: var(--edge); }
html.day .wa-card { background: #F8FAFC; }
html.day .wa-card q { background: #fff; color: #3A4356; }
html.day .prob { background: #FDF1F2; }
html.day .prob.y { background: #FDF6E6; }
html.day .ob { background: #fff; }
html.day .ob-body, html.day .ob textarea { background: #F6F8FB; color: #1B2334; }
html.day .freq { border-bottom-color: #E8ECF2; }

/* Connections, modules, squad */
html.day .cn, html.day .hm { background: #fff; }
html.day .cn p, html.day .mod p { color: var(--muted); }
html.day .mod .mi { background: #E6F0FD; color: #1758B0; border-color: #B9D3F5; }
html.day .mod.off .mi { background: #F1F3F7; }
html.day .sw { background: #D5DBE5; }
html.day .sw span { background: #fff; }

/* Creatives board */
html.day .cb-n.st-planned { color: #6B7385; } html.day .cb-n.st-designing { color: #2C64C4; } html.day .cb-n.st-review { color: #6A3FD0; }
html.day .cb-n.st-changes { color: #C62835; border-color: #F2B5BA; } html.day .cb-n.st-sent { color: #A86500; }
html.day .cb-n.st-approved { color: #0E8A4F; border-color: #A9DDBF; } html.day .cb-n.st-published { color: #fff; background: #12935A; border-color: #12935A; }

/* Theme switch in the sidebar */
.theme-sw { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0 0 10px; padding: 8px 12px; background: transparent; border: 1px solid #2A2D33; border-radius: 10px;
  color: #A3A9B4; font: 700 11px var(--display); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.theme-sw:hover { color: #fff; border-color: #2FA4FF; }
.theme-sw svg { width: 16px; height: 16px; }

/* Sign-in keeps the dark landing scene */
html.day .auth { --nb: #2FA4FF; --text: #E8EAEE; --muted: #8B92A0; --faint: #6C727E; color: #E8EAEE; }
html.day .auth h1, html.day .auth h2, html.day .auth h3 { color: #fff; }
html.day .auth a { color: #7CC4FF; }
html.day .auth input[type=email], html.day .auth input[type=password], html.day .auth input[type=text] { background: #0F1013; border-color: #2F333A; color: #fff; }
html.day .auth .flash.err { background: rgba(255, 43, 58, .12); color: #FF9AA0; border-color: rgba(255, 43, 58, .4); }
html.day a.nextup, html.day .nextup b, html.day .nextup .go { color: #fff; }
html.day .nextup .why { color: #A9B0BC; }
html.day .btn.primary, html.day .filters a.on { background: var(--neon); border-color: transparent; color: #fff; }
html.day .night { --on-night: #0B1120; --on-night-muted: #5A6375; --line-night: rgba(11, 17, 32, .1); }
html.day .night b, html.day .night h2, html.day .night h3, html.day .night .cycle-top b { color: #0B1120; }
html.day .tabs a { color: var(--muted); }
html.day .crumb a { color: var(--muted); }