:root {
  --av-dana-bg: #BE9472;
  --av-dana-top: #1F5E63;
  --av-sam-bg: #6C8DBA;
  --av-sam-top: #C9962F;
  --av-sam-trim: #8E6417;
  --av-lee-bg: #7FAA8F;
  --av-lee-top: #5E3F78;
  --av-lee-trim: #F4EEE6;
  --av-ring: var(--win-1);
  --fi-sheet: #2E9E63;
  --fi-pdf: #E0533D;
  --st-on: #3FBF7F;
  --st-away: #E3A93C;
  --p-lee: #6A4DC0;
  --co: #2D6A88;
  --mono: "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
:root[data-theme="light"] {
  --av-dana-bg: #F0D4BB;
  --av-sam-bg: #C7DAF0;
  --av-lee-bg: #CDE5D5;
  --fi-sheet: #1E8150;
  --fi-pdf: #C8402A;
  --st-on: #23955C;
  --st-away: #C27C0E;
}
.avatar {
  position: relative;
  flex: none;
  display: inline-grid;
  width: 2.1em;
  height: 2.1em;
  padding: 0;
  border-radius: 50%;
  background: none;
  font-size: 1em;
  vertical-align: middle;
}
.avatar > .av { display: block; width: 100%; height: 100%; clip-path: circle(50%); }
.avatar.is-on::after {
  content: "";
  position: absolute;
  right: -.06em;
  bottom: -.06em;
  width: 34%;
  height: 34%;
  border-radius: 50%;
  background: var(--st-on);
  box-shadow: 0 0 0 .13em var(--av-ring);
}
.avs { display: inline-flex; flex: none; align-items: center; }
.avs .avatar { box-shadow: 0 0 0 .13em var(--av-ring); }
.avs .avatar + .avatar { margin-left: -.32em; }
.ent {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 1.35em;
  height: 1.35em;
  border-radius: .32em;
  background: var(--co);
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 700;
  font-stretch: 100%;
  line-height: 1;
}
.ent .ico { width: .8em; height: .8em; stroke-width: 1.9; }
.ent--desk { background: rgb(var(--wash) / .1); color: var(--text); }
.fi { flex: none; width: 1.25em; height: 1.25em; }
.win__dots { display: none; }
.win__app { flex: none; display: inline-grid; place-items: center; }
.win__app .ico { display: block; }
.mail { position: relative; }
.mail__dot { display: none; }
.pile { grid-template-columns: minmax(0, 32.8em) minmax(0, 1fr); }
.win--inbox .win__body { padding-inline: .7em; }
.sheet { font-size: .85em; }
.sheet__row { grid-template-columns: 1.2em minmax(0, 1.5fr) minmax(0, 1.5fr) 3.4em 5.4em; }
.sheet__cols { color: var(--muted); }
.sheet__cols > span, .sheet__n { text-align: center; }
.sheet__n { color: var(--muted); }
.sheet__who { display: flex; align-items: center; gap: .35em; }
.sheet__who > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sheet__who .avatar { width: 1.3em; height: 1.3em; }
.msg__main { min-width: 0; }
.msg .avatar { width: 2.1em; height: 2.1em; margin-top: .1em; }
.files li { display: flex; align-items: center; gap: .55em; padding-left: .1em; }
.files li::before { display: none; }
.files li > span:not(.avatar) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.files .avatar { width: 1.3em; height: 1.3em; margin-left: auto; }
.hrow__route b { display: inline-flex; align-items: center; gap: .4em; }
.hrow__route .avatar, .hrow__route .ent { width: 1.4em; height: 1.4em; }
.hrow__route .ent { font-size: .88em; width: 1.6em; height: 1.6em; }
.hrec__bar .ops__logo { font-size: 1em; }
.hrec__pill { display: inline-flex; align-items: center; gap: .35em; }
.hrec__pill .ico { width: 1em; height: 1em; stroke-width: 2.2; }
.ops__logo { flex: none; display: inline-grid; place-items: center; font-size: 1.36em; }
.ops__logo .ico { width: 1.2em; height: 1.2em; }
.pill { display: inline-flex; align-items: center; gap: .4em; }
.pill .ico { width: 1.05em; height: 1.05em; stroke-width: 2; }
.tag { display: inline-flex; align-items: center; gap: .35em; }
.tag .ico { width: 1.05em; height: 1.05em; }
.rec dd { align-items: center; }
.rec dd .avatar { width: 1.35em; height: 1.35em; }
.rec dd .ent { font-size: .88em; width: 1.55em; height: 1.55em; }
.who .avatar { width: 3.3em; height: 3.3em; }
.who__text span { display: inline-flex; align-items: center; gap: .3em; }
.who__text .ico { width: 1em; height: 1em; }
.handover .avatar { width: 1.6em; height: 1.6em; }
.approval__who { display: flex; align-items: center; gap: .6em; }
.approval__who .avatar { width: 1.5em; height: 1.5em; }
.sent__file .fi { width: 1.2em; height: 1.2em; }
.stamp { position: relative; }
.ncur {
  position: absolute;
  left: calc(100% - 1.1em);
  top: calc(100% - .55em);
  display: flex;
  align-items: flex-start;
  pointer-events: none;
  transform: rotate(2deg);
}
.ncur__ptr { width: 1.25em; height: 1.25em; color: var(--p-lee); filter: drop-shadow(0 .08em .12em rgb(0 0 0 / .35)); }
.ncur__name {
  margin: .95em 0 0 -.25em;
  padding: .14em .5em .16em;
  border-radius: .3em .5em .5em .5em;
  background: var(--p-lee);
  color: #FFFFFF;
  font-size: .72em;
  font-weight: 650;
  line-height: 1.3;
  white-space: nowrap;
  box-shadow: 0 .2em .5em rgb(0 0 0 / .25);
}
.fx__title { justify-content: flex-start; align-items: center; gap: 8px; }
.fx__title .fx__id { margin-left: auto; }
.fx__ico { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-block: -3px; border-radius: 6px; }
.fx__ico .ico { width: 14px; height: 14px; }
.fx-swap > * { display: inline-flex; align-items: center; gap: 6px; }
.fx-swap .ico { width: 14px; height: 14px; stroke-width: 2; }
.fx-send { align-items: center; gap: 6px; }
.fx-send > .ico { width: 14px; height: 14px; stroke-width: 2; }
.fx-route { display: flex; align-items: center; gap: 8px; }
.fx-route .avatar, .fx-foot .avatar { width: 18px; height: 18px; margin-block: -2px; }
.fx-dot { flex: none; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.fx-col__k { display: flex; align-items: center; gap: 6px; }
.fx-card { position: relative; padding-right: 30px; }
.fx-card__av { position: absolute; top: 7px; right: 7px; width: 18px; height: 18px; }
.fx-pill { display: inline-flex; align-items: center; }
.fx-pill > .ico { width: 13px; height: 13px; margin-right: 4px; stroke-width: 2; }
.fx-file .fi { width: 16px; height: 16px; }
.fx-msg { grid-template-columns: auto minmax(0, 1fr); column-gap: 9px; }
.fx-msg > :not(.ent) { grid-column: 2; }
.fx-msg .ent { grid-row: 1 / span 2; align-self: start; width: 22px; height: 22px; font-size: 12px; border-radius: 6px; }
.fx-spark { flex: none; width: 46px; height: 15px; margin-left: auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.fx-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
:root[data-cards="b"] {
  --b-glass: rgba(30, 31, 37, .56);
  --b-glass-bar: rgba(255, 255, 255, .035);
  --b-edge: rgba(255, 255, 255, .13);
  --b-edge-2: rgba(255, 255, 255, .22);
  --b-sheen: linear-gradient(180deg, rgba(255, 255, 255, .075) 0%, rgba(255, 255, 255, .015) 32%, rgba(255, 255, 255, 0) 60%);
  --b-inner: rgba(255, 255, 255, .055);
  --b-inner-2: rgba(255, 255, 255, .09);
  --b-line: rgba(255, 255, 255, .08);
  --b-dot: rgba(255, 255, 255, .2);
  --b-blur: blur(22px) saturate(165%);
  --b-out: 0 0 0 1px rgba(0, 0, 0, .5), 0 .9em 1.8em -.9em rgba(0, 0, 0, .55), 0 3.4em 6.6em -2.8em rgba(0, 0, 0, .8);
  --b-sel: rgba(76, 141, 246, .2);
  --b-grain: .07;
  --b-chip: rgba(0, 0, 0, .28);
  --b-chip-text: var(--text-2);
  --av-ring: #2A2B31;
}
:root[data-cards="b"][data-theme="light"] {
  --b-glass: rgba(255, 253, 249, .6);
  --b-glass-bar: rgba(255, 255, 255, .4);
  --b-edge: rgba(255, 255, 255, .9);
  --b-edge-2: rgba(255, 255, 255, 1);
  --b-sheen: linear-gradient(180deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .2) 30%, rgba(255, 255, 255, 0) 62%);
  --b-inner: rgba(255, 255, 255, .62);
  --b-inner-2: rgba(255, 255, 255, .85);
  --b-line: rgba(74, 52, 30, .1);
  --b-dot: rgba(74, 52, 30, .2);
  --b-out: 0 0 0 1px rgba(74, 52, 30, .1), 0 .8em 1.6em -.8em rgba(74, 52, 30, .22), 0 3em 6em -2.6em rgba(74, 52, 30, .34);
  --b-sel: rgba(47, 107, 224, .12);
  --b-grain: .05;
  --b-chip: rgba(255, 255, 255, .85);
  --b-chip-text: var(--muted);
  --av-ring: #FBF8F2;
}
:root[data-cards="b"]:not([data-theme="light"]) :is(.win, .ops, .part__ui, .hrec__win) { --muted: #B8B3AB; }
:root[data-cards="b"] .win,
:root[data-cards="b"] .hrec__win,
:root[data-cards="b"] .part__ui {
  background: var(--b-sheen), var(--b-glass);
  -webkit-backdrop-filter: var(--b-blur);
  backdrop-filter: var(--b-blur);
  border: 1px solid var(--b-edge);
  border-radius: 1.4em;
  box-shadow: var(--b-out), inset 0 1px 0 var(--b-edge-2), inset 0 0 0 1px rgba(255, 255, 255, .02);
}
:root[data-cards="b"] .part__ui { border-radius: 14px; }
:root[data-cards="b"] .hrec__win { border-radius: 1.25em; }
:root[data-cards="b"] .win::before,
:root[data-cards="b"] .part__ui::before,
:root[data-cards="b"] .hrec__win::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: url("../img/grain.png") 0 0 / 160px 160px;
  opacity: var(--b-grain);
  pointer-events: none;
}
:root[data-cards="b"] .part__ui,
:root[data-cards="b"] .hrec__win { isolation: isolate; }
:root[data-cards="b"] .hrec__back { background: var(--b-glass); border-color: var(--b-edge); border-radius: 1.25em; opacity: .55; }
:root[data-cards="b"] .win__bar,
:root[data-cards="b"] .hrec__bar { background: var(--b-glass-bar); border-bottom: 1px solid var(--b-line); }
:root[data-cards="b"] .win__bar { height: 3.5em; gap: .75em; padding: 0 1.25em; }
:root[data-cards="b"] .win__dots { display: inline-flex; gap: .42em; margin-right: .3em; }
:root[data-cards="b"] .win__dots i { width: .62em; height: .62em; border-radius: 50%; background: var(--b-dot); }
:root[data-cards="b"] .win__app {
  --tile: #4C8DF6;
  --tile-2: #2E66DA;
  width: 2.2em;
  height: 2.2em;
  border-radius: .6em;
  background: linear-gradient(180deg, var(--tile), var(--tile-2));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1px rgba(0, 0, 0, .12), 0 .25em .6em -.2em rgba(0, 0, 0, .45);
}
:root[data-cards="b"] .win__bar .win__app .ico { width: 1.3em; height: 1.3em; color: #FFFFFF; stroke-width: 1.8; }
:root[data-cards="b"] .win--tracker .win__app { --tile: #36B47B; --tile-2: #1E8A59; }
:root[data-cards="b"] .win--chat .win__app { --tile: #9E80F2; --tile-2: #7253D8; }
:root[data-cards="b"] .win--drive .win__app { --tile: #F2B33F; --tile-2: #D58C12; }
:root[data-cards="b"] .win--audit .win__app { --tile: #F2664E; --tile-2: #CF3D29; }
:root[data-cards="b"] .win__name { font-size: 1.36em; font-weight: 650; font-stretch: 102%; }
:root[data-cards="b"] .win__meta { font-size: 1.2em; }
:root[data-cards="b"] .win--inbox .win__meta { padding: .06em .6em; border-radius: 99em; background: rgba(76, 141, 246, .2); color: var(--text); font-weight: 600; }
:root[data-cards="b"][data-theme="light"] .win--inbox .win__meta { background: rgba(47, 107, 224, .12); }
:root[data-cards="b"] .mail { padding: .45em .55em .5em 1.2em; border-radius: .7em; }
:root[data-cards="b"] .mail--active { background: var(--b-sel); box-shadow: inset 0 0 0 1px rgba(76, 141, 246, .28); }
:root[data-cards="b"] .mail__dot { display: block; position: absolute; left: .45em; top: .8em; width: .46em; height: .46em; border-radius: 50%; background: #5B9BFA; box-shadow: 0 0 .5em rgba(91, 155, 250, .7); }
:root[data-cards="b"][data-theme="light"] .mail__dot { background: #2F6BE0; box-shadow: none; }
:root[data-cards="b"] .mail--active .mail__subj { font-weight: 650; }
:root[data-cards="b"] .mail:not(.mail--active) .mail__subj { color: var(--text-2); font-weight: 400; }
:root[data-cards="b"] .mail__row span:last-child { font-variant-numeric: tabular-nums; }
:root[data-cards="b"] .win--tracker .win__body { padding: .55em .7em .75em; }
:root[data-cards="b"] .sheet { border-radius: .55em; overflow: hidden; background: var(--b-inner); box-shadow: inset 0 0 0 1px var(--b-line); }
:root[data-cards="b"] .sheet__row { gap: 0; padding: 0; border-bottom: 1px solid var(--b-line); }
:root[data-cards="b"] .sheet__row > span { padding: .36em .35em; border-right: 1px solid var(--b-line); }
:root[data-cards="b"] .sheet__row > span:last-child { border-right: 0; }
:root[data-cards="b"] .sheet__cols,
:root[data-cards="b"] .sheet__n { background: var(--b-inner-2); font-size: .86em; color: var(--muted); }
:root[data-cards="b"] .sheet__cols > span { padding-block: .2em; }
:root[data-cards="b"] .sheet__head { color: var(--text); font-weight: 650; }
:root[data-cards="b"] .sheet__new { background: rgb(255 122 26 / .07); }
:root[data-cards="b"] .cell-due { overflow: visible; box-shadow: inset 0 0 0 1.5px var(--ember), 0 0 .8em -.1em rgb(255 122 26 / calc(.5 * var(--glow-k))); }
:root[data-cards="b"] .cell-due::after { content: ""; position: absolute; right: 0; bottom: 0; width: .42em; height: .42em; background: var(--ember); }
:root[data-cards="b"] .msg { gap: .65em; padding: .3em 0; }
:root[data-cards="b"] .msg b { margin-bottom: .2em; font-size: .84em; }
:root[data-cards="b"] .msg p { display: inline-block; padding: .4em .78em .44em; border-radius: .25em 1em 1em 1em; background: var(--b-inner-2); color: var(--text); }
:root[data-cards="b"] .msg--dana p { background: linear-gradient(180deg, rgb(255 122 26 / .2), rgb(255 122 26 / .12)); box-shadow: inset 0 0 0 1px rgb(255 122 26 / .3); }
:root[data-cards="b"] .presence { background: var(--b-inner); border-radius: 99em; padding: .3em .8em; }
:root[data-cards="b"] .presence__dot { background: var(--st-away); box-shadow: 0 0 0 .2em rgb(227 169 60 / .2); }
:root[data-cards="b"] .files li { border-bottom-color: var(--b-line); }
:root[data-cards="b"] .win--audit { border-color: rgba(242, 102, 78, .55); }
:root[data-cards="b"] .ops__slab {
  border-radius: 1.6em;
  background: var(--b-sheen), linear-gradient(90deg, var(--b-inner) 0 25em, transparent 25em), var(--b-glass);
  -webkit-backdrop-filter: var(--b-blur);
  backdrop-filter: var(--b-blur);
  border: 1px solid var(--b-edge);
  box-shadow: var(--b-out), inset 0 1px 0 var(--b-edge-2), 0 0 7em -2em rgb(var(--key) / calc(.22 * var(--glow-k)));
}
:root[data-cards="b"] .ops__slab::before { background: linear-gradient(180deg, transparent calc(100% - 12.6em), var(--b-line) calc(100% - 12.6em), var(--b-line) calc(100% - 12.6em + 1px), transparent calc(100% - 12.6em + 1px)); }
:root[data-cards="b"] .ops__slab::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: url("../img/grain.png") 0 0 / 160px 160px;
  opacity: var(--b-grain);
  pointer-events: none;
}
:root[data-cards="b"] .ops__bar { gap: 1em; border-bottom-color: var(--b-line); }
:root[data-cards="b"] .ops__logo {
  width: 1.8em;
  height: 1.8em;
  border-radius: .5em;
  background: linear-gradient(180deg, #FF9442, #F2541B);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 .3em .7em -.2em rgb(242 84 27 / .6);
  color: #FFFFFF;
}
:root[data-cards="b"] .ops__logo .ico { width: 1.15em; height: 1.15em; stroke-width: 1.8; }
:root[data-cards="b"] .ops__app { font-size: 1.52em; font-weight: 700; font-stretch: 104%; }
:root[data-cards="b"] .pill { padding: .28em .8em .28em .62em; background: var(--b-inner-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--b-line); }
:root[data-cards="b"] .pill--run { background: rgb(255 122 26 / .14); color: var(--accent); box-shadow: inset 0 0 0 1px rgb(255 122 26 / .42); }
:root[data-cards="b"] .pill--done { background: rgba(63, 191, 127, .16); color: var(--text); box-shadow: inset 0 0 0 1px rgba(63, 191, 127, .45); }
:root[data-cards="b"] .pill--done .ico { color: var(--st-on); }
:root[data-cards="b"] .rail__cursor { border-radius: 1em; background: linear-gradient(90deg, rgb(255 122 26 / calc(.16 * var(--glow-k) + .04)), rgb(255 122 26 / .03)); }
:root[data-cards="b"] .station__name { font-size: 1.55em; font-weight: 650; }
:root[data-cards="b"] .chip { border-radius: .6em; border-color: var(--b-line); background: var(--b-chip); color: var(--b-chip-text); }
:root[data-cards="b"] .chip--gap { border: 1px dashed var(--ember); background: rgb(255 122 26 / .08); }
:root[data-cards="b"] .pane { border-radius: 1.1em; background: var(--b-inner); border-color: var(--b-line); box-shadow: inset 0 1px 0 var(--b-edge); }
:root[data-cards="b"] .frame__head { border-bottom-color: var(--b-line); }
:root[data-cards="b"] .frame__title { font-weight: 700; font-stretch: 106%; letter-spacing: -.015em; }
:root[data-cards="b"] .frame__sub, :root[data-cards="b"] .log__t { font-variant-numeric: tabular-nums; }
:root[data-cards="b"] .rec__row { border-bottom-color: var(--b-line); }
:root[data-cards="b"] .tag { padding: .12em .6em .12em .45em; border: 0; border-radius: 99em; background: var(--b-inner-2); color: var(--text-2); box-shadow: inset 0 0 0 1px var(--b-line); }
:root[data-cards="b"] [data-frame="record"] .rec__row:nth-child(2) .tag .ico { color: #6EA6FA; }
:root[data-cards="b"] [data-frame="record"] .rec__row:nth-child(4) .tag .ico { color: #B49BF5; }
:root[data-cards="b"] [data-frame="record"] .rec__row:nth-child(5) .tag .ico { color: #F2B33F; }
:root[data-cards="b"][data-theme="light"] [data-frame="record"] .rec__row:nth-child(2) .tag .ico { color: #2F6BE0; }
:root[data-cards="b"][data-theme="light"] [data-frame="record"] .rec__row:nth-child(4) .tag .ico { color: #6A4DC0; }
:root[data-cards="b"][data-theme="light"] [data-frame="record"] .rec__row:nth-child(5) .tag .ico { color: #B07210; }
:root[data-cards="b"] .tag--hot { background: var(--ember); color: var(--on-ember); box-shadow: 0 .2em .7em -.1em rgb(255 122 26 / calc(.6 * var(--glow-k))); }
:root[data-cards="b"] .src, :root[data-cards="b"] .who, :root[data-cards="b"] .handover, :root[data-cards="b"] .sent__file { background: var(--b-inner-2); border-color: var(--b-line); border-radius: .8em; }
:root[data-cards="b"] .handover { box-shadow: inset 0 0 0 1px var(--b-line); }
:root[data-cards="b"] .remind { background: rgb(255 122 26 / .07); border-radius: .8em; }
:root[data-cards="b"] .quote__line { border-bottom-color: var(--b-line); }
:root[data-cards="b"] .stamp { border-radius: .6em; background: rgb(255 122 26 / .12); }
:root[data-cards="b"] .hrec__bar { gap: .75em; }
:root[data-cards="b"] .hrec__bar .ops__logo { width: 1.7em; height: 1.7em; }
:root[data-cards="b"] .hrec__pill { padding: .22em .8em .22em .62em; background: rgba(63, 191, 127, .16); box-shadow: inset 0 0 0 1px rgba(63, 191, 127, .45); color: var(--text); }
:root[data-cards="b"] .hrec__pill .ico { color: var(--st-on); }
:root[data-cards="b"] .hrow { border-top-color: var(--b-line); }
:root[data-cards="b"] .hrow__route .ent--desk { background: linear-gradient(180deg, #FF9442, #F2541B); color: #FFFFFF; }
:root[data-cards="b"] .hrow__route .avatar { box-shadow: 0 0 0 .1em var(--b-edge-2); }
:root[data-cards="b"] .hrow:last-child .hrow__what { color: var(--text); }
:root[data-cards="b"] .part__ui { padding: 13px 15px; }
:root[data-cards="b"] .part.is-hit .part__ui { border-color: rgb(255 122 26 / .55); }
:root[data-cards="b"] .fx__title { font-weight: 650; }
:root[data-cards="b"] .fx__ico { --tile: #4C8DF6; --tile-2: #2E66DA; background: linear-gradient(180deg, var(--tile), var(--tile-2)); color: #FFFFFF; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 .2em .5em -.15em rgba(0, 0, 0, .45); }
:root[data-cards="b"] [data-part="intake"] .fx__ico, :root[data-cards="b"] .part-row:nth-child(2) .fx__ico { --tile: #3FB6B0; --tile-2: #21918B; }
:root[data-cards="b"] [data-part="estimate"] .fx__ico, :root[data-cards="b"] .part-row:nth-child(3) .fx__ico { --tile: #F2B33F; --tile-2: #D58C12; }
:root[data-cards="b"] [data-part="portal"] .fx__ico, :root[data-cards="b"] .part-row:nth-child(5) .fx__ico { --tile: #9E80F2; --tile-2: #7253D8; }
:root[data-cards="b"] [data-part="dash"] .fx__ico, :root[data-cards="b"] .part-row:nth-child(6) .fx__ico { --tile: #36B47B; --tile-2: #1E8A59; }
:root[data-cards="b"] .fx-field { border-bottom-color: var(--b-line); }
:root[data-cards="b"] .fx-field__v { padding: 1px 8px; border-radius: 7px; background: var(--b-inner-2); }
:root[data-cards="b"] .fx-send { border-radius: 9px; }
:root[data-cards="b"] .fx-checks .fx-tick { background: var(--st-on); border-color: var(--st-on); }
:root[data-cards="b"] .fx-checks .fx-tick::after { border-color: #FFFFFF; }
:root[data-cards="b"] .fx-checks li[data-pending] .fx-tick { background: transparent; border-color: var(--port-line); }
:root[data-cards="b"] .fx-route, :root[data-cards="b"] .fx-msg, :root[data-cards="b"] .fx-file { background: var(--b-inner-2); border-color: var(--b-line); border-radius: 9px; }
:root[data-cards="b"] .fx-line, :root[data-cards="b"] .fx-status { border-bottom-color: var(--b-line); }
:root[data-cards="b"] .fx-note .fx-swap { background: rgb(255 122 26 / .14); }
:root[data-cards="b"] .fx-col { background: var(--b-inner); border-radius: 10px; }
:root[data-cards="b"] [data-col="quoting"] .fx-dot { color: var(--st-away); }
:root[data-cards="b"] [data-col="sent"] .fx-dot { color: #6EA6FA; }
:root[data-cards="b"][data-theme="light"] [data-col="sent"] .fx-dot { color: #2F6BE0; }
:root[data-cards="b"] .fx-card { background: var(--b-inner-2); border-color: var(--b-line); border-radius: 9px; }
:root[data-cards="b"] .fx-spark { color: var(--st-on); }
:root[data-cards="b"] .fx-bar__track { background: var(--b-inner-2); }
:root[data-cards="b"] .fx-foot { border-top-color: var(--b-line); }
@media (prefers-reduced-transparency: reduce) {
  :root[data-cards="b"] { --b-glass: #1F2025; }
  :root[data-cards="b"][data-theme="light"] { --b-glass: #FCFAF6; }
  :root[data-cards="b"] .win,
  :root[data-cards="b"] .hrec__win,
  :root[data-cards="b"] .part__ui,
  :root[data-cards="b"] .ops__slab { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (max-width: 1023.98px) {
  :root[data-cards="b"] .pile .win,
  :root[data-cards="b"] .ops__slab { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (max-width: 639.98px) {
  :root[data-cards="b"] .ops .ops__slab { background: var(--b-sheen), var(--b-glass); }
}
@media (max-width: 639.98px) {
  .sheet { font-size: .9em; }
  .sheet__row { grid-template-columns: 1.5em minmax(0, 1.32fr) minmax(0, 1.34fr) 3.45em 5.3em; }
  .sheet__who { gap: .3em; }
  .sheet__who .avatar { width: 1.15em; height: 1.15em; }
  :root[data-cards] .sheet__cols,
  :root[data-cards] .sheet__n { font-size: .92em; }
  :root[data-cards] .win__bar { height: 2.9em; padding: 0 1em; gap: .55em; }
  :root[data-cards] .win__dots { display: none; }
  :root[data-cards] .win__app { width: 1.9em; height: 1.9em; border-radius: .5em; }
  :root[data-cards] .win__bar .win__app .ico { width: 1.15em; height: 1.15em; }
  :root[data-cards] .win__name { font-size: 1.3em; }
  :root[data-cards] .win__meta { font-size: 1.15em; }
  :root[data-cards] .mail { padding: .35em .5em .4em 1.1em; }
  :root[data-cards] .mail__dot { left: .4em; top: .72em; }
  :root[data-cards] .msg { padding: .2em 0; }
  :root[data-cards] .msg b { margin-bottom: .15em; }
  :root[data-cards] .msg p { padding: .32em .65em .36em; }
  :root[data-cards] .presence { margin-top: .3em; }
  .msg .avatar { width: 1.9em; height: 1.9em; }
  .ops__logo { font-size: 1.2em; }
  :root[data-cards] .ops__logo { width: 1.7em; height: 1.7em; }
  :root[data-cards] .ops__app { font-size: 1.45em; }
  :root[data-cards] .pill { padding: .22em .65em .22em .5em; }
  :root[data-cards] .station__name { font-size: 1.22em; }
  .who .avatar { width: 2.2em; height: 2.2em; }
  .rec dd .avatar { width: 1.25em; height: 1.25em; }
  .fx-card { padding-right: 8px; }
  .fx-card__av { display: none; }
}
@media (forced-colors: active) {
  .avatar, .ent, .fi { forced-color-adjust: none; }
  .cell-due { outline: 2px solid CanvasText; }
}