/* Londribag ERP — Red & White theme */
:root {
    --lb-red: #E63946;
    --lb-red-dark: #C1121F;
    --lb-red-soft: #FDECEE;
    --lb-white: #FFFFFF;
    --lb-dark: #2B2D42;
    --lb-light: #F8F9FA;
    --lb-muted: #8D99AE;
    --lb-sidebar-w: 250px;
    --lb-topbar-h: 64px;
    --bs-primary: #E63946;
    --bs-primary-rgb: 230, 57, 70;
    --bs-link-color: #E63946;
    --bs-link-hover-color: #C1121F;
}

body {
    background: var(--lb-light);
    color: var(--lb-dark);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    font-size: .92rem;
}

/* ---------- Top navigation ---------- */
.lb-topbar {
    position: fixed; inset: 0 0 auto 0; height: var(--lb-topbar-h); z-index: 1030;
    background: var(--lb-white); border-bottom: 1px solid #eceef1;
    display: flex; align-items: center; gap: 1rem; padding: 0 1.25rem;
    box-shadow: 0 2px 12px rgba(43, 45, 66, .05);
}
.lb-brand { display: flex; align-items: center; gap: .6rem; font-weight: 800; letter-spacing: .5px; color: var(--lb-dark); text-decoration: none; white-space: nowrap; }
.lb-brand .logo { width: 36px; height: 36px; border-radius: 10px; background: var(--lb-red); color: #fff; display: grid; place-items: center; font-size: 1.05rem; }
.lb-brand span.accent { color: var(--lb-red); }
.lb-live-badge { background: var(--lb-red-soft); color: var(--lb-red); border: 1px solid rgba(230,57,70,.25); font-weight: 600; font-size: .75rem; border-radius: 50rem; padding: .3rem .7rem; white-space: nowrap; }
.lb-live-badge .pulse { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--lb-red); margin-right: 4px; animation: lbPulse 1.4s infinite; }
@keyframes lbPulse { 0% { box-shadow: 0 0 0 0 rgba(230,57,70,.6); } 70% { box-shadow: 0 0 0 8px rgba(230,57,70,0); } 100% { box-shadow: 0 0 0 0 rgba(230,57,70,0); } }
.lb-filter .form-select, .lb-filter .form-control { font-size: .82rem; border-radius: 10px; border-color: #e3e6ea; }
.lb-icon-btn { position: relative; width: 40px; height: 40px; border-radius: 12px; border: 1px solid #eceef1; background: #fff; color: var(--lb-dark); display: grid; place-items: center; }
.lb-icon-btn .count { position: absolute; top: -4px; right: -4px; background: var(--lb-red); color: #fff; font-size: .65rem; border-radius: 50rem; padding: 1px 6px; }
.lb-avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--lb-dark); color: #fff; display: grid; place-items: center; font-weight: 700; }

/* ---------- Sidebar ---------- */
/* Theme variables default to Londribag red / white / yellow; the layout overrides them from dynamic_ui_configs. */
.lb-sidebar {
    --lb-sb-bg: #E63946;
    --lb-sb-text: #FFFFFF;
    --lb-sb-active: #FFD166;
    --lb-sb-active-text: #2B2D42;
    position: fixed; top: var(--lb-topbar-h); bottom: 0; left: 0; width: var(--lb-sidebar-w);
    background: var(--lb-sb-bg); color: var(--lb-sb-text); border-right: 1px solid rgba(0,0,0,.06);
    padding: 1rem .75rem; overflow-y: auto; z-index: 1020;
    transition: transform .25s ease;
}
.lb-sidebar .nav-caption { font-size: .68rem; text-transform: uppercase; letter-spacing: 1px; color: var(--lb-sb-text); opacity: .7; padding: .75rem .9rem .35rem; font-weight: 700; }
.lb-sidebar .nav-link { color: var(--lb-sb-text); border-radius: 50rem; padding: .6rem 1rem; display: flex; align-items: center; gap: .75rem; font-weight: 500; margin-bottom: 3px; transition: background .15s ease, color .15s ease; }
.lb-sidebar .nav-link i { width: 20px; text-align: center; color: var(--lb-sb-text); }
.lb-sidebar .nav-link:hover, .lb-sidebar .nav-link:focus-visible { background: rgba(255,255,255,.16); color: var(--lb-sb-text); }
.lb-sidebar .nav-link:hover i { color: var(--lb-sb-text); }
.lb-sidebar .nav-link.active { background: var(--lb-sb-active); color: var(--lb-sb-active-text); font-weight: 700; box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.lb-sidebar .nav-link.active i { color: var(--lb-sb-active-text); }
/* Sidebar: categories separated by a divider (no highlight), dropdown menus with indented sub-menus */
.lb-sidebar .lb-sb-category { padding: .35rem 0 .45rem; }
.lb-sidebar .lb-sb-category + .lb-sb-category { border-top: 1px solid rgba(255,255,255,.28); }
.lb-sidebar .lb-sb-heading { display: flex; align-items: center; gap: .6rem; width: 100%; background: none; border: 0; padding: .7rem .9rem .5rem; color: var(--lb-sb-text); cursor: pointer; text-align: left; }
.lb-sidebar .lb-sb-heading:focus-visible { outline: 2px solid rgba(255,255,255,.6); outline-offset: -2px; border-radius: .5rem; }
.lb-sidebar .lb-sb-heading-icon { width: 22px; height: 22px; flex: 0 0 22px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.45); border-radius: .4rem; font-size: .66rem; }
.lb-sidebar .lb-sb-heading-label { flex: 1 1 auto; font-size: .7rem; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; opacity: .85; }
.lb-sidebar .lb-sb-heading:hover .lb-sb-heading-label { opacity: 1; }
.lb-sidebar .lb-sb-caret { font-size: .62rem; width: auto !important; opacity: .8; transition: transform .2s ease; }
.lb-sidebar [aria-expanded="true"] > .lb-sb-caret, .lb-sidebar [aria-expanded="true"] .lb-sb-caret { transform: rotate(90deg); }
.lb-sidebar .lb-sb-row { position: relative; }
.lb-sidebar .lb-sb-group { border: 0; background: none; width: 100%; text-align: left; }
.lb-sidebar .lb-sb-caret-btn { position: absolute; top: 50%; right: .4rem; transform: translateY(-50%); width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--lb-sb-text); display: inline-flex; align-items: center; justify-content: center; }
.lb-sidebar .lb-sb-caret-btn:hover, .lb-sidebar .lb-sb-caret-btn:focus-visible { background: rgba(255,255,255,.2); }
.lb-sidebar .lb-sb-caret-btn.on-active { color: var(--lb-sb-active-text); }
.lb-sidebar .lb-sb-caret-btn.on-active:hover { background: rgba(0,0,0,.08); }
.lb-sidebar .lb-sb-children { position: relative; margin: 2px 0 6px 1.55rem; padding-left: .9rem; border-left: 2px solid rgba(255,255,255,.3); }
.lb-sidebar .nav-link.lb-sb-child { padding: .42rem .85rem; font-size: .84rem; gap: .6rem; }
.lb-sidebar .nav-link.lb-sb-child i { width: 16px; font-size: .78rem; opacity: .9; }
.lb-sidebar .nav-link.lb-sb-parent-active { font-weight: 700; }
.lb-sidebar-scope { background: rgba(255,255,255,.14); color: var(--lb-sb-text); border: 1px solid rgba(255,255,255,.22); }
.lb-sidebar-scope .muted { opacity: .75; }
.lb-sidebar::-webkit-scrollbar { width: 6px; }
.lb-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.35); border-radius: 6px; }
.lb-main { margin-left: var(--lb-sidebar-w); padding: calc(var(--lb-topbar-h) + 1.25rem) 1.5rem 2rem; min-height: 100vh; }
@media (max-width: 991.98px) {
    .lb-sidebar { transform: translateX(-100%); }
    .lb-sidebar.show { transform: translateX(0); box-shadow: 0 0 40px rgba(0,0,0,.15); }
    .lb-main { margin-left: 0; padding-left: 1rem; padding-right: 1rem; }
}

