/*
 * EmlogStudio daylight home and library refinement.
 *
 * This layer is intentionally loaded after day-mode.css. It only changes the
 * light appearance: interaction, data attributes, user-selected palette
 * variables and the dark theme remain untouched.
 */

html[data-theme="light"] {
  --em-day-home-ink: #12394d;
  --em-day-home-strong: #0c2d40;
  --em-day-home-muted: #55798c;
  --em-day-home-subtle: #7896a5;
  --em-day-home-paper: #ffffff;
  --em-day-home-paper-blue: #f5fbff;
  --em-day-home-paper-aqua: #eefbf8;
  --em-day-home-line: rgba(21, 112, 151, .16);
  --em-day-home-line-strong: rgba(0, 125, 112, .31);
  --em-day-home-shadow: 0 12px 28px rgba(27, 104, 139, .10);
}

/* Shared daylight surfaces ------------------------------------------------ */
html[data-theme="light"] :is(.sidebar, .detail-panel, .page-toolbar-card, .post-library, .tags-hero, .tags-panel) {
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] :is(.page-toolbar-card, .post-library, .tags-hero, .tags-panel) {
  background:
    radial-gradient(circle at 96% 0, rgba(39, 163, 220, .10), transparent 31%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 251, 255, .90));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), var(--em-day-home-shadow);
}

html[data-theme="light"] :is(.page-toolbar-card h2, .tags-hero h2, .detail-header h2, .detail-title-line h3) {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] :is(.page-toolbar-card p, .tags-hero > p, .detail-id, .detail-description, .detail-row dt) {
  color: var(--em-day-home-muted);
}

/* The work-space switcher keeps its own hard-coded dark-theme values. */
html[data-theme="light"] .workspace-switcher {
  border-color: rgba(21, 112, 151, .13);
}

html[data-theme="light"] .switcher {
  color: var(--em-day-home-ink);
  background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(236, 249, 255, .82));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96);
}

