@import url("/static/admin.css?v=scene-polish-3");

body.surface-workspace {
  --accent: #b9dfff;
  --accent2: #d8c4ff;
  --panel: rgba(255,255,255,.11);
  --panel-strong: rgba(255,255,255,.18);
  --shadow: 0 22px 58px rgba(34,46,92,.22);
  --household-glass: rgba(255,255,255,.10);
  --household-line: rgba(255,255,255,.30);
  --household-line-hot: rgba(255,255,255,.52);
  --household-text: rgba(248,252,255,.94);
  --household-faint: rgba(248,252,255,.68);
  background:
    radial-gradient(circle at 66% 10%, rgba(225,203,255,.42), transparent 26rem),
    radial-gradient(circle at 14% 28%, rgba(171,220,255,.42), transparent 23rem),
    radial-gradient(circle at 78% 86%, rgba(255,204,179,.22), transparent 26rem),
    linear-gradient(145deg, #68779f 0%, #8a96bb 46%, #5f78a0 100%);
  color: var(--household-text);
  overflow-x: hidden;
}

body.surface-workspace::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .34;
  background:
    linear-gradient(90deg, rgba(57,72,112,.66), transparent 18%, transparent 78%, rgba(45,56,94,.38)),
    url("https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=1500&q=80");
  background-position: center top;
  background-size: cover;
  filter: saturate(.72) contrast(.92) blur(1px);
  transform: scale(1.016);
}

body.surface-workspace::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .25;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.48) 0 1px, transparent 1.6px),
    radial-gradient(circle at 76% 31%, rgba(255,246,219,.38) 0 1px, transparent 1.5px),
    radial-gradient(circle at 55% 76%, rgba(204,229,255,.30) 0 1px, transparent 1.5px);
  background-size: 77px 77px, 113px 113px, 151px 151px;
  mix-blend-mode: screen;
}

.surface-workspace .page-title {
  font-family: var(--font-ui);
  font-size: 28px;
}

.surface-workspace .surface-main {
  max-width: none;
}

.surface-workspace .page,
.surface-workspace .card,
.surface-workspace .add-mem-form,
.surface-workspace .pollution-form,
.surface-workspace .finance-card,
.surface-workspace .todo-add-card,
.surface-workspace .todo-list-card,
.surface-workspace .household-card,
.surface-workspace .memory-library-pane {
  width: 100%;
  max-width: none;
}

.surface-workspace .surface-nav.sidebar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(73,87,131,.34);
  border-right-color: rgba(255,255,255,.24);
  box-shadow: 16px 0 48px rgba(35,47,86,.16), inset -1px 0 0 rgba(255,255,255,.12);
  backdrop-filter: blur(28px) saturate(1.36);
  -webkit-backdrop-filter: blur(28px) saturate(1.36);
}

.surface-workspace .surface-cover::after {
  background: rgba(31,138,118,.54);
}

.surface-workspace .surface-kicker {
  color: rgba(48,120,105,.70);
}

.surface-workspace .surface-cover-title {
  color: rgba(255,255,255,.95);
}

.surface-workspace .surface-switch {
  border-bottom-color: rgba(71,145,130,.11);
}

.surface-workspace .surface-switch summary {
  color: #183a35;
  background:
    radial-gradient(circle at 32% 23%, rgba(255,255,255,.98) 0, rgba(255,255,255,.72) 13%, rgba(255,255,255,0) 31%),
    radial-gradient(circle at 72% 78%, rgba(87,172,150,.34), rgba(87,172,150,0) 42%),
    conic-gradient(from 222deg, rgba(88,196,164,.92), rgba(146,222,184,.90), rgba(237,201,126,.66), rgba(88,196,164,.92));
}

.surface-workspace .surface-switch a {
  border-color: rgba(71,145,130,.14);
  color: rgba(76,104,100,.78);
  background: rgba(255,255,255,.38);
}

.surface-workspace .surface-switch a:hover {
  color: #1f806e;
  border-color: rgba(31,138,118,.24);
  background: rgba(249,255,252,.74);
}

.surface-workspace .surface-nav .nav-item.active {
  color: #fff;
  border-color: transparent;
  background:
    radial-gradient(circle at 90% 96%, rgba(255,196,151,.38), transparent 42%),
    linear-gradient(112deg, rgba(178,224,255,.24), rgba(255,255,255,.08));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 0 30px rgba(157,210,255,.18);
}

.surface-workspace .card,
.surface-workspace .add-mem-form,
.surface-workspace .pollution-form,
.surface-workspace .finance-card,
.surface-workspace .todo-add-card,
.surface-workspace .todo-list-card {
  border-radius: 8px;
}

.surface-workspace .mem-list {
  display: grid;
  gap: 8px;
}

.surface-workspace .toolbar,
.surface-workspace .mem-header {
  align-items: center;
}

.surface-workspace .workspace-cover {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  padding-bottom: 28px;
}

.surface-workspace .workspace-avatar {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.54);
  border-radius: 999px;
  object-fit: cover;
  object-position: 50% 39%;
  box-shadow: 0 0 26px rgba(188,220,255,.34);
}

.surface-workspace .workspace-cover .surface-cover-title {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: none;
  font-size: 16px;
  line-height: 1.1;
}

.surface-workspace .workspace-cover .surface-cover-title svg {
  width: 15px;
  height: 15px;
}

.surface-workspace .workspace-cover .surface-cover-subtitle {
  color: rgba(245,249,255,.70);
}

.surface-workspace .surface-nav .nav-item {
  color: rgba(250,253,255,.82);
}

.surface-workspace .surface-nav .nav-item:hover {
  color: #fff;
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.08);
}

.surface-workspace .surface-nav .status-badge {
  color: rgba(255,255,255,.72);
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

.surface-workspace .surface-main.main {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(100,112,153,.20);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.14);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}

.surface-workspace .household-page {
  position: relative;
  max-width: none;
  min-height: calc(100vh - 76px);
  isolation: isolate;
}

.surface-workspace .household-page::before {
  content: "";
  position: absolute;
  inset: -38px -46px -58px -46px;
  z-index: -2;
  background: linear-gradient(90deg, rgba(29,42,82,.16), transparent 30%, rgba(255,255,255,.04));
  pointer-events: none;
}

.surface-workspace .household-orb {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(70px);
}

.surface-workspace .household-orb-a {
  width: 28rem;
  height: 22rem;
  left: 8%;
  top: 6%;
  background: rgba(173,218,255,.26);
}

.surface-workspace .household-orb-b {
  width: 24rem;
  height: 20rem;
  right: 2%;
  bottom: 6%;
  background: rgba(218,190,255,.25);
}

.surface-workspace .household-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin: 4px 0 22px;
}

.surface-workspace .household-page .page-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 3vw, 46px);
  font-weight: 820;
  line-height: 1.06;
  text-shadow: 0 0 32px rgba(255,255,255,.24);
}

.surface-workspace .household-page .page-title span {
  color: rgba(255,255,255,.94);
}

.surface-workspace .household-page .page-title svg {
  width: 31px;
  height: 31px;
  opacity: .82;
}

.surface-workspace .household-hero p {
  margin: 14px 0 0;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  font-weight: 700;
}

.surface-workspace .household-clock-card,
.surface-workspace .household-stat,
.surface-workspace .household-add-card,
.surface-workspace .household-tabs,
.surface-workspace .household-glass-btn,
.surface-workspace .household-icon-btn,
.surface-workspace .household-item,
.surface-workspace .household-modal-panel {
  position: relative;
  border: 1px solid var(--household-line);
  background:
    linear-gradient(138deg, rgba(255,255,255,.17), rgba(255,255,255,.055) 52%, rgba(255,255,255,.11)),
    var(--household-glass);
  box-shadow:
    0 18px 55px rgba(41,55,100,.20),
    inset 0 1px 1px rgba(255,255,255,.34),
    inset 0 -1px 18px rgba(255,255,255,.08);
  backdrop-filter: blur(28px) saturate(1.45);
  -webkit-backdrop-filter: blur(28px) saturate(1.45);
}

.surface-workspace .household-clock-card::before,
.surface-workspace .household-stat::before,
.surface-workspace .household-add-card::before,
.surface-workspace .household-tabs::before,
.surface-workspace .household-glass-btn::before,
.surface-workspace .household-icon-btn::before,
.surface-workspace .household-item::before,
.surface-workspace .household-modal-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.34), transparent 24%, transparent 72%, rgba(185,213,255,.22)),
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.33), transparent 28%);
  opacity: .42;
  mix-blend-mode: screen;
}

.surface-workspace .household-clock-card {
  min-width: 254px;
  padding: 16px 22px 15px;
  border-radius: 18px;
}

.surface-workspace .household-clock-card span,
.surface-workspace .household-clock-card em {
  position: relative;
  z-index: 1;
  display: block;
  color: rgba(255,255,255,.84);
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
}

.surface-workspace .household-clock-card strong {
  position: relative;
  z-index: 1;
  display: block;
  margin: 7px 0 6px;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: 780;
}

.surface-workspace .household-clock-card em {
  display: flex;
  align-items: center;
  gap: 6px;
}

.surface-workspace .household-clock-card svg {
  width: 15px;
  height: 15px;
  color: #ffd493;
}

.surface-workspace .household-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 24px;
}

.surface-workspace .household-stat {
  display: flex;
  align-items: center;
  min-height: 126px;
  padding: 22px 30px;
  border-radius: 17px;
  overflow: hidden;
  transition: transform .19s ease, border-color .19s ease, box-shadow .19s ease, background .19s ease;
}

.surface-workspace .household-stat:hover,
.surface-workspace .household-item:hover {
  transform: translateY(-4px);
  border-color: var(--household-line-hot);
  box-shadow:
    0 20px 60px rgba(41,55,100,.24),
    0 0 36px rgba(171,213,255,.24),
    0 0 30px rgba(255,214,227,.16),
    inset 0 1px 1px rgba(255,255,255,.38);
}

.surface-workspace .household-stat-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  margin-right: 30px;
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.07)),
    rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 32px rgba(180,216,255,.24);
}

.surface-workspace .household-stat-icon svg {
  width: 38px;
  height: 38px;
}

.surface-workspace .household-stat-pending .household-stat-icon { color: #ffd3b7; box-shadow: 0 0 34px rgba(255,174,202,.36); }
.surface-workspace .household-stat-bought .household-stat-icon { color: #c5f2ff; box-shadow: 0 0 34px rgba(158,228,255,.34); }
.surface-workspace .household-stat-stock .household-stat-icon { color: #ffe0b9; box-shadow: 0 0 34px rgba(255,212,163,.34); }

.surface-workspace .household-stat > div:last-child {
  position: relative;
  z-index: 1;
}

.surface-workspace .household-stat span {
  display: block;
  color: rgba(255,255,255,.90);
  font-size: 16px;
  font-weight: 820;
}

.surface-workspace .household-stat strong {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 8px 8px 10px 0;
  color: #fff;
  font-size: 38px;
  line-height: 1;
  font-weight: 820;
}

.surface-workspace .household-stat strong::after {
  content: "件";
  color: rgba(255,255,255,.76);
  font-size: 15px;
}

.surface-workspace .household-stat small {
  display: block;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  font-weight: 720;
}

.surface-workspace .household-workbench {
  display: grid;
  gap: 18px;
}

.surface-workspace .household-add-card {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 58px;
  align-items: center;
  min-height: 64px;
  padding: 0 18px 0 34px;
  border-radius: 16px;
}

.surface-workspace .household-add-card::after {
  content: "+";
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.88);
  font-size: 23px;
  line-height: 1;
}

.surface-workspace .household-add-card input {
  position: relative;
  z-index: 1;
  grid-column: 2;
  width: 100%;
  border: 0;
  outline: 0;
  color: rgba(255,255,255,.95);
  background: transparent;
  font-size: 16px;
  font-weight: 760;
}

.surface-workspace .household-add-card input::placeholder {
  color: rgba(255,255,255,.76);
}

.surface-workspace .household-submit {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 56px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 17px;
  color: #fff;
  background:
    radial-gradient(circle at 32% 18%, rgba(255,255,255,.48), transparent 45%),
    linear-gradient(135deg, rgba(190,198,255,.72), rgba(134,154,238,.46));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 0 30px rgba(165,174,255,.44);
}

.surface-workspace .household-submit svg {
  width: 29px;
  height: 29px;
}

.surface-workspace .household-legacy-fields,
.surface-workspace .household-stock-card {
  display: none;
}

.surface-workspace .household-panel {
  display: grid;
  gap: 12px;
}

.surface-workspace .household-filterbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.surface-workspace .household-tabs {
  display: grid;
  grid-template-columns: repeat(3, 142px);
  min-height: 42px;
  padding: 0;
  border-radius: 15px;
  background: rgba(255,255,255,.065);
}

.surface-workspace .household-tabs button {
  position: relative;
  z-index: 1;
  border: 0;
  border-radius: 15px;
  color: rgba(255,255,255,.70);
  background: transparent;
  font-size: 14px;
  font-weight: 760;
}

.surface-workspace .household-tabs button.active {
  color: #fff;
  background:
    radial-gradient(circle at 88% 8%, rgba(255,209,175,.40), transparent 44%),
    linear-gradient(135deg, rgba(213,202,255,.38), rgba(255,255,255,.11));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 0 28px rgba(188,194,255,.28);
}

.surface-workspace .household-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.surface-workspace .household-toolbar input,
.surface-workspace .household-toolbar select {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.surface-workspace .household-glass-btn,
.surface-workspace .household-icon-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 17px;
  border-radius: 14px;
  color: rgba(255,255,255,.88);
  font-size: 14px;
  font-weight: 760;
}

.surface-workspace .household-icon-btn {
  width: 54px;
  padding: 0;
}

.surface-workspace .household-glass-btn svg,
.surface-workspace .household-icon-btn svg {
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
}

.surface-workspace .household-submeta {
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 700;
}

.surface-workspace .household-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(210px, 1fr));
  gap: 14px 18px;
}

.surface-workspace .household-list .empty {
  grid-column: 1 / -1;
  min-height: 160px;
  display: grid;
  place-items: center;
  border: 1px solid var(--household-line);
  border-radius: 16px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.surface-workspace .household-item {
  min-height: 150px;
  padding: 14px 16px 12px;
  border-radius: 16px;
  overflow: hidden;
  transition: transform .19s ease, border-color .19s ease, box-shadow .19s ease, background .19s ease;
}

.surface-workspace .household-card-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 28px;
  gap: 12px;
  align-items: start;
}

.surface-workspace .household-thumb {
  position: relative;
  width: 52px;
  height: 52px;
}

.surface-workspace .household-thumb img {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 0 18px rgba(255,255,255,.11);
}

.surface-workspace .household-star {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
  padding: 3px;
  border: 1px solid rgba(255,255,255,.56);
  border-radius: 999px;
  color: #ffc77a;
  background: rgba(255,255,255,.72);
  box-shadow: 0 0 12px rgba(255,202,126,.40);
}

.surface-workspace .household-main {
  min-width: 0;
}

.surface-workspace .household-title {
  margin: 2px 0 9px;
  overflow: hidden;
  color: rgba(255,255,255,.94);
  font-size: 16px;
  line-height: 1.08;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.surface-workspace .household-qty {
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 740;
}

.surface-workspace .household-stamps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.surface-workspace .household-stamps .tag {
  display: inline-flex;
  align-items: center;
  max-width: 86px;
  min-height: 21px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  overflow: hidden;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.11);
  font-size: 11px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.surface-workspace .household-stamps .tag.green {
  color: #c6ffdf;
  background: rgba(124,211,170,.16);
}

.surface-workspace .household-stamps .tag.red {
  color: #ffd4d4;
  background: rgba(255,165,165,.16);
}

.surface-workspace .household-more {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 999px;
  color: rgba(255,255,255,.76);
  background: rgba(255,255,255,.09);
}

.surface-workspace .household-menu-wrap {
  position: relative;
  z-index: 4;
}

.surface-workspace .household-more {
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.surface-workspace .household-more:hover,
.surface-workspace .household-more[aria-expanded="true"] {
  transform: translateY(-1px);
  color: #fff;
  background: rgba(255,255,255,.16);
  box-shadow: 0 0 18px rgba(185,213,255,.18), inset 0 1px 0 rgba(255,255,255,.24);
}

.surface-workspace .household-action-menu {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 30;
  display: none;
  width: 128px;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.17), rgba(255,255,255,.055)),
    rgba(75, 88, 134, .82);
  box-shadow: 0 18px 48px rgba(15,22,52,.28), inset 0 1px 0 rgba(255,255,255,.24);
  backdrop-filter: blur(24px) saturate(1.3);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
}

.surface-workspace .household-action-menu.is-open {
  display: grid;
  gap: 5px;
}

.surface-workspace .household-menu-action {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: rgba(246,250,255,.88);
  background: transparent;
  font-size: 11px;
  font-weight: 820;
  text-align: left;
  cursor: pointer;
}

.surface-workspace .household-menu-action:hover {
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
}

.surface-workspace .household-menu-action svg {
  width: 13px;
  height: 13px;
}

.surface-workspace .household-menu-action.done {
  color: #c6ffdf;
}

.surface-workspace .household-menu-action.skip {
  color: #d8e8ff;
}

.surface-workspace .household-menu-action.delete {
  color: #ffd4d4;
}

.surface-workspace .household-note {
  position: relative;
  z-index: 1;
  margin: 10px 0 8px;
  overflow: hidden;
  color: rgba(255,255,255,.86);
  font-size: 13px;
  font-weight: 680;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.surface-workspace .household-meta {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  color: rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 720;
  white-space: nowrap;
}

.surface-workspace .household-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.surface-workspace .household-meta svg {
  width: 14px;
  height: 14px;
}

.surface-workspace .household-actions {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.surface-workspace .household-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  height: 26px;
  padding: 0 7px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 9px;
  color: rgba(255,255,255,.82);
  font-size: 11px;
  font-weight: 820;
  white-space: nowrap;
  transition: transform .16s ease, border-color .16s ease;
}

.surface-workspace .household-action:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.42);
}

.surface-workspace .household-action svg {
  width: 14px;
  height: 14px;
}

.surface-workspace .household-action.done {
  color: #c6ffdf;
  background: rgba(124,211,170,.16);
}

.surface-workspace .household-action.skip {
  color: #d8e8ff;
  background: rgba(151,190,255,.15);
}

.surface-workspace .household-action.delete {
  color: #ffd4d4;
  background: rgba(255,165,165,.16);
}

.surface-workspace .household-panel.household-list-card {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.surface-workspace #household-shopping-list.household-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(210px, 1fr));
  gap: 14px 18px;
}

.surface-workspace #household-shopping-list.household-list .household-item {
  display: block;
  min-height: 150px;
  padding: 14px 16px 12px;
  border: 1px solid var(--household-line);
  border-radius: 16px;
  background:
    linear-gradient(138deg, rgba(196,218,255,.18), rgba(93,113,164,.18) 52%, rgba(255,255,255,.075)),
    rgba(82,101,151,.30);
  box-shadow:
    0 18px 46px rgba(38,50,92,.18),
    inset 0 1px 1px rgba(255,255,255,.30),
    inset 0 -1px 16px rgba(255,255,255,.06);
  overflow: visible;
}

.surface-workspace #household-shopping-list.household-list .household-item::before {
  opacity: .20;
}

.surface-workspace #household-shopping-list.household-list .household-note {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.surface-workspace #household-shopping-list.household-list .household-card-head {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 28px;
  gap: 12px;
  align-items: start;
}

.surface-workspace #household-shopping-list.household-list .household-main {
  grid-column: auto;
  min-width: 0;
}

.surface-workspace #household-shopping-list.household-list .household-stamps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.surface-workspace #household-shopping-list.household-list .household-title {
  margin: 2px 0 9px;
  overflow: hidden;
  color: rgba(255,255,255,.94);
  font-size: 16px;
  line-height: 1.08;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
}

.surface-workspace #household-shopping-list.household-list .household-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
  margin-top: 12px;
}

.surface-workspace #household-shopping-list.household-list .household-action {
  width: auto;
}

@media (min-width: 761px) {
  .surface-workspace .surface-main.main {
    max-width: none;
    width: calc(100% - 204px);
    padding-right: clamp(28px, 3.2vw, 60px);
  }

  .surface-workspace .todo-form-grid {
    grid-template-columns:
      minmax(280px, 2.2fr)
      minmax(190px, 1fr)
      minmax(190px, 1fr)
      minmax(132px, .7fr)
      minmax(132px, .7fr);
  }

  .surface-workspace #todo-list .todo-item {
    grid-template-columns: 22px minmax(0, 1fr) minmax(90px, auto);
  }
}

@media (min-width: 1081px) {
  .surface-workspace .todo-add-card {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }

  .surface-workspace .todo-add-card .todo-card-head {
    display: block;
    margin: 0;
    padding-top: 2px;
  }

  .surface-workspace .todo-add-card .todo-card-head p {
    max-width: 16em;
  }

  .surface-workspace .todo-add-card .todo-form-grid {
    margin: 0;
  }
}

.surface-workspace .todo-page {
  --todo-line: rgba(71,145,130,.14);
  --todo-soft: rgba(246,255,251,.64);
  --todo-ink: #19333a;
}

.surface-workspace .todo-topbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.surface-workspace .todo-topbar .page-title {
  margin-bottom: 6px;
}

.surface-workspace .todo-topbar p {
  margin: 0;
  color: rgba(91,114,127,.82);
  font-size: 13px;
  font-weight: 680;
  line-height: 1.55;
}

.surface-workspace .todo-add-card,
.surface-workspace .todo-list-card {
  border: 1px solid var(--todo-line);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(245,255,251,.58)),
    rgba(255,255,255,.48);
  box-shadow: 0 18px 42px rgba(44,91,88,.09), inset 0 1px 0 rgba(255,255,255,.70);
}

.surface-workspace .todo-add-card {
  padding: 14px 16px;
}

.surface-workspace .todo-card-head,
.surface-workspace .todo-list-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.surface-workspace .todo-card-head p {
  margin: 4px 0 0;
  color: rgba(91,114,127,.76);
  font-size: 12px;
  font-weight: 650;
}

.surface-workspace .todo-page .card-title {
  margin: 0;
  color: #183a35;
  font-size: 13px;
  letter-spacing: .01em;
}

.surface-workspace .todo-form-grid {
  display: grid;
  grid-template-columns:
    minmax(320px, 1.8fr)
    minmax(150px, .72fr)
    minmax(150px, .72fr)
    minmax(108px, .42fr)
    minmax(108px, .42fr);
  gap: 9px 10px;
  margin-bottom: 8px;
}

.surface-workspace .todo-form-grid .form-group {
  min-width: 0;
  gap: 6px;
}

.surface-workspace .todo-content-field,
.surface-workspace .todo-note-field {
  grid-column: 1 / -1;
}

.surface-workspace .todo-note-field {
  grid-column: 1 / -2;
}

.surface-workspace .todo-page label {
  color: rgba(73,98,111,.72);
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .02em;
}

.surface-workspace .todo-page input,
.surface-workspace .todo-page select,
.surface-workspace .todo-page textarea {
  min-height: 34px;
  border-color: rgba(71,145,130,.16);
  border-radius: 11px;
  background: rgba(255,255,255,.64);
  color: var(--todo-ink);
  font-family: var(--font-ui);
  font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}

.surface-workspace .todo-content-field input {
  min-height: 39px;
  padding-inline: 12px;
  font-size: 14px;
  font-weight: 680;
}

.surface-workspace .todo-note-field textarea {
  min-height: 42px;
  padding: 9px 12px;
  line-height: 1.45;
}

.surface-workspace .todo-compose-actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  padding-top: 2px;
}

.surface-workspace .todo-add-btn {
  min-width: 118px;
  min-height: 34px;
  border-radius: 999px;
}

.surface-workspace .todo-list-card {
  padding: 18px;
}

.surface-workspace .todo-filterbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: min(620px, 100%);
}

.surface-workspace .todo-filterbar input {
  width: min(250px, 100%);
}

.surface-workspace .todo-filterbar select {
  width: 136px;
}

.surface-workspace .todo-filterbar .btn,
.surface-workspace .todo-batch-row .btn {
  border-radius: 999px;
}

.surface-workspace .todo-batch-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 10px;
  border: 1px solid rgba(71,145,130,.11);
  border-radius: 14px;
  background: rgba(255,255,255,.42);
}

.surface-workspace .todo-batch-row .tag {
  min-height: 28px;
  border-color: rgba(71,145,130,.14);
  background: rgba(237,255,249,.56);
  color: rgba(31,128,110,.86);
}

.surface-workspace #todo-list {
  gap: 9px;
}

.surface-workspace #todo-list .todo-item {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) minmax(88px, auto);
  gap: 11px;
  align-items: start;
  padding: 14px 14px 14px 18px;
  border: 1px solid rgba(71,145,130,.10);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(251,255,253,.66)),
    rgba(255,255,255,.62);
  box-shadow: 0 8px 18px rgba(44,91,88,.045), inset 0 1px 0 rgba(255,255,255,.78);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.surface-workspace #todo-list .todo-item::before {
  content: "";
  position: absolute;
  inset: 14px auto 14px 0;
  width: 2px;
  border-radius: 999px;
  background: rgba(31,138,118,.34);
}

.surface-workspace #todo-list .todo-item:hover {
  transform: translateY(-1px);
  border-color: rgba(71,145,130,.18);
  box-shadow: 0 12px 26px rgba(44,91,88,.07), inset 0 1px 0 rgba(255,255,255,.82);
}

.surface-workspace #todo-list .todo-item.selected {
  border-color: rgba(31,138,118,.26);
  background:
    linear-gradient(135deg, rgba(238,255,250,.90), rgba(255,255,255,.72)),
    rgba(245,255,251,.68);
}

.surface-workspace #todo-list .todo-item.is-overdue::before {
  background: rgba(196,94,82,.72);
}

.surface-workspace #todo-list .todo-item.is-due-soon::before {
  background: rgba(203,141,54,.72);
}

.surface-workspace #todo-list .todo-item.todo-status-done {
  opacity: .76;
}

.surface-workspace #todo-list .todo-item.todo-status-done::before {
  background: rgba(87,134,153,.28);
}

.surface-workspace .todo-check {
  display: flex;
  justify-content: flex-start;
  padding-top: 2px;
}

.surface-workspace .todo-check input {
  width: 16px;
  height: 16px;
  min-height: 0;
  accent-color: var(--todo-accent);
}

.surface-workspace .todo-title-row {
  min-width: 0;
}

.surface-workspace .todo-id {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(71,145,130,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  color: rgba(91,114,127,.74);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
}

.surface-workspace .todo-main {
  min-width: 0;
  padding-top: 0;
}

.surface-workspace .todo-title {
  color: var(--todo-ink);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.surface-workspace .todo-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  color: rgba(91,114,127,.76);
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
}

.surface-workspace .todo-meta .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  font-size: 11px;
  line-height: 1;
}

.surface-workspace .todo-time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(237,247,249,.58);
  color: rgba(91,114,127,.78);
  font-size: 11px;
}

.surface-workspace .todo-note {
  margin-top: 9px;
  padding: 9px 11px;
  border: 1px solid rgba(71,145,130,.09);
  border-radius: 12px;
  background: rgba(255,255,255,.42);
  color: rgba(68,90,103,.78);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.surface-workspace .todo-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: flex-start;
  min-width: 88px;
}

.surface-workspace .todo-actions .btn {
  width: 100%;
  min-height: 30px;
  padding-inline: 12px;
  border-radius: 999px;
  box-shadow: none;
}

.surface-workspace #page-palette {
  max-width: none;
}

.surface-workspace #page-palette .page-title {
  margin-bottom: 22px;
}

.surface-workspace .palette-panel {
  padding: 0;
  overflow: clip;
  border-color: rgba(71,145,130,.14);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(246,255,251,.54)),
    rgba(255,255,255,.46);
  box-shadow: 0 12px 34px rgba(44,91,88,.08), inset 0 1px 0 rgba(255,255,255,.68);
}

.surface-workspace .palette-panel + .palette-panel {
  margin-top: 12px;
}

.surface-workspace .palette-panel-summary {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 16px 18px;
}

.surface-workspace .palette-panel-summary > div:first-child {
  min-width: 0;
}

.surface-workspace .palette-panel-summary strong {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 5px;
  color: #183a35;
  font-size: 15px;
  font-weight: 820;
}

.surface-workspace .palette-panel-summary strong::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(31,138,118,.48);
  box-shadow: 0 0 0 4px rgba(31,138,118,.06);
}

.surface-workspace .palette-panel-summary .mem-count {
  max-width: min(880px, 100%);
  color: rgba(91,114,127,.82);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.surface-workspace .palette-panel-actions {
  justify-content: flex-end;
  gap: 8px;
}

.surface-workspace .palette-panel-summary > .btn,
.surface-workspace .palette-panel-actions .btn {
  min-height: 31px;
  border-radius: 999px;
  font-size: 12px;
  box-shadow: none;
}

.surface-workspace .palette-panel-summary::after {
  content: "展开";
  min-width: 48px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(71,145,130,.10);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(76,104,100,.78);
  background: rgba(255,255,255,.34);
  font-size: 11px;
  font-weight: 800;
}

.surface-workspace .palette-panel[open] {
  border-color: rgba(31,138,118,.24);
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(244,255,250,.68)),
    rgba(255,255,255,.56);
}

.surface-workspace .palette-panel[open] .palette-panel-summary {
  border-bottom: 1px solid rgba(71,145,130,.13);
}

.surface-workspace .palette-panel[open] .palette-panel-summary::after {
  content: "收起";
}

.surface-workspace .palette-panel > .palette-grid,
.surface-workspace .palette-panel > .palette-health-grid,
.surface-workspace .palette-panel > .mem-list,
.surface-workspace .palette-panel > div:not(.palette-grid):not(.palette-health-grid):not(.mem-list) {
  margin-left: 18px;
  margin-right: 18px;
}

.surface-workspace .palette-health-grid {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.surface-workspace .palette-info-item,
.surface-workspace .palette-health-item {
  border-color: rgba(71,145,130,.13);
  border-radius: 12px;
  background: rgba(255,255,255,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}

.surface-workspace .palette-info-item span,
.surface-workspace .palette-layer-title {
  color: #1f806e;
}

.surface-workspace .palette-info-item span {
  margin-bottom: 8px;
  color: #1f806e;
  font-size: 12px;
  letter-spacing: .01em;
}

.surface-workspace .palette-info-item p {
  color: rgba(91,114,127,.86);
  font-size: 13px;
  line-height: 1.62;
}

.surface-workspace .palette-health-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.surface-workspace .palette-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.surface-workspace .palette-layer {
  border-color: rgba(71,145,130,.13);
  border-radius: 12px;
  background: rgba(255,255,255,.50);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}

.surface-workspace .palette-layer textarea {
  min-height: 160px !important;
  border-color: rgba(71,145,130,.16);
  background: rgba(255,255,255,.64);
  font-family: var(--font-ui);
}

.surface-workspace #paletteChangelog,
.surface-workspace #yiranPaletteChangelog,
.surface-workspace #roleplayPaletteChangelog {
  border-color: rgba(71,145,130,.13) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.52) !important;
}

