/* Full-card botanical fields for read-only parchment and information cards. */

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .overview-canvas-widget > .panel, .module-canvas-widget > .panel,
  .work-column, .people-v2-card, .knowledge-v2-card, .vault-card,
  .knowledge-v2__canvas-card, .knowledge-v2__distribution,
  .knowledge-v2__coverage, .knowledge-v2__focus,
  .reminder-v2-card, .items-v2-card, .profile-owner-card, .custom-info-card
):not(.tab-panel-hidden):not(.overview-command-deck) {
  position: relative;
  isolation: isolate;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .overview-canvas-widget > .panel, .module-canvas-widget > .panel,
  .work-column, .people-v2-card, .knowledge-v2-card, .vault-card,
  .knowledge-v2__canvas-card, .knowledge-v2__distribution,
  .knowledge-v2__coverage, .knowledge-v2__focus,
  .reminder-v2-card, .items-v2-card, .profile-owner-card, .custom-info-card
):not(.tab-panel-hidden):not(.overview-command-deck)::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background-image:
    radial-gradient(ellipse at 18px 18px, rgb(42 82 119 / 12%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 38px 33px, rgb(174 124 39 / 11%) 0 4px, transparent 5px),
    radial-gradient(ellipse at 54px 53px, rgb(42 82 119 / 9%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 17px 70px, rgb(174 124 39 / 9%) 0 4px, transparent 5px),
    radial-gradient(ellipse at 3px 42px, transparent 0 27px, rgb(46 91 127 / 9%) 28px 29px, transparent 30px);
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat;
  background-size: 84px 84px;
  opacity: .82;
  pointer-events: none;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .overview-canvas-widget > .panel, .module-canvas-widget > .panel,
  .work-column, .people-v2-card, .knowledge-v2-card, .vault-card,
  .knowledge-v2__canvas-card, .knowledge-v2__distribution,
  .knowledge-v2__coverage, .knowledge-v2__focus,
  .reminder-v2-card, .items-v2-card, .profile-owner-card, .custom-info-card
):not(.tab-panel-hidden):not(.overview-command-deck) > * {
  position: relative;
  z-index: 1;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .overview-canvas-widget:nth-child(4n + 2) > .panel,
  .module-canvas-widget:nth-child(4n + 2) > .panel,
  .work-column:nth-child(4n + 2),
  .people-v2-card:nth-child(4n + 2),
  .knowledge-v2-card:nth-child(4n + 2),
  .knowledge-v2__canvas-card:nth-child(4n + 2),
  .vault-card:nth-child(4n + 2),
  .reminder-v2-card:nth-child(4n + 2),
  .items-v2-card:nth-child(4n + 2),
  .profile-owner-card:nth-child(4n + 2),
  .custom-info-card:nth-child(4n + 2)
)::after {
  background-image:
    radial-gradient(ellipse at 25px 22px, transparent 0 18px, rgb(48 88 126 / 12%) 19px 20px, transparent 21px),
    radial-gradient(ellipse at 73px 44px, transparent 0 22px, rgb(171 120 38 / 11%) 23px 24px, transparent 25px),
    radial-gradient(ellipse at 112px 18px, transparent 0 17px, rgb(48 88 126 / 10%) 18px 19px, transparent 20px),
    radial-gradient(ellipse at 142px 60px, transparent 0 25px, rgb(171 120 38 / 9%) 26px 27px, transparent 28px);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: 168px 82px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .overview-canvas-widget:nth-child(4n + 3) > .panel,
  .module-canvas-widget:nth-child(4n + 3) > .panel,
  .work-column:nth-child(4n + 3),
  .people-v2-card:nth-child(4n + 3),
  .knowledge-v2-card:nth-child(4n + 3),
  .knowledge-v2__canvas-card:nth-child(4n + 3),
  .vault-card:nth-child(4n + 3),
  .reminder-v2-card:nth-child(4n + 3),
  .items-v2-card:nth-child(4n + 3),
  .profile-owner-card:nth-child(4n + 3),
  .custom-info-card:nth-child(4n + 3)
)::after {
  background-image:
    radial-gradient(ellipse at 50% 7px, rgb(48 88 126 / 12%) 0 12px, transparent 13px),
    radial-gradient(ellipse at 37% 27px, rgb(174 124 39 / 10%) 0 10px, transparent 11px),
    radial-gradient(ellipse at 63% 27px, rgb(174 124 39 / 10%) 0 10px, transparent 11px),
    radial-gradient(ellipse at 23% 47px, rgb(48 88 126 / 9%) 0 9px, transparent 10px),
    radial-gradient(ellipse at 77% 47px, rgb(48 88 126 / 9%) 0 9px, transparent 10px),
    radial-gradient(ellipse at 50% -18px, transparent 0 52px, rgb(174 124 39 / 9%) 53px 54px, transparent 55px);
  background-position: 0 0;
  background-size: 132px 74px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .overview-canvas-widget:nth-child(4n) > .panel,
  .module-canvas-widget:nth-child(4n) > .panel,
  .work-column:nth-child(4n),
  .people-v2-card:nth-child(4n),
  .knowledge-v2-card:nth-child(4n),
  .knowledge-v2__canvas-card:nth-child(4n),
  .vault-card:nth-child(4n),
  .reminder-v2-card:nth-child(4n),
  .items-v2-card:nth-child(4n),
  .profile-owner-card:nth-child(4n),
  .custom-info-card:nth-child(4n)
)::after {
  background-image:
    radial-gradient(ellipse at 14px 20px, rgb(42 92 134 / 10%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 42px 48px, rgb(174 124 39 / 11%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 71px 20px, rgb(48 88 126 / 11%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 99px 48px, rgb(174 124 39 / 9%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 127px 20px, rgb(42 92 134 / 9%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 28px 75px, transparent 0 35px, rgb(48 88 126 / 9%) 36px 37px, transparent 38px),
    radial-gradient(ellipse at 98px -7px, transparent 0 35px, rgb(174 124 39 / 9%) 36px 37px, transparent 38px);
  background-position: 0 0;
  background-size: 140px 96px;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .overview-canvas-widget > .panel, .module-canvas-widget > .panel,
  .work-column, .people-v2-card, .knowledge-v2-card, .vault-card,
  .knowledge-v2__canvas-card, .knowledge-v2__distribution,
  .knowledge-v2__coverage, .knowledge-v2__focus,
  .reminder-v2-card, .items-v2-card, .profile-owner-card, .custom-info-card
):not(.tab-panel-hidden):not(.overview-command-deck)::after {
  filter: brightness(1.28) saturate(.82);
  opacity: .64;
}

/* Knowledge papers use two denser blue-and-gold botanical fields. */
body.owner-shell-v1:not(.auth-required) #moduleStage .knowledge-v2__workspace .module-canvas-widget > .knowledge-v2__canvas-card--editor::after {
  background-image:
    radial-gradient(ellipse at 18px 20px, rgb(39 91 137 / 15%) 0 6px, transparent 7px),
    radial-gradient(ellipse at 43px 42px, rgb(181 132 42 / 14%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 70px 65px, rgb(39 91 137 / 12%) 0 6px, transparent 7px),
    radial-gradient(ellipse at 98px 88px, rgb(181 132 42 / 12%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 124px 110px, rgb(39 91 137 / 10%) 0 6px, transparent 7px),
    radial-gradient(ellipse at -12px 63px, transparent 0 53px, rgb(43 94 137 / 12%) 54px 56px, transparent 57px),
    radial-gradient(ellipse at 76px 148px, transparent 0 60px, rgb(181 132 42 / 11%) 61px 63px, transparent 64px) !important;
  background-position: 0 0;
  background-size: 150px 150px !important;
  opacity: .86 !important;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .knowledge-v2__workspace .module-canvas-widget > .knowledge-v2__current-notes::after {
  background-image:
    radial-gradient(ellipse at 50% 10px, rgb(41 91 137 / 14%) 0 13px, transparent 14px),
    radial-gradient(ellipse at 35% 31px, rgb(181 132 42 / 13%) 0 10px, transparent 11px),
    radial-gradient(ellipse at 65% 31px, rgb(181 132 42 / 13%) 0 10px, transparent 11px),
    radial-gradient(ellipse at 18% 52px, rgb(41 91 137 / 11%) 0 8px, transparent 9px),
    radial-gradient(ellipse at 82% 52px, rgb(41 91 137 / 11%) 0 8px, transparent 9px),
    radial-gradient(ellipse at 50% -25px, transparent 0 63px, rgb(181 132 42 / 11%) 64px 66px, transparent 67px),
    radial-gradient(ellipse at 50% 95px, transparent 0 63px, rgb(41 91 137 / 10%) 64px 66px, transparent 67px) !important;
  background-position: 0 0;
  background-size: 144px 120px !important;
  opacity: .78 !important;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .knowledge-v2__canvas-card :is(
  input:not([type="checkbox"]):not([type="radio"]), textarea, select,
  .knowledge-v2__record, .knowledge-v2__browser-row, .tag-picker-r1
) {
  background-color: color-mix(in srgb, var(--cc-paper, #fbfaf2) 94%, transparent);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage .knowledge-v2__canvas-card :is(
  input:not([type="checkbox"]):not([type="radio"]), textarea, select,
  .knowledge-v2__record, .knowledge-v2__browser-row, .tag-picker-r1
) {
  background-color: rgb(8 34 40 / 94%);
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > :is(.command-console-head, .list) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 6px;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(420px, 76%);
  aspect-ratio: 1;
  right: -86px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list > * { position: relative; z-index: 1; }

body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list::after {
  position: absolute;
  z-index: 0;
  right: 7%;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(159 105 27 / 10%);
  font: 700 clamp(92px, 12vw, 176px)/1 Georgia, "Times New Roman", serif;
  pointer-events: none;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-ledger > .list::after { content: "\0050"; }
body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-hot-days > .list::after { content: "\25C8"; }
body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-anomalies > .list::after { content: "\2726"; }
body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-assets > .list::after { content: "\00A7"; }

body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-ledger > .list::before {
  border: 1px solid rgb(30 111 91 / 16%);
  border-radius: 50%;
  background-image:
    radial-gradient(circle, transparent 0 19%, rgb(174 119 35 / 18%) 19.5% 20.5%, transparent 21% 31%, rgb(42 92 134 / 15%) 31.5% 32.5%, transparent 33% 46%, rgb(174 119 35 / 14%) 46.5% 47.5%, transparent 48%),
    conic-gradient(from 22.5deg, transparent 0 8%, rgb(42 92 134 / 11%) 8.5% 10%, transparent 10.5% 23%, rgb(174 119 35 / 12%) 23.5% 25%, transparent 25.5% 40%, rgb(42 92 134 / 11%) 40.5% 42%, transparent 42.5% 56%, rgb(174 119 35 / 12%) 56.5% 58%, transparent 58.5% 73%, rgb(42 92 134 / 11%) 73.5% 75%, transparent 75.5% 90%, rgb(174 119 35 / 12%) 90.5% 92%, transparent 92.5%);
  box-shadow: inset 0 0 0 22px rgb(255 255 255 / 4%), inset 0 0 0 23px rgb(174 119 35 / 11%);
}

body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-hot-days > .list::before {
  width: min(360px, 92%);
  right: -104px;
  border: 1px solid rgb(174 119 35 / 17%);
  transform: translateY(-50%) rotate(45deg);
  background-image:
    linear-gradient(135deg, transparent 0 32%, rgb(42 92 134 / 12%) 32.5% 34%, transparent 34.5% 65%, rgb(174 119 35 / 13%) 65.5% 67%, transparent 67.5%),
    radial-gradient(circle, transparent 0 21%, rgb(174 119 35 / 16%) 21.5% 23%, transparent 23.5% 41%, rgb(42 92 134 / 12%) 41.5% 43%, transparent 43.5%);
  box-shadow: inset 0 0 0 28px rgb(255 255 255 / 4%), inset 0 0 0 29px rgb(42 92 134 / 10%);
}

body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-anomalies > .list::before {
  width: min(310px, 72%);
  right: -54px;
  border: 1px solid rgb(42 92 134 / 14%);
  border-radius: 50% 50% 44% 44%;
  background-image:
    radial-gradient(ellipse at 50% 20%, rgb(174 119 35 / 17%) 0 5%, transparent 5.5% 20%),
    radial-gradient(ellipse at 20% 50%, rgb(42 92 134 / 13%) 0 5%, transparent 5.5% 20%),
    radial-gradient(ellipse at 80% 50%, rgb(42 92 134 / 13%) 0 5%, transparent 5.5% 20%),
    radial-gradient(circle, transparent 0 27%, rgb(174 119 35 / 15%) 27.5% 29%, transparent 29.5%);
}

body.owner-shell-v1:not(.auth-required) #moduleStage .finance-overview-assets > .list::before {
  width: min(320px, 74%);
  right: -64px;
  clip-path: polygon(50% 0, 88% 16%, 96% 58%, 50% 100%, 4% 58%, 12% 16%);
  border: 1px solid rgb(174 119 35 / 16%);
  background-image:
    radial-gradient(circle, transparent 0 23%, rgb(174 119 35 / 18%) 23.5% 25%, transparent 25.5% 42%, rgb(42 92 134 / 13%) 42.5% 44%, transparent 44.5%),
    conic-gradient(from 30deg, rgb(42 92 134 / 7%), transparent 17%, rgb(174 119 35 / 9%) 18% 33%, transparent 34% 50%, rgb(42 92 134 / 7%) 51% 66%, transparent 67% 83%, rgb(174 119 35 / 9%) 84%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .command-console-head {
  color: #153b32;
  background: linear-gradient(105deg, rgb(231 244 238 / 96%), rgb(248 248 243 / 92%));
  box-shadow: inset 3px 0 #237c67, inset 0 0 0 1px rgb(27 108 89 / 16%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list {
  color: #172f29;
  background: rgb(246 249 246 / 94%);
  box-shadow: inset 0 0 0 1px rgb(27 108 89 / 13%);
}

html[data-theme="day"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list :is(small, time, p, .muted) { color: #566d65 !important; }

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > :is(.command-console-head, .list) {
  color: #e7f3ee;
  background: rgb(6 39 42 / 92%);
  box-shadow: inset 3px 0 #58aa91, inset 0 0 0 1px rgb(102 181 154 / 18%);
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list :is(small, time, p, .muted) { color: #a9c3ba !important; }

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list::before { filter: brightness(1.22) saturate(.8); opacity: .72; }

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage :is(
  .finance-overview-ledger, .finance-overview-hot-days,
  .finance-overview-anomalies, .finance-overview-assets
) > .list::after { color: rgb(218 177 102 / 12%); }

@media (max-width: 760px) {
  body.owner-shell-v1:not(.auth-required) #moduleStage :is(
    .finance-overview-ledger, .finance-overview-hot-days,
    .finance-overview-anomalies, .finance-overview-assets
  ) > .list::before { right: -110px; opacity: .62; }
}

/* People overview: three full parchment fields, each with its own botanical rhythm. */
body.owner-shell-v1:not(.auth-required) #moduleStage .cc-people-v2 :is(
  .people-overview-list-column,
  .people-overview-profile,
  .people-overview-interactions
) {
  position: relative;
  isolation: isolate;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .cc-people-v2 :is(
  .people-overview-list-column,
  .people-overview-profile,
  .people-overview-interactions
)::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background-repeat: repeat;
  pointer-events: none;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .cc-people-v2 :is(
  .people-overview-list-column,
  .people-overview-profile,
  .people-overview-interactions
) > * { position: relative; z-index: 1; }

body.owner-shell-v1:not(.auth-required) #moduleStage .cc-people-v2 .people-overview-list-column::before {
  background-image:
    radial-gradient(ellipse at 16px 18px, rgb(48 88 126 / 13%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 42px 34px, rgb(174 124 39 / 12%) 0 4px, transparent 5px),
    radial-gradient(ellipse at 69px 53px, rgb(48 88 126 / 10%) 0 5px, transparent 6px),
    radial-gradient(ellipse at 94px 27px, rgb(174 124 39 / 10%) 0 4px, transparent 5px),
    radial-gradient(ellipse at 2px 48px, transparent 0 31px, rgb(48 88 126 / 9%) 32px 33px, transparent 34px);
  background-size: 112px 78px;
  opacity: .8;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .cc-people-v2 .people-overview-profile::before {
  background-image:
    radial-gradient(ellipse at 50% 8px, rgb(48 88 126 / 13%) 0 12px, transparent 13px),
    radial-gradient(ellipse at 35% 28px, rgb(174 124 39 / 11%) 0 10px, transparent 11px),
    radial-gradient(ellipse at 65% 28px, rgb(174 124 39 / 11%) 0 10px, transparent 11px),
    radial-gradient(ellipse at 18% 48px, rgb(48 88 126 / 9%) 0 8px, transparent 9px),
    radial-gradient(ellipse at 82% 48px, rgb(48 88 126 / 9%) 0 8px, transparent 9px),
    radial-gradient(ellipse at 50% -20px, transparent 0 54px, rgb(174 124 39 / 9%) 55px 56px, transparent 57px);
  background-size: 138px 76px;
  opacity: .82;
}

body.owner-shell-v1:not(.auth-required) #moduleStage .cc-people-v2 .people-overview-interactions::before {
  background-image:
    radial-gradient(ellipse at 22px 20px, transparent 0 18px, rgb(48 88 126 / 12%) 19px 20px, transparent 21px),
    radial-gradient(ellipse at 74px 48px, transparent 0 24px, rgb(174 124 39 / 11%) 25px 26px, transparent 27px),
    radial-gradient(ellipse at 128px 20px, transparent 0 18px, rgb(48 88 126 / 10%) 19px 20px, transparent 21px),
    radial-gradient(ellipse at 154px 54px, rgb(42 92 134 / 8%) 0 5px, transparent 6px);
  background-size: 176px 86px;
  opacity: .84;
}

html[data-theme="night"] body.owner-shell-v1:not(.auth-required) #moduleStage .cc-people-v2 :is(
  .people-overview-list-column,
  .people-overview-profile,
  .people-overview-interactions
)::before { filter: brightness(1.25) saturate(.8); opacity: .5; }