.list-entries{display:grid;gap:10px}.ui-list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0;position:relative;z-index:5;margin-bottom:14px}.ui-list-toolbar__sort{min-width:0;flex:1;max-width:210px}.ui-list-toolbar__actions{display:flex;align-items:flex-end;gap:8px}.ui-list-toolbar__actions .icon-button{flex:0 0 48px}.ui-list-toolbar .field{margin:0}
.list-entry{position:relative;isolation:isolate;width:100%;min-width:0;min-height:78px;overflow:hidden;border:0;border-radius:0;background:var(--white);color:var(--text);text-align:left;appearance:none;-webkit-appearance:none;padding:0;font:inherit;cursor:pointer;transform:translateY(-1px);box-shadow:-9px 8px 14px -11px rgba(0,0,0,.34),9px 8px 14px -11px rgba(0,0,0,.34),0 1px 2px rgba(0,0,0,.08);transition:transform .16s ease,box-shadow .16s ease}.list-entry__background{position:absolute;z-index:-2;inset:0;background:var(--white);background-image:var(--list-entry-image);background-size:cover;background-position:center}.list-entry__background>span{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;font-weight:800;color:rgba(255,255,255,.76)}.list-entry__content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:78px;padding:13px 14px;background:var(--white)}.list-entry.has-image .list-entry__content{background:rgba(255,255,255,.88)}.list-entry__main{min-width:0;display:grid;align-content:center}.list-entry__main.has-swatch{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px}.list-entry__text{min-width:0;display:grid;grid-template-rows:minmax(0,auto) minmax(0,auto);align-content:center;gap:5px}.list-entry__swatch{width:18px;height:18px;border:1px solid var(--border);border-radius:50%;background:var(--list-entry-swatch);box-shadow:0 0 0 1px rgba(255,255,255,.45)}.list-entry__main strong{font-size:16px;line-height:1.2;overflow-wrap:anywhere}.list-entry__main small{min-height:1em;font-size:14px;line-height:1.25;color:var(--text-secondary);overflow-wrap:anywhere}.list-entry__right{min-width:0;max-width:150px;display:grid;align-content:center;justify-items:end;gap:4px;text-align:right;line-height:1.1}.list-entry__right:has(small){align-content:stretch}.list-entry__right strong,.list-entry__right small{overflow-wrap:anywhere;white-space:nowrap}.list-entry__right strong{font-size:14px;font-weight:760}.list-entry__right small{font-size:13px;color:var(--text-secondary)}.list-entry__action,.list-entry__delete{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:0;background:transparent;font-size:21px}.list-entry__action{color:var(--text)}.list-entry__delete{color:var(--danger)}.list-entry__selector{width:24px;height:24px;border:1px solid var(--text);display:grid;place-items:center;font-size:13px;font-weight:850;background:transparent;color:transparent}.list-entry.is-selectable.is-selected .list-entry__selector{background:var(--text);color:#fff}.list-entry.is-selectable.is-selected .list-entry__selector::after{content:'✓'}.list-entry:active{transform:translateY(0);box-shadow:-6px 5px 10px -10px rgba(0,0,0,.28),6px 5px 10px -10px rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.06)}.list-entry.is-selected:not(.is-selectable){outline:2px solid #111;outline-offset:-2px}.list-entry:not([type="button"]){cursor:default}.list-entry:not([type="button"]) .list-entry__content{cursor:default}
.list-entry--columns{min-height:78px;background:var(--white)}.list-entry--columns .list-entry__background{background:var(--white)}.list-entry--columns .list-entry__content{grid-template-columns:minmax(0,1fr) auto auto;min-height:78px;padding:12px 14px;background:var(--white)}.list-entry__columns{min-width:0;grid-column:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(78px,.9fr) minmax(82px,.9fr);gap:10px;align-items:start;width:100%}.list-entry__column{min-width:0;display:grid;grid-template-rows:repeat(3,minmax(16px,auto));gap:2px;font-size:12px;line-height:1.15}.list-entry__column--2,.list-entry__column--3{text-align:right}.list-entry__column-line{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-entry__column-line.is-strong{font-weight:750}.list-entry__column-line.is-muted{color:var(--text-secondary)}
.journal-list-record--active .list-entry__content{background:#EFFFBB}.journal-list-record--paid .list-entry__content{background:#DDE8D7}.journal-list-record--no-show .list-entry__content{background:#F1DADA}.journal-list-record--deleted .list-entry__content{background:#FDD2D2;color:#EB4C42}.journal-list-record--deleted .list-entry__main small,.journal-list-record--deleted .list-entry__right small{color:#EB4C42}@media (max-width:360px){.list-entry__content{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding-left:12px;padding-right:8px}.list-entry__right{max-width:115px}.list-entry__right strong{font-size:13px}.list-entry__right small{font-size:12px}.list-entry__action,.list-entry__delete{width:36px;height:40px;flex-basis:36px}.list-entry--columns .list-entry__content{padding-left:10px;padding-right:10px}.list-entry__columns{grid-template-columns:minmax(0,1.2fr) minmax(72px,.85fr) minmax(74px,.85fr);gap:6px}.list-entry__column{font-size:11px}}

.list-entry__toggle{width:48px;height:40px;border:0;padding:0;display:grid;place-items:center;background:transparent;color:inherit;cursor:pointer}.list-entry__toggle:disabled{opacity:.5;cursor:default}

.list-entries.is-reordering{user-select:none;-webkit-user-select:none}
.list-entry.is-reordering{z-index:4;transform:scale(.985);box-shadow:0 10px 24px rgba(0,0,0,.16);cursor:grabbing}

.journal-list-mode-navigation .segment-control{margin-top:-10px;margin-bottom:6px}.journal-list-viewport{height:calc(var(--visual-vh,100dvh) - 282px - var(--nav-height) - env(safe-area-inset-bottom));min-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.journal-list-viewport::-webkit-scrollbar{display:none}.journal-list-viewport>.list-entries{padding-bottom:18px}.journal-list-anchor{height:2px;margin:6px 0 10px;background:var(--text-muted);box-shadow:0 1px 0 rgba(255,255,255,.72)}

.list-entry__reorder-handle{width:36px;height:48px;display:grid;place-items:center;align-self:center;margin-left:-4px;margin-right:2px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;color:var(--text-secondary);font-size:18px;line-height:1;letter-spacing:-3px}
.list-entry__reorder-handle:active,.list-entry.is-reordering .list-entry__reorder-handle{cursor:grabbing}
.list-entry__content:has(.list-entry__reorder-handle){grid-template-columns:36px minmax(0,1fr) auto auto auto}
.list-entry--columns .list-entry__content:has(.list-entry__reorder-handle){grid-template-columns:36px minmax(0,1fr) auto auto}
.list-entry--columns .list-entry__columns{grid-column:auto}
