/* Theme-specific colors for shared Focus, Moments and tag-cloud widgets. */
body .focus-log {--focus-ink: var(--sage-copy);--focus-muted: var(--sage-muted);--focus-line: var(--sage-surface-border);--focus-paper: var(--sage-surface);--focus-blush: var(--sage-surface-raised);--focus-neutral: #CCD8C8;--focus-rating-1: #e2ebe7;--focus-rating-2: #c5d6ce;--focus-rating-3: #a0c2b2;--focus-rating-4: #78a891;--focus-rating-5: #4a7560;--focus-time-1: #e2ebe7;--focus-time-2: #b2cdc0;--focus-time-3: #7cac95;--focus-time-4: #4d7964;--focus-time-5: #355244;}
body .l_body.content .l_main > article.md-text.content.focus-page-shell {border: 1px solid var(--sage-surface-border);box-shadow: var(--sage-surface-shadow);}
body .focus-product {background: var(--focus-paper);}
body .focus-log .focus-topbar {background: var(--sage-surface-raised);}
body .focus-avatar, body .focus-mini-avatar {border: 3px solid rgba(255,255,255,.98);background: var(--sage-surface-inset);box-shadow: 0 5px 16px rgba(73,103,88,.12);}
body .focus-brand-title {color: #495e54;}
body .focus-owner-toggle {border: 1px solid var(--sage-surface-border);color: #687a71;background: var(--sage-surface-raised);}
body .focus-owner-dot {background: #c5cfca;box-shadow: 0 0 0 4px rgba(197,207,202,.2);}
body .focus-log[data-owner="true"] .focus-owner-dot {background: #6da188;box-shadow: 0 0 0 4px rgba(109,161,136,.18);}
body .focus-owner-toggle:focus-visible, body .focus-action:focus-visible, body .focus-icon-button:focus-visible, body .focus-day-chip:focus-visible, body .focus-star:focus-visible, body .focus-choice:focus-visible {outline: 2px solid #75a78f;}
body .focus-metric {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);box-shadow: 0 7px 20px rgba(67,97,82,.055);}
body .focus-metric:nth-child(2) {background: var(--sage-surface-raised);}
body .focus-metric:nth-child(3) {background: var(--sage-surface-raised);}
body .focus-metric:nth-child(4) {background: var(--sage-surface-raised);}
body .focus-metric-value {color: #4d6157;}
body .focus-metric-context {color: var(--sage-muted);}
body .focus-activity, body .focus-day-panel {background: var(--sage-surface-raised);box-shadow: 0 9px 28px rgba(65,97,82,.055);}
body .focus-kicker {color: var(--sage-muted);}
body .focus-heading-row h2, body .focus-day-header h3, body .focus-editor h3, body .focus-dialog h3 {color: #53685e;}
body .focus-icon-button {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);}
body .focus-period-label {color: #6a7d74;}
body .focus-months {color: #92a39b;}
body .focus-weekday-labels {color: #8c9c94;}
body .focus-day-mark.is-peeked {filter: drop-shadow(0 3px 4px rgba(126,172,150,.23));}
body .focus-day-mark:focus-visible {outline: 2px solid #8ab4a0;}
body .focus-day-tooltip {border: 1px solid var(--sage-surface-border);color: #586d63;background: var(--sage-surface-raised);box-shadow: 0 12px 32px rgba(77,112,95,.15), 0 3px 8px rgba(112,151,132,.07), inset 0 0 0 3px rgba(255,255,255,.75);}
body .focus-day-tooltip::before {border-right: 1px solid var(--sage-surface-border);border-bottom: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);}
body .focus-day-tooltip[data-placement="below"]::before {border-left: 1px solid var(--sage-surface-border);border-top: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);}
body .focus-day-tooltip-flower {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);box-shadow: 0 3px 9px rgba(129,175,153,.07);}
body .focus-day-tooltip-weekday {color: #80ae98;}
body .focus-day-tooltip-stats > div {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-inset);}
body .focus-day-tooltip-stats > div + div {border-color: #dee8e3;background: var(--sage-surface-inset);}
body .focus-day-tooltip-stats span {color: #82978d;}
body .focus-day-tooltip-stats strong {color: #5d9178;}
body .focus-day-tooltip-stats > div + div strong {color: #507e68;}
body .focus-day-tooltip-note {color: #85998f;}
body .focus-day-tooltip-note span {color: #83a595;}
body .focus-day-core-outline {stroke: rgba(94,114,104,.16);}
body .focus-day-core-divider {stroke: #ffffff;}
body .focus-day-mark.is-today .focus-day-core-outline {stroke: rgba(80,101,91,.48);}
body .focus-scale-heading {color: #6c7e75;}
body .focus-scale-half {border: 1px solid var(--sage-surface-border);box-shadow: 0 1px 2px rgba(91,116,104,.08);}
body .focus-scale-half--rating {background: linear-gradient(135deg, var(--focus-rating-4) 0 47%, #ffffff 48% 52%, var(--focus-neutral) 53% 100%);}
body .focus-scale-half--time {background: linear-gradient(135deg, var(--focus-neutral) 0 47%, #ffffff 48% 52%, var(--focus-time-4) 53% 100%);}
body .focus-scale-position {color: #97a69f;}
body .focus-scale-labels {color: #98a8a0;}
body .focus-day-chip {border: 1px solid var(--sage-surface-border);color: #6c7d75;background: var(--sage-surface-raised);}
body .focus-day-chip span {color: #96a69e;}
body .focus-day-chip.is-selected {border-color: #a5c6b6;color: #5d9178;background: var(--sage-surface-inset);box-shadow: 0 5px 15px rgba(94,148,122,.09);}
body .focus-log .focus-day-header {background: var(--sage-surface-raised);}
body .focus-status {color: #5e7369;}
body .focus-table {color: #65766e;}
body .focus-table th {color: #8da097;background: var(--sage-surface-raised);}
body .focus-cell-ellipsis:hover {color: #5a8e75;}
body .focus-cell-ellipsis:focus-visible {outline: 2px solid rgba(134,178,157,.42);}
body .focus-end-label {color: #92a29a;}
body .focus-empty {color: #95a49d;}
body .focus-rating-stars {color: #89b49f;}
body .focus-rating-number {color: #91a199;}
body .focus-edit-row {color: #6a9f85;}
body .focus-empty-row td {color: #92a29a;}
body .focus-live-region {color: #92a29a;}
body .focus-action {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);}
body .focus-action.primary {border-color: #8bb5a1;color: #ffffff;background: #8bb5a1;}
body .focus-action.subtle {background: var(--sage-surface-raised);}
body .focus-editor {background: var(--sage-surface-raised);}
body .focus-field label {color: #71827a;}
body .focus-field input, body .focus-field textarea {border: 1px solid var(--sage-surface-border);color: #576960;background: var(--sage-surface-raised);}
body .focus-field input:focus, body .focus-field textarea:focus {border-color: #86b29d;box-shadow: 0 0 0 3px rgba(134,178,157,.12);}
body .focus-field input:disabled {color: #86978f;background: var(--sage-surface-inset);}
body .focus-log .focus-expand-task {color: #60957b;}
body .focus-expand-task:focus-visible {outline: 2px solid #75a78f;}
body .focus-action.danger {color: #5d9278;border-color: #cfded7;background: var(--sage-surface-raised);}
body .focus-action.danger:hover {background: var(--sage-surface-inset);border-color: #a8c8b9;}
body .focus-field-hint {color: #98a7a0;}
body .focus-preview {background: var(--sage-surface-raised);}
body .focus-preview-label {color: #86978f;}
body .focus-detail-header .focus-icon-button:hover {color: #5a8e75;border-color: #b1cdbf;background: var(--sage-surface-inset);}
body .focus-detail-content h4 {color: #84958d;}
body .focus-dialog {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);box-shadow: 0 25px 75px rgba(42,66,54,.24);}
body .focus-dialog::backdrop {background: rgba(43,62,53,.28);}
body .focus-dialog-copy {color: #84958d;}
body .focus-checkbox {color: #6d7e76;}
body .focus-checkbox input {accent-color: #80ad97;}
body .focus-dialog-error {color: #507c67;background: var(--sage-surface-inset);}
body .focus-star {color: #cdd9d3;}
body .focus-star[aria-pressed="true"] {color: #89b49f;}
body .focus-choice {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);}
body .focus-choice.primary {border-color: #a3c4b5;background: var(--sage-surface-raised);}
body .focus-choice strong {color: #5e7168;}
body .focus-choice span {color: #8b9c94;}
body .focus-plan-progress {color: #788f84;}
body .focus-plan-progress.is-achieved {color: #4b7661;}
body .focus-plans {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);}
body .focus-plans-symbol {border: 1px solid var(--sage-surface-border);background: var(--sage-surface-raised);}
body .focus-log .focus-plans h3 {color: #60786c;}
body .focus-plans-columns {color: #8ca197;}
body .focus-plan-row {border-top: 1px solid var(--sage-surface-border);}
body .focus-log .focus-plan-text {color: #5e7268;}
body .focus-plan-view {color: #79a590;}
body .focus-plan-formula {border: 1px solid var(--sage-surface-border);color: #82aa97;}
body .focus-plan-text:hover .focus-plan-view {color: #5f947a;}
body .focus-plan-text:hover {color: #5f947a;}
body .focus-plan-text:focus-visible {outline: 2px solid #75a78f;}
body .urgency-3 {color: #639c80;background: #f1f6f4;border-color: #dae6e0;}
body .urgency-2 {color: #7e6f51;background: #f1efea;border-color: #d8d2c7;}
body .urgency-1 {color: #5a826f;background: #edf2f0;border-color: #d7e4de;}
body .focus-log .focus-plan-edit {color: #819f90;}
body .focus-plans-empty {color: #90a39a;}
body .focus-plans-error {color: #5d9278;}
body .focus-urgency-picker legend {color: #71827a;}
body .focus-urgency-picker input:checked + .focus-urgency {box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #9fc1b1;}
body .focus-urgency-picker input:focus-visible + .focus-urgency {outline: 2px solid #75a78f;}
body .focus-page-message {color: #507e68;background: var(--sage-surface-inset);}
body .focus-table td::before {color: #90a098;}
body .moments {--bsky-blue: #6da288;--bsky-blue-strong: #588971;--card: var(--sage-surface-raised);--block: var(--sage-surface-inset);--block-border: var(--sage-surface-border);}
body .moment {box-shadow: 0 8px 24px rgba(36,56,46, 0.06);}
body .moment.is-pinned {border-color: rgba(109,162,136, 0.42);box-shadow: 0 10px 28px rgba(109,162,136, 0.1);}
body .moment-pinned {background: rgba(109,162,136, 0.1);}
body .moment-bsky-mark {background: rgba(109,162,136, 0.12);}
body .moment-external-video {background: #15201b;}
body .moment-external-badge {background: rgba(109,162,136, 0.12);}
body .moment-video {background: #15201b;color: #ffffff;}
body .moment-video-play {background: rgba(0,0,0, 0.66);}
body .moment-video-label {text-shadow: 0 1px 4px #000000;}
body .moment-action:hover, body .moment-action.is-active {background: rgba(109,162,136, 0.1);}
body .moment-action-like:hover {color: #80ad97;background: rgba(128,173,151, 0.1);}
body .moment-bsky-reply {box-shadow: 0 5px 14px rgba(109,162,136, 0.22);color: #ffffff;}
body .moment-bsky-reply .moment-bsky-mark {background: rgba(255,255,255, 0.18);}
body .moment-bsky-reply:hover {color: #ffffff;box-shadow: 0 7px 18px rgba(109,162,136, 0.32);}
body .moments-loading-spinner {border: 2px solid rgba(109,162,136, 0.22);}
body .widget-wrapper.tagcloud.tagcloud-enhanced .tagcloud-toggle {border: 1px solid rgba(255,255,255,.92);background: linear-gradient(105deg, rgba(238,243,241,.95), rgba(237,243,240,.9));color: #667b71;box-shadow: 0 5px 12px rgba(73,114,94,.07);}
body .widget-wrapper.tagcloud.tagcloud-enhanced .tagcloud-toggle:hover {color: #73a68d;background: linear-gradient(105deg, #edf2f0, #e9efec);box-shadow: 0 8px 17px rgba(73,114,94,.11);}


/* Collection and personal-page shells share the list palette. Reading pages
   keep their transparent surfaces in lei-sage-open.css. */
.lei-site-layout .l_body:not(.lei-reading-page) .l_main > article.md-text.content {
  --card:var(--sage-surface-raised);
  --block:var(--sage-surface-inset);
  --block-border:var(--sage-surface-border);
  background:var(--sage-surface);
  border-color:var(--sage-surface-border);
  box-shadow:var(--sage-surface-shadow);
}

/* Transparent artwork blends into the green banner, including its frame and
   floating title, without changing the approved crop or layout. */
.lei-site-layout .tag-plugin.banner.lei-profile-banner {
  background:var(--sage-surface);
  border-color:var(--sage-surface-inset);
  box-shadow:var(--sage-inner-shadow);
}
.lei-site-layout .tag-plugin.banner.lei-profile-banner > img.bg {mix-blend-mode:multiply}
.lei-site-layout .tag-plugin.banner.lei-profile-banner .content {background:transparent}
.lei-site-layout .tag-plugin.banner.lei-profile-banner .content .bottom {
  background:var(--sage-surface-raised)!important;
  border-color:var(--sage-surface-border);
  box-shadow:var(--sage-inner-shadow);
}
.lei-site-layout .tag-plugin.banner.lei-profile-banner:before,
.lei-site-layout .tag-plugin.banner.lei-profile-banner .content .top .back,
.lei-site-layout .tag-plugin.banner.lei-profile-banner .content .bottom:after {
  background:var(--sage-surface-raised);
  border-color:var(--sage-surface-border);
}
.lei-site-layout .lei-friends-garden .user-card .card-link {
  background:var(--sage-surface-raised);
  border-color:var(--sage-surface-border);
  box-shadow:var(--sage-inner-shadow);
}
.lei-site-layout .lei-friends-garden .lei-friends-sticker {
  background:var(--sage-surface-raised);
  border-color:var(--sage-surface-border);
  outline-color:var(--sage-surface-raised);
}

.lei-site-layout .l_main > .paginator-wrap {
  background:var(--sage-surface);
  border-color:var(--sage-surface-border);
  box-shadow:var(--sage-surface-shadow);
}