/* Inter is loaded from the base template. */
/* Lumad Console components. Needs tokens.css. Class prefix: lc-. Logical properties only, so dir="rtl" works. */

.lc, .lc *, .lc *::before, .lc *::after { box-sizing: border-box; }
.lc { font-family: var(--font-sans); font-size: 14px; line-height: 22px; color: var(--ld-on-surface); -webkit-font-smoothing: antialiased; }
.lc[dir="rtl"], .lc [dir="rtl"] { font-family: var(--font-arabic); }
.lc :focus-visible { outline: 2px solid var(--ld-focus); outline-offset: 2px; }
.lc .lc-num { font-variant-numeric: tabular-nums; }
.lc .lc-muted { color: var(--ld-outline); }
.lc .lc-eyebrow { font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ld-outline); margin: 0; }
.lc .lc-row { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.lc .lc-stack { display: flex; flex-direction: column; gap: var(--space-4); }
.lc .lc-grow { flex: 1 1 auto; min-width: 0; }
.lc code, .lc .lc-code { font-family: var(--font-mono); font-size: 12px; padding: 1px 6px; border-radius: var(--ld-radius-xs); background: var(--ld-surface-container); color: var(--ld-on-surface); }

/* ---------- Icons: mask images, colored by currentColor ---------- */
.lc-i { display: inline-block; width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--lc-i) center / contain no-repeat; mask: var(--lc-i) center / contain no-repeat; }
.lc-i--sm { width: 16px; height: 16px; }
.lc-i--lg { width: 20px; height: 20px; }

/* ---------- Buttons ---------- */
.lc-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); height: 38px; padding: 0 16px; border-radius: var(--ld-radius-sm); border: 1px solid transparent; font: 600 14px/1 var(--font-sans); cursor: pointer; white-space: nowrap; text-decoration: none; transition: background-color .15s, border-color .15s, color .15s; }
.lc-btn--primary { background: var(--ld-primary); color: var(--ld-on-primary); box-shadow: var(--ld-cta-shadow); }
.lc-btn--primary:hover { background: var(--ld-primary-hover); }
.lc-btn--secondary { background: var(--ld-surface-container-lowest); color: var(--ld-on-surface); border-color: var(--ld-outline); }
.lc-btn--secondary:hover { background: var(--ld-surface-container); }
.lc-btn--ghost { background: transparent; color: var(--ld-primary); }
.lc-btn--ghost:hover { background: var(--ld-primary-fixed); }
.lc-btn--danger { background: var(--ld-error); color: #ffffff; }
.lc-btn--danger:hover { background: var(--ld-error-ink); }
.lc-btn--sm { height: 32px; padding: 0 12px; font-size: 13px; }
.lc-btn--lg { height: 44px; padding: 0 20px; font-size: 15px; }
.lc-btn--block { display: flex; width: 100%; }
.lc-btn:disabled, .lc-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; box-shadow: none; }
.lc-icon-btn { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: var(--ld-radius-sm); border: 1px solid var(--ld-outline-variant); background: var(--ld-surface-bright); color: var(--ld-on-surface-variant); cursor: pointer; position: relative; }
.lc-icon-btn:hover { background: var(--ld-surface-container); color: var(--ld-on-surface); }
.lc-icon-btn .lc-count-dot { position: absolute; inset-block-start: -5px; inset-inline-end: -5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--ld-radius-full); background: var(--ld-accent); color: #ffffff; font: 700 10px/18px var(--font-sans); }

