@media (max-width: 768px){.row-list>li.list-row:not(.selectable):not(:first-child){border-top-color:var(--color-border)}li.list-row .row-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"lead body meta mark";align-items:center;gap:0;min-height:52px}li.list-row:not(.selectable)>.row-main{padding:12px 0}li.list-row.has-leading>.row-main{min-height:64px}li.list-row.selectable>.row-main{min-height:44px}li.list-row a.row-main:active,li.list-row button.row-main:active{background:var(--color-surface-2)}li.list-row:not(.selectable)>.row-main{position:relative;isolation:isolate}li.list-row:not(.selectable)>a.row-main:active,li.list-row:not(.selectable)>button.row-main:active{background:none}li.list-row:not(.selectable)>a.row-main:active:before,li.list-row:not(.selectable)>button.row-main:active:before{content:"";position:absolute;top:0;right:-8px;bottom:0;left:-8px;z-index:-1;border-radius:var(--radius-control);background:var(--color-surface-2)}li.list-row:not(.selectable).active{background:none}li.list-row:not(.selectable).active .row-title{color:var(--color-text)}li.list-row .row-leading{position:relative;grid-area:lead;margin-right:12px}li.list-row .row-leading>.row-thumb:not(.thumb){display:block;width:44px;height:44px;border-radius:var(--radius-control);background:var(--color-surface-2);object-fit:cover}li.list-row .row-body{grid-area:body}li.list-row .row-head{display:flex;align-items:baseline;gap:8px;min-width:0}li.list-row .row-title,li.list-row .row-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.list-row .row-title{flex:1;min-width:0;overflow-wrap:normal;line-height:1.3}li.list-row.heading-title .row-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:400;line-height:1.25}li.list-row .row-sub{font-size:var(--text-sm);line-height:1.35}li.list-row .row-meta{grid-area:meta;margin:0 0 0 12px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400}li.list-row .row-head>.row-meta{margin-left:0;text-align:right}li.list-row .row-main>.row-mark{grid-area:mark;margin-left:8px;color:var(--color-text-muted)}li.list-row .row-main>.row-mark.check{color:var(--color-cyan)}li.list-row .row-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-text-muted)}li.list-row .row-leading>.row-dot{position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px var(--color-surface-0)}li.list-row .row-head>.row-dot{align-self:center}li.list-row .row-lead-dot{grid-area:lead;display:inline-flex;margin-right:8px}li.list-row .dot-error{background:var(--color-error)}li.list-row .dot-warning{background:var(--color-warning)}li.list-row .dot-success{background:var(--color-success)}li.list-row .dot-muted{background:var(--color-text-muted)}li.list-row .dot-live{background:var(--color-cyan);animation:row-dot-breathe 1.8s ease-in-out infinite}li.list-row .row-trailing{gap:8px;padding-right:0}li.list-row:not(.selectable)>.row-trailing{margin-left:12px}li.list-row.tone-success .row-title{color:var(--color-success-ink)}li.list-row.tone-warning .row-title{color:var(--color-warning-ink)}li.list-row.tone-error .row-title{color:var(--color-error-ink)}}@keyframes row-dot-breathe{50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion: reduce){li.list-row .dot-live{animation:none}}.list-row.svelte-1cvzx5v{display:flex;align-items:center;min-width:0;margin-left:calc(var(--depth, 0) * 14px)}.list-row.svelte-1cvzx5v:not(.selectable):not(:first-child){border-top:1px solid var(--color-surface-3)}.row-main.svelte-1cvzx5v{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:10px 16px;border:0;border-radius:inherit;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none}button.row-main.svelte-1cvzx5v{cursor:pointer}@media (hover: hover){.interactive.svelte-1cvzx5v:hover{background:var(--color-surface-2)}.interactive.selected.svelte-1cvzx5v:hover,.interactive.active.svelte-1cvzx5v:hover{background:var(--color-cyan-soft-hover)}}a.row-main.svelte-1cvzx5v:focus-visible,button.row-main.svelte-1cvzx5v:focus-visible{outline:2px solid var(--color-cyan);outline-offset:-2px}.row-leading.svelte-1cvzx5v{display:inline-flex;align-items:center;flex-shrink:0}.row-body.svelte-1cvzx5v{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.row-title.svelte-1cvzx5v{font-size:var(--text-md);font-weight:500;overflow-wrap:anywhere}.row-sub.svelte-1cvzx5v{font-size:var(--text-base);color:var(--color-text-muted)}.row-meta.svelte-1cvzx5v{margin-left:auto;flex-shrink:0;font-size:var(--text-base);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.row-trailing.svelte-1cvzx5v{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding-right:16px}.selected.svelte-1cvzx5v,.active.svelte-1cvzx5v{background:var(--color-cyan-soft)}.active.svelte-1cvzx5v .row-title:where(.svelte-1cvzx5v){color:var(--color-cyan);font-weight:600}.selectable.svelte-1cvzx5v{border:1px solid transparent;border-radius:var(--radius-control)}.selectable.active.svelte-1cvzx5v{border-color:var(--color-cyan-line)}.selectable.svelte-1cvzx5v>.row-main:where(.svelte-1cvzx5v){padding:6px 10px}.selectable.svelte-1cvzx5v>.row-trailing:where(.svelte-1cvzx5v){padding-right:6px}.tone-neutral.svelte-1cvzx5v .row-title:where(.svelte-1cvzx5v){color:var(--color-text-muted)}.tone-accent.svelte-1cvzx5v .row-title:where(.svelte-1cvzx5v){color:var(--color-cyan)}.tone-success.svelte-1cvzx5v .row-title:where(.svelte-1cvzx5v){color:var(--color-success)}.tone-warning.svelte-1cvzx5v .row-title:where(.svelte-1cvzx5v){color:var(--color-warning)}.tone-error.svelte-1cvzx5v .row-title:where(.svelte-1cvzx5v){color:var(--color-error)}