@media (max-width: 1080px) {
  .surface-workspace .household-stats,
  .surface-workspace .household-list,
  .surface-workspace #household-shopping-list.household-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .surface-workspace .household-filterbar,
  .surface-workspace .household-hero {
    align-items: stretch;
    flex-direction: column;
  }

  .surface-workspace .household-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .surface-workspace .household-toolbar {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .surface-workspace .todo-card-head,
  .surface-workspace .todo-list-head {
    align-items: stretch;
    flex-direction: column;
  }

  .surface-workspace .todo-filterbar {
    justify-content: flex-start;
    min-width: 0;
  }

  .surface-workspace .todo-filterbar input {
    flex: 1 1 220px;
    width: auto;
  }

  .surface-workspace #todo-list .todo-item {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .surface-workspace .todo-main {
    grid-column: 2;
  }

  .surface-workspace .todo-actions {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: flex-start;
    min-width: 0;
  }

  .surface-workspace .todo-actions .btn {
    width: auto;
    min-width: 76px;
  }

  .surface-workspace .palette-panel-summary {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .surface-workspace .palette-panel-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .surface-workspace .palette-health-grid,
  .surface-workspace .palette-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 760px) {
  .surface-workspace .household-page {
    min-height: auto;
  }

  .surface-workspace .workspace-avatar {
    display: none;
  }

  .surface-workspace .household-page .page-title {
    font-size: 30px;
  }

  .surface-workspace .household-clock-card {
    min-width: 0;
  }

  .surface-workspace .household-stats,
  .surface-workspace .household-list,
  .surface-workspace #household-shopping-list.household-list {
    grid-template-columns: 1fr;
  }

  .surface-workspace .household-stat {
    min-height: 108px;
    padding: 18px;
  }

  .surface-workspace .household-stat-icon {
    width: 58px;
    height: 58px;
    margin-right: 18px;
  }

  .surface-workspace .household-add-card {
    grid-template-columns: 20px minmax(0, 1fr) 48px;
    min-height: 58px;
    padding-left: 18px;
  }

  .surface-workspace .household-submit {
    width: 48px;
    height: 38px;
  }

  .surface-workspace .household-toolbar {
    display: grid;
    grid-template-columns: 1fr 1fr 44px;
  }

  .surface-workspace .household-glass-btn,
  .surface-workspace .household-icon-btn {
    width: 100%;
    padding-inline: 10px;
  }

  .surface-workspace .nav-item {
    min-width: 96px;
  }

  .surface-workspace .todo-topbar {
    margin-bottom: 14px;
  }

  .surface-workspace .todo-topbar p {
    font-size: 12px;
  }

  .surface-workspace .todo-add-card,
  .surface-workspace .todo-list-card {
    padding: 14px;
    border-radius: 14px;
  }

  .surface-workspace .todo-form-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .surface-workspace .todo-content-field,
  .surface-workspace .todo-note-field {
    grid-column: auto;
  }

  .surface-workspace .todo-compose-actions {
    justify-content: stretch;
  }

  .surface-workspace .todo-add-btn {
    width: 100%;
  }

  .surface-workspace .todo-filterbar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .surface-workspace .todo-filterbar input {
    grid-column: 1 / -1;
    width: 100%;
  }

  .surface-workspace .todo-filterbar select,
  .surface-workspace .todo-filterbar .btn {
    width: 100%;
  }

  .surface-workspace #todo-list .todo-item {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .surface-workspace .todo-id {
    font-size: 10px;
  }

  .surface-workspace .todo-main {
    grid-column: 2;
  }

  .surface-workspace .todo-title {
    font-size: 13px;
    line-height: 1.45;
  }

  .surface-workspace .todo-meta {
    gap: 5px;
    margin-top: 8px;
  }

  .surface-workspace .todo-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .surface-workspace .todo-actions .btn {
    width: 100%;
    min-width: 0;
  }

  .surface-workspace .palette-panel-summary {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 64px;
    padding: 14px;
  }

  .surface-workspace .palette-panel-summary .mem-count {
    white-space: normal;
  }

  .surface-workspace .palette-panel-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .surface-workspace .palette-health-grid,
  .surface-workspace .palette-grid {
    grid-template-columns: 1fr;
  }

}

/* Memory v2 workbench keeps the workspace glass-card language, only adding layout helpers. */
.surface-workspace .memory-v2-card {
  overflow: visible;
}

.surface-workspace .memory-v2-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.surface-workspace .memory-v2-stat {
  min-height: 78px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255,255,255,.50);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

.surface-workspace .memory-v2-stat span {
  display: block;
  font-size: 11px;
  color: var(--text3);
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.surface-workspace .memory-v2-stat strong {
  display: block;
  margin: 4px 0 2px;
  font-size: 22px;
  color: var(--text);
}

.surface-workspace .memory-v2-stat small {
  display: block;
  color: var(--text2);
  font-size: 11px;
  line-height: 1.35;
}

.surface-workspace .memory-v2-stat.is-ok {
  border-color: rgba(31,157,130,.24);
  background: rgba(235,255,249,.55);
}

.surface-workspace .memory-v2-stat.is-warn {
  border-color: rgba(213,154,48,.26);
  background: rgba(255,249,232,.60);
}

.surface-workspace .memory-v2-split {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 12px;
  align-items: start;
  margin-top: 12px;
}

.surface-workspace .memory-v2-main-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
}

.surface-workspace .memory-v2-results,
.surface-workspace .memory-v2-inspector-card #memoryV2Inspector {
  margin-top: 12px;
}

.surface-workspace .memory-v2-result-card .mem-card-head {
  gap: 12px;
  align-items: flex-start;
}

.surface-workspace .memory-v2-card-actions {
  justify-content: flex-end;
}

.surface-workspace .memory-v2-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.surface-workspace .memory-v2-chip-row code {
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(87,134,153,.16);
  background: rgba(255,255,255,.58);
  color: var(--text2);
  font-size: 11px;
}

.surface-workspace .memory-v2-body {
  margin-top: 8px;
  color: var(--text);
  font-size: 13px;
  line-height: 1.65;
  white-space: pre-wrap;
}

.surface-workspace .memory-v2-foot {
  margin-top: 8px;
  gap: 6px;
}

.surface-workspace .memory-v2-id {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text3);
  font-family: var(--font-mono);
  font-size: 11px;
  cursor: pointer;
}

.surface-workspace .memory-v2-id:hover {
  color: var(--accent);
}

.surface-workspace .memory-v2-actions {
  align-items: center;
}

.surface-workspace .memory-v2-summary-box {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255,255,255,.42);
}

.surface-workspace .memory-v2-mini-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.surface-workspace .memory-v2-mini {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255,255,255,.46);
  color: var(--text2);
  text-align: left;
}

.surface-workspace button.memory-v2-mini {
  cursor: pointer;
}

.surface-workspace .memory-v2-mini strong {
  color: var(--text);
  font-size: 12px;
}

.surface-workspace .memory-v2-mini span {
  color: var(--text2);
  font-size: 11px;
  line-height: 1.45;
}

.surface-workspace .memory-v2-json {
  margin-top: 10px;
}

.surface-workspace .memory-v2-json summary {
  cursor: pointer;
  color: var(--text2);
  font-size: 12px;
  font-weight: 800;
}

.surface-workspace .memory-v2-inspector-pre {
  margin: 8px 0 0;
  max-height: 520px;
  overflow: auto;
  white-space: pre-wrap;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.5;
  color: var(--text2);
}

@media (max-width: 980px) {
  .surface-workspace .memory-v2-split,
  .surface-workspace .memory-v2-main-grid {
    grid-template-columns: 1fr;
  }
}

.surface-workspace .memory-v2-advanced {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--border);
}

.surface-workspace .memory-v2-advanced summary {
  cursor: pointer;
  color: var(--text2);
  font-size: 12px;
  font-weight: 800;
}

.surface-workspace .memory-v2-advanced .btn-row {
  margin-top: 10px;
}

.surface-workspace .memory-v2-inline-advanced {
  margin-top: 8px;
  padding-top: 8px;
}

.surface-workspace .memory-v2-card-more {
  position: relative;
}

.surface-workspace .memory-v2-card-more summary {
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text2);
  background: rgba(255,255,255,.34);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.surface-workspace .memory-v2-card-more summary::-webkit-details-marker {
  display: none;
}

.surface-workspace .memory-v2-card-more[open] summary {
  color: var(--accent);
  background: rgba(249,255,252,.72);
}

.surface-workspace .memory-v2-card-more .btn-row {
  margin-top: 8px;
  justify-content: flex-end;
}

/* Memory v2 refined management UI: polished card list + calm details panel. */
.surface-workspace #memoryLibraryV2Pane {
  --mv2-ink: #20313f;
  --mv2-muted: #6c7f8a;
  --mv2-faint: #8fa0aa;
  --mv2-sage: #3f755f;
  --mv2-sage-soft: rgba(79, 127, 96, .12);
  --mv2-sage-wash: rgba(238, 247, 240, .86);
  --mv2-line: rgba(98, 126, 119, .15);
  --mv2-paper: rgba(255, 255, 252, .86);
  --mv2-paper-strong: rgba(255, 255, 255, .95);
}

.surface-workspace .memory-v2-main-grid {
  grid-template-columns: minmax(640px, 1fr) minmax(280px, .28fr);
  gap: 16px;
  align-items: stretch;
}

.surface-workspace .memory-v2-list-card,
.surface-workspace .memory-v2-inspector-card {
  border: 1px solid rgba(79, 115, 98, .14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.98), rgba(255,255,255,0) 36%),
    linear-gradient(145deg, rgba(255,255,253,.92), rgba(249,252,248,.76));
  box-shadow: 0 18px 46px rgba(57, 86, 77, .10), inset 0 1px 0 rgba(255,255,255,.78);
}

.surface-workspace .memory-v2-list-card {
  padding: 24px 26px 18px;
}

.surface-workspace .memory-v2-inspector-card {
  min-height: 620px;
  padding: 22px 22px 18px;
}

.surface-workspace .memory-v2-list-header,
.surface-workspace .memory-v2-inspector-header {
  margin-bottom: 22px;
}

.surface-workspace .memory-v2-heading {
  display: flex;
  align-items: center;
  gap: 14px;
}

.surface-workspace .memory-v2-heading-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--mv2-sage);
  background: linear-gradient(145deg, rgba(232,244,235,.96), rgba(245,249,244,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(79, 115, 98, .10);
}

.surface-workspace .memory-v2-heading-icon svg,
.surface-workspace .memory-v2-return svg,
.surface-workspace .memory-v2-inspector-refresh svg,
.surface-workspace .memory-v2-action svg,
.surface-workspace .memory-v2-card-more summary svg {
  width: 16px;
  height: 16px;
  stroke-width: 2.2;
}

.surface-workspace .memory-v2-heading .mem-count,
.surface-workspace .memory-v2-inspector-header .mem-count {
  display: block;
  color: var(--mv2-ink);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.surface-workspace .memory-v2-heading small {
  display: block;
  margin-top: 3px;
  color: var(--mv2-muted);
  font-size: 13px;
  font-weight: 700;
}

.surface-workspace .memory-v2-return {
  min-height: 42px;
  padding: 0 18px;
  gap: 8px;
  border-radius: 11px;
  background: linear-gradient(135deg, #4e8065, #2f644d);
  box-shadow: 0 12px 22px rgba(47, 100, 77, .20);
}

.surface-workspace .memory-v2-inspector-refresh {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  justify-content: center;
  border-radius: 999px;
}

.surface-workspace .memory-v2-results {
  gap: 14px;
  max-height: min(74vh, 860px);
  padding: 2px 4px 6px 0;
}

.surface-workspace .memory-v2-results::-webkit-scrollbar,
.surface-workspace .memory-v2-inspector-card #memoryV2Inspector::-webkit-scrollbar {
  width: 7px;
}

.surface-workspace .memory-v2-results::-webkit-scrollbar-thumb,
.surface-workspace .memory-v2-inspector-card #memoryV2Inspector::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(91, 127, 113, .20);
}

.surface-workspace .memory-v2-result-card {
  position: relative;
  display: grid;
  grid-template-columns: 38px 44px minmax(0, 1fr);
  gap: 14px;
  padding: 24px 22px 18px;
  border: 1px solid rgba(96, 128, 118, .15);
  border-radius: 15px;
  background:
    radial-gradient(circle at 0% 0%, rgba(242,248,242,.9), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(252,253,250,.86));
  box-shadow: 0 10px 28px rgba(37, 62, 56, .07), inset 0 1px 0 rgba(255,255,255,.9);
  overflow: visible;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.surface-workspace .memory-v2-result-card:hover {
  transform: translateY(-1px);
  border-color: rgba(63, 117, 95, .25);
  box-shadow: 0 16px 36px rgba(37, 62, 56, .10), inset 0 1px 0 rgba(255,255,255,.92);
}

.surface-workspace .memory-v2-item-index,
.surface-workspace .memory-v2-item-icon {
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--mv2-sage);
  background: var(--mv2-sage-wash);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.surface-workspace .memory-v2-item-index {
  width: 38px;
  height: 38px;
  font-size: 17px;
  font-weight: 900;
  font-family: var(--font-mono);
}

.surface-workspace .memory-v2-item-icon {
  width: 44px;
  height: 44px;
}

.surface-workspace .memory-v2-item-icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.3;
}

.surface-workspace .memory-v2-item-main {
  min-width: 0;
}

.surface-workspace .memory-v2-title {
  color: var(--mv2-ink);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -.02em;
}

.surface-workspace .memory-v2-meta {
  margin: 4px 0 0;
  color: var(--mv2-muted);
  font-size: 12px;
  gap: 9px;
}

.surface-workspace .memory-v2-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
}

.surface-workspace .memory-v2-status-pill {
  padding: 1px 7px;
  border-radius: 999px;
  color: #3f755f;
  background: rgba(226, 241, 230, .92);
  font-weight: 900;
}

.surface-workspace .memory-v2-score {
  color: var(--mv2-faint);
  font-family: var(--font-mono);
}

.surface-workspace .memory-v2-chip-row {
  gap: 8px;
  margin-top: 18px;
}

.surface-workspace .memory-v2-chip-row code {
  padding: 5px 11px;
  border: 0;
  border-radius: 999px;
  color: #46675d;
  background: rgba(234, 243, 236, .92);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.surface-workspace .memory-v2-body {
  margin-top: 16px;
  color: #233544;
  font-size: 14px;
  line-height: 1.82;
  letter-spacing: -.01em;
}

.surface-workspace .memory-v2-foot {
  margin-top: 10px;
  gap: 10px;
  color: var(--mv2-faint);
}

.surface-workspace .memory-v2-id {
  color: var(--mv2-faint);
  font-size: 12px;
  letter-spacing: -.01em;
}

.surface-workspace .memory-v2-id:hover {
  color: var(--mv2-sage);
}

.surface-workspace .memory-v2-emotion-box {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(96, 128, 118, .14);
  border-radius: 12px;
  color: #4a5d66;
  background: rgba(250,252,249,.86);
  font-size: 13px;
  line-height: 1.6;
}

.surface-workspace .memory-v2-emotion-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--mv2-sage);
  background: rgba(231, 243, 235, .95);
  font-weight: 900;
}

.surface-workspace .memory-v2-card-actions {
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
}

.surface-workspace .memory-v2-action,
.surface-workspace .memory-v2-card-more summary {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(98, 126, 119, .16);
  border-radius: 10px;
  color: #31424f;
  background: rgba(255,255,255,.78);
  box-shadow: 0 6px 16px rgba(37,62,56,.04);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.surface-workspace .memory-v2-action:hover,
.surface-workspace .memory-v2-card-more summary:hover {
  color: var(--mv2-sage);
  border-color: rgba(63, 117, 95, .24);
  background: rgba(249,253,250,.95);
}

.surface-workspace .memory-v2-card-more summary {
  background: linear-gradient(145deg, rgba(232, 242, 235, .96), rgba(247,250,247,.88));
  color: #315f4b;
}

.surface-workspace .memory-v2-card-more[open] summary {
  color: #315f4b;
  background: rgba(232, 242, 235, .98);
}

.surface-workspace .memory-v2-card-more .btn-row {
  position: absolute;
  right: 0;
  z-index: 5;
  min-width: 320px;
  padding: 10px;
  border: 1px solid rgba(96, 128, 118, .16);
  border-radius: 12px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 18px 40px rgba(37, 62, 56, .12);
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector {
  min-height: 520px;
  max-height: min(74vh, 860px);
  margin-top: 10px;
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector .empty {
  min-height: 500px;
  display: grid;
  place-content: center;
  gap: 18px;
  color: #8c9a9a;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector .empty::before {
  content: "";
  width: 160px;
  height: 136px;
  margin: 0 auto;
  border-radius: 28px;
  background:
    radial-gradient(circle at 78% 68%, transparent 0 24px, rgba(105,128,110,.34) 25px 31px, transparent 32px),
    linear-gradient(90deg, transparent 112px, rgba(105,128,110,.34) 113px 122px, transparent 123px),
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)) 42px 45px / 68px 7px no-repeat,
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)) 42px 68px / 52px 7px no-repeat,
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)) 42px 91px / 44px 7px no-repeat,
    linear-gradient(145deg, rgba(225,235,225,.92), rgba(196,214,199,.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  opacity: .76;
}

@media (max-width: 1180px) {
  .surface-workspace .memory-v2-main-grid {
    grid-template-columns: 1fr;
  }

  .surface-workspace .memory-v2-inspector-card {
    min-height: auto;
  }
}

@media (max-width: 720px) {
  .surface-workspace .memory-v2-list-card,
  .surface-workspace .memory-v2-inspector-card {
    padding: 18px;
    border-radius: 15px;
  }

  .surface-workspace .memory-v2-result-card {
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 18px 16px;
  }

  .surface-workspace .memory-v2-item-icon {
    display: none;
  }

  .surface-workspace .memory-v2-card-actions {
    justify-content: flex-start;
  }
}


/* Memory v2 top dashboard + workbench polish, matching the refined mockup. */
.surface-workspace #memoryLibraryV2Pane {
  display: grid;
  gap: 18px;
}

.surface-workspace .memory-v2-overview-card,
.surface-workspace .memory-v2-search-card,
.surface-workspace .memory-v2-ops-card {
  border: 1px solid rgba(79, 115, 98, .13);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.98), rgba(255,255,255,0) 38%),
    linear-gradient(145deg, rgba(255,255,253,.92), rgba(249,252,248,.76));
  box-shadow: 0 18px 46px rgba(57, 86, 77, .10), inset 0 1px 0 rgba(255,255,255,.78);
}

.surface-workspace .memory-v2-overview-card {
  padding: 22px 24px 20px;
}

.surface-workspace .memory-v2-overview-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.surface-workspace .memory-v2-overview-title {
  color: var(--mv2-ink, #20313f);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.surface-workspace .memory-v2-overview-status {
  margin-top: 8px;
  color: var(--mv2-muted, #6c7f8a);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.45;
}

.surface-workspace .memory-v2-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.surface-workspace .memory-v2-toolbar .btn,
.surface-workspace .memory-v2-panel-header .btn,
.surface-workspace .memory-v2-search-actions .btn,
.surface-workspace .memory-v2-ops-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 11px;
  font-weight: 900;
}

.surface-workspace .memory-v2-toolbar .btn svg,
.surface-workspace .memory-v2-panel-header .btn svg,
.surface-workspace .memory-v2-search-actions .btn svg,
.surface-workspace .memory-v2-ops-actions .btn svg,
.surface-workspace .memory-v2-more-search summary svg,
.surface-workspace .memory-v2-ops-advanced summary svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.2;
}

.surface-workspace .memory-v2-toolbar-primary,
.surface-workspace .memory-v2-search-actions .btn-primary,
.surface-workspace .memory-v2-big-action {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #119875, #087b63);
  box-shadow: 0 12px 24px rgba(8, 123, 99, .18);
}

