/* =============================================================================
   apple-login.css — Apple-style split-screen admin login.
   Left: light form pane (labels-above inputs, blue accent, password reveal).
   Right: brand pane (blue gradient + soft highlight + frosted welcome card).
   Theme-aware (light default, dark via prefers-color-scheme). Loaded after
   theme.css/style.css to own the /admin/login surface. Self-contained.
   ============================================================================= */

:root {
  --al-blue: #0071e3;
  --al-blue-hi: #0077ed;
  --al-blue-dark: #0a2540;
  --al-radius: 12px;
  /* Light form pane */
  --al-page: #ececf0;
  --al-bg: #ffffff;
  --al-ink: #1d1d1f;
  --al-ink-2: #6e6e73;
  --al-ink-3: #86868b;
  --al-field-bg: #ffffff;
  --al-field-border: #d2d2d7;
  --al-field-border-hover: #b0b0b5;
  --al-hairline: #e8e8ed;
  --al-danger: #d70015;
  --al-success: #248a3d;
  --al-warning: #9a6700;
}

@media (prefers-color-scheme: dark) {
  :root {
    --al-blue: #0a84ff;
    --al-blue-hi: #339dff;
    --al-page: #000000;
    --al-bg: #1c1c1e;
    --al-ink: #f5f5f7;
    --al-ink-2: rgba(235,235,245,0.62);
    --al-ink-3: rgba(235,235,245,0.40);
    --al-field-bg: #2c2c2e;
    --al-field-border: #48484a;
    --al-field-border-hover: #636366;
    --al-hairline: rgba(255,255,255,0.12);
    --al-danger: #ff453a;
    --al-success: #30d158;
    --al-warning: #ffd60a;
  }
}

/* Neutralise legacy chrome from theme.css/style.css/login.css. */
body.login-page.al, body.login-page.al .page-back { min-width: 0 !important; }
body.login-page.al * { box-sizing: border-box; }
body.login-page.al {
  margin: 0;
  font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: var(--al-ink);
  background: var(--al-page);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px;
}

