/* Apostolic Short Links — front-end panel (v1.2.0) */

.apsl-fe{ --blue:#1565c0; --blue-dark:#15407a; --light-blue:#e8f1fb; --yellow:#f5b800; --yellow-ink:#3a2c00; --yellow-soft:#fff6da; --red:#e03131; --red-soft:#fdecec; --purple:#6941c6; --purple-soft:#f0eafb; --ink:#1d2530; --muted:#6b86a8; --border:#e4eef8; --bg:#f4f8fd;
	max-width:920px; margin:0 auto; font-family:inherit; color:var(--ink); }
.apsl-fe *{ box-sizing:border-box; }

/* Public hero */
.apsl-hero{ background:linear-gradient(135deg,#1d4e89,#1a4d8f); border-radius:20px; padding:28px; color:#fff; }
.apsl-hero-center{ text-align:center; padding:56px 32px; }
.apsl-hero-ic{ width:64px; height:64px; border-radius:18px; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }
.apsl-hero-ic .dashicons{ font-size:32px; width:32px; height:32px; color:#fff; }
.apsl-hero h1{ color:#fff; font-size:26px; margin:0 0 8px; }
.apsl-hero-sub{ max-width:42ch; margin:0 auto 26px; line-height:1.6; opacity:.9; }
.apsl-hero-actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* Buttons */
.apsl-btn{ display:inline-flex; align-items:center; gap:7px; border:none; border-radius:10px; padding:10px 18px; font-size:14px; font-weight:600; cursor:pointer; text-decoration:none; font-family:inherit; }
.apsl-btn .dashicons{ font-size:17px; width:17px; height:17px; }
.apsl-btn-primary{ background:var(--blue); color:#fff; }
.apsl-btn-soft{ background:var(--bg); color:var(--ink); }
.apsl-btn-light{ background:#fff; color:var(--blue-dark); }
.apsl-btn-ghost{ background:rgba(255,255,255,.14); color:#fff; }
.apsl-btn-icon{ background:#fff; color:var(--blue-dark); border:1px solid var(--border); padding:10px 12px; }
.apsl-btn.apsl-copied{ background:#1f9d55; color:#fff; }

/* Panel header */
.apsl-panel-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.apsl-brand{ display:flex; align-items:center; gap:11px; }
.apsl-brand-ic{ width:40px; height:40px; border-radius:11px; background:linear-gradient(135deg,var(--blue),var(--blue-dark)); display:flex; align-items:center; justify-content:center; }
.apsl-brand-ic .dashicons{ color:#fff; font-size:20px; width:20px; height:20px; }
.apsl-brand-name{ font-weight:700; color:var(--blue-dark); font-size:18px; }
.apsl-brand-sub{ font-size:12px; color:var(--muted); }
.apsl-head-actions{ display:flex; gap:8px; }

/* Search */
.apsl-search-wrap{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--border); border-radius:12px; padding:11px 16px; margin-bottom:16px; }
.apsl-search-wrap .dashicons{ color:var(--muted); }
.apsl-search-wrap input{ flex:1; border:none; outline:none; font-size:15px; background:transparent; color:var(--ink); }
.apsl-live{ display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; color:#1f9d55; }
.apsl-live .dashicons{ font-size:14px; width:14px; height:14px; color:#1f9d55; }

/* Stat cards */
.apsl-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-bottom:18px; }
.apsl-card{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:15px; display:flex; align-items:center; gap:11px; }
.apsl-card-ic{ width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:none; }
.apsl-card-ic .dashicons{ font-size:18px; width:18px; height:18px; }
.apsl-tint-blue{ background:var(--light-blue); } .apsl-tint-blue .dashicons{ color:var(--blue); }
.apsl-tint-yellow{ background:var(--yellow-soft); } .apsl-tint-yellow .dashicons{ color:#c79100; }
.apsl-tint-red{ background:var(--red-soft); } .apsl-tint-red .dashicons{ color:var(--red); }
.apsl-card-label{ font-size:12px; color:var(--muted); }
.apsl-card-value{ font-size:22px; font-weight:700; color:var(--blue-dark); }

/* Toggle */
.apsl-toggle{ display:inline-flex; background:#fff; border:1px solid var(--border); border-radius:12px; padding:4px; gap:2px; margin-bottom:14px; flex-wrap:wrap; }
.apsl-tb{ display:inline-flex; align-items:center; gap:7px; border:none; background:transparent; cursor:pointer; font-family:inherit; font-size:13px; font-weight:500; color:var(--ink); padding:8px 16px; border-radius:9px; }
.apsl-tb .dashicons{ font-size:16px; width:16px; height:16px; }
.apsl-tb i{ font-style:normal; color:var(--muted); font-size:12px; }
.apsl-tb.is-active{ background:var(--blue); color:#fff; }
.apsl-tb.is-active .dashicons,.apsl-tb.is-active i{ color:#fff; opacity:.85; }

/* Link cards */
.apsl-list{ display:flex; flex-direction:column; gap:10px; }
.apsl-card-row{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:14px 16px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.apsl-card-row.is-off{ opacity:.6; }
.apsl-cr-main{ flex:1; min-width:180px; }
.apsl-cr-title{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.apsl-cr-title strong{ color:var(--blue-dark); }
.apsl-cr-dest{ font-size:12px; color:#98a2b3; margin-top:2px; word-break:break-all; }
.apsl-cr-url{ font-family:Menlo,Consolas,monospace; font-size:13px; color:var(--blue); background:var(--light-blue); padding:6px 10px; border-radius:8px; text-decoration:none; white-space:nowrap; }
.apsl-cr-url:hover{ text-decoration:none; }
.apsl-copy-ic{ font-size:14px; width:14px; height:14px; vertical-align:middle; opacity:.7; }
.apsl-cr-clicks{ text-align:center; min-width:54px; }
.apsl-cr-clicks strong{ display:block; color:var(--blue-dark); font-size:16px; }
.apsl-cr-clicks span{ font-size:11px; color:var(--muted); }
.apsl-cr-country{ min-width:96px; font-size:13px; color:var(--ink); }
.apsl-cr-actions{ display:flex; gap:4px; }
.apsl-ic{ width:32px; height:32px; border:none; border-radius:8px; background:var(--bg); cursor:pointer; color:var(--blue-dark); display:flex; align-items:center; justify-content:center; }
.apsl-ic .dashicons{ font-size:17px; width:17px; height:17px; }
.apsl-ic:hover{ background:var(--light-blue); }
.apsl-ic-del{ color:var(--red); }
.apsl-ic-del:hover{ background:var(--red-soft); }

.apsl-badge{ font-size:10px; font-weight:700; border-radius:5px; padding:2px 7px; letter-spacing:.03em; }
.apsl-badge-custom{ color:var(--blue); background:var(--light-blue); }
.apsl-badge-random{ color:var(--purple); background:var(--purple-soft); }
.apsl-badge-off{ color:var(--muted); background:#eef1f5; }
.apsl-lock{ font-size:15px; width:15px; height:15px; color:#1f9d55; }
.apsl-list-empty{ padding:30px; text-align:center; color:#98a2b3; background:#fff; border:1px solid var(--border); border-radius:14px; }

/* Modals */
.apsl-modal,.apsl-qr-modal{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px; }
.apsl-modal[hidden],.apsl-qr-modal[hidden]{ display:none; }
.apsl-modal-bd,.apsl-qr-backdrop{ position:absolute; inset:0; background:rgba(10,15,25,.55); }
.apsl-modal-card,.apsl-qr-card{ position:relative; z-index:1; width:100%; max-width:520px; background:#fff; border-radius:18px; padding:26px; max-height:88vh; overflow:auto; }
.apsl-qr-card{ max-width:360px; text-align:center; }
.apsl-modal-x,.apsl-qr-close{ position:absolute; top:12px; right:12px; border:none; background:transparent; cursor:pointer; color:#98a2b3; }
.apsl-modal-card h3,.apsl-qr-card h3{ margin:0 0 18px; font-size:18px; font-weight:700; color:var(--blue-dark); display:flex; align-items:center; gap:8px; }
.apsl-modal-card h3 .dashicons,.apsl-qr-card h3 .dashicons{ color:var(--blue); }

/* Form */
.apsl-field{ margin-bottom:18px; }
.apsl-field > label{ display:block; font-weight:600; font-size:14px; color:var(--blue-dark); margin-bottom:6px; }
.apsl-field input[type=url],.apsl-field input[type=text],.apsl-field select{ width:100%; border:1px solid var(--border); border-radius:9px; padding:11px 13px; font-size:14px; background:#fafcff; font-family:inherit; }
.apsl-field input:focus,.apsl-field select:focus{ outline:none; border-color:var(--blue); }
.apsl-hint{ font-size:12px; color:#98a2b3; margin:10px 0 0; }
.apsl-req{ color:var(--red); }
.apsl-check{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--ink); font-weight:400; margin-top:14px; }
.apsl-check input{ width:16px; height:16px; }
.apsl-slug-row{ display:flex; }
.apsl-base{ display:flex; align-items:center; background:#eef3f9; border:1px solid var(--border); border-right:none; border-radius:9px 0 0 9px; padding:0 12px; color:var(--muted); font-size:13px; white-space:nowrap; }
.apsl-slug-row input{ border-radius:0 9px 9px 0 !important; }
.apsl-modal-foot{ display:flex; gap:10px; margin-top:8px; }

/* Stats modal content */
.apsl-stat-summary{ display:flex; gap:12px; margin-bottom:18px; }
.apsl-mini{ flex:1; background:var(--bg); border-radius:12px; padding:12px 14px; }
.apsl-mini span{ font-size:12px; color:var(--muted); display:block; }
.apsl-mini strong{ font-size:22px; color:var(--blue-dark); }
.apsl-stat-h{ font-size:14px; color:var(--blue-dark); margin:18px 0 10px; }
.apsl-bars{ display:flex; align-items:flex-end; gap:6px; height:160px; background:var(--bg); border-radius:12px; padding:14px; }
.apsl-bar-col{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; }
.apsl-bar-val{ font-size:10px; color:var(--muted); margin-bottom:4px; }
.apsl-bar{ width:60%; max-width:26px; background:var(--blue); border-radius:3px 3px 0 0; }
.apsl-bar-lbl{ font-size:9px; color:var(--muted); margin-top:6px; }
.apsl-ctable{ display:flex; flex-direction:column; gap:8px; }
.apsl-crow{ display:flex; align-items:center; gap:10px; font-size:13px; }
.apsl-cname{ flex:1; }
.apsl-cbar{ width:90px; height:8px; background:#eef1f5; border-radius:4px; overflow:hidden; }
.apsl-cbar i{ display:block; height:100%; background:var(--blue); }
.apsl-cnum{ min-width:36px; text-align:right; color:var(--muted); }

/* QR */
.apsl-qr-canvas{ display:inline-block; background:#fff; border:1px solid var(--border); border-radius:14px; padding:12px; margin-bottom:16px; line-height:0; }
.apsl-qr-url{ font-family:Menlo,Consolas,monospace; font-size:13px; color:var(--blue); margin:0 0 18px; word-break:break-all; }
.apsl-qr-actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

/* Toast */
.apsl-toast{ position:fixed; left:50%; bottom:28px; transform:translateX(-50%); z-index:100000; padding:12px 20px; border-radius:10px; font-size:14px; font-weight:600; color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.2); }
.apsl-toast[hidden]{ display:none; }
.apsl-toast.is-ok{ background:#1f9d55; }
.apsl-toast.is-err{ background:var(--red); }

@media (max-width:680px){
	.apsl-cr-country{ display:none; }
	.apsl-cr-url{ order:5; }
	.apsl-stat-summary{ flex-direction:column; }
}

/* ===========================================================================
   Login landing (dark + green) — full-screen overlay, theme-independent
   ========================================================================= */
.apsl-login{ position:fixed; inset:0; z-index:99990; background:#0e0f10; color:#e6e8ea; overflow-y:auto;
	font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif; -webkit-font-smoothing:antialiased; }
.apsl-login *{ box-sizing:border-box; }
.apsl-login-inner{ min-height:100%; display:flex; flex-direction:column; max-width:1200px; margin:0 auto; padding:0 28px; }

.apsl-login-top{ display:flex; align-items:center; justify-content:space-between; padding:18px 0; }
.apsl-login-brand{ display:flex; align-items:center; gap:9px; text-decoration:none; color:#fff; }
.apsl-login-brand img{ border-radius:8px; }
.apsl-login-mark{ width:34px; height:34px; border-radius:9px; background:#18c98e; display:flex; align-items:center; justify-content:center; color:#04231a; font-weight:800; font-size:18px; }
.apsl-login-name{ font-weight:800; font-size:20px; letter-spacing:-.01em; }
.apsl-login-topright{ display:flex; align-items:center; gap:16px; }
.apsl-login-topright > span{ color:#9aa0a6; font-size:14px; }
.apsl-login-cta{ background:#18c98e; color:#04231a; font-weight:700; font-size:14px; padding:9px 18px; border-radius:9px; text-decoration:none; }

.apsl-login-body{ flex:1; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding:30px 0; }

/* Card */
.apsl-login-card{ background:#17191b; border:1px solid #232629; border-radius:16px; padding:32px; max-width:440px; width:100%; justify-self:end; }
.apsl-login-card h1{ color:#18c98e; font-size:24px; font-weight:700; margin:0 0 20px; }
.apsl-login-err{ background:rgba(224,49,49,.12); border:1px solid rgba(224,49,49,.4); color:#ff8c8c; font-size:13.5px; padding:11px 13px; border-radius:9px; margin-bottom:16px; }
.apsl-login-field{ display:block; margin-bottom:14px; position:relative; }
.apsl-login-field > span{ display:block; font-size:13px; color:#9aa0a6; margin-bottom:6px; }
.apsl-login-field input{ width:100%; background:#202326; border:1px solid #2b2f33; border-radius:10px; padding:13px 14px; font-size:14px; color:#e6e8ea; outline:none; }
.apsl-login-field input:focus{ border-color:#18c98e; }
.apsl-login-pwd .apsl-eye{ position:absolute; right:10px; bottom:9px; background:none; border:none; cursor:pointer; font-size:16px; opacity:.6; }
.apsl-login-pwd .apsl-eye:hover{ opacity:1; }
.apsl-login-row{ display:flex; align-items:center; justify-content:space-between; margin:4px 0 18px; }
.apsl-login-remember{ font-size:13px; color:#9aa0a6; display:inline-flex; align-items:center; gap:7px; }
.apsl-login-link{ color:#18c98e; font-size:13.5px; font-weight:600; text-decoration:none; }
.apsl-login-link:hover{ text-decoration:underline; }
.apsl-login-submit{ width:100%; background:#18c98e; color:#04231a; border:none; border-radius:10px; padding:14px; font-size:15px; font-weight:700; cursor:pointer; }
.apsl-login-submit:hover{ background:#22d89a; }
.apsl-login-foot-cta{ margin:18px 0 0; font-size:14px; color:#9aa0a6; }

/* Promo */
.apsl-login-promo{ max-width:460px; }
.apsl-login-promo h2{ font-size:25px; font-weight:700; margin:0 0 12px; color:#fff; }
.apsl-login-promo p{ color:#9aa0a6; font-size:15px; line-height:1.6; margin:0 0 14px; }
.apsl-login-learn{ color:#18c98e; font-size:14px; font-weight:600; text-decoration:none; }
.apsl-login-window{ margin-top:22px; background:#1b1d1f; border:1px solid #2b2f33; border-radius:14px; overflow:hidden; }
.apsl-lw-bar{ display:flex; align-items:center; gap:6px; padding:11px 14px; border-bottom:1px solid #2b2f33; }
.apsl-lw-bar i{ width:11px; height:11px; border-radius:50%; }
.apsl-lw-bar i:nth-child(1){ background:#ff5f57; } .apsl-lw-bar i:nth-child(2){ background:#febc2e; } .apsl-lw-bar i:nth-child(3){ background:#28c840; }
.apsl-lw-bar span{ margin-left:10px; font-size:13px; font-weight:700; color:#cfd3d7; }
.apsl-lw-body{ padding:14px 16px; display:flex; flex-direction:column; gap:13px; }
.apsl-lw-row{ display:flex; align-items:center; gap:12px; }
.apsl-lw-slug{ font-family:Menlo,Consolas,monospace; font-size:12px; color:#cfd3d7; min-width:78px; }
.apsl-lw-bar2{ height:8px; background:linear-gradient(90deg,#18c98e,#155); border-radius:4px; flex:0 0 auto; }
.apsl-lw-num{ margin-left:auto; font-size:12px; color:#9aa0a6; }

.apsl-login-bottom{ border-top:1px solid #232629; padding:18px 0; display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; font-size:13px; color:#6b7177; }
.apsl-login-flinks a{ color:#18c98e; text-decoration:none; }

@media (max-width:820px){
	.apsl-login-body{ grid-template-columns:1fr; gap:28px; }
	.apsl-login-card{ justify-self:stretch; max-width:none; order:2; }
	.apsl-login-promo{ order:1; max-width:none; }
}

/* ===========================================================================
   v1.4.0 — logo, theme toggle, 2FA field, percentage promo, light/dark modes
   ========================================================================= */

/* Top bar layout */
.apsl-login-right{ display:flex; align-items:center; gap:14px; }
.apsl-login-logo{ height:36px; width:auto; max-width:230px; display:block; }

/* Theme toggle (pill on login, icon button on dashboard) */
.apsl-theme-toggle{ display:inline-flex; align-items:center; gap:2px; background:#17191b; border:1px solid #232629; border-radius:20px; padding:4px; cursor:pointer; }
.apsl-theme-toggle .apsl-tt-ic{ width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; color:#6b7177; }
.apsl-theme-toggle .apsl-tt-moon{ background:#18c98e; color:#04231a; }       /* dark active */
.apsl-login.is-light .apsl-theme-toggle{ background:#fff; border-color:#e2e6ea; }
.apsl-login.is-light .apsl-theme-toggle .apsl-tt-moon{ background:transparent; color:#9aa0a6; }
.apsl-login.is-light .apsl-theme-toggle .apsl-tt-sun{ background:#18c98e; color:#fff; }
/* On the dashboard the toggle is a normal icon button; show a single glyph */
.apsl-panel .apsl-theme-toggle .apsl-tt-sun{ display:none; }
.apsl-panel.is-dark .apsl-theme-toggle .apsl-tt-moon{ display:none; }
.apsl-panel.is-dark .apsl-theme-toggle .apsl-tt-sun{ display:inline-flex; }

/* 2FA field small label */
.apsl-login-field small{ color:#6b7177; font-weight:400; }

/* Promo window — grid rows so the value never clips */
.apsl-lw-row{ display:grid; grid-template-columns:74px 1fr 46px; align-items:center; gap:10px; }
.apsl-lw-slug{ font-family:Menlo,Consolas,monospace; font-size:12px; color:#cfd3d7; }
.apsl-lw-track{ height:8px; background:#2b2f33; border-radius:4px; overflow:hidden; }
.apsl-lw-track i{ display:block; height:100%; background:linear-gradient(90deg,#18c98e,#0c6); border-radius:4px; }
.apsl-lw-pct{ font-size:12px; color:#e6e8ea; font-weight:600; text-align:right; }

/* --------------------- LOGIN: light mode --------------------- */
.apsl-login.is-light{ background:#f3f5f7; color:#1d2530; }
.apsl-login.is-light .apsl-login-name{ color:#0f1b2d; }
.apsl-login.is-light .apsl-login-card{ background:#fff; border-color:#e2e6ea; box-shadow:0 4px 18px rgba(20,40,70,.05); }
.apsl-login.is-light .apsl-login-card h1{ color:#10b981; }
.apsl-login.is-light .apsl-login-field > span{ color:#6b7785; }
.apsl-login.is-light .apsl-login-field input{ background:#f6f8fa; border-color:#e2e6ea; color:#1d2530; }
.apsl-login.is-light .apsl-login-field input:focus{ border-color:#10b981; }
.apsl-login.is-light .apsl-login-remember{ color:#6b7785; }
.apsl-login.is-light .apsl-login-link,
.apsl-login.is-light .apsl-login-learn,
.apsl-login.is-light .apsl-login-cta{ color:#10b981; }
.apsl-login.is-light .apsl-login-cta{ background:#10b981; color:#fff; }
.apsl-login.is-light .apsl-login-submit{ background:#10b981; color:#fff; }
.apsl-login.is-light .apsl-login-submit:hover{ background:#0ea371; }
.apsl-login.is-light .apsl-login-promo h2{ color:#0f1b2d; }
.apsl-login.is-light .apsl-login-promo p{ color:#5a6b7b; }
.apsl-login.is-light .apsl-login-window{ background:#fff; border-color:#e2e6ea; box-shadow:0 4px 18px rgba(20,40,70,.05); }
.apsl-login.is-light .apsl-lw-bar{ border-bottom-color:#eef1f4; }
.apsl-login.is-light .apsl-lw-bar span{ color:#33485f; }
.apsl-login.is-light .apsl-lw-slug{ color:#33485f; }
.apsl-login.is-light .apsl-lw-track{ background:#eef1f4; }
.apsl-login.is-light .apsl-lw-track i{ background:#10b981; }
.apsl-login.is-light .apsl-lw-pct{ color:#1d2530; }
.apsl-login.is-light .apsl-login-bottom{ border-top-color:#e2e6ea; color:#8a94a0; }
.apsl-login.is-light .apsl-login-bottom a{ color:#10b981; }
.apsl-login.is-light .apsl-login-foot-cta{ color:#6b7785; }

/* --------------------- DASHBOARD: dark mode --------------------- */
.apsl-fe.apsl-panel.is-dark{ background:#0e0f10; padding:20px; border-radius:16px;
	--ink:#e6e8ea; --muted:#9aa0a6; --border:#232629; --light-blue:#1d2730; --bg:#16181a; --blue-dark:#e6e8ea; }
.apsl-panel.is-dark .apsl-brand-name{ color:#fff; }
.apsl-panel.is-dark .apsl-card,
.apsl-panel.is-dark .apsl-search-wrap,
.apsl-panel.is-dark .apsl-toggle,
.apsl-panel.is-dark .apsl-card-row,
.apsl-panel.is-dark .apsl-list-empty,
.apsl-panel.is-dark .apsl-btn-icon,
.apsl-panel.is-dark .apsl-modal-card,
.apsl-panel.is-dark .apsl-qr-card{ background:#17191b; border-color:#232629; color:#e6e8ea; }
.apsl-panel.is-dark .apsl-search-wrap input{ color:#e6e8ea; }
.apsl-panel.is-dark .apsl-card-value,
.apsl-panel.is-dark .apsl-cr-title strong,
.apsl-panel.is-dark .apsl-cr-clicks strong,
.apsl-panel.is-dark .apsl-modal-card h3,
.apsl-panel.is-dark .apsl-qr-card h3,
.apsl-panel.is-dark .apsl-field > label{ color:#e6e8ea; }
.apsl-panel.is-dark .apsl-cr-url{ background:#10231c; color:#34e3a9; }
.apsl-panel.is-dark .apsl-ic{ background:#202326; color:#cfd3d7; }
.apsl-panel.is-dark .apsl-ic:hover{ background:#28303a; }
.apsl-panel.is-dark .apsl-tb{ color:#cfd3d7; }
.apsl-panel.is-dark .apsl-tb.is-active{ background:#18c98e; color:#04231a; }
.apsl-panel.is-dark .apsl-field input[type=url],
.apsl-panel.is-dark .apsl-field input[type=text],
.apsl-panel.is-dark .apsl-field select{ background:#202326; border-color:#2b2f33; color:#e6e8ea; }
.apsl-panel.is-dark .apsl-base{ background:#202326; border-color:#2b2f33; color:#9aa0a6; }
.apsl-panel.is-dark .apsl-btn-soft{ background:#202326; color:#e6e8ea; }
.apsl-panel.is-dark .apsl-mini{ background:#202326; }
.apsl-panel.is-dark .apsl-mini strong{ color:#fff; }
.apsl-panel.is-dark .apsl-bars,
.apsl-panel.is-dark .apsl-cbar{ background:#202326; }
.apsl-panel.is-dark .apsl-cr-dest{ color:#7d8694; }

/* Link card — created date line */
.apsl-cr-meta{ margin-top:5px; font-size:12px; color:#7a8694; display:flex; align-items:center; gap:5px; }
.apsl-cr-meta .dashicons{ font-size:14px; width:14px; height:14px; line-height:14px; opacity:.7; }
.apsl-panel.is-dark .apsl-cr-meta{ color:#8a94a4; }