html[data-theme="light"] .switcher:hover,
html[data-theme="light"] .switcher:focus-visible {
  color: #006e70;
  border-color: var(--em-day-home-line-strong);
  background: linear-gradient(135deg, #ffffff, #e8fbf8);
  outline: none;
}

html[data-theme="light"] .detail-header h2 .icon,
html[data-theme="light"] .detail-row .icon {
  color: #25829a;
}

html[data-theme="light"] .detail-row dd {
  color: var(--em-day-home-ink);
}

/* Homepage statistic cards: retain the custom four-colour material as a
 * light wash instead of drawing it over a nearly black substrate. */
html[data-theme="light"] .stats-style-fusion .stat-card {
  background:
    linear-gradient(136deg, rgba(255, 255, 255, .92), rgba(244, 252, 255, .80) 56%, rgba(235, 250, 247, .86)),
    var(--em-day-home-paper-blue);
  border-color: rgba(19, 118, 158, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 10px 24px rgba(18, 101, 137, .10);
}

html[data-theme="light"] .stats-style-fusion .stat-fusion-canvas,
html[data-theme="light"] .stats-style-fusion .stat-card.is-fusion-webgl-ready .stat-fusion-canvas {
  opacity: .30;
}

html[data-theme="light"] .stats-style-fusion .stat-fusion-field {
  opacity: .34;
}

html[data-theme="light"] .stats-style-fusion .stat-card.is-fusion-webgl-ready .stat-fusion-field {
  opacity: 0;
}

html[data-theme="light"] .stats-style-fusion .stat-card::before {
  border-top-color: rgba(0, 125, 112, .24);
  box-shadow: 0 -5px 14px rgba(20, 127, 196, .09);
}

html[data-theme="light"] .stats-style-fusion .stat-card::after {
  background: radial-gradient(circle, rgba(255, 255, 255, .70), transparent 68%);
}

html[data-theme="light"] .stats-style-fusion :is(.stat-label, .stat-number) {
  color: var(--em-day-home-strong);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .82);
}

html[data-theme="light"] .stats-style-fusion :is(.stat-number small, .stat-trend) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .stats-style-fusion .stat-trend b {
  color: #007b70;
}

html[data-theme="light"] .stats-style-fusion .stat-icon {
  color: #087a78;
  background: rgba(255, 255, 255, .72);
  border-color: rgba(0, 125, 112, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 5px 12px rgba(18, 101, 137, .08);
}

html[data-theme="light"] .stats-style-fusion .alert-card .stat-icon {
  color: #c75350;
  background: rgba(255, 245, 243, .76);
  border-color: rgba(200, 83, 80, .18);
}

/* Homepage category task rail ------------------------------------------------ */
html[data-theme="light"] .home-middle-region.board-card {
  background:
    radial-gradient(circle at 72% 54%, rgba(20, 151, 185, .10), transparent 31%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(238, 249, 255, .90));
}

html[data-theme="light"] .home-middle-region .task-groups {
  padding: 12px 0 12px 12px;
}

html[data-theme="light"] .home-middle-region .task-group {
  margin-bottom: 8px;
  background: linear-gradient(128deg, rgba(255, 255, 255, .96), rgba(239, 249, 255, .86));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 6px 16px rgba(30, 103, 136, .06);
}

html[data-theme="light"] .home-middle-region .group-heading {
  min-height: 38px;
  padding-inline: 12px;
  color: var(--em-day-home-ink);
}

html[data-theme="light"] .home-middle-region .group-heading:hover,
html[data-theme="light"] .home-middle-region .group-heading:focus-visible {
  color: #006d70;
  background: #edf7f6;
  outline: none;
}

html[data-theme="light"] .home-middle-region .group-count {
  color: var(--em-day-home-muted);
  background: rgba(20, 127, 196, .08);
}

html[data-theme="light"] .home-middle-region .group-heading .icon {
  color: #4f8093;
}

html[data-theme="light"] .home-middle-region .task-list {
  gap: 4px;
  padding: 0 8px 8px;
}

html[data-theme="light"] .home-middle-region .task-row {
  min-height: 32px;
  padding-inline: 8px;
  color: var(--em-day-home-muted);
  border-radius: 8px;
}

html[data-theme="light"] .home-middle-region .task-row:hover,
html[data-theme="light"] .home-middle-region .task-row:focus-visible {
  color: #075e69;
  background: rgba(20, 127, 196, .07);
  outline: none;
}

html[data-theme="light"] .home-middle-region .task-row.selected {
  color: var(--em-day-home-strong);
  background: #e6f4f2;
  box-shadow: inset 2px 0 0 #008a7b;
}

html[data-theme="light"] .home-middle-region .task-due,
html[data-theme="light"] .home-middle-region .task-id {
  color: var(--em-day-home-subtle);
}

/* Keep the administrator-selected card colours, but lift them into the
 * daylight palette. Both front and back stay legible during the 3D rotation. */
html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card-front {
  background:
    linear-gradient(106deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .09) 58%, transparent 76%),
    color-mix(in srgb, var(--deck-card-color, #4a5550) 72%, #ffffff);
  border-color: rgba(255, 255, 255, .66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .44), 8px 12px 20px rgba(18, 76, 90, .18);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card-back {
  background:
    linear-gradient(180deg, rgba(9, 68, 70, .08), rgba(9, 68, 70, .20)),
    linear-gradient(116deg, rgba(255, 255, 255, .26), transparent 56%),
    color-mix(in srgb, var(--deck-card-color, #4a5550) 68%, #edfaff);
  border-color: rgba(255, 255, 255, .54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .30), 5px 9px 17px rgba(18, 76, 90, .16);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card-front::before {
  opacity: .20;
  background:
    repeating-linear-gradient(0deg, rgba(10, 61, 73, .38) 0 5px, transparent 5px 12px),
    repeating-linear-gradient(90deg, rgba(10, 61, 73, .30) 0 5px, transparent 5px 12px);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit :is(.file-meta, .file-title) {
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(7, 48, 57, .58);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:hover .file-card-front,
html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:focus-visible .file-card-front {
  background:
    linear-gradient(106deg, rgba(255, 255, 255, .42), rgba(25, 182, 159, .16) 55%, transparent 78%),
    color-mix(in srgb, var(--deck-card-hover, #08743d) 72%, #ffffff);
  border-color: rgba(0, 125, 112, .62);
}

html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:hover .file-card-back,
html[data-theme="light"] .home-middle-region.deck-layout-orbit .file-card:focus-visible .file-card-back {
  background:
    linear-gradient(180deg, rgba(9, 68, 70, .08), rgba(9, 68, 70, .22)),
    color-mix(in srgb, var(--deck-card-hover, #08743d) 68%, #edfaff);
}

html[data-theme="light"] .home-middle-region .progress-document {
  color: var(--em-day-home-ink);
  background:
    radial-gradient(circle at 88% 4%, rgba(25, 182, 159, .16), transparent 31%),
    linear-gradient(145deg, #ffffff, #eefaff);
  border-color: var(--em-day-home-line-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 14px 20px 30px rgba(20, 91, 112, .18);
}

html[data-theme="light"] .home-middle-region :is(.progress-top, .progress-close) {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .home-middle-region .progress-period,
html[data-theme="light"] .home-middle-region .progress-value small {
  color: var(--em-day-home-muted);
}

/* Right recommendation rail and monitoring footer ------------------------ */
html[data-theme="light"] .recommendation-card,
html[data-theme="light"] .ai-card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(236, 249, 255, .84));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94), 0 8px 20px rgba(23, 103, 137, .07);
}

html[data-theme="light"] :is(.recommendation-header h4, .ai-card h4) {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .recommendation-header > span,
html[data-theme="light"] .ai-card ul {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .recommendation-list li {
  color: var(--em-day-home-muted);
  background: color-mix(in srgb, var(--recommend-color, var(--green)) 10%, #ffffff);
  border-color: color-mix(in srgb, var(--recommend-color, var(--green)) 30%, rgba(21, 112, 151, .12));
}

html[data-theme="light"] .recommendation-list a {
  color: var(--em-day-home-ink);
}

html[data-theme="light"] .recommendation-list li:hover {
  background: color-mix(in srgb, var(--recommend-color, var(--green)) 17%, #f7fdff);
  border-color: color-mix(in srgb, var(--recommend-color, var(--green)) 46%, rgba(0, 125, 112, .18));
}

html[data-theme="light"] .recommendation-list li:hover a {
  color: #006c6f;
}

html[data-theme="light"] .footer-monitor {
  background:
    radial-gradient(circle at 92% 2%, rgba(20, 127, 196, .11), transparent 33%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(237, 249, 255, .88));
  border-color: var(--em-day-home-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), var(--em-day-home-shadow);
}

html[data-theme="light"] .footer-monitor-header h2,
html[data-theme="light"] .footer-monitor-item strong {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .footer-monitor-live,
html[data-theme="light"] .footer-monitor-item > span,
html[data-theme="light"] .footer-monitor-item strong :is(small, em),
html[data-theme="light"] .footer-monitor-item p {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .footer-monitor-item {
  min-height: 76px;
  padding: 12px;
  background: rgba(255, 255, 255, .68);
  border-color: rgba(20, 112, 151, .11);
  border-radius: 12px;
}

html[data-theme="light"] .footer-monitor-link:hover {
  color: var(--em-day-home-strong);
  background: linear-gradient(120deg, rgba(20, 127, 196, .08), rgba(25, 182, 159, .08));
  border-color: var(--em-day-home-line-strong);
}

html[data-theme="light"] .footer-monitor-link .footer-monitor-arrow {
  color: #297f93;
}

/* Article library, category navigation and pagination -------------------- */
html[data-theme="light"] .page-filter-pills :is(button, a) {
  min-height: 32px;
  padding-inline: 12px;
  color: var(--em-day-home-muted);
  background: rgba(255, 255, 255, .72);
  border-color: var(--em-day-home-line);
  font-size: 12px;
}

html[data-theme="light"] .page-filter-pills :is(button, a):hover,
html[data-theme="light"] .page-filter-pills :is(button, a).active {
  color: #006d70;
  background: linear-gradient(120deg, rgba(20, 127, 196, .11), rgba(25, 182, 159, .11));
  border-color: var(--em-day-home-line-strong);
}

html[data-theme="light"] .post-table-head {
  min-height: 40px;
  color: var(--em-day-home-subtle);
  font-size: 11px;
}

html[data-theme="light"] .post-table-row {
  min-height: 84px;
  padding: 12px;
  border-color: rgba(20, 112, 151, .11);
}

html[data-theme="light"] .post-table-row:hover {
  background: linear-gradient(90deg, rgba(20, 127, 196, .06), rgba(25, 182, 159, .05));
  transform: translateX(2px);
}

html[data-theme="light"] .post-media {
  background-color: #eef9ff;
  background-image: linear-gradient(135deg, rgba(20, 127, 196, .12), rgba(25, 182, 159, .06));
  border-color: rgba(20, 112, 151, .18);
  box-shadow: 0 8px 18px rgba(26, 97, 129, .12), inset 0 1px rgba(255, 255, 255, .72);
}

html[data-theme="light"] .post-media-item {
  background: #e7f4f8;
}

html[data-theme="light"] .post-table-row:hover .post-media {
  border-color: rgba(0, 125, 112, .38);
  background-image: linear-gradient(135deg, rgba(20, 127, 196, .16), rgba(25, 182, 159, .10));
}

html[data-theme="light"] .post-index {
  color: #5d91a3;
}

html[data-theme="light"] .post-cell-main h3,
html[data-theme="light"] .post-cell-main h3 a {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .post-cell-main p,
html[data-theme="light"] :is(.table-metric, .post-table-row time) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .row-action {
  color: #4e7a8b;
  background: rgba(255, 255, 255, .72);
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] .row-action:hover,
html[data-theme="light"] .row-action:focus-visible {
  color: #007d70;
  background: #edfaff;
  border-color: var(--em-day-home-line-strong);
  outline: none;
}

html[data-theme="light"] .pagination {
  gap: 8px;
  padding: 16px 0 8px;
  border-color: rgba(20, 112, 151, .12);
}

html[data-theme="light"] .pagination :is(button, a, span) {
  min-width: 32px;
  height: 32px;
  padding-inline: 10px;
  color: var(--em-day-home-muted);
  background: rgba(255, 255, 255, .78);
  border-color: var(--em-day-home-line);
  border-radius: 9px;
  font-size: 12px;
}

html[data-theme="light"] .pagination :is(button.active, a.active, span.current, [aria-current="page"]),
html[data-theme="light"] .pagination > span {
  color: #006e70;
  background: linear-gradient(135deg, rgba(20, 127, 196, .13), rgba(25, 182, 159, .13));
  border-color: var(--em-day-home-line-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74);
}

html[data-theme="light"] .pagination a:hover,
html[data-theme="light"] .pagination a:focus-visible {
  color: #006e70;
  background: #edfaff;
  border-color: var(--em-day-home-line-strong);
  outline: none;
}

html[data-theme="light"] .pagination em {
  color: var(--em-day-home-subtle);
}

html[data-theme="light"] .category-card {
  background:
    radial-gradient(ellipse at 8% 0%, var(--category-accent-soft, rgba(20, 127, 196, .12)), transparent 44%),
    radial-gradient(ellipse at 92% 106%, rgba(25, 182, 159, .11), transparent 48%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(241, 250, 255, .94) 56%, rgba(238, 251, 248, .92));
  border-color: var(--category-accent-border, rgba(20, 112, 151, .28));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 13px 26px rgba(28, 100, 132, .10);
}

html[data-theme="light"] .category-card::before {
  background:
    radial-gradient(ellipse at 42% 52%, transparent 0 35%, rgba(20, 127, 196, .10) 35.5% 36.2%, transparent 36.8% 45%, rgba(20, 127, 196, .06) 45.5% 46.1%, transparent 46.7%),
    radial-gradient(ellipse at 66% 44%, transparent 0 25%, var(--category-accent-faint, rgba(25, 182, 159, .10)) 25.5% 26.5%, transparent 27% 39%, rgba(255, 255, 255, .40) 39.5% 40.2%, transparent 40.8%);
}

html[data-theme="light"] .category-number {
  color: var(--em-day-home-muted);
  background: rgba(255, 255, 255, .72);
  border-color: rgba(20, 112, 151, .12);
}

html[data-theme="light"] .category-card h3 {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] .category-card p,
html[data-theme="light"] .category-card footer {
  color: var(--em-day-home-muted);
  border-color: rgba(20, 112, 151, .12);
}

html[data-theme="light"] .category-card:hover,
html[data-theme="light"] .category-card:focus-visible {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 16px 30px rgba(28, 100, 132, .15);
  outline: none;
}

/* Marquee and orbit tag variants ------------------------------------------ */
html[data-theme="light"] .tag-marquee::before {
  background: linear-gradient(90deg, #f5fbff, transparent);
}

html[data-theme="light"] .tag-marquee::after {
  background: linear-gradient(-90deg, #f5fbff, transparent);
}

html[data-theme="light"] .tag-marquee a {
  color: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 62%, #163d50);
  background: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 10%, #ffffff);
  border-color: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 34%, rgba(20, 112, 151, .12));
}

html[data-theme="light"] .tag-marquee a:hover,
html[data-theme="light"] .tag-marquee a:focus-visible {
  color: #075f68;
  background: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 18%, #f5fdff);
  border-color: color-mix(in srgb, var(--tag-accent, var(--tag-fallback)) 56%, rgba(0, 125, 112, .18));
}

html[data-theme="light"] .tag-cloud :is(button, a) {
  color: var(--em-day-home-ink);
}

html[data-theme="light"] .tag-cloud span,
html[data-theme="light"] .tag-insights :is(span, p) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .tag-orbit-heading h2,
html[data-theme="light"] .tag-orbit-prompt strong,
html[data-theme="light"] .tag-orbit-core strong,
html[data-theme="light"] .tag-orbit-insights strong {
  color: var(--em-day-home-strong);
}

html[data-theme="light"] :is(.tag-orbit-heading p, .tag-orbit-prompt small, .tag-orbit-core small, .tag-orbit-insights :is(span, p)) {
  color: var(--em-day-home-muted);
}

html[data-theme="light"] .tag-orbit-prompt,
html[data-theme="light"] .tag-orbit-toggle,
html[data-theme="light"] .tag-orbit-node {
  color: var(--em-day-home-ink);
  background: rgba(255, 255, 255, .72);
  border-color: rgba(var(--orbit-rgb), .24);
}

html[data-theme="light"] .tag-orbit-toggle:hover,
html[data-theme="light"] .tag-orbit-toggle:focus-visible,
html[data-theme="light"] .tag-orbit-toggle[aria-pressed="true"],
html[data-theme="light"] .tag-orbit-node:hover,
html[data-theme="light"] .tag-orbit-node:focus-visible {
  color: #006d70;
  background: rgba(var(--orbit-rgb), .12);
}

/* The orbital variant owns a few dark, hard-coded surfaces in its base sheet.
 * Repaint only those materials here so the existing layout and motion paths
 * stay intact in daylight mode. */
html[data-theme="light"] .tag-orbit-shell {
  --orbit-rgb: 0, 140, 132;
  color: var(--em-day-home-ink);
  background:
    radial-gradient(circle at 50% 47%, rgba(28, 164, 186, .13), transparent 34%),
    radial-gradient(circle at 83% 12%, rgba(34, 139, 205, .10), transparent 31%),
    linear-gradient(145deg, #ffffff 0%, #f4fbff 56%, #edf9f5 100%);
  border-color: rgba(16, 119, 150, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 14px 30px rgba(23, 104, 138, .10);
}

html[data-theme="light"] .tag-orbit-core {
  color: #0c3a50;
  background:
    radial-gradient(circle at 34% 25%, rgba(255, 255, 255, .98), transparent 18%),
    radial-gradient(circle at 47% 43%, rgba(84, 206, 190, .48), rgba(35, 151, 183, .19) 57%, rgba(236, 250, 249, .98) 75%);
  border-color: rgba(0, 126, 117, .52);
  box-shadow: inset -13px -16px 27px rgba(33, 134, 156, .12), 0 0 0 8px rgba(0, 139, 129, .055), 0 12px 27px rgba(25, 107, 140, .16);
}

html[data-theme="light"] .tag-orbit-core::before,
html[data-theme="light"] .tag-orbit-core::after,
html[data-theme="light"] .tag-orbit-core > span {
  border-color: rgba(0, 126, 117, .26);
}

html[data-theme="light"] .tag-orbit-core::before { border-color: rgba(25, 123, 166, .18); }
html[data-theme="light"] .tag-orbit-core > span { border-color: rgba(255, 255, 255, .74); }
html[data-theme="light"] .tag-orbit-ring::after { border-color: #f9ffff; }

html[data-theme="light"] .tag-orbit-insights {
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(235, 249, 249, .92));
  border-color: rgba(9, 122, 113, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 8px 20px rgba(25, 107, 140, .07);
}

html[data-theme="light"] .tag-orbit-insights article + article::before { background: rgba(21, 112, 151, .15); }
html[data-theme="light"] .tag-orbit-insights svg { background: rgba(0, 139, 129, .08); border-color: rgba(0, 126, 117, .20); }
html[data-theme="light"] .tag-orbit-insights strong { color: #0b4056; }
html[data-theme="light"] .tag-orbit-hottest strong { color: #087c71; }

/* The floating rail is a fixed utility. On phones its compact white dock
 * must remain clear of the viewport edge and safe-area inset. */
html[data-theme="light"] .feedback-float-nav {
  background: linear-gradient(155deg, rgba(255, 255, 255, .97), rgba(235, 249, 255, .88));
  border-color: var(--em-day-home-line);
  box-shadow: 0 15px 36px rgba(18, 101, 137, .14), inset 0 1px 0 rgba(255, 255, 255, .98);
}

html[data-theme="light"] .feedback-float-button {
  color: #3e7086;
  background: rgba(255, 255, 255, .90);
  border-color: var(--em-day-home-line);
}

html[data-theme="light"] .feedback-float-button:hover,
html[data-theme="light"] .feedback-float-button:focus-visible,
html[data-theme="light"] .feedback-float-button[aria-expanded="true"] {
  color: #007a72;
  background: #effbff;
  border-color: var(--em-day-home-line-strong);
  box-shadow: 0 8px 20px rgba(18, 101, 137, .12), 0 0 0 3px rgba(20, 127, 196, .09);
}

/* Home deck settings: the drawer must be fully opaque in daylight. The
 * original dark controls otherwise leave pale text and black option surfaces
 * behind the glass layer. */
html[data-theme="light"] .deck-settings-backdrop {
  background: rgba(20, 54, 65, .30);
}

html[data-theme="light"] .deck-settings-drawer {
  color: #294c5b;
  background: #ffffff;
  border-color: #cbdfe3;
  box-shadow: -18px 0 46px rgba(22, 66, 79, .19), inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .deck-settings-header {
  background: #ffffff;
  border-color: #dce9eb;
}

html[data-theme="light"] .deck-settings-header h3 {
  color: #183b49;
  font-size: 22px;
  font-weight: 700;
}

html[data-theme="light"] .deck-settings-close {
  color: #63818a;
  background: #f4f9f9;
  border-color: #d7e6e7;
}

html[data-theme="light"] .deck-settings-close:hover,
html[data-theme="light"] .deck-settings-close:focus-visible {
  color: #076d65;
  background: #eaf6f3;
  border-color: #aad7cf;
}

html[data-theme="light"] .deck-settings-form {
  background: #f7fbfb;
  scrollbar-color: #9ac8c1 transparent;
}

html[data-theme="light"] .deck-settings-form::-webkit-scrollbar { width: 8px; }
html[data-theme="light"] .deck-settings-form::-webkit-scrollbar-thumb {
  background: #a8ceca;
  border: 2px solid #f7fbfb;
  border-radius: 999px;
}

html[data-theme="light"] :is(.deck-setting-group, fieldset.deck-setting-group) {
  background: #ffffff;
  border-color: #d7e5e6;
  box-shadow: inset 0 1px 0 #ffffff, 0 3px 10px rgba(29, 80, 91, .035);
}

html[data-theme="light"] :is(.deck-setting-group legend, .deck-setting-title > span) {
  color: #1e4554;
  font-size: 15px;
  font-weight: 700;
}

html[data-theme="light"] :is(.deck-setting-title small, .deck-setting-group > p) {
  color: #63808a;
  font-size: 13px;
}

html[data-theme="light"] .deck-layout-options label > span {
  color: #3e6675;
  background: #f3f8f8;
  border-color: #d6e4e5;
}

html[data-theme="light"] .deck-layout-options b {
  color: #244e5d;
  font-size: 15px;
}

html[data-theme="light"] .deck-layout-options small {
  color: #66818b;
  font-size: 12px;
}

html[data-theme="light"] .deck-layout-options input:checked + span {
  color: #075f59;
  background: #e1f3ee;
  border-color: #79bdb4;
  box-shadow: inset 3px 0 0 #0a9385, 0 5px 12px rgba(8, 122, 112, .09);
}

html[data-theme="light"] .deck-layout-options input:checked + span b {
  color: #075f59;
}

html[data-theme="light"] .deck-layout-options input:checked + span small {
  color: #43777b;
}

html[data-theme="light"] .deck-layout-options input:focus-visible + span {
  outline-color: rgba(8, 122, 112, .56);
}

html[data-theme="light"] :is(.deck-color-field, .deck-range-field) {
  color: #365d6b;
  font-size: 14px;
}

html[data-theme="light"] :is(.deck-color-field input[type="color"], .deck-fusion-swatch input[type="color"]) {
  background: #ffffff;
  border-color: #c9dcde;
}

html[data-theme="light"] :is(.deck-color-field output, .deck-range-field output) {
  color: #1f5866;
  font-size: 13px;
  font-weight: 700;
}

html[data-theme="light"] .deck-range-field input[type="range"] {
  accent-color: #078d80;
}

html[data-theme="light"] .deck-fusion-preset-heading {
  margin-top: 3px;
  color: #1e4857;
  font-size: 14px;
}

html[data-theme="light"] .deck-fusion-preset-heading small {
  color: #66828b;
  font-size: 12px;
}

/* Presets deliberately use a white base so their four real colours stay
 * vivid; they are no longer washed out by a blue-grey card surface. */
html[data-theme="light"] .deck-fusion-preset {
  min-height: 66px;
  color: #315b6a;
  background: #ffffff;
  border-color: #d1e1e3;
  box-shadow: 0 4px 10px rgba(25, 76, 89, .045), inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .deck-fusion-preset:hover,
html[data-theme="light"] .deck-fusion-preset.is-selected {
  background: #edf9f6;
  border-color: #63aaa0;
  box-shadow: 0 7px 15px rgba(8, 122, 112, .10), inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .deck-fusion-preset-art {
  width: 42px;
  height: 42px;
  background: #ffffff;
  border-color: #bcd8da;
  box-shadow: 0 3px 8px rgba(25, 79, 95, .10);
}

html[data-theme="light"] .deck-fusion-preset-art i {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26);
}

html[data-theme="light"] .deck-fusion-preset-art::after {
  opacity: .24;
}

html[data-theme="light"] .deck-fusion-preset-copy b {
  color: #1d4757;
  font-size: 13px;
}

html[data-theme="light"] .deck-fusion-preset-copy small {
  color: #627f89;
  font-size: 11px;
}

html[data-theme="light"] .deck-stat-palette {
  background: #f5fafa;
  border-color: #d5e4e5;
}

html[data-theme="light"] .deck-stat-palette > header {
  color: #284f5e;
  font-size: 13px;
}

html[data-theme="light"] .deck-stat-palette > header small,
html[data-theme="light"] .deck-fusion-swatch {
  color: #66808a;
}

html[data-theme="light"] .deck-fusion-swatch output {
  color: #3a6574;
  font-size: 10px;
}

html[data-theme="light"] .deck-settings-status {
  color: #5d7d87;
  font-size: 12px;
}

html[data-theme="light"] .deck-settings-status.is-error { color: #b74e4d; }
html[data-theme="light"] .deck-settings-status.is-success { color: #077567; }

html[data-theme="light"] .deck-settings-reset {
  color: #4b707c;
  background: #ffffff;
  border-color: #cfdfdf;
}

html[data-theme="light"] .deck-settings-reset:hover,
html[data-theme="light"] .deck-settings-reset:focus-visible {
  color: #076b63;
  background: #eef8f5;
  border-color: #a9d6cf;
}

html[data-theme="light"] .deck-settings-save {
  color: #ffffff;
  background: #087e72;
  border-color: #087367;
  box-shadow: 0 6px 13px rgba(8, 122, 112, .17);
}

html[data-theme="light"] .deck-settings-save:hover,
html[data-theme="light"] .deck-settings-save:focus-visible {
  background: #066d63;
}

@media (max-width: 700px) {
  html[data-theme="light"] .page-toolbar-card {
    gap: 16px;
    padding: 16px;
  }

  html[data-theme="light"] .post-library {
    padding: 8px;
  }

  html[data-theme="light"] .footer-monitor-item {
    min-height: 72px;
    padding: 12px;
  }
}

@media (max-width: 520px) {
  html[data-theme="light"] .feedback-float-nav {
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    gap: 6px;
    padding: 6px;
  }

  html[data-theme="light"] .feedback-float-button {
    width: 39px;
    height: 39px;
    border-radius: 10px;
  }
}

@media (max-width: 520px) and (max-height: 620px) {
  html[data-theme="light"] .feedback-float-nav {
    gap: 4px;
    padding: 5px;
  }

  html[data-theme="light"] .feedback-float-button {
    width: 36px;
    height: 36px;
    border-radius: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] :is(.stats-style-fusion .stat-card, .home-middle-region .task-row, .recommendation-list li, .category-card, .pagination a, .feedback-float-button) {
    transition: none;
  }
}