.surface-workspace .memory-v2-metric-grid {
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 14px;
  margin-top: 0;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat {
  position: relative;
  min-height: 148px;
  padding: 18px 18px 16px;
  border-radius: 11px;
  border: 1px solid rgba(90, 120, 112, .17);
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(251,253,250,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 24px rgba(57, 86, 77, .045);
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-warn,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat-warn,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat-status {
  border-color: rgba(227, 180, 80, .30);
  background: linear-gradient(145deg, rgba(255,250,239,.93), rgba(255,255,251,.74));
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-ok:last-child {
  border-color: rgba(43, 157, 123, .22);
  background: linear-gradient(145deg, rgba(235,250,244,.93), rgba(255,255,251,.74));
}

.surface-workspace .memory-v2-stat-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
  border-radius: 999px;
  color: #168365;
  background: rgba(224, 243, 236, .78);
}

.surface-workspace .memory-v2-stat-warn .memory-v2-stat-icon,
.surface-workspace .memory-v2-stat-status .memory-v2-stat-icon,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-warn .memory-v2-stat-icon {
  color: #d07a20;
  background: rgba(255, 238, 210, .86);
}

.surface-workspace .memory-v2-stat-icon svg {
  width: 17px;
  height: 17px;
  stroke-width: 2.2;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat span {
  color: #6f8290;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: none;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat strong {
  margin: 8px 0 6px;
  color: #1c2f3d;
  font-size: 29px;
  line-height: 1;
  letter-spacing: -.04em;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat small {
  color: #607382;
  font-size: 12px;
  line-height: 1.55;
}

.surface-workspace .memory-v2-workbench-grid {
  grid-template-columns: minmax(560px, 1.08fr) minmax(470px, .92fr);
  gap: 18px;
  margin-top: 0;
  align-items: stretch;
}

.surface-workspace .memory-v2-search-card,
.surface-workspace .memory-v2-ops-card {
  padding: 22px;
}

.surface-workspace .memory-v2-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(98, 126, 119, .12);
}

.surface-workspace .memory-v2-panel-title-row {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

.surface-workspace .memory-v2-panel-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 999px;
  color: #0f8d70;
  background: rgba(220, 246, 238, .82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.surface-workspace .memory-v2-panel-icon svg {
  width: 19px;
  height: 19px;
  stroke-width: 2.25;
}

.surface-workspace .memory-v2-panel-title-row h3 {
  margin: 0;
  color: #1e3140;
  font-size: 19px;
  font-weight: 950;
  letter-spacing: -.03em;
}

.surface-workspace .memory-v2-panel-title-row p {
  margin: 4px 0 0;
  color: #70828e;
  font-size: 12px;
  line-height: 1.35;
}

.surface-workspace .memory-v2-search-section {
  padding: 17px 0 0;
}

.surface-workspace .memory-v2-search-section + .memory-v2-search-section {
  margin-top: 4px;
  border-top: 1px solid rgba(98, 126, 119, .09);
}

.surface-workspace .memory-v2-section-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #20313f;
  font-size: 12px;
  font-weight: 950;
}

.surface-workspace .memory-v2-section-label span {
  width: 4px;
  height: 16px;
  border-radius: 999px;
  background: #0f8d70;
}

.surface-workspace .memory-v2-basic-grid,
.surface-workspace .memory-v2-recall-grid,
.surface-workspace .memory-v2-edge-grid {
  gap: 14px 16px;
  margin: 0;
}

.surface-workspace .memory-v2-basic-grid {
  grid-template-columns: minmax(180px, 1.25fr) minmax(150px, .95fr) minmax(150px, .95fr);
}

.surface-workspace .memory-v2-recall-grid {
  grid-template-columns: minmax(220px, 1.25fr) minmax(180px, 1fr) minmax(150px, .75fr);
}

.surface-workspace .memory-v2-edge-grid {
  grid-template-columns: minmax(220px, 1.1fr) minmax(220px, 1fr);
}

.surface-workspace .memory-v2-field-small {
  max-width: 112px;
}

.surface-workspace .memory-v2-field-wide {
  min-width: 0;
}

.surface-workspace .memory-v2-search-card .form-group,
.surface-workspace .memory-v2-ops-card .form-group {
  gap: 7px;
}

.surface-workspace .memory-v2-search-card label,
.surface-workspace .memory-v2-ops-card label {
  color: #647785;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
}

.surface-workspace .memory-v2-search-card input,
.surface-workspace .memory-v2-search-card select,
.surface-workspace .memory-v2-ops-card textarea {
  min-height: 42px;
  border: 1px solid rgba(98, 126, 119, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.72);
  color: #223544;
  font-size: 13px;
  font-weight: 760;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

.surface-workspace .memory-v2-search-card input::placeholder,
.surface-workspace .memory-v2-ops-card textarea::placeholder {
  color: rgba(97, 113, 126, .58);
  font-weight: 700;
}

.surface-workspace .memory-v2-search-actions {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr);
  gap: 14px;
  margin-top: 20px;
}

.surface-workspace .memory-v2-search-actions .btn {
  min-height: 44px;
}

.surface-workspace .memory-v2-outline-cta {
  color: #087b63;
  border-color: rgba(8, 123, 99, .30);
  background: rgba(255,255,255,.78);
}

.surface-workspace .memory-v2-more-search {
  margin-top: 14px;
  padding: 0;
  border: 1px solid rgba(98, 126, 119, .12);
  border-radius: 10px;
  background: rgba(255,255,255,.62);
  overflow: hidden;
}

.surface-workspace .memory-v2-more-search summary,
.surface-workspace .memory-v2-ops-advanced summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 14px;
  color: #61717e;
  font-size: 12px;
  font-weight: 900;
  list-style: none;
  cursor: pointer;
}

.surface-workspace .memory-v2-more-search summary::-webkit-details-marker,
.surface-workspace .memory-v2-ops-advanced summary::-webkit-details-marker {
  display: none;
}

.surface-workspace .memory-v2-more-search .memory-v2-actions {
  padding: 0 12px 12px;
}

.surface-workspace .memory-v2-id-input {
  position: relative;
  margin: 18px 0 0;
}

.surface-workspace .memory-v2-id-input label {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.surface-workspace .memory-v2-id-input label span {
  color: #8b9aa4;
  font-size: 11px;
  font-weight: 760;
}

.surface-workspace .memory-v2-id-input textarea {
  min-height: 192px;
  resize: vertical;
  padding: 14px 14px 28px;
  line-height: 1.55;
}

.surface-workspace .memory-v2-counter {
  position: absolute;
  right: 12px;
  bottom: 10px;
  color: #8b9aa4;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
}

.surface-workspace .memory-v2-ops-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(98, 126, 119, .12);
}

.surface-workspace .memory-v2-ops-actions .btn {
  min-height: 44px;
  padding-inline: 18px;
}

.surface-workspace .memory-v2-soft-action {
  color: #087b63;
  border-color: rgba(8, 123, 99, .20);
  background: rgba(248,253,250,.86);
}

.surface-workspace .memory-v2-source-action {
  color: #31424f;
  background: rgba(255,255,255,.76);
}

.surface-workspace .memory-v2-ops-advanced {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.surface-workspace .memory-v2-ops-advanced summary {
  padding: 14px 0 8px;
  color: #263d4c;
}

.surface-workspace .memory-v2-ops-advanced summary > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.surface-workspace .memory-v2-ops-advanced .memory-v2-actions {
  margin-top: 8px;
}

.surface-workspace .memory-v2-ops-hint {
  margin-top: 8px;
  color: #73828d;
  font-size: 12px;
}

@media (max-width: 1260px) {
  .surface-workspace .memory-v2-metric-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
  .surface-workspace .memory-v2-workbench-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .surface-workspace .memory-v2-overview-header,
  .surface-workspace .memory-v2-panel-header {
    align-items: stretch;
    flex-direction: column;
  }
  .surface-workspace .memory-v2-metric-grid,
  .surface-workspace .memory-v2-basic-grid,
  .surface-workspace .memory-v2-recall-grid,
  .surface-workspace .memory-v2-edge-grid,
  .surface-workspace .memory-v2-search-actions {
    grid-template-columns: 1fr;
  }
}

/* Memory v2 compact balance pass: reduce over-airy spacing and calm card rhythm. */
.surface-workspace #memoryLibraryV2Pane {
  gap: 12px;
}

.surface-workspace #memoryLibraryV2Pane > .memory-v2-split {
  margin-top: 0;
}

.surface-workspace .memory-v2-overview-card,
.surface-workspace .memory-v2-search-card,
.surface-workspace .memory-v2-ops-card,
.surface-workspace .memory-v2-list-card,
.surface-workspace .memory-v2-inspector-card {
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(57, 86, 77, .075), inset 0 1px 0 rgba(255,255,255,.72);
}

.surface-workspace .memory-v2-overview-card {
  padding: 16px 18px 14px;
}

.surface-workspace .memory-v2-overview-header {
  margin-bottom: 14px;
  gap: 14px;
}

.surface-workspace .memory-v2-overview-title {
  font-size: 17px;
}

.surface-workspace .memory-v2-overview-status {
  margin-top: 4px;
  font-size: 13px;
}

.surface-workspace .memory-v2-toolbar {
  gap: 8px;
}

.surface-workspace .memory-v2-toolbar .btn {
  min-height: 32px;
  padding: 5px 11px;
}

.surface-workspace .memory-v2-metric-grid {
  gap: 10px;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat {
  min-height: 112px;
  padding: 13px 14px 12px;
  border-radius: 10px;
}

.surface-workspace .memory-v2-stat-icon {
  width: 27px;
  height: 27px;
  margin-bottom: 7px;
}

.surface-workspace .memory-v2-stat-icon svg {
  width: 14px;
  height: 14px;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat span {
  font-size: 11px;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat strong {
  margin: 5px 0 4px;
  font-size: 24px;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat small {
  font-size: 11px;
  line-height: 1.45;
}

.surface-workspace .memory-v2-workbench-grid {
  gap: 12px;
  grid-template-columns: minmax(560px, 1.08fr) minmax(460px, .92fr);
}

.surface-workspace .memory-v2-search-card,
.surface-workspace .memory-v2-ops-card {
  padding: 16px 17px 14px;
}

.surface-workspace .memory-v2-panel-header {
  padding-bottom: 12px;
  gap: 12px;
}

.surface-workspace .memory-v2-panel-title-row {
  gap: 10px;
}

.surface-workspace .memory-v2-panel-icon {
  width: 34px;
  height: 34px;
}

.surface-workspace .memory-v2-panel-icon svg {
  width: 16px;
  height: 16px;
}

.surface-workspace .memory-v2-panel-title-row h3 {
  font-size: 17px;
}

.surface-workspace .memory-v2-panel-title-row p {
  margin-top: 2px;
  font-size: 11px;
}

.surface-workspace .memory-v2-panel-header .btn {
  min-height: 32px;
  padding: 5px 10px;
}

.surface-workspace .memory-v2-search-section {
  padding-top: 12px;
}

.surface-workspace .memory-v2-search-section + .memory-v2-search-section {
  margin-top: 0;
}

.surface-workspace .memory-v2-section-label {
  margin-bottom: 8px;
  font-size: 11px;
}

.surface-workspace .memory-v2-section-label span {
  height: 13px;
}

.surface-workspace .memory-v2-basic-grid,
.surface-workspace .memory-v2-recall-grid,
.surface-workspace .memory-v2-edge-grid {
  gap: 10px 12px;
}

.surface-workspace .memory-v2-search-card .form-group,
.surface-workspace .memory-v2-ops-card .form-group {
  gap: 5px;
}

.surface-workspace .memory-v2-search-card label,
.surface-workspace .memory-v2-ops-card label {
  font-size: 11px;
}

.surface-workspace .memory-v2-search-card input,
.surface-workspace .memory-v2-search-card select,
.surface-workspace .memory-v2-ops-card textarea {
  min-height: 36px;
  border-radius: 8px;
  font-size: 12px;
}

.surface-workspace .memory-v2-search-actions {
  margin-top: 14px;
  gap: 10px;
}

.surface-workspace .memory-v2-search-actions .btn {
  min-height: 38px;
}

.surface-workspace .memory-v2-more-search {
  margin-top: 10px;
  border-radius: 9px;
}

.surface-workspace .memory-v2-more-search summary,
.surface-workspace .memory-v2-ops-advanced summary {
  padding: 9px 12px;
}

.surface-workspace .memory-v2-id-input {
  margin-top: 13px;
}

.surface-workspace .memory-v2-id-input textarea {
  min-height: 128px;
  padding: 12px 12px 25px;
}

.surface-workspace .memory-v2-ops-actions {
  gap: 9px;
  margin-top: 13px;
  padding-bottom: 12px;
}

.surface-workspace .memory-v2-ops-actions .btn {
  min-height: 37px;
  padding-inline: 13px;
}

.surface-workspace .memory-v2-ops-advanced summary {
  padding: 10px 0 6px;
}

.surface-workspace .memory-v2-ops-hint {
  margin-top: 5px;
  font-size: 11px;
}

.surface-workspace .memory-v2-main-grid {
  gap: 12px;
  grid-template-columns: minmax(620px, 1fr) minmax(280px, .32fr);
}

.surface-workspace .memory-v2-list-card {
  padding: 18px 20px 14px;
}

.surface-workspace .memory-v2-inspector-card {
  padding: 18px 18px 14px;
  min-height: 520px;
}

.surface-workspace .memory-v2-list-header,
.surface-workspace .memory-v2-inspector-header {
  margin-bottom: 14px;
}

.surface-workspace .memory-v2-results,
.surface-workspace .memory-v2-inspector-card #memoryV2Inspector {
  margin-top: 8px;
}

@media (max-width: 1260px) {
  .surface-workspace .memory-v2-workbench-grid,
  .surface-workspace .memory-v2-main-grid {
    gap: 12px;
  }
}

.surface-workspace .memory-v2-result-card,
.surface-workspace .memory-v2-item-main {
  position: relative;
}

.surface-workspace .memory-v2-card-actions,
.surface-workspace .memory-v2-action,
.surface-workspace .memory-v2-card-more,
.surface-workspace .memory-v2-id {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

.surface-workspace .memory-v2-ops-advanced .memory-v2-actions.memory-v2-maintenance-grid-fix,
.surface-workspace .memory-v2-ops-advanced .memory-v2-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 14px 16px;
  align-items: stretch;
  margin-top: 12px;
}

.surface-workspace .memory-v2-ops-advanced .memory-v2-actions .btn {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  justify-content: center;
  background: rgba(255,255,255,.82);
  box-shadow: 0 4px 12px rgba(37,62,56,.045);
}

.surface-workspace .memory-v2-ops-advanced {
  margin-top: 8px;
  padding-top: 4px;
}

.surface-workspace .memory-v2-ops-hint {
  margin-top: 12px;
}


/* Memory v2 workbench redesign: clearer next-step flow, denser controls, stronger audit pane. */
.surface-workspace #memoryLibraryV2Pane {
  --mv2-card: rgba(255,255,255,.78);
  --mv2-line: rgba(82, 116, 106, .16);
  --mv2-ink: #1f303d;
  --mv2-muted: #657785;
  gap: 14px;
}

.surface-workspace .memory-v2-overview-card,
.surface-workspace .memory-v2-search-card,
.surface-workspace .memory-v2-ops-card,
.surface-workspace .memory-v2-list-card,
.surface-workspace .memory-v2-inspector-card {
  border-color: var(--mv2-line);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(248,252,249,.72));
  box-shadow: 0 10px 26px rgba(42, 70, 62, .07), inset 0 1px 0 rgba(255,255,255,.72);
}

.surface-workspace .memory-v2-runway {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.surface-workspace .memory-v2-runway-card {
  min-height: 76px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  grid-template-areas:
    "icon label value"
    "icon desc desc";
  align-items: center;
  gap: 3px 10px;
  padding: 12px;
  border: 1px solid rgba(96, 128, 118, .15);
  border-radius: 8px;
  background: rgba(255,255,255,.68);
  color: var(--mv2-ink);
  text-align: left;
  cursor: pointer;
}

.surface-workspace .memory-v2-runway-card:hover {
  border-color: rgba(8, 123, 99, .28);
  background: rgba(251,255,253,.92);
  transform: translateY(-1px);
}

.surface-workspace .memory-v2-runway-card > span {
  grid-area: icon;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #087b63;
  background: rgba(226, 244, 237, .92);
}

.surface-workspace .memory-v2-runway-card svg {
  width: 16px;
  height: 16px;
}

.surface-workspace .memory-v2-runway-card strong {
  grid-area: label;
  min-width: 0;
  color: var(--mv2-ink);
  font-size: 13px;
  font-weight: 900;
}

.surface-workspace .memory-v2-runway-card em {
  grid-area: value;
  color: #087b63;
  font-family: var(--font-mono);
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}

.surface-workspace .memory-v2-runway-card small {
  grid-area: desc;
  color: var(--mv2-muted);
  font-size: 11px;
  line-height: 1.45;
}

.surface-workspace .memory-v2-runway-card.is-primary {
  border-color: rgba(8, 123, 99, .24);
  background: linear-gradient(145deg, rgba(238,250,245,.96), rgba(255,255,255,.82));
}

.surface-workspace .memory-v2-runway-card.is-warn {
  border-color: rgba(211, 151, 55, .30);
  background: linear-gradient(145deg, rgba(255,249,235,.96), rgba(255,255,255,.78));
}

.surface-workspace .memory-v2-runway-card.is-danger {
  border-color: rgba(190, 80, 70, .26);
  background: linear-gradient(145deg, rgba(255,241,239,.96), rgba(255,255,255,.78));
}

.surface-workspace .memory-v2-workbench-grid {
  grid-template-columns: minmax(620px, 1.08fr) minmax(420px, .92fr);
  gap: 14px;
}

.surface-workspace .memory-v2-search-card,
.surface-workspace .memory-v2-ops-card {
  padding: 16px;
}

.surface-workspace .memory-v2-recall-section {
  margin: 12px 0;
  padding: 14px;
  border: 1px solid rgba(8, 123, 99, .16);
  border-radius: 8px;
  background: rgba(245,253,249,.72);
}

.surface-workspace .memory-v2-recall-section .memory-v2-section-label {
  color: #087b63;
}

.surface-workspace .memory-v2-filter-section,
.surface-workspace .memory-v2-edge-section {
  padding-top: 12px;
}

.surface-workspace .memory-v2-basic-grid {
  grid-template-columns: minmax(180px, 1fr) minmax(132px, .72fr) minmax(132px, .72fr) minmax(84px, .35fr);
}

.surface-workspace .memory-v2-basic-grid .memory-v2-field-wide {
  grid-column: span 2;
}

.surface-workspace .memory-v2-search-card input,
.surface-workspace .memory-v2-search-card select,
.surface-workspace .memory-v2-ops-card textarea {
  border-radius: 8px;
  font-weight: 650;
}

.surface-workspace .memory-v2-search-actions {
  grid-template-columns: minmax(190px, 1.2fr) minmax(150px, .8fr);
}

.surface-workspace .memory-v2-ops-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 9px;
}

.surface-workspace .memory-v2-ops-actions .btn {
  min-height: 38px;
  padding-inline: 12px;
}

.surface-workspace .memory-v2-main-grid {
  grid-template-columns: minmax(660px, 1fr) minmax(340px, .42fr);
  gap: 14px;
  align-items: start;
}

.surface-workspace .memory-v2-list-card,
.surface-workspace .memory-v2-inspector-card {
  padding: 16px;
}

.surface-workspace .memory-v2-inspector-card {
  position: sticky;
  top: 14px;
}

.surface-workspace .memory-v2-results {
  max-height: none;
  padding-right: 0;
}

.surface-workspace .memory-v2-result-card {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 14px 13px;
  border-radius: 8px;
}

.surface-workspace .memory-v2-result-card.is-active {
  border-color: rgba(8, 123, 99, .34);
  background: linear-gradient(145deg, rgba(239,253,248,.98), rgba(255,255,255,.86));
  box-shadow: 0 10px 22px rgba(8, 123, 99, .09), inset 3px 0 0 rgba(8, 123, 99, .62);
}

.surface-workspace .memory-v2-result-card .memory-v2-item-icon {
  display: none;
}

.surface-workspace .memory-v2-item-index {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
}

.surface-workspace .memory-v2-title {
  font-size: 15px;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-body {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.72;
}

.surface-workspace .memory-v2-card-actions {
  justify-content: flex-start;
  gap: 8px;
  margin-top: 12px;
}

.surface-workspace .memory-v2-action,
.surface-workspace .memory-v2-card-more summary {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 12px;
}

.surface-workspace .memory-v2-card-more .btn-row {
  min-width: 260px;
}

.surface-workspace .memory-v2-emotion-box {
  grid-template-columns: 24px minmax(0, 1fr);
  padding: 9px 10px;
  border-radius: 8px;
  font-size: 12px;
}

.surface-workspace .memory-v2-emotion-icon {
  width: 24px;
  height: 24px;
}

.surface-workspace .memory-v2-emotion-icon svg {
  width: 14px;
  height: 14px;
}

.surface-workspace .memory-v2-source-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.surface-workspace .memory-v2-source-row {
  padding: 10px;
  border: 1px solid rgba(96, 128, 118, .13);
  border-radius: 8px;
  background: rgba(255,255,255,.58);
}

.surface-workspace .memory-v2-source-row b {
  display: inline-block;
  margin-top: 8px;
  color: #087b63;
  font-size: 11px;
  font-weight: 900;
}

.surface-workspace .memory-v2-source-row p {
  margin: 4px 0 0;
  color: #243644;
  font-size: 12px;
  line-height: 1.62;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.surface-workspace .memory-v2-empty-state {
  min-height: 180px;
  align-content: center;
}

.surface-workspace .memory-v2-empty-state strong,
.surface-workspace .memory-v2-empty-state span {
  display: block;
}

.surface-workspace .memory-v2-empty-state span {
  margin-top: 6px;
  color: var(--mv2-muted);
  font-size: 12px;
}

@media (max-width: 1280px) {
  .surface-workspace .memory-v2-workbench-grid,
  .surface-workspace .memory-v2-main-grid {
    grid-template-columns: 1fr;
  }
  .surface-workspace .memory-v2-inspector-card {
    position: static;
  }
}

@media (max-width: 760px) {
  .surface-workspace .memory-v2-runway,
  .surface-workspace .memory-v2-basic-grid,
  .surface-workspace .memory-v2-basic-grid .memory-v2-field-wide,
  .surface-workspace .memory-v2-ops-actions {
    grid-template-columns: 1fr;
  }
  .surface-workspace .memory-v2-basic-grid .memory-v2-field-wide {
    grid-column: auto;
  }
  .surface-workspace .memory-v2-runway-card {
    min-height: 68px;
  }
}


/* Memory v2 card-click affordance. */
.surface-workspace .memory-v2-result-card[data-memory-v2-card-action] {
  cursor: pointer;
  outline: none;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}

.surface-workspace .memory-v2-result-card[data-memory-v2-card-action]:hover {
  border-color: rgba(8, 123, 99, .24);
  background: linear-gradient(145deg, rgba(250,255,253,.96), rgba(255,255,255,.82));
  box-shadow: 0 12px 24px rgba(42, 70, 62, .08), inset 0 1px 0 rgba(255,255,255,.80);
}

.surface-workspace .memory-v2-result-card[data-memory-v2-card-action]:focus-visible {
  border-color: rgba(8, 123, 99, .44);
  box-shadow: 0 0 0 3px rgba(8, 123, 99, .12), 0 12px 24px rgba(42, 70, 62, .08);
}

.surface-workspace .memory-v2-result-card--quarantine {
  grid-template-columns: minmax(0, 1fr);
  border-color: rgba(211, 151, 55, .24);
  background: linear-gradient(145deg, rgba(255,250,239,.90), rgba(255,255,255,.74));
}

.surface-workspace .memory-v2-result-card--quarantine.is-active {
  border-color: rgba(211, 151, 55, .42);
  box-shadow: 0 10px 22px rgba(159, 101, 29, .10), inset 3px 0 0 rgba(211, 151, 55, .78);
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector .mem-card {
  border-radius: 8px;
}


/* Memory v2 metric cards are controls, matching the dashboard in the screenshot. */
.surface-workspace .memory-v2-metric-grid .memory-v2-stat {
  display: block;
  width: 100%;
  text-align: left;
  appearance: none;
  font-family: var(--font-ui);
  cursor: pointer;
  outline: none;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat:hover {
  transform: translateY(-1px);
  border-color: rgba(8, 123, 99, .26);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,253,249,.82));
  box-shadow: 0 16px 32px rgba(42,70,62,.09), inset 0 1px 0 rgba(255,255,255,.86);
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat:focus-visible {
  border-color: rgba(8, 123, 99, .46);
  box-shadow: 0 0 0 3px rgba(8,123,99,.12), 0 16px 32px rgba(42,70,62,.09);
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 16px;
  width: 7px;
  height: 7px;
  border-top: 2px solid rgba(31, 95, 78, .46);
  border-right: 2px solid rgba(31, 95, 78, .46);
  transform: rotate(45deg);
  opacity: .72;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-warn:hover,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat-warn:hover,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat-status:hover {
  border-color: rgba(227, 180, 80, .42);
  background: linear-gradient(145deg, rgba(255,250,239,.98), rgba(255,255,251,.82));
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-ok:hover {
  border-color: rgba(43, 157, 123, .32);
  background: linear-gradient(145deg, rgba(235,250,244,.98), rgba(255,255,251,.82));
}

.surface-workspace .memory-v2-issue-board {
  display: grid;
  gap: 14px;
}

.surface-workspace .memory-v2-issue-section {
  padding: 14px;
  border: 1px solid rgba(102, 121, 134, .18);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,250,248,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

.surface-workspace .memory-v2-issue-section.is-warn {
  border-color: rgba(227, 180, 80, .30);
  background: linear-gradient(145deg, rgba(255,250,239,.98), rgba(255,255,251,.82));
}

.surface-workspace .memory-v2-issue-section.is-danger {
  border-color: rgba(191, 94, 82, .24);
  background: linear-gradient(145deg, rgba(255,246,244,.96), rgba(255,255,251,.82));
}

.surface-workspace .memory-v2-issue-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.surface-workspace .memory-v2-issue-head strong {
  display: block;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}

.surface-workspace .memory-v2-issue-head span {
  display: block;
  margin-top: 5px;
  color: var(--text2);
  font-size: 13px;
  line-height: 1.55;
}

.surface-workspace .memory-v2-issue-head em {
  min-width: 48px;
  padding: 6px 10px;
  border-radius: 8px;
  color: #1f5f4e;
  background: rgba(236, 248, 242, .92);
  font-style: normal;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
}

.surface-workspace .memory-v2-issue-section.is-warn .memory-v2-issue-head em {
  color: #9f651d;
  background: rgba(255, 238, 199, .88);
}

.surface-workspace .memory-v2-issue-section.is-danger .memory-v2-issue-head em {
  color: #9b4238;
  background: rgba(255, 226, 222, .84);
}

.surface-workspace .memory-v2-issue-mini {
  background: rgba(255,255,255,.70);
}

.surface-workspace .memory-v2-issue-id-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.surface-workspace .memory-v2-issue-note {
  margin: 10px 0 0;
  color: var(--text3);
  font-size: 12px;
}

.surface-workspace .memory-v2-issue-actions {
  margin-top: 10px;
  gap: 7px;
}

.surface-workspace .memory-v2-issue-actions .memory-v2-action {
  min-height: 32px;
  padding: 7px 10px;
  font-size: 12px;
}

.surface-workspace .memory-v2-issue-actions .memory-v2-action.is-danger {
  color: #9b4238;
  border-color: rgba(191, 94, 82, .24);
  background: rgba(255, 246, 244, .86);
}

.surface-workspace .memory-v2-issue-actions .memory-v2-action.is-danger:hover {
  border-color: rgba(191, 94, 82, .42);
  background: rgba(255, 236, 232, .92);
}

.surface-workspace .memory-v2-issue-inspector .memory-v2-issue-section {
  padding: 12px;
}

.surface-workspace .memory-v2-issue-inspector .memory-v2-issue-head strong {
  font-size: 14px;
}

/* Memory v2 final product-design polish v5 */
.surface-workspace #memoryLibraryV2Pane {
  --mv2-bg: #f6faf8;
  --mv2-surface: rgba(255, 255, 255, .92);
  --mv2-surface-soft: rgba(250, 253, 251, .88);
  --mv2-ink: #1d2e3a;
  --mv2-muted: #607483;
  --mv2-faint: #8a9aa5;
  --mv2-line: rgba(77, 107, 101, .16);
  --mv2-line-strong: rgba(57, 92, 84, .24);
  --mv2-green: #087b63;
  --mv2-green-strong: #086a56;
  --mv2-green-soft: #e8f6f1;
  --mv2-blue: #315b72;
  --mv2-blue-soft: #edf5f8;
  --mv2-amber: #b66f1d;
  --mv2-amber-soft: #fff4dc;
  --mv2-rose: #a0443d;
  --mv2-rose-soft: #fff0ed;
  display: grid;
  gap: 14px;
  color: var(--mv2-ink);
}

.surface-workspace #memoryLibraryV2Pane .card,
.surface-workspace #memoryLibraryV2Pane .mem-card {
  border-radius: 8px;
}

.surface-workspace #memoryLibraryV2Pane button,
.surface-workspace #memoryLibraryV2Pane input,
.surface-workspace #memoryLibraryV2Pane select,
.surface-workspace #memoryLibraryV2Pane textarea {
  letter-spacing: 0;
}

.surface-workspace #memoryLibraryV2Pane .memory-v2-card {
  border: 1px solid var(--mv2-line);
  background: var(--mv2-surface);
  box-shadow: 0 10px 24px rgba(35, 58, 53, .06), inset 0 1px 0 rgba(255,255,255,.78);
}

.surface-workspace .memory-v2-overview-card {
  padding: 18px;
  overflow: hidden;
}

.surface-workspace .memory-v2-overview-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--mv2-green), #79b69f 42%, #d7a449 72%, #b96860);
  opacity: .82;
}

.surface-workspace .memory-v2-overview-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  margin-bottom: 14px;
}

.surface-workspace .memory-v2-overview-title {
  color: var(--mv2-ink);
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-overview-status {
  margin-top: 6px;
  color: var(--mv2-muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}

.surface-workspace .memory-v2-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.surface-workspace .memory-v2-toolbar .btn,
.surface-workspace .memory-v2-panel-header .btn,
.surface-workspace .memory-v2-search-actions .btn,
.surface-workspace .memory-v2-ops-actions .btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-toolbar-primary,
.surface-workspace .memory-v2-search-actions .btn-primary,
.surface-workspace .memory-v2-big-action {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--mv2-green), var(--mv2-green-strong));
  box-shadow: 0 10px 20px rgba(8, 123, 99, .17);
}

.surface-workspace .memory-v2-metric-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat {
  position: relative;
  min-height: 118px;
  display: grid;
  align-content: start;
  padding: 15px 14px 13px;
  border: 1px solid var(--mv2-line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, rgba(250,253,251,.84));
  box-shadow: none;
  text-align: left;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat:hover {
  transform: translateY(-1px);
  border-color: var(--mv2-line-strong);
  background: #fff;
  box-shadow: 0 12px 24px rgba(37, 61, 56, .08);
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat:focus-visible {
  outline: 3px solid rgba(8,123,99,.16);
  outline-offset: 2px;
}

.surface-workspace .memory-v2-stat-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  margin-bottom: 9px;
  border-radius: 8px;
  color: var(--mv2-green);
  background: var(--mv2-green-soft);
}

.surface-workspace .memory-v2-stat-icon svg {
  width: 16px;
  height: 16px;
  stroke-width: 2.2;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat span {
  color: var(--mv2-muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat strong {
  margin: 6px 0 5px;
  color: var(--mv2-ink);
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat small {
  color: var(--mv2-muted);
  font-size: 12px;
  line-height: 1.45;
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-warn,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat-warn,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat-status {
  border-color: rgba(182, 111, 29, .28);
  background: linear-gradient(180deg, #fffaf0, rgba(255,252,246,.86));
}

.surface-workspace .memory-v2-stat-warn .memory-v2-stat-icon,
.surface-workspace .memory-v2-stat-status .memory-v2-stat-icon,
.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-warn .memory-v2-stat-icon {
  color: var(--mv2-amber);
  background: var(--mv2-amber-soft);
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat.is-ok .memory-v2-stat-icon {
  color: var(--mv2-blue);
  background: var(--mv2-blue-soft);
}

.surface-workspace .memory-v2-metric-grid .memory-v2-stat::after {
  right: 13px;
  top: 14px;
  width: 6px;
  height: 6px;
  border-color: rgba(62, 91, 84, .34);
}

.surface-workspace .memory-v2-runway {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.surface-workspace .memory-v2-runway-card {
  min-height: 72px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  grid-template-areas: "icon label value" "icon desc desc";
  align-items: center;
  gap: 3px 10px;
  padding: 12px;
  border: 1px solid var(--mv2-line);
  border-radius: 8px;
  background: var(--mv2-surface-soft);
  color: var(--mv2-ink);
  cursor: pointer;
  text-align: left;
}

.surface-workspace .memory-v2-runway-card:hover {
  transform: translateY(-1px);
  border-color: var(--mv2-line-strong);
  background: #fff;
}

.surface-workspace .memory-v2-runway-card > span {
  grid-area: icon;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--mv2-green);
  background: var(--mv2-green-soft);
}

.surface-workspace .memory-v2-runway-card svg {
  width: 16px;
  height: 16px;
}

.surface-workspace .memory-v2-runway-card strong {
  grid-area: label;
  color: var(--mv2-ink);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
}

.surface-workspace .memory-v2-runway-card em {
  grid-area: value;
  color: var(--mv2-green);
  font: 900 13px/1 var(--font-mono);
  font-style: normal;
}

.surface-workspace .memory-v2-runway-card small {
  grid-area: desc;
  color: var(--mv2-muted);
  font-size: 11px;
  line-height: 1.45;
}

.surface-workspace .memory-v2-runway-card.is-warn > span {
  color: var(--mv2-amber);
  background: var(--mv2-amber-soft);
}

.surface-workspace .memory-v2-runway-card.is-danger > span {
  color: var(--mv2-rose);
  background: var(--mv2-rose-soft);
}

.surface-workspace .memory-v2-workbench-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: 14px;
  align-items: start;
}

.surface-workspace .memory-v2-search-card,
.surface-workspace .memory-v2-ops-card {
  padding: 16px;
}

.surface-workspace .memory-v2-panel-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--mv2-line);
}

.surface-workspace .memory-v2-panel-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.surface-workspace .memory-v2-panel-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 8px;
  color: var(--mv2-blue);
  background: var(--mv2-blue-soft);
}

.surface-workspace .memory-v2-panel-title-row h3 {
  margin: 0;
  color: var(--mv2-ink);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-panel-title-row p {
  margin: 3px 0 0;
  color: var(--mv2-muted);
  font-size: 12px;
  line-height: 1.4;
}

.surface-workspace .memory-v2-search-section {
  padding-top: 14px;
}

.surface-workspace .memory-v2-search-section + .memory-v2-search-section {
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid rgba(77,107,101,.10);
}

.surface-workspace .memory-v2-recall-section {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(8,123,99,.16);
  border-radius: 8px;
  background: #f4fbf8;
}

.surface-workspace .memory-v2-section-label {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  color: var(--mv2-ink);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}

.surface-workspace .memory-v2-section-label span {
  width: 4px;
  height: 15px;
  border-radius: 999px;
  background: var(--mv2-green);
}

.surface-workspace .memory-v2-basic-grid,
.surface-workspace .memory-v2-recall-grid,
.surface-workspace .memory-v2-edge-grid {
  gap: 10px 12px;
  margin: 0;
}

.surface-workspace .memory-v2-basic-grid {
  grid-template-columns: minmax(150px, 1fr) minmax(120px, .72fr) minmax(120px, .72fr) 92px;
}

.surface-workspace .memory-v2-basic-grid .memory-v2-field-wide {
  grid-column: span 2;
}

.surface-workspace .memory-v2-recall-grid {
  grid-template-columns: minmax(220px, 1.25fr) minmax(150px, .85fr) minmax(130px, .7fr);
}

.surface-workspace .memory-v2-edge-grid {
  grid-template-columns: minmax(220px, 1.1fr) minmax(160px, .9fr);
}

.surface-workspace #memoryLibraryV2Pane .form-group label {
  color: var(--mv2-muted);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-search-card input,
.surface-workspace .memory-v2-search-card select,
.surface-workspace .memory-v2-ops-card textarea {
  min-height: 38px;
  border-radius: 8px;
  border-color: rgba(77,107,101,.18);
  background: #fff;
  color: var(--mv2-ink);
  font-weight: 650;
}

.surface-workspace .memory-v2-search-card input:focus,
.surface-workspace .memory-v2-search-card select:focus,
.surface-workspace .memory-v2-ops-card textarea:focus {
  border-color: rgba(8,123,99,.38);
  box-shadow: 0 0 0 3px rgba(8,123,99,.10);
}

.surface-workspace .memory-v2-search-actions {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(140px, .72fr);
  gap: 9px;
  margin-top: 14px;
}

.surface-workspace .memory-v2-more-search,
.surface-workspace .memory-v2-ops-advanced {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(77,107,101,.10);
}

.surface-workspace .memory-v2-more-search summary,
.surface-workspace .memory-v2-ops-advanced summary {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--mv2-muted);
  font-size: 12px;
  font-weight: 850;
}

.surface-workspace .memory-v2-id-input textarea {
  min-height: 112px;
  resize: vertical;
}

.surface-workspace .memory-v2-counter {
  color: var(--mv2-faint);
  font: 800 11px/1 var(--font-mono);
}

.surface-workspace .memory-v2-ops-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}

.surface-workspace .memory-v2-source-action {
  grid-column: span 2;
}

.surface-workspace .memory-v2-ops-hint {
  margin-top: 12px;
  color: var(--mv2-muted);
  font-size: 12px;
  line-height: 1.55;
}

.surface-workspace .memory-v2-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .36fr);
  gap: 14px;
  align-items: start;
}

.surface-workspace .memory-v2-list-card,
.surface-workspace .memory-v2-inspector-card {
  padding: 16px;
}

.surface-workspace .memory-v2-inspector-card {
  position: sticky;
  top: 14px;
}

.surface-workspace .memory-v2-list-header,
.surface-workspace .memory-v2-inspector-header {
  margin-bottom: 13px;
}

.surface-workspace .memory-v2-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}

.surface-workspace .memory-v2-heading-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--mv2-green);
  background: var(--mv2-green-soft);
}

.surface-workspace .memory-v2-heading .mem-count,
.surface-workspace .memory-v2-inspector-header .mem-count {
  color: var(--mv2-ink);
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-heading small {
  display: block;
  color: var(--mv2-muted);
  font-size: 12px;
  line-height: 1.35;
}

.surface-workspace .memory-v2-return,
.surface-workspace .memory-v2-inspector-refresh {
  border-radius: 8px;
}

.surface-workspace .memory-v2-results {
  display: grid;
  gap: 10px;
  max-height: none;
  padding: 0;
}

.surface-workspace .memory-v2-result-card {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 11px;
  padding: 13px;
  border: 1px solid var(--mv2-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(33,56,52,.045);
}

.surface-workspace .memory-v2-result-card:hover {
  transform: translateY(-1px);
  border-color: var(--mv2-line-strong);
  box-shadow: 0 12px 24px rgba(33,56,52,.075);
}

.surface-workspace .memory-v2-result-card.is-active {
  border-color: rgba(8,123,99,.34);
  box-shadow: inset 3px 0 0 var(--mv2-green), 0 10px 22px rgba(8,123,99,.08);
}

.surface-workspace .memory-v2-result-card .memory-v2-item-icon {
  display: none;
}

.surface-workspace .memory-v2-item-index {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--mv2-blue);
  background: var(--mv2-blue-soft);
  font: 900 13px/1 var(--font-mono);
}

.surface-workspace .memory-v2-title {
  color: var(--mv2-ink);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-meta {
  margin-top: 4px;
  gap: 7px;
  color: var(--mv2-muted);
  font-size: 11px;
}

.surface-workspace .memory-v2-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.surface-workspace .memory-v2-chip-row code,
.surface-workspace #memoryLibraryV2Pane .tag {
  padding: 3px 8px;
  border-radius: 999px;
  color: #416357;
  background: #eef6f2;
  font: 800 11px/1.4 var(--font-mono);
}

.surface-workspace .memory-v2-body {
  margin-top: 10px;
  color: #263946;
  font-size: 13px;
  line-height: 1.68;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-foot {
  margin-top: 9px;
  gap: 8px;
  color: var(--mv2-faint);
}

.surface-workspace .memory-v2-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 7px;
  margin-top: 11px;
}

.surface-workspace .memory-v2-action,
.surface-workspace .memory-v2-card-more summary,
.surface-workspace .memory-v2-id {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid rgba(77,107,101,.16);
  border-radius: 8px;
  color: #304652;
  background: #fff;
  box-shadow: none;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-action:hover,
.surface-workspace .memory-v2-card-more summary:hover,
.surface-workspace .memory-v2-id:hover {
  color: var(--mv2-green);
  border-color: rgba(8,123,99,.26);
  background: #f7fcfa;
}

.surface-workspace .memory-v2-card-more .btn-row {
  min-width: 300px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--mv2-line);
  background: #fff;
  box-shadow: 0 16px 32px rgba(35,58,53,.12);
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector {
  max-height: calc(100vh - 220px);
  min-height: 460px;
  overflow: auto;
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector .mem-card {
  padding: 13px;
  border: 1px solid var(--mv2-line);
  background: #fff;
}

.surface-workspace .memory-v2-summary-box,
.surface-workspace .memory-v2-issue-section {
  border-radius: 8px;
  border-color: var(--mv2-line);
  background: var(--mv2-surface-soft);
}

.surface-workspace .memory-v2-issue-head strong {
  color: var(--mv2-ink);
  font-size: 15px;
  letter-spacing: 0;
}

.surface-workspace .memory-v2-issue-actions .memory-v2-action.is-danger,
.surface-workspace #memoryLibraryV2Pane .btn-danger {
  color: var(--mv2-rose);
  border-color: rgba(160,68,61,.24);
  background: var(--mv2-rose-soft);
}

@media (max-width: 1280px) {
  .surface-workspace .memory-v2-metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .surface-workspace .memory-v2-workbench-grid,
  .surface-workspace .memory-v2-main-grid {
    grid-template-columns: 1fr;
  }

  .surface-workspace .memory-v2-inspector-card {
    position: static;
  }
}

@media (max-width: 760px) {
  .surface-workspace .memory-v2-overview-header,
  .surface-workspace .memory-v2-panel-header,
  .surface-workspace .memory-v2-basic-grid,
  .surface-workspace .memory-v2-recall-grid,
  .surface-workspace .memory-v2-edge-grid,
  .surface-workspace .memory-v2-search-actions,
  .surface-workspace .memory-v2-ops-actions,
  .surface-workspace .memory-v2-runway {
    grid-template-columns: 1fr;
  }

  .surface-workspace .memory-v2-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .surface-workspace .memory-v2-basic-grid .memory-v2-field-wide,
  .surface-workspace .memory-v2-source-action {
    grid-column: auto;
  }

  .surface-workspace .memory-v2-overview-card,
  .surface-workspace .memory-v2-search-card,
  .surface-workspace .memory-v2-ops-card,
  .surface-workspace .memory-v2-list-card,
  .surface-workspace .memory-v2-inspector-card {
    padding: 13px;
  }
}

/* Memory v2 inspector no-horizontal-drift v6 */
.surface-workspace .memory-v2-inspector-card,
.surface-workspace .memory-v2-inspector-card * {
  box-sizing: border-box;
}

.surface-workspace .memory-v2-inspector-card {
  min-width: 0;
  overflow: hidden;
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.surface-workspace .memory-v2-inspector-card #memoryV2Inspector > *,
.surface-workspace .memory-v2-inspector-card #memoryV2Inspector .mem-card,
.surface-workspace .memory-v2-inspector-card .memory-v2-summary-box,
.surface-workspace .memory-v2-inspector-card .memory-v2-issue-board,
.surface-workspace .memory-v2-inspector-card .memory-v2-issue-section,
.surface-workspace .memory-v2-inspector-card .memory-v2-mini-list,
.surface-workspace .memory-v2-inspector-card .memory-v2-mini,
.surface-workspace .memory-v2-inspector-card .memory-v2-issue-mini {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.surface-workspace .memory-v2-inspector-card .memory-v2-issue-head {
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
}

.surface-workspace .memory-v2-inspector-card .memory-v2-issue-head > div,
.surface-workspace .memory-v2-inspector-card .memory-v2-issue-head strong,
.surface-workspace .memory-v2-inspector-card .memory-v2-issue-head span,
.surface-workspace .memory-v2-inspector-card .memory-v2-mini strong,
.surface-workspace .memory-v2-inspector-card .memory-v2-mini span,
.surface-workspace .memory-v2-inspector-card .memory-v2-foot,
.surface-workspace .memory-v2-inspector-card .memory-v2-foot span,
.surface-workspace .memory-v2-inspector-card .memory-v2-body,
.surface-workspace .memory-v2-inspector-card .memory-v2-inspector-pre {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.surface-workspace .memory-v2-inspector-card .memory-v2-card-actions,
.surface-workspace .memory-v2-inspector-card .memory-v2-issue-actions,
.surface-workspace .memory-v2-inspector-card .btn-row {
  max-width: 100%;
  min-width: 0;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: visible;
}

.surface-workspace .memory-v2-inspector-card .memory-v2-action,
.surface-workspace .memory-v2-inspector-card .memory-v2-id {
  max-width: 100%;
  min-width: 0;
  flex: 0 1 auto;
  white-space: normal;
}

.surface-workspace .memory-v2-inspector-card .memory-v2-action span,
.surface-workspace .memory-v2-inspector-card .memory-v2-id {
  min-width: 0;
  overflow-wrap: anywhere;
}

.surface-workspace .memory-v2-inspector-card .memory-v2-json,
.surface-workspace .memory-v2-inspector-card .memory-v2-json pre,
.surface-workspace .memory-v2-inspector-card .memory-v2-inspector-pre {
  max-width: 100%;
  overflow-x: hidden;
}

/* Household liquid glass exact scene */
body.surface-workspace {
  --household-line: rgba(255,255,255,.24);
  --household-line-hot: rgba(255,255,255,.42);
  --household-glass: rgba(96,109,151,.24);
  --household-card: rgba(72,84,126,.36);
  --household-ink: rgba(255,255,255,.94);
  --household-muted: rgba(238,244,255,.68);
  --workspace-sidebar-width: clamp(188px, 17vw, 218px);
  --workspace-sidebar-pad-x: clamp(14px, 1.35vw, 20px);
  --workspace-sidebar-pad-y: clamp(14px, 2vh, 22px);
  --workspace-sidebar-nav-h: clamp(30px, 4.1vh, 36px);
  --workspace-sidebar-gap: clamp(5px, .85vh, 8px);
  background:
    radial-gradient(circle at 60% 8%, rgba(173,183,232,.26), transparent 30rem),
    radial-gradient(circle at 34% 84%, rgba(110,151,203,.26), transparent 26rem),
    linear-gradient(145deg, #465174 0%, #66779d 42%, #3d486e 100%);
}

body.surface-workspace::before {
  opacity: .54;
  background:
    linear-gradient(90deg, rgba(33,41,70,.82), rgba(47,58,92,.38) 20%, rgba(58,66,101,.20) 52%, rgba(29,36,65,.62)),
    linear-gradient(180deg, rgba(47,56,86,.32), rgba(27,34,62,.48)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  filter: saturate(.78) contrast(.9) blur(.4px);
}

body.surface-workspace::after {
  opacity: .18;
}

@media (min-width: 761px) {
  .surface-workspace .surface-nav.sidebar {
    width: var(--workspace-sidebar-width);
    padding: var(--workspace-sidebar-pad-y) var(--workspace-sidebar-pad-x);
  }

  .surface-workspace .surface-main.main {
    width: calc(100% - var(--workspace-sidebar-width));
    margin-left: var(--workspace-sidebar-width);
    padding: 36px 48px 26px 34px;
  }
}

.surface-workspace .surface-nav.sidebar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.038)),
    rgba(61,72,110,.40);
  border-right-color: rgba(255,255,255,.18);
  box-shadow: 18px 0 52px rgba(20,28,58,.18), inset -1px 0 0 rgba(255,255,255,.13);
}

.surface-workspace .workspace-cover {
  margin-bottom: 34px;
  padding-bottom: 28px;
  border-bottom-color: rgba(255,255,255,.14);
}

.surface-workspace .surface-cover::after {
  background: rgba(173,218,255,.42);
}

.surface-workspace .workspace-avatar {
  width: 58px;
  height: 58px;
}

.surface-workspace .workspace-sidebar-search {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  margin: 0 0 20px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 13px;
  color: rgba(255,255,255,.78);
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045)),
    rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 14px 34px rgba(22,30,62,.13);
  backdrop-filter: blur(24px) saturate(1.24);
  -webkit-backdrop-filter: blur(24px) saturate(1.24);
}

.surface-workspace .workspace-sidebar-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  color: rgba(255,255,255,.88);
  background: transparent;
  font-size: 11px;
  font-weight: 680;
}

.surface-workspace .workspace-sidebar-search input::placeholder {
  color: rgba(255,255,255,.50);
}

.surface-workspace .workspace-sidebar-search span {
  color: rgba(255,255,255,.48);
  font-size: 11px;
}

.surface-workspace .surface-nav .nav-item {
  min-height: 40px;
  margin-bottom: 8px;
  border-radius: 11px;
  font-size: 14px;
}

.surface-workspace .surface-nav .nav-item.active {
  background:
    radial-gradient(circle at 92% 92%, rgba(255,195,153,.46), transparent 40%),
    linear-gradient(112deg, rgba(171,218,255,.25), rgba(255,255,255,.08)),
    rgba(255,255,255,.08);
}

.surface-workspace .workspace-sidebar-spacer {
  flex: 1 1 auto;
  min-height: 115px;
}

.surface-workspace .workspace-music-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 10px;
  min-height: 150px;
  margin-top: auto;
  margin-bottom: 20px;
  padding: 17px 12px 14px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 13px;
  color: rgba(255,255,255,.88);
  background:
    linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.045)),
    rgba(86,101,148,.25);
  box-shadow: 0 18px 45px rgba(28,36,72,.20), inset 0 1px 0 rgba(255,255,255,.24);
  backdrop-filter: blur(26px) saturate(1.3);
  -webkit-backdrop-filter: blur(26px) saturate(1.3);
}