/* ---------- Badges and status chips ---------- */
.lc-badge { display: inline-flex; align-items: center; gap: var(--space-1); height: 22px; padding: 0 9px; border-radius: var(--ld-radius-full); font: 600 12px/1 var(--font-sans); white-space: nowrap; background: var(--ld-surface-container); color: var(--ld-on-surface-variant); }
.lc-badge--violet { background: var(--ld-primary-fixed); color: var(--ld-on-primary-fixed); }
.lc-badge--success { background: var(--ld-success-soft); color: var(--ld-success-ink); }
.lc-badge--warning { background: var(--ld-warning-soft); color: var(--ld-warning-ink); }
.lc-badge--error { background: var(--ld-error-soft); color: var(--ld-error-ink); }
.lc-badge--info { background: var(--ld-info-soft); color: var(--ld-info); }
.lc-badge--solid { background: var(--ld-primary); color: var(--ld-on-primary); }
.lc-badge--outline { background: transparent; color: var(--ld-on-surface-variant); box-shadow: inset 0 0 0 1px var(--ld-outline); }
.lc-chip { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: var(--ld-radius-full); font: 600 12px/1 var(--font-sans); background: var(--ld-surface-container); color: var(--ld-on-surface-variant); white-space: nowrap; }
.lc-chip::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ld-outline); }
.lc-chip--ok { background: var(--ld-success-soft); color: var(--ld-success-ink); }
.lc-chip--ok::before { background: var(--ld-success); }
.lc-chip--warn { background: var(--ld-warning-soft); color: var(--ld-warning-ink); }
.lc-chip--warn::before { background: var(--ld-warning); }
.lc-chip--err { background: var(--ld-error-soft); color: var(--ld-error-ink); }
.lc-chip--err::before { background: var(--ld-error); }
.lc-chip--info { background: var(--ld-info-soft); color: var(--ld-info); }
.lc-chip--info::before { background: var(--ld-info); }
.lc-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--ld-radius-full); font: 700 11px/1 var(--font-sans); background: var(--ld-surface-container-high); color: var(--ld-on-surface-variant); }
.lc-count--violet { background: var(--ld-primary); color: var(--ld-on-primary); }
.lc-count--warning { background: var(--ld-warning-soft); color: var(--ld-warning-ink); }

/* ---------- Form fields ---------- */
.lc-field { display: flex; flex-direction: column; gap: 6px; }
.lc-label { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ld-on-surface); display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-2); }
.lc-label a { font-weight: 600; color: var(--ld-primary); text-decoration: none; }
.lc-hint { font-size: 12px; line-height: 16px; color: var(--ld-outline); margin: 0; }
.lc-hint--error { color: var(--ld-error-ink); }
.lc-control { position: relative; display: flex; align-items: center; }
.lc-control > .lc-i { position: absolute; inset-inline-start: 12px; color: var(--ld-outline); pointer-events: none; }
.lc-control > .lc-control-end { position: absolute; inset-inline-end: 6px; }
.lc-input, .lc-select, .lc-textarea { width: 100%; height: 40px; padding: 0 12px; border-radius: var(--ld-radius-sm); border: 1px solid var(--ld-outline); background: var(--ld-surface-bright); color: var(--ld-on-surface); font: 400 14px/20px var(--font-sans); }
.lc-control > .lc-i ~ .lc-input { padding-inline-start: 38px; }
.lc-input::placeholder, .lc-textarea::placeholder { color: var(--ld-outline); }
.lc-input:hover, .lc-select:hover { border-color: var(--ld-on-surface-variant); }
.lc-input:focus, .lc-select:focus, .lc-textarea:focus { outline: 2px solid var(--ld-focus); outline-offset: 0; border-color: var(--ld-focus); }
.lc-input[aria-invalid="true"] { border-color: var(--ld-error); }
.lc-select { appearance: none; padding-inline-end: 34px; background-image: linear-gradient(45deg, transparent 50%, var(--ld-outline) 50%), linear-gradient(135deg, var(--ld-outline) 50%, transparent 50%); background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
[dir="rtl"] .lc-select { background-position: 17px 50%, 12px 50%; }
.lc-select--sm, .lc-input--sm { height: 34px; font-size: 13px; }
.lc-textarea { height: auto; min-height: 120px; padding: 12px 14px; resize: vertical; }
.lc-textarea--mono { font: 400 13px/22px var(--font-mono); background: var(--ld-surface-container-low); }
.lc-otp { display: flex; gap: var(--space-2); }
.lc-otp input { width: 48px; height: 56px; text-align: center; font: 700 22px/1 var(--font-sans); border-radius: var(--ld-radius-md); border: 1px solid var(--ld-outline); background: var(--ld-surface-bright); color: var(--ld-on-surface); }
.lc-otp input:focus { outline: 2px solid var(--ld-focus); outline-offset: 0; border-color: var(--ld-focus); }
.lc-check { display: inline-flex; align-items: center; gap: var(--space-2); font-size: 13px; color: var(--ld-on-surface-variant); cursor: pointer; }
.lc-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--ld-primary); }

