/* Formal r6 presentation layer. Business renderers and interaction ownership stay unchanged. */

body.owner-shell-v1 {
  --formal-day-canvas: #e6ece8;
  --formal-day-paper: #fbfaf4;
  --formal-day-paper-soft: #f1f4ec;
  --formal-day-ink: #1d363c;
  --formal-day-muted: #617577;
  --formal-day-line: rgb(42 78 81 / 20%);
  --formal-day-teal: #246c69;
  --formal-day-brass: #a7773f;
  --formal-day-coral: #b96255;
  --formal-night-canvas: #071219;
  --formal-night-surface: rgb(10 29 36 / 88%);
  --formal-night-surface-strong: rgb(13 38 45 / 94%);
  --formal-night-ink: #d7e5df;
  --formal-night-muted: #78999a;
  --formal-night-line: rgb(126 196 189 / 20%);
  --formal-night-teal: #7dc8bc;
  --formal-night-brass: #d4ad67;
  --formal-night-coral: #df7d6c;
  --formal-serif: "Noto Serif SC", "Songti SC", SimSun, Georgia, serif;
  --formal-sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  --formal-mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  font-family: var(--formal-sans);
  letter-spacing: 0;
}

body.owner-shell-v1 .shell,
body.owner-shell-v1 .main,
body.owner-shell-v1 .workspace,
body.owner-shell-v1 .topbar,
body.owner-shell-v1 .sidebar,
body.owner-shell-v1 .status {
  box-sizing: border-box;
}

body.owner-shell-v1 .shell {
  isolation: isolate;
}

body.owner-shell-v1 .formal-rail-index,
body.owner-shell-v1 .formal-signal-head,
body.owner-shell-v1 .formal-signal-context,
body.owner-shell-v1 .formal-signal-meter {
  display: none;
}

body.owner-shell-v1 .formal-route-code,
body.owner-shell-v1 .formal-intro-eyebrow,
body.owner-shell-v1 .formal-intro-meta,
body.owner-shell-v1 .formal-archive-caption {
  font-family: var(--formal-mono);
  letter-spacing: 0;
}

body.owner-shell-v1 .formal-route-code {
  display: block;
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
}

body.owner-shell-v1 .formal-workbench-intro {
  position: relative;
  z-index: 0;
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  overflow: hidden;
  border-radius: 0;
}

body.owner-shell-v1 .formal-intro-copy,
body.owner-shell-v1 .formal-intro-meta {
  position: relative;
  z-index: 2;
  min-width: 0;
}

body.owner-shell-v1 .formal-intro-eyebrow {
  display: block;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
}

body.owner-shell-v1 .formal-intro-copy h1 {
  max-width: 760px;
  margin: 10px 0 7px;
  font-family: var(--formal-serif);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: 0;
  text-wrap: balance;
}