.surface-workspace .workspace-music-card p,
.surface-workspace .workspace-music-card strong,
.surface-workspace .workspace-music-card span {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.surface-workspace .workspace-music-card p,
.surface-workspace .workspace-music-card span {
  color: rgba(255,255,255,.72);
}

.surface-workspace .workspace-record {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: radial-gradient(circle, #dfe8ff 0 8%, #1d2236 9% 43%, #05060b 44% 100%);
  box-shadow: 0 0 18px rgba(0,0,0,.28);
}

.surface-workspace .workspace-music-controls {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 18px;
}

.surface-workspace .workspace-music-controls svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.surface-workspace .surface-nav .status-badge {
  min-height: 46px;
  margin: 0 0 18px;
  border-radius: 10px;
}

.surface-workspace .workspace-sidebar-tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.surface-workspace .workspace-sidebar-tools button {
  min-height: 36px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  color: rgba(255,255,255,.68);
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.surface-workspace .surface-main.main {
  background: rgba(50,61,99,.18);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.13);
}

.surface-workspace .household-page {
  min-height: calc(100vh - 62px);
  padding: 0 0 0;
}

.surface-workspace .household-page::before {
  inset: -36px -48px -26px -34px;
  border-radius: 0 0 0 22px;
  background:
    radial-gradient(ellipse at 56% 22%, rgba(255,255,255,.22), transparent 23%),
    radial-gradient(ellipse at 42% 52%, rgba(181,213,255,.16), transparent 31%),
    linear-gradient(112deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.035) 18%, rgba(255,255,255,.11) 31%, rgba(255,255,255,.026) 46%, rgba(255,255,255,.12) 62%, rgba(255,255,255,.035) 100%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 56%, rgba(55,67,106,.26)),
    rgba(69,82,127,.26);
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.13),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -36px 80px rgba(26,33,66,.24),
    0 0 70px rgba(175,205,255,.10);
  backdrop-filter: blur(22px) saturate(1.34) contrast(1.02);
  -webkit-backdrop-filter: blur(22px) saturate(1.34) contrast(1.02);
}

.surface-workspace .household-page::after {
  content: "";
  position: absolute;
  inset: -36px -48px -26px -34px;
  z-index: -1;
  pointer-events: none;
  border-radius: 0 0 0 22px;
  opacity: .54;
  background:
    radial-gradient(ellipse at 48% 38%, rgba(255,255,255,.34), transparent 13%),
    radial-gradient(ellipse at 58% 62%, rgba(166,207,255,.18), transparent 25%),
    repeating-linear-gradient(102deg, rgba(255,255,255,.13) 0 1px, transparent 1px 46px),
    linear-gradient(90deg, rgba(42,52,88,.58), rgba(88,101,143,.12) 24%, rgba(82,95,139,.10) 70%, rgba(32,40,76,.46)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: screen, soft-light, overlay, multiply, normal;
  mix-blend-mode: soft-light;
  filter: saturate(.82) contrast(.94) blur(.2px);
  mask-image: linear-gradient(180deg, black 0%, black 100%);
  -webkit-mask-image: linear-gradient(180deg, black 0%, black 100%);
}

.surface-workspace .household-orb-a {
  width: 34rem;
  height: 9rem;
  left: 20%;
  top: 31%;
  opacity: .46;
  background:
    linear-gradient(90deg, transparent, rgba(235,245,255,.42), rgba(172,205,255,.20), transparent);
  filter: blur(32px);
  transform: rotate(-4deg);
  mix-blend-mode: screen;
}

.surface-workspace .household-orb-b {
  width: 38rem;
  height: 14rem;
  right: 2%;
  bottom: 16%;
  opacity: .42;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(255,255,255,.30), transparent 34%),
    radial-gradient(ellipse at 68% 60%, rgba(181,176,255,.28), transparent 42%);
  filter: blur(48px);
  mix-blend-mode: screen;
}

.surface-workspace .household-hero {
  margin: 4px 0 12px;
}

.surface-workspace .household-page .page-title {
  font-size: 34px;
  font-weight: 760;
}

.surface-workspace .household-page .page-title svg {
  width: 26px;
  height: 26px;
  color: #bfe6de;
}

.surface-workspace .household-hero p {
  margin-top: 10px;
  font-size: 15px;
}

.surface-workspace .household-clock-card {
  min-width: 226px;
  padding: 11px 18px 10px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.05)),
    rgba(75,86,126,.26);
}

.surface-workspace .household-clock-card strong {
  margin: 5px 0 4px;
  font-size: 30px;
}

.surface-workspace .household-stats {
  gap: 14px;
  margin-bottom: 16px;
}

.surface-workspace .household-stat {
  min-height: 104px;
  padding: 17px 24px;
  border-radius: 12px;
  background:
    linear-gradient(136deg, rgba(255,255,255,.15), rgba(255,255,255,.045) 54%, rgba(255,255,255,.08)),
    rgba(78,89,130,.25);
}

.surface-workspace .household-stat-icon {
  width: 56px;
  height: 56px;
  margin-right: 24px;
  border-radius: 11px;
}

.surface-workspace .household-stat-icon svg {
  width: 30px;
  height: 30px;
}

.surface-workspace .household-stat span {
  font-size: 14px;
}

.surface-workspace .household-stat strong {
  margin: 6px 7px 8px 0;
  font-size: 32px;
}

.surface-workspace .household-stat small {
  font-size: 13px;
}

.surface-workspace .household-workbench {
  gap: 14px;
}

.surface-workspace .household-add-card {
  min-height: 60px;
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)),
    rgba(76,88,128,.22);
}

.surface-workspace .household-filterbar {
  margin-top: 12px;
}

.surface-workspace .household-tabs {
  grid-template-columns: repeat(3, 122px);
  min-height: 38px;
  border-radius: 12px;
}

.surface-workspace .household-tabs button {
  border-radius: 12px;
  font-size: 13px;
}

.surface-workspace .household-glass-btn,
.surface-workspace .household-icon-btn {
  height: 38px;
  border-radius: 11px;
  font-size: 13px;
}

.surface-workspace .household-submeta {
  display: none;
}

.surface-workspace #household-shopping-list.household-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
}

.surface-workspace #household-shopping-list.household-list .household-item {
  min-height: 154px;
  padding: 14px 14px 12px;
  border-radius: 10px;
  background:
    linear-gradient(138deg, rgba(255,255,255,.105), rgba(255,255,255,.035) 50%, rgba(255,255,255,.075)),
    rgba(69,82,124,.34);
  box-shadow:
    0 18px 45px rgba(27,34,66,.18),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 16px rgba(255,255,255,.045);
}

.surface-workspace #household-shopping-list.household-list .household-card-head {
  grid-template-columns: 48px minmax(0, 1fr) 26px;
  gap: 12px;
}

.surface-workspace .household-thumb {
  width: 48px;
  height: 48px;
}

.surface-workspace #household-shopping-list.household-list .household-title {
  margin-bottom: 8px;
  font-size: 15px;
}

.surface-workspace .household-stamps .tag {
  min-height: 20px;
  max-width: 76px;
  padding: 0 8px;
  font-size: 10px;
}

.surface-workspace .household-note {
  margin: 9px 0 7px;
  font-size: 12px;
}

.surface-workspace .household-meta {
  gap: 6px;
  font-size: 11px;
}

.surface-workspace .household-actions {
  margin-top: 10px;
}

.surface-workspace .household-action {
  height: 25px;
  padding: 0 6px;
  font-size: 10px;
}

.surface-workspace .household-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  width: 100%;
  color: rgba(255,255,255,.74);
}

.surface-workspace .household-pager button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-height: 36px;
  border: 0;
  border-radius: 10px;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.045);
  font-weight: 760;
}

.surface-workspace .household-pager button.active {
  color: #fff;
  background: linear-gradient(135deg, #a9a9ff, #8ea2ff);
  box-shadow: 0 0 24px rgba(158,169,255,.46);
}

.surface-workspace .household-pager span {
  text-align: center;
}

.surface-workspace .household-pager p {
  justify-self: center;
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  font-weight: 720;
}

@media (max-width: 1080px) {
  .surface-workspace #household-shopping-list.household-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .surface-workspace .household-pager {
    grid-template-columns: repeat(8, 36px);
  }

  .surface-workspace .household-pager p {
    display: none;
  }
}

/* Household fit-to-viewport pass */
body.surface-workspace.household-active {
  height: 100vh;
  overflow: hidden;
}

@media (min-width: 761px) {
  body.surface-workspace.household-active .surface-nav.sidebar {
    height: 100vh;
    overflow: hidden;
  }

  body.surface-workspace.household-active .surface-main.main {
    height: 100vh;
    overflow: hidden;
    padding: 28px 40px 18px 30px;
  }
}

body.surface-workspace.household-active .household-page.active {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
}

@media (max-width: 760px) {
  body.surface-workspace.household-active {
    height: auto;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.surface-workspace.household-active .surface-main.main {
    height: auto;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }

  body.surface-workspace.household-active .household-page.active {
    height: auto;
    min-height: 0;
  }

  body.surface-workspace.household-active #household-shopping-list.household-list {
    overflow: visible;
  }
}

body.surface-workspace.household-active .household-hero {
  margin: 0 0 8px;
}

body.surface-workspace.household-active .household-page .page-title {
  font-size: 32px;
}

body.surface-workspace.household-active .household-hero p {
  margin-top: 7px;
  font-size: 14px;
}

body.surface-workspace.household-active .household-clock-card {
  min-width: 218px;
  padding: 10px 17px 9px;
}

body.surface-workspace.household-active .household-clock-card strong {
  font-size: 29px;
}

body.surface-workspace.household-active .household-stats {
  gap: 12px;
  margin-bottom: 10px;
}

body.surface-workspace.household-active .household-stat {
  min-height: 88px;
  padding: 14px 22px;
}

body.surface-workspace.household-active .household-stat-icon {
  width: 48px;
  height: 48px;
  margin-right: 20px;
}

body.surface-workspace.household-active .household-stat-icon svg {
  width: 27px;
  height: 27px;
}

body.surface-workspace.household-active .household-stat span {
  font-size: 13px;
}

body.surface-workspace.household-active .household-stat strong {
  margin: 4px 6px 5px 0;
  font-size: 29px;
}

body.surface-workspace.household-active .household-stat small {
  font-size: 12px;
}

body.surface-workspace.household-active .household-workbench {
  display: grid;
  grid-template-rows: 52px minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
}

body.surface-workspace.household-active .household-add-card {
  min-height: 52px;
  padding-left: 28px;
}

body.surface-workspace.household-active .household-submit {
  width: 50px;
  height: 38px;
}

body.surface-workspace.household-active .household-list-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
}

body.surface-workspace.household-active .household-filterbar {
  margin-top: 4px;
  gap: 12px;
}

body.surface-workspace.household-active .household-tabs {
  grid-template-columns: repeat(3, 112px);
  min-height: 34px;
}

body.surface-workspace.household-active .household-tabs button,
body.surface-workspace.household-active .household-glass-btn,
body.surface-workspace.household-active .household-icon-btn {
  height: 34px;
  font-size: 12px;
}

body.surface-workspace.household-active .household-icon-btn {
  width: 46px;
}

body.surface-workspace.household-active #household-shopping-list.household-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 136px;
  justify-content: stretch;
  align-content: start;
  gap: 6px 12px;
  min-height: 0;
  margin-top: 8px;
  overflow: hidden;
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item {
  min-height: 0;
  height: 136px;
  padding: 11px 12px 10px;
  border-radius: 10px;
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-card-head {
  grid-template-columns: 40px minmax(0, 1fr) 24px;
  gap: 10px;
}

body.surface-workspace.household-active .household-thumb {
  width: 40px;
  height: 40px;
}

body.surface-workspace.household-active .household-more {
  width: 24px;
  height: 24px;
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-title {
  margin: 1px 0 6px;
  font-size: 14px;
}

body.surface-workspace.household-active .household-stamps .tag {
  min-height: 18px;
  max-width: 70px;
  padding: 0 7px;
  font-size: 10px;
}

body.surface-workspace.household-active .household-note {
  margin: 7px 0 5px;
  font-size: 11px;
  line-height: 1.35;
}

body.surface-workspace.household-active .household-meta {
  gap: 5px;
  font-size: 10px;
}

body.surface-workspace.household-active .household-meta span:nth-child(2),
body.surface-workspace.household-active .household-meta span:nth-child(3) {
  display: none;
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-actions {
  gap: 6px;
  margin-top: 8px;
}

body.surface-workspace.household-active .household-action {
  height: 22px;
  padding: 0 5px;
  font-size: 10px;
  pointer-events: auto;
  cursor: pointer;
}

body.surface-workspace.household-active .household-action svg {
  width: 12px;
  height: 12px;
}

body.surface-workspace.household-active .household-pager {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  width: 100%;
}

body.surface-workspace.household-active .household-pager button {
  width: 34px;
  min-height: 32px;
}

body.surface-workspace.household-active .workspace-cover {
  margin-bottom: 22px;
  padding-bottom: 20px;
}

body.surface-workspace.household-active .workspace-sidebar-search {
  min-height: 48px;
  margin-bottom: 14px;
}

body.surface-workspace.household-active .surface-nav .nav-item {
  min-height: 34px;
  margin-bottom: 6px;
}

body.surface-workspace.household-active .workspace-sidebar-spacer {
  min-height: 20px;
}

body.surface-workspace.household-active .workspace-music-card {
  min-height: 132px;
  margin-bottom: 12px;
  padding: 14px 12px 12px;
}

body.surface-workspace.household-active .workspace-music-controls {
  margin-top: 12px;
}

body.surface-workspace.household-active .surface-nav .status-badge {
  min-height: 40px;
  margin-bottom: 12px;
}

body.surface-workspace.household-active .workspace-sidebar-tools button {
  min-height: 32px;
}

/* Finance workbench mirrors household atmosphere */

.surface-workspace .finance-page {
  max-width: none;
  overflow-x: hidden;
}

.surface-workspace .finance-page .household-hero {
  margin-bottom: 12px;
}

.surface-workspace .finance-dashboard {
  display: grid;
  grid-template-columns: minmax(220px, .82fr) minmax(0, 3fr);
  gap: 10px;
  margin-bottom: 12px;
}

.surface-workspace .finance-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.surface-workspace .finance-page .household-stat {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 118px;
  padding: 13px 14px;
  border-radius: 16px;
  border-color: rgba(255,255,255,.34);
  background:
    radial-gradient(ellipse at 12% 8%, rgba(208, 232, 255, .22), transparent 34%),
    radial-gradient(ellipse at 92% 16%, rgba(255, 206, 200, .16), transparent 32%),
    linear-gradient(142deg, rgba(52, 62, 96, .66), rgba(43, 53, 86, .52) 58%, rgba(67, 79, 116, .56)),
    rgba(31, 42, 75, .64);
  box-shadow:
    0 18px 48px rgba(16, 24, 52, .28),
    inset 0 1px 1px rgba(255,255,255,.34),
    inset 0 -1px 18px rgba(255,255,255,.045);
}

.surface-workspace .finance-page .household-stat strong::after {
  content: none;
}

.surface-workspace .finance-stat-total {
  min-height: 118px;
  background:
    radial-gradient(ellipse at 16% 6%, rgba(255, 218, 178, .32), transparent 36%),
    radial-gradient(ellipse at 90% 18%, rgba(190, 224, 255, .22), transparent 34%),
    linear-gradient(145deg, rgba(57, 65, 101, .72), rgba(43, 53, 88, .56) 58%, rgba(83, 74, 108, .58)),
    rgba(31, 42, 75, .68);
}

.surface-workspace .finance-stat-balance {
  background:
    radial-gradient(ellipse at 14% 8%, rgba(184, 235, 236, .24), transparent 34%),
    radial-gradient(ellipse at 92% 14%, rgba(255, 216, 188, .16), transparent 32%),
    linear-gradient(145deg, rgba(45, 72, 96, .68), rgba(40, 57, 86, .54) 58%, rgba(61, 88, 108, .52)),
    rgba(30, 47, 76, .66);
}

.surface-workspace .finance-stat-flexible {
  background:
    radial-gradient(ellipse at 16% 8%, rgba(188, 242, 212, .24), transparent 34%),
    radial-gradient(ellipse at 92% 12%, rgba(194, 216, 255, .16), transparent 32%),
    linear-gradient(145deg, rgba(43, 74, 79, .68), rgba(39, 58, 80, .54) 58%, rgba(54, 92, 84, .52)),
    rgba(28, 50, 68, .66);
}

.surface-workspace .finance-stat-prepaid {
  background:
    radial-gradient(ellipse at 14% 8%, rgba(220, 212, 255, .24), transparent 34%),
    radial-gradient(ellipse at 92% 16%, rgba(255, 223, 190, .18), transparent 32%),
    linear-gradient(145deg, rgba(59, 59, 101, .68), rgba(47, 53, 86, .54) 58%, rgba(76, 67, 110, .52)),
    rgba(37, 43, 76, .66);
}

.surface-workspace .finance-stat-liability {
  background:
    radial-gradient(ellipse at 14% 8%, rgba(255, 202, 183, .26), transparent 34%),
    radial-gradient(ellipse at 92% 14%, rgba(210, 222, 255, .14), transparent 32%),
    linear-gradient(145deg, rgba(84, 55, 72, .70), rgba(58, 48, 76, .56) 58%, rgba(96, 65, 78, .52)),
    rgba(54, 38, 62, .68);
}

.surface-workspace .finance-stat-kicker {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: rgba(247,250,255,.84);
  font-size: 12px;
  font-weight: 830;
}

.surface-workspace .finance-stat-kicker svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: #c5f2ff;
  filter: drop-shadow(0 0 12px rgba(180,216,255,.28));
}

.surface-workspace .finance-stat-total .finance-stat-kicker svg { color: #ffd3b7; }
.surface-workspace .finance-stat-flexible .finance-stat-kicker svg { color: #c6ffdf; }
.surface-workspace .finance-stat-prepaid .finance-stat-kicker svg { color: #d9dcff; }
.surface-workspace .finance-stat-liability .finance-stat-kicker svg { color: #ffe0b9; }

.surface-workspace .finance-page .household-stat strong {
  display: block;
  min-width: 0;
  margin-top: 7px;
  color: rgba(255,255,255,.98);
  font-size: 22px;
  line-height: 1.08;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.surface-workspace .finance-stat-total strong {
  font-size: 29px;
}

.surface-workspace .finance-page .household-stat small {
  display: block;
  margin-top: 4px;
  color: rgba(236,243,255,.72);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 680;
}

.surface-workspace .finance-card-breakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
  margin-top: 8px;
}

.surface-workspace .finance-card-breakdown span {
  max-width: 100%;
  min-height: 22px;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: rgba(255,255,255,.84);
  font-size: 11px;
  font-weight: 740;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.surface-workspace .finance-stat.is-negative,
.surface-workspace .finance-stat-flexible.is-negative {
  border-color: rgba(255,145,145,.44);
  background:
    linear-gradient(138deg, rgba(255,145,145,.17), rgba(255,255,255,.04) 52%, rgba(255,255,255,.08)),
    rgba(112,38,58,.26);
}

.surface-workspace .finance-stat.is-negative strong,
.surface-workspace .finance-stat-flexible.is-negative strong {
  color: #ffd0d0;
}

.surface-workspace .finance-list-card {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.surface-workspace .finance-command-bar,
.surface-workspace .finance-section-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  min-width: 0;
}

.surface-workspace .finance-search-card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 7px;
  flex: 1 1 420px;
  min-width: min(100%, 260px);
  min-height: 40px;
  padding: 0 4px 0 12px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 16px;
  color: rgba(247,250,255,.92);
  background: rgba(35, 45, 78, .34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 10px 30px rgba(13, 21, 52, .14);
}

.surface-workspace .finance-search-card input {
  width: 100%;
  min-width: 0;
  height: 38px;
  border: 0;
  color: rgba(255,255,255,.99);
  background: transparent;
  font-size: 15px;
  font-weight: 820;
  outline: 0;
  text-shadow: 0 1px 7px rgba(5, 12, 30, .52);
}

.surface-workspace .finance-search-card input::placeholder {
  color: rgba(246,250,255,.76);
}

.surface-workspace .finance-search-card button {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.09);
}

.surface-workspace .finance-toolbar {
  flex: 0 0 auto;
  min-width: 0;
  gap: 6px;
}

.surface-workspace .finance-toolbar .household-glass-btn,
.surface-workspace .finance-toolbar .household-icon-btn {
  min-height: 38px;
  white-space: nowrap;
}

.surface-workspace .finance-tabs {
  grid-template-columns: repeat(3, minmax(116px, 1fr));
  flex: 1 1 390px;
  min-width: 0;
  min-height: 40px;
}

.surface-workspace .finance-tabs button {
  min-height: 38px;
  color: rgba(255,255,255,.86);
  font-size: 14px;
  font-weight: 820;
  text-shadow: 0 1px 7px rgba(5, 12, 30, .48);
}

.surface-workspace .finance-tabs button.active {
  color: #f7fbff;
  background:
    linear-gradient(135deg, rgba(206,242,255,.58), rgba(164,196,255,.36)),
    rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 10px 24px rgba(44, 78, 135, .20);
}

.surface-workspace .finance-list-card .household-submeta {
  flex: 0 1 auto;
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

.surface-workspace .finance-form {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 13px;
  padding: 15px;
  border: 1px solid var(--household-line);
  border-radius: 18px;
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(138deg, rgba(255,255,255,.15), rgba(255,255,255,.04) 52%, rgba(255,255,255,.09)),
    rgba(255,255,255,.08);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.28), 0 18px 48px rgba(17,25,58,.18);
  backdrop-filter: blur(28px) saturate(1.28);
  -webkit-backdrop-filter: blur(28px) saturate(1.28);
}

.surface-workspace .finance-form[hidden],
.surface-workspace .finance-tx-summary[hidden] {
  display: none !important;
}

.surface-workspace .finance-form-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.surface-workspace .finance-form-head strong {
  display: block;
  color: rgba(255,255,255,.95);
  font-size: 15px;
  font-weight: 850;
}

.surface-workspace .finance-form-head span {
  display: block;
  margin-top: 3px;
  color: rgba(236,243,255,.66);
  font-size: 12px;
  font-weight: 680;
  line-height: 1.35;
}

.surface-workspace .finance-form-close {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.08);
}

.surface-workspace .finance-form-grid {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(140px, .8fr) minmax(140px, .8fr) minmax(130px, .7fr);
  gap: 10px;
}

.surface-workspace .finance-form-grid.compact {
  grid-template-columns: minmax(180px, 1fr) minmax(140px, .72fr) minmax(170px, .62fr);
}

.surface-workspace .finance-form .full {
  grid-column: span 4;
}

.surface-workspace .finance-form label {
  display: grid;
  gap: 7px;
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 780;
}

.surface-workspace .finance-form input,
.surface-workspace .finance-form select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 13px;
  color: rgba(255,255,255,.96);
  background: rgba(255,255,255,.105);
  font-size: 15px;
  font-weight: 720;
  outline: 0;
}

.surface-workspace .finance-form input::placeholder {
  color: rgba(255,255,255,.52);
}

.surface-workspace .finance-check {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 13px;
  background: rgba(255,255,255,.09);
}

.surface-workspace .finance-check input {
  width: 18px;
  min-height: 18px;
}

.surface-workspace .finance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.surface-workspace .finance-action {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--household-line);
  border-radius: 13px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.08);
  font-size: 13px;
  font-weight: 790;
  cursor: pointer;
}

.surface-workspace .finance-action.primary {
  border-color: rgba(199,255,231,.36);
  color: #f3fff9;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.40), transparent 44%),
    linear-gradient(135deg, rgba(190,198,255,.72), rgba(134,154,238,.46));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 0 30px rgba(165,174,255,.32);
}

.surface-workspace .finance-action svg {
  width: 16px;
  height: 16px;
}

.surface-workspace .finance-tx-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  color: rgba(255,255,255,.94);
  font-size: 13px;
  font-weight: 830;
  text-shadow: 0 1px 7px rgba(5, 12, 30, .52);
}

.surface-workspace .finance-tx-summary span {
  min-height: 26px;
  padding: 2px 10px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  background: rgba(29, 39, 72, .34);
  line-height: 20px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.surface-workspace .finance-list.household-list {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  align-items: stretch;
  gap: 13px;
}

.surface-workspace .finance-list.household-list.is-transaction-view {
  grid-template-columns: 1fr;
  gap: 6px;
}

.surface-workspace .finance-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  min-height: 196px;
  padding: 15px;
  border-radius: 18px;
}

.surface-workspace .finance-tx-row {
  grid-template-columns: 34px minmax(160px, 1.55fr) minmax(98px, .48fr) minmax(76px, .34fr) minmax(104px, .48fr) auto;
  align-content: center;
  align-items: center;
  gap: 7px 12px;
  min-height: 58px;
  padding: 6px 10px;
  border-radius: 12px;
}

.surface-workspace .finance-tx-row .finance-card-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

.surface-workspace .finance-tx-row .finance-card-icon svg {
  width: 18px;
  height: 18px;
}

.surface-workspace .finance-tx-row .household-title {
  margin: 0;
  font-size: 14px;
  line-height: 1.15;
}

.surface-workspace .finance-tx-row .finance-card-subtitle {
  display: none;
}

.surface-workspace .finance-tx-row .finance-card-money {
  margin: 0;
  font-size: 18px;
  white-space: nowrap;
  justify-self: end;
}

.surface-workspace .finance-tx-row .finance-card-tags {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: start;
  gap: 3px;
  min-width: 0;
}

.surface-workspace .finance-tx-row .finance-card-tags .tag {
  min-height: 17px;
  padding: 1px 6px;
  font-size: 10px;
  line-height: 14px;
}

.surface-workspace .finance-tx-row .finance-card-meta {
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}

.surface-workspace .finance-tx-actions {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  min-width: max-content;
}

.surface-workspace .finance-mini-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 48px;
  min-height: 28px;
  padding: 0 7px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 9px;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.10);
  font-size: 11px;
  font-weight: 820;
  cursor: pointer;
  text-shadow: 0 1px 6px rgba(5, 12, 30, .38);
}

.surface-workspace .finance-mini-action svg {
  width: 14px;
  height: 14px;
}

.surface-workspace .finance-mini-action.danger {
  border-color: rgba(255,190,190,.38);
  color: #ffe0df;
  background: rgba(126, 42, 54, .24);
}

.surface-workspace .finance-card-topline {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: start;
  min-width: 0;
}

.surface-workspace .finance-card-titleblock {
  min-width: 0;
}

.surface-workspace .finance-card .household-title {
  margin: 1px 0 5px;
  font-size: 16px;
  line-height: 1.22;
  white-space: normal;
  overflow-wrap: anywhere;
}

.surface-workspace .finance-card-subtitle {
  color: rgba(236,243,255,.64);
  font-size: 12px;
  font-weight: 720;
  line-height: 1.35;
}

.surface-workspace .finance-card-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 13px;
  color: #c5f2ff;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.07)),
    rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 26px rgba(180,216,255,.20);
}

.surface-workspace .finance-pool-card.is-liability .finance-card-icon,
.surface-workspace .finance-tx-card.is-expense .finance-card-icon { color: #ffd3b7; }
.surface-workspace .finance-pool-card.is-prepaid .finance-card-icon,
.surface-workspace .finance-budget-card .finance-card-icon { color: #d9dcff; }
.surface-workspace .finance-tx-card.is-income .finance-card-icon { color: #c6ffdf; }

.surface-workspace .finance-card-icon svg {
  width: 25px;
  height: 25px;
}

.surface-workspace .finance-card-money,
.surface-workspace .finance-budget-amounts strong {
  min-width: 0;
  color: rgba(255,255,255,.97);
  font-size: 25px;
  line-height: 1.1;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.surface-workspace .finance-card-money.is-negative,
.surface-workspace .finance-budget-amounts strong.is-negative {
  color: #ffd0d0;
}

.surface-workspace .finance-card-money.is-positive,
.surface-workspace .finance-budget-amounts strong.is-positive {
  color: #d7ffe7;
}

.surface-workspace .finance-card-tags .tag {
  max-width: none;
  min-height: 24px;
  font-size: 12px;
}

.surface-workspace .finance-card-meta {
  gap: 7px;
  white-space: normal;
}

.surface-workspace .finance-card-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.surface-workspace .finance-id {
  position: relative;
  z-index: 1;
  justify-self: end;
  color: rgba(255,255,255,.58);
  font-size: 11px;
  font-weight: 760;
}

.surface-workspace .finance-budget-amounts {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, .85fr));
  gap: 8px;
}

.surface-workspace .finance-budget-amounts div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 13px;
  background: rgba(255,255,255,.075);
}

.surface-workspace .finance-budget-amounts span {
  display: block;
  margin-bottom: 5px;
  color: rgba(236,243,255,.62);
  font-size: 11px;
  font-weight: 760;
}

.surface-workspace .finance-budget-amounts strong {
  display: block;
  font-size: 18px;
}

.surface-workspace .finance-progress {
  position: relative;
  z-index: 1;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
}

.surface-workspace .finance-progress div {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(129,227,184,.88), rgba(165,229,255,.75));
}