/* ---------- Switch ---------- */
.lc-switch { position: relative; display: inline-flex; flex: none; width: 38px; height: 22px; }
.lc-switch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.lc-switch span { position: absolute; inset: 0; border-radius: var(--ld-radius-full); background: var(--ld-surface-container-high); box-shadow: inset 0 0 0 1px var(--ld-outline); transition: background-color .15s; }
.lc-switch span::after { content: ""; position: absolute; inset-block-start: 3px; inset-inline-start: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--ld-surface-bright); box-shadow: var(--ld-shadow-sm); transition: transform .15s; }
.lc-switch input:checked + span { background: var(--ld-primary); box-shadow: none; }
.lc-switch input:checked + span::after { transform: translateX(16px); background: var(--ld-on-primary); }
[dir="rtl"] .lc-switch input:checked + span::after { transform: translateX(-16px); }
.lc-switch input:focus-visible + span { outline: 2px solid var(--ld-focus); outline-offset: 2px; }

/* ---------- Provider row (AI assistants) ---------- */
.lc-provider { display: flex; align-items: center; gap: var(--space-3); padding: 12px 14px; border: 1px solid var(--ld-outline-variant); border-radius: var(--ld-radius-md); background: var(--ld-surface-container-lowest); }
.lc-provider-logo { width: 36px; height: 36px; border-radius: var(--ld-radius-sm); display: grid; place-items: center; background: var(--ld-surface-container); color: var(--ld-on-surface-variant); font: 700 13px/1 var(--font-sans); flex: none; }
.lc-provider-name { font-weight: 600; font-size: 14px; line-height: 20px; margin: 0; }
.lc-provider-meta { font-size: 12px; line-height: 16px; color: var(--ld-outline); margin: 0; }

/* ---------- Tabs and segmented control ---------- */
.lc-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--ld-outline-variant); overflow-x: auto; }
.lc-tab { display: inline-flex; align-items: center; gap: var(--space-2); height: 42px; padding: 0 14px; border: 0; background: none; font: 500 14px/1 var(--font-sans); color: var(--ld-on-surface-variant); cursor: pointer; position: relative; white-space: nowrap; text-decoration: none; }
.lc-tab:hover { color: var(--ld-on-surface); }
.lc-tab.is-active { color: var(--ld-primary); font-weight: 600; }
.lc-tab.is-active::after { content: ""; position: absolute; inset-inline: 8px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--ld-primary); }
.lc-seg { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--ld-radius-sm); background: var(--ld-surface-container); }
.lc-seg button { height: 30px; padding: 0 12px; border: 0; border-radius: 6px; background: none; font: 600 13px/1 var(--font-sans); color: var(--ld-on-surface-variant); cursor: pointer; }
.lc-seg button.is-active { background: var(--ld-surface-container-lowest); color: var(--ld-on-surface); box-shadow: var(--ld-shadow-sm); }

/* ---------- Cards ---------- */
.lc-card { background: var(--ld-surface-container-lowest); border: 1px solid var(--ld-outline-variant); border-radius: var(--radius-card); box-shadow: var(--ld-shadow-xs); padding: var(--space-4) var(--card-pad-x); }
.lc-card--flush { padding: 0; overflow: hidden; }
.lc-card-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); }
.lc-card--flush .lc-card-head { padding: var(--space-4) var(--card-pad-x) 0; }
.lc-card-head > .lc-row { flex-wrap: nowrap; flex: none; }
.lc-card-title { margin: 0; font-size: 15px; line-height: 22px; font-weight: 700; color: var(--ld-on-surface); }
.lc-card-sub { margin: 0; font-size: 13px; line-height: 20px; color: var(--ld-on-surface-variant); }
.lc-card--danger { border-color: var(--ld-error); background: var(--ld-error-soft); }

