/* Akti — the calls app (acts.js). The desk shape of every records app (toolbar + strip on top, the list lane and the
   open item beside it, the shared rail to the right); the shared pieces are packages/ui/desk.css. Narrow widths follow
   the app's own column (a container), not the viewport. */
.page--data:has(.ak) { padding: 14px 18px 40px; }
.ak { container: ak dk / inline-size; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
/* .ak-top is the shared .dk-top (packages/ui/desk.css): sticky above the phone, a plain block on it */
.ak-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.ak-title { display: flex; align-items: baseline; gap: 10px; min-width: 0; margin-right: 4px; }
.ak-title h2 { margin: 0; font: 700 22px/1.1 var(--bc-display); letter-spacing: -.01em; }
.ak-title > span { font-size: 14px; color: var(--bc-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-up { display: inline-flex; align-items: center; gap: 4px; align-self: center; padding: 6px 10px 6px 6px; border: 0; border-radius: 10px; background: rgba(31, 16, 38, .05); font: 600 13px/1 var(--bc-text); color: var(--bc-ink-2); cursor: pointer; }
.ak-up .bc-icon { width: 15px; height: 15px; }
.ak-search { flex: 1 1 160px; max-width: 240px; }
.ak-new { position: relative; margin-left: auto; }
.ak-new-b { white-space: nowrap; }
.ak-new-m { left: auto; right: 0; min-width: 260px; }
.ak-new-m .bc-icon, .ak-more-m .bc-icon { width: 16px; height: 16px; color: var(--bc-plum); }
.ak-more { position: relative; display: inline-block; }
.ak-more-m { left: auto; right: 0; min-width: 240px; }
.ak-lead { display: flex; gap: 8px; align-items: flex-start; margin: -2px 0 0; font-size: 13px; line-height: 1.45; color: var(--bc-ink-2); }
.ak-lead .bc-icon { width: 15px; height: 15px; flex: none; margin-top: 2px; color: var(--bc-plum); }
.ak-rules { margin: -4px 0 0; padding-left: 22px; font-size: 12.5px; line-height: 1.5; color: var(--bc-ink-3); }

/* the desk: list lane · open item */
.ak-desk { display: grid; grid-template-columns: minmax(320px, 400px) minmax(0, 1fr); gap: 16px; align-items: start; }
.ak--table .ak-desk { grid-template-columns: minmax(0, 1fr); }
.ak-lane { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-content: start; }
.ak-lane--list { overflow-x: clip; overflow-clip-margin: 6px; }
.ak-lane--det { container: akdet / inline-size; position: sticky; top: calc(var(--ak-top, 0px) + 4px); max-height: calc(100vh - var(--ak-top, 0px) - 40px); overflow-y: auto; border-radius: 22px; scrollbar-width: thin; }
.ak-lh { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.ak-count { font-size: 12.5px; color: var(--bc-ink-3); margin-left: auto; white-space: nowrap; }
.ak-rows { display: grid; gap: 3px; transition: opacity .15s; }
.ak-rows.is-busy, .ak-table.is-busy, .ak-strip.is-stale { opacity: .55; }
.ak-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 10px; width: 100%; min-height: 54px; padding: 8px 12px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, .82); text-align: left; font: inherit; color: inherit; cursor: pointer; }
.ak-row:hover { background: #fff; }
.ak-row.on { background: var(--bc-plum-tint); box-shadow: inset 0 0 0 1.5px #D8CBEA; }
.ak-row:focus-visible, .ak-tt:focus-visible, .ak-site:focus-visible, .ak-bc:focus-visible, .ak-capc:focus-visible { outline: 2px solid var(--bc-focus); outline-offset: 2px; }
.ak-row-b { min-width: 0; display: grid; gap: 3px; }
.ak-row-b b { font-size: 14.5px; font-weight: 600; line-height: 1.25; }
.ak-row-b b small { font-size: 12.5px; font-weight: 400; color: var(--bc-ink-3); margin-left: 4px; }
.ak-row-b > small { font-size: 12.5px; line-height: 1.35; color: var(--bc-ink-2); }
.ak-row .dk-src { margin-top: 2px; }
.ak-row-r { display: grid; justify-items: end; gap: 4px; }
.ak-row-r > b { font: 700 15px/1.1 var(--bc-display); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ak-row-r > b.ak-nog { color: var(--bc-ink-3); font-weight: 500; }
.ak-row-r > b.ak-sumup { color: var(--bc-ink-3); }
.ak-pills { display: inline-flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.ak-why { font-style: normal; color: #9A4B22; }
.ak-q { color: #9A4B22 !important; }
.ak .da-day { margin: 12px 4px 4px; }
.ak-gp { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.ak-gp > span, .ak-gp .ak-plink { color: var(--bc-ink); font-weight: 700; }
.ak-gp small { font-weight: 500; white-space: nowrap; }
.ak-plink { padding: 0; border: 0; background: none; font: inherit; font-weight: 600; color: var(--bc-plum); cursor: pointer; text-align: left; text-decoration: underline; text-decoration-color: rgba(74, 29, 87, .25); text-underline-offset: 3px; }
.ak-older { justify-self: center; margin-top: 6px; }
.ak-empty { display: grid; justify-items: center; gap: 8px; padding: 36px 16px; text-align: center; color: var(--bc-ink-3); }
.ak-empty p { margin: 0; }
.ak-empty-art { width: 72px; height: 72px; border-radius: 20px; opacity: .9; }

/* the inbox: what needs a person, at the top of the list */
.ak-inbox { display: grid; gap: 6px; padding: 12px; border-radius: 20px; background: #FBE7DC; }
.ak-inbox header { display: flex; justify-content: space-between; align-items: baseline; padding: 0 4px; }
.ak-inbox h3 { margin: 0; font: 700 14px/1 var(--bc-display); color: #9A4B22; }
.ak-inbox header span { font-size: 12.5px; font-weight: 600; color: #9A4B22; }
.ak-inbox > .dk-link { justify-self: start; color: #9A4B22; }
.ak-came { margin: -2px 4px 2px; font-size: 12px; line-height: 1.4; color: #9A4B22; overflow-wrap: anywhere; }
.ak-cap { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; padding: 8px 10px; border-radius: 12px; background: rgba(255, 255, 255, .78); }
.ak-cap-b { min-width: 0; display: grid; gap: 2px; }
.ak-cap-b b { font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.ak-cap-b b .dk-src { width: 18px; height: 18px; font-size: 10px; border-radius: 6px; vertical-align: -3px; margin-right: 2px; }
.ak-cap-b small { font-size: 12.5px; line-height: 1.35; color: var(--bc-ink-2); }
.ak-cap .ak-cap-go { align-self: center; }
.ak-capc .ak-cap-b b, .ak-capc .ak-cap-b small { overflow: hidden; text-overflow: ellipsis; }
.ak-cap-go { min-height: 32px; padding: 7px 12px; border: 0; border-radius: 10px; background: #FBE7DC; font: 600 12.5px/1 var(--bc-text); color: #9A4B22; cursor: pointer; }
.ak-cap--held { background: rgba(255, 255, 255, .55); outline: 1px dashed rgba(154, 75, 34, .35); outline-offset: -1px; }
.ak-thumb { display: grid; place-items: center; width: 34px; height: 40px; border-radius: 6px; overflow: hidden; background: #DEDAE4; color: var(--bc-ink-3); }
.ak-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ak-thumb .bc-icon { width: 16px; height: 16px; }
.ak-caps { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.ak-capc { display: grid; gap: 8px; align-content: start; padding: 8px; border: 0; border-radius: 16px; background: var(--bc-canvas); text-align: left; font: inherit; color: inherit; cursor: pointer; }
.ak-capc:hover { box-shadow: 0 0 0 1.5px #E8B79A; }
.ak-capc .ak-thumb { width: 100%; height: 150px; border-radius: 12px; }
.ak-capc .ak-cap-b small { white-space: normal; }
.ak-arr { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 13px; }
.ak-arr li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 8px; }
.ak-arr time { color: var(--bc-ink-3); font-variant-numeric: tabular-nums; }
.ak-arr b { font-weight: 600; overflow-wrap: anywhere; }
.ak-arr small { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 4px; font-size: 12px; color: var(--bc-ink-2); }
.ak-arr small i { width: 7px; height: 7px; border-radius: 50%; }
.ak-qs { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.ak-qs button { display: grid; gap: 2px; width: 100%; padding: 8px 10px; border: 0; border-radius: 12px; background: var(--bc-canvas); text-align: left; font: inherit; font-size: 13.5px; color: inherit; cursor: pointer; }
.ak-qs button:hover { background: var(--bc-plum-tint); }
.ak-qs small { font-size: 12px; color: var(--bc-ink-3); }

/* the table */
.ak-table { display: grid; gap: 2px; font-size: 13px; overflow-x: auto; padding-bottom: 4px; transition: opacity .15s; }
.ak-table:not(.ak-table--narrow) .ak-tt { min-width: 1040px; }
.ak-tt { display: grid; grid-template-columns: 26px 54px 40px minmax(120px, 1.2fr) minmax(110px, 1fr) minmax(140px, 1.4fr) 42px repeat(3, minmax(74px, .6fr)) minmax(118px, .8fr); gap: 8px; align-items: center; width: 100%; min-height: 40px; padding: 6px 10px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .82); text-align: left; font: inherit; color: inherit; cursor: pointer; }
.ak-table--narrow .ak-tt { grid-template-columns: 52px minmax(0, 1.4fr) auto auto; }
.ak-tt:hover { background: #fff; }
.ak-tt.on { background: var(--bc-plum-tint); box-shadow: inset 0 0 0 1.5px #D8CBEA; }
.ak-tt > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-tt .c-net, .ak-tt .c-tx, .ak-tt .c-g, .ak-tt .c-min { text-align: right; font-variant-numeric: tabular-nums; }
.ak-tt .c-g { font-weight: 700; }
.ak-tt--h { min-height: 30px; background: none; cursor: default; font-size: 11.5px; font-weight: 600; color: var(--bc-ink-3); }
.ak-tt--h:hover { background: none; }
.ak-tt--g { display: block; min-height: 0; padding: 12px 10px 2px; background: none; cursor: default; font-weight: 700; color: var(--bc-ink); }
.ak-tt--g small { font-weight: 400; color: var(--bc-ink-3); margin-left: 6px; }
.ak-tt--g:hover { background: none; }
.ak-tt--sub { background: rgba(31, 16, 38, .035); cursor: default; font-weight: 600; color: var(--bc-ink-2); }
.ak-tt--sub:hover { background: rgba(31, 16, 38, .035); }
.ak-tt--sub .c-site { grid-column: 1 / 7; }

/* the open item */
.ak-det { display: grid; gap: 12px; padding: 16px 18px 20px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px rgba(31, 16, 38, .06), 0 24px 50px -34px rgba(74, 29, 87, .45); }
.ak-det--empty { justify-items: center; align-content: center; min-height: 360px; text-align: center; color: var(--bc-ink-3); background: rgba(255, 255, 255, .6); box-shadow: 0 0 0 1px rgba(31, 16, 38, .05); }
.ak-det--empty p { margin: 0; max-width: 32ch; }
.ak-dh { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: start; }
.ak-dh.sk, .ak-card.sk, .ak-tile.sk { min-height: 56px; border-radius: 14px; background: linear-gradient(90deg, #F1EEF4, #FBFAFC, #F1EEF4); background-size: 200% 100%; animation: dk-sk 1.2s linear infinite; box-shadow: none; }
.ak-card.sk { min-height: 110px; }
.ak-dh .ak-back { grid-column: 1 / -1; }
.ak-dh-t { display: flex; align-items: center; gap: 8px 10px; flex-wrap: wrap; }
.ak-dh-t h3, .ak-dh h3 { margin: 0; font: 700 20px/1.15 var(--bc-display); }
.ak-dh p { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--bc-ink-2); }
.ak-dh-m { grid-column: 1; }
.ak-dh-m .dk-src { width: 18px; height: 18px; font-size: 10px; border-radius: 6px; vertical-align: -4px; }
.ak-dh-a { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.ak-back { display: inline-flex; align-items: center; gap: 6px; justify-self: start; padding: 6px 10px 6px 6px; border: 0; border-radius: 10px; background: rgba(31, 16, 38, .05); font: 600 13px/1 var(--bc-text); color: var(--bc-ink-2); cursor: pointer; }
.ak-back .bc-icon { width: 15px; height: 15px; }
.ak-dv { justify-self: start; }
.ak-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.ak-body--both { grid-template-columns: minmax(240px, 45%) minmax(280px, 1fr); }
.ak-origw { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; min-width: 0; position: sticky; top: 0; }
.ak-origw .dk-orig--own, .ak-origw .dk-own, .ak-paper { min-width: 0; max-width: 100%; }
.ak-paper-h, .ak-paper--lines li em, .ak-paper--lines li span { overflow-wrap: anywhere; }
.ak-body--both:has(.ak-paper--lines) { grid-template-columns: minmax(300px, 55%) minmax(240px, 1fr); }
.ak-body--orig .dk-page:not(.dk-page--pic):not(.dk-page--none) { aspect-ratio: auto; height: calc(100vh - 300px); min-height: 480px; }
.ak-orig-note { display: flex; gap: 8px; align-items: flex-start; margin: 8px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--bc-ink-2); }
.ak-orig-note .bc-icon { width: 15px; height: 15px; flex: none; margin-top: 2px; color: var(--bc-ink-3); }
.ak-orig-note .dk-link { padding: 0 2px; }
.ak-orig-f { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 12.5px; color: var(--bc-ink-2); }
.ak-orig-f .bc-icon { width: 15px; height: 15px; }
.ak-orig-f span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* the register's row drawn as the company's paper act — the records' own render */
.ak-paper { margin: 0; padding: 14px 16px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; font-size: 12.5px; }
.ak-paper-h { grid-column: 1 / -1; padding-bottom: 8px; border-bottom: 1.5px solid var(--bc-ink); font: 700 13px/1.2 var(--bc-display); text-transform: uppercase; letter-spacing: .04em; }
.ak-pf { display: grid; gap: 3px; min-width: 0; }
.ak-pf--w { grid-column: 1 / -1; }
.ak-pf dt { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--bc-ink-3); }
.ak-pf dd { margin: 0; min-height: 26px; padding: 5px 8px; border: 1px solid #D9D4E0; border-radius: 4px; font-family: "Instrument Sans", system-ui, sans-serif; line-height: 1.35; overflow-wrap: anywhere; }
.ak-pf dd i { color: var(--bc-ink-3); font-style: normal; }
.ak-paper--lines { display: block; }
.ak-paper--lines ol { margin: 10px 0 0; padding-left: 18px; display: grid; gap: 4px; }
.ak-paper--lines li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; }
.ak-paper--lines li em { grid-column: 1; font-style: normal; color: var(--bc-ink-3); }
.ak-paper--lines li b { grid-column: 2; grid-row: 1; font-variant-numeric: tabular-nums; }
.ak-paper-t { margin: 10px 0 0; padding-top: 8px; border-top: 1px solid var(--bc-line); text-align: right; }
.ak-cards { container: akcards / inline-size; display: grid; gap: 12px; min-width: 0; }
.ak-card { display: grid; gap: 10px; padding: 14px 16px; border-radius: 20px; background: #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 10px 24px -14px rgba(31, 16, 38, .28), 0 1px 2px rgba(31, 16, 38, .06), 0 0 0 1px rgba(31, 16, 38, .04); min-width: 0; }
.ak-card h4 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; font: 700 13px/1.2 var(--bc-display); color: var(--bc-ink-2); }
.ak-card h4 small { font-weight: 500; color: var(--bc-ink-3); }
.ak-h4-a { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.ak-card--q { background: #FFFBF2; box-shadow: inset 0 0 0 1px #EFE2C4; }
.ak-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; margin: 0; }
.ak-facts dt { font-size: 12px; color: var(--bc-ink-3); }
.ak-facts dd { margin: 3px 0 0; font-size: 14.5px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ak-facts dd small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--bc-ink-3); }
.ak-f-wide { grid-column: span 2; }
.ak-tot dd { font: 700 22px/1.1 var(--bc-display); white-space: nowrap; }
.ak-facts--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@container ak (max-width: 700px) { .ak-facts--4 { grid-template-columns: 1fr 1fr; } }
.ak-facts--sum { margin-top: 4px; padding-top: 10px; border-top: 1px solid var(--bc-line); }
.ak-work { display: grid; gap: 10px; margin: 0; }
.ak-work dt { font-size: 12px; color: var(--bc-ink-3); }
.ak-work dd { margin: 2px 0 0; font-size: 14px; line-height: 1.45; }
.ak-sigs, .ak-unsure, .ak-miss { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--bc-ink-2); }
.ak-sigs small { color: var(--bc-ink-3); }
.ak-unsure { padding: 8px 10px; border-radius: 10px; background: #F4EDDD; color: #6B4F12; }
.ak-note { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--bc-ink-3); }
.ak-verdict { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 14px; font-weight: 600; }
.ak-verdict .bc-icon { width: 16px; height: 16px; }
.ak-verdict.ok { color: var(--bc-sage); }
.ak-verdict.no { color: #9A4B22; }
.ak-verdict.q { color: #7A5A16; font-weight: 500; }
.ak-proof { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ak-proof li { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 8px; align-items: baseline; padding: 8px 10px; border-radius: 12px; background: var(--bc-canvas); font-size: 13px; }
.ak-proof small { color: var(--bc-ink-3); }
.ak-proof em, .ak-rate em { display: block; margin-top: 2px; font-style: normal; font-size: 12px; color: var(--bc-ink-3); }
.ak-proof span b, .ak-rate b { font-weight: 600; }
.ak-proof b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ak-rate { display: grid; gap: 2px; margin: 0; padding: 8px 10px; border-radius: 12px; background: var(--bc-canvas); font-size: 13px; }
.ak-rate small { color: var(--bc-ink-3); }
.ak-cand { display: grid; gap: 6px; padding: 10px 12px; border-radius: 12px; background: #F4EDDD; font-size: 13px; }
.ak-cand p { margin: 0; }
.ak-cand small { color: #7A5A16; }
.ak-cand ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.ak-cand li { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: baseline; }
.ak-cand li span { color: var(--bc-ink-3); }
.ak-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ak-send { background: var(--bc-plum) !important; color: #fff !important; }
.ak-ask { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: start; }
.ak-face { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px #fff, 0 6px 14px -8px rgba(74, 29, 87, .6); }
.ak-ask > div { display: grid; gap: 6px; min-width: 0; }
.ak-ask small { font-size: 12px; font-weight: 600; color: var(--bc-plum); }
.ak-ask p { margin: 0; font-size: 14px; line-height: 1.45; }
.ak-ask .ak-note { font-size: 12px; }
.ak-opts { display: flex; flex-wrap: wrap; gap: 6px; }
.ak-ansf { display: flex; flex-wrap: wrap; gap: 6px; }
.ak-ansf input { flex: 1 1 140px; min-width: 0; padding: 7px 10px; border: 1px solid var(--bc-line); border-radius: 10px; background: #fff; font: inherit; font-size: 13.5px; }
.ak-ledger { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-size: 13px; }
.ak-ledger li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: baseline; padding: 6px 0; border-bottom: 1px solid var(--bc-line); }
.ak-ledger li:last-child { border-bottom: 0; }
.ak-ledger li > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-ledger small { color: var(--bc-ink-3); white-space: nowrap; }
.ak-ledger b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ak-lt { display: grid; font-size: 13px; }
.ak-lt-h, .ak-lt-r { display: grid; grid-template-columns: 50px minmax(0, 1fr) 40px 84px; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--bc-line); }
.ak-lt-h { padding-top: 0; font-size: 11.5px; font-weight: 600; color: var(--bc-ink-3); }
.ak-lt-r:last-child { border-bottom: 0; }
.ak-lt-h span:nth-child(n+3), .ak-lt-r span:nth-child(n+3) { text-align: right; font-variant-numeric: tabular-nums; }
.ak-lt-r small { display: block; margin-top: 2px; font-size: 12px; color: var(--bc-ink-3); }
.ak-lt-r b { font-weight: 600; }

/* the billing sheet */
.ak-sheet .ak-card { gap: 8px; }
.ak-bcl { display: grid; gap: 6px; }
.ak-bc { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 10px 12px; border: 0; border-radius: 14px; background: var(--bc-canvas); text-align: left; font: inherit; font-size: 14px; color: inherit; cursor: pointer; }
.ak-wo { display: flex; flex-wrap: wrap; gap: 6px; }
.ak-wo button { display: inline-flex; align-items: baseline; gap: 6px; padding: 7px 11px; border: 0; border-radius: 999px; background: var(--bc-canvas); font: 500 13px/1.2 var(--bc-text); color: var(--bc-ink); cursor: pointer; }
.ak-wo button small { color: #7A5A16; font-size: 12px; }
.ak-wo button.on { background: var(--bc-plum-tint); box-shadow: inset 0 0 0 1.5px #D8CBEA; }
.ak-bc.on { background: var(--bc-plum-tint); box-shadow: inset 0 0 0 1.5px #D8CBEA; }
.ak-bc--wait b { color: var(--bc-ink-2); }
.ak-bc b { font-weight: 600; }
.ak-bc small { grid-column: 1; font-size: 12px; color: var(--bc-ink-3); }
.ak-bc em { grid-column: 2; grid-row: 1 / span 2; align-self: center; font: 700 15px/1 var(--bc-display); font-style: normal; font-variant-numeric: tabular-nums; }
.ak-bt { display: grid; font-size: 13px; }
.ak-bt-h, .ak-bt-r { display: grid; grid-template-columns: 50px minmax(0, 1fr) 40px minmax(90px, auto) 84px; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--bc-line); align-items: baseline; }
.ak-bt-h { padding-top: 0; font-size: 11.5px; font-weight: 600; color: var(--bc-ink-3); }
.ak-bt-h span:nth-child(n+3), .ak-bt-r span:nth-child(n+3) { text-align: right; font-variant-numeric: tabular-nums; }
.ak-bt-r small { display: block; margin-top: 2px; font-size: 12px; color: var(--bc-ink-3); }
.ak-bt-r span:last-child { font-weight: 600; }
.ak-wl { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; }
.ak-wl li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; }
.ak-wl small { grid-column: 1; font-size: 12px; color: #7A5A16; }
.ak-wl b { grid-column: 2; grid-row: 1; font-variant-numeric: tabular-nums; color: var(--bc-ink-2); }

/* the pages: places, a place, work time, prices, the year */
.ak--page { gap: 16px; }
.ak-sites { display: grid; gap: 3px; }
.ak-site { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; width: 100%; min-height: 54px; padding: 8px 12px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, .82); text-align: left; font: inherit; color: inherit; cursor: pointer; }
.ak-site:hover { background: #fff; }
.ak-site { grid-template-areas: 'ic b n' 'ic b p'; }
.ak-site > .ak-site-ic { grid-area: ic; } .ak-site > .ak-row-b { grid-area: b; } .ak-site > .ak-row-r { grid-area: n; } .ak-site > .ak-site-p { grid-area: p; justify-self: end; }
.ak-site-ic { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--bc-plum-tint); color: var(--bc-plum); }
.ak-site-ic .bc-icon { width: 16px; height: 16px; }
.ak-phead { display: grid; gap: 8px; padding: 16px 18px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px rgba(31, 16, 38, .06); }
.ak-phead h2 { margin: 0; font: 700 26px/1.1 var(--bc-display); }
.ak-phead > p { margin: 0; font-size: 13.5px; color: var(--bc-ink-2); }
.ak-phead .ak-facts { margin-top: 6px; }
.ak-cols { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 14px; align-items: start; }
.ak-cols--even { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.ak-cols--ledger { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
.ak-cols--prices { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.ak-cols--asks > .ak-card--q { order: -1; }
.ak-side { display: grid; gap: 14px; }
.ak-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ak-tile { display: grid; gap: 4px; padding: 14px 16px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px rgba(31, 16, 38, .05); min-width: 0; }
.ak-tile small { font-size: 12px; color: var(--bc-ink-3); }
.ak-tile b { font: 700 clamp(20px, 2.2vw, 26px)/1.1 var(--bc-display); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ak-tile span { font-size: 12px; color: var(--bc-ink-2); }
.ak-wg { display: grid; gap: 4px; }
.ak-wgr { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; min-height: 40px; padding: 6px 10px; border: 0; border-radius: 10px; background: var(--bc-canvas); text-align: left; font: inherit; font-size: 13.5px; color: inherit; cursor: pointer; overflow: hidden; }
.ak-wgr i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); background: rgba(123, 92, 214, .12); pointer-events: none; }
.ak-wgr > * { position: relative; }
.ak-wgr span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-wgr small { color: var(--bc-ink-3); font-size: 12px; }
.ak-wgr b { font-variant-numeric: tabular-nums; }
.ak-wgr.on { box-shadow: inset 0 0 0 1.5px #D8CBEA; background: var(--bc-plum-tint); }
.ak-ent { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-size: 13px; max-height: 640px; overflow-y: auto; }
.ak-ent li { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto auto; gap: 8px; align-items: baseline; padding: 6px 0; border-bottom: 1px solid var(--bc-line); }
.ak-ent time { color: var(--bc-ink-3); font-variant-numeric: tabular-nums; }
.ak-ent small { display: block; font-size: 12px; color: var(--bc-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-ent em { font-style: normal; font-variant-numeric: tabular-nums; }
.ak-ent b { font-variant-numeric: tabular-nums; }
.ak-prs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ak-pr { display: grid; gap: 6px; padding: 10px 12px; border-radius: 14px; background: var(--bc-canvas); }
.ak-pr-n { font-weight: 600; font-size: 14px; }
.ak-pr-r { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 10px; font-size: 13px; }
.ak-pr-r small { color: var(--bc-ink-2); }
.ak-pr-r b { grid-row: 1 / span 2; grid-column: 2; align-self: center; font: 700 16px/1 var(--bc-display); font-variant-numeric: tabular-nums; }
.ak-pr-r em { font-style: normal; font-size: 12px; color: var(--bc-ink-3); }
.ak-prs--old .ak-pr { opacity: .75; }
.ak-asks { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ak-ask2 { display: grid; gap: 8px; padding: 12px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(31, 16, 38, .06); }
.ak-ask2-h { display: grid; gap: 2px; }
.ak-ask2-h b { font-size: 14.5px; }
.ak-ask2-h small { font-size: 12px; color: var(--bc-ink-3); }
.ak-hps { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0; font-size: 12.5px; }
.ak-hps small { color: var(--bc-ink-3); }
.ak-hp { padding: 2px 8px; border-radius: 999px; background: #F4EDDD; color: #6B4F12; font-variant-numeric: tabular-nums; }
.ak-pform { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; align-items: end; }
.ak-pform label { display: grid; gap: 3px; font-size: 11.5px; color: var(--bc-ink-3); }
.ak-pform input { min-width: 0; padding: 6px 8px; border: 1px solid var(--bc-line); border-radius: 8px; background: #fff; font: inherit; font-size: 13px; }
.ak-pform .dk-held { grid-column: 1 / -1; justify-self: start; }
.ak-ybars { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; height: 170px; }
.ak-ybars small, .ak-ybars em { overflow: hidden; text-overflow: clip; }
@container ak (max-width: 700px) { .ak-ybars { gap: 3px; } .ak-ybars em { font-size: 9.5px; } .ak-ybars--m small { font-size: 10px; } }
.ak-ybars > button, .ak-ybars > span { position: relative; display: grid; grid-template-rows: auto 1fr auto; gap: 4px; padding: 0; border: 0; background: none; font: inherit; cursor: pointer; min-width: 0; }
.ak-ybars > span { cursor: default; }
.ak-ybars > * > span { display: flex; flex-direction: column-reverse; align-self: end; border-radius: 6px 6px 3px 3px; overflow: hidden; min-height: 2px; }
.ak-ybars > * > span i { display: block; min-height: 1px; }
.ak-ybars--sm { height: 110px; }
.ak-ybars--sm > span > span { background: #CFC4E6; }
.ak-ybars--sm > span > span i { background: var(--bc-plum); }
.ak-ybars em { font-style: normal; font-size: 11px; font-weight: 600; color: var(--bc-ink-3); text-align: center; white-space: nowrap; }
.ak-ybars small { font-size: 11.5px; color: var(--bc-ink-3); text-align: center; }
.ak-ybars button.on small { color: var(--bc-ink); font-weight: 700; }
.ak-legend { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; font-size: 12px; color: var(--bc-ink-2); }
.ak-legend span { display: inline-flex; align-items: center; gap: 5px; }
.ak-legend i { width: 8px; height: 8px; border-radius: 50%; }
.ak-heat { overflow-x: auto; }
.ak-hm { display: grid; grid-template-columns: minmax(110px, 1.3fr) repeat(12, minmax(26px, 1fr)) minmax(44px, auto); gap: 3px; align-items: center; min-width: 560px; font-size: 12px; }
.ak-hm > small { text-align: center; color: var(--bc-ink-3); }
.ak-hm-n { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-hm > i { display: grid; place-items: center; height: 26px; border-radius: 6px; background: rgba(123, 92, 214, var(--a)); font-style: normal; font-size: 11px; color: var(--bc-ink-2); }
.ak-hm > i.hi { color: #fff; }
.ak-hm-t { text-align: right; font-variant-numeric: tabular-nums; }

/* narrower columns: the list shrinks first, then the open item becomes its own screen */
/* wide: the toolbar and the strip stay on top while the list scrolls */
@container ak (min-width: 1061px) { .ak-top { position: sticky; top: -14px; } }
/* narrower: the list shrinks, the company name and the preset's name go, the strip is one row that scrolls sideways */
@container ak (max-width: 1060px) { .ak-desk { grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); } .ak-title > span, .ak-bar .dk-per-l small { display: none; } .ak-search { flex: 1 1 160px; }
  .ak-tt { grid-template-columns: 50px minmax(100px, 1.2fr) minmax(90px, 1fr) repeat(3, minmax(72px, .6fr)) minmax(104px, .8fr); }
  .ak-table:not(.ak-table--narrow) .ak-tt { min-width: 0; }
  .ak-tt .c-src, .ak-tt .c-nr, .ak-tt .c-work, .ak-tt .c-min { display: none; }
  .ak-tt--sub .c-site { grid-column: 1 / 4; }
}
@container akdet (max-width: 540px) { .ak-body--both { grid-template-columns: minmax(0, 1fr); } .ak-origw { position: static; } }
@container akdet (max-width: 700px) { .ak-dh { grid-template-columns: minmax(0, 1fr); } .ak-dh-a { grid-column: 1; grid-row: auto; justify-content: flex-start; } }
@container akdet (max-width: 460px) { .ak-facts { grid-template-columns: 1fr 1fr; } .ak-f-wide { grid-column: 1 / -1; } .ak-bt-h, .ak-bt-r { grid-template-columns: 44px minmax(0, 1fr) 78px; } .ak-bt-h span:nth-child(3), .ak-bt-r span:nth-child(3), .ak-bt-h span:nth-child(4), .ak-bt-r span:nth-child(4) { display: none; } }
@container ak (max-width: 900px) { .ak-cols, .ak-cols--even, .ak-cols--ledger, .ak-cols--prices { grid-template-columns: minmax(0, 1fr); } .ak-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container ak (max-width: 700px) {
  .ak-desk, .ak--table .ak-desk { grid-template-columns: minmax(0, 1fr); }
  .ak--open .ak-lane--list { display: none; }
  .ak-lane--det { position: static; max-height: none; overflow: visible; }
  .ak:not(.ak--open) .ak-lane--det { display: none; }
  .ak-segs, .ak-new { display: none; }
  .ak-search { flex: 1 1 100%; max-width: none; }
  .ak-strip > .dk-pin { display: none; }   /* the bottom bar carries "Jāapstrādā" and the year page */
  .ak-site { grid-template-areas: 'ic b n' 'ic p p'; } .ak-site-p { justify-self: start; justify-content: flex-start; }
  .ak-det { padding: 12px; border-radius: 18px; }
  .ak-dh-a { grid-column: 1; grid-row: auto; justify-content: flex-start; }
  .ak-body--both .dk-page:not(.dk-page--none) { aspect-ratio: 1 / .7; }
  .ak-body--both .dk-page--pic img { object-fit: cover; object-position: top; }
  .ak-tt { grid-template-columns: 50px minmax(0, 1.3fr) auto; }
  .ak-tt .c-src, .ak-tt .c-nr, .ak-tt .c-client, .ak-tt .c-work, .ak-tt .c-min, .ak-tt .c-net, .ak-tt .c-tx, .ak-tt .c-st { display: none; }
  .ak-table:not(.ak-table--narrow) .ak-tt { min-width: 0; }
  .ak-tt--sub .c-site { grid-column: 1 / 3; }
  .dk-menu { left: auto; right: 0; }
  .ak-caps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ak-capc .ak-thumb { height: 120px; }
  .ak-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ak-pform { grid-template-columns: 1fr 1fr; }
  .dk-chip, .dk-seg button, .dk-per-s, .dk-per-l, .ak-cap-go, .ak-back, .ak-up, .dk-link, .bc-btn--sm, .ak-plink { min-height: 44px; }
  .ak-plink { display: inline-flex; align-items: center; }
  .dk-per-s { width: 40px; }
  .ak-row, .ak-site { min-height: 60px; }
}
@container ak (max-width: 440px) { .dk-per-l small { display: none; } .ak-row-b b small { display: block; margin: 2px 0 0; } .ak-tiles { grid-template-columns: 1fr 1fr; } .ak-proof li { grid-template-columns: minmax(0, 1fr) auto; } .ak-proof li small { grid-column: 1 / -1; } }
@media (prefers-reduced-motion: reduce) { .ak-dh.sk, .ak-card.sk, .ak-tile.sk { animation: none; } .ak-rows, .ak-table { transition: none; } }

/* the phone: a camera button and a bottom bar, only when the app's column is phone-narrow */
.ak-fab, .ak-pnav { display: none; }
@container ak (max-width: 700px) {
  .ak-fab { position: sticky; bottom: 84px; justify-self: end; margin: -56px 6px 0 0; z-index: 30; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: var(--bc-plum); color: #fff; box-shadow: var(--bc-float); cursor: pointer; }
  .ak-fab .bc-icon { width: 24px; height: 24px; }
  .ak-pnav { position: sticky; bottom: 10px; z-index: 29; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 6px; border-radius: 20px; background: rgba(255, 255, 255, .96); box-shadow: var(--bc-float); }
  .ak-pnav > button { display: grid; justify-items: center; gap: 3px; min-height: 48px; padding: 6px 2px; border: 0; border-radius: 14px; background: none; font: 600 11px/1.1 var(--bc-text); color: var(--bc-ink-2); cursor: pointer; }
  .ak-pnav > button.on { background: var(--bc-plum-tint); color: var(--bc-plum); }
  .ak-pnav .bc-icon { width: 20px; height: 20px; }
  .ak-pnav b { padding: 0 5px; border-radius: 999px; background: #FBE7DC; color: #9A4B22; }
  .ak-pnav-m { top: auto; bottom: calc(100% + 8px); left: auto; right: 0; }
  .ak--open .ak-fab, .ak--page .ak-fab { display: none; }
  .ak-lane--list { padding-bottom: 72px; }
}
/* on the phone the bottom bar's "Palīgs" opens the rail, so the rail's own folded face steps aside while the bar is there */
@media (max-width: 720px) { .app.has-rail.rail-min:has(.ak-pnav) .rail { display: none; } }
/* the phone's gutter is 16 px */
@media (max-width: 820px) { .page--data:has(.ak) { padding: 10px 16px 24px; } .ak-top { top: -10px; margin: -10px -16px 0; padding: 10px 16px 10px; } }
/* the cards (kept last: a container query adds no specificity, so it must come after the rules it narrows) follow their own column: two facts a row when narrow, the proof's label above its line */
@container akcards (max-width: 440px) { .ak-facts { grid-template-columns: 1fr 1fr; } .ak-f-wide { grid-column: 1 / -1; } .ak-proof li { grid-template-columns: minmax(0, 1fr) auto; } .ak-proof li small { grid-column: 1 / -1; } .ak-lt-h, .ak-lt-r { grid-template-columns: 44px minmax(0, 1fr) 76px; } .ak-lt-h span:nth-child(3), .ak-lt-r span:nth-child(3) { display: none; } }