.surface-workspace .finance-budget-card.is-warning .finance-progress div {
  background: linear-gradient(90deg, rgba(255,215,138,.92), rgba(255,178,128,.72));
}

.surface-workspace .finance-budget-card.is-over .finance-progress div {
  background: linear-gradient(90deg, rgba(255,138,138,.92), rgba(255,190,170,.72));
}

body.surface-workspace.finance-active .finance-list.household-list .household-item {
  border-color: rgba(255,255,255,.32);
  background:
    radial-gradient(ellipse at 9% 0%, rgba(255,255,255,.20), transparent 38%),
    radial-gradient(ellipse at 96% 14%, rgba(197, 220, 255, .105), transparent 32%),
    linear-gradient(138deg, rgba(255,255,255,.140), rgba(255,255,255,.034) 50%, rgba(255,255,255,.092)),
    rgba(54, 67, 108, .34);
  box-shadow:
    0 20px 58px rgba(13, 21, 52, .28),
    0 0 0 1px rgba(255,255,255,.032),
    inset 0 1px 1px rgba(255,255,255,.38),
    inset 0 -1px 20px rgba(255,255,255,.068),
    inset 16px 0 42px rgba(255,255,255,.034);
  backdrop-filter: blur(32px) saturate(1.38) contrast(1.04);
  -webkit-backdrop-filter: blur(32px) saturate(1.38) contrast(1.04);
}

body.surface-workspace.finance-active .finance-list.household-list .household-item::before {
  opacity: .72;
  background:
    linear-gradient(115deg, rgba(255,255,255,.52), rgba(255,255,255,.10) 18%, transparent 39%),
    linear-gradient(292deg, rgba(255,255,255,.24), transparent 29%);
}

body.surface-workspace.finance-active .finance-list.household-list .household-item::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 8% 8%, rgba(255, 216, 184, .18), transparent 24%),
    radial-gradient(ellipse at 91% 12%, rgba(189, 216, 255, .17), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 48%);
  mix-blend-mode: screen;
  opacity: .72;
}

body.surface-workspace.finance-active .finance-list.household-list .household-item > * {
  position: relative;
  z-index: 1;
}

body.surface-workspace.finance-active .finance-list.household-list .finance-card {
  border-color: rgba(255,255,255,.32);
  background:
    radial-gradient(ellipse at 10% 0%, rgba(190, 224, 255, .20), transparent 35%),
    radial-gradient(ellipse at 92% 12%, rgba(255, 214, 200, .13), transparent 32%),
    linear-gradient(140deg, rgba(45, 58, 92, .68), rgba(35, 48, 82, .54) 58%, rgba(57, 70, 103, .56)),
    rgba(28, 41, 72, .68);
  box-shadow:
    0 22px 58px rgba(13, 21, 52, .30),
    inset 0 1px 1px rgba(255,255,255,.32),
    inset 0 -1px 20px rgba(255,255,255,.05);
}

body.surface-workspace.finance-active .finance-list.household-list .finance-pool-card.is-real {
  background:
    radial-gradient(ellipse at 10% 0%, rgba(179, 235, 232, .26), transparent 34%),
    radial-gradient(ellipse at 94% 13%, rgba(255, 218, 185, .14), transparent 32%),
    linear-gradient(140deg, rgba(41, 75, 92, .70), rgba(36, 55, 83, .56) 58%, rgba(53, 90, 97, .54)),
    rgba(28, 47, 72, .68);
}

body.surface-workspace.finance-active .finance-list.household-list .finance-pool-card.is-liability {
  background:
    radial-gradient(ellipse at 10% 0%, rgba(255, 195, 177, .28), transparent 34%),
    radial-gradient(ellipse at 94% 13%, rgba(206, 221, 255, .13), transparent 32%),
    linear-gradient(140deg, rgba(84, 51, 68, .72), rgba(58, 47, 76, .58) 58%, rgba(94, 63, 75, .54)),
    rgba(53, 38, 62, .70);
}

body.surface-workspace.finance-active .finance-list.household-list .finance-pool-card.is-prepaid,
body.surface-workspace.finance-active .finance-list.household-list .finance-budget-card {
  background:
    radial-gradient(ellipse at 10% 0%, rgba(220, 210, 255, .26), transparent 34%),
    radial-gradient(ellipse at 94% 13%, rgba(255, 226, 190, .15), transparent 32%),
    linear-gradient(140deg, rgba(60, 58, 98, .70), rgba(47, 52, 84, .56) 58%, rgba(79, 68, 107, .54)),
    rgba(38, 42, 75, .68);
}

body.surface-workspace.finance-active .finance-list.household-list .finance-budget-card {
  border-color: rgba(236, 244, 255, .42);
  background:
    radial-gradient(ellipse at 12% 2%, rgba(194, 225, 255, .18), transparent 34%),
    radial-gradient(ellipse at 91% 8%, rgba(225, 204, 255, .16), transparent 32%),
    linear-gradient(142deg, rgba(36, 49, 82, .82), rgba(30, 43, 75, .72) 58%, rgba(46, 57, 92, .74)),
    rgba(22, 34, 64, .82);
  box-shadow:
    0 22px 58px rgba(7, 14, 36, .34),
    inset 0 1px 1px rgba(255,255,255,.26),
    inset 0 -1px 22px rgba(124, 151, 205, .08);
}

body.surface-workspace.finance-active .finance-list.household-list .finance-budget-card::before {
  opacity: .34;
}

body.surface-workspace.finance-active .finance-list.household-list .finance-budget-card::after {
  opacity: .24;
}

body.surface-workspace.finance-active .finance-list.household-list .finance-tx-row {
  min-height: 58px;
  border-color: rgba(255,255,255,.32);
  background:
    linear-gradient(118deg, rgba(255,255,255,.18), rgba(255,255,255,.052) 52%, rgba(255,255,255,.10)),
    rgba(42, 52, 86, .42);
  box-shadow:
    0 10px 26px rgba(13, 21, 52, .20),
    inset 0 1px 1px rgba(255,255,255,.30);
}

body.surface-workspace.finance-active .finance-list.household-list .finance-tx-row::before {
  opacity: .38;
}

body.surface-workspace.finance-active .finance-list.household-list .finance-tx-row::after {
  opacity: .18;
}

body.surface-workspace.finance-active .finance-list.household-list .finance-card::after {
  opacity: .34;
}

body.surface-workspace.finance-active .finance-card .household-title {
  color: rgba(255,255,255,.98);
  text-shadow: 0 2px 8px rgba(5, 12, 30, .48);
}

body.surface-workspace.finance-active .finance-card-subtitle,
body.surface-workspace.finance-active .finance-card-meta span {
  color: rgba(240,246,255,.86);
  text-shadow: 0 1px 7px rgba(5, 12, 30, .42);
}

body.surface-workspace.finance-active .finance-budget-card .household-title {
  color: rgba(250, 253, 255, .98);
}

body.surface-workspace.finance-active .finance-budget-card .finance-card-subtitle {
  color: rgba(229, 239, 255, .86);
}

body.surface-workspace.finance-active .finance-budget-card .finance-card-icon {
  border-color: rgba(226, 238, 255, .34);
  color: #d8e2ff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.32), transparent 46%),
    rgba(160, 185, 230, .14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 0 24px rgba(170, 202, 255, .16);
}

body.surface-workspace.finance-active .finance-card-money,
body.surface-workspace.finance-active .finance-budget-amounts strong {
  text-shadow:
    0 2px 10px rgba(5, 12, 30, .50),
    0 0 18px rgba(255,255,255,.10);
}

body.surface-workspace.finance-active .finance-budget-amounts div {
  border-color: rgba(226, 238, 255, .22);
  background:
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    rgba(10, 20, 48, .30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 8px 18px rgba(7, 14, 36, .12);
}

body.surface-workspace.finance-active .finance-budget-amounts span {
  color: rgba(224, 236, 255, .78);
  text-shadow: 0 1px 6px rgba(5, 12, 30, .36);
}

body.surface-workspace.finance-active .finance-budget-amounts strong {
  color: rgba(228, 255, 245, .98);
  font-size: 19px;
}

body.surface-workspace.finance-active .finance-budget-amounts strong.is-negative {
  color: #ffd0d0;
}

body.surface-workspace.finance-active .finance-budget-card .finance-progress {
  background: rgba(8, 18, 44, .40);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

body.surface-workspace.finance-active .finance-card-tags .tag {
  border-color: rgba(255,255,255,.34);
  color: rgba(255,255,255,.92);
  background: rgba(12, 20, 46, .24);
  text-shadow: 0 1px 6px rgba(5, 12, 30, .40);
}

body.surface-workspace.finance-active .finance-card-tags .tag.green {
  color: #d8ffe9;
  background: rgba(31, 117, 82, .36);
}

body.surface-workspace.finance-active .finance-card-tags .tag.red {
  color: #ffe0dc;
  background: rgba(133, 49, 52, .34);
}

body.surface-workspace.finance-active .finance-card .household-note {
  border-color: rgba(255,255,255,.28);
  color: rgba(255,255,255,.92);
  background: rgba(14, 22, 48, .32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  text-shadow: 0 1px 7px rgba(5, 12, 30, .42);
}

body.surface-workspace.finance-active #finance_liability_total {
  font-size: clamp(22px, 1.42vw, 27px);
}

@media (min-width: 1120px) {
  .surface-workspace .finance-list-card {
    grid-template-columns: minmax(520px, 1.28fr) minmax(410px, .86fr);
    align-items: center;
  }

  .surface-workspace .finance-command-bar,
  .surface-workspace .finance-section-bar {
    min-height: 42px;
  }

  .surface-workspace .finance-command-bar {
    grid-column: 1;
  }

  .surface-workspace .finance-section-bar {
    grid-column: 2;
  }

  .surface-workspace .finance-form,
  .surface-workspace .finance-tx-summary,
  .surface-workspace .finance-list.household-list {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1080px) {
  .surface-workspace .finance-dashboard {
    grid-template-columns: 1fr;
  }

  .surface-workspace .finance-metric-grid {
    grid-template-columns: repeat(4, minmax(190px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }
}

@media (max-width: 760px) {
  .surface-workspace .finance-dashboard,
  .surface-workspace .finance-metric-grid,
  .surface-workspace .finance-list.household-list,
  .surface-workspace .finance-form-grid,
  .surface-workspace .finance-form-grid.compact,
  .surface-workspace .finance-budget-amounts {
    grid-template-columns: 1fr;
  }

  .surface-workspace .finance-metric-grid {
    overflow-x: visible;
    padding-bottom: 0;
  }

  .surface-workspace .finance-page .household-stat,
  .surface-workspace .finance-card {
    border-radius: 16px;
  }

  .surface-workspace .finance-page .household-stat {
    min-height: 0;
    padding: 16px;
  }

  .surface-workspace .finance-page .household-stat strong {
    font-size: 25px;
  }

  .surface-workspace .finance-stat-total strong {
    font-size: 32px;
  }

  .surface-workspace .finance-command-bar,
  .surface-workspace .finance-section-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .surface-workspace .finance-search-card,
  .surface-workspace .finance-tabs {
    width: 100%;
    flex-basis: auto;
  }

  .surface-workspace .finance-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .surface-workspace .finance-toolbar {
    width: 100%;
    justify-content: stretch;
  }

  .surface-workspace .finance-toolbar .household-glass-btn {
    flex: 1 1 0;
    padding: 0 10px;
  }

  .surface-workspace .finance-toolbar .household-icon-btn {
    flex: 0 0 48px;
    width: 48px;
  }

  .surface-workspace .finance-list-card .household-submeta {
    text-align: left;
  }

  .surface-workspace .finance-form .full {
    grid-column: 1;
  }

  .surface-workspace .finance-tx-row {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 8px 10px;
  }

  .surface-workspace .finance-tx-row .finance-card-money {
    justify-self: end;
  }

  .surface-workspace .finance-tx-row .finance-card-tags,
  .surface-workspace .finance-tx-row .finance-card-meta,
  .surface-workspace .finance-tx-actions {
    grid-column: 2 / -1;
  }

  .surface-workspace .finance-tx-actions {
    justify-content: flex-start;
    min-width: 0;
  }

  .surface-workspace .finance-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .surface-workspace .finance-action {
    padding: 0 8px;
  }
}

@media (max-width: 430px) {
  .surface-workspace .finance-page .household-stat strong {
    font-size: 23px;
  }

  .surface-workspace .finance-stat-total strong {
    font-size: 30px;
  }

  .surface-workspace .finance-card {
    min-height: 0;
    padding: 14px;
  }

  .surface-workspace .finance-card-money {
    font-size: 23px;
  }

  .surface-workspace .finance-card-topline {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .surface-workspace .finance-card-icon {
    width: 44px;
    height: 44px;
  }

  .surface-workspace .finance-tabs button {
    font-size: 13px;
  }
}

/* Memory library liquid glass color fit */
body.surface-workspace.memory-active {
  --mv2-glass: rgba(118, 134, 184, .22);
  --mv2-glass-strong: rgba(132, 148, 198, .31);
  --mv2-glass-soft: rgba(255, 255, 255, .08);
  --mv2-line-glass: rgba(255, 255, 255, .24);
  --mv2-line-hot: rgba(255, 255, 255, .42);
  --mv2-ink-glass: rgba(248, 252, 255, .95);
  --mv2-muted-glass: rgba(230, 239, 255, .70);
  --mv2-faint-glass: rgba(225, 235, 255, .53);
}

body.surface-workspace.memory-active::before {
  opacity: .50;
  background:
    linear-gradient(90deg, rgba(33,41,70,.78), rgba(65,76,116,.30) 28%, rgba(78,89,128,.20) 68%, rgba(32,40,72,.56)),
    linear-gradient(180deg, rgba(56,66,102,.18), rgba(25,31,60,.44)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  filter: saturate(.78) contrast(.92) blur(.5px);
}

body.surface-workspace.memory-active .surface-main.main {
  background: rgba(47, 58, 96, .15);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.surface-workspace.memory-active .surface-main.main::-webkit-scrollbar {
  width: 6px;
}

body.surface-workspace.memory-active .surface-main.main::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255,255,255,.20);
}

body.surface-workspace.memory-active #page-memory {
  color: var(--mv2-ink-glass);
  height: auto;
  min-height: calc(100dvh - clamp(20px, 3vh, 30px) - clamp(16px, 2.4vh, 24px));
  overflow: visible;
}

body.surface-workspace.memory-active #page-memory .page-title {
  margin: 0 0 22px;
  color: rgba(248, 252, 255, .96);
  font-size: 38px;
  line-height: 1.05;
  letter-spacing: 0;
  text-shadow: 0 8px 34px rgba(15, 22, 50, .26);
}

body.surface-workspace.memory-active #page-memory .page-title span {
  color: rgba(196, 225, 255, .92);
}

body.surface-workspace.memory-active .memory-library-tabs {
  display: none;
}

body.surface-workspace.memory-active #memoryLibraryV2Pane {
  --mv2-ink: var(--mv2-ink-glass);
  --mv2-muted: var(--mv2-muted-glass);
  --mv2-faint: var(--mv2-faint-glass);
  --mv2-line: var(--mv2-line-glass);
  --mv2-line-strong: var(--mv2-line-hot);
  --mv2-green: #9cf3d4;
  --mv2-green-strong: #5fe6be;
  --mv2-green-soft: rgba(128, 231, 193, .16);
  --mv2-blue: #b9dfff;
  --mv2-blue-soft: rgba(170, 215, 255, .14);
  --mv2-amber: #ffd89a;
  --mv2-amber-soft: rgba(255, 213, 149, .16);
  --mv2-rose: #ffc0cc;
  --mv2-rose-soft: rgba(255, 165, 188, .16);
  gap: 10px;
  color: var(--mv2-ink-glass);
  overflow: visible;
}

body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-card,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-result-card,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-runway-card,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-summary-box,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-issue-section,
body.surface-workspace.memory-active #memoryLibraryV2Pane .mem-card {
  border: 1px solid var(--mv2-line-glass);
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.045) 46%, rgba(255,255,255,.09)),
    var(--mv2-glass);
  box-shadow:
    0 18px 48px rgba(17, 25, 58, .20),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 18px rgba(255,255,255,.055);
  backdrop-filter: blur(28px) saturate(1.34);
  -webkit-backdrop-filter: blur(28px) saturate(1.34);
}

body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-card,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-result-card {
  border-radius: 14px;
}

body.surface-workspace.memory-active .memory-v2-overview-card {
  padding: 14px 16px 13px;
}

body.surface-workspace.memory-active .memory-v2-overview-card::before {
  height: 1px;
  background: linear-gradient(90deg, rgba(157, 243, 212, .62), rgba(190, 214, 255, .70), rgba(255, 212, 160, .50));
}

body.surface-workspace.memory-active .memory-v2-overview-header {
  gap: 12px;
  margin-bottom: 11px;
}

body.surface-workspace.memory-active .memory-v2-overview-title {
  color: var(--mv2-ink-glass);
  font-size: 21px;
  line-height: 1.12;
}

body.surface-workspace.memory-active .memory-v2-overview-status {
  margin-top: 4px;
  color: var(--mv2-muted-glass);
  font-size: 12px;
  line-height: 1.34;
}

body.surface-workspace.memory-active .memory-v2-toolbar {
  gap: 7px;
}

body.surface-workspace.memory-active #memoryLibraryV2Pane .btn,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-action,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-id,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-card-more summary {
  min-height: 31px;
  border-color: rgba(255,255,255,.18);
  color: rgba(244, 249, 255, .86);
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.055)),
    rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24);
  backdrop-filter: blur(20px) saturate(1.22);
  -webkit-backdrop-filter: blur(20px) saturate(1.22);
}

body.surface-workspace.memory-active #memoryLibraryV2Pane .btn:hover,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-action:hover,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-id:hover,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-card-more summary:hover {
  color: #fff;
  border-color: rgba(255,255,255,.38);
  background:
    linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.075)),
    rgba(255,255,255,.10);
}

body.surface-workspace.memory-active .memory-v2-toolbar-primary,
body.surface-workspace.memory-active .memory-v2-search-actions .btn-primary,
body.surface-workspace.memory-active .memory-v2-big-action {
  color: #f7fffd !important;
  background:
    linear-gradient(135deg, rgba(101, 230, 190, .58), rgba(42, 165, 145, .48)),
    rgba(86, 205, 176, .22) !important;
  box-shadow: 0 0 26px rgba(111, 240, 205, .20), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

body.surface-workspace.memory-active .memory-v2-metric-grid {
  gap: 8px;
}

body.surface-workspace.memory-active .memory-v2-metric-grid .memory-v2-stat {
  min-height: 96px;
  padding: 11px 12px 10px;
  border-color: var(--mv2-line-glass);
  border-radius: 13px;
  background:
    radial-gradient(circle at 12% 4%, rgba(255,255,255,.17), transparent 44%),
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.044)),
    rgba(112, 129, 179, .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 12px 34px rgba(19,27,58,.12);
  backdrop-filter: blur(26px) saturate(1.28);
  -webkit-backdrop-filter: blur(26px) saturate(1.28);
}

body.surface-workspace.memory-active .memory-v2-metric-grid .memory-v2-stat:hover,
body.surface-workspace.memory-active .memory-v2-result-card:hover,
body.surface-workspace.memory-active .memory-v2-runway-card:hover {
  transform: translateY(-2px);
  border-color: var(--mv2-line-hot);
  background:
    radial-gradient(circle at 12% 4%, rgba(255,255,255,.22), transparent 44%),
    linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.055)),
    rgba(132, 148, 198, .22);
  box-shadow: 0 20px 54px rgba(18, 26, 58, .22), inset 0 1px 0 rgba(255,255,255,.34);
}

body.surface-workspace.memory-active .memory-v2-stat-icon,
body.surface-workspace.memory-active .memory-v2-panel-icon,
body.surface-workspace.memory-active .memory-v2-heading-icon,
body.surface-workspace.memory-active .memory-v2-runway-card > span,
body.surface-workspace.memory-active .memory-v2-item-index {
  color: rgba(210, 242, 255, .96);
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(185,223,255,.11)),
    rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 0 18px rgba(169, 213, 255, .10);
}

body.surface-workspace.memory-active .memory-v2-stat-icon {
  width: 28px;
  height: 28px;
  margin-bottom: 6px;
}

body.surface-workspace.memory-active .memory-v2-metric-grid .memory-v2-stat span,
body.surface-workspace.memory-active #memoryLibraryV2Pane .form-group label {
  color: var(--mv2-muted-glass);
  font-size: 11px;
  line-height: 1.18;
}

body.surface-workspace.memory-active .memory-v2-metric-grid .memory-v2-stat strong {
  margin: 4px 0 3px;
  color: var(--mv2-ink-glass);
  font-size: 25px;
}

body.surface-workspace.memory-active .memory-v2-metric-grid .memory-v2-stat small {
  color: var(--mv2-muted-glass);
  font-size: 11px;
  line-height: 1.28;
}

body.surface-workspace.memory-active .memory-v2-runway {
  gap: 8px;
  margin-top: 9px;
}

body.surface-workspace.memory-active .memory-v2-runway-card {
  min-height: 58px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 2px 9px;
  padding: 9px 11px;
  border-radius: 13px;
}

body.surface-workspace.memory-active .memory-v2-runway-card > span {
  width: 28px;
  height: 28px;
}

body.surface-workspace.memory-active .memory-v2-runway-card strong {
  color: var(--mv2-ink-glass);
  font-size: 12px;
  line-height: 1.16;
}

body.surface-workspace.memory-active .memory-v2-runway-card small {
  color: var(--mv2-muted-glass);
  font-size: 10px;
  line-height: 1.22;
}

body.surface-workspace.memory-active .memory-v2-runway-card em {
  color: #a8ffe0;
  font-size: 12px;
}

body.surface-workspace.memory-active .memory-v2-workbench-grid,
body.surface-workspace.memory-active .memory-v2-main-grid {
  gap: 10px;
}

body.surface-workspace.memory-active .memory-v2-workbench-grid-single {
  grid-template-columns: minmax(0, 1fr);
}

body.surface-workspace.memory-active .memory-v2-search-card,
body.surface-workspace.memory-active .memory-v2-ops-card,
body.surface-workspace.memory-active .memory-v2-list-card,
body.surface-workspace.memory-active .memory-v2-inspector-card {
  padding: 13px;
}

body.surface-workspace.memory-active .memory-v2-panel-header {
  gap: 10px;
  padding-bottom: 10px;
  border-bottom-color: rgba(255,255,255,.16);
}

body.surface-workspace.memory-active .memory-v2-panel-title-row {
  gap: 9px;
}

body.surface-workspace.memory-active .memory-v2-panel-icon,
body.surface-workspace.memory-active .memory-v2-heading-icon {
  width: 32px;
  height: 32px;
}

body.surface-workspace.memory-active .memory-v2-panel-title-row h3,
body.surface-workspace.memory-active .memory-v2-heading .mem-count,
body.surface-workspace.memory-active .memory-v2-inspector-header .mem-count,
body.surface-workspace.memory-active #memoryLibraryV2Pane .mem-title,
body.surface-workspace.memory-active .memory-v2-title {
  color: var(--mv2-ink-glass);
}

body.surface-workspace.memory-active .memory-v2-panel-title-row h3 {
  font-size: 16px;
  line-height: 1.16;
}

body.surface-workspace.memory-active .memory-v2-panel-title-row p,
body.surface-workspace.memory-active .memory-v2-heading small,
body.surface-workspace.memory-active .memory-v2-meta,
body.surface-workspace.memory-active .memory-v2-foot,
body.surface-workspace.memory-active .memory-v2-ops-hint {
  color: var(--mv2-muted-glass);
}

body.surface-workspace.memory-active .memory-v2-panel-title-row p {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.22;
}

body.surface-workspace.memory-active .memory-v2-search-section {
  padding-top: 10px;
}

body.surface-workspace.memory-active .memory-v2-search-section + .memory-v2-search-section {
  margin-top: 8px;
  padding-top: 10px;
  border-top-color: rgba(255,255,255,.13);
}

body.surface-workspace.memory-active .memory-v2-recall-section {
  margin-top: 10px;
  padding: 10px;
  border-color: rgba(156, 243, 212, .20);
  background: rgba(112, 231, 196, .06);
}

body.surface-workspace.memory-active .memory-v2-section-label {
  margin-bottom: 7px;
  color: var(--mv2-ink-glass);
  font-size: 11px;
  line-height: 1.15;
}

body.surface-workspace.memory-active .memory-v2-section-label span {
  height: 12px;
  background: rgba(156, 243, 212, .82);
}

body.surface-workspace.memory-active .memory-v2-basic-grid,
body.surface-workspace.memory-active .memory-v2-recall-grid,
body.surface-workspace.memory-active .memory-v2-edge-grid {
  gap: 8px 10px;
}

body.surface-workspace.memory-active .memory-v2-search-card .form-group,
body.surface-workspace.memory-active .memory-v2-ops-card .form-group {
  gap: 4px;
}

body.surface-workspace.memory-active .memory-v2-search-card input,
body.surface-workspace.memory-active .memory-v2-search-card select,
body.surface-workspace.memory-active .memory-v2-ops-card textarea {
  min-height: 34px;
  border-color: rgba(255,255,255,.20);
  color: var(--mv2-ink-glass);
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.052)),
    rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

body.surface-workspace.memory-active .memory-v2-search-card input::placeholder,
body.surface-workspace.memory-active .memory-v2-ops-card textarea::placeholder {
  color: rgba(230, 239, 255, .48);
}

body.surface-workspace.memory-active .memory-v2-search-card input:focus,
body.surface-workspace.memory-active .memory-v2-search-card select:focus,
body.surface-workspace.memory-active .memory-v2-ops-card textarea:focus {
  border-color: rgba(180, 224, 255, .52);
  box-shadow: 0 0 0 3px rgba(177, 216, 255, .12), inset 0 1px 0 rgba(255,255,255,.24);
}

body.surface-workspace.memory-active .memory-v2-search-actions,
body.surface-workspace.memory-active .memory-v2-ops-actions {
  gap: 8px;
  margin-top: 10px;
}

body.surface-workspace.memory-active .memory-v2-more-search,
body.surface-workspace.memory-active .memory-v2-ops-advanced {
  margin-top: 9px;
  padding-top: 8px;
  border-top-color: rgba(255,255,255,.13);
}

body.surface-workspace.memory-active .memory-v2-id-input {
  margin-top: 10px;
}

body.surface-workspace.memory-active .memory-v2-id-input textarea {
  min-height: 96px;
  line-height: 1.34;
}

body.surface-workspace.memory-active .memory-v2-results {
  gap: 7px;
  margin-top: 6px;
}

body.surface-workspace.memory-active .memory-v2-list-header,
body.surface-workspace.memory-active .memory-v2-inspector-header {
  margin-bottom: 9px;
}

body.surface-workspace.memory-active .memory-v2-result-card {
  grid-template-columns: 29px minmax(0, 1fr);
  gap: 9px;
  padding: 8px 10px;
}

body.surface-workspace.memory-active .memory-v2-result-card.is-active {
  border-color: rgba(156, 243, 212, .42);
  box-shadow: inset 3px 0 0 rgba(156, 243, 212, .72), 0 18px 42px rgba(18, 26, 58, .20);
}

body.surface-workspace.memory-active .memory-v2-item-index {
  width: 29px;
  height: 29px;
  font-size: 12px;
}

body.surface-workspace.memory-active .memory-v2-title {
  font-size: 14px;
  line-height: 1.22;
}

body.surface-workspace.memory-active .memory-v2-meta {
  margin-top: 3px;
  gap: 6px;
  font-size: 10px;
  line-height: 1.22;
}

body.surface-workspace.memory-active .memory-v2-meta span,
body.surface-workspace.memory-active .memory-v2-status-pill {
  min-height: 16px;
  padding: 0 6px;
}

body.surface-workspace.memory-active .memory-v2-chip-row {
  gap: 5px;
  margin-top: 5px;
}

body.surface-workspace.memory-active .memory-v2-chip-row code,
body.surface-workspace.memory-active #memoryLibraryV2Pane .tag,
body.surface-workspace.memory-active .memory-v2-status-pill {
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(228, 241, 255, .82);
  background: rgba(255,255,255,.08);
}

body.surface-workspace.memory-active .memory-v2-chip-row code,
body.surface-workspace.memory-active #memoryLibraryV2Pane .tag {
  padding: 2px 6px;
  font-size: 10px;
  line-height: 1.2;
}

body.surface-workspace.memory-active .memory-v2-body {
  margin-top: 5px;
  color: rgba(248, 252, 255, .86);
  font-size: 12px;
  line-height: 1.34;
}

body.surface-workspace.memory-active .memory-v2-foot {
  margin-top: 5px;
  gap: 6px;
  margin-bottom: 0;
}

body.surface-workspace.memory-active .memory-v2-card-actions {
  gap: 6px;
  margin-top: 6px;
}

body.surface-workspace.memory-active .memory-v2-action,
body.surface-workspace.memory-active .memory-v2-card-more summary,
body.surface-workspace.memory-active .memory-v2-id {
  min-height: 24px;
  padding: 0 8px;
  border-radius: 9px;
  font-size: 10px;
}

body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-action,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-card-more summary,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-id {
  min-height: 24px;
  height: 24px;
}

body.surface-workspace.memory-active .memory-v2-action svg,
body.surface-workspace.memory-active .memory-v2-card-more summary svg {
  width: 12px;
  height: 12px;
}

body.surface-workspace.memory-active .memory-v2-card-more .btn-row {
  border-color: rgba(255,255,255,.22);
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),
    rgba(80, 93, 137, .82);
  box-shadow: 0 18px 48px rgba(12, 18, 44, .30);
  backdrop-filter: blur(24px) saturate(1.25);
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
}

body.surface-workspace.memory-active .memory-v2-card-more:not([open]) .btn-row {
  display: none;
}

body.surface-workspace.memory-active .memory-v2-inspector-card #memoryV2Inspector {
  max-height: calc(100vh - 172px);
  min-height: 360px;
}

body.surface-workspace.memory-active .memory-v2-inspector-card #memoryV2Inspector .mem-card {
  padding: 11px;
}

body.surface-workspace.memory-active .memory-v2-inspector-pre,
body.surface-workspace.memory-active .memory-v2-json pre {
  color: rgba(237, 246, 255, .84);
  background: rgba(20, 29, 60, .22);
}

body.surface-workspace.memory-active #memoryLibraryV2Pane .empty {
  color: var(--mv2-muted-glass);
}

/* Household in-app confirmation modal */
.surface-workspace .household-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background:
    radial-gradient(circle at 54% 38%, rgba(188, 215, 255, .18), transparent 24rem),
    rgba(19, 25, 50, .34);
  backdrop-filter: blur(10px) saturate(1.12);
  -webkit-backdrop-filter: blur(10px) saturate(1.12);
}

.surface-workspace .household-modal-panel {
  width: min(520px, calc(100vw - 36px));
  padding: 22px;
  border-radius: 18px;
  color: #203047;
  background:
    linear-gradient(145deg, rgba(248, 252, 255, .96), rgba(229, 239, 248, .92)),
    rgba(248, 252, 255, .94);
  border-color: rgba(255, 255, 255, .82);
  box-shadow:
    0 28px 86px rgba(18, 25, 48, .34),
    inset 0 1px 0 rgba(255, 255, 255, .86);
  backdrop-filter: blur(22px) saturate(1.05);
  -webkit-backdrop-filter: blur(22px) saturate(1.05);
}

.surface-workspace .household-modal-panel::before {
  display: none;
}

.surface-workspace .household-modal-panel .card-title {
  position: relative;
  z-index: 1;
  color: #1d2e45;
  font-size: 18px;
  font-weight: 840;
}

.surface-workspace .household-buy-name {
  position: relative;
  z-index: 1;
  margin: 12px 0 18px;
  color: #314762;
  font-size: 15px;
  font-weight: 800;
}

.surface-workspace .household-buy-grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
}

.surface-workspace .household-modal-panel .form-group {
  display: grid;
  gap: 6px;
}

.surface-workspace .household-modal-panel label {
  color: #405874;
  font-size: 12px;
  font-weight: 800;
}

.surface-workspace .household-modal-panel input,
.surface-workspace .household-modal-panel select,
.surface-workspace .household-modal-panel textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(77, 102, 128, .18);
  border-radius: 12px;
  color: #17263a;
  background: rgba(255, 255, 255, .88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
  font-size: 14px;
  font-weight: 720;
}