/* ---------- KPI ---------- */
.lc-kpi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: var(--gap-kpi); }
.lc-kpi { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4) var(--card-pad-x); background: var(--ld-surface-container-lowest); border: 1px solid var(--ld-outline-variant); border-radius: var(--radius-card); box-shadow: var(--ld-shadow-xs); text-decoration: none; color: inherit; }
a.lc-kpi:hover { border-color: var(--ld-primary-fixed-dim); box-shadow: var(--ld-shadow-sm); }
.lc-kpi-top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.lc-kpi-label { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--ld-on-surface-variant); margin: 0; }
.lc-kpi-icon { width: 34px; height: 34px; border-radius: var(--ld-radius-md); display: grid; place-items: center; background: var(--ld-primary-fixed); color: var(--ld-primary); }
.lc-kpi-icon--success { background: var(--ld-success-soft); color: var(--ld-success-ink); }
.lc-kpi-icon--warning { background: var(--ld-warning-soft); color: var(--ld-warning-ink); }
.lc-kpi-icon--error { background: var(--ld-error-soft); color: var(--ld-error-ink); }
.lc-kpi-icon--neutral { background: var(--ld-surface-container); color: var(--ld-on-surface-variant); }
.lc-kpi-value { font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; margin: 0; }
.lc-kpi-foot { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 16px; color: var(--ld-outline); }
.lc-delta { display: inline-flex; align-items: center; gap: 2px; font-weight: 700; }
.lc-delta--up { color: var(--ld-success-ink); }
.lc-delta--down { color: var(--ld-error-ink); }
.lc-delta--flat { color: var(--ld-outline); }

/* ---------- Chart (static bars) ---------- */
.lc-bars { display: flex; align-items: flex-end; gap: 4px; height: 160px; padding-top: var(--space-2); border-bottom: 1px solid var(--ld-outline-variant); }
.lc-bars > i { flex: 1; min-width: 3px; border-radius: 3px 3px 0 0; background: var(--ld-primary); }
.lc-bars > i.is-low { background: var(--ld-primary-fixed-dim); }
.lc-bars--pair > span { flex: 1; display: flex; align-items: flex-end; gap: 1px; height: 100%; }
.lc-bars--pair > span > i { flex: 1; border-radius: 2px 2px 0 0; background: var(--ld-primary); }
.lc-bars--pair > span > i + i { background: var(--ld-success); }
.lc-axis { display: flex; justify-content: space-between; font-size: 11px; line-height: 16px; color: var(--ld-outline); margin-top: 6px; }
.lc-legend { display: flex; gap: var(--space-3); font-size: 12px; color: var(--ld-on-surface-variant); }
.lc-legend span { display: inline-flex; align-items: center; gap: 6px; }
.lc-legend span::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--ld-primary); }
.lc-legend span.is-success::before { background: var(--ld-success); }
.lc-hbar { display: grid; grid-template-columns: 120px 1fr 56px; align-items: center; gap: var(--space-3); font-size: 13px; line-height: 20px; }
.lc-hbar + .lc-hbar { margin-top: 10px; }
.lc-hbar-track { height: 8px; border-radius: var(--ld-radius-full); background: var(--ld-surface-container); overflow: hidden; }
.lc-hbar-track i { display: block; height: 100%; border-radius: inherit; background: var(--ld-primary); }
.lc-hbar b { text-align: end; font-variant-numeric: tabular-nums; font-weight: 600; }