/* --- Split shell: a centred, rounded card floating on the page -------------- */
.al-split {
  display: flex;
  width: 100%;
  max-width: 1040px;
  min-height: 600px;
  background: var(--al-bg);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 40px 90px -40px rgba(0,0,0,0.35), 0 8px 24px -12px rgba(0,0,0,0.18);
}
.al-pane-form {
  flex: 0 0 46%;
  max-width: 560px;
  background: var(--al-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px clamp(28px, 5vw, 72px);
  overflow-y: auto;
}
.al-inner { width: 100%; max-width: 380px; margin: 0 auto; }

/* --- Brand pane ------------------------------------------------------------- */
.al-pane-brand {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(80% 60% at 85% 8%, rgba(255,255,255,0.16), transparent 60%),
    linear-gradient(150deg, #0a84ff 0%, #0060df 42%, #072a5e 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}
.al-pane-brand::before {
  content: "";
  position: absolute;
  width: 520px; height: 520px;
  right: -140px; top: -160px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.22), rgba(255,255,255,0) 70%);
  pointer-events: none;
}
.al-brand-card {
  position: relative;
  z-index: 1;
  width: min(420px, 80%);
  padding: 32px;
  border-radius: 20px;
  background: rgba(255,255,255,0.12);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 30px 80px -30px rgba(0,0,0,0.5);
}
.al-brand-badge {
  display: inline-flex; align-items: center; gap: 10px;
  margin-bottom: 22px;
  font-size: 15px; font-weight: 600; letter-spacing: -0.01em;
}
.al-brand-badge img { max-height: 34px; max-width: 130px; width: auto; display: block; filter: brightness(0) invert(1); opacity: 0.95; }
.al-brand-title {
  margin: 0 0 12px;
  font-size: clamp(24px, 2.4vw, 32px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.al-brand-text { margin: 0; font-size: 15px; line-height: 1.55; color: rgba(255,255,255,0.82); }
.al-brand-foot {
  position: absolute;
  left: 48px; bottom: 34px; right: 48px;
  z-index: 1;
}
.al-poweredby {
  display: inline-flex; align-items: center; gap: 7px;
  color: #fff; font-size: 13px; opacity: 0.92;
}
.al-poweredby svg { flex: 0 0 auto; opacity: 0.95; }
.al-pb-word { letter-spacing: -0.2px; }
.al-pb-word strong { font-weight: 650; }
.al-brand-copy { display: block; margin-top: 6px; font-size: 12px; color: rgba(255,255,255,0.6); }

/* --- Form ------------------------------------------------------------------- */
.al-logo { max-height: 46px; max-width: 160px; width: auto; display: block; margin-bottom: 30px; }
.al-title { margin: 0; font-size: 30px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; color: var(--al-ink); }
.al-sub { margin: 10px 0 30px; font-size: 15px; color: var(--al-ink-2); }
.al-sub a, .al-link {
  color: var(--al-blue); font-weight: 600; text-decoration: none;
}
.al-sub a:hover, .al-link:hover { text-decoration: underline; }

.al-field { margin-bottom: 18px; position: relative; }
.al-label { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 500; color: var(--al-ink-2); letter-spacing: -0.005em; }
.al-input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  font-size: 16px;
  color: var(--al-ink);
  background: var(--al-field-bg);
  border: 1px solid var(--al-field-border);
  border-radius: 10px;
  outline: none;
  transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
  -webkit-appearance: none; appearance: none;
}
.al-input::placeholder { color: var(--al-ink-3); }
.al-input:hover { border-color: var(--al-field-border-hover); }
.al-input:focus { border-color: var(--al-blue); box-shadow: 0 0 0 4px rgba(0,113,227,0.18); }
.al-field.has-eye .al-input { padding-right: 46px; }
.al-input:-webkit-autofill { -webkit-text-fill-color: var(--al-ink); transition: background-color 6000s ease-in-out 0s; }

.al-eye {
  position: absolute;
  right: 6px; bottom: 6px;
  width: 34px; height: 34px;
  border: 0; background: transparent; cursor: pointer;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
}
.al-eye::before {
  content: ""; width: 20px; height: 20px;
  background-color: var(--al-ink-3);
  -webkit-mask: var(--al-svg) center / 20px 20px no-repeat;
          mask: var(--al-svg) center / 20px 20px no-repeat;
}
.al-eye:hover::before { background-color: var(--al-ink); }
.al-eye:active { transform: scale(0.9); }

/* Row: remember + forgot */
.al-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 24px; }
.al-check { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; color: var(--al-ink-2); font-size: 14px; user-select: none; }
.al-check input { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; -webkit-appearance: none; appearance: none; pointer-events: none; }
.al-box {
  width: 20px; height: 20px; border-radius: 6px;
  border: 1.5px solid var(--al-field-border);
  background: var(--al-field-bg);
  display: inline-flex; align-items: center; justify-content: center;
  transition: background-color 140ms ease, border-color 140ms ease; flex: 0 0 auto;
}
.al-box::after {
  content: ""; width: 14px; height: 14px; background-color: #fff;
  -webkit-mask: var(--al-svg-check) center / 14px 14px no-repeat;
          mask: var(--al-svg-check) center / 14px 14px no-repeat;
  opacity: 0; transform: scale(0.6); transition: opacity 140ms ease, transform 140ms ease;
}
.al-check input:checked + .al-box { background: var(--al-blue); border-color: var(--al-blue); }
.al-check input:checked + .al-box::after { opacity: 1; transform: scale(1); }
.al-check input:focus-visible + .al-box { box-shadow: 0 0 0 4px rgba(0,113,227,0.28); }

/* Buttons */
.al-btn {
  width: 100%; height: 48px; border: 0; border-radius: 10px;
  background: var(--al-blue); color: #fff;
  font-size: 16px; font-weight: 600; letter-spacing: -0.01em; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  transition: background-color 140ms ease, transform 120ms cubic-bezier(0.2,0.7,0.2,1), box-shadow 140ms ease;
  box-shadow: 0 8px 22px -10px rgba(0,113,227,0.8);
}
.al-btn:hover { background: var(--al-blue-hi); }
.al-btn:active { transform: scale(0.98); }
.al-btn .al-ic-i { width: 18px; height: 18px; background-color: currentColor; -webkit-mask: var(--al-svg) center / 18px 18px no-repeat; mask: var(--al-svg) center / 18px 18px no-repeat; }
.al-btn.al-ghost { background: transparent; color: var(--al-ink); border: 1px solid var(--al-field-border); box-shadow: none; }
.al-btn.al-ghost:hover { background: rgba(0,0,0,0.03); border-color: var(--al-field-border-hover); }
.al-actions { display: flex; gap: 12px; }
.al-actions .al-btn { flex: 1; }

/* OR divider + social (Outlook) button */
.al-divider {
  display: flex; align-items: center; gap: 12px;
  margin: 22px 0 16px;
  color: var(--al-ink-3); font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em;
}
.al-divider::before, .al-divider::after {
  content: ""; flex: 1 1 auto; height: 1px; background: var(--al-hairline);
}
.al-btn.al-social {
  background: var(--al-field-bg);
  color: var(--al-ink);
  border: 1px solid var(--al-field-border);
  box-shadow: none;
  font-weight: 500;
}
.al-btn.al-social:hover { background: rgba(0,0,0,0.03); border-color: var(--al-field-border-hover); }
.al-btn.al-social svg { flex: 0 0 auto; }

/* Alerts */
.al-inner .alert {
  position: relative; border: 1px solid var(--al-hairline); border-radius: 10px;
  padding: 12px 38px 12px 14px; margin-bottom: 18px; font-size: 14px;
  background: rgba(0,0,0,0.03); color: var(--al-ink);
}
.al-inner .alert ul, .al-inner .alert .list-group { margin: 0; padding: 0; list-style: none; background: transparent; border: 0; }
.al-inner .alert-danger { background: rgba(215,0,21,0.10); border-color: rgba(215,0,21,0.35); color: var(--al-danger); }
.al-inner .alert-success { background: rgba(36,138,61,0.10); border-color: rgba(36,138,61,0.35); color: var(--al-success); }
.al-inner .alert-warning { background: rgba(154,103,0,0.10); border-color: rgba(154,103,0,0.35); color: var(--al-warning); }
.al-inner .alert .close { position: absolute; right: 10px; top: 8px; color: var(--al-ink-2); opacity: 1; font-size: 20px; font-weight: 400; background: none; border: 0; text-shadow: none; }

/* Register grid */
.al-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.al-grid .al-span2 { grid-column: 1 / -1; }
.al-help { color: var(--al-ink-3); font-size: 12px; margin: -12px 0 16px; }

/* Panels stack in the form pane; login.js slides between them. */
#login, #forgot_password, #register { width: 100%; }
#register .al-inner { max-width: 480px; }

/* --- Responsive ------------------------------------------------------------- */
@media (max-width: 900px) {
  .al-pane-brand { display: none; }
  .al-pane-form { flex: 1 1 100%; max-width: none; }
}
@media (max-width: 480px) {
  .al-pane-form { padding: 32px 22px; }
  .al-grid { grid-template-columns: 1fr; }
}
@media (pointer: coarse) {
  .al-input, .al-btn { height: 50px; }
}

/* --- Accessibility fallbacks ------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  .al-btn, .al-eye, .al-box, .al-box::after, .al-input, .al-link { transition: none !important; }
  .al-btn:active, .al-eye:active { transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .al-brand-card { background: rgba(0,40,90,0.85); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-contrast: more) {
  .al-input { border-color: var(--al-ink); }
  .al-sub, .al-label, .al-check { color: var(--al-ink); }
}

/* --- Lucide icon masks ------------------------------------------------------ */
.al-ic-user{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-lock{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2718%27%20height%3D%2711%27%20x%3D%273%27%20y%3D%2711%27%20rx%3D%272%27%20ry%3D%272%27%2F%3E%3Cpath%20d%3D%27M7%2011V7a5%205%200%200%201%2010%200v4%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-mail{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2720%27%20height%3D%2716%27%20x%3D%272%27%20y%3D%274%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-refresh{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%27%2F%3E%3Cpath%20d%3D%27M21%203v5h-5%27%2F%3E%3Cpath%20d%3D%27M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%27%2F%3E%3Cpath%20d%3D%27M8%2016H3v5%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-arrow-left{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%2019-7-7%207-7%27%2F%3E%3Cpath%20d%3D%27M19%2012H5%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-login{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%27%2F%3E%3Cpolyline%20points%3D%2710%2017%2015%2012%2010%207%27%2F%3E%3Cline%20x1%3D%2715%27%20x2%3D%273%27%20y1%3D%2712%27%20y2%3D%2712%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-user-plus{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3Cline%20x1%3D%2719%27%20x2%3D%2719%27%20y1%3D%278%27%20y2%3D%2714%27%2F%3E%3Cline%20x1%3D%2722%27%20x2%3D%2716%27%20y1%3D%2711%27%20y2%3D%2711%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-building{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2716%27%20height%3D%2720%27%20x%3D%274%27%20y%3D%272%27%20rx%3D%272%27%20ry%3D%272%27%2F%3E%3Cpath%20d%3D%27M9%2022v-4h6v4%27%2F%3E%3Cpath%20d%3D%27M8%206h.01%27%2F%3E%3Cpath%20d%3D%27M16%206h.01%27%2F%3E%3Cpath%20d%3D%27M12%206h.01%27%2F%3E%3Cpath%20d%3D%27M12%2010h.01%27%2F%3E%3Cpath%20d%3D%27M8%2010h.01%27%2F%3E%3Cpath%20d%3D%27M16%2010h.01%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-phone{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-at{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M16%208v5a3%203%200%200%200%206%200v-1a10%2010%200%201%200-4%208%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-check{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-eye{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%2012s3-7%2010-7%2010%207%2010%207-3%207-10%207-10-7-10-7Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E")}
.al-ic-eye-off{--al-svg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9.88%209.88a3%203%200%201%200%204.24%204.24%27%2F%3E%3Cpath%20d%3D%27M10.73%205.08A10.43%2010.43%200%200%201%2012%205c7%200%2010%207%2010%207a13.16%2013.16%200%200%201-1.67%202.68%27%2F%3E%3Cpath%20d%3D%27M6.61%206.61A13.526%2013.526%200%200%200%202%2012s3%207%2010%207a9.74%209.74%200%200%200%205.39-1.61%27%2F%3E%3Cline%20x1%3D%272%27%20x2%3D%2722%27%20y1%3D%272%27%20y2%3D%2722%27%2F%3E%3C%2Fsvg%3E")}
.al-box{--al-svg-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E")}