.surface-workspace .household-modal-panel input::placeholder,
.surface-workspace .household-modal-panel textarea::placeholder {
  color: rgba(55, 75, 97, .52);
}

.surface-workspace .household-modal-panel input:focus,
.surface-workspace .household-modal-panel select:focus,
.surface-workspace .household-modal-panel textarea:focus {
  outline: 0;
  border-color: rgba(45, 118, 154, .48);
  box-shadow:
    0 0 0 3px rgba(45, 118, 154, .13),
    inset 0 1px 0 rgba(255, 255, 255, .76);
}

.surface-workspace .household-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(62, 83, 108, .16);
  border-radius: 999px;
  color: #425b76;
  background: rgba(255,255,255,.72);
  cursor: pointer;
}

.surface-workspace .household-modal-actions {
  position: relative;
  z-index: 1;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.surface-workspace .household-modal-actions .btn {
  min-width: 112px;
  min-height: 40px;
  border-radius: 12px;
  font-weight: 820;
}

.surface-workspace .household-modal-actions .btn-ghost {
  color: #405874;
  border-color: rgba(77, 102, 128, .14);
  background: rgba(255, 255, 255, .64);
}

.surface-workspace .household-modal-actions .btn-success {
  color: #063d35;
  border-color: rgba(43, 170, 143, .28);
  background:
    linear-gradient(135deg, rgba(107, 219, 190, .92), rgba(67, 189, 163, .84));
  box-shadow: 0 10px 24px rgba(50, 164, 142, .20);
}

.surface-workspace .household-confirm-panel {
  width: min(390px, calc(100vw - 36px));
  padding: 24px 22px 20px;
  text-align: left;
  color: #203047;
  background:
    linear-gradient(145deg, rgba(250, 253, 255, .98), rgba(232, 240, 249, .94)),
    rgba(248, 252, 255, .96);
  border-color: rgba(255, 255, 255, .86);
  box-shadow:
    0 26px 76px rgba(10, 15, 36, .30),
    0 0 46px rgba(190, 214, 255, .14),
    inset 0 1px 1px rgba(255,255,255,.78),
    inset 0 -1px 18px rgba(108, 128, 155, .08);
}

.surface-workspace .household-confirm-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border: 1px solid rgba(202, 86, 86, .18);
  border-radius: 14px;
  color: #c64d4d;
  background:
    linear-gradient(135deg, rgba(255, 224, 224, .86), rgba(255, 246, 246, .74)),
    rgba(255,255,255,.80);
  box-shadow: 0 10px 22px rgba(164, 65, 65, .08), inset 0 1px 0 rgba(255,255,255,.82);
}

.surface-workspace .household-confirm-icon.is-warn {
  border-color: rgba(67, 113, 184, .20);
  color: #315f9e;
  background:
    linear-gradient(135deg, rgba(221, 235, 255, .88), rgba(247, 251, 255, .76)),
    rgba(255,255,255,.82);
  box-shadow: 0 10px 22px rgba(67, 113, 184, .08), inset 0 1px 0 rgba(255,255,255,.82);
}

.surface-workspace .household-confirm-icon svg {
  width: 20px;
  height: 20px;
}

.surface-workspace .household-confirm-panel .card-title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #1d2e45;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: 0;
}

.surface-workspace .household-confirm-message {
  position: relative;
  z-index: 1;
  margin: 8px 0 0;
  color: #405874;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.55;
}

.surface-workspace .household-confirm-actions .btn {
  min-width: 88px;
  min-height: 34px;
  border-radius: 11px;
  font-weight: 820;
}

.surface-workspace .household-confirm-submit.is-danger {
  color: #7c1f2a;
  border-color: rgba(194, 68, 82, .26);
  background:
    linear-gradient(135deg, rgba(255, 205, 211, .94), rgba(237, 156, 170, .86));
  box-shadow: 0 12px 24px rgba(194, 68, 82, .16), inset 0 1px 0 rgba(255,255,255,.50);
}

.surface-workspace .household-confirm-submit.is-warn {
  color: #1f4c86;
  border-color: rgba(67, 113, 184, .28);
  background:
    linear-gradient(135deg, rgba(209, 228, 255, .94), rgba(166, 199, 244, .86));
  box-shadow: 0 12px 24px rgba(67, 113, 184, .14), inset 0 1px 0 rgba(255,255,255,.50);
}

/* Household polish: real controls, honest pager, compact overflow menu */
.surface-workspace .workspace-music-controls button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: transparent;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease, color .15s ease;
}

.surface-workspace .workspace-music-controls button:hover {
  transform: translateY(-1px) scale(1.04);
  color: #fff;
  background: rgba(255,255,255,.10);
}

.surface-workspace .workspace-music-controls button:active {
  transform: scale(.96);
}

.surface-workspace .workspace-music-card.is-paused .workspace-record {
  opacity: .58;
}

.surface-workspace .workspace-music-card.is-tapped {
  border-color: rgba(255,255,255,.38);
  box-shadow: 0 0 28px rgba(185,213,255,.20), inset 0 1px 0 rgba(255,255,255,.28);
}

.surface-workspace .household-pager[hidden] {
  display: none !important;
}

.surface-workspace #household-shopping-list.household-list .household-item.is-menu-open {
  z-index: 20;
}

body.surface-workspace.household-active #household-shopping-list.household-list {
  grid-auto-rows: 118px;
  overflow: visible;
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item {
  height: 118px;
  padding-bottom: 9px;
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-actions {
  display: none;
}

body.surface-workspace.household-active .household-action-menu {
  top: 29px;
}

/* Household demo light/shadow match */
body.surface-workspace.household-active {
  --household-line: rgba(255,255,255,.34);
  --household-line-hot: rgba(255,255,255,.62);
  --household-glass: rgba(74, 88, 132, .30);
  --household-card: rgba(62, 75, 118, .43);
  background:
    radial-gradient(ellipse at 62% -6%, rgba(213, 207, 255, .24), transparent 33rem),
    radial-gradient(ellipse at 16% 72%, rgba(130, 166, 219, .22), transparent 28rem),
    radial-gradient(ellipse at 86% 50%, rgba(80, 99, 156, .24), transparent 32rem),
    linear-gradient(145deg, #354163 0%, #647297 43%, #303c61 100%);
}

body.surface-workspace.household-active::before {
  opacity: .72;
  background:
    linear-gradient(90deg, rgba(28, 36, 66, .88), rgba(49, 60, 95, .47) 21%, rgba(72, 80, 115, .18) 52%, rgba(25, 32, 62, .66)),
    linear-gradient(180deg, rgba(36, 45, 76, .22), rgba(86, 98, 136, .14) 42%, rgba(20, 28, 58, .52)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  filter: saturate(.86) contrast(.96) brightness(.82) blur(.35px);
}

body.surface-workspace.household-active::after {
  opacity: .32;
  background:
    radial-gradient(circle at 9% 79%, rgba(255, 204, 164, .26) 0 1px, transparent 2px),
    radial-gradient(circle at 28% 16%, rgba(255, 242, 216, .18) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 9%, rgba(190, 221, 255, .24) 0 1px, transparent 2px),
    radial-gradient(circle at 89% 44%, rgba(255, 213, 180, .18) 0 1px, transparent 2px),
    repeating-linear-gradient(105deg, rgba(255,255,255,.075) 0 1px, transparent 1px 52px);
  mix-blend-mode: screen;
}

body.surface-workspace.household-active .surface-main.main {
  background:
    radial-gradient(ellipse at 49% 6%, rgba(255,255,255,.105), transparent 36rem),
    linear-gradient(90deg, rgba(255,255,255,.028), rgba(255,255,255,0) 18%);
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.18),
    inset 28px 0 64px rgba(22, 30, 58, .17);
}

body.surface-workspace.household-active .surface-nav.sidebar {
  background:
    radial-gradient(ellipse at 90% 23%, rgba(196, 219, 255, .12), transparent 16rem),
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.038)),
    rgba(51, 63, 103, .54);
  border-right-color: rgba(255,255,255,.23);
  box-shadow:
    18px 0 58px rgba(16, 24, 54, .28),
    inset -1px 0 0 rgba(255,255,255,.19),
    inset -22px 0 42px rgba(255,255,255,.035);
}

body.surface-workspace.household-active .household-page::before {
  background:
    radial-gradient(ellipse at 56% 10%, rgba(255,255,255,.21), transparent 19%),
    radial-gradient(ellipse at 52% 47%, rgba(206, 222, 255, .16), transparent 31%),
    linear-gradient(112deg, rgba(255,255,255,.155) 0%, rgba(255,255,255,.032) 18%, rgba(255,255,255,.118) 31%, rgba(255,255,255,.024) 47%, rgba(255,255,255,.118) 62%, rgba(255,255,255,.035) 100%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.018) 54%, rgba(34, 43, 79, .36)),
    rgba(55, 67, 108, .31);
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.19),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -42px 90px rgba(16, 23, 54, .32),
    inset 0 24px 72px rgba(255,255,255,.050),
    0 0 74px rgba(176, 207, 255, .13);
  backdrop-filter: blur(28px) saturate(1.46) contrast(1.04);
  -webkit-backdrop-filter: blur(28px) saturate(1.46) contrast(1.04);
}

body.surface-workspace.household-active .household-page::after {
  opacity: .66;
  background:
    radial-gradient(ellipse at 23% 19%, rgba(255, 205, 168, .19), transparent 17%),
    radial-gradient(ellipse at 49% 35%, rgba(255,255,255,.35), transparent 13%),
    radial-gradient(ellipse at 66% 58%, rgba(159, 202, 255, .20), transparent 24%),
    repeating-linear-gradient(102deg, rgba(255,255,255,.13) 0 1px, transparent 1px 46px),
    linear-gradient(90deg, rgba(31, 40, 75, .62), rgba(88, 101, 143, .10) 24%, rgba(88, 101, 143, .09) 70%, rgba(25, 32, 64, .52)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: screen, screen, soft-light, overlay, multiply, normal;
  mix-blend-mode: soft-light;
  filter: saturate(.92) contrast(.98) brightness(.9) blur(.15px);
}

body.surface-workspace.household-active .household-clock-card,
body.surface-workspace.household-active .household-stat,
body.surface-workspace.household-active .household-add-card,
body.surface-workspace.household-active .household-tabs,
body.surface-workspace.household-active .household-glass-btn,
body.surface-workspace.household-active .household-icon-btn,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item,
body.surface-workspace.household-active .workspace-sidebar-search,
body.surface-workspace.household-active .workspace-music-card,
body.surface-workspace.household-active .surface-nav .status-badge,
body.surface-workspace.household-active .workspace-sidebar-tools button {
  border-color: rgba(255,255,255,.32);
  background:
    radial-gradient(ellipse at 9% 0%, rgba(255,255,255,.20), transparent 38%),
    radial-gradient(ellipse at 96% 14%, rgba(197, 220, 255, .105), transparent 32%),
    linear-gradient(138deg, rgba(255,255,255,.140), rgba(255,255,255,.034) 50%, rgba(255,255,255,.092)),
    rgba(54, 67, 108, .34);
  box-shadow:
    0 20px 58px rgba(13, 21, 52, .28),
    0 0 0 1px rgba(255,255,255,.032),
    inset 0 1px 1px rgba(255,255,255,.38),
    inset 0 -1px 20px rgba(255,255,255,.068),
    inset 16px 0 42px rgba(255,255,255,.034);
  backdrop-filter: blur(32px) saturate(1.38) contrast(1.04);
  -webkit-backdrop-filter: blur(32px) saturate(1.38) contrast(1.04);
}

body.surface-workspace.household-active .household-clock-card::before,
body.surface-workspace.household-active .household-stat::before,
body.surface-workspace.household-active .household-add-card::before,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item::before,
body.surface-workspace.household-active .workspace-music-card::before {
  opacity: .72;
  background:
    linear-gradient(115deg, rgba(255,255,255,.52), rgba(255,255,255,.10) 18%, transparent 39%),
    linear-gradient(292deg, rgba(255,255,255,.24), transparent 29%);
}

body.surface-workspace.household-active .household-clock-card::after,
body.surface-workspace.household-active .household-stat::after,
body.surface-workspace.household-active .household-add-card::after,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 8% 8%, rgba(255, 216, 184, .18), transparent 24%),
    radial-gradient(ellipse at 91% 12%, rgba(189, 216, 255, .17), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 48%);
  mix-blend-mode: screen;
  opacity: .72;
}

body.surface-workspace.household-active .household-clock-card > *,
body.surface-workspace.household-active .household-stat > *,
body.surface-workspace.household-active .household-add-card > *,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item > * {
  position: relative;
  z-index: 1;
}

body.surface-workspace.household-active .household-stat-icon,
body.surface-workspace.household-active .household-submit {
  border-color: rgba(255,255,255,.40);
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.28), transparent 38%),
    linear-gradient(138deg, rgba(255,255,255,.16), rgba(255,255,255,.040)),
    rgba(91, 105, 158, .38);
  box-shadow:
    0 0 28px rgba(180, 204, 255, .20),
    inset 0 1px 1px rgba(255,255,255,.44),
    inset 0 -1px 13px rgba(255,255,255,.10);
}

body.surface-workspace.household-active .household-stat-pending .household-stat-icon {
  color: #ffd1b8;
  box-shadow:
    0 0 28px rgba(255, 177, 205, .30),
    inset 0 1px 1px rgba(255,255,255,.44);
}

body.surface-workspace.household-active .household-stat-bought .household-stat-icon {
  color: #c4f4ff;
  box-shadow:
    0 0 30px rgba(144, 224, 255, .31),
    inset 0 1px 1px rgba(255,255,255,.44);
}

body.surface-workspace.household-active .household-stat-stock .household-stat-icon {
  color: #ffe0b8;
  box-shadow:
    0 0 30px rgba(255, 211, 154, .30),
    inset 0 1px 1px rgba(255,255,255,.44);
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item:hover,
body.surface-workspace.household-active .household-stat:hover,
body.surface-workspace.household-active .household-add-card:hover {
  border-color: rgba(255,255,255,.48);
  box-shadow:
    0 24px 62px rgba(12, 20, 50, .34),
    0 0 32px rgba(178, 205, 255, .15),
    inset 0 1px 1px rgba(255,255,255,.46),
    inset 0 -1px 22px rgba(255,255,255,.082);
}

body.surface-workspace.household-active .surface-nav .nav-item.active {
  border-color: rgba(255,255,255,.24);
  background:
    radial-gradient(circle at 92% 92%, rgba(255, 190, 147, .55), transparent 42%),
    radial-gradient(circle at 14% 15%, rgba(184, 229, 255, .24), transparent 36%),
    linear-gradient(112deg, rgba(168, 215, 255, .29), rgba(255,255,255,.08)),
    rgba(255,255,255,.075);
  box-shadow:
    0 14px 34px rgba(19, 29, 64, .22),
    inset 0 1px 0 rgba(255,255,255,.26);
}

body.surface-workspace.household-active .household-tabs button.is-active,
body.surface-workspace.household-active .household-tabs button.active {
  background:
    radial-gradient(ellipse at 86% 85%, rgba(255, 199, 169, .25), transparent 36%),
    linear-gradient(135deg, rgba(180, 186, 255, .32), rgba(255,255,255,.075)),
    rgba(255,255,255,.055);
  box-shadow:
    0 0 24px rgba(166, 177, 255, .22),
    inset 0 1px 0 rgba(255,255,255,.28);
}

body.surface-workspace.household-active .household-more,
body.surface-workspace.household-active .household-action-menu {
  border-color: rgba(255,255,255,.32);
  background:
    linear-gradient(138deg, rgba(255,255,255,.145), rgba(255,255,255,.045)),
    rgba(58, 70, 112, .54);
  box-shadow:
    0 18px 42px rgba(13, 21, 52, .31),
    inset 0 1px 0 rgba(255,255,255,.30);
  backdrop-filter: blur(28px) saturate(1.35);
  -webkit-backdrop-filter: blur(28px) saturate(1.35);
}

body.surface-workspace.household-active .household-title,
body.surface-workspace.household-active .household-page .page-title,
body.surface-workspace.household-active .household-stat strong,
body.surface-workspace.household-active .household-clock-card strong {
  color: rgba(255,255,255,.98);
  text-shadow:
    0 2px 9px rgba(7, 13, 35, .42),
    0 0 22px rgba(255,255,255,.12);
}

body.surface-workspace.household-active .household-note,
body.surface-workspace.household-active .household-meta,
body.surface-workspace.household-active .household-hero p,
body.surface-workspace.household-active .household-stat span,
body.surface-workspace.household-active .household-stat small {
  color: rgba(245, 249, 255, .83);
  text-shadow: 0 1px 7px rgba(7, 13, 35, .36);
}

/* Household light/shadow refinement: closer to the demo's darker frosted depth */
body.surface-workspace.household-active::before {
  opacity: .86;
  background:
    linear-gradient(90deg, rgba(24, 32, 62, .92), rgba(47, 58, 94, .60) 20%, rgba(65, 73, 110, .32) 52%, rgba(24, 31, 61, .74)),
    linear-gradient(180deg, rgba(34, 43, 75, .38), rgba(82, 94, 132, .22) 38%, rgba(19, 27, 57, .64)),
    url("/static/generated/liquid-glass-home.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  filter: saturate(.78) contrast(.92) brightness(.68) blur(.4px);
}

body.surface-workspace.household-active .household-page::before {
  background:
    radial-gradient(ellipse at 57% 10%, rgba(255,255,255,.145), transparent 18%),
    radial-gradient(ellipse at 49% 43%, rgba(197, 215, 255, .13), transparent 29%),
    linear-gradient(112deg, rgba(255,255,255,.128) 0%, rgba(255,255,255,.030) 18%, rgba(255,255,255,.096) 31%, rgba(255,255,255,.022) 47%, rgba(255,255,255,.098) 62%, rgba(255,255,255,.032) 100%),
    linear-gradient(180deg, rgba(44, 54, 88, .24), rgba(55, 66, 104, .28) 54%, rgba(25, 33, 66, .52)),
    rgba(44, 55, 96, .48);
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.20),
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -54px 104px rgba(13, 20, 50, .42),
    inset 0 26px 78px rgba(255,255,255,.040),
    0 0 78px rgba(148, 183, 242, .13);
}

body.surface-workspace.household-active .household-page::after {
  opacity: .52;
  background:
    radial-gradient(ellipse at 23% 19%, rgba(255, 203, 165, .18), transparent 17%),
    radial-gradient(ellipse at 50% 34%, rgba(255,255,255,.24), transparent 12%),
    radial-gradient(ellipse at 66% 58%, rgba(149, 194, 255, .18), transparent 24%),
    repeating-linear-gradient(102deg, rgba(255,255,255,.105) 0 1px, transparent 1px 46px),
    linear-gradient(90deg, rgba(25, 34, 69, .68), rgba(69, 82, 126, .18) 24%, rgba(73, 86, 130, .16) 70%, rgba(23, 31, 63, .58)),
    url("/static/generated/liquid-glass-home.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  filter: saturate(.80) contrast(.92) brightness(.74) blur(.2px);
}

body.surface-workspace.household-active .household-clock-card,
body.surface-workspace.household-active .household-stat,
body.surface-workspace.household-active .household-add-card,
body.surface-workspace.household-active .household-tabs,
body.surface-workspace.household-active .household-glass-btn,
body.surface-workspace.household-active .household-icon-btn,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item,
body.surface-workspace.household-active .workspace-sidebar-search,
body.surface-workspace.household-active .workspace-music-card,
body.surface-workspace.household-active .surface-nav .status-badge,
body.surface-workspace.household-active .workspace-sidebar-tools button {
  border-color: rgba(255,255,255,.36);
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.18), transparent 36%),
    radial-gradient(ellipse at 96% 14%, rgba(197, 220, 255, .085), transparent 32%),
    linear-gradient(138deg, rgba(255,255,255,.118), rgba(255,255,255,.028) 50%, rgba(255,255,255,.074)),
    rgba(47, 59, 101, .52);
  box-shadow:
    0 22px 60px rgba(9, 16, 45, .34),
    0 0 0 1px rgba(255,255,255,.036),
    inset 0 1px 1px rgba(255,255,255,.42),
    inset 0 -1px 22px rgba(255,255,255,.062),
    inset 18px 0 44px rgba(255,255,255,.030);
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item {
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.18), transparent 36%),
    linear-gradient(138deg, rgba(255,255,255,.110), rgba(255,255,255,.026) 50%, rgba(255,255,255,.070)),
    rgba(43, 55, 96, .56);
}

/* Household light direction correction: luminous frosted scene, not heavy dark glass */
body.surface-workspace.household-active {
  --household-line: rgba(255,255,255,.36);
  --household-line-hot: rgba(255,255,255,.68);
  background:
    radial-gradient(ellipse at 53% 5%, rgba(236, 241, 255, .30), transparent 36rem),
    radial-gradient(ellipse at 12% 22%, rgba(181, 211, 255, .24), transparent 26rem),
    radial-gradient(ellipse at 86% 82%, rgba(126, 152, 214, .24), transparent 34rem),
    linear-gradient(145deg, #586686 0%, #7c89aa 45%, #52617f 100%);
}

body.surface-workspace.household-active::before {
  opacity: .64;
  background:
    linear-gradient(90deg, rgba(49, 60, 92, .68), rgba(85, 96, 128, .18) 21%, rgba(92, 101, 134, .10) 58%, rgba(48, 58, 91, .52)),
    linear-gradient(180deg, rgba(235, 241, 255, .12), rgba(95, 108, 146, .08) 41%, rgba(42, 52, 84, .34)),
    url("/static/generated/liquid-glass-home.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  filter: saturate(.74) contrast(.88) brightness(.92) blur(.35px);
}

body.surface-workspace.household-active::after {
  opacity: .42;
  background:
    radial-gradient(ellipse at 54% 9%, rgba(255,255,255,.38), transparent 24rem),
    radial-gradient(ellipse at 25% 18%, rgba(255, 210, 174, .20), transparent 18rem),
    radial-gradient(ellipse at 87% 18%, rgba(199, 222, 255, .22), transparent 20rem),
    radial-gradient(circle at 11% 75%, rgba(255, 217, 182, .30) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 9%, rgba(213, 234, 255, .28) 0 1px, transparent 2px),
    repeating-linear-gradient(105deg, rgba(255,255,255,.090) 0 1px, transparent 1px 52px);
  mix-blend-mode: screen;
}

body.surface-workspace.household-active .surface-main.main {
  background:
    radial-gradient(ellipse at 52% 6%, rgba(255,255,255,.16), transparent 38rem),
    radial-gradient(ellipse at 40% 54%, rgba(201, 218, 255, .07), transparent 36rem);
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.18),
    inset 22px 0 52px rgba(255,255,255,.030);
}

body.surface-workspace.household-active .household-page::before {
  background:
    radial-gradient(ellipse at 52% 12%, rgba(255,255,255,.26), transparent 20%),
    radial-gradient(ellipse at 44% 45%, rgba(205, 224, 255, .15), transparent 31%),
    linear-gradient(112deg, rgba(255,255,255,.145) 0%, rgba(255,255,255,.030) 20%, rgba(255,255,255,.120) 34%, rgba(255,255,255,.022) 49%, rgba(255,255,255,.102) 65%, rgba(255,255,255,.032) 100%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.016) 52%, rgba(66, 78, 115, .20)),
    rgba(112, 126, 164, .18);
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.20),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -36px 86px rgba(33, 43, 78, .22),
    0 0 70px rgba(197, 219, 255, .14);
  backdrop-filter: blur(30px) saturate(1.36) contrast(.98);
  -webkit-backdrop-filter: blur(30px) saturate(1.36) contrast(.98);
}

body.surface-workspace.household-active .household-page::after {
  opacity: .54;
  background:
    radial-gradient(ellipse at 25% 19%, rgba(255, 207, 169, .18), transparent 17%),
    radial-gradient(ellipse at 49% 34%, rgba(255,255,255,.30), transparent 14%),
    radial-gradient(ellipse at 64% 59%, rgba(166, 207, 255, .17), transparent 26%),
    repeating-linear-gradient(102deg, rgba(255,255,255,.110) 0 1px, transparent 1px 46px),
    linear-gradient(90deg, rgba(48, 59, 94, .48), rgba(93, 106, 144, .08) 24%, rgba(88, 101, 139, .08) 70%, rgba(45, 55, 89, .40)),
    url("/static/generated/liquid-glass-home.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-blend-mode: screen, screen, soft-light, overlay, multiply, normal;
  filter: saturate(.76) contrast(.88) brightness(.92) blur(.18px);
}

body.surface-workspace.household-active .household-clock-card,
body.surface-workspace.household-active .household-stat,
body.surface-workspace.household-active .household-add-card,
body.surface-workspace.household-active .household-tabs,
body.surface-workspace.household-active .household-glass-btn,
body.surface-workspace.household-active .household-icon-btn,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item,
body.surface-workspace.household-active .workspace-sidebar-search,
body.surface-workspace.household-active .workspace-music-card,
body.surface-workspace.household-active .surface-nav .status-badge,
body.surface-workspace.household-active .workspace-sidebar-tools button {
  border-color: rgba(255,255,255,.34);
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.18), transparent 38%),
    radial-gradient(ellipse at 98% 10%, rgba(195, 220, 255, .11), transparent 34%),
    linear-gradient(138deg, rgba(255,255,255,.118), rgba(255,255,255,.026) 51%, rgba(255,255,255,.074)),
    rgba(102, 116, 154, .24);
  box-shadow:
    0 18px 54px rgba(20, 29, 62, .20),
    0 0 30px rgba(196, 217, 255, .080),
    inset 0 1px 1px rgba(255,255,255,.42),
    inset 0 -1px 18px rgba(255,255,255,.060),
    inset 18px 0 46px rgba(255,255,255,.034);
  backdrop-filter: blur(34px) saturate(1.32) contrast(.98);
  -webkit-backdrop-filter: blur(34px) saturate(1.32) contrast(.98);
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item {
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.17), transparent 37%),
    radial-gradient(ellipse at 90% 8%, rgba(194, 218, 255, .10), transparent 30%),
    linear-gradient(138deg, rgba(255,255,255,.104), rgba(255,255,255,.024) 51%, rgba(255,255,255,.068)),
    rgba(92, 106, 145, .25);
}

body.surface-workspace.household-active .household-clock-card::before,
body.surface-workspace.household-active .household-stat::before,
body.surface-workspace.household-active .household-add-card::before,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item::before,
body.surface-workspace.household-active .workspace-music-card::before {
  opacity: .84;
  background:
    linear-gradient(116deg, rgba(255,255,255,.60), rgba(255,255,255,.12) 18%, transparent 40%),
    linear-gradient(292deg, rgba(255,255,255,.24), transparent 30%);
}

body.surface-workspace.household-active .household-clock-card::after,
body.surface-workspace.household-active .household-stat::after,
body.surface-workspace.household-active .household-add-card::after,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item::after {
  opacity: .80;
  background:
    radial-gradient(ellipse at 7% 6%, rgba(255, 218, 187, .18), transparent 24%),
    radial-gradient(ellipse at 90% 12%, rgba(190, 218, 255, .18), transparent 24%),
    radial-gradient(ellipse at 48% 0%, rgba(255,255,255,.12), transparent 42%);
}

/* Household demo correction: low-contrast misty light, with glow carried by edges */
body.surface-workspace.household-active {
  --household-line: rgba(255,255,255,.30);
  --household-line-hot: rgba(255,255,255,.48);
  background:
    radial-gradient(ellipse at 58% 4%, rgba(238, 242, 255, .24), transparent 38rem),
    radial-gradient(ellipse at 18% 20%, rgba(188, 213, 255, .18), transparent 28rem),
    radial-gradient(ellipse at 80% 86%, rgba(174, 186, 226, .17), transparent 34rem),
    linear-gradient(145deg, #657193 0%, #7c88a7 45%, #5d6b8f 100%);
}

body.surface-workspace.household-active::before {
  opacity: .62;
  background:
    linear-gradient(90deg, rgba(64, 74, 106, .58), rgba(103, 113, 145, .16) 22%, rgba(112, 119, 149, .10) 58%, rgba(60, 70, 103, .42)),
    linear-gradient(180deg, rgba(244, 247, 255, .10), rgba(120, 132, 164, .06) 44%, rgba(63, 73, 106, .26)),
    url("/static/generated/liquid-glass-home.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  filter: saturate(.62) contrast(.74) brightness(.98) blur(.55px);
}

body.surface-workspace.household-active::after {
  opacity: .34;
  background:
    radial-gradient(ellipse at 48% 13%, rgba(255,255,255,.36), transparent 26rem),
    radial-gradient(ellipse at 22% 19%, rgba(255, 214, 184, .15), transparent 18rem),
    radial-gradient(ellipse at 83% 18%, rgba(206, 226, 255, .16), transparent 20rem),
    repeating-linear-gradient(105deg, rgba(255,255,255,.065) 0 1px, transparent 1px 52px);
  mix-blend-mode: screen;
}

body.surface-workspace.household-active .surface-main.main {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255,255,255,.105), transparent 40rem),
    linear-gradient(90deg, rgba(255,255,255,.018), transparent 24%);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.14);
}

body.surface-workspace.household-active .surface-nav.sidebar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.030)),
    rgba(68, 80, 119, .40);
  border-right-color: rgba(255,255,255,.18);
  box-shadow:
    14px 0 42px rgba(25, 34, 68, .16),
    inset -1px 0 0 rgba(255,255,255,.14);
}

body.surface-workspace.household-active .household-page::before {
  background:
    radial-gradient(ellipse at 51% 12%, rgba(255,255,255,.20), transparent 21%),
    radial-gradient(ellipse at 44% 45%, rgba(209, 224, 255, .11), transparent 32%),
    linear-gradient(112deg, rgba(255,255,255,.104) 0%, rgba(255,255,255,.024) 20%, rgba(255,255,255,.084) 34%, rgba(255,255,255,.018) 50%, rgba(255,255,255,.078) 65%, rgba(255,255,255,.024) 100%),
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012) 54%, rgba(80, 92, 126, .16)),
    rgba(118, 130, 164, .14);
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.16),
    inset 0 1px 0 rgba(255,255,255,.19),
    inset 0 -32px 76px rgba(47, 57, 89, .14),
    0 0 68px rgba(206, 224, 255, .10);
  backdrop-filter: blur(28px) saturate(1.18) contrast(.92);
  -webkit-backdrop-filter: blur(28px) saturate(1.18) contrast(.92);
}

body.surface-workspace.household-active .household-page::after {
  opacity: .42;
  background:
    radial-gradient(ellipse at 24% 19%, rgba(255, 211, 181, .13), transparent 17%),
    radial-gradient(ellipse at 49% 34%, rgba(255,255,255,.22), transparent 14%),
    radial-gradient(ellipse at 64% 59%, rgba(174, 210, 255, .12), transparent 26%),
    repeating-linear-gradient(102deg, rgba(255,255,255,.082) 0 1px, transparent 1px 46px),
    linear-gradient(90deg, rgba(58, 68, 101, .38), rgba(105, 116, 148, .06) 24%, rgba(100, 112, 145, .06) 70%, rgba(55, 65, 98, .32)),
    url("/static/generated/liquid-glass-home.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-blend-mode: screen, screen, soft-light, overlay, multiply, normal;
  filter: saturate(.62) contrast(.72) brightness(.96) blur(.20px);
}

body.surface-workspace.household-active .household-clock-card,
body.surface-workspace.household-active .household-stat,
body.surface-workspace.household-active .household-add-card,
body.surface-workspace.household-active .household-tabs,
body.surface-workspace.household-active .household-glass-btn,
body.surface-workspace.household-active .household-icon-btn,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item,
body.surface-workspace.household-active .workspace-sidebar-search,
body.surface-workspace.household-active .workspace-music-card,
body.surface-workspace.household-active .surface-nav .status-badge,
body.surface-workspace.household-active .workspace-sidebar-tools button {
  border-color: rgba(255,255,255,.28);
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.145), transparent 39%),
    radial-gradient(ellipse at 98% 10%, rgba(205, 226, 255, .075), transparent 34%),
    linear-gradient(138deg, rgba(255,255,255,.086), rgba(255,255,255,.022) 51%, rgba(255,255,255,.058)),
    rgba(105, 117, 153, .18);
  box-shadow:
    0 18px 50px rgba(24, 33, 66, .14),
    0 0 24px rgba(205, 224, 255, .060),
    inset 0 1px 1px rgba(255,255,255,.34),
    inset 0 -1px 16px rgba(255,255,255,.050);
  backdrop-filter: blur(32px) saturate(1.18) contrast(.92);
  -webkit-backdrop-filter: blur(32px) saturate(1.18) contrast(.92);
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item {
  background:
    radial-gradient(ellipse at 8% 0%, rgba(255,255,255,.130), transparent 38%),
    linear-gradient(138deg, rgba(255,255,255,.078), rgba(255,255,255,.020) 51%, rgba(255,255,255,.052)),
    rgba(102, 114, 151, .18);
}

