/* ==========================================================================
   AjoDesk website + portals
   Ink on paper, with the collector's own brand colour. System fonts only
   (fast on mobile data, nothing sent to third parties).
   Brand variables (--ajd-brand etc.) are printed inline per site.
   ========================================================================== */

:root {
	--ajd-ink: #18233A;
	--ajd-ink-2: #46516A;
	--ajd-muted: #5A6577;
	--ajd-paper: #FFFFFF;
	--ajd-mist: #F2F5F9;
	--ajd-line: #D9DEE7;
	--ajd-good: #1E6B3A;
	--ajd-good-bg: #E3F3E8;
	--ajd-wait: #7A4A00;
	--ajd-wait-bg: #FFF1D6;
	--ajd-bad: #9B1C1C;
	--ajd-bad-bg: #FCE8E8;
	--ajd-info-bg: #E8EFFA;
	--ajd-radius: 10px;
	--ajd-radius-sm: 6px;
	--ajd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--ajd-wrap: 1120px;
	--ajd-gutter: 16px;
	/* defaults, overridden inline from settings */
	--ajd-brand: #0E7C66;
	--ajd-on-brand: #FFFFFF;
	--ajd-link: #0E7C66;
	--ajd-accent: #E8A33D;
	--ajd-on-accent: #18233A;
}

