/* Laya Memory additions on top of styles.css */
:root { --accent: #6d3fd6; --accent-soft: #ece5fb; --sup: #6d28d9; --sup-soft: #ede5fb; --frozen: #0e7490; --frozen-soft: #dcf1f6; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --accent: #b39cff; --accent-soft: #2a2140; --sup: #b69cff; --sup-soft: #2a2140; --frozen: #5fc6dc; --frozen-soft: #10282e; } }
:root[data-theme="dark"] { --accent: #b39cff; --accent-soft: #2a2140; --sup: #b69cff; --sup-soft: #2a2140; --frozen: #5fc6dc; --frozen-soft: #10282e; }

h2 { font-size: 15px; margin: 0 0 8px; }
.side .card h2 + .hint { margin-top: -2px; }
.hint { font-size: 12.5px; color: var(--ink2); margin: 4px 0 8px; }
.muted { color: var(--ink3); }
.check { display: flex; gap: 6px; align-items: center; font-size: 13px; margin: 4px 0; color: var(--ink2); }
.side .card > button, .btnrow { margin-top: 6px; }
.btnrow { display: flex; flex-wrap: wrap; gap: 6px; }
body.busy button:not(.mini) { cursor: progress; }

/* status and verdict chips */
.st, .vd { display: inline-block; font-size: 11.5px; font-weight: 600; border-radius: 999px; padding: 1px 8px; white-space: nowrap; border: 1px solid transparent; }
.st-active, .vd-confirmed { background: var(--auto-soft); color: var(--auto); }
.st-needs_review, .vd-needs_review { background: var(--human-soft); color: var(--human); }
.st-superseded, .vd-superseded { background: var(--sup-soft); color: var(--sup); }
.st-contradicted, .vd-contradicted { background: var(--block-soft); color: var(--block); }
.st-frozen { background: var(--frozen-soft); color: var(--frozen); }
.st-expired, .st-deleted, .vd-unrelated, .vd-remembered, .vd-expired, .vd-forget { background: var(--soft); color: var(--ink2); }
.vd-hypothetical, .vd-directive { background: var(--task-soft); color: var(--task); border-color: var(--line); }
.vd-keep, .vd-restore, .vd-unfreeze, .vd-freeze, .vd-stale { background: var(--accent-soft); color: var(--accent); }

/* report */
.evhead { border-left: 3px solid var(--accent); padding: 2px 0 2px 10px; margin-bottom: 10px; }
.evtext { font-size: 15px; font-weight: 600; }
.evmeta { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.step { margin: 8px 0 12px; }
.step h3 { font-size: 13px; margin: 0 0 6px; color: var(--ink2); font-weight: 600; }
.step h3 .meta { font-weight: 400; color: var(--ink3); margin-left: 6px; }
.step > .bars { max-width: 460px; }
.outcomebox { border-radius: 10px; padding: 10px 12px; margin: 8px 0; font-size: 13.5px; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; background: var(--soft); }
.vd-bg-superseded { background: var(--sup-soft); }
.check-row { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); align-items: start; }
.ch-text { font-weight: 600; }
.ch-meta { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.ch-reason { font-size: 12.5px; color: var(--ink2); margin-top: 4px; }
.ch-move { font-size: 12.5px; margin-top: 4px; }
.votes .bar { grid-template-columns: minmax(0, 150px) 1fr 38px; }
.votes .bar.total { margin-top: 3px; }
.votes .bar.total .tr { position: relative; height: 9px; overflow: visible; }
.votes .bar.total .f { background: var(--accent); }
.votes .tick { position: absolute; top: -3px; bottom: -3px; width: 2px; background: var(--ink); opacity: 0.55; z-index: 1; }
.votemeta { font-size: 11.5px; color: var(--ink3); margin-top: 3px; }
@media (max-width: 1100px) { .check-row { grid-template-columns: minmax(0, 1fr); gap: 6px; } }

/* memory list */
.tabcard { padding: 0; }
.tabs .count { font-size: 11px; color: var(--ink3); margin-left: 3px; }
.tabs .count.hot { color: var(--human); font-weight: 700; }
.memlist { list-style: none; margin: 0; padding: 0; }
.mem { padding: 9px 4px; border-bottom: 1px solid var(--line); display: grid; gap: 4px; }
.mem:last-child { border-bottom: 0; }
.mtop { display: flex; gap: 8px; align-items: baseline; }
.mtext { font-weight: 550; }
.mem-superseded .mtext, .mem-contradicted .mtext, .mem-expired .mtext, .mem-deleted .mtext { text-decoration: line-through; text-decoration-thickness: 1.5px; color: var(--ink2); font-weight: 400; }
.mmeta { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; font-size: 12px; color: var(--ink2); }
.mmeta .link { color: var(--sup); }
.belief { display: inline-flex; align-items: center; font-variant-numeric: tabular-nums; }
.macts { display: flex; gap: 4px; flex-wrap: wrap; }
button.mini { font-size: 11.5px; padding: 1px 8px; border-radius: 6px; background: transparent; }
.recall { margin: 8px 0 0; padding-left: 20px; font-size: 13px; }
.recall li { margin: 4px 0; }
.evtable tr.raw td { color: var(--ink2); font-size: 12px; }
.evtable code { font-size: 11px; background: none; padding: 0; word-break: break-all; }
td.why { font-size: 12px; color: var(--ink2); min-width: 220px; }

/* user-actions app */
.appgrid { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 12px; max-width: 1440px; margin: 0 auto; padding: 0 16px; align-items: start; }
@media (max-width: 900px) { .appgrid { grid-template-columns: minmax(0, 1fr); } }
.phone { border: 1px solid var(--line); border-radius: 18px; background: var(--card); overflow: hidden; }
.phone .bar0 { background: var(--accent); color: var(--accent-ink); padding: 10px 14px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.phone .sect { padding: 12px 14px; border-bottom: 1px solid var(--line); }
.phone .sect:last-child { border-bottom: 0; }
.phone h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink3); margin: 0 0 8px; }
.setting { display: grid; grid-template-columns: 90px 1fr; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13.5px; }
.setting .seg label { padding: 4px 2px; font-size: 12px; }
.chat { display: flex; gap: 6px; }
.chat input { flex: 1; min-width: 0; }
.feed { list-style: none; margin: 0; padding: 0; max-height: 360px; overflow: auto; }
.feed li { padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 13px; display: grid; gap: 3px; }
.feed li:last-child { border-bottom: 0; }
.feed .what { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.feed .eff { font-size: 12px; color: var(--ink2); padding-left: 10px; border-left: 2px solid var(--line); }
.answer { font-size: 13.5px; background: var(--soft); border-radius: 10px; padding: 8px 10px; margin-top: 8px; }

/* evaluation */
.cm td.r, .cm th.r { text-align: right; }
.cm td.hit { background: var(--auto-soft); font-weight: 700; }
.cm td.bad { background: var(--block-soft); font-weight: 700; color: var(--block); }
.sliders { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px 16px; }
.sliders label { display: flex; justify-content: space-between; }
.sliders output { font-variant-numeric: tabular-nums; color: var(--ink); font-weight: 600; }
tr.wrong td { background: color-mix(in srgb, var(--block-soft) 55%, transparent); }
tr.lenient td { background: color-mix(in srgb, var(--human-soft) 55%, transparent); }