body.surface-workspace.household-active .household-clock-card::before,
body.surface-workspace.household-active .household-stat::before,
body.surface-workspace.household-active .household-add-card::before,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item::before,
body.surface-workspace.household-active .workspace-music-card::before {
  opacity: .62;
  background:
    linear-gradient(116deg, rgba(255,255,255,.44), rgba(255,255,255,.09) 18%, transparent 40%),
    linear-gradient(292deg, rgba(255,255,255,.18), transparent 30%);
}

body.surface-workspace.household-active .household-clock-card::after,
body.surface-workspace.household-active .household-stat::after,
body.surface-workspace.household-active .household-add-card::after,
body.surface-workspace.household-active #household-shopping-list.household-list .household-item::after {
  opacity: .58;
  background:
    radial-gradient(ellipse at 7% 6%, rgba(255, 219, 190, .12), transparent 24%),
    radial-gradient(ellipse at 90% 12%, rgba(198, 222, 255, .12), transparent 24%),
    radial-gradient(ellipse at 48% 0%, rgba(255,255,255,.08), transparent 42%);
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item:hover,
body.surface-workspace.household-active .household-stat:hover,
body.surface-workspace.household-active .household-add-card:hover {
  border-color: rgba(255,255,255,.38);
  box-shadow:
    0 20px 54px rgba(24, 33, 66, .17),
    0 0 26px rgba(205, 224, 255, .08),
    inset 0 1px 1px rgba(255,255,255,.38),
    inset 0 -1px 18px rgba(255,255,255,.055);
}

/* Household scale correction: smaller clock card and tighter hero-to-stats rhythm */
body.surface-workspace.household-active .household-hero {
  margin: 0 0 -2px;
}

body.surface-workspace.household-active .household-hero p {
  margin-top: 5px;
}

body.surface-workspace.household-active .household-stats {
  margin-top: 0;
  margin-bottom: 10px;
}

body.surface-workspace.household-active .household-clock-card {
  width: 300px;
  min-width: 0;
  min-height: 82px;
  padding: 9px 17px 10px;
  border-radius: 15px;
}

body.surface-workspace.household-active .household-clock-card span,
body.surface-workspace.household-active .household-clock-card em {
  font-size: 11px;
  line-height: 1.2;
}

body.surface-workspace.household-active .household-clock-card strong {
  margin: 5px 0 5px;
  font-size: 28px;
  line-height: .98;
}

body.surface-workspace.household-active .household-clock-card svg {
  width: 13px;
  height: 13px;
}

/* Household clock final fit: proportional shrink without overlapping stats */
body.surface-workspace.household-active .household-hero {
  margin: 0 0 6px;
}

body.surface-workspace.household-active .household-stats {
  margin-top: 0;
}

body.surface-workspace.household-active .household-clock-card {
  width: 248px;
  min-width: 0;
  min-height: 68px;
  padding: 8px 14px 8px;
  border-radius: 13px;
}

body.surface-workspace.household-active .household-clock-card span,
body.surface-workspace.household-active .household-clock-card em {
  font-size: 10px;
  line-height: 1.16;
}

body.surface-workspace.household-active .household-clock-card strong {
  margin: 4px 0 4px;
  font-size: 24px;
  line-height: .96;
}

body.surface-workspace.household-active .household-clock-card em {
  gap: 5px;
}

body.surface-workspace.household-active .household-clock-card svg {
  width: 12px;
  height: 12px;
}

/* Workspace sidebar adaptive layout */
@media (min-width: 761px) {
  body.surface-workspace {
    height: 100dvh;
    overflow: hidden;
  }

  .surface-workspace .surface-nav.sidebar {
    width: var(--workspace-sidebar-width);
    height: 100dvh;
    padding: var(--workspace-sidebar-pad-y) var(--workspace-sidebar-pad-x);
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .surface-workspace .surface-main.main {
    width: calc(100vw - var(--workspace-sidebar-width));
    margin-left: var(--workspace-sidebar-width);
    min-width: 0;
  }
}

.surface-workspace .workspace-cover {
  flex: 0 0 auto;
  gap: clamp(8px, 1.35vh, 12px);
  margin-bottom: clamp(10px, 2vh, 18px);
  padding-bottom: clamp(10px, 2vh, 16px);
}

.surface-workspace .workspace-avatar {
  width: clamp(42px, 6vh, 54px);
  height: clamp(42px, 6vh, 54px);
}

.surface-workspace .workspace-cover .surface-cover-title {
  font-size: clamp(13px, 1.75vh, 16px);
  line-height: 1.08;
}

.surface-workspace .workspace-cover .surface-cover-subtitle {
  margin-top: 4px;
  font-size: clamp(10px, 1.38vh, 12px);
  line-height: 1.16;
}

.surface-workspace .workspace-sidebar-search {
  min-height: clamp(34px, 5.2vh, 44px);
  margin-bottom: clamp(8px, 1.55vh, 12px);
  padding: 0 clamp(10px, 1.25vw, 13px);
  grid-template-columns: clamp(17px, 2.3vh, 20px) minmax(0, 1fr) auto;
  gap: clamp(6px, 1vh, 8px);
  border-radius: 12px;
}

.surface-workspace .workspace-sidebar-search input,
.surface-workspace .workspace-sidebar-search span {
  font-size: clamp(10px, 1.25vh, 11px);
}

.surface-workspace .surface-nav .nav-item {
  min-height: var(--workspace-sidebar-nav-h);
  margin-bottom: var(--workspace-sidebar-gap);
  padding: 0 clamp(9px, 1.3vw, 13px);
  gap: clamp(8px, 1.1vw, 12px);
  font-size: clamp(12px, 1.65vh, 14px);
  border-radius: 11px;
}

.surface-workspace .surface-nav .nav-item i,
.surface-workspace .surface-nav .nav-item svg {
  width: clamp(15px, 2vh, 18px);
  height: clamp(15px, 2vh, 18px);
}

.surface-workspace .workspace-sidebar-spacer {
  flex: 1 1 clamp(4px, 2vh, 18px);
  min-height: clamp(4px, 2vh, 18px);
}

.surface-workspace .workspace-music-card {
  flex: 0 1 auto;
  grid-template-columns: minmax(0, 1fr) clamp(34px, 5.2vh, 44px);
  gap: clamp(7px, 1.1vh, 10px);
  min-height: clamp(96px, 15vh, 126px);
  margin-top: 0;
  margin-bottom: clamp(8px, 1.5vh, 12px);
  padding: clamp(11px, 1.8vh, 14px) clamp(10px, 1.2vw, 12px);
  border-radius: 13px;
}

.surface-workspace .workspace-music-card p,
.surface-workspace .workspace-music-card span {
  font-size: clamp(10px, 1.32vh, 12px);
  line-height: 1.36;
}

.surface-workspace .workspace-music-card strong {
  font-size: clamp(12px, 1.62vh, 14px);
  line-height: 1.22;
}

.surface-workspace .workspace-record {
  width: clamp(34px, 5.2vh, 44px);
  height: clamp(34px, 5.2vh, 44px);
}

.surface-workspace .workspace-music-controls {
  gap: clamp(16px, 2.9vh, 24px);
  margin-top: clamp(8px, 1.5vh, 12px);
}

.surface-workspace .workspace-music-controls button {
  width: clamp(22px, 3.2vh, 28px);
  height: clamp(22px, 3.2vh, 28px);
}

.surface-workspace .workspace-music-controls svg {
  width: clamp(14px, 2vh, 18px);
  height: clamp(14px, 2vh, 18px);
}

.surface-workspace .surface-nav .status-badge {
  flex: 0 0 auto;
  min-height: clamp(30px, 4.5vh, 38px);
  margin-bottom: clamp(8px, 1.5vh, 12px);
  border-radius: 10px;
}

.surface-workspace .workspace-sidebar-tools {
  flex: 0 0 auto;
  gap: clamp(8px, 1.4vh, 12px);
}

.surface-workspace .workspace-sidebar-tools button {
  min-height: clamp(28px, 4vh, 34px);
}

@media (max-height: 820px) and (min-width: 761px) {
  body.surface-workspace {
    --workspace-sidebar-pad-y: 12px;
    --workspace-sidebar-nav-h: 29px;
    --workspace-sidebar-gap: 4px;
  }

  .surface-workspace .workspace-cover {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }

  .surface-workspace .workspace-sidebar-search {
    margin-bottom: 7px;
  }

  .surface-workspace .workspace-music-card {
    min-height: 88px;
  }
}

/* Workspace backend pages: one shell for Todo / Chatlog / Timeline */
.surface-workspace .surface-nav .nav-item:focus {
  outline: none;
}

.surface-workspace .surface-nav .nav-item:focus-visible {
  outline: 1px solid rgba(255,255,255,.42);
  outline-offset: 2px;
}

.surface-workspace .workspace-page-hero,
.surface-workspace .todo-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 12px;
}

.surface-workspace .workspace-data-page .page-title,
.surface-workspace .todo-topbar .page-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: rgba(255,255,255,.98);
  font-size: clamp(30px, 2.6vw, 38px);
  font-weight: 820;
  line-height: 1.05;
  text-shadow: 0 2px 14px rgba(15,23,52,.28), 0 0 26px rgba(255,255,255,.14);
}

.surface-workspace .workspace-data-page .page-title span,
.surface-workspace .todo-topbar .page-title span {
  color: rgba(255,255,255,.94);
}

.surface-workspace .workspace-data-page .page-title svg {
  width: 25px;
  height: 25px;
  color: #c4ece4;
  opacity: .84;
}

.surface-workspace .workspace-page-hero p,
.surface-workspace .todo-topbar p {
  margin: 8px 0 0;
  max-width: 48em;
  color: rgba(245,249,255,.78);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  text-shadow: 0 1px 8px rgba(12,20,48,.22);
}

.surface-workspace .workspace-backend-card {
  flex: 0 0 clamp(210px, 20vw, 270px);
  min-height: 68px;
  padding: 11px 16px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 14px;
  color: rgba(255,255,255,.88);
  background:
    radial-gradient(ellipse at 14% 0%, rgba(255,255,255,.16), transparent 42%),
    linear-gradient(138deg, rgba(255,255,255,.10), rgba(255,255,255,.026) 52%, rgba(255,255,255,.064)),
    rgba(96,109,151,.20);
  box-shadow: 0 16px 42px rgba(18,28,62,.16), inset 0 1px 1px rgba(255,255,255,.30);
  backdrop-filter: blur(28px) saturate(1.22) contrast(.94);
  -webkit-backdrop-filter: blur(28px) saturate(1.22) contrast(.94);
}

.surface-workspace .workspace-backend-card span,
.surface-workspace .workspace-backend-card em {
  display: block;
  color: rgba(245,249,255,.70);
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
}

.surface-workspace .workspace-backend-card strong {
  display: block;
  margin: 4px 0;
  color: rgba(255,255,255,.96);
  font-size: 20px;
  line-height: 1;
  font-weight: 820;
}

.surface-workspace .workspace-backend-card.is-readonly strong {
  color: #ffe5c4;
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page).active {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .workspace-panel,
.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .todo-add-card,
.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .todo-list-card {
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 15px;
  background:
    radial-gradient(ellipse at 9% 0%, rgba(255,255,255,.14), transparent 40%),
    linear-gradient(138deg, rgba(255,255,255,.088), rgba(255,255,255,.022) 52%, rgba(255,255,255,.056)),
    rgba(96,109,151,.18);
  box-shadow: 0 18px 48px rgba(17,27,62,.13), inset 0 1px 1px rgba(255,255,255,.30);
  backdrop-filter: blur(30px) saturate(1.18) contrast(.92);
  -webkit-backdrop-filter: blur(30px) saturate(1.18) contrast(.92);
}

.surface-workspace :is(.chatlog-page, .timeline-page) .workspace-list-panel,
.surface-workspace .todo-list-card {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  min-height: 0;
  padding: 14px;
  overflow: hidden;
}

.surface-workspace .chatlog-page .workspace-list-panel {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
}

.surface-workspace .timeline-page .workspace-list-panel {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.surface-workspace .workspace-compact-panel {
  padding: 12px 14px;
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .mem-header,
.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .todo-card-head,
.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .todo-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .mem-count,
.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .card-title {
  color: rgba(255,255,255,.92);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}

.surface-workspace :is(.chatlog-page, .timeline-page) .form-grid,
.surface-workspace :is(.chatlog-page, .timeline-page) .timeline-toolbar,
.surface-workspace :is(.chatlog-page, .timeline-page) .toolbar {
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 13px;
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.surface-workspace :is(.chatlog-page, .timeline-page) .form-grid,
.surface-workspace :is(.chatlog-page, .timeline-page) .timeline-toolbar {
  padding: 10px;
  margin-bottom: 10px !important;
}

.surface-workspace :is(.chatlog-page, .timeline-page) label {
  color: rgba(245,249,255,.70);
  font-size: 11px;
  font-weight: 760;
}

.surface-workspace :is(.chatlog-page, .timeline-page) input,
.surface-workspace :is(.chatlog-page, .timeline-page) select,
.surface-workspace :is(.chatlog-page, .timeline-page) textarea {
  min-height: 34px;
  border-color: rgba(255,255,255,.20);
  border-radius: 11px;
  color: rgba(255,255,255,.90);
  background: rgba(255,255,255,.080);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20);
}

.surface-workspace :is(.chatlog-page, .timeline-page) input::placeholder,
.surface-workspace :is(.chatlog-page, .timeline-page) textarea::placeholder {
  color: rgba(245,249,255,.46);
}

.surface-workspace :is(.chatlog-page, .timeline-page) .btn {
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.07);
  border-radius: 999px;
}

.surface-workspace :is(.chatlog-page, .timeline-page) .btn-primary {
  background: linear-gradient(135deg, rgba(159,176,255,.52), rgba(132,158,230,.34));
}

.surface-workspace :is(.chatlog-page, .timeline-page) .btn-danger {
  background: linear-gradient(135deg, rgba(255,166,182,.34), rgba(202,94,113,.24));
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .mem-list {
  min-height: 0;
  overflow: auto;
  gap: 9px;
  padding-right: 2px;
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .mem-list::-webkit-scrollbar {
  width: 6px;
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .mem-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255,255,255,.20);
}

.surface-workspace :is(.chatlog-page, .timeline-page, .todo-page) .mem-item,
.surface-workspace #todo-list .todo-item {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 14px;
  color: rgba(255,255,255,.88);
  background:
    radial-gradient(ellipse at 10% 0%, rgba(255,255,255,.12), transparent 38%),
    linear-gradient(138deg, rgba(255,255,255,.082), rgba(255,255,255,.020) 52%, rgba(255,255,255,.052)),
    rgba(96,109,151,.16);
  box-shadow: 0 12px 32px rgba(17,27,62,.10), inset 0 1px 0 rgba(255,255,255,.22);
}

.surface-workspace :is(.chatlog-page, .timeline-page) .mem-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
}

.surface-workspace .chatlog-page .mem-session,
.surface-workspace .timeline-page .timeline-title,
.surface-workspace .todo-title {
  color: rgba(255,255,255,.94);
  font-weight: 820;
}

.surface-workspace .chatlog-page .mem-body,
.surface-workspace .timeline-details,
.surface-workspace .todo-note {
  color: rgba(245,249,255,.72);
  font-size: 12px;
  line-height: 1.55;
}

.surface-workspace .chatlog-page .mem-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  margin-top: 8px;
}

.surface-workspace .chatlog-page .mem-text {
  overflow-wrap: anywhere;
}

.surface-workspace .timeline-pin {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 11px;
  background: rgba(255,255,255,.075);
}

.surface-workspace .timeline-readonly-note {
  color: rgba(245,249,255,.70);
  font-size: 12px;
}

.surface-workspace .pager {
  color: rgba(245,249,255,.76);
}

@media (min-width: 761px) {
  body.surface-workspace.workspace-data-active .surface-main.main {
    height: 100dvh;
    overflow: hidden;
    padding: clamp(20px, 3vh, 30px) clamp(24px, 3.6vw, 40px) clamp(16px, 2.4vh, 24px);
  }

  body.surface-workspace.timeline-active .surface-main.main {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.surface-workspace.timeline-active .surface-main.main::-webkit-scrollbar {
    width: 6px;
  }

  body.surface-workspace.timeline-active .surface-main.main::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255,255,255,.20);
  }

  body.surface-workspace.timeline-active .timeline-page.active {
    height: auto;
    min-height: calc(100dvh - clamp(20px, 3vh, 30px) - clamp(16px, 2.4vh, 24px));
    overflow: visible;
  }

  body.surface-workspace.timeline-active .timeline-page .workspace-list-panel {
    overflow: visible;
  }

  body.surface-workspace.timeline-active .timeline-page .mem-list {
    overflow: visible;
    padding-bottom: 12px;
  }

  body.surface-workspace.workspace-data-active.memory-active .surface-main.main {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.surface-workspace.workspace-data-active.memory-active #page-memory.active {
    height: auto;
    min-height: calc(100dvh - clamp(20px, 3vh, 30px) - clamp(16px, 2.4vh, 24px));
    overflow: visible;
  }

  body.surface-workspace.workspace-data-active.palette-active .surface-main.main {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-bottom: max(92px, calc(72px + env(safe-area-inset-bottom)));
  }

  body.surface-workspace.workspace-data-active.palette-active #page-palette.active {
    height: auto;
    min-height: calc(100dvh - clamp(20px, 3vh, 30px) - max(92px, calc(72px + env(safe-area-inset-bottom))));
    overflow: visible;
    padding-bottom: 12px;
  }

  .surface-workspace .todo-page.active {
    grid-template-rows: auto auto minmax(0, 1fr);
  }
}

/* Workspace usability pass: keep the atmosphere, make the surface easier to open and operate. */
.surface-workspace .workspace-nav-section {
  display: grid;
  gap: 5px;
  margin: 0 0 12px;
}

.surface-workspace .workspace-nav-section > span {
  padding: 0 12px 2px;
  color: rgba(245,249,255,.52);
  font-size: 10px;
  font-weight: 820;
}

.surface-workspace .workspace-nav-section-secondary {
  margin-top: 2px;
}

.surface-workspace .workspace-nav-section .nav-item {
  margin-bottom: 0;
}

.surface-workspace .workspace-sidebar-search,
.surface-workspace .household-search-control {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.105);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

.surface-workspace .workspace-sidebar-search input {
  min-width: 0;
}

.surface-workspace .workspace-sidebar-search span {
  padding: 2px 6px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 7px;
  color: rgba(245,249,255,.54);
  background: rgba(255,255,255,.08);
}

.surface-workspace .household-filterbar {
  align-items: stretch;
}

.surface-workspace .household-toolbar {
  flex: 1 1 480px;
  min-width: 0;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.surface-workspace .household-search-control {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 18px minmax(160px, 1fr);
  align-items: center;
  gap: 8px;
  width: min(320px, 100%);
  height: 42px;
  margin: 0;
  padding: 0 12px;
  border-radius: 14px;
  color: rgba(255,255,255,.78);
}

.surface-workspace .household-search-control svg {
  width: 16px;
  height: 16px;
}

.surface-workspace .household-toolbar .household-search-control input,
.surface-workspace .household-toolbar #household-shopping-status-filter {
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
  opacity: 1;
  pointer-events: auto;
  color: rgba(255,255,255,.94);
  background: transparent;
  box-shadow: none;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 760;
}

.surface-workspace .household-toolbar .household-search-control input::placeholder {
  color: rgba(245,249,255,.58);
}

.surface-workspace .household-toolbar #household-shopping-status-filter {
  position: relative;
  z-index: 1;
  flex: 0 0 108px;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 14px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20);
}

.surface-workspace .household-toolbar #household-shopping-status-filter option {
  color: #213243;
  background: #eef5f8;
}

body.surface-workspace.household-active .surface-main.main {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body.surface-workspace.household-active .household-page.active {
  height: auto;
  min-height: calc(100dvh - 46px);
}

body.surface-workspace.household-active .household-workbench {
  grid-template-rows: auto minmax(0, 1fr);
}

body.surface-workspace.household-active .household-list-card {
  min-height: 0;
}

body.surface-workspace.household-active #household-shopping-list.household-list {
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
  grid-auto-rows: auto;
  gap: 12px;
  overflow: visible;
}

body.surface-workspace.household-active #household-shopping-list.household-list .household-item {
  height: auto;
  min-height: 130px;
  padding: 13px 14px 12px;
}