/* ---------- base ---------- */
body.ajd { margin: 0; background: var(--ajd-paper); color: var(--ajd-ink); font: 400 17px/1.55 var(--ajd-font); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.ajd *, .ajd *::before, .ajd *::after { box-sizing: border-box; }
.ajd img { max-width: 100%; height: auto; }
.ajd h1, .ajd h2, .ajd h3 { color: var(--ajd-ink); line-height: 1.2; margin: 0 0 .6em; font-weight: 700; letter-spacing: -0.01em; }
.ajd h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.4rem); }
.ajd h2 { font-size: clamp(1.3rem, 1.15rem + .7vw, 1.6rem); }
.ajd h3 { font-size: 1.1rem; }
.ajd p { margin: 0 0 1em; }
.ajd a { color: var(--ajd-link); text-underline-offset: 2px; }
.ajd a:hover { text-decoration-thickness: 2px; }
.ajd :focus-visible { outline: 3px solid var(--ajd-accent); outline-offset: 2px; border-radius: 3px; }
.ajd-muted { color: var(--ajd-muted); }
.ajd-plain { list-style: none; margin: 0; padding: 0; }
.ajd-wrap { width: 100%; max-width: var(--ajd-wrap); margin: 0 auto; padding: 0 var(--ajd-gutter); }
.ajd-narrow { max-width: 720px; }
.ajd-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--ajd-ink); color: #fff; padding: 10px 14px; border-radius: var(--ajd-radius-sm); }
.ajd-skip:focus { left: 8px; }
.ajd .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ajd-money { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---------- buttons ---------- */
.ajd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border: 2px solid var(--ajd-brand); border-radius: var(--ajd-radius-sm); background: var(--ajd-brand); color: var(--ajd-on-brand) !important; font: 600 1rem/1.2 var(--ajd-font); text-decoration: none !important; cursor: pointer; }
.ajd-btn:hover { filter: brightness(.94); }
.ajd-btn--quiet { background: transparent; color: var(--ajd-ink) !important; border-color: var(--ajd-line); }
.ajd-btn--quiet:hover { border-color: var(--ajd-ink-2); filter: none; }
.ajd-btn--danger { background: var(--ajd-bad); border-color: var(--ajd-bad); color: #fff !important; }
.ajd-btn--big { min-height: 52px; padding: 12px 24px; font-size: 1.05rem; }
.ajd-btn--block { width: 100%; }
.ajd-btn--on-brand { background: var(--ajd-on-brand); color: var(--ajd-brand) !important; border-color: var(--ajd-on-brand); }
.ajd-link-btn { background: none; border: 0; padding: 4px 0; font: inherit; color: var(--ajd-link); text-decoration: underline; cursor: pointer; }
.ajd-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.ajd-empty .ajd-actions { margin-top: 16px; }
/* Safety net: any paragraph holding two buttons spaces them out when they wrap. */
.ajd p:has(> .ajd-btn + .ajd-btn) { display: flex; flex-wrap: wrap; gap: 12px; }

/* Website styles: see "Website" section at the end of this file. */
.ajd-main { display: block; min-height: 50vh; }
.ajd-main:focus { outline: none; }
.ajd-page { padding: 40px var(--ajd-gutter) 64px; }
.ajd-lede { font-size: 1.15rem; color: var(--ajd-ink-2); max-width: 60ch; }
.ajd-prose { max-width: 68ch; }
.ajd-prose h2 { margin-top: 1.6em; }
.ajd-split { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; align-items: start; }
.ajd-split--top { align-items: start; }

/* ---------- panels, alerts, empty ---------- */
.ajd-panel { background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); padding: 24px; }
.ajd-panel--warn { border-top: 4px solid var(--ajd-accent); }
.ajd-panel--good { border-top: 4px solid var(--ajd-brand); }
.ajd-alert { border-radius: var(--ajd-radius-sm); padding: 12px 16px; margin: 0 0 20px; border-left: 4px solid; }
.ajd-alert p:last-child, .ajd-alert ul:last-child { margin-bottom: 0; }
.ajd-alert--success { background: var(--ajd-good-bg); border-color: var(--ajd-good); }
.ajd-alert--info { background: var(--ajd-info-bg); border-color: #2F5DA8; }
.ajd-alert--warn { background: var(--ajd-wait-bg); border-color: #C77F0A; }
.ajd-alert--error { background: var(--ajd-bad-bg); border-color: var(--ajd-bad); }
.ajd-alert ul { margin: 0; padding-left: 20px; }
.ajd-alert a { color: var(--ajd-ink); }
.ajd-empty { border: 1.5px dashed var(--ajd-line); border-radius: var(--ajd-radius); padding: 20px; color: var(--ajd-ink-2); }
.ajd-empty p:last-child { margin-bottom: 0; }

/* ---------- forms ---------- */
.ajd-field { margin: 0 0 18px; }
.ajd-field label, .ajd-perms legend, .ajd-choice legend { display: block; font-weight: 600; margin-bottom: 4px; }
.ajd-optional { font-weight: 400; color: var(--ajd-muted); }
.ajd-help { font-size: .9rem; color: var(--ajd-muted); margin: 0 0 6px; }
.ajd-error { color: var(--ajd-bad); font-weight: 600; font-size: .95rem; margin: 0 0 6px; }
.ajd-error::before { content: "! "; }
.ajd input[type="text"], .ajd input[type="email"], .ajd input[type="tel"], .ajd input[type="password"], .ajd input[type="search"], .ajd input[type="date"], .ajd input[type="number"], .ajd select, .ajd textarea {
	width: 100%; min-height: 48px; padding: 10px 12px; font: 400 1rem/1.4 var(--ajd-font); color: var(--ajd-ink); background: #fff; border: 1.5px solid #A9B2C3; border-radius: var(--ajd-radius-sm); }
.ajd textarea { min-height: 96px; }
.ajd input:focus, .ajd select:focus, .ajd textarea:focus { border-color: var(--ajd-ink); outline: 3px solid color-mix(in srgb, var(--ajd-accent) 60%, transparent); outline-offset: 0; }
.ajd .is-error input, .ajd .is-error textarea { border-color: var(--ajd-bad); border-width: 2px; }
.ajd-password { display: flex; gap: 8px; }
.ajd-password input { flex: 1; }
.ajd-reveal { flex: none; min-width: 64px; border: 1.5px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); background: #fff; font: 600 .9rem var(--ajd-font); color: var(--ajd-ink); cursor: pointer; }
.ajd-check { margin: 0 0 18px; }
.ajd-check label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.ajd-check input, .ajd-perm input, .ajd-choice input { width: 22px; height: 22px; margin: 2px 0 0; flex: none; accent-color: var(--ajd-brand); }
.ajd-check .ajd-help { margin-left: 32px; }
.ajd-choice { border: 0; padding: 0; margin: 0 0 18px; }
.ajd-choice label { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; }
.ajd-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ajd-form h2 { margin-top: 32px; }
.ajd-form > h2:first-of-type { margin-top: 0; }

/* ---------- auth ---------- */
.ajd-auth { max-width: 460px; padding-top: 40px; padding-bottom: 64px; }
.ajd-auth .ajd-panel { padding: 28px 24px; }
.ajd-auth h1 { font-size: 1.7rem; }
.ajd .ajd-auth__links { margin: 16px 0 0; }
.ajd .ajd-auth__alt { text-align: center; margin-top: 24px; }

/* ---------- app shell (account + manage) ---------- */
body.ajd-app { background: var(--ajd-mist); }
.ajd-shell { display: grid; grid-template-columns: 232px 1fr; grid-template-rows: 60px 1fr; min-height: 100vh; }
.ajd-topbar { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; padding: 0 20px; background: var(--ajd-paper); border-bottom: 1px solid var(--ajd-line); position: sticky; top: 0; z-index: 20; }
.ajd-brand--app { font-size: 1rem; }
.ajd-brand--app img { max-height: 34px; }
.ajd-topbar__user { display: flex; align-items: center; gap: 14px; font-size: .95rem; }
.ajd-topbar__who { color: var(--ajd-ink-2); max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ajd-topbar form { margin: 0; }
.ajd-rail { background: var(--ajd-paper); border-right: 1px solid var(--ajd-line); padding: 16px 12px; }
.ajd-rail ul { list-style: none; margin: 0; padding: 0; }
.ajd-rail__item { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 12px; border-radius: var(--ajd-radius-sm); color: var(--ajd-ink) !important; text-decoration: none; font-weight: 500; }
.ajd-rail__item:hover { background: var(--ajd-mist); }
.ajd-rail__item[aria-current="page"] { background: color-mix(in srgb, var(--ajd-brand) 10%, #fff); color: var(--ajd-ink) !important; font-weight: 700; box-shadow: inset 3px 0 0 var(--ajd-brand); }
.ajd-rail__item::before { content: ""; width: 20px; height: 20px; flex: none; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.ajd-rail__extra { margin: 24px 12px 0; font-size: .9rem; }
.ajd-ico-home { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z'/%3E%3C/svg%3E"); }
.ajd-ico-customers { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.8-3.6 3.4-5.5 6.5-5.5s5.7 1.9 6.5 5.5'/%3E%3Ccircle cx='17.5' cy='9' r='2.5'/%3E%3Cpath d='M16 14.6c2.6 0 4.6 1.6 5.4 4.4'/%3E%3C/svg%3E"); }
.ajd-ico-groups { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='1.5' fill='black'/%3E%3C/svg%3E"); }
.ajd-ico-staff { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2M3 13h18'/%3E%3C/svg%3E"); }
.ajd-ico-settings { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E"); }
.ajd-ico-audit { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E"); }
.ajd-ico-profile { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4.4 4.2-7 8-7s7 2.6 8 7'/%3E%3C/svg%3E"); }
.ajd-ico-security { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }

.ajd-app-main { padding: 28px 32px 48px; min-width: 0; }
.ajd-app-main:focus { outline: none; }
.ajd-app-page { max-width: 880px; }
.ajd-app-page.ajd-narrow { max-width: 680px; }
.ajd-app-page h1 { font-size: 1.75rem; }
.ajd-app-page > form.ajd-form, .ajd-app-page form.ajd-form { background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); padding: 20px; }
.ajd-section { background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); padding: 20px; margin: 0 0 20px; }
.ajd-section form.ajd-form { border: 0; padding: 0; }
.ajd-section h2 { font-size: 1.2rem; }
.ajd-title-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: space-between; margin-bottom: 16px; }
.ajd-title-row h1 { margin: 0; }
.ajd-back { margin: 0 0 8px; font-size: .95rem; }
.ajd-back a::before { content: "‹ "; }

/* status strip on customer home */
.ajd-status { border-radius: var(--ajd-radius); padding: 18px 20px; margin: 0 0 20px; border: 1px solid var(--ajd-line); background: var(--ajd-paper); border-left: 6px solid var(--ajd-accent); }
.ajd-status h2 { font-size: 1.15rem; margin-bottom: 6px; }
.ajd-status form { margin: 0; }

/* rows: the main list pattern */
.ajd-rows { list-style: none; margin: 0 0 16px; padding: 0; background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); }
.ajd-rows li + li { border-top: 1px solid var(--ajd-line); }
.ajd-rows a { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: center; padding: 14px 16px; text-decoration: none; color: var(--ajd-ink) !important; min-height: 56px; }
.ajd-rows a:hover { background: var(--ajd-mist); }
.ajd-rows__main { font-weight: 600; }
.ajd-rows__sub { grid-column: 1 / -1; display: block; color: var(--ajd-muted); font-size: .92rem; }
.ajd-section .ajd-rows { border-radius: var(--ajd-radius-sm); }

.ajd-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: .82rem; font-weight: 700; line-height: 1.4; white-space: nowrap; vertical-align: middle; }
.ajd-badge--good { background: var(--ajd-good-bg); color: var(--ajd-good); }
.ajd-badge--wait { background: var(--ajd-wait-bg); color: var(--ajd-wait); }
.ajd-badge--bad { background: var(--ajd-bad-bg); color: var(--ajd-bad); }
.ajd-badge--neutral { background: var(--ajd-mist); color: var(--ajd-ink-2); }

.ajd-tally { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ajd-tally a { display: block; padding: 14px; border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); text-decoration: none; color: var(--ajd-ink-2) !important; }
.ajd-tally a:hover { border-color: var(--ajd-ink-2); }
.ajd-tally__n { display: block; font-size: 2rem; font-weight: 800; color: var(--ajd-ink); line-height: 1.1; font-variant-numeric: tabular-nums; }

.ajd-dl { display: grid; grid-template-columns: max-content 1fr; gap: 10px 20px; margin: 0 0 20px; background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); padding: 16px 20px; }
.ajd-section .ajd-dl { border: 0; padding: 0; }
.ajd-dl dt { color: var(--ajd-muted); }
.ajd-dl dd { margin: 0; font-weight: 500; }

.ajd-tabs { display: flex; gap: 4px; flex-wrap: wrap; border-bottom: 1px solid var(--ajd-line); margin: 0 0 20px; }
.ajd-tabs a { padding: 10px 14px; text-decoration: none; color: var(--ajd-ink-2) !important; border-bottom: 3px solid transparent; margin-bottom: -1px; font-weight: 500; }
.ajd-tabs a[aria-current="page"] { color: var(--ajd-ink) !important; border-bottom-color: var(--ajd-brand); font-weight: 700; }
.ajd-count { display: inline-block; min-width: 1.6em; padding: 0 6px; border-radius: 10px; background: var(--ajd-mist); font-size: .8rem; text-align: center; }

.ajd-search { display: flex; gap: 8px; margin: 0 0 12px; }
.ajd-search input { flex: 1; }
.ajd-filters { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; margin: 16px 0; }
.ajd-filters label { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: .92rem; }
.ajd-filters select, .ajd-filters input { min-width: 150px; }
.ajd-pager { display: flex; gap: 16px; align-items: center; justify-content: center; padding: 8px 0; }

.ajd-perms { border: 0; margin: 0 0 18px; padding: 0; }
.ajd-perms.is-error { border-left: 4px solid var(--ajd-bad); padding-left: 12px; }
.ajd-perm { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--ajd-line); cursor: pointer; }
.ajd-perm__text { display: block; }
.ajd-perm__text .ajd-help { display: block; margin: 2px 0 0; }

.ajd-disclose { margin: 12px 0; }
.ajd-disclose summary { cursor: pointer; font-weight: 600; color: var(--ajd-link); padding: 6px 0; }
.ajd-inline-form { margin: 0 0 12px; }
.ajd-row-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ajd-line); }
.ajd-row-actions form { margin: 0; }

.ajd-timeline { list-style: none; margin: 0; padding: 0; }
.ajd-timeline li { position: relative; padding: 10px 0 10px 22px; border-left: 2px solid var(--ajd-line); }
.ajd-timeline li::before { content: ""; position: absolute; left: -6px; top: 16px; width: 10px; height: 10px; border-radius: 50%; background: var(--ajd-brand); }
.ajd-timeline--log { background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); padding: 8px 20px 8px 28px; }
.ajd-timeline__n { float: right; color: var(--ajd-muted); font-size: .85rem; font-variant-numeric: tabular-nums; }
.ajd-timeline pre { white-space: pre-wrap; word-break: break-word; background: var(--ajd-mist); padding: 10px; border-radius: var(--ajd-radius-sm); font-size: .85rem; max-height: 260px; overflow: auto; }

.ajd-repeat { border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); padding: 12px 14px 0; margin: 0 0 14px; }
.ajd-repeat legend { font-weight: 600; padding: 0 6px; color: var(--ajd-ink-2); }
.ajd-colours { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ajd input[type="color"] { width: 100%; height: 52px; padding: 4px; border: 1.5px solid #A9B2C3; border-radius: var(--ajd-radius-sm); background: #fff; }
.ajd-swatch { padding: 14px; border-radius: var(--ajd-radius-sm); font-weight: 600; }
.ajd-logo-preview { padding: 16px; background: var(--ajd-mist); border-radius: var(--ajd-radius-sm); }
.ajd-logo-preview img { max-height: 64px; }
.ajd-temp__pw output { display: inline-block; font-size: 2rem; font-weight: 800; letter-spacing: .08em; padding: 10px 16px; background: var(--ajd-mist); border-radius: var(--ajd-radius-sm); font-variant-numeric: tabular-nums; user-select: all; }


/* ---------- groups & plans ---------- */
.ajd-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.ajd-calc:empty { display: none; }
.ajd-calc { background: var(--ajd-mist); border-radius: var(--ajd-radius-sm); padding: 14px 16px; margin: 4px 0 20px; font-variant-numeric: tabular-nums; }
.ajd-calc strong { font-size: 1.15rem; }
.ajd-rows__static { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: center; padding: 14px 16px; }
.ajd-rows__alert { color: var(--ajd-bad); font-weight: 600; }
.ajd-rows--plain { margin-bottom: 8px; }
.ajd-form--bare { background: transparent !important; border: 0 !important; padding: 0 !important; margin-top: 12px; }
.ajd-status--wait { border-left-color: var(--ajd-wait); background: var(--ajd-wait-bg); }

.ajd-money-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; }
.ajd-money-strip > div { display: flex; flex-direction: column; gap: 2px; }
.ajd-money-strip__l { font-size: .85rem; color: var(--ajd-muted); font-weight: 600; }
.ajd-money-strip__v { font-size: 1.45rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.ajd-money-strip .ajd-help { margin: 0; }

.ajd-filled { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
.ajd-filled__bar { display: block; height: 10px; border-radius: 6px; background: linear-gradient(90deg, var(--ajd-brand) var(--fill, 0%), var(--ajd-mist) var(--fill, 0%)); border: 1px solid var(--ajd-line); }

.ajd-members { list-style: none; margin: 0; padding: 0; border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); }
.ajd-members > li { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; align-items: center; padding: 14px 16px; }
.ajd-members > li + li { border-top: 1px solid var(--ajd-line); }
.ajd-members__state { text-align: right; display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.ajd-members__act { grid-column: 1 / -1; display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-start; }
.ajd-members__act > form { margin: 0; }
.ajd-members__act .ajd-disclose { margin: 0; }
.ajd-members__act .ajd-disclose summary { min-height: 44px; display: flex; align-items: center; }
.ajd-members__act .ajd-disclose[open] { flex-basis: 100%; }

.ajd-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); }
.ajd-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.ajd-table th, .ajd-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--ajd-line); white-space: nowrap; }
.ajd-table th { background: var(--ajd-mist); font-size: .85rem; color: var(--ajd-ink-2); }
.ajd-table tr:last-child td { border-bottom: 0; }
.ajd-num { text-align: right !important; font-variant-numeric: tabular-nums; }

.ajd-terms { background: var(--ajd-mist); border-radius: var(--ajd-radius-sm); padding: 4px 18px 8px; max-height: 420px; overflow: auto; margin-top: 12px; }
.ajd-terms h2, .ajd-terms h3 { font-size: 1.05rem; margin: 1em 0 .4em; }
.ajd-terms ul { padding-left: 1.2em; }

.ajd-plan-pick label { border: 1.5px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); padding: 12px 14px; margin-bottom: 10px; }
.ajd-plan-pick label:has(input:checked) { border-color: var(--ajd-brand); background: color-mix(in srgb, var(--ajd-brand) 6%, #fff); }

.ajd-positions { border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); padding: 8px 14px; margin: 0 0 20px; }
.ajd-positions legend { font-weight: 600; padding: 0 6px; }
.ajd-position { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0; }
.ajd-position + .ajd-position { border-top: 1px solid var(--ajd-line); }
.ajd-position input { width: 84px; min-height: 44px; text-align: center; font-size: 1rem; border: 1.5px solid #A9B2C3; border-radius: var(--ajd-radius-sm); }

.ajd-offers { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.ajd-offer { background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-top: 5px solid var(--ajd-brand); border-radius: var(--ajd-radius); padding: 18px; display: flex; flex-direction: column; }
.ajd-offer__plan { font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ajd-muted); font-weight: 700; margin: 0 0 4px; }
.ajd-offer__name { margin: 0 0 8px; }
.ajd-offer__pay { margin: 0 0 12px; color: var(--ajd-ink-2); }
.ajd-offer__amt { font-size: 1.6rem; font-weight: 800; color: var(--ajd-ink); font-variant-numeric: tabular-nums; }
.ajd-offer__facts { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 0 0 16px; font-size: .95rem; }
.ajd-offer__facts dt { color: var(--ajd-muted); }
.ajd-offer__facts dd { margin: 0; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.ajd-offer .ajd-btn { margin-top: auto; }
.ajd-btn--block { width: 100%; }

.ajd-turns { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ajd-turns li { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: var(--ajd-radius-sm); background: color-mix(in srgb, var(--ajd-brand) 7%, #fff); border: 1px solid color-mix(in srgb, var(--ajd-brand) 25%, #fff); }
.ajd-turns__pos { font-weight: 800; color: var(--ajd-brand); }
.ajd-turns__amt { font-weight: 700; font-variant-numeric: tabular-nums; }
.ajd-order { margin: 12px 0 0; padding-left: 1.5em; }
.ajd-order li { padding: 3px 0; }
.ajd-section details > summary { cursor: pointer; min-height: 32px; }

/* ---------- disputes, swaps, leaving ---------- */
.ajd-split--main { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); }
.ajd-thread { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ajd-thread__item { border: 1px solid var(--ajd-line); border-radius: 10px; padding: 12px 16px; background: #fff; }
.ajd-thread__item--customer { border-left: 4px solid var(--ajd-brand); }
.ajd-thread__item--internal { background: #FFF8E6; border-style: dashed; }
.ajd-thread__item--event { background: transparent; border-style: dotted; }
.ajd-thread__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 0 0 6px; font-size: 14px; color: var(--ajd-ink-2); }
.ajd-thread__meta strong { color: var(--ajd-ink); }
.ajd-thread__body p { margin: 0 0 8px; overflow-wrap: anywhere; }
.ajd-thread__body p:last-child { margin-bottom: 0; }
.ajd-thread__files { margin: 8px 0 0; padding-left: 1.2em; font-size: 15px; }
.ajd-list { margin: 8px 0 12px; padding-left: 1.2em; }
.ajd-list li { padding: 3px 0; }
.ajd-rows--plain > li > form.ajd-actions, .ajd-rows--plain > li > form.ajd-form, .ajd-rows--plain > li > details { margin: 8px 0 4px; }

/* ---------- phones ---------- */
@media (max-width: 900px) {
	.ajd-split { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 760px) {
	body.ajd { font-size: 16px; }
	.ajd-auth { padding-top: 20px; }
	.ajd-auth .ajd-panel { padding: 20px 16px; border: 0; background: transparent; }

	/* app: bottom bar + slide-in menu (see "Phone navigation" below) */
	.ajd-shell { grid-template-columns: 1fr; grid-template-rows: 56px 1fr; }
	.ajd-topbar { padding: 0 var(--ajd-gutter); }
	.ajd-topbar__user { display: none; }
	.ajd-app-main { padding: 20px var(--ajd-gutter) calc(96px + env(safe-area-inset-bottom)); }
	.ajd-tally { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
	.ajd-tally a { padding: 10px; font-size: .85rem; }
	.ajd-tally__n { font-size: 1.5rem; }
	.ajd-dl { grid-template-columns: 1fr; gap: 2px; }
	.ajd-dl dd { margin-bottom: 10px; }
	.ajd-colours { grid-template-columns: 1fr; }
	.ajd-grid-2 { grid-template-columns: 1fr; }
	.ajd-money-strip { grid-template-columns: 1fr 1fr; gap: 14px 12px; }
	.ajd-money-strip__v { font-size: 1.15rem; }
	.ajd-members > li { grid-template-columns: 1fr; }
	.ajd-members__state { justify-content: flex-start; text-align: left; }
	.ajd-turns li { grid-template-columns: auto 1fr; }
	.ajd-turns__amt { grid-column: 1 / -1; }
	.ajd-tabs { flex-wrap: nowrap; overflow-x: auto; }
	.ajd-tabs a { white-space: nowrap; }
}

/* ---------- Phase 4: payments ---------- */
.ajd-ico-payments { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='2.5' y='5.5' width='19' height='13' rx='2'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E"); }
.ajd-pay-items { border: 0; padding: 0; margin: 0 0 8px; min-width: 0; }
.ajd-pay-items legend { padding: 0; }
.ajd-pay-items legend h2 { margin-bottom: 4px; }
.ajd-pay-items.is-error .ajd-paylist { border-color: var(--ajd-bad); }
.ajd-paylist { list-style: none; margin: 12px 0; padding: 0; border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); background: var(--ajd-paper); }
.ajd-paylist li + li { border-top: 1px solid var(--ajd-line); }
.ajd-paylist label { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; cursor: pointer; }
.ajd-paylist input { width: 22px; height: 22px; margin: 2px 0 0; flex: none; accent-color: var(--ajd-brand); }
.ajd-pay-line { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; flex: 1; min-width: 0; }
.ajd-pay-line__what { font-weight: 600; }
.ajd-pay-line__amt { font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }
.ajd-pay-line .ajd-rows__sub { grid-column: 1 / -1; }
.ajd-pay-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 12px; padding: 12px 16px; background: var(--ajd-mist); border-radius: var(--ajd-radius-sm); }
.ajd-pay-total strong { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.ajd-accounts { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 10px; }
.ajd-accounts legend { font-weight: 600; margin-bottom: 8px; padding: 0; }
.ajd-account { position: relative; }
.ajd-account > label, .ajd-account > div { display: grid; gap: 2px; padding: 14px 16px; border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); background: var(--ajd-paper); }
.ajd-account > input[type="radio"] { position: absolute; top: 18px; right: 16px; width: 22px; height: 22px; accent-color: var(--ajd-brand); }
.ajd-account > label { cursor: pointer; padding-right: 52px; }
.ajd-account > input:checked + label { border-color: var(--ajd-brand); box-shadow: 0 0 0 2px var(--ajd-brand) inset; }
.ajd-account > input:focus-visible + label { outline: 3px solid var(--ajd-accent); outline-offset: 2px; }
.ajd-account__bank { font-size: .9rem; color: var(--ajd-muted); font-weight: 600; }
.ajd-account__no { font-size: 1.45rem; font-weight: 700; letter-spacing: .06em; font-variant-numeric: tabular-nums; user-select: all; }
.ajd-account__name { font-weight: 500; }
.ajd-accounts.is-error .ajd-account > label { border-color: var(--ajd-bad); }
.ajd-account-edit { border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); padding: 14px 16px 2px; margin: 0 0 16px; background: var(--ajd-paper); min-width: 0; }
.ajd-account-edit legend { font-weight: 700; padding: 0 6px; }
.ajd-status--good { border-left-color: var(--ajd-good); background: var(--ajd-good-bg); }
.ajd-status--bad { border-left-color: var(--ajd-bad); background: var(--ajd-bad-bg); }
.ajd-evidence { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.ajd-evidence li { display: grid; gap: 4px; }
.ajd-evidence img { display: block; max-width: 100%; max-height: 420px; width: auto; border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); background: var(--ajd-mist); }
input[type="file"] { display: block; width: 100%; padding: 10px; border: 1px dashed var(--ajd-line); border-radius: var(--ajd-radius-sm); background: var(--ajd-paper); font: inherit; }
.ajd-field.is-error input[type="file"] { border-color: var(--ajd-bad); }
@media (min-width: 901px) { .ajd-split--even { grid-template-columns: 1fr 1fr; gap: 24px; } }

/* Two-column form rows: line the boxes up even when one side has help text. */
.ajd-grid-2 > .ajd-field { display: flex; flex-direction: column; }
.ajd-grid-2 > .ajd-field > input, .ajd-grid-2 > .ajd-field > select, .ajd-grid-2 > .ajd-field > .ajd-password { margin-top: auto; }

/* Simple-text editor for terms and privacy. */
.ajd-format-help { background: var(--ajd-info-bg); border-radius: var(--ajd-radius-sm); padding: 14px 16px; margin: 0 0 18px; }
.ajd-format-help ul { margin: 6px 0 8px; padding-left: 20px; }
.ajd-format-help p { margin: 0; }
.ajd-format-bar { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 6px; }
.ajd-format-bar .ajd-btn { min-height: 36px; padding: 6px 12px; font-size: .9rem; }
.ajd-field--editor textarea { font-size: 1rem; line-height: 1.6; }

/* ---------- Phase 5 ---------- */
.ajd-ico-payouts { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5'/%3E%3Cpath d='M4 17v3h16v-3'/%3E%3C/svg%3E"); }
.ajd-ico-corrections { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.6'/%3E%3Cpath d='M4 4v4h4'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E"); }
.ajd-ico-reports { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M7 16v-5M12 16V6M17 16v-8'/%3E%3C/svg%3E"); }
.ajd-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.ajd-stat { display: grid; gap: 4px; padding: 14px 16px; background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); border-top: 4px solid var(--ajd-line); }
.ajd-stat--good { border-top-color: var(--ajd-good); }
.ajd-stat--bad { border-top-color: var(--ajd-bad); }
.ajd-stat__l { font-size: .9rem; color: var(--ajd-muted); font-weight: 600; }
.ajd-stat__v { font-size: 1.4rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.ajd-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin: 0 0 20px; }
.ajd-filters label { display: grid; gap: 4px; font-weight: 600; font-size: .9rem; }
.ajd-correction { margin: 0 0 14px; }
.ajd-correction h3 { margin: 0 0 4px; }
.ajd-big-money { font-size: 1.3rem; }
.ajd-swap { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
@media (max-width: 600px) { .ajd-swap { grid-template-columns: 1fr; } }
.ajd-ico-help, .ajd-ico-disputes { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 5.5h16v10H9l-5 4z'/%3E%3Cpath d='M12 8.2v3.3M12 13.6h.01'/%3E%3C/svg%3E"); }
.ajd-ico-risk { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.2-7 10-4-1.8-7-5.5-7-10V6z'/%3E%3Cpath d='M12 8v4M12 15.5h.01'/%3E%3C/svg%3E"); }

/* ---------- online payments ---------- */
.ajd-pay-online { border: 2px solid var(--ajd-brand); border-radius: 12px; padding: 16px 20px; }
.ajd-or { display: flex; align-items: center; gap: 12px; color: var(--ajd-ink-2); margin: 24px 0; font-size: 15px; }
.ajd-or::before, .ajd-or::after { content: ""; flex: 1; border-top: 1px solid var(--ajd-line); }

/* Risk controls (0.10.0) */
.ajd-quote { margin: 8px 0; padding: 12px 16px; border-left: 4px solid var(--ajd-brand); background: var(--ajd-mist); border-radius: var(--ajd-radius-sm); line-height: 1.55; }
.ajd-promise { border: 2px solid var(--ajd-brand); border-radius: var(--ajd-radius); padding: 18px; margin: 18px 0; }
.ajd-promise h2 { margin-top: 0; }

/* ==========================================================================
   Website (0.10.1)
   The public pages read as the collector's own website: the brand colour
   carries the hero and closing band, headings are set in Literata (bundled,
   SIL OFL, nothing loaded from third parties), and the ajo contribution card
   is the one memorable picture. Dashboards keep the system font.
   ========================================================================== */

@font-face { font-family: "AjoDesk Literata"; src: url("fonts/literata-latin.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "AjoDesk Literata"; src: url("fonts/literata-latin-ext.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
	--ajd-display: "AjoDesk Literata", Georgia, "Times New Roman", serif;
	--ajd-brand-tint: color-mix(in srgb, var(--ajd-brand) 7%, #fff);
	--ajd-brand-deep: color-mix(in srgb, var(--ajd-brand) 82%, #000);
}

/* ---------- brand (shared with the dashboards' top bar) ---------- */
.ajd-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ajd-ink) !important; font-weight: 700; font-size: 1.1rem; margin-right: auto; }
.ajd-brand img { max-height: 44px; width: auto; }
/* The mark: a small ajo card — three paid cells and your turn. */
.ajd-brand__mark { width: 28px; height: 28px; border-radius: 6px; background:
	linear-gradient(var(--ajd-brand), var(--ajd-brand)) 4px 4px / 9px 9px no-repeat,
	linear-gradient(var(--ajd-brand), var(--ajd-brand)) 15px 4px / 9px 9px no-repeat,
	linear-gradient(var(--ajd-brand), var(--ajd-brand)) 4px 15px / 9px 9px no-repeat,
	linear-gradient(var(--ajd-accent), var(--ajd-accent)) 15px 15px / 9px 9px no-repeat,
	var(--ajd-mist); box-shadow: inset 0 0 0 1px var(--ajd-line); flex: none; }
.ajd-topbar__site { font-size: .95rem; color: var(--ajd-ink-2) !important; white-space: nowrap; }
.ajd-brand--app { min-width: 0; }
.ajd-brand--app .ajd-brand__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- type on website pages ---------- */
.ajd-public h1, .ajd-public h2, .ajd-public .ajd-band h3, .ajd-public .ajd-offer__name { font-family: var(--ajd-display); font-weight: 600; letter-spacing: -0.012em; }
.ajd-public h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem); line-height: 1.1; }
.ajd-public h2 { font-size: clamp(1.55rem, 1.25rem + 1.1vw, 2.1rem); line-height: 1.15; }
.ajd-public .ajd-band h3 { font-size: 1.2rem; }

/* ---------- buttons used on the website ---------- */
.ajd-btn--accent { background: var(--ajd-accent); border-color: var(--ajd-accent); color: var(--ajd-on-accent) !important; }
.ajd-btn--ghost { background: transparent; border-color: color-mix(in srgb, var(--ajd-on-brand) 55%, transparent); color: var(--ajd-on-brand) !important; }
.ajd-btn--ghost:hover { border-color: var(--ajd-on-brand); filter: none; background: color-mix(in srgb, var(--ajd-on-brand) 8%, transparent); }

/* ---------- header ---------- */
.ajd-site-header { background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--ajd-line); position: sticky; top: 0; z-index: 40; }
.ajd-site-header__in { display: flex; align-items: center; gap: 20px; min-height: 76px; flex-wrap: wrap; }
.ajd-site-nav { display: flex; align-items: center; gap: 28px; }
.ajd-site-nav ul { display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; }
.ajd-site-nav ul a { color: var(--ajd-ink); text-decoration: none; font-weight: 500; padding: 8px 0; border-bottom: 2px solid transparent; }
.ajd-site-nav ul a:hover, .ajd-site-nav ul a[aria-current="page"] { border-bottom-color: var(--ajd-accent); }
.ajd-site-nav__cta { display: flex; gap: 10px; }
.ajd-menu-btn { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); background: var(--ajd-paper); color: var(--ajd-ink); font: 600 .95rem var(--ajd-font); cursor: pointer; }
.ajd-menu-btn__bars { width: 16px; height: 12px; background: linear-gradient(currentColor, currentColor) 0 0 / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) 0 5px / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) 0 10px / 100% 2px no-repeat; }

/* "My account" menu for signed-in visitors */
.ajd-acct { position: relative; }
.ajd-acct__btn { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 4px 14px 4px 4px; border: 1px solid var(--ajd-line); border-radius: 999px; background: var(--ajd-paper); cursor: pointer; list-style: none; font-weight: 600; color: var(--ajd-ink); }
.ajd-acct__btn::-webkit-details-marker { display: none; }
.ajd-acct__btn::after { content: ""; width: 7px; height: 7px; border-right: 2px solid var(--ajd-ink-2); border-bottom: 2px solid var(--ajd-ink-2); transform: translateY(-2px) rotate(45deg); margin-left: 2px; }
.ajd-acct[open] .ajd-acct__btn::after { transform: translateY(2px) rotate(-135deg); }
.ajd-acct__btn:hover { border-color: var(--ajd-ink-2); }
.ajd-acct__avatar { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ajd-brand); color: var(--ajd-on-brand); font-size: .85rem; font-weight: 700; letter-spacing: .02em; }
.ajd-acct__menu { position: absolute; right: 0; top: calc(100% + 8px); width: min(290px, calc(100vw - 32px)); background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius); box-shadow: 0 20px 40px -18px rgba(24, 35, 58, .35); padding: 8px; z-index: 50; }
.ajd .ajd-acct__who { margin: 0; padding: 10px 12px 12px; border-bottom: 1px solid var(--ajd-line); display: grid; gap: 2px; }
.ajd-acct__who span { font-size: .88rem; color: var(--ajd-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ajd-acct__menu ul { list-style: none; margin: 6px 0; padding: 0; }
.ajd-acct__menu ul a, .ajd-acct__out { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 8px 12px; border-radius: var(--ajd-radius-sm); color: var(--ajd-ink) !important; text-decoration: none; font: 500 1rem var(--ajd-font); }
.ajd-acct__menu ul li:first-child a { font-weight: 700; }
.ajd-acct__menu ul a:hover, .ajd-acct__out:hover { background: var(--ajd-mist); }
.ajd-acct__menu form { margin: 0; padding-top: 6px; border-top: 1px solid var(--ajd-line); }
.ajd-acct__out { background: none; border: 0; cursor: pointer; text-align: left; color: var(--ajd-bad) !important; }

/* ---------- hero ---------- */
.ajd-hero { position: relative; overflow: hidden; background: var(--ajd-brand); color: var(--ajd-on-brand); padding: 72px 0 88px; }
/* faint grid of card cells behind the hero */
.ajd-hero::before { content: ""; position: absolute; inset: 0 0 0 45%; background-image: linear-gradient(color-mix(in srgb, var(--ajd-on-brand) 9%, transparent) 1.5px, transparent 1.5px), linear-gradient(90deg, color-mix(in srgb, var(--ajd-on-brand) 9%, transparent) 1.5px, transparent 1.5px); background-size: 56px 56px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); pointer-events: none; }
.ajd-hero__in { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: center; }
.ajd-public .ajd-hero__title { color: var(--ajd-on-brand); font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.2rem); line-height: 1.04; letter-spacing: -0.025em; max-width: 13ch; margin-bottom: 22px; }
.ajd-hero__lede { font-size: 1.2rem; line-height: 1.55; max-width: 44ch; color: color-mix(in srgb, var(--ajd-on-brand) 88%, transparent); }
.ajd-hero .ajd-actions { margin-top: 32px; }

.ajd-card-visual { margin: 0; color: var(--ajd-ink); background: var(--ajd-paper); border-radius: 16px; padding: 22px 22px 18px; box-shadow: 0 2px 0 rgba(0, 0, 0, .06), 0 40px 70px -30px rgba(0, 0, 0, .55); transform: rotate(-2deg); }
.ajd-card-visual__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ajd-card-visual__biz { font-family: var(--ajd-display); font-weight: 600; font-size: 1.2rem; }
.ajd .ajd-card-visual__sub { margin: 2px 0 16px; color: var(--ajd-muted); font-size: .9rem; padding-bottom: 12px; border-bottom: 1.5px dashed var(--ajd-line); }
.ajd-card-visual__tag { font-size: .8rem; font-weight: 500; color: var(--ajd-muted); border: 1px dashed var(--ajd-line); border-radius: 20px; padding: 2px 10px; flex: none; }
.ajd-grid-card { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ajd-grid-card li { position: relative; aspect-ratio: 1; border-radius: 8px; border: 1.5px dashed var(--ajd-line); display: flex; align-items: flex-start; padding: 6px 8px; font-variant-numeric: tabular-nums; color: var(--ajd-muted); font-size: .85rem; }
.ajd-grid-card li.is-paid { border: 1.5px solid var(--ajd-brand); background: var(--ajd-brand-tint); color: var(--ajd-ink); }
.ajd-grid-card li.is-paid::after { content: ""; position: absolute; right: 10px; bottom: 11px; width: 16px; height: 9px; border-left: 3px solid var(--ajd-brand); border-bottom: 3px solid var(--ajd-brand); transform: rotate(-45deg); }
.ajd-grid-card li.is-turn { border: 2px solid var(--ajd-accent); background: var(--ajd-accent); color: var(--ajd-on-accent); font-weight: 700; }
.ajd-grid-card__turn { position: absolute; left: 8px; bottom: 6px; font-size: .74rem; line-height: 1.1; }
.ajd-card-visual figcaption { font-size: .9rem; color: var(--ajd-muted); margin: 0; }
@media (prefers-reduced-motion: no-preference) {
	.ajd-grid-card li.is-paid::after { animation: ajd-tick .35s ease-out both; }
	.ajd-grid-card li:nth-child(1)::after { animation-delay: .3s; } .ajd-grid-card li:nth-child(2)::after { animation-delay: .42s; }
	.ajd-grid-card li:nth-child(3)::after { animation-delay: .54s; } .ajd-grid-card li:nth-child(4)::after { animation-delay: .66s; }
	.ajd-grid-card li:nth-child(5)::after { animation-delay: .78s; } .ajd-grid-card li:nth-child(6)::after { animation-delay: .9s; }
	@keyframes ajd-tick { from { opacity: 0; transform: rotate(-45deg) scale(.4); } to { opacity: 1; transform: rotate(-45deg); } }
}

/* three promises under the hero */
.ajd-promise-strip { border-bottom: 1px solid var(--ajd-line); background: var(--ajd-paper); }
.ajd-promise-strip ul { display: grid; grid-template-columns: repeat(3, 1fr); }
.ajd-promise-strip li { position: relative; display: grid; gap: 2px; padding: 24px 24px 24px 56px; }
.ajd-promise-strip li + li { border-left: 1px solid var(--ajd-line); }
.ajd-promise-strip li::before { content: ""; position: absolute; left: 20px; top: 27px; width: 22px; height: 22px; border-radius: 50%; background: var(--ajd-brand-tint); box-shadow: inset 0 0 0 1.5px var(--ajd-brand); }
.ajd-promise-strip li::after { content: ""; position: absolute; left: 27px; top: 33px; width: 8px; height: 5px; border-left: 2px solid var(--ajd-brand); border-bottom: 2px solid var(--ajd-brand); transform: rotate(-45deg); }
.ajd-promise-strip strong { font-size: 1.02rem; }
.ajd-promise-strip span { color: var(--ajd-muted); font-size: .93rem; }

/* ---------- bands ---------- */
.ajd-band { padding: 80px 0; }
.ajd-band--mist { background: var(--ajd-mist); }
.ajd-band__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px 24px; flex-wrap: wrap; margin-bottom: 32px; }
.ajd-band__head h2 { margin: 0; }
.ajd-band__head a { font-weight: 600; }
.ajd-split--aside { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 56px; }
.ajd-split--contact { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 56px; }

/* inner page banner, with a small card motif */
.ajd-pagehead { position: relative; overflow: hidden; background: var(--ajd-brand-tint); border-bottom: 1px solid color-mix(in srgb, var(--ajd-brand) 18%, #fff); padding: 56px 0 48px; }
.ajd-pagehead h1 { margin: 0; max-width: 20ch; }
.ajd .ajd-pagehead__lede { margin: 14px 0 0; font-size: 1.15rem; color: var(--ajd-ink-2); max-width: 58ch; }
.ajd-pagehead::after { content: ""; position: absolute; right: max(24px, calc((100vw - var(--ajd-wrap)) / 2 + 16px)); top: 50%; width: 132px; height: 86px; transform: translateY(-50%) rotate(-4deg); background:
	linear-gradient(var(--ajd-brand), var(--ajd-brand)) 0 0 / 38px 38px no-repeat,
	linear-gradient(var(--ajd-brand), var(--ajd-brand)) 47px 0 / 38px 38px no-repeat,
	linear-gradient(var(--ajd-brand), var(--ajd-brand)) 94px 0 / 38px 38px no-repeat,
	linear-gradient(var(--ajd-accent), var(--ajd-accent)) 0 48px / 38px 38px no-repeat,
	linear-gradient(color-mix(in srgb, var(--ajd-brand) 18%, #fff), color-mix(in srgb, var(--ajd-brand) 18%, #fff)) 47px 48px / 38px 38px no-repeat,
	linear-gradient(color-mix(in srgb, var(--ajd-brand) 18%, #fff), color-mix(in srgb, var(--ajd-brand) 18%, #fff)) 94px 48px / 38px 38px no-repeat; border-radius: 6px; opacity: .9; }

/* ---------- steps (a real sequence, so numbered) ---------- */
.ajd-steps { list-style: none; counter-reset: step; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.ajd-steps li { counter-increment: step; position: relative; }
.ajd-steps li::before { content: counter(step); display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 50%; background: var(--ajd-paper); border: 2px solid var(--ajd-brand); color: var(--ajd-brand); font: 600 1.6rem/1 var(--ajd-display); position: relative; z-index: 1; }
.ajd-steps li:not(:last-child)::after { content: ""; position: absolute; top: 28px; left: 72px; right: -24px; border-top: 2px dashed color-mix(in srgb, var(--ajd-brand) 40%, #fff); }
.ajd-steps h3 { font-size: 1.2rem; }
.ajd-steps p { color: var(--ajd-ink-2); margin: 0; }

.ajd-ticks { list-style: none; margin: 0; padding: 0; }
.ajd-ticks li { position: relative; padding: 0 0 22px 40px; color: var(--ajd-ink-2); }
.ajd-ticks li strong { color: var(--ajd-ink); }
.ajd-ticks li::before { content: ""; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; border-radius: 50%; background: var(--ajd-brand); }
.ajd-ticks li::after { content: ""; position: absolute; left: 7px; top: 9px; width: 9px; height: 5px; border-left: 2.5px solid var(--ajd-on-brand); border-bottom: 2.5px solid var(--ajd-on-brand); transform: rotate(-45deg); }

.ajd-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 32px; margin-top: 24px; }
.ajd-quotes blockquote { margin: 0; padding: 0 0 0 20px; border-left: 4px solid var(--ajd-accent); }
.ajd-quotes blockquote p { font-family: var(--ajd-display); font-size: 1.15rem; line-height: 1.5; color: var(--ajd-ink); }
.ajd-quotes footer { font-weight: 600; color: var(--ajd-ink-2); }

.ajd-faq { border-bottom: 1px solid var(--ajd-line); }
.ajd-faq:first-child { border-top: 1px solid var(--ajd-line); }
.ajd-faq summary { cursor: pointer; padding: 18px 0; font-weight: 600; font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.ajd-faq summary::-webkit-details-marker { display: none; }
.ajd-faq summary::after { content: "+"; font-size: 1.5rem; line-height: 1; color: var(--ajd-brand); flex: none; }
.ajd-faq[open] summary::after { content: "−"; }
.ajd-faq p { color: var(--ajd-ink-2); max-width: 68ch; }

/* closing band */
.ajd-cta { position: relative; overflow: hidden; background: var(--ajd-brand); color: var(--ajd-on-brand); padding: 64px 0; }
.ajd-cta::before { content: ""; position: absolute; inset: 0 0 0 55%; background-image: linear-gradient(color-mix(in srgb, var(--ajd-on-brand) 9%, transparent) 1.5px, transparent 1.5px), linear-gradient(90deg, color-mix(in srgb, var(--ajd-on-brand) 9%, transparent) 1.5px, transparent 1.5px); background-size: 56px 56px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 50%); mask-image: linear-gradient(90deg, transparent, #000 50%); }
.ajd-cta__in { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 24px 40px; flex-wrap: wrap; }
.ajd-public .ajd-cta h2 { color: var(--ajd-on-brand); margin: 0 0 8px; }
.ajd-cta p { margin: 0; max-width: 52ch; color: color-mix(in srgb, var(--ajd-on-brand) 85%, transparent); }

/* open groups on the website */
.ajd-public .ajd-offers { margin-bottom: 0; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 24px; }
.ajd-public .ajd-offer { border-top-width: 6px; padding: 22px; box-shadow: 0 18px 36px -28px rgba(24, 35, 58, .35); }
.ajd-public .ajd-offer__amt { font-family: var(--ajd-display); font-weight: 600; }
.ajd .ajd-plans-note { margin: 20px 0 0; font-size: .95rem; }
.ajd-empty--roomy { padding: 32px; background: var(--ajd-paper); }
.ajd-empty--roomy h2 { font-size: 1.4rem; }

/* talk-to-us card and contact list */
.ajd-reach { background: var(--ajd-mist); border-radius: var(--ajd-radius); padding: 24px; position: sticky; top: 100px; }
.ajd-public .ajd-reach h2 { font-size: 1.3rem; margin-bottom: 4px; }
.ajd .ajd-reach__hours { color: var(--ajd-muted); font-size: .95rem; }
.ajd-reach__list { display: grid; gap: 10px; }
.ajd-reach__item { position: relative; display: grid; gap: 1px; padding: 12px 14px 12px 60px; min-height: 60px; align-content: center; background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-radius: var(--ajd-radius-sm); color: var(--ajd-ink) !important; text-decoration: none; font-weight: 600; overflow-wrap: anywhere; }
a.ajd-reach__item:hover { border-color: var(--ajd-brand); }
.ajd-reach__item span { font-size: .82rem; font-weight: 600; color: var(--ajd-muted); }
.ajd-reach__item::before { content: ""; position: absolute; left: 14px; top: 50%; width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; background: var(--ajd-brand-tint); }
.ajd-reach__item::after { content: ""; position: absolute; left: 21px; top: 50%; width: 18px; height: 18px; margin-top: -9px; background: var(--ajd-brand); -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.ajd-reach--tel { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); }
.ajd-reach--wa { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5l1.3-4.2A8.5 8.5 0 1 1 8 19.4z'/%3E%3Cpath d='M9 9.5c.3 2.4 2.1 4.3 4.5 5l1.3-1.3 1.7.8'/%3E%3C/svg%3E"); }
.ajd-reach--mail { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6l8.5 7 8.5-7'/%3E%3C/svg%3E"); }
.ajd-reach--form { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='M13 7l4 4'/%3E%3C/svg%3E"); }
.ajd-reach--map { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
.ajd-reach--clock { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.ajd-reach__list--wide .ajd-reach__item { min-height: 68px; font-size: 1.05rem; }
.ajd-public .ajd-contact__h { font-size: 1.3rem; }
.ajd-panel--form { padding: 28px; box-shadow: 0 24px 48px -32px rgba(24, 35, 58, .35); }
.ajd-public .ajd-panel--form h2 { font-size: 1.4rem; }

.ajd-prose--lead > p:first-child { font-size: 1.2rem; color: var(--ajd-ink); }
.ajd-prose p { color: var(--ajd-ink-2); }
.ajd-legal { margin: 0 auto 0 0; }
.ajd-legal h2 { font-size: 1.35rem; }

/* sign-in and registration pages */
.ajd-main:has(> .ajd-auth) { background: var(--ajd-brand-tint); }
.ajd-auth { max-width: 480px; padding-top: 56px; padding-bottom: 80px; }
.ajd-auth .ajd-panel { padding: 32px 28px; border-color: color-mix(in srgb, var(--ajd-brand) 15%, var(--ajd-line)); box-shadow: 0 30px 60px -36px rgba(24, 35, 58, .45); }
.ajd-public .ajd-auth h1 { font-size: 2rem; }

/* ---------- footer ---------- */
.ajd-site-footer { background: var(--ajd-ink); color: #C9D0DC; padding: 64px 0 0; font-size: .97rem; }
.ajd-site-footer a { color: #fff; text-decoration: none; }
.ajd-site-footer a:hover { text-decoration: underline; }
.ajd-site-footer__in { display: grid; grid-template-columns: 1.5fr 1fr 1.2fr 1fr; gap: 40px; padding-bottom: 48px; }
.ajd-site-footer__name { color: #fff; font: 600 1.35rem/1.2 var(--ajd-display); margin-bottom: 10px; }
.ajd-site-footer__addr { color: #A9B2C3; }
.ajd-public .ajd-site-footer__h { font: 700 .95rem/1.3 var(--ajd-font); color: #fff; margin: 4px 0 14px; letter-spacing: 0; }
.ajd-site-footer li { margin-bottom: 10px; }
.ajd-site-footer__dim { color: #A9B2C3; }
.ajd-site-footer__base { display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; padding: 20px 0 28px; border-top: 1px solid rgba(255, 255, 255, .12); color: #A9B2C3; font-size: .9rem; }
.ajd-site-footer__base p { margin: 0; }
.ajd-site-footer__base ul { display: flex; gap: 20px; flex-wrap: wrap; }
.ajd-site-footer__base li { margin: 0; }
.ajd-site-footer__base a { color: #C9D0DC; }

/* ---------- website on tablets and phones ---------- */
@media (max-width: 1020px) {
	.ajd-site-nav ul { gap: 18px; }
	.ajd-site-footer__in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
	.ajd-hero { padding: 48px 0 64px; }
	.ajd-hero::before { inset: 0; }
	.ajd-hero__in { grid-template-columns: 1fr; gap: 44px; }
	.ajd-card-visual { max-width: 440px; }
	.ajd-split--aside, .ajd-split--contact { grid-template-columns: 1fr; gap: 40px; }
	.ajd-reach { position: static; }
	.ajd-steps { grid-template-columns: 1fr; gap: 28px; }
	.ajd-steps li { padding-left: 76px; min-height: 56px; }
	.ajd-steps li::before { position: absolute; left: 0; top: 0; margin: 0; }
	.ajd-steps li:not(:last-child)::after { top: 64px; bottom: -24px; left: 27px; right: auto; border-top: 0; border-left: 2px dashed color-mix(in srgb, var(--ajd-brand) 40%, #fff); }
	.ajd-pagehead::after { display: none; }
}
@media (max-width: 860px) {
	.ajd-menu-btn { display: inline-flex; }
	.ajd-site-header__in { gap: 10px; min-height: 64px; }
	.ajd-site-nav { order: 10; display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 14px; padding: 0 0 18px; }
	.ajd-site-nav.is-open { display: flex; }
	.ajd-site-nav ul { flex-direction: column; gap: 0; }
	.ajd-site-nav ul a { display: block; padding: 14px 0; border-bottom: 1px solid var(--ajd-line); }
	.ajd-site-nav ul a[aria-current="page"] { border-bottom-color: var(--ajd-line); box-shadow: inset 3px 0 0 var(--ajd-accent); padding-left: 12px; }
	.ajd-site-nav__cta .ajd-btn { flex: 1; }
}
@media (max-width: 760px) {
	.ajd-brand img { max-height: 36px; }
	.ajd-acct__label { display: none; }
	.ajd-acct__btn { padding-right: 10px; gap: 6px; }
	.ajd-acct { position: static; }
	.ajd-acct__menu { position: absolute; left: var(--ajd-gutter); right: var(--ajd-gutter); top: calc(100% + 6px); width: auto; }
	.ajd-site-header__in { position: relative; }
	.ajd-public .ajd-hero__title { max-width: none; }
	.ajd-hero__lede { font-size: 1.08rem; }
	.ajd-hero .ajd-actions .ajd-btn { flex: 1 1 100%; }
	.ajd-card-visual { transform: none; padding: 18px; }
	.ajd-promise-strip ul { grid-template-columns: 1fr; }
	.ajd-promise-strip li { padding: 16px 8px 16px 44px; }
	.ajd-promise-strip li + li { border-left: 0; border-top: 1px solid var(--ajd-line); }
	.ajd-promise-strip li::before { left: 8px; top: 19px; }
	.ajd-promise-strip li::after { left: 15px; top: 25px; }
	.ajd-band { padding: 56px 0; }
	.ajd-pagehead { padding: 36px 0 32px; }
	.ajd-cta { padding: 48px 0; }
	.ajd-cta .ajd-btn { width: 100%; }
	.ajd-site-footer { padding-top: 48px; }
	.ajd-site-footer__in { grid-template-columns: 1fr; gap: 28px; }
	.ajd-auth { padding-top: 28px; }
	.ajd-auth .ajd-panel { padding: 24px 18px; border: 1px solid var(--ajd-line); background: var(--ajd-paper); }
	.ajd-panel--form { padding: 20px 16px; }
}

/* ==========================================================================
   News and notices, social links (0.11.0)
   ========================================================================== */

/* homepage "Latest from" feed */
.ajd-band--latest { padding-top: 64px; padding-bottom: 64px; }
.ajd-feed { display: grid; gap: 0; border-top: 1px solid var(--ajd-line); }
.ajd-feed__item { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--ajd-line); }
.ajd-feed__date { display: grid; place-items: center; width: 56px; height: 60px; border-radius: var(--ajd-radius-sm); background: var(--ajd-brand-tint); color: var(--ajd-brand-deep); font-size: .78rem; font-weight: 700; line-height: 1; padding-top: 6px; }
.ajd-feed__date span { font: 600 1.45rem/1 var(--ajd-display); color: var(--ajd-ink); }
.ajd-feed__body h3 { margin: 0 0 4px; font-family: var(--ajd-display); font-size: 1.15rem; font-weight: 600; }
.ajd-feed__body h3 a { color: var(--ajd-ink) !important; text-decoration: none; }
.ajd-feed__body h3 a:hover { text-decoration: underline; }
.ajd .ajd-feed__body p { margin: 0; color: var(--ajd-ink-2); font-size: .97rem; }
.ajd .ajd-feed__pin, .ajd-news__meta .ajd-feed__pin { display: inline-block; margin: 0 0 6px; padding: 1px 10px; border-radius: 20px; background: var(--ajd-accent); color: var(--ajd-on-accent); font-size: .78rem; font-weight: 700; }
.ajd-feed__item.is-pinned .ajd-feed__date { background: var(--ajd-accent); color: var(--ajd-on-accent); }
.ajd-feed__item.is-pinned .ajd-feed__date span { color: var(--ajd-on-accent); }
.ajd-feed__img { width: 96px; height: 96px; object-fit: cover; border-radius: var(--ajd-radius-sm); }
.ajd-feed__item--activity { grid-template-columns: 56px 1fr; align-items: center; padding: 12px 0; }
.ajd-feed__dot { justify-self: center; width: 12px; height: 12px; border-radius: 50%; background: var(--ajd-brand); box-shadow: 0 0 0 5px var(--ajd-brand-tint); }
.ajd-feed--group_full .ajd-feed__dot { background: var(--ajd-accent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--ajd-accent) 22%, #fff); }
.ajd-feed--group_started .ajd-feed__dot { background: var(--ajd-ink-2); box-shadow: 0 0 0 5px var(--ajd-mist); }
.ajd .ajd-feed__item--activity p { margin: 0; font-weight: 600; color: var(--ajd-ink); }
.ajd-feed__when { font-weight: 400; color: var(--ajd-muted); font-size: .9rem; margin-left: 6px; white-space: nowrap; }
.ajd-feed--compact { border-top: 0; }
.ajd-feed--compact .ajd-feed__item--activity { grid-template-columns: 24px 1fr; gap: 12px; border-bottom-color: color-mix(in srgb, var(--ajd-line) 70%, transparent); }
.ajd-feed--compact .ajd-feed__item:last-child { border-bottom: 0; }
.ajd-feed--compact p { font-size: .95rem; }

/* News page */
.ajd-news { display: grid; gap: 28px; }
.ajd-news__item { display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid var(--ajd-line); }
.ajd-news__item:not(:has(.ajd-news__img)) { grid-template-columns: 1fr; }
.ajd-news__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--ajd-radius); }
.ajd .ajd-news__meta { display: flex; gap: 10px; align-items: center; margin: 0 0 6px; color: var(--ajd-muted); font-size: .92rem; }
.ajd-news__meta .ajd-feed__pin { margin: 0; }
.ajd-public .ajd-news h2 { font-size: 1.45rem; margin-bottom: 8px; }
.ajd-news h2 a { color: var(--ajd-ink) !important; text-decoration: none; }
.ajd-news h2 a:hover { text-decoration: underline; }
.ajd-news__more { font-weight: 600; }
.ajd-aside-stack { display: grid; gap: 24px; align-content: start; }
.ajd-aside-stack .ajd-reach { position: static; }
.ajd-activity { background: var(--ajd-paper); border: 1px solid var(--ajd-line); }

/* one notice */
.ajd-notice__img { display: block; width: 100%; max-height: 460px; object-fit: cover; border-radius: var(--ajd-radius); margin: 0 0 24px; }
.ajd-notice .ajd-prose { font-size: 1.05rem; }
.ajd-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 32px 0 12px; padding-top: 20px; border-top: 1px solid var(--ajd-line); }
.ajd .ajd-share p { margin: 0 8px 0 0; font-weight: 600; }
.ajd-share .ajd-btn { min-height: 40px; padding: 8px 14px; font-size: .95rem; }

/* "what's hot" labels on group cards */
.ajd .ajd-offer__labels { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.ajd-hot { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: .78rem; font-weight: 700; line-height: 1.5; }
.ajd-hot--new { background: var(--ajd-brand-tint); color: var(--ajd-brand-deep); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ajd-brand) 30%, #fff); }
.ajd-hot--fast { background: var(--ajd-wait-bg); color: var(--ajd-wait); }
.ajd-hot--few { background: var(--ajd-accent); color: var(--ajd-on-accent); }

/* social links */
.ajd-social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ajd-social__link { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 14px 6px 8px; border-radius: 999px; text-decoration: none !important; font-weight: 600; font-size: .92rem; }
.ajd-social__ico { width: 26px; height: 26px; border-radius: 50%; display: inline-grid; place-items: center; position: relative; flex: none; }
.ajd-social__ico::after { content: ""; width: 15px; height: 15px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.ajd-social--facebook { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c.7-3.5 3.2-5.5 6-5.5s5.3 2 6 5.5'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M16 14.4c2.5.2 4.3 1.8 5 4.6'/%3E%3C/svg%3E"); }
.ajd-social--instagram { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.2' cy='6.8' r='.6' fill='black'/%3E%3C/svg%3E"); }
.ajd-social--tiktok { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V6l10-2v12'/%3E%3Ccircle cx='6.5' cy='18' r='2.5'/%3E%3Ccircle cx='16.5' cy='16' r='2.5'/%3E%3C/svg%3E"); }
.ajd-social--footer .ajd-social__link { color: #fff !important; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.ajd-social--footer .ajd-social__link:hover { background: rgba(255, 255, 255, .16); }
.ajd-social--footer .ajd-social__ico { background: rgba(255, 255, 255, .14); }
.ajd-social--footer li { margin: 0; }
.ajd-social--chips .ajd-social__link { color: var(--ajd-ink) !important; background: var(--ajd-paper); box-shadow: inset 0 0 0 1px var(--ajd-line); }
.ajd-social--chips .ajd-social__link:hover { box-shadow: inset 0 0 0 1.5px var(--ajd-brand); }
.ajd-social--chips .ajd-social__ico { background: var(--ajd-brand-tint); color: var(--ajd-brand); }
.ajd-public .ajd-contact__h--follow { margin-top: 32px; }

/* dashboards */
.ajd-ico-notices { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 10v4h3l7 4V6L7 10z'/%3E%3Cpath d='M17.5 9a4 4 0 0 1 0 6M7 14l1.5 5h2.5l-1-4.5'/%3E%3C/svg%3E"); }
.ajd-rail__item { position: relative; }
.ajd-rail__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--ajd-accent); box-shadow: 0 0 0 2px var(--ajd-paper); margin-left: auto; }
.ajd-notices-card { border-top: 4px solid var(--ajd-accent); }
.ajd-notices-card .ajd-title-row { margin-bottom: 8px; }
.ajd-notices-card h2 { margin: 0; }
.ajd-notices-card .ajd-rows { border: 0; margin: 0; }
.ajd-notices-card .ajd-rows a { padding-left: 0; padding-right: 0; }

@media (max-width: 760px) {
	.ajd-feed__item { grid-template-columns: auto 1fr; gap: 14px; }
	.ajd-feed__img { display: none; }
	.ajd-feed__item--activity { grid-template-columns: 56px 1fr; }
	.ajd-news__item { grid-template-columns: 1fr; gap: 14px; }
	.ajd-share .ajd-btn { flex: 1 1 100%; }
}

/* ==========================================================================
   Phone navigation (0.11.1)
   Wide screens: the side rail, unchanged. Phones: a bottom bar with the four
   most-used pages + Menu; Menu slides the full rail in from the right.
   Without JavaScript the Menu link opens the panel through #ajd-nav (:target).
   ========================================================================== */
.ajd-tabbar, .ajd-nav-backdrop, .ajd-rail__head, .ajd-rail__foot { display: none; }
.ajd-ico-menu { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16'/%3E%3C/svg%3E"); }

@media (max-width: 760px) {
	/* bottom bar */
	.ajd-tabbar { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; background: var(--ajd-paper); border-top: 1px solid var(--ajd-line); box-shadow: 0 -2px 12px rgba(24, 35, 58, .06); padding: 0 6px env(safe-area-inset-bottom); }
	.ajd-tabbar ul { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; list-style: none; margin: 0 auto; padding: 0; max-width: 520px; }
	.ajd-tabbar__item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 60px; padding: 8px 2px 6px; color: var(--ajd-muted) !important; text-decoration: none !important; font-size: .75rem; font-weight: 600; line-height: 1.1; -webkit-tap-highlight-color: transparent; }
	.ajd-tabbar__item::before { content: ""; width: 24px; height: 24px; flex: none; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
	.ajd-tabbar__label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.ajd-tabbar__item[aria-current="page"], .ajd-tabbar__item.is-here { color: var(--ajd-brand) !important; }
	.ajd-tabbar__item[aria-current="page"]::after, .ajd-tabbar__item.is-here::after { content: ""; position: absolute; top: 0; left: 50%; width: 32px; height: 3px; margin-left: -16px; border-radius: 0 0 3px 3px; background: var(--ajd-brand); }
	.ajd-tabbar__item:focus-visible { outline: 2px solid var(--ajd-brand); outline-offset: -4px; border-radius: 10px; }
	.ajd-tabbar .ajd-rail__dot { position: absolute; top: 7px; left: calc(50% + 7px); margin: 0; }

	/* the rail becomes a panel that slides in from the right */
	.ajd-rail { position: fixed; top: 0; right: 0; bottom: 0; z-index: 60; width: min(320px, 86vw); display: flex; flex-direction: column; padding: 0 12px calc(16px + env(safe-area-inset-bottom)); border-right: 0; border-left: 1px solid var(--ajd-line); box-shadow: -12px 0 32px rgba(24, 35, 58, .18); overflow-y: auto; overscroll-behavior: contain; transform: translateX(105%); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s; }
	.ajd-rail:target, html.ajd-nav-open .ajd-rail { transform: none; visibility: visible; transition: transform .25s ease; }
	.ajd-rail ul { flex: 1 0 auto; }
	.ajd-rail__item { min-height: 48px; }
	.ajd-rail__head { display: flex; align-items: center; gap: 12px; position: sticky; top: 0; z-index: 1; margin: 0 -12px 8px; padding: 14px 8px 14px 16px; background: var(--ajd-paper); border-bottom: 1px solid var(--ajd-line); }
	.ajd-rail__me { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.3; }
	.ajd-rail__me strong, .ajd-rail__me span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.ajd-rail__me span { color: var(--ajd-muted); font-size: .85rem; }
	.ajd-rail__close { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--ajd-ink) !important; }
	.ajd-rail__close::before { content: ""; width: 22px; height: 22px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat; }
	.ajd-rail__close:hover { background: var(--ajd-mist); }
	.ajd-rail__extra { margin: 16px 12px 0; }
	.ajd-rail__foot { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; padding: 16px 12px 0; border-top: 1px solid var(--ajd-line); }
	.ajd-rail__foot form { margin: 0; }
	.ajd-rail__logout { width: 100%; }

	.ajd-nav-backdrop { display: block; position: fixed; inset: 0; z-index: 50; background: rgba(24, 35, 58, .45); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility 0s linear .25s; }
	.ajd-rail:target ~ .ajd-nav-backdrop, html.ajd-nav-open .ajd-nav-backdrop { opacity: 1; visibility: visible; transition: opacity .25s ease; }
	html.ajd-nav-open, html.ajd-nav-open body { overflow: hidden; }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
	.ajd-rail, .ajd-rail:target, html.ajd-nav-open .ajd-rail, .ajd-nav-backdrop { transition: none; }
}

/* ==========================================================================
   Getting started checklist on the business dashboard (0.12.0)
   ========================================================================== */
.ajd-setup { background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-top: 4px solid var(--ajd-brand); border-radius: var(--ajd-radius); padding: 20px 22px 8px; margin: 0 0 24px; }
.ajd-setup__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ajd-setup__top h2 { margin: 0 0 4px; }
.ajd-setup__top form { margin: 0; flex: none; }
.ajd-setup__count { margin: 0; color: var(--ajd-muted); font-size: .95rem; }
.ajd-setup__bar { height: 6px; border-radius: 999px; background: var(--ajd-mist); margin: 14px 0 6px; overflow: hidden; }
.ajd-setup__bar span { display: block; height: 100%; border-radius: inherit; background: var(--ajd-brand); }
.ajd-setup__list { list-style: none; margin: 0; padding: 0; }
.ajd-setup__step { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid var(--ajd-line); }
.ajd-setup__step:first-child { border-top: 0; }
.ajd-setup__tick { width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--ajd-line); background: var(--ajd-paper); }
.ajd-setup__step.is-next .ajd-setup__tick { box-shadow: inset 0 0 0 2px var(--ajd-brand); }
.ajd-setup__step.is-done .ajd-setup__tick { background: var(--ajd-brand); box-shadow: none; position: relative; }
.ajd-setup__step.is-done .ajd-setup__tick::after { content: ""; position: absolute; inset: 0; background: var(--ajd-on-brand); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 16px no-repeat; }
.ajd-setup__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ajd-setup__step.is-done strong { color: var(--ajd-muted); font-weight: 500; text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--ajd-muted) 50%, transparent); }
.ajd-setup__hint { color: var(--ajd-muted); font-size: .92rem; }
.ajd-setup__go { min-height: 40px; padding: 8px 14px; font-size: .95rem; white-space: nowrap; }
.ajd-setup-again { margin-top: 24px; }
@media (max-width: 760px) {
	.ajd-setup { padding: 16px 16px 4px; }
	.ajd-setup__step { grid-template-columns: 28px 1fr; }
	.ajd-setup__go { grid-column: 2; justify-self: start; }
}

/* 0.12.0: footer social links are icons only; official icon files can be
   placed in wp-content/ajodesk-social/ (see docs/04). */
.ajd-social--icons { gap: 12px; }
.ajd-social--icons .ajd-social__link { width: 44px; height: 44px; min-height: 0; padding: 0; justify-content: center; border-radius: 50%; }
.ajd-social--icons .ajd-social__ico { width: 44px; height: 44px; background: transparent !important; }
.ajd-social--icons .ajd-social__ico::after { width: 20px; height: 20px; }
.ajd-social--icons .ajd-social__link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ajd-social__img { width: 24px; height: 24px; object-fit: contain; display: block; flex: none; }
.ajd-social--icons .ajd-social__link.has-img { background: #fff; box-shadow: none; }
.ajd-social--icons .ajd-social__link.has-img:hover { background: #fff; transform: translateY(-1px); }
.ajd-social--chips .ajd-social__link.has-img .ajd-social__img { width: 22px; height: 22px; }

/* Plan form (0.13.0): only the fee box for the chosen method is shown. */
.ajd-field[hidden] {
	display: none;
}

/* Inbox and messages (0.14.0): unread rows stand out. */
.ajd-rows .is-unread > a,
.ajd-rows .is-unread > .ajd-rows__static {
	background: var(--ajd-mist);
	box-shadow: inset 4px 0 0 var(--ajd-brand);
}
.ajd-inbox .ajd-rows__main {
	font-weight: 500;
}
.ajd-inbox .is-unread .ajd-rows__main {
	font-weight: 700;
}
/* Inbox (tray) and Messages (two speech bubbles) menu icons, 0.14.0. */
.ajd-ico-inbox { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 13l2.5-7h11L20 13v5H4z'/%3E%3Cpath d='M4 13h4.5l1 2h5l1-2H20'/%3E%3C/svg%3E"); }
.ajd-ico-messages { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3 5h12v8H8l-5 3.5z'/%3E%3Cpath d='M15 9h6v8.5L18 15h-6v-2'/%3E%3C/svg%3E"); }

/* Push alerts (0.15.0): "Alerts on this phone" card. Only the part for the
   current state shows; the Inbox version hides itself once alerts are on. */
.ajd-push { background: var(--ajd-paper); border: 1px solid var(--ajd-line); border-left: 4px solid var(--ajd-brand); border-radius: var(--ajd-radius); padding: 18px 20px; margin: 0 0 24px; }
.ajd-push[hidden], .ajd-push[data-quiet].ajd-push--compact { display: none; }
.ajd-push h2 { font-size: 1.1rem; margin-bottom: .4em; }
.ajd-push p { margin: 0 0 12px; }
.ajd-push [data-when] { display: none; }
.ajd-push[data-state="off"] [data-when="off"],
.ajd-push[data-state="on"] [data-when="on"],
.ajd-push[data-state="ios"] [data-when="ios"],
.ajd-push[data-state="blocked"] [data-when="blocked"],
.ajd-push[data-state="unsupported"] [data-when="unsupported"] { display: block; }
.ajd-push__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.ajd-push__steps { margin: 0 0 12px; padding-left: 22px; }
.ajd-push__steps li { margin-bottom: 6px; }
.ajd-push__msg { margin: 0 !important; font-weight: 600; color: var(--ajd-ink-2); }
.ajd-push__msg:empty { display: none; }
.ajd-push button[aria-busy="true"] { opacity: .7; cursor: progress; }
.ajd-devices { list-style: none; margin: 0 0 12px; padding: 0; border-top: 1px solid var(--ajd-line); }
.ajd-devices li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 12px 0; border-bottom: 1px solid var(--ajd-line); }
.ajd-devices__name { font-weight: 600; }
.ajd-devices__sub { display: block; font-size: .9rem; color: var(--ajd-muted); font-weight: 400; }
.ajd-devices form { margin: 0; }
/* Notification settings: one row per kind, with Email and Push columns. */
.ajd-notify { width: 100%; border-collapse: collapse; margin: 0 0 12px; }
.ajd-notify th, .ajd-notify td { padding: 10px 8px; border-bottom: 1px solid var(--ajd-line); text-align: left; vertical-align: top; }
.ajd-notify thead th { font-size: .9rem; color: var(--ajd-ink-2); }
.ajd-notify .ajd-notify__tick { width: 72px; text-align: center; }
.ajd-notify .ajd-notify__tick input { width: 22px; height: 22px; margin: 2px 0 0; }
.ajd-notify td strong { display: block; }
/* 0.15.1: unread rows in the dashboard cards keep their text clear of the coloured bar. */
.ajd-notices-card .ajd-rows .is-unread > a { padding-left: 14px; padding-right: 10px; border-radius: var(--ajd-radius-sm); }