/* ---------- Table ---------- */
.lc-table-wrap { overflow-x: auto; }
.lc-table { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 20px; }
.lc-table th { text-align: start; font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ld-outline); padding: 10px 14px; background: var(--ld-surface-container-low); border-bottom: 1px solid var(--ld-outline-variant); white-space: nowrap; }
.lc-table td { padding: 12px 14px; border-bottom: 1px solid var(--ld-outline-variant); color: var(--ld-on-surface-variant); vertical-align: middle; white-space: nowrap; }
.lc-table tr:last-child td { border-bottom: 0; }
.lc-table tbody tr:not(.lc-group-row):hover td { background: var(--ld-surface-container-low); }
.lc-table .is-num { text-align: end; font-variant-numeric: tabular-nums; }
.lc-table .is-end { text-align: end; }
.lc-group-row td { background: var(--ld-surface-container-low); padding-block: 8px; color: var(--ld-on-surface); font-weight: 600; }
.lc-group-row .lc-muted { font-weight: 400; margin-inline-start: 6px; }
.lc-user { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.lc-user-name { color: var(--ld-on-surface); font-weight: 600; font-size: 14px; line-height: 20px; margin: 0; display: flex; align-items: center; gap: var(--space-2); }
.lc-user-mail { font-size: 12px; line-height: 16px; color: var(--ld-outline); margin: 0; }
.lc-user--child { padding-inline-start: 22px; }
.lc-avatar { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--ld-primary-fixed); color: var(--ld-on-primary-fixed); font: 700 13px/1 var(--font-sans); }
.lc-avatar--sm { width: 28px; height: 28px; font-size: 12px; }
.lc-table-foot { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-top: 1px solid var(--ld-outline-variant); font-size: 13px; color: var(--ld-outline); }

/* ---------- Attention list ---------- */
.lc-alert-row { display: flex; align-items: center; gap: var(--space-3); padding: 12px 0; border-bottom: 1px solid var(--ld-outline-variant); }
.lc-alert-row:last-child { border-bottom: 0; padding-bottom: 0; }
.lc-alert-row:first-child { padding-top: 0; }
.lc-alert-icon { width: 32px; height: 32px; border-radius: var(--ld-radius-sm); display: grid; place-items: center; flex: none; }
.lc-alert-icon--warning { background: var(--ld-warning-soft); color: var(--ld-warning-ink); }
.lc-alert-icon--error { background: var(--ld-error-soft); color: var(--ld-error-ink); }
.lc-alert-icon--info { background: var(--ld-info-soft); color: var(--ld-info); }
.lc-alert-title { margin: 0; font-weight: 600; font-size: 14px; line-height: 20px; color: var(--ld-on-surface); }
.lc-alert-text { margin: 0; font-size: 12px; line-height: 16px; color: var(--ld-outline); }

/* ---------- Dialog ---------- */
.lc-dialog { width: 440px; max-width: 100%; background: var(--ld-surface-container-lowest); border: 1px solid var(--ld-outline-variant); border-radius: var(--ld-radius-lg); box-shadow: var(--ld-shadow-lg); padding: 24px; }
.lc-dialog-title { margin: 0 0 6px; font-size: 17px; line-height: 24px; font-weight: 700; }
.lc-dialog-body { margin: 0 0 20px; color: var(--ld-on-surface-variant); }
.lc-dialog-actions { display: flex; justify-content: flex-end; gap: var(--space-2); }