body.surface-workspace.household-active .household-note {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.surface-workspace.household-active .household-meta {
  min-width: 0;
}

body.surface-workspace.household-active .household-meta span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.surface-workspace.finance-active {
  background:
    linear-gradient(90deg, rgba(47, 56, 88, .58), rgba(69, 79, 112, .16) 20%, rgba(75, 82, 114, .10) 62%, rgba(43, 52, 84, .42)),
    linear-gradient(180deg, rgba(244, 247, 255, .10), rgba(76, 88, 123, .12) 48%, rgba(48, 58, 91, .30)),
    url("/static/generated/liquid-glass-home.png") center center / cover fixed no-repeat;
}

body.surface-workspace.finance-active::before {
  opacity: .76;
  background:
    linear-gradient(90deg, rgba(47, 56, 88, .58), rgba(69, 79, 112, .16) 20%, rgba(75, 82, 114, .10) 62%, rgba(43, 52, 84, .42)),
    linear-gradient(180deg, rgba(244, 247, 255, .10), rgba(76, 88, 123, .12) 48%, rgba(48, 58, 91, .30)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  filter: saturate(.82) contrast(.9) brightness(.98) blur(.25px);
  transform: none;
}

body.surface-workspace.finance-active .surface-main.main {
  min-height: 100dvh;
  background:
    linear-gradient(90deg, rgba(64, 74, 106, .34), rgba(103, 113, 145, .10) 22%, rgba(112, 119, 149, .08) 58%, rgba(60, 70, 103, .24)),
    linear-gradient(180deg, rgba(244, 247, 255, .10), rgba(120, 132, 164, .05) 44%, rgba(63, 73, 106, .22)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.14);
}

@media (min-width: 761px) {
  body.surface-workspace.finance-active {
    height: 100vh;
    overflow: hidden;
  }

  body.surface-workspace.finance-active .surface-main.main {
    height: 100vh;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
  }

}

body.surface-workspace.finance-active .finance-page {
  min-height: calc(100dvh - 62px);
}

@media (min-width: 761px) {
  body.surface-workspace.finance-active .finance-page {
    min-height: auto;
    padding-bottom: 34px;
  }
}

body.surface-workspace.finance-active .finance-page::after {
  inset: -36px -48px -80px -34px;
  opacity: .34;
  background:
    linear-gradient(90deg, rgba(42,52,88,.42), rgba(88,101,143,.08) 24%, rgba(82,95,139,.08) 70%, rgba(32,40,76,.32)),
    url("/static/generated/liquid-glass-home.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-blend-mode: multiply, normal;
  mix-blend-mode: normal;
}

@media (min-width: 761px) {
  .surface-workspace .surface-nav.sidebar {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .surface-workspace .surface-nav.sidebar::-webkit-scrollbar {
    width: 5px;
  }

  .surface-workspace .surface-nav.sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255,255,255,.18);
  }
}

@media (max-width: 980px) {
  .surface-workspace .household-filterbar,
  .surface-workspace .household-hero {
    flex-direction: column;
  }

  .surface-workspace .household-tabs {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .surface-workspace .household-toolbar {
    justify-content: flex-start;
  }

  .surface-workspace .household-search-control {
    width: 100%;
  }
}

@media (max-width: 760px) {
  html {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.surface-workspace {
    height: auto;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .surface-workspace .surface-main.main {
    position: relative;
    inset: auto;
    height: auto;
    min-height: 100dvh;
    width: 100%;
    margin-left: 0;
    overflow: visible;
    padding: calc(18px + env(safe-area-inset-top)) 14px calc(96px + env(safe-area-inset-bottom));
  }

  .surface-workspace .surface-nav.sidebar {
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    top: auto;
    width: auto;
    height: 62px;
    max-height: none;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 4px;
  }

  .surface-workspace .workspace-sidebar-search,
  .surface-workspace .workspace-cover,
  .surface-workspace .workspace-music-card,
  .surface-workspace .workspace-sidebar-tools,
  .surface-workspace .workspace-nav-section > span {
    display: none;
  }

  .surface-workspace .workspace-nav-section,
  .surface-workspace .workspace-nav-section-secondary {
    display: contents;
  }

  .surface-workspace .surface-nav .nav-item {
    flex: 0 0 54px;
    min-width: 54px;
    max-width: 54px;
    min-height: 44px;
    margin: 0;
    padding: 0 7px;
    border-radius: 14px;
    flex-direction: column;
    gap: 3px;
    font-size: 9px;
  }

  .surface-workspace .surface-nav .nav-item svg {
    width: 17px;
    height: 17px;
  }

  .surface-workspace .surface-nav .nav-item span {
    display: block;
    max-width: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .surface-workspace .household-page .page-title {
    font-size: 30px;
  }

  .surface-workspace .household-clock-card {
    min-width: 0;
    width: 100%;
  }

  .surface-workspace .household-stats {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .surface-workspace .household-stat {
    min-height: 82px;
    padding: 14px 16px;
  }

  .surface-workspace .household-add-card {
    grid-template-columns: 20px minmax(0, 1fr) 48px;
    min-height: 58px;
    padding: 0 10px 0 18px;
  }

  .surface-workspace .household-submit {
    width: 46px;
    height: 38px;
  }

  .surface-workspace .household-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 98px 42px;
    gap: 8px;
  }

  .surface-workspace .household-toolbar .household-glass-btn {
    display: none;
  }

  .surface-workspace .household-toolbar #household-shopping-status-filter,
  .surface-workspace .household-search-control,
  .surface-workspace .household-icon-btn {
    min-height: 40px;
    height: 40px;
  }

  .surface-workspace .household-search-control {
    grid-template-columns: 16px minmax(0, 1fr);
    padding: 0 10px;
  }

  body.surface-workspace.household-active #household-shopping-list.household-list,
  .surface-workspace #household-shopping-list.household-list {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Chatlog workbench: scoped IA refresh, no global shell changes. */
body.surface-workspace.chatlog-active .surface-main.main {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

.surface-workspace .chatlog-page.active {
  display: block;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.surface-workspace .chatlog-shell {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.surface-workspace .chatlog-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, auto) auto;
  align-items: center;
  gap: 12px;
}

.surface-workspace .chatlog-heading {
  min-width: 0;
}

.surface-workspace .chatlog-page .page-title {
  gap: 8px;
  font-size: clamp(25px, 2vw, 32px);
  line-height: 1.08;
}

.surface-workspace .chatlog-page .page-title svg {
  width: 22px;
  height: 22px;
  opacity: .76;
}

.surface-workspace .chatlog-status {
  margin: 7px 0 0;
  color: rgba(245,249,255,.70);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.surface-workspace .chatlog-source {
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  color: rgba(245,249,255,.74);
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}

.surface-workspace .chatlog-source span,
.surface-workspace .chatlog-source em {
  display: block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.surface-workspace .chatlog-source strong {
  display: block;
  margin: 2px 0;
  color: rgba(255,255,255,.94);
  font-size: 14px;
  line-height: 1.1;
}

.surface-workspace .chatlog-refresh {
  min-width: 78px;
}

.surface-workspace .chatlog-controlbar,
.surface-workspace .chatlog-batchbar,
.surface-workspace .chatlog-maintenance {
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.065);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.surface-workspace .chatlog-controlbar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  align-items: center;
  gap: 9px;
  padding: 9px;
}

.surface-workspace .chatlog-search-control {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 38px;
  margin: 0;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  color: rgba(245,249,255,.72);
  background: rgba(255,255,255,.075);
}

.surface-workspace .chatlog-search-control svg {
  width: 16px;
  height: 16px;
}

.surface-workspace .chatlog-search-control input {
  min-height: 0;
  padding: 0;
  border: 0;
  color: rgba(255,255,255,.94);
  background: transparent;
  box-shadow: none;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 650;
}

.surface-workspace .chatlog-search-control input::placeholder {
  color: rgba(245,249,255,.48);
}

.surface-workspace .chatlog-filter-chip {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  color: rgba(245,249,255,.78);
  background: rgba(255,255,255,.055);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.surface-workspace .chatlog-filter-chip input {
  width: 15px;
  height: 15px;
}

.surface-workspace .chatlog-control-actions,
.surface-workspace .chatlog-batch-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}

.surface-workspace .chatlog-batchbar {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-color: rgba(186,206,255,.28);
  background: rgba(186,206,255,.11);
}

.surface-workspace .chatlog-batchbar .toolbar-info {
  margin: 0;
  color: rgba(245,249,255,.78);
  font-size: 12px;
}

.surface-workspace .chatlog-list-panel {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  border-radius: 10px;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.surface-workspace .chatlog-list {
  display: grid;
  gap: 8px;
  min-height: 0;
  overflow: visible;
  padding: 0;
}

.surface-workspace .chatlog-record {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13);
}

.surface-workspace .chatlog-record.selected {
  border-color: rgba(186,206,255,.42);
  background: rgba(186,206,255,.14);
}

.surface-workspace .chatlog-record-check {
  padding-top: 3px;
}

.surface-workspace .chatlog-record-check input {
  width: 16px;
  height: 16px;
}

.surface-workspace .chatlog-record-main {
  min-width: 0;
}

.surface-workspace .chatlog-record-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.surface-workspace .chatlog-record-title {
  min-width: 0;
  color: rgba(255,255,255,.94);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.surface-workspace .chatlog-record-time {
  flex: 0 0 auto;
  color: rgba(245,249,255,.55);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.surface-workspace .chatlog-record-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 7px 0 8px;
}

.surface-workspace .chatlog-record-meta .tag {
  padding: 2px 6px;
  font-size: 10px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.surface-workspace .chatlog-message-stack {
  display: grid;
  gap: 6px;
}

.surface-workspace .chatlog-message {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.surface-workspace .chatlog-message-role {
  color: rgba(245,249,255,.54);
  font-size: 11px;
  font-weight: 800;
}

.surface-workspace .chatlog-message-text {
  color: rgba(245,249,255,.78);
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.surface-workspace .chatlog-record-actions {
  display: flex;
  justify-content: flex-end;
}

.surface-workspace .chatlog-delete-inline {
  min-height: 26px;
  padding: 0 7px;
  border: 0;
  color: rgba(255,205,210,.72);
  background: transparent;
  box-shadow: none;
  font-size: 11px;
}

.surface-workspace .chatlog-delete-inline:hover {
  color: #ffd6db;
  background: rgba(255,166,182,.10);
}

.surface-workspace .chatlog-pager {
  justify-content: center;
  margin: 2px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid rgba(255,255,255,.12);
}

.surface-workspace .chatlog-maintenance {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  color: rgba(245,249,255,.62);
  font-size: 12px;
  line-height: 1.45;
}

.surface-workspace .chatlog-maintenance span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.surface-workspace .chatlog-page .chatlog-list-panel {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.surface-workspace .chatlog-page .mem-list.chatlog-list {
  overflow: visible;
  gap: 8px;
  padding: 0;
}

.surface-workspace .chatlog-page .mem-item.chatlog-record {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 10px;
}

.surface-workspace .chatlog-page .mem-body.chatlog-message-stack {
  display: grid;
  gap: 6px;
}

.surface-workspace .chatlog-page .mem-row.chatlog-message {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  margin-top: 0;
}

.surface-workspace .chatlog-page .mem-label.chatlog-message-role {
  width: auto;
  padding-top: 1px;
}

.surface-workspace .chatlog-page .mem-text.chatlog-message-text {
  color: rgba(245,249,255,.78);
  font-size: 12px;
  line-height: 1.55;
}

@media (min-width: 761px) {
  body.surface-workspace.chatlog-active .surface-main.main {
    height: 100dvh;
    padding: clamp(20px, 3vh, 30px) clamp(24px, 3.6vw, 40px) clamp(18px, 2.5vh, 26px);
  }
}

@media (max-width: 760px) {
  body.surface-workspace.chatlog-active {
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.surface-workspace.chatlog-active .surface-main.main {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    padding: calc(16px + env(safe-area-inset-top)) 12px calc(122px + env(safe-area-inset-bottom));
  }

  .surface-workspace .chatlog-shell {
    gap: 10px;
    max-width: 100%;
  }

  .surface-workspace .chatlog-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
  }

  .surface-workspace .chatlog-source {
    display: none;
  }

  .surface-workspace .chatlog-page .page-title {
    font-size: 25px;
  }

  .surface-workspace .chatlog-status {
    font-size: 11px;
  }

  .surface-workspace .chatlog-refresh {
    min-width: 40px;
    padding-inline: 9px;
  }

  .surface-workspace .chatlog-refresh span {
    display: none;
  }

  .surface-workspace .chatlog-controlbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 8px;
  }

  .surface-workspace .chatlog-search-control {
    grid-column: 1 / -1;
  }

  .surface-workspace .chatlog-control-actions {
    justify-content: stretch;
  }

  .surface-workspace .chatlog-control-actions .btn {
    flex: 1 1 auto;
  }

  .surface-workspace .chatlog-batchbar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .surface-workspace .chatlog-batch-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .surface-workspace .chatlog-batch-actions .btn {
    width: 100%;
  }

  .surface-workspace .chatlog-list-panel,
  .surface-workspace .chatlog-list {
    overflow: visible;
  }

  .surface-workspace .chatlog-page .mem-item.chatlog-record {
    grid-template-columns: 22px minmax(0, 1fr);
    padding: 10px;
  }

  .surface-workspace .chatlog-record-actions {
    grid-column: 2;
    justify-content: flex-start;
    margin-top: 2px;
  }

  .surface-workspace .chatlog-record-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .surface-workspace .chatlog-record-time {
    white-space: normal;
  }

  .surface-workspace .chatlog-page .mem-row.chatlog-message {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 7px;
  }

  .surface-workspace .chatlog-pager {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .surface-workspace .chatlog-pager .btn {
    width: 100%;
  }

  .surface-workspace .chatlog-maintenance {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .surface-workspace .chatlog-maintenance .btn {
    justify-self: start;
  }
}

/* Todo workbench IA refresh: scoped to /workspace#todos. */
.surface-workspace .todo-page {
  --todo-line: rgba(65, 117, 111, .14);
  --todo-panel: rgba(255, 255, 255, .62);
  --todo-panel-strong: rgba(255, 255, 255, .78);
  --todo-muted: rgba(84, 104, 113, .72);
  --todo-ink: #19333a;
}

body.surface-workspace.todos-active .surface-main.main {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.surface-workspace.todos-active .surface-main.main::-webkit-scrollbar {
  width: 6px;
}

body.surface-workspace.todos-active .surface-main.main::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(31, 138, 118, .18);
}

body.surface-workspace.todos-active .todo-page.active {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.surface-workspace .todo-page .todo-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  margin: 0;
}

.surface-workspace .todo-title-block {
  min-width: 0;
}

.surface-workspace .todo-page .todo-topbar .page-title {
  margin: 0 0 3px;
}

.surface-workspace .todo-page .todo-topbar p {
  margin: 0;
  color: var(--todo-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.surface-workspace .todo-backend-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  max-width: min(380px, 38vw);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(61, 83, 94, .66);
  font-size: 12px;
  font-weight: 720;
  line-height: 1.3;
  text-align: right;
}

.surface-workspace .todo-backend-meta span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.surface-workspace .todo-page .todo-add-card.todo-create-card,
.surface-workspace .todo-page .todo-list-card.todo-queue-card {
  border: 1px solid var(--todo-line);
  border-radius: 12px;
  background: var(--todo-panel);
  box-shadow: 0 10px 28px rgba(44, 91, 88, .065), inset 0 1px 0 rgba(255, 255, 255, .70);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.surface-workspace .todo-page .todo-add-card.todo-create-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-height: 86px;
  padding: 10px 12px;
  overflow: visible;
}

.surface-workspace .todo-create-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  min-width: 0;
}

.surface-workspace .todo-page .todo-quick-input {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.surface-workspace .todo-page .todo-quick-input label {
  color: rgba(64, 85, 95, .72);
  font-size: 11px;
  font-weight: 780;
  line-height: 1;
}

.surface-workspace .todo-page .todo-quick-input input {
  width: 100%;
  min-height: 38px;
  padding-inline: 12px;
  border-color: rgba(65, 117, 111, .16);
  border-radius: 10px;
  background: rgba(255, 255, 255, .76);
  color: var(--todo-ink);
  font-size: 14px;
  font-weight: 680;
}

.surface-workspace .todo-page .todo-add-btn {
  min-width: 108px;
  min-height: 38px;
  border-radius: 10px;
  box-shadow: none;
  white-space: nowrap;
}

.surface-workspace .todo-more-options {
  min-width: 0;
}

.surface-workspace .todo-more-options summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  max-width: 100%;
  color: rgba(55, 78, 88, .70);
  cursor: pointer;
  font-size: 12px;
  font-weight: 760;
  list-style: none;
}

.surface-workspace .todo-more-options summary::-webkit-details-marker {
  display: none;
}

.surface-workspace .todo-more-options summary::before {
  content: "+";
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(65, 117, 111, .14);
  border-radius: 6px;
  background: rgba(255, 255, 255, .58);
  color: rgba(31, 138, 118, .78);
  font-size: 14px;
  line-height: 1;
}

.surface-workspace .todo-more-options[open] summary::before {
  content: "-";
}

.surface-workspace .todo-more-options summary small {
  min-width: 0;
  color: rgba(84, 104, 113, .60);
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.surface-workspace .todo-page .todo-form-grid.todo-advanced-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 8px;
  margin: 8px 0 0;
  padding: 8px;
  border: 1px solid rgba(65, 117, 111, .10);
  border-radius: 10px;
  background: rgba(255, 255, 255, .38);
  box-shadow: none;
}

.surface-workspace .todo-page .todo-form-grid.todo-advanced-grid .form-group {
  min-width: 0;
  gap: 5px;
}

.surface-workspace .todo-page .todo-form-grid.todo-advanced-grid .todo-note-field {
  grid-column: 1 / -1;
}

.surface-workspace .todo-page .todo-form-grid.todo-advanced-grid input,
.surface-workspace .todo-page .todo-form-grid.todo-advanced-grid select,
.surface-workspace .todo-page .todo-form-grid.todo-advanced-grid textarea {
  min-height: 34px;
  border-color: rgba(65, 117, 111, .14);
  border-radius: 9px;
  background: rgba(255, 255, 255, .70);
  color: var(--todo-ink);
  font-size: 12px;
}

.surface-workspace .todo-page .todo-form-grid.todo-advanced-grid textarea {
  min-height: 46px;
  resize: vertical;
}

.surface-workspace .todo-page .todo-list-card.todo-queue-card {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  min-height: 0;
  padding: 13px;
  overflow: visible;
  background: var(--todo-panel-strong);
}

.surface-workspace .todo-page .todo-list-head {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(360px, 1fr);
  align-items: center;
  gap: 12px;
  margin: 0 0 9px;
}

.surface-workspace .todo-page .todo-list-head > div:first-child {
  min-width: 0;
}

.surface-workspace .todo-page .card-title {
  color: var(--todo-ink);
  font-size: 13px;
  font-weight: 820;
  line-height: 1.2;
}

.surface-workspace .todo-page .mem-count {
  display: block;
  margin-top: 3px;
  color: rgba(84, 104, 113, .66);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.3;
}

.surface-workspace .todo-page .todo-filterbar {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) 124px auto auto;
  align-items: center;
  justify-content: end;
  gap: 7px;
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(65, 117, 111, .10);
  border-radius: 10px;
  background: rgba(255, 255, 255, .42);
  box-shadow: none;
}

.surface-workspace .todo-page .todo-filterbar input,
.surface-workspace .todo-page .todo-filterbar select {
  width: 100%;
  min-height: 32px;
  border-color: rgba(65, 117, 111, .13);
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
  color: var(--todo-ink);
  font-size: 12px;
}

.surface-workspace .todo-page .todo-filterbar .btn {
  min-height: 32px;
  border-radius: 8px;
  box-shadow: none;
  white-space: nowrap;
}

.surface-workspace .todo-page .todo-batch-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 9px;
  padding: 7px;
  border: 1px dashed rgba(65, 117, 111, .13);
  border-radius: 10px;
  background: rgba(255, 255, 255, .30);
  box-shadow: none;
}

.surface-workspace .todo-page .todo-batch-row .tag {
  min-height: 26px;
  border-color: rgba(65, 117, 111, .12);
  background: rgba(255, 255, 255, .52);
  color: rgba(45, 91, 87, .74);
}

.surface-workspace .todo-page .todo-batch-row .btn {
  min-height: 28px;
  border-radius: 8px;
  box-shadow: none;
}

.surface-workspace .todo-page .todo-batch-row .btn-danger {
  border-color: rgba(186, 82, 96, .18);
  background: rgba(186, 82, 96, .06);
  color: rgba(159, 55, 72, .78);
}

.surface-workspace .todo-page #todo-list {
  min-width: 0;
  min-height: 0;
  gap: 8px;
  overflow: visible;
  padding: 0 0 4px;
}

.surface-workspace .todo-page #todo-list .todo-item {
  min-width: 0;
  border-color: rgba(65, 117, 111, .11);
  border-radius: 11px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 6px 16px rgba(44, 91, 88, .045), inset 0 1px 0 rgba(255, 255, 255, .72);
}

.surface-workspace .todo-page .todo-title,
.surface-workspace .todo-page .todo-note,
.surface-workspace .todo-page .todo-time,
.surface-workspace .todo-page .todo-meta .tag {
  overflow-wrap: anywhere;
}

@media (min-width: 761px) {
  body.surface-workspace.todos-active .surface-main.main {
    height: 100dvh;
    padding: clamp(18px, 2.4vh, 24px) clamp(24px, 3.2vw, 38px) clamp(18px, 2.6vh, 26px);
  }

  body.surface-workspace.todos-active .todo-page.active {
    min-height: calc(100dvh - clamp(18px, 2.4vh, 24px) - clamp(18px, 2.6vh, 26px));
  }
}

@media (max-width: 760px) {
  body.surface-workspace.todos-active .surface-main.main {
    padding-bottom: calc(118px + env(safe-area-inset-bottom));
  }

  body.surface-workspace.todos-active .todo-page.active {
    grid-template-rows: auto auto auto;
    gap: 9px;
  }

  .surface-workspace .todo-page .todo-topbar {
    grid-template-columns: minmax(0, 1fr);
    min-height: 56px;
    gap: 5px;
  }

  .surface-workspace .todo-backend-meta {
    justify-content: flex-start;
    max-width: 100%;
    text-align: left;
  }

  .surface-workspace .todo-page .todo-add-card.todo-create-card {
    min-height: 0;
    padding: 9px;
  }

  .surface-workspace .todo-create-main {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
  }

  .surface-workspace .todo-page .todo-quick-input label {
    font-size: 10px;
  }

  .surface-workspace .todo-page .todo-quick-input input {
    min-height: 36px;
    font-size: 13px;
  }

  .surface-workspace .todo-page .todo-add-btn {
    min-width: 84px;
    min-height: 36px;
    padding-inline: 10px;
  }

  .surface-workspace .todo-more-options summary {
    width: 100%;
  }

  .surface-workspace .todo-page .todo-form-grid.todo-advanced-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 7px;
  }

  .surface-workspace .todo-page .todo-list-card.todo-queue-card {
    padding: 10px;
  }

  .surface-workspace .todo-page .todo-list-head {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
  }

  .surface-workspace .todo-page .todo-filterbar {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 118px);
    justify-content: stretch;
  }

  .surface-workspace .todo-page .todo-filterbar .btn {
    width: 100%;
  }

  .surface-workspace .todo-page .todo-batch-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .surface-workspace .todo-page .todo-batch-row .tag {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .surface-workspace .todo-page .todo-batch-row .btn {
    width: 100%;
    padding-inline: 8px;
  }

  .surface-workspace .todo-page #todo-list {
    overflow: visible;
    padding-bottom: 12px;
  }

  .surface-workspace .todo-page #todo-list .todo-item {
    grid-template-columns: 22px minmax(0, 1fr);
    padding: 11px;
  }

  .surface-workspace .todo-page .todo-actions {
    grid-column: 2;
    flex-flow: row wrap;
    min-width: 0;
  }

  .surface-workspace .todo-page .todo-actions .btn {
    width: auto;
    min-height: 28px;
    padding-inline: 9px;
  }
}

@media (max-width: 420px) {
  .surface-workspace .todo-create-main {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .surface-workspace .todo-page .todo-add-btn {
    width: 100%;
  }
}

/* Todo second-pass polish: separate create tool from queue and compact row actions. */
body.surface-workspace.todos-active .todo-page.active {
  gap: 14px;
}

.surface-workspace .todo-page .todo-add-card.todo-create-card {
  min-height: 72px;
  padding: 8px 10px;
  border-color: rgba(65, 117, 111, .08);
  background: rgba(255, 255, 255, .34);
  box-shadow: none;
}

.surface-workspace .todo-page .todo-add-card.todo-create-card:hover {
  border-color: rgba(65, 117, 111, .13);
  background: rgba(255, 255, 255, .42);
}

.surface-workspace .todo-page .todo-list-card.todo-queue-card {
  border-color: rgba(65, 117, 111, .16);
  background: rgba(255, 255, 255, .80);
  box-shadow: 0 14px 34px rgba(44, 91, 88, .075), inset 0 1px 0 rgba(255, 255, 255, .76);
}

.surface-workspace .todo-page .todo-more-options summary {
  min-height: 24px;
  color: rgba(55, 78, 88, .58);
}

.surface-workspace .todo-page .todo-more-options summary::before {
  background: rgba(255, 255, 255, .38);
  opacity: .82;
}

.surface-workspace .todo-page #todo-list .todo-item {
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 12px;
}

.surface-workspace .todo-page .todo-actions {
  grid-column: 3;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  align-self: start;
  gap: 6px;
  width: auto;
  min-width: 0;
  padding-top: 0;
}

.surface-workspace .todo-page .todo-actions .btn {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
  box-shadow: none;
  white-space: nowrap;
}

.surface-workspace .todo-page .todo-actions .btn-success {
  border-color: rgba(31, 138, 118, .20);
  background: rgba(31, 138, 118, .12);
  color: rgba(20, 103, 91, .92);
}

.surface-workspace .todo-page .todo-actions .btn-ghost {
  border-color: rgba(65, 117, 111, .11);
  background: rgba(255, 255, 255, .34);
  color: rgba(61, 83, 94, .70);
}

.surface-workspace .todo-page .todo-actions .btn-danger {
  border-color: transparent;
  background: transparent;
  color: rgba(169, 58, 74, .72);
  padding-inline: 7px;
}

.surface-workspace .todo-page .todo-actions .btn-danger:hover {
  border-color: rgba(169, 58, 74, .13);
  background: rgba(169, 58, 74, .06);
  color: rgba(143, 45, 61, .86);
}

@media (max-width: 760px) {
  body.surface-workspace.todos-active .todo-page.active {
    gap: 12px;
  }

  .surface-workspace .todo-page .todo-add-card.todo-create-card {
    padding: 8px;
  }

  .surface-workspace .todo-page #todo-list .todo-item {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
  }

  .surface-workspace .todo-page .todo-actions {
    grid-column: 2;
    flex-flow: row wrap;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 2px;
  }

  .surface-workspace .todo-page .todo-actions .btn {
    width: auto;
    min-height: 28px;
    padding-inline: 8px;
  }
}

/* Todo readability fix: light cards require dark, high-contrast text. */
.surface-workspace .todo-page .todo-list-card.todo-queue-card {
  color: rgba(25, 35, 55, .92);
}

.surface-workspace .todo-page #todo-list .todo-item {
  color: rgba(25, 35, 55, .92);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 252, 250, .84)),
    rgba(255, 255, 255, .88);
  border-color: rgba(67, 102, 103, .16);
  box-shadow: 0 6px 16px rgba(35, 60, 70, .055), inset 0 1px 0 rgba(255, 255, 255, .82);
  opacity: 1;
}

.surface-workspace .todo-page #todo-list .todo-item:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 252, 249, .88)),
    rgba(255, 255, 255, .92);
  border-color: rgba(67, 102, 103, .22);
}

.surface-workspace .todo-page #todo-list .todo-item.selected {
  background:
    linear-gradient(180deg, rgba(238, 252, 247, .96), rgba(255, 255, 255, .88)),
    rgba(245, 252, 249, .92);
  border-color: rgba(31, 138, 118, .30);
}

.surface-workspace .todo-page #todo-list .todo-item.todo-status-done {
  opacity: 1;
  background:
    linear-gradient(180deg, rgba(248, 251, 251, .92), rgba(241, 246, 246, .82)),
    rgba(248, 250, 250, .88);
}

.surface-workspace .todo-page #todo-list .todo-item.todo-status-cancelled {
  opacity: 1;
  background:
    linear-gradient(180deg, rgba(255, 250, 249, .92), rgba(250, 244, 244, .84)),
    rgba(255, 250, 250, .88);
}

.surface-workspace .todo-page #todo-list .todo-item *,
.surface-workspace .todo-page #todo-list .todo-item button {
  text-shadow: none;
}

.surface-workspace .todo-page .todo-title {
  color: rgba(25, 35, 55, .96);
  font-weight: 820;
}

.surface-workspace .todo-page #todo-list .todo-item.todo-status-done .todo-title {
  color: rgba(48, 61, 76, .84);
}

.surface-workspace .todo-page .todo-meta {
  color: rgba(58, 72, 90, .78);
}

.surface-workspace .todo-page .todo-id,
.surface-workspace .todo-page .todo-meta .tag,
.surface-workspace .todo-page .todo-time {
  border: 1px solid rgba(67, 102, 103, .13);
  background: rgba(244, 248, 248, .90);
  color: rgba(46, 61, 78, .82);
  box-shadow: none;
}

.surface-workspace .todo-page .todo-meta .tag.green {
  border-color: rgba(31, 138, 118, .18);
  background: rgba(231, 248, 242, .95);
  color: rgba(25, 105, 91, .92);
}

.surface-workspace .todo-page .todo-meta .tag.red {
  border-color: rgba(181, 72, 82, .18);
  background: rgba(255, 238, 238, .95);
  color: rgba(148, 48, 60, .92);
}

.surface-workspace .todo-page .todo-note {
  border-color: rgba(67, 102, 103, .12);
  background: rgba(247, 250, 250, .88);
  color: rgba(45, 55, 75, .82);
}

.surface-workspace .todo-page .todo-actions .btn {
  color: rgba(45, 58, 74, .82);
}

.surface-workspace .todo-page .todo-actions .btn-success {
  border-color: rgba(31, 138, 118, .24);
  background: rgba(222, 247, 238, .96);
  color: rgba(17, 94, 82, .96);
}

.surface-workspace .todo-page .todo-actions .btn-ghost {
  border-color: rgba(67, 102, 103, .14);
  background: rgba(246, 249, 249, .90);
  color: rgba(55, 68, 84, .82);
}

.surface-workspace .todo-page .todo-actions .btn-danger {
  border-color: rgba(181, 72, 82, .10);
  background: transparent;
  color: rgba(148, 48, 60, .86);
}

.surface-workspace .todo-page .todo-actions .btn-danger:hover {
  border-color: rgba(181, 72, 82, .18);
  background: rgba(255, 238, 238, .72);
  color: rgba(126, 38, 50, .94);
}

/* Todo form contrast pass: keep controls readable on light panels. */
body.surface-workspace.todos-active .todo-page {
  --todo-field-bg: rgba(255, 255, 255, .94);
  --todo-field-bg-soft: rgba(249, 252, 252, .92);
  --todo-field-border: rgba(72, 104, 112, .18);
  --todo-field-ink: rgba(25, 36, 54, .94);
  --todo-field-muted: rgba(77, 91, 108, .72);
}

body.surface-workspace.todos-active .todo-page .todo-add-card.todo-create-card,
body.surface-workspace.todos-active .todo-page .todo-list-card.todo-queue-card {
  background:
    linear-gradient(180deg, rgba(250, 253, 255, .88), rgba(241, 247, 249, .78)),
    rgba(244, 249, 250, .86);
  border-color: rgba(76, 104, 112, .18);
}

body.surface-workspace.todos-active .todo-page .todo-add-card.todo-create-card {
  box-shadow: 0 12px 28px rgba(24, 38, 70, .10), inset 0 1px 0 rgba(255,255,255,.86);
}

body.surface-workspace.todos-active .todo-page label,
body.surface-workspace.todos-active .todo-page .todo-quick-input label,
body.surface-workspace.todos-active .todo-page .todo-more-options summary,
body.surface-workspace.todos-active .todo-page .todo-more-options summary small {
  color: var(--todo-field-muted);
  text-shadow: none;
}

body.surface-workspace.todos-active .todo-page .todo-form-grid.todo-advanced-grid {
  border-color: rgba(76, 104, 112, .14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.68), rgba(246,250,251,.58)),
    rgba(247, 251, 252, .72);
}

body.surface-workspace.todos-active .todo-page input,
body.surface-workspace.todos-active .todo-page select,
body.surface-workspace.todos-active .todo-page textarea,
body.surface-workspace.todos-active .todo-page .todo-quick-input input,
body.surface-workspace.todos-active .todo-page .todo-filterbar input,
body.surface-workspace.todos-active .todo-page .todo-filterbar select,
body.surface-workspace.todos-active .todo-page .todo-form-grid.todo-advanced-grid input,
body.surface-workspace.todos-active .todo-page .todo-form-grid.todo-advanced-grid select,
body.surface-workspace.todos-active .todo-page .todo-form-grid.todo-advanced-grid textarea {
  border-color: var(--todo-field-border);
  background: var(--todo-field-bg);
  color: var(--todo-field-ink);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 1px 2px rgba(28, 42, 68, .035);
  text-shadow: none;
}

body.surface-workspace.todos-active .todo-page input::placeholder,
body.surface-workspace.todos-active .todo-page textarea::placeholder {
  color: rgba(73, 86, 105, .52);
}

body.surface-workspace.todos-active .todo-page input:focus,
body.surface-workspace.todos-active .todo-page select:focus,
body.surface-workspace.todos-active .todo-page textarea:focus {
  border-color: rgba(31, 138, 118, .42);
  background: #fff;
  color: var(--todo-field-ink);
  outline: 2px solid rgba(31, 138, 118, .14);
  outline-offset: 1px;
}

body.surface-workspace.todos-active .todo-page .todo-filterbar,
body.surface-workspace.todos-active .todo-page .todo-batch-row {
  border-color: rgba(76, 104, 112, .13);
  background:
    linear-gradient(180deg, rgba(255,255,255,.70), rgba(246,250,251,.58)),
    rgba(247, 251, 252, .70);
  box-shadow: none;
}

body.surface-workspace.todos-active .todo-page .btn,
body.surface-workspace.todos-active .todo-page .todo-filterbar .btn,
body.surface-workspace.todos-active .todo-page .todo-batch-row .btn {
  border-color: rgba(76, 104, 112, .18);
  background: var(--todo-field-bg-soft);
  color: rgba(38, 52, 72, .88);
  text-shadow: none;
}

body.surface-workspace.todos-active .todo-page .btn:hover,
body.surface-workspace.todos-active .todo-page .todo-filterbar .btn:hover,
body.surface-workspace.todos-active .todo-page .todo-batch-row .btn:hover {
  border-color: rgba(31, 138, 118, .24);
  background: rgba(255,255,255,.98);
  color: rgba(24, 67, 64, .94);
}

body.surface-workspace.todos-active .todo-page .todo-batch-row .btn-ghost {
  color: rgba(35, 54, 78, .88);
}

body.surface-workspace.todos-active .todo-page .todo-batch-row .tag {
  border-color: rgba(76, 104, 112, .16);
  background: rgba(255,255,255,.84);
  color: rgba(37, 67, 76, .86);
}

body.surface-workspace.todos-active .todo-page .todo-batch-row .btn-danger {
  border-color: rgba(181, 72, 82, .22);
  background: rgba(255, 239, 241, .92);
  color: rgba(148, 48, 60, .94);
}

body.surface-workspace.todos-active .todo-page .todo-add-btn,
body.surface-workspace.todos-active .todo-page .btn-primary {
  border-color: rgba(31, 138, 118, .22);
  background:
    linear-gradient(135deg, rgba(131, 186, 218, .34), rgba(115, 162, 218, .25)),
    rgba(245, 249, 255, .82);
  color: rgba(31, 57, 91, .94);
}

/* Memory density and background visibility pass. */
body.surface-workspace.memory-active .surface-main.main {
  background: rgba(47, 58, 96, .055);
}

body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-card,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-result-card,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-runway-card,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-summary-box,
body.surface-workspace.memory-active #memoryLibraryV2Pane .memory-v2-issue-section,
body.surface-workspace.memory-active #memoryLibraryV2Pane .mem-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.082), rgba(255,255,255,.020) 46%, rgba(255,255,255,.040)),
    rgba(118, 134, 184, .115);
  box-shadow:
    0 14px 36px rgba(17, 25, 58, .14),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 14px rgba(255,255,255,.035);
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

body.surface-workspace.memory-active .memory-v2-metric-grid .memory-v2-stat {
  min-height: 90px;
  background:
    radial-gradient(circle at 12% 4%, rgba(255,255,255,.11), transparent 44%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.026)),
    rgba(112, 129, 179, .105);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 10px 26px rgba(19,27,58,.09);
  backdrop-filter: blur(18px) saturate(1.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.14);
}

body.surface-workspace.memory-active .memory-v2-ops-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

body.surface-workspace.memory-active .memory-v2-ops-actions .btn,
body.surface-workspace.memory-active .memory-v2-big-action,
body.surface-workspace.memory-active .memory-v2-soft-action,
body.surface-workspace.memory-active .memory-v2-source-action {
  flex: 0 0 auto;
  min-height: 30px;
  min-width: 0;
  padding: 0 11px;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 760;
}

body.surface-workspace.memory-active .memory-v2-ops-actions .btn svg {
  width: 13px;
  height: 13px;
}

body.surface-workspace.memory-active .memory-v2-toolbar .btn,
body.surface-workspace.memory-active .memory-v2-panel-header .btn {
  min-height: 30px;
  padding-inline: 10px;
}

.surface-workspace .workspace-avatar-button {
  width: clamp(42px, 6vh, 54px);
  height: clamp(42px, 6vh, 54px);
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}

.surface-workspace .workspace-avatar-button:focus-visible {
  outline: 2px solid rgba(128, 232, 211, .88);
  outline-offset: 3px;
}

.surface-workspace .workspace-avatar-input {
  display: none;
}

.surface-workspace .workspace-avatar {
  width: 100%;
  height: 100%;
}

body.surface-workspace.memory-active .surface-switch summary {
  color: #123f38;
  border-color: rgba(218, 255, 245, .78);
  background:
    radial-gradient(circle at 32% 23%, rgba(255,255,255,.98) 0, rgba(255,255,255,.70) 13%, rgba(255,255,255,0) 31%),
    radial-gradient(circle at 72% 78%, rgba(76,202,174,.38), rgba(76,202,174,0) 42%),
    conic-gradient(from 222deg, rgba(82,210,177,.92), rgba(131,226,189,.90), rgba(231,214,143,.70), rgba(82,210,177,.92));
}

body.surface-workspace.memory-active .surface-switch summary svg {
  width: 25px;
  height: 25px;
  stroke-width: 1.85;
}

/* Finance transaction readability pass. */
body.surface-workspace.finance-active .finance-list.household-list.is-transaction-view {
  gap: 10px;
}

body.surface-workspace.finance-active .finance-list.household-list .finance-tx-row {
  grid-template-columns: 44px minmax(0, 1fr) minmax(132px, auto) auto;
  grid-template-areas:
    "icon main amount actions"
    "icon tags amount actions";
  align-items: center;
  gap: 8px 14px;
  min-height: 88px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.56);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(248,251,255,.74), rgba(233,240,255,.54) 58%, rgba(222,233,255,.60)),
    rgba(236, 244, 255, .66);
  box-shadow:
    0 14px 34px rgba(15, 24, 54, .18),
    inset 0 1px 0 rgba(255,255,255,.70);
  backdrop-filter: blur(12px) saturate(1.05);
  -webkit-backdrop-filter: blur(12px) saturate(1.05);
}

body.surface-workspace.finance-active .finance-list.household-list .finance-tx-row::before,
body.surface-workspace.finance-active .finance-list.household-list .finance-tx-row::after {
  opacity: 0;
}

body.surface-workspace.finance-active .finance-tx-row .finance-card-icon {
  grid-area: icon;
  width: 38px;
  height: 38px;
  border-color: rgba(72, 90, 135, .12);
  color: #64739c;
  background:
    linear-gradient(145deg, rgba(255,255,255,.72), rgba(226,236,255,.46)),
    rgba(255,255,255,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 18px rgba(32, 47, 92, .12);
}

body.surface-workspace.finance-active .finance-tx-row.is-expense .finance-card-icon {
  color: #b66562;
}

body.surface-workspace.finance-active .finance-tx-row.is-income .finance-card-icon {
  color: #3c8a65;
}

body.surface-workspace.finance-active .finance-tx-row .finance-card-icon svg {
  width: 18px;
  height: 18px;
}

body.surface-workspace.finance-active .finance-tx-main {
  grid-area: main;
}

body.surface-workspace.finance-active .finance-tx-row .household-title {
  margin: 0;
  color: rgba(35, 43, 68, .96);
  font-size: 16px;
  line-height: 1.22;
  font-weight: 860;
  text-shadow: none;
}

body.surface-workspace.finance-active .finance-tx-row .finance-card-subtitle {
  display: block;
  margin-top: 4px;
  color: rgba(69, 80, 112, .74);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 720;
  text-shadow: none;
}

body.surface-workspace.finance-active .finance-tx-amount {
  grid-area: amount;
  display: grid;
  justify-items: end;
  gap: 3px;
  min-width: 128px;
  margin: 0;
  white-space: nowrap;
  text-shadow: none;
}

body.surface-workspace.finance-active .finance-tx-amount span {
  color: rgba(76, 86, 118, .72);
  font-size: 11px;
  line-height: 1;
  font-weight: 760;
}

body.surface-workspace.finance-active .finance-tx-amount strong {
  font-size: 20px;
  line-height: 1.05;
  font-weight: 880;
}

body.surface-workspace.finance-active .finance-tx-amount.is-negative strong {
  color: #b74f54;
}

body.surface-workspace.finance-active .finance-tx-amount.is-positive strong {
  color: #2f8b63;
}

body.surface-workspace.finance-active .finance-tx-tags {
  grid-area: tags;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

body.surface-workspace.finance-active .finance-tx-tags .tag {
  min-height: 23px;
  padding: 3px 8px;
  border: 1px solid rgba(91, 105, 148, .14);
  color: rgba(54, 63, 95, .76);
  background: rgba(255,255,255,.50);
  font-size: 11px;
  line-height: 15px;
  font-weight: 760;
  text-shadow: none;
}

body.surface-workspace.finance-active .finance-tx-tags .tag.green {
  color: #287653;
  border-color: rgba(48, 142, 93, .18);
  background: rgba(219, 255, 237, .62);
}

body.surface-workspace.finance-active .finance-tx-tags .tag.red {
  color: #a8484c;
  border-color: rgba(183, 79, 84, .18);
  background: rgba(255, 229, 230, .68);
}

body.surface-workspace.finance-active .finance-tx-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

body.surface-workspace.finance-active .finance-tx-time svg {
  width: 12px;
  height: 12px;
}

body.surface-workspace.finance-active .finance-tx-actions {
  grid-area: actions;
  display: grid;
  grid-template-columns: repeat(2, minmax(42px, auto));
  justify-content: end;
  gap: 6px;
  min-width: 102px;
}

body.surface-workspace.finance-active .finance-mini-action {
  min-width: 0;
  min-height: 30px;
  padding: 0 9px;
  border-color: rgba(87, 100, 142, .16);
  color: rgba(49, 58, 88, .82);
  background: rgba(255,255,255,.48);
  text-shadow: none;
}

body.surface-workspace.finance-active .finance-mini-action:hover {
  border-color: rgba(76, 93, 140, .26);
  background: rgba(255,255,255,.68);
}

body.surface-workspace.finance-active .finance-mini-action.danger {
  border-color: rgba(183, 79, 84, .18);
  color: #a8484c;
  background: rgba(255, 232, 234, .62);
}

@media (max-width: 760px) {
  body.surface-workspace.finance-active .finance-list.household-list .finance-tx-row {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    grid-template-areas:
      "icon main amount"
      "icon tags tags"
      ". actions actions";
    min-height: 0;
    padding: 13px;
  }

  body.surface-workspace.finance-active .finance-tx-amount {
    min-width: 0;
  }

  body.surface-workspace.finance-active .finance-tx-actions {
    justify-content: start;
    min-width: 0;
  }
}