body.owner-shell-v1 .formal-intro-copy p {
  max-width: 680px;
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

body.owner-shell-v1 .formal-intro-meta {
  display: grid;
  min-width: 142px;
  justify-items: end;
  align-content: end;
  gap: 3px;
  text-align: right;
}

body.owner-shell-v1 .formal-intro-date {
  font-family: var(--formal-serif);
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}

body.owner-shell-v1 .formal-intro-day,
body.owner-shell-v1 .formal-intro-meta small {
  font-size: 9px;
  line-height: 1.4;
}

body.owner-shell-v1 .formal-intro-meta i {
  display: block;
  width: 72px;
  height: 1px;
  margin: 7px 0 4px;
}

body.owner-shell-v1 .formal-archive-caption {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 16px;
  display: none;
  justify-items: end;
  gap: 4px;
  padding: 9px 11px;
  text-align: right;
}

body.owner-shell-v1 .formal-archive-caption span {
  font-size: 8px;
  font-weight: 700;
}

body.owner-shell-v1 .formal-archive-caption strong {
  font-family: var(--formal-sans);
  font-size: 11px;
  font-weight: 700;
}

html[data-theme="day"] body.owner-shell-v1 [data-formal-mode-copy="night"],
html[data-theme="day"] body.owner-shell-v1 [data-formal-mode-label="night"],
html[data-theme="night"] body.owner-shell-v1 [data-formal-mode-copy="day"],
html[data-theme="night"] body.owner-shell-v1 [data-formal-mode-label="day"] {
  display: none;
}

body.owner-shell-v1:not(.auth-required) .panel,
body.owner-shell-v1:not(.auth-required) .module-tabs-shell,
body.owner-shell-v1:not(.auth-required) .command,
body.owner-shell-v1:not(.auth-required) .ai-panel {
  border-radius: 4px;
}

body.owner-shell-v1:not(.auth-required) .panel {
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

body.owner-shell-v1:not(.auth-required) .grid {
  gap: 14px;
}

body.owner-shell-v1:not(.auth-required) .panel h3,
body.owner-shell-v1:not(.auth-required) .panel h4 {
  letter-spacing: 0;
}

body.owner-shell-v1:not(.auth-required) .tab,
body.owner-shell-v1:not(.auth-required) button,
body.owner-shell-v1:not(.auth-required) input,
body.owner-shell-v1:not(.auth-required) select,
body.owner-shell-v1:not(.auth-required) textarea {
  letter-spacing: 0;
}

/* Day: vertical archive rail, photographic work surface, restrained paper layers. */
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) {
  --cc-canvas: var(--formal-day-canvas);
  --cc-surface: var(--formal-day-paper);
  --cc-surface-muted: var(--formal-day-paper-soft);
  --cc-surface-strong: #dce6df;
  --cc-ink: var(--formal-day-ink);
  --cc-ink-soft: var(--formal-day-muted);
  --cc-ink-faint: #839493;
  --cc-line: #c8d3cf;
  --cc-line-strong: #aebfba;
  --cc-nav: #e1e9e4;
  --cc-nav-hover: #d5e3dd;
  --cc-nav-active: #1d5152;
  --cc-accent: var(--formal-day-teal);
  --cc-accent-strong: #194e4e;
  --cc-accent-soft: #d9e8e2;
  --cc-danger: var(--formal-day-coral);
  --cc-warning: var(--formal-day-brass);
  background: var(--formal-day-canvas);
  color: var(--formal-day-ink);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .shell,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .main {
  background: var(--formal-day-canvas);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .sidebar {
  border-color: #c1d0ca;
  background:
    linear-gradient(180deg, rgb(255 255 255 / 38%), transparent 26%),
    #e1e9e4;
  box-shadow: inset -1px 0 0 rgb(255 255 255 / 74%), 9px 0 26px rgb(24 64 63 / 7%);
  color: var(--formal-day-ink);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .brand {
  border-color: rgb(41 80 78 / 17%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .brand h1 {
  color: #17393d;
  font-family: var(--formal-serif);
  font-size: 16px;
  font-weight: 700;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .brand small {
  color: #6d8280;
  font-family: var(--formal-mono);
  font-size: 8px;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .mark {
  position: relative;
  overflow: hidden;
  border-color: #477c77;
  border-radius: 3px;
  background: #f6f4e9;
  color: #225b59;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .mark::before,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .mark::after {
  position: absolute;
  content: "";
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .mark::before {
  inset: 5px;
  border: 1px solid rgb(36 108 105 / 43%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .mark::after {
  right: 3px;
  bottom: 3px;
  width: 8px;
  height: 8px;
  background: var(--formal-day-brass);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .mark span {
  position: relative;
  z-index: 1;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-route-code,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-intro-eyebrow {
  color: #6a827f;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__group-label {
  color: #758a86;
  font-family: var(--formal-mono);
  font-size: 9px;
  font-weight: 700;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item {
  border: 1px solid transparent;
  border-radius: 3px;
  color: #4e6968;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item:hover,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item:focus-visible {
  border-color: rgb(50 104 100 / 14%);
  background: rgb(255 255 255 / 46%);
  color: #173e41;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item[aria-current="page"],
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item.active {
  border-color: rgb(38 92 89 / 28%);
  background: #1d5152;
  box-shadow: inset 3px 0 0 var(--formal-day-brass), 0 5px 15px rgb(28 72 72 / 10%);
  color: #f7f5eb;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .pin-button,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .nav.pinned a {
  border-color: #bacac5;
  background: rgb(255 255 255 / 43%);
  color: #45625f;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .topbar {
  border-color: #c8d3cf;
  background: rgb(249 249 243 / 94%);
  box-shadow: 0 7px 22px rgb(27 63 62 / 7%);
  backdrop-filter: blur(16px) saturate(108%);
  -webkit-backdrop-filter: blur(16px) saturate(108%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .title h2 {
  color: #1b383d;
  font-family: var(--formal-serif);
  font-size: 18px;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .command {
  border-color: #aebfba;
  background: rgb(255 255 251 / 82%);
  box-shadow: inset 3px 0 0 rgb(167 119 63 / 62%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .workspace {
  position: relative;
  gap: 14px;
  background-color: var(--formal-day-canvas);
  background-image:
    linear-gradient(rgb(37 86 83 / 4%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(37 86 83 / 4%) 1px, transparent 1px);
  background-size: 48px 48px;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
  min-height: 210px;
  padding: 30px 34px 29px;
  border: 1px solid rgb(41 82 80 / 18%);
  background-color: #eef2eb;
  background-image:
    linear-gradient(90deg, #f5f6ef 0%, rgb(245 246 239 / 97%) 37%, rgb(245 246 239 / 65%) 56%, rgb(245 246 239 / 8%) 74%),
    url("../assets/day-archive-r1.jpg");
  background-position: center, right center;
  background-repeat: no-repeat;
  background-size: 100% 100%, 66% auto;
  box-shadow: 0 18px 42px rgb(28 65 63 / 10%), inset 0 1px 0 rgb(255 255 255 / 84%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro::before {
  position: absolute;
  z-index: 1;
  inset: 12px;
  border-top: 1px solid rgb(39 84 80 / 16%);
  border-left: 1px solid rgb(39 84 80 / 16%);
  pointer-events: none;
  content: "";
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-intro-copy {
  align-self: center;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-intro-copy h1 {
  color: #17383d;
  text-shadow: 0 1px 0 rgb(255 255 255 / 72%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-intro-copy p {
  color: #5b7171;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-intro-meta {
  align-self: start;
  color: #5b7572;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-intro-date {
  color: var(--formal-day-brass);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-intro-meta i {
  background: rgb(41 88 84 / 25%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-archive-caption {
  display: grid;
  border: 1px solid rgb(255 255 255 / 48%);
  background: rgb(20 54 53 / 73%);
  box-shadow: 0 8px 24px rgb(9 33 32 / 18%);
  color: #f5f1e6;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-archive-caption span {
  color: #d9bd86;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .module-tabs-shell {
  border: 1px solid #c2ceca;
  background: rgb(250 250 245 / 92%);
  box-shadow: 0 7px 20px rgb(29 67 64 / 7%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .tab.active {
  border-color: var(--formal-day-brass);
  color: #174d4c;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .panel {
  border-color: #c6d1cd;
  background: rgb(251 250 244 / 94%);
  box-shadow: 0 12px 28px rgb(29 64 63 / 8%), inset 0 1px 0 rgb(255 255 255 / 88%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .panel:hover {
  border-color: #abbdb7;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .overview-command-deck,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) [data-reminders-v2] .reminder-v2-overview,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) [data-people-v2] .people-overview-primary {
  border-top: 3px solid var(--formal-day-teal);
  background:
    linear-gradient(120deg, rgb(36 108 105 / 6%), transparent 42%),
    rgb(251 250 244 / 96%);
}

/* Night: horizontal command strip, full cosmos field, fixed operational signal rail. */
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) {
  --cc-night-rail-width: 258px;
  --cc-desktop-topbar-height: 70px;
  --cc-canvas: var(--formal-night-canvas);
  --cc-surface: #0d2027;
  --cc-surface-muted: #102a32;
  --cc-surface-strong: #15343c;
  --cc-ink: var(--formal-night-ink);
  --cc-ink-soft: var(--formal-night-muted);
  --cc-ink-faint: #587577;
  --cc-line: #29434a;
  --cc-line-strong: #3e6668;
  --cc-nav: #081920;
  --cc-nav-hover: #12343a;
  --cc-nav-active: #1c4d51;
  --cc-accent: var(--formal-night-teal);
  --cc-accent-strong: #b8e3d8;
  --cc-accent-soft: #173b3e;
  --cc-danger: var(--formal-night-coral);
  --cc-warning: var(--formal-night-brass);
  background: var(--formal-night-canvas);
  color: var(--formal-night-ink);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .shell,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .main {
  background: var(--formal-night-canvas);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .brand h1 {
  color: #e5eee9;
  font-family: var(--formal-serif);
  font-size: 15px;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .brand small,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-route-code {
  color: #678787;
  font-family: var(--formal-mono);
  font-size: 8px;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .mark {
  position: relative;
  overflow: hidden;
  border-color: rgb(125 200 188 / 35%);
  border-radius: 3px;
  background: #102d34;
  color: #d4ad67;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .mark::after {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 7px;
  height: 7px;
  background: var(--formal-night-teal);
  box-shadow: 0 0 12px rgb(125 200 188 / 60%);
  content: "";
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .mark span {
  position: relative;
  z-index: 1;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .topbar {
  border-color: var(--formal-night-line);
  background: rgb(7 19 25 / 91%);
  box-shadow: 0 10px 30px rgb(0 5 8 / 24%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .title h2 {
  color: #dce9e3;
  font-family: var(--formal-serif);
  font-size: 18px;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .command {
  border-color: rgb(125 200 188 / 25%);
  background: rgb(15 40 47 / 72%);
  box-shadow: inset 3px 0 0 rgb(212 173 103 / 64%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .command input,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .command span {
  color: #b9d0cb;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .workspace {
  position: relative;
  isolation: isolate;
  gap: 14px;
  background-color: #071219;
  background-image:
    linear-gradient(180deg, rgb(3 9 13 / 18%) 0%, rgb(3 9 13 / 58%) 62%, rgb(3 9 13 / 86%) 100%),
    url("../assets/night-cosmos-r1.jpg"),
    linear-gradient(rgb(126 196 189 / 3%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(126 196 189 / 3%) 1px, transparent 1px);
  background-position: center top, center top, left top, left top;
  background-repeat: no-repeat, no-repeat, repeat, repeat;
  background-size: cover, cover, 52px 52px, 52px 52px;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .workspace::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0 67%, rgb(121 198 188 / 5%) 67% 67.1%, transparent 67.1%);
  content: "";
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
  min-height: 168px;
  padding: 28px 32px 25px;
  border: 1px solid var(--formal-night-line);
  border-left: 3px solid var(--formal-night-brass);
  background:
    linear-gradient(90deg, rgb(7 22 28 / 91%), rgb(11 30 37 / 72%) 58%, rgb(8 22 29 / 44%)),
    repeating-linear-gradient(90deg, transparent 0 71px, rgb(126 196 189 / 4%) 71px 72px);
  box-shadow: 0 22px 46px rgb(0 4 7 / 28%), inset 0 1px 0 rgb(169 222 211 / 7%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro::before,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro::before {
  top: 0;
  right: 0;
  width: 164px;
  height: 62px;
  border-top: 1px solid rgb(125 200 188 / 32%);
  border-right: 1px solid rgb(125 200 188 / 32%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro::after {
  right: 0;
  bottom: 18px;
  width: 38%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgb(125 200 188 / 42%));
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-intro-eyebrow {
  color: #759b98;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-intro-copy h1 {
  color: #e0e9e4;
  text-shadow: 0 2px 22px rgb(0 0 0 / 44%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-intro-copy p {
  color: #7f9c9c;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-intro-meta {
  color: #6f9290;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-intro-date {
  color: var(--formal-night-brass);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-intro-meta i {
  background: rgb(125 200 188 / 30%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .module-tabs-shell {
  border: 1px solid var(--formal-night-line);
  background: rgb(10 29 36 / 82%);
  box-shadow: 0 12px 30px rgb(0 5 8 / 22%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .tabs {
  border-color: rgb(126 196 189 / 16%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .tab {
  color: #708f90;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .tab:hover {
  border-color: rgb(126 196 189 / 31%);
  background: rgb(24 62 67 / 45%);
  color: #c2d9d3;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .tab.active {
  border-color: var(--formal-night-brass);
  color: #e2c587;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .panel,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .ai-panel {
  border-color: var(--formal-night-line);
  background: var(--formal-night-surface);
  box-shadow: 0 16px 34px rgb(0 4 7 / 25%), inset 0 1px 0 rgb(163 221 211 / 6%);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .panel:hover {
  border-color: rgb(126 196 189 / 31%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .overview-command-deck,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) [data-reminders-v2] .reminder-v2-overview,
html[data-theme="night"] body.owner-shell-v1:not(.auth-required) [data-people-v2] .people-overview-primary {
  border-top: 2px solid var(--formal-night-teal);
  border-left: 2px solid rgb(212 173 103 / 70%);
  background:
    linear-gradient(120deg, rgb(125 200 188 / 6%), transparent 46%),
    rgb(9 28 35 / 92%);
}

@media (min-width: 1024px) {
  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .shell {
    grid-template-columns: 248px minmax(0, 1fr);
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .sidebar {
    position: sticky;
    top: 0;
    width: auto;
    height: 100dvh;
    min-height: 100dvh;
    padding: 0 15px 20px;
    overflow-y: auto;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .brand {
    min-height: 82px;
    padding-inline: 3px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-rail-index {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 7px 0;
    color: #7e908c;
    font-family: var(--formal-mono);
    font-size: 8px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #primaryNav {
    margin-top: 20px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .topbar {
    min-height: 76px;
    grid-template-columns: minmax(235px, 320px) minmax(300px, 1fr) auto;
    gap: 18px;
    padding: 10px 28px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .workspace {
    padding: 18px 28px 36px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .shell {
    min-height: 100dvh;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    padding-right: var(--cc-night-rail-width);
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .sidebar {
    position: fixed;
    z-index: 40;
    inset: 0 var(--cc-night-rail-width) auto 0;
    display: flex;
    width: auto;
    height: 74px;
    min-height: 74px;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    padding: 0 22px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--formal-night-line);
    background:
      linear-gradient(90deg, rgb(5 16 22 / 98%), rgb(9 29 35 / 94%) 62%, rgb(5 15 21 / 97%)),
      repeating-linear-gradient(90deg, transparent 0 72px, rgb(126 196 189 / 4%) 72px 73px);
    box-shadow: 0 12px 34px rgb(0 5 8 / 30%);
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .brand {
    min-height: 74px;
    flex: 0 0 218px;
    padding: 0;
    border: 0;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav {
    min-width: 0;
    flex: 1 1 auto;
    margin: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav::-webkit-scrollbar {
    display: none;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__links {
    display: flex;
    min-width: max-content;
    align-items: center;
    gap: 3px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__group {
    display: contents;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__group-label {
    display: none;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item {
    width: auto;
    min-width: max-content;
    height: 38px;
    min-height: 38px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #769496;
    font-family: var(--formal-mono);
    font-size: 10px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item:hover,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item:focus-visible {
    border-color: rgb(126 196 189 / 24%);
    background: rgb(29 72 76 / 48%);
    color: #d3e5de;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item[aria-current="page"],
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item.active {
    border-color: rgb(126 196 189 / 35%);
    background: rgb(31 78 81 / 72%);
    box-shadow: inset 0 -2px 0 var(--formal-night-brass);
    color: #eef5f0;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .pin-button,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .nav.pinned,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-rail-index {
    display: none;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .main {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    padding-top: 74px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .topbar {
    position: sticky;
    top: 74px;
    min-height: 70px;
    grid-template-columns: minmax(220px, 310px) minmax(320px, 1fr);
    gap: 20px;
    padding: 10px 30px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status {
    position: fixed;
    z-index: 45;
    inset: 0 0 0 auto;
    display: flex;
    width: var(--cc-night-rail-width);
    min-width: var(--cc-night-rail-width);
    height: 100dvh;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 13px;
    padding: 25px 21px 22px;
    overflow: hidden;
    border: 0;
    border-left: 1px solid var(--formal-night-line);
    background:
      linear-gradient(180deg, rgb(7 20 26 / 91%), rgb(5 16 22 / 96%)),
      repeating-linear-gradient(0deg, transparent 0 47px, rgb(126 196 189 / 3%) 47px 48px);
    box-shadow: -14px 0 36px rgb(0 4 7 / 26%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    color: #8cacaa;
    white-space: normal;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-head {
    order: -5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(126 196 189 / 16%);
    color: #789b98;
    font-family: var(--formal-mono);
    font-size: 9px;
    font-weight: 700;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-head i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--formal-night-teal);
    box-shadow: 0 0 0 4px rgb(125 200 188 / 10%), 0 0 16px rgb(125 200 188 / 54%);
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status > .dot {
    position: absolute;
    top: 87px;
    right: 22px;
    margin: 0;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #clock {
    order: -4;
    display: block;
    margin-top: 5px;
    color: #e4ebe6;
    font-family: var(--formal-serif);
    font-size: 39px;
    font-weight: 600;
    line-height: 1;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #workspaceStatus {
    order: -3;
    display: -webkit-box;
    max-width: none;
    max-height: 3em;
    padding-bottom: 14px;
    overflow: hidden;
    border-bottom: 1px solid rgb(126 196 189 / 16%);
    color: #799896;
    font-family: var(--formal-mono);
    font-size: 9px;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-context {
    order: -2;
    display: grid;
    gap: 5px;
    padding: 13px 0 15px;
    border-bottom: 1px solid rgb(126 196 189 / 16%);
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-context span,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-context small,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-meter span,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-meter small {
    color: #668584;
    font-family: var(--formal-mono);
    font-size: 8px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-context strong {
    color: #c8d9d3;
    font-family: var(--formal-serif);
    font-size: 15px;
    font-weight: 600;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-meter {
    order: -1;
    display: grid;
    gap: 8px;
    padding: 3px 0 14px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-meter i {
    display: block;
    height: 3px;
    overflow: hidden;
    background: rgb(126 196 189 / 10%);
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-meter b {
    display: block;
    width: 68%;
    height: 100%;
    background: linear-gradient(90deg, var(--formal-night-teal), var(--formal-night-brass));
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) [data-theme-mode-toggle],
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .owner-global-search-trigger,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .ai-fab,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status-button {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    justify-content: center;
    border-color: rgb(126 196 189 / 21%);
    border-radius: 3px;
    background: rgb(15 43 48 / 56%);
    color: #b6cfca;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) [data-theme-mode-toggle] {
    order: 2;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .global-search-mount {
    order: 3;
    display: flex;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .ai-fab {
    order: 4;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status-button {
    order: 5;
    margin-top: auto;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .workspace {
    padding: 24px 30px 40px;
  }

  html[data-theme="night"] body.owner-shell-v1.ai-open .shell {
    padding-right: 380px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .shell {
    grid-template-columns: 184px minmax(0, 1fr);
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .sidebar {
    padding-inline: 12px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .brand {
    padding-inline: 0;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .brand h1 {
    font-size: 14px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .brand small {
    font-size: 6px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-rail-index {
    font-size: 7px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-rail-index {
    padding-inline: 2px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .topbar {
    grid-template-columns: minmax(190px, 300px) minmax(260px, 1fr) auto;
    gap: 12px;
    padding-inline: 20px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .workspace {
    padding: 16px 20px 32px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) {
    --cc-night-rail-width: 0px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .sidebar {
    gap: 10px;
    padding-inline: 12px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .brand {
    min-width: 154px;
    flex-basis: 154px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .brand > div:last-child {
    min-width: 0;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .brand h1 {
    font-size: 14px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .brand small {
    font-size: 6px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav {
    overflow-x: hidden;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__links {
    gap: 2px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__item {
    width: 44px;
    min-width: 44px;
    height: 50px;
    min-height: 50px;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 3px 2px;
    font-size: 8px;
    line-height: 1;
    text-align: center;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__icon {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #primaryNav .cc-shell-nav__label {
    max-width: 100%;
    font-size: 8px;
    line-height: 1;
    text-align: center;
    text-overflow: clip;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .topbar {
    grid-template-columns: minmax(220px, 310px) minmax(280px, 1fr) auto;
    gap: 12px;
    padding-inline: 18px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status {
    position: static;
    display: flex;
    width: auto;
    min-width: 0;
    height: auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-head,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-context,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-signal-meter,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status > .dot,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #workspaceStatus,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #clock {
    display: none;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) [data-theme-mode-toggle],
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .owner-global-search-trigger,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .ai-fab,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status-button {
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .owner-global-search-trigger span {
    display: none;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .status-button {
    width: 48px;
    min-width: 48px;
    margin-top: 0;
  }
}

@media (min-width: 761px) and (max-width: 1023px) {
  body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
    min-height: 178px;
    padding: 25px 26px;
  }

  body.owner-shell-v1:not(.auth-required) .formal-intro-copy h1 {
    font-size: 29px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
    background-size: 100% 100%, 76% auto;
  }
}

@media (max-width: 760px) {
  body.owner-shell-v1:not(.auth-required) .formal-route-code {
    margin: 0 0 2px;
    font-size: 8px;
  }

  body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
    min-height: 170px;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
    gap: 12px;
    padding: 19px 17px 18px;
  }

  body.owner-shell-v1:not(.auth-required) .formal-intro-copy h1 {
    max-width: 100%;
    margin: 7px 0 5px;
    font-size: 25px;
    line-height: 1.25;
  }

  body.owner-shell-v1:not(.auth-required) .formal-intro-copy p {
    font-size: 11px;
    line-height: 1.55;
  }

  body.owner-shell-v1:not(.auth-required) .formal-intro-meta {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-items: start;
    justify-content: flex-start;
    gap: 7px;
    text-align: left;
  }

  body.owner-shell-v1:not(.auth-required) .formal-intro-date {
    font-family: var(--formal-mono);
    font-size: 10px;
  }

  body.owner-shell-v1:not(.auth-required) .formal-intro-meta i,
  body.owner-shell-v1:not(.auth-required) .formal-intro-meta small,
  body.owner-shell-v1:not(.auth-required) .formal-archive-caption,
  body.owner-shell-v1:not(.auth-required) .formal-signal-head,
  body.owner-shell-v1:not(.auth-required) .formal-signal-context,
  body.owner-shell-v1:not(.auth-required) .formal-signal-meter {
    display: none;
  }

  body.owner-shell-v1:not(.auth-required) .workspace {
    gap: 9px;
    padding: 9px 9px var(--cc-mobile-content-bottom-clearance);
  }

  body.owner-shell-v1:not(.auth-required) .module-tabs-shell {
    border-radius: 3px;
  }

  body.owner-shell-v1:not(.auth-required) .panel {
    padding: 14px;
    border-radius: 3px;
  }

  body.owner-shell-v1:not(.auth-required) .grid {
    gap: 10px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
    border-color: rgb(41 82 80 / 18%);
    background-image:
      linear-gradient(180deg, rgb(245 246 239 / 24%) 0%, rgb(245 246 239 / 92%) 48%, #f5f6ef 100%),
      url("../assets/day-archive-r1.jpg");
    background-position: center, center top;
    background-size: 100% 100%, 100% auto;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .cc-mobile-nav {
    border-top: 1px solid #b8c9c3;
    background: rgb(244 246 239 / 96%);
    box-shadow: 0 -12px 30px rgb(25 59 58 / 14%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .cc-mobile-nav__item.active,
  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .cc-mobile-nav__item[aria-current="page"] {
    background: rgb(36 108 105 / 11%);
    box-shadow: inset 0 3px 0 var(--formal-day-brass);
    color: #174e4e;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
    min-height: 158px;
    border-left-width: 2px;
    background: rgb(7 24 30 / 79%);
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .workspace {
    background-size: auto 620px, auto 620px, 38px 38px, 38px 38px;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .cc-mobile-nav {
    border-top: 1px solid rgb(126 196 189 / 22%);
    background: rgb(7 23 29 / 95%);
    box-shadow: 0 -14px 34px rgb(0 4 7 / 42%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .cc-mobile-nav__item {
    color: #668888;
  }

  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .cc-mobile-nav__item.active,
  html[data-theme="night"] body.owner-shell-v1:not(.auth-required) .cc-mobile-nav__item[aria-current="page"] {
    background: rgb(45 104 99 / 17%);
    box-shadow: inset 0 3px 0 var(--formal-night-brass);
    color: #e0c181;
  }
}

@media (max-width: 390px) {
  body.owner-shell-v1:not(.auth-required) .formal-intro-copy h1 {
    font-size: 23px;
  }

  body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
    padding-inline: 15px;
  }
}

/* Day r7: photographic canvas and elevated work cards across every module. */
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) {
  --formal-day-canvas: #dbe5e0;
  --formal-day-paper: #fcfbf6;
  --formal-day-paper-soft: #f0f4ef;
  --cc-shadow-float: 0 22px 54px rgb(29 61 60 / 16%);
  background: #dbe5e0;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .shell,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .main {
  background: transparent;
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .workspace {
  isolation: isolate;
  gap: 18px;
  background-color: #dbe5e0;
  background-image:
    linear-gradient(100deg, rgb(224 234 229 / 96%) 0%, rgb(224 234 229 / 88%) 50%, rgb(216 227 222 / 72%) 100%),
    url("../assets/day-archive-r1.jpg"),
    linear-gradient(rgb(37 86 83 / 5%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(37 86 83 / 5%) 1px, transparent 1px);
  background-attachment: scroll, fixed, scroll, scroll;
  background-position: center, center top, left top, left top;
  background-repeat: no-repeat, no-repeat, repeat, repeat;
  background-size: 100% 100%, cover, 46px 46px, 46px 46px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 64%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .sidebar {
  background:
    linear-gradient(180deg, rgb(255 255 255 / 58%), transparent 28%),
    linear-gradient(135deg, #e8efeb, #dce7e2);
  box-shadow: inset -1px 0 0 rgb(255 255 255 / 86%), 12px 0 34px rgb(22 58 56 / 10%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .topbar {
  border-color: rgb(73 105 101 / 24%);
  background: rgb(250 250 246 / 86%);
  box-shadow: 0 12px 32px rgb(26 62 60 / 11%), inset 0 1px 0 rgb(255 255 255 / 92%);
  backdrop-filter: blur(20px) saturate(112%);
  -webkit-backdrop-filter: blur(20px) saturate(112%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .command,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .module-tabs-shell {
  border-color: rgb(62 98 94 / 25%);
  border-radius: 8px;
  background: rgb(252 251 247 / 88%);
  box-shadow: 0 10px 26px rgb(31 66 64 / 10%), inset 0 1px 0 rgb(255 255 255 / 92%);
  backdrop-filter: blur(16px) saturate(108%);
  -webkit-backdrop-filter: blur(16px) saturate(108%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .formal-workbench-intro {
  border-color: rgb(49 85 82 / 28%);
  border-radius: 8px;
  box-shadow: 0 24px 54px rgb(25 59 57 / 16%), inset 0 1px 0 rgb(255 255 255 / 86%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #moduleStage .panel,
html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .ai-panel {
  border: 1px solid rgb(58 91 88 / 26%);
  border-radius: 8px;
  background:
    linear-gradient(140deg, rgb(255 255 252 / 94%), rgb(247 249 244 / 87%));
  box-shadow:
    0 22px 50px rgb(31 62 61 / 14%),
    0 4px 12px rgb(31 62 61 / 7%),
    inset 0 1px 0 rgb(255 255 255 / 96%);
  backdrop-filter: blur(18px) saturate(110%);
  -webkit-backdrop-filter: blur(18px) saturate(110%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #moduleStage .panel:hover {
  border-color: rgb(42 87 83 / 38%);
  box-shadow:
    0 26px 58px rgb(31 62 61 / 17%),
    0 5px 14px rgb(31 62 61 / 8%),
    inset 0 1px 0 rgb(255 255 255 / 98%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #moduleStage .panel.tab-focus {
  border-color: rgb(36 108 105 / 52%);
  box-shadow:
    0 28px 60px rgb(31 62 61 / 18%),
    0 0 0 2px rgb(36 108 105 / 9%),
    inset 0 1px 0 rgb(255 255 255 / 98%);
}

@media (min-width: 1024px) {
  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .workspace {
    padding: 22px 34px 48px;
  }
}

@media (max-width: 760px) {
  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) .workspace {
    gap: 11px;
    background-attachment: scroll;
    background-position: center, center top, left top, left top;
    background-size: 100% 100%, auto 680px, 38px 38px, 38px 38px;
  }

  html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #moduleStage .panel {
    border-radius: 7px;
    box-shadow: 0 14px 32px rgb(31 62 61 / 13%), inset 0 1px 0 rgb(255 255 255 / 94%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.owner-shell-v1:not(.auth-required) .panel {
    transition: none;
  }
}

@media (forced-colors: active) {
  body.owner-shell-v1:not(.auth-required) .formal-workbench-intro,
  body.owner-shell-v1:not(.auth-required) .panel,
  body.owner-shell-v1:not(.auth-required) .module-tabs-shell {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
  }
}