/* ---------- Console shell ---------- */
.lc-shell { display: grid; grid-template-columns: var(--ld-sidebar-w) 1fr; min-height: 100%; background: var(--ld-surface); }
.lc-sidebar { background: var(--ld-surface-dark); color: var(--ld-on-dark); display: flex; flex-direction: column; padding: 18px 14px 14px; gap: 2px; min-height: 100%; }
.lc-sidebar :focus-visible { outline-color: var(--ld-on-dark); }
.lc-brand { display: flex; align-items: center; gap: 10px; padding: 2px 6px 16px; text-decoration: none; }
.lc-brand img { width: 32px; height: 32px; border-radius: 9px; }
.lc-brand-name { font: 800 19px/1 var(--font-sans); color: #ffffff; letter-spacing: -.01em; }
.lc-brand-name span { color: var(--ld-wordmark-ai); }
.lc-brand-tag { margin-inline-start: auto; font: 700 10px/1 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ld-on-dark-muted); border: 1px solid var(--ld-border-dark); border-radius: var(--ld-radius-full); padding: 5px 8px; }
.lc-env { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 8px; padding: 9px 12px; border-radius: var(--ld-radius-sm); border: 1px solid var(--ld-border-dark); background: rgba(255, 255, 255, .04); color: var(--ld-on-dark); font: 600 13px/1 var(--font-sans); cursor: pointer; width: 100%; }
.lc-env::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ld-success); box-shadow: 0 0 0 3px rgba(22, 163, 74, .25); }
.lc-env--staging::before { background: var(--ld-warning); box-shadow: 0 0 0 3px rgba(217, 119, 6, .25); }
.lc-env .lc-i { margin-inline-start: auto; color: var(--ld-on-dark-muted); }
.lc-nav-label { font: 700 11px/16px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ld-on-dark-muted); padding: 14px 10px 6px; margin: 0; }
.lc-nav-item { display: flex; align-items: center; gap: 11px; height: 38px; padding: 0 10px; border-radius: var(--ld-radius-sm); color: var(--ld-on-dark-muted); text-decoration: none; font: 500 14px/1 var(--font-sans); }
.lc-nav-item:hover { background: var(--ld-sidebar-active); color: var(--ld-on-dark); }
.lc-nav-item.is-active { background: var(--ld-sidebar-active); color: var(--ld-on-dark); font-weight: 600; box-shadow: inset 0 0 0 1px var(--ld-border-dark); }
.lc-nav-item.is-active .lc-i { color: var(--ld-wordmark-ai); }
.lc-nav-item .lc-count { margin-inline-start: auto; background: rgba(255, 255, 255, .1); color: var(--ld-on-dark); }
.lc-nav-item .lc-count--warning { background: var(--ld-warning); color: #14111f; }
.lc-side-foot { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--ld-border-dark); display: flex; align-items: center; gap: 10px; }
.lc-side-foot .lc-avatar { background: var(--ld-primary); color: #ffffff; }
.lc-side-foot p { margin: 0; font-size: 13px; line-height: 18px; color: var(--ld-on-dark); font-weight: 600; }
.lc-side-foot small { display: block; font-size: 12px; line-height: 16px; color: var(--ld-on-dark-muted); font-weight: 400; }
.lc-side-foot a { margin-inline-start: auto; color: var(--ld-on-dark-muted); display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--ld-radius-sm); }
.lc-side-foot a:hover { background: var(--ld-sidebar-active); color: var(--ld-on-dark); }
.lc-main { display: flex; flex-direction: column; min-width: 0; }
.lc-topbar { height: var(--ld-topbar-h); display: flex; align-items: center; gap: var(--space-3); padding: 0 var(--ld-page-pad); background: var(--ld-surface-bright); border-bottom: 1px solid var(--ld-outline-variant); position: sticky; top: 0; z-index: var(--z-sticky); }
.lc-crumbs { display: flex; align-items: center; gap: var(--space-2); font-size: 13px; color: var(--ld-outline); }
.lc-crumbs b { color: var(--ld-on-surface); font-weight: 600; }
.lc-search { width: 340px; max-width: 40%; margin-inline-start: auto; }
.lc-kbd { font: 600 11px/1 var(--font-sans); color: var(--ld-outline); border: 1px solid var(--ld-outline-variant); border-radius: 5px; padding: 3px 6px; background: var(--ld-surface-container-low); }
.lc-content { padding: 28px var(--ld-page-pad) 40px; max-width: var(--content-max); width: 100%; display: flex; flex-direction: column; gap: var(--ld-gutter); }
.lc-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }
.lc-page-title { margin: 0; font-size: 28px; line-height: 36px; font-weight: 700; letter-spacing: -.01em; }
.lc-page-sub { margin: 4px 0 0; color: var(--ld-on-surface-variant); }
.lc-section { display: flex; flex-direction: column; gap: var(--space-3); }
.lc-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-kpi); }
.lc-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-kpi); }
.lc-grid-main { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--gap-kpi); }
.lc-facts { list-style: none; margin: 0; padding: 0; }
.lc-facts li { display: flex; justify-content: space-between; gap: var(--space-3); padding: 9px 0; border-bottom: 1px solid var(--ld-outline-variant); font-size: 13px; line-height: 20px; color: var(--ld-on-surface-variant); }
.lc-facts li:last-child { border-bottom: 0; }
.lc-facts b { color: var(--ld-on-surface); font-weight: 600; font-variant-numeric: tabular-nums; }