/* ---------- Cards & components ---------- */
.lb-card { background: #fff; border: 1px solid #eef0f3; border-radius: 16px; box-shadow: 0 4px 18px rgba(43,45,66,.04); }
.lb-card .card-header, .lb-card-header { background: transparent; border-bottom: 1px solid #f0f1f4; padding: 1rem 1.25rem; font-weight: 700; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.lb-card .card-body { padding: 1.25rem; }
.page-title { font-weight: 800; color: var(--lb-dark); margin-bottom: .15rem; }
.page-subtitle { color: var(--lb-muted); font-size: .85rem; }

.kpi-card { padding: 1.1rem 1.2rem; height: 100%; position: relative; overflow: hidden; }
.kpi-card .kpi-icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 1.1rem; background: var(--lb-red-soft); color: var(--lb-red); }
.kpi-card .kpi-label { font-size: .78rem; color: var(--lb-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .4px; }
.kpi-card .kpi-value { font-size: 1.35rem; font-weight: 800; color: var(--lb-dark); line-height: 1.2; }
.kpi-card.kpi-primary { background: linear-gradient(135deg, var(--lb-red), var(--lb-red-dark)); color: #fff; border: none; }
.kpi-card.kpi-primary .kpi-label, .kpi-card.kpi-primary .kpi-value, .kpi-card.kpi-primary small { color: #fff !important; }
.kpi-card.kpi-primary .kpi-icon { background: rgba(255,255,255,.2); color: #fff; }
.kpi-alert { background: #fff5f5; border: 1px dashed var(--lb-red); border-radius: 10px; font-size: .75rem; color: var(--lb-red-dark); padding: .35rem .55rem; }

.rank-item { display: flex; align-items: center; gap: .75rem; padding: .65rem 0; border-bottom: 1px dashed #eef0f3; }
.rank-item:last-child { border-bottom: none; }
.rank-badge { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; font-weight: 800; }
.rank-top { background: #e8f7ee; color: #198754; }
.rank-weak { background: var(--lb-red-soft); color: var(--lb-red); }

.progress { background: #f1f2f5; border-radius: 50rem; }
.progress-bar { background: var(--lb-red); }
.progress.lb-thin { height: 8px; }

.btn-primary, .btn-danger { --bs-btn-bg: var(--lb-red); --bs-btn-border-color: var(--lb-red); --bs-btn-hover-bg: var(--lb-red-dark); --bs-btn-hover-border-color: var(--lb-red-dark); --bs-btn-active-bg: var(--lb-red-dark); --bs-btn-disabled-bg: var(--lb-red); --bs-btn-disabled-border-color: var(--lb-red); }
.btn-outline-primary { --bs-btn-color: var(--lb-red); --bs-btn-border-color: var(--lb-red); --bs-btn-hover-bg: var(--lb-red); --bs-btn-hover-border-color: var(--lb-red); --bs-btn-active-bg: var(--lb-red-dark); }
.btn { border-radius: 10px; font-weight: 600; }
.bg-primary { background-color: var(--lb-red) !important; }
.text-primary { color: var(--lb-red) !important; }
.bg-primary-soft { background: var(--lb-red-soft) !important; }
.form-control:focus, .form-select:focus { border-color: rgba(230,57,70,.5); box-shadow: 0 0 0 .2rem rgba(230,57,70,.15); }
.form-check-input:checked { background-color: var(--lb-red); border-color: var(--lb-red); }
.nav-pills .nav-link { color: var(--lb-dark); border-radius: 10px; font-weight: 600; }
.nav-pills .nav-link.active { background: var(--lb-red); }
.table { --bs-table-hover-bg: #fff7f7; }
.table thead th { font-size: .74rem; text-transform: uppercase; letter-spacing: .4px; color: var(--lb-muted); background: #fafbfc; border-bottom-width: 1px; white-space: nowrap; }
.table td { vertical-align: middle; }
.pagination { --bs-pagination-active-bg: var(--lb-red); --bs-pagination-active-border-color: var(--lb-red); --bs-pagination-color: var(--lb-red); }
.badge-soft-danger { background: var(--lb-red-soft); color: var(--lb-red); }
.badge-soft-success { background: #e8f7ee; color: #198754; }
.dropdown-menu { border-radius: 14px; border-color: #eef0f3; box-shadow: 0 12px 30px rgba(43,45,66,.12); }
.notif-item { white-space: normal; font-size: .82rem; }

/* ---------- POS ---------- */
.pos-item { cursor: pointer; border: 1px solid #eef0f3; border-radius: 14px; padding: .9rem; transition: all .15s; background: #fff; height: 100%; }
.pos-item:hover { border-color: var(--lb-red); box-shadow: 0 6px 18px rgba(230,57,70,.12); transform: translateY(-2px); }
.pos-item .icon { width: 42px; height: 42px; border-radius: 12px; background: var(--lb-red-soft); color: var(--lb-red); display: grid; place-items: center; }
.pos-cart { position: sticky; top: calc(var(--lb-topbar-h) + 1rem); }
.pos-total { font-size: 1.6rem; font-weight: 800; color: var(--lb-red); }

/* ---------- Login ---------- */
.lb-login-wrap { min-height: 100vh; display: grid; grid-template-columns: 1.1fr 1fr; }
.lb-login-hero { background: linear-gradient(145deg, var(--lb-red), var(--lb-red-dark)); color: #fff; padding: 3rem; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; }
.lb-login-hero::after { content: ''; position: absolute; width: 420px; height: 420px; border-radius: 50%; background: rgba(255,255,255,.08); right: -120px; bottom: -120px; }
.lb-login-form { display: flex; align-items: center; justify-content: center; padding: 2rem; background: #fff; }
@media (max-width: 991.98px) { .lb-login-wrap { grid-template-columns: 1fr; } .lb-login-hero { display: none; } }
.demo-account { cursor: pointer; border: 1px dashed #e3e6ea; border-radius: 10px; padding: .45rem .7rem; font-size: .8rem; }
.demo-account:hover { border-color: var(--lb-red); background: var(--lb-red-soft); }

/* ---------- Clickable outlet ranking (dashboard Top 3 / Weak 3) ---------- */
.rank-item.is-clickable { cursor: pointer; border-radius: 12px; padding-left: .5rem; padding-right: .5rem; margin: 0 -.5rem; transition: background .15s ease; }
.rank-item.is-clickable:hover, .rank-item.is-clickable:focus-visible { background: var(--lb-red-soft); outline: none; }
.rank-item .chev { color: var(--lb-muted); font-size: .75rem; }
.cause-list { list-style: none; padding: 0; margin: 0; }
.cause-list li { display: flex; gap: .6rem; padding: .55rem .75rem; border-radius: 10px; margin-bottom: .4rem; font-size: .86rem; }
.cause-list li.good { background: #e8f7ee; color: #146c43; }
.cause-list li.bad { background: var(--lb-red-soft); color: var(--lb-red-dark); }
.metric-tile { background: var(--lb-light); border-radius: 12px; padding: .6rem .75rem; height: 100%; }
.metric-tile .label { font-size: .7rem; text-transform: uppercase; letter-spacing: .4px; color: var(--lb-muted); font-weight: 600; }
.metric-tile .value { font-weight: 800; font-size: 1.02rem; }

/* ---------- Maintenance widget ---------- */
.health-ring { --pct: 0; width: 92px; height: 92px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0;
    background: conic-gradient(var(--ring-color, #198754) calc(var(--pct) * 1%), #f1f2f5 0); }
.health-ring > span { width: 72px; height: 72px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-weight: 800; font-size: 1.05rem; }
.stat-pill { border-radius: 14px; padding: .75rem .9rem; background: var(--lb-light); height: 100%; }
.stat-pill .num { font-size: 1.5rem; font-weight: 800; line-height: 1.1; }

/* ---------- Status badges (machines) ---------- */
.badge-status-NORMAL { background: #e8f7ee; color: #146c43; }
.badge-status-BROKEN { background: var(--lb-red-soft); color: var(--lb-red-dark); }
.badge-status-OUT_OF_SERVICE { background: #fff3cd; color: #8a6100; }
.unit-chip { display: inline-flex; align-items: center; gap: .35rem; border-radius: 50rem; padding: .25rem .65rem; font-size: .78rem; font-weight: 600; background: var(--lb-light); }
.unit-chip.down { background: var(--lb-red-soft); color: var(--lb-red-dark); }

/* ---------- Ranking table ---------- */
.rank-table td.num, .rank-table th.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rank-table .rank-no { width: 30px; height: 30px; border-radius: 9px; display: inline-grid; place-items: center; font-weight: 800; background: var(--lb-light); }
.rank-table tr:nth-child(1) .rank-no { background: #FFD166; color: #2B2D42; }
.rank-table tr:nth-child(2) .rank-no, .rank-table tr:nth-child(3) .rank-no { background: #e8f7ee; color: #146c43; }
.rank-table .sticky-col { position: sticky; left: 0; background: #fff; z-index: 1; }

/* ---------- Technician (mobile first) ---------- */
.tech-status-options .btn { padding: .9rem .5rem; border-radius: 14px; font-weight: 700; display: flex; flex-direction: column; align-items: center; gap: .35rem; }
.tech-status-options .btn i { font-size: 1.35rem; }
.btn-check:checked + .btn-status-normal { background: #198754; border-color: #198754; color: #fff; }
.btn-check:checked + .btn-status-broken { background: var(--lb-red); border-color: var(--lb-red); color: #fff; }
.btn-check:checked + .btn-status-oos { background: #FFC107; border-color: #FFC107; color: #2B2D42; }
.photo-drop { border: 2px dashed #d9dce1; border-radius: 16px; padding: 1.25rem; text-align: center; cursor: pointer; background: #fcfcfd; transition: border-color .15s ease, background .15s ease; }
.photo-drop.dragover, .photo-drop:hover { border-color: var(--lb-red); background: var(--lb-red-soft); }
.photo-drop img { max-height: 180px; border-radius: 12px; object-fit: cover; }
.machine-tile { border: 1px solid #eceef1; border-radius: 14px; padding: .65rem .75rem; background: #fff; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
.machine-tile:hover, .machine-tile.selected { border-color: var(--lb-red); box-shadow: 0 4px 14px rgba(230,57,70,.12); }
.lb-timeline { position: relative; list-style: none; margin: 0; padding: 0 0 0 1.6rem; }
.lb-timeline::before { content: ''; position: absolute; left: .55rem; top: .3rem; bottom: .3rem; width: 2px; background: #eceef1; }
.lb-timeline li { position: relative; padding-bottom: 1rem; }
.lb-timeline .dot { position: absolute; left: -1.38rem; top: .15rem; width: 1.15rem; height: 1.15rem; border-radius: 50%; display: grid; place-items: center; font-size: .55rem; color: #fff; }
@media (max-width: 575.98px) {
    .tech-sticky-submit { position: sticky; bottom: 0; background: #fff; padding: .75rem 0; margin: 0 -1rem -1rem; padding-left: 1rem; padding-right: 1rem; border-top: 1px solid #eceef1; z-index: 5; }
}

/* ---------- No-code admin panels ---------- */
.theme-preview { border-radius: 16px; padding: .9rem .7rem; width: 100%; max-width: 240px; }
.theme-preview .item { border-radius: 50rem; padding: .45rem .9rem; font-size: .82rem; display: flex; gap: .6rem; align-items: center; margin-bottom: 3px; }
.logo-drop { border: 2px dashed #d9dce1; border-radius: 16px; padding: 1.25rem; text-align: center; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
.logo-drop.dragover, .logo-drop:hover { border-color: var(--lb-red); background: var(--lb-red-soft); }
.logo-drop img { width: 72px; height: 72px; object-fit: contain; border-radius: 14px; background: #fff; border: 1px solid #eceef1; }
.icon-preview { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: var(--lb-red-soft); color: var(--lb-red); flex-shrink: 0; }
.menu-row.dirty { background: #fffbea; }
.coa-row.inactive td { color: var(--lb-muted); }
.coa-row.inactive td .acc-name { text-decoration: line-through; }
.widget-toggle .form-check-input { width: 2.6em; height: 1.35em; cursor: pointer; }
.widget-toggle .form-check-input:checked { background-color: #198754; border-color: #198754; }
.lb-toast-wrap { position: fixed; right: 1rem; bottom: 1rem; z-index: 1090; }

/* ---------- Soft badges (extra tones) ---------- */
.badge-soft-warning { background: #fff3cd; color: #8a6100; }
.badge-soft-primary { background: #e7f1ff; color: #0b5ed7; }
.badge-soft-secondary { background: #f1f2f5; color: #5c6270; }

/* ---------- Outlet ranking (simple view) ---------- */
.mix-bar { display: flex; height: 6px; border-radius: 50rem; overflow: hidden; background: #f1f2f5; min-width: 120px; }
.mix-bar > span { display: block; height: 100%; }
.mix-service { background: #E63946; }
.mix-additional { background: #F4A261; }
.mix-retail { background: #2A9D8F; }
.mix-dot { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .35rem; vertical-align: middle; }
.rank-table .outlet-link { color: var(--lb-dark); font-weight: 700; text-decoration: none; }
.rank-table .outlet-link:hover { color: var(--lb-red); }
.rank-table .detail-col { display: none; }
.rank-table.show-detail .detail-col { display: table-cell; }
.source-tile { border: 1px solid #eef0f3; border-radius: 14px; padding: .85rem 1rem; height: 100%; background: #fff; }
.source-tile .amount { font-weight: 800; font-size: 1.15rem; }
.source-chip { display: inline-flex; gap: .3rem; align-items: center; border-radius: 50rem; padding: .15rem .55rem; font-size: .74rem; background: var(--lb-light); margin: .15rem .15rem 0 0; }

/* ---------- Top employees ---------- */
.podium-card { border: 1px solid #eef0f3; border-radius: 16px; padding: 1rem; height: 100%; background: #fff; position: relative; }
.podium-card .medal { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; }
.podium-card.place-1 .medal { background: #FFD166; color: #2B2D42; }
.podium-card.place-2 .medal { background: #e3e6ea; color: #2B2D42; }
.podium-card.place-3 .medal { background: #f3d1b0; color: #6b3d12; }
.podium-card .score { font-size: 1.6rem; font-weight: 800; line-height: 1; }
.podium-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; margin-top: .75rem; }
.podium-stats > div { background: var(--lb-light); border-radius: 10px; padding: .45rem .6rem; font-size: .8rem; }
.podium-stats .label { color: var(--lb-muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .3px; font-weight: 600; }

/* ---------- Bantuan (help centre) ---------- */
.help-card { transition: border-color .15s ease, box-shadow .15s ease; border: 1px solid #eef0f3; }
.help-card:hover { border-color: var(--lb-red); box-shadow: 0 6px 18px rgba(230,57,70,.10); }
.help-article { font-size: .93rem; line-height: 1.65; }
.help-article h1 { font-size: 1.35rem; font-weight: 800; margin-bottom: .75rem; }
.help-article h2 { font-size: 1.1rem; font-weight: 700; margin-top: 1.5rem; padding-top: .75rem; border-top: 1px solid #eef0f3; }
.help-article h3 { font-size: .98rem; font-weight: 700; margin-top: 1.1rem; }
.help-article table { width: 100%; margin: .75rem 0; font-size: .85rem; border-collapse: collapse; }
.help-article th, .help-article td { border: 1px solid #eef0f3; padding: .4rem .6rem; vertical-align: top; }
.help-article th { background: #fafbfc; }
.help-article code { background: var(--lb-light); color: var(--lb-dark); padding: .05rem .35rem; border-radius: 6px; }
.help-article blockquote { border-left: 4px solid var(--lb-red); background: var(--lb-red-soft); padding: .6rem .9rem; border-radius: 0 10px 10px 0; margin: .9rem 0; }
.help-article blockquote p:last-child { margin-bottom: 0; }
.help-article ol li, .help-article ul li { margin-bottom: .25rem; }