/* ---------- Sign in ---------- */
.lc-auth { display: grid; grid-template-columns: 1fr 1fr; min-height: 100%; background: var(--ld-surface); padding: 16px; gap: 16px; }
.lc-auth-brand { background: var(--ld-page-dark); color: var(--ld-on-dark); border-radius: var(--ld-radius-xl); padding: 40px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; }
.lc-auth-brand h2 { margin: 0; font: 700 40px/46px var(--font-sans); letter-spacing: -.02em; color: #ffffff; max-width: 420px; }
.lc-auth-brand p { margin: 12px 0 0; color: var(--ld-on-dark-muted); max-width: 400px; font-size: 15px; line-height: 24px; }
.lc-auth-status { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: var(--ld-radius-md); border: 1px solid var(--ld-border-dark); background: rgba(255, 255, 255, .04); max-width: 380px; position: relative; }
.lc-auth-status div { display: flex; justify-content: space-between; font-size: 13px; color: var(--ld-on-dark-muted); }
.lc-auth-status b { color: var(--ld-on-dark); font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.lc-auth-status b::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ld-success); }
.lc-auth-brand .lc-brand { align-self: flex-start; gap: 10px; }
.lc-auth-brand .lc-brand-tag { margin-inline-start: 4px; }
.lc-auth-tiles { position: absolute; inset-block-start: 40px; inset-inline-end: -40px; display: grid; grid-template-columns: repeat(3, 64px); gap: 10px; opacity: .9; }
.lc-auth-tiles i { height: 64px; border-radius: var(--ld-radius-md); background: var(--ld-surface-dark); }
.lc-auth-tiles i.v { background: var(--ld-primary); }
.lc-auth-tiles i.m { background: var(--ld-accent); }
.lc-auth-tiles i.w { grid-column: span 2; }
.lc-auth-form { display: grid; place-items: center; padding: 32px; }
.lc-auth-card { width: 400px; max-width: 100%; display: flex; flex-direction: column; gap: 20px; }
.lc-auth-card h1 { margin: 0; font-size: 26px; line-height: 34px; font-weight: 700; letter-spacing: -.01em; }
.lc-auth-card > p, .lc-auth-card header p { margin: 4px 0 0; color: var(--ld-on-surface-variant); }
.lc-auth-foot { font-size: 12px; line-height: 18px; color: var(--ld-outline); text-align: center; }
.lc-notice { display: flex; gap: 10px; padding: 12px 14px; border-radius: var(--ld-radius-md); background: var(--ld-info-soft); color: var(--ld-on-surface); font-size: 13px; line-height: 20px; }
.lc-notice .lc-i { color: var(--ld-info); margin-top: 1px; }
.lc-notice--error { background: var(--ld-error-soft); }
.lc-notice--error .lc-i { color: var(--ld-error-ink); }

/* ---------- Icon set (Lucide-style outline, 24px grid, 2px stroke) ---------- */
.lc-i-home { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M9 22V12h6v10%22/%3E%3C/svg%3E"); }
.lc-i-dashboard { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%229%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%225%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%2212%22 width=%227%22 height=%229%22 rx=%221%22/%3E%3Crect x=%223%22 y=%2216%22 width=%227%22 height=%225%22 rx=%221%22/%3E%3C/svg%3E"); }
.lc-i-users { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/%3E%3Cpath d=%22M16 3.13a4 4 0 0 1 0 7.75%22/%3E%3C/svg%3E"); }
.lc-i-user-plus { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M19 8v6M22 11h-6%22/%3E%3C/svg%3E"); }
.lc-i-user-check { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22m16 11 2 2 4-4%22/%3E%3C/svg%3E"); }
.lc-i-building { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%222%22 width=%2216%22 height=%2220%22 rx=%222%22/%3E%3Cpath d=%22M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01%22/%3E%3C/svg%3E"); }
.lc-i-layers { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m12 2 10 5-10 5L2 7z%22/%3E%3Cpath d=%22m2 17 10 5 10-5M2 12l10 5 10-5%22/%3E%3C/svg%3E"); }
.lc-i-card { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%225%22 width=%2220%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M2 10h20%22/%3E%3C/svg%3E"); }
.lc-i-coins { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8M12 18V6%22/%3E%3C/svg%3E"); }
.lc-i-tag { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12.6 2.6A2 2 0 0 0 11.2 2H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4z%22/%3E%3Ccircle cx=%227.5%22 cy=%227.5%22 r=%221%22/%3E%3C/svg%3E"); }
.lc-i-sparkles { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z%22/%3E%3C/svg%3E"); }
.lc-i-prompt { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m4 17 6-6-6-6M12 19h8%22/%3E%3C/svg%3E"); }
.lc-i-mail { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22m22 7-10 5L2 7%22/%3E%3C/svg%3E"); }
.lc-i-key { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%227.5%22 cy=%2215.5%22 r=%225.5%22/%3E%3Cpath d=%22m21 2-9.6 9.6M15.5 7.5l3 3L22 7l-3-3%22/%3E%3C/svg%3E"); }
.lc-i-activity { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 12h-4l-3 9L9 3l-3 9H2%22/%3E%3C/svg%3E"); }
.lc-i-shield { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%22/%3E%3C/svg%3E"); }
.lc-i-shield-check { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E"); }
.lc-i-log { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 2v6h6M16 13H8M16 17H8M10 9H8%22/%3E%3C/svg%3E"); }
.lc-i-search { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22/%3E%3Cpath d=%22m21 21-4.3-4.3%22/%3E%3C/svg%3E"); }
.lc-i-bell { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9%22/%3E%3Cpath d=%22M10.3 21a1.94 1.94 0 0 0 3.4 0%22/%3E%3C/svg%3E"); }
.lc-i-clock { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 6v6l4 2%22/%3E%3C/svg%3E"); }
.lc-i-alert { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z%22/%3E%3Cpath d=%22M12 9v4M12 17h.01%22/%3E%3C/svg%3E"); }
.lc-i-check-circle { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 11.08V12a10 10 0 1 1-5.93-9.14%22/%3E%3Cpath d=%22m22 4-10 10.01-3-3%22/%3E%3C/svg%3E"); }
.lc-i-x-circle { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m15 9-6 6M9 9l6 6%22/%3E%3C/svg%3E"); }
.lc-i-info { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 16v-4M12 8h.01%22/%3E%3C/svg%3E"); }
.lc-i-lock { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%2211%22 width=%2218%22 height=%2211%22 rx=%222%22/%3E%3Cpath d=%22M7 11V7a5 5 0 0 1 10 0v4%22/%3E%3C/svg%3E"); }
.lc-i-at { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8%22/%3E%3C/svg%3E"); }
.lc-i-eye { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E"); }
.lc-i-logout { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9%22/%3E%3C/svg%3E"); }
.lc-i-chevron-down { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E"); }
.lc-i-chevron-right { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E"); }
.lc-i-more { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22/%3E%3Ccircle cx=%2219%22 cy=%2212%22 r=%221%22/%3E%3Ccircle cx=%225%22 cy=%2212%22 r=%221%22/%3E%3C/svg%3E"); }
.lc-i-arrow-up { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 17 17 7M7 7h10v10%22/%3E%3C/svg%3E"); }
.lc-i-arrow-down { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 7l10 10M17 7v10H7%22/%3E%3C/svg%3E"); }
.lc-i-plus { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M12 5v14%22/%3E%3C/svg%3E"); }
.lc-i-refresh { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8%22/%3E%3Cpath d=%22M3 3v5h5M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16%22/%3E%3Cpath d=%22M16 16h5v5%22/%3E%3C/svg%3E"); }
.lc-i-filter { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 3H2l8 9.46V19l4 2v-8.54z%22/%3E%3C/svg%3E"); }
.lc-i-download { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3%22/%3E%3C/svg%3E"); }
.lc-i-send { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m22 2-7 20-4-9-9-4z%22/%3E%3Cpath d=%22M22 2 11 13%22/%3E%3C/svg%3E"); }
.lc-i-headphones { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3%22/%3E%3C/svg%3E"); }
.lc-i-server { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%222%22 width=%2220%22 height=%228%22 rx=%222%22/%3E%3Crect x=%222%22 y=%2214%22 width=%2220%22 height=%228%22 rx=%222%22/%3E%3Cpath d=%22M6 6h.01M6 18h.01%22/%3E%3C/svg%3E"); }
.lc-i-globe { --lc-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22/%3E%3C/svg%3E"); }