/**
 * Almgwar Cron Platform — Fusion visual language (namespaced)
 * Tokens match ALMGWAR FUSION TEST86. Do not import Fusion app.css.
 */

:root {
    --am-bg: #14161e;
    --am-surface: #1a1d27;
    --am-surface-2: #22252f;
    --am-bg-elevated: var(--am-surface);
    --am-bg-card: var(--am-surface-2);
    --am-bg-input: #181b24;
    --am-bg-hover: rgba(110, 184, 255, 0.08);
    --am-border: rgba(232, 236, 245, 0.10);
    --am-border-strong: rgba(110, 184, 255, 0.42);
    --am-primary: #6eb8ff;
    --am-accent: #8ec8ff;
    --am-cyan: #7ec8ff;
    --am-blue: #5a8dff;
    --am-text: #f3f5fa;
    --am-muted: #9aa3b8;
    --am-text-muted: var(--am-muted);
    --am-success: #3dce9a;
    --am-warning: #e6b84d;
    --am-danger: #ef7b7b;
    --am-info: #6eb8ff;
    --am-radius: 16px;
    --am-radius-sm: 12px;
    --am-radius-lg: 22px;
    --am-space-1: 0.35rem;
    --am-space-2: 0.75rem;
    --am-space-3: 1.25rem;
    --am-space-4: 2rem;
    --am-surface-glass: color-mix(in srgb, var(--am-bg-elevated) 72%, transparent);
    --am-shadow: 0 18px 48px rgba(8, 10, 16, 0.42);
    --am-shadow-sm: 0 8px 22px rgba(8, 10, 16, 0.28);
    --am-glow: rgba(110, 184, 255, 0.16);
    --am-sidebar: 260px;
    --am-sidebar-collapsed: 80px;
    --am-transition: 200ms ease;
    --am-grad: linear-gradient(135deg, var(--am-cyan), var(--am-primary) 45%, var(--am-blue));
    --am-glass: color-mix(in srgb, var(--am-surface) 78%, transparent);
    --am-font: "Cairo", "DM Sans", system-ui, sans-serif;
    --am-mono: "JetBrains Mono", ui-monospace, monospace;
    --am-gold: var(--am-primary);
    --am-gold-bright: var(--am-accent);
    --am-gold-soft: rgba(110, 184, 255, 0.16);
    --am-teal: var(--am-cyan);
    --df-primary: var(--am-primary);
    --df-primary-hover: var(--am-accent);
    --df-bg: var(--am-bg);
    --df-bg-elevated: var(--am-bg-elevated);
    --df-bg-card: var(--am-bg-card);
    --df-border: var(--am-border);
    --df-text: var(--am-text);
    --df-text-muted: var(--am-muted);
    --df-success: var(--am-success);
    --df-danger: var(--am-danger);
    --df-warning: var(--am-warning);
    --df-sidebar-width: var(--am-sidebar);
    --df-radius: var(--am-radius);
    --df-transition: var(--am-transition);
}

html[dir="rtl"] {
    --am-font: "Cairo", "DM Sans", system-ui, sans-serif;
}

html[data-bs-theme="light"],
html[data-am-theme="light"] {
    --am-bg: #f4f6fb;
    --am-surface: #ffffff;
    --am-surface-2: #eef1f7;
    --am-bg-elevated: #ffffff;
    --am-bg-card: #ffffff;
    --am-bg-input: #ffffff;
    --am-bg-hover: rgba(90, 141, 255, 0.08);
    --am-border: rgba(16, 19, 26, 0.12);
    --am-border-strong: rgba(90, 141, 255, 0.45);
    --am-text: #10131a;
    --am-muted: #5b6478;
    --am-shadow: 0 10px 32px rgba(16, 19, 26, 0.08);
    --am-shadow-sm: 0 4px 14px rgba(16, 19, 26, 0.06);
    --am-glow: rgba(90, 141, 255, 0.12);
    --am-gold-soft: rgba(90, 141, 255, 0.12);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    color-scheme: dark;
}

html[data-bs-theme="light"],
html[data-am-theme="light"] {
    color-scheme: light;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    margin: 0;
    min-height: 100vh;
    background: var(--am-bg);
    color: var(--am-text);
    font-family: var(--am-font);
    font-size: 15px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--am-primary);
    transition: color var(--am-transition);
}

a:hover {
    color: var(--am-accent);
}

/* ── Brand mark ── */

.am-mark {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--am-cyan), var(--am-blue));
    color: #10131a;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: -0.04em;
    box-shadow: 0 8px 24px rgba(110, 184, 255, 0.28);
    flex-shrink: 0;
}

.am-mark-lg {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    font-size: 1.45rem;
}

.am-brand-name {
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.am-brand-sub {
    display: block;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--am-text-muted);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* ── Auth ── */

body.am-auth {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(1000px 480px at 8% -8%, var(--am-glow), transparent 58%),
        linear-gradient(180deg, var(--am-bg) 0%, var(--am-surface) 100%);
}

.am-auth-bar {
    padding: 1rem 0;
}

.am-auth-shell {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem 2.5rem;
}

.am-auth-card {
    width: 100%;
    max-width: 440px;
    background: color-mix(in srgb, var(--am-bg-elevated) 88%, transparent);
    border: 1px solid var(--am-border);
    border-radius: 22px;
    box-shadow: var(--am-shadow);
    padding: 2rem 1.75rem;
    backdrop-filter: blur(16px);
}

@media (min-width: 576px) {
    .am-auth-card {
        padding: 2.25rem 2.15rem;
    }
}

.am-auth-footer {
    text-align: center;
    margin-top: 1.25rem;
    color: var(--am-text-muted);
    font-size: 0.8rem;
}

.am-otp-input {
    letter-spacing: 0.42em;
    text-align: center;
    font-weight: 700;
    font-size: 1.35rem;
    font-family: var(--am-mono);
}

/* ── App shell ── */

body.df-admin,
body.am-app {
    background:
        radial-gradient(1000px 480px at 8% -8%, var(--am-glow), transparent 58%),
        linear-gradient(180deg, var(--am-bg) 0%, var(--am-surface) 100%);
    color: var(--am-text);
}

.df-sidebar,
.am-sidebar {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    width: var(--am-sidebar);
    background: var(--am-surface);
    border-inline-end: 1px solid var(--am-border);
    z-index: 1040;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: width var(--am-transition), transform var(--am-transition);
}

html[data-bs-theme="light"] .df-sidebar,
html[data-bs-theme="light"] .am-sidebar,
html[data-am-theme="light"] .df-sidebar,
html[data-am-theme="light"] .am-sidebar {
    background: var(--am-surface);
}

.df-sidebar-brand,
.am-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.15rem 1.1rem;
    border-bottom: 1px solid var(--am-border);
    min-height: 76px;
    text-decoration: none;
    color: var(--am-text);
}

.am-sidebar-nav {
    flex: 1;
    overflow-y: auto;
    padding: 0.85rem 0.65rem;
}

.df-nav-link,
.am-nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.85rem;
    color: var(--am-text-muted);
    text-decoration: none;
    font-weight: 550;
    font-size: 0.9rem;
    border-radius: 12px;
    border: 1px solid transparent;
    margin-bottom: 0.2rem;
    transition: background var(--am-transition), color var(--am-transition), border-color var(--am-transition);
    white-space: nowrap;
}

.df-nav-link i,
.am-nav-link i {
    width: 1.25rem;
    text-align: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.df-nav-link:hover,
.am-nav-link:hover {
    color: var(--am-text);
    background: var(--am-bg-hover);
}

.df-nav-link.active,
.am-nav-link.active {
    color: var(--am-text);
    background: linear-gradient(90deg, rgba(110, 184, 255, 0.16), rgba(90, 141, 255, 0.10));
    border-color: var(--am-border-strong);
}

.df-nav-link.active i,
.am-nav-link.active i {
    color: var(--am-gold);
}

.am-nav-sep {
    height: 1px;
    background: var(--am-border);
    margin: 0.65rem 0.5rem;
    border: 0;
}

.am-sidebar-user {
    padding: 0.9rem 0.85rem 1.1rem;
    border-top: 1px solid var(--am-border);
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.am-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--am-gold-soft);
    color: var(--am-gold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.am-sidebar-user-meta {
    min-width: 0;
}

.am-sidebar-user-meta strong {
    display: block;
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am-sidebar-user-meta span {
    font-size: 0.72rem;
    color: var(--am-text-muted);
}

.df-main,
.am-main {
    margin-inline-start: var(--am-sidebar);
    min-height: 100vh;
    padding: 1.25rem 1.5rem 2.5rem;
    transition: margin-inline-start var(--am-transition);
}

.df-topbar,
.am-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--am-border);
}

.df-page-title,
.am-page-title {
    font-size: 1.28rem;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.02em;
}

body.am-sidebar-collapsed .df-sidebar,
body.am-sidebar-collapsed .am-sidebar {
    width: var(--am-sidebar-collapsed);
}

body.am-sidebar-collapsed .df-main,
body.am-sidebar-collapsed .am-main {
    margin-inline-start: var(--am-sidebar-collapsed);
}

body.am-sidebar-collapsed .am-brand-text,
body.am-sidebar-collapsed .am-nav-label,
body.am-sidebar-collapsed .am-sidebar-user-meta {
    display: none;
}

body.am-sidebar-collapsed .df-nav-link,
body.am-sidebar-collapsed .am-nav-link,
body.am-sidebar-collapsed .am-sidebar-brand,
body.am-sidebar-collapsed .am-sidebar-user {
    justify-content: center;
    padding-inline: 0.55rem;
}

.am-sidebar-toggle,
.df-sidebar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--am-bg-card);
    border: 1px solid var(--am-border);
    color: var(--am-text);
    border-radius: 11px;
    padding: 0;
    transition: background var(--am-transition), border-color var(--am-transition);
}

.am-sidebar-toggle:hover,
.df-sidebar-toggle:hover {
    border-color: var(--am-gold);
    background: var(--am-gold-soft);
}

.am-sidebar-overlay,
.df-sidebar-overlay {
    display: none;
}

/* ── Controls ── */

.am-chip,
.header-btn,
.control-btn {
    cursor: pointer;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--am-border);
    background: var(--am-bg-card);
    color: var(--am-text);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    font-size: 0.82rem;
    transition: background var(--am-transition), border-color var(--am-transition), transform var(--am-transition);
}

.am-chip:hover,
.header-btn:hover,
.control-btn:hover {
    background: var(--am-bg-hover);
    border-color: var(--am-gold);
    color: var(--am-text);
    transform: translateY(-1px);
}

/* ── Cards ── */

.df-card,
.am-card,
.card-custom,
.login-card,
.register-card {
    background: var(--am-bg-elevated);
    border: 1px solid var(--am-border);
    border-radius: var(--am-radius);
    box-shadow: var(--am-shadow-sm);
    transition: border-color var(--am-transition), box-shadow var(--am-transition);
}

.df-card:hover,
.am-card:hover,
.card-custom:hover {
    border-color: var(--am-border-strong);
}

.df-card-header,
.am-card-header {
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--am-border);
    font-weight: 650;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.df-card-body,
.am-card-body {
    padding: 1.2rem;
}

.am-section-title,
.ap-section-title {
    font-size: 1.12rem;
    font-weight: 700;
    margin: 0;
}

.am-section-desc,
.ap-section-desc {
    font-size: 0.85rem;
    color: var(--am-text-muted);
    margin: 0.2rem 0 0;
}

.ap-section {
    margin-bottom: 2.4rem;
    scroll-margin-top: 1rem;
}

/* ── Stats ── */

.df-stat,
.am-stat,
.ap-stat-card,
.stat-badge-box {
    background: var(--am-bg-card);
    border: 1px solid var(--am-border);
    border-radius: var(--am-radius);
    padding: 1.15rem 1.2rem;
    height: 100%;
    transition: border-color var(--am-transition), transform var(--am-transition);
    position: relative;
    overflow: hidden;
}

.am-stat::after,
.ap-stat-card::after {
    content: '';
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: var(--am-gold);
    opacity: 0.55;
}

.df-stat:hover,
.am-stat:hover,
.ap-stat-card:hover,
.stat-badge-box:hover {
    transform: translateY(-2px);
    border-color: var(--am-border-strong);
}

.am-stat-icon,
.ap-stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 0.7rem;
    background: var(--am-gold-soft);
    color: var(--am-gold);
}

.df-stat-label,
.am-stat-label,
.ap-stat-label,
.stat-badge-box h6 {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--am-text-muted);
    margin-bottom: 0.2rem;
    font-weight: 600;
}

.df-stat-value,
.am-stat-value,
.ap-stat-value,
.stat-badge-box .val {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.am-stat-hint {
    font-size: 0.75rem;
    color: var(--am-text-muted);
    margin-top: 0.3rem;
}

/* ── Forms ── */

.form-label {
    font-weight: 600;
    color: var(--am-text-muted);
    font-size: 0.8rem;
}

body.df-admin .form-control,
body.df-admin .form-select,
body.am-app .form-control,
body.am-app .form-select,
body.am-auth .form-control,
body.am-auth .form-select,
.form-control,
.form-select {
    background-color: var(--am-bg-input);
    border: 1px solid var(--am-border);
    color: var(--am-text);
    border-radius: var(--am-radius-sm);
    padding: 0.7rem 0.9rem;
    transition: border-color var(--am-transition), box-shadow var(--am-transition), background var(--am-transition);
}

body.df-admin .form-control:focus,
body.df-admin .form-select:focus,
body.am-app .form-control:focus,
body.am-app .form-select:focus,
body.am-auth .form-control:focus,
.form-control:focus,
.form-select:focus {
    background-color: var(--am-bg-input);
    border-color: var(--am-gold);
    box-shadow: 0 0 0 3px var(--am-gold-soft);
    color: var(--am-text);
}

.form-control::placeholder {
    color: #647084;
}

.input-group-text {
    background: var(--am-bg-card);
    border-color: var(--am-border);
    color: var(--am-text-muted);
}

.am-input-wrap {
    position: relative;
}

.am-input-wrap .form-control {
    padding-inline-start: 2.55rem;
    padding-inline-end: 2.55rem;
}

.am-input-icon {
    position: absolute;
    inset-inline-start: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--am-text-muted);
    pointer-events: none;
    z-index: 2;
}

.am-pass-toggle {
    position: absolute;
    inset-inline-end: 0.45rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: 0;
    color: var(--am-text-muted);
    width: 36px;
    height: 36px;
    border-radius: 8px;
    z-index: 2;
}

.am-pass-toggle:hover {
    color: var(--am-gold);
    background: var(--am-gold-soft);
}

/* ── Buttons ── */

.df-btn-primary,
.btn-modern,
.am-btn-primary {
    background: var(--am-primary);
    border: none;
    color: #10131a;
    border-radius: var(--am-radius-sm);
    font-weight: 700;
    padding: 0.62rem 1.2rem;
    transition: filter var(--am-transition), transform var(--am-transition), box-shadow var(--am-transition);
}

.df-btn-primary:hover,
.btn-modern:hover,
.am-btn-primary:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    color: #10131a;
    box-shadow: 0 8px 20px rgba(110, 184, 255, 0.28);
}

.am-btn-ghost {
    background: transparent;
    border: 1px solid var(--am-border);
    color: var(--am-text);
    border-radius: var(--am-radius-sm);
    font-weight: 600;
    padding: 0.55rem 1rem;
}

.am-btn-ghost:hover {
    border-color: var(--am-border-strong);
    background: var(--am-bg-hover);
    color: var(--am-text);
}

.am-btn-success {
    background: rgba(61, 206, 154, 0.14);
    border: 1px solid rgba(61, 206, 154, 0.38);
    color: var(--am-success);
}

.am-btn-danger {
    background: rgba(239, 123, 123, 0.14);
    border: 1px solid rgba(239, 123, 123, 0.38);
    color: var(--am-danger);
}

.btn {
    border-radius: var(--am-radius-sm);
    font-weight: 600;
    transition: background var(--am-transition), border-color var(--am-transition), transform var(--am-transition);
}

.btn-outline-primary {
    color: var(--am-primary);
    border-color: var(--am-border-strong);
}

.btn-outline-primary:hover {
    background: var(--am-primary);
    border-color: var(--am-primary);
    color: #10131a;
}

.btn-outline-danger:hover,
.btn-danger {
    transform: none;
}

.btn.is-loading {
    pointer-events: none;
    opacity: 0.78;
    position: relative;
}

.btn.is-loading::after {
    content: '';
    width: 0.85rem;
    height: 0.85rem;
    margin-inline-start: 0.45rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    vertical-align: -1px;
    animation: am-spin 0.6s linear infinite;
}

@keyframes am-spin {
    to { transform: rotate(360deg); }
}

/* ── Tables ── */

.df-table-wrap,
.am-table-wrap {
    border-radius: var(--am-radius);
    overflow: auto;
    border: 1px solid var(--am-border);
    max-width: 100%;
}

body.df-admin .table,
body.am-app .table,
.am-table {
    margin: 0;
    color: var(--am-text);
    --bs-table-bg: transparent;
    --bs-table-hover-bg: var(--am-bg-hover);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.015);
    --bs-table-border-color: var(--am-border);
}

body.df-admin .table thead th,
body.am-app .table thead th {
    background: var(--am-bg-elevated);
    color: var(--am-text-muted);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 650;
    border-bottom: 1px solid var(--am-border);
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

body.df-admin .table td,
body.am-app .table td {
    vertical-align: middle;
    font-size: 0.9rem;
}

.ap-table-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.15rem;
    border-bottom: 1px solid var(--am-border);
}

.ap-search-wrap {
    position: relative;
}

.ap-search-wrap i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: 0.75rem;
    color: var(--am-text-muted);
    font-size: 0.8rem;
    pointer-events: none;
}

.ap-search {
    max-width: 260px;
    min-width: 160px;
    background: var(--am-bg-input);
    border: 1px solid var(--am-border);
    color: var(--am-text);
    border-radius: 10px;
    padding-block: 0.4rem;
    padding-inline: 2.15rem 0.85rem;
    font-size: 0.875rem;
}

.ap-search:focus {
    outline: none;
    border-color: var(--am-gold);
    box-shadow: 0 0 0 3px var(--am-gold-soft);
}

.ap-truncate {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ap-empty,
.am-empty {
    padding: 3rem 1.25rem;
    text-align: center;
    color: var(--am-text-muted);
}

.ap-empty i,
.am-empty i {
    font-size: 2.1rem;
    opacity: 0.35;
    display: block;
    margin-bottom: 0.75rem;
    color: var(--am-gold);
}

.ap-help-box {
    background: var(--am-bg-card);
    border: 1px dashed var(--am-border);
    border-radius: 10px;
    padding: 1rem;
    font-size: 0.82rem;
}

/* ── Badges / alerts ── */

.df-badge-active,
.am-badge-ok {
    background: rgba(52, 211, 153, 0.14);
    color: var(--am-success);
}

.df-badge-inactive,
.am-badge-bad {
    background: rgba(248, 113, 113, 0.14);
    color: var(--am-danger);
}

.am-badge-warn {
    background: rgba(251, 191, 36, 0.14);
    color: var(--am-warning);
}

.am-badge-run {
    background: var(--am-gold-soft);
    color: var(--am-gold-bright);
}

.alert {
    border-radius: 14px;
    border: 1px solid transparent;
}

.alert-success {
    background: rgba(52, 211, 153, 0.1);
    color: var(--am-success);
    border-color: rgba(52, 211, 153, 0.22);
}

.alert-danger {
    background: rgba(248, 113, 113, 0.1);
    color: var(--am-danger);
    border-color: rgba(248, 113, 113, 0.22);
}

.alert-info {
    background: rgba(56, 189, 248, 0.1);
    color: var(--am-info);
    border-color: rgba(56, 189, 248, 0.22);
}

.alert-warning {
    background: rgba(251, 191, 36, 0.1);
    color: var(--am-warning);
    border-color: rgba(251, 191, 36, 0.22);
}

/* ── Modals ── */

.modal-content {
    background: var(--am-bg-elevated);
    color: var(--am-text);
    border: 1px solid var(--am-border);
    border-radius: 18px;
}

.modal-header,
.modal-footer {
    border-color: var(--am-border);
}

.accordion-item {
    background: transparent;
    border-color: var(--am-border);
}

.accordion-button {
    background: var(--am-bg-card);
    color: var(--am-text);
}

.accordion-button:not(.collapsed) {
    background: var(--am-gold-soft);
    color: var(--am-text);
    box-shadow: none;
}

.accordion-button::after {
    filter: invert(0.7);
}

html[data-bs-theme="light"] .accordion-button::after {
    filter: none;
}

.df-api-key,
.am-mono-box {
    font-family: var(--am-mono);
    background: var(--am-bg-input);
    border: 1px solid var(--am-border);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    word-break: break-all;
    font-size: 0.85rem;
    color: var(--am-gold-bright);
}

/* ── Smart link cards ── */

.am-link-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.2rem;
}

.am-link-url {
    font-family: var(--am-mono);
    font-size: 0.78rem;
    color: var(--am-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am-sub-card {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.15rem 1.25rem;
}

.am-sub-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1.25rem;
}

.am-sub-meta dt {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--am-text-muted);
    margin: 0;
}

.am-sub-meta dd {
    margin: 0;
    font-weight: 650;
}

.am-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-inline-end: 0.35rem;
}

.am-status-dot.ok { background: var(--am-success); box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.18); }
.am-status-dot.bad { background: var(--am-danger); box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.18); }

/* ── Responsive ── */

@media (max-width: 991.98px) {
    .df-sidebar,
    .am-sidebar {
        transform: translateX(110%);
        width: min(86vw, var(--am-sidebar));
        box-shadow: var(--am-shadow);
    }

    [dir="ltr"] .df-sidebar,
    [dir="ltr"] .am-sidebar {
        transform: translateX(-110%);
    }

    .df-sidebar.show,
    .am-sidebar.show,
    .df-sidebar.am-open,
    .am-sidebar.am-open {
        transform: translateX(0);
    }

    .df-main,
    .am-main,
    body.am-sidebar-collapsed .df-main,
    body.am-sidebar-collapsed .am-main {
        margin-inline-start: 0;
        padding: 1rem 0.9rem 2rem;
    }

    .am-sidebar-overlay,
    .df-sidebar-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: 1035;
    }

    .am-sidebar-overlay.show,
    .df-sidebar-overlay.show {
        display: block;
    }

    body.am-sidebar-collapsed .am-brand-text,
    body.am-sidebar-collapsed .am-nav-label,
    body.am-sidebar-collapsed .am-sidebar-user-meta {
        display: block;
    }

    body.am-sidebar-collapsed .df-sidebar,
    body.am-sidebar-collapsed .am-sidebar {
        width: min(86vw, var(--am-sidebar));
    }

    .am-sub-meta {
        grid-template-columns: 1fr;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .am-auth-card {
        padding: 1.4rem 1.1rem;
        border-radius: 18px;
    }

    .df-page-title,
    .am-page-title {
        font-size: 1.08rem;
    }

    .ap-search {
        max-width: 100%;
        width: 100%;
    }
}

html.am-nav-lock,
html.am-nav-lock body {
    overflow: hidden;
}

.am-btn-primary:focus-visible,
.am-chip:focus-visible,
.am-sidebar-toggle:focus-visible,
.am-nav-link:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
    outline: 2px solid var(--am-primary);
    outline-offset: 2px;
}

.am-table-wrap td,
.df-table-wrap td {
    overflow-wrap: anywhere;
}

.am-log-msg {
    max-width: 42rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    text-align: start;
    font-family: var(--am-mono);
    font-size: 0.78rem;
    color: var(--am-muted);
}

.df-topbar,
.am-topbar {
    position: sticky;
    top: 0;
    z-index: 30;
    background: color-mix(in srgb, var(--am-surface) 92%, transparent);
    backdrop-filter: blur(14px);
    padding-top: 0.9rem;
}

.am-stat-value,
.ap-stat-value,
.df-stat-value {
    font-variant-numeric: tabular-nums;
}

.am-input-wrap:not(:has(.am-pass-toggle)) .form-control {
    padding-inline-end: 0.9rem;
}

.am-sidebar-collapse {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0.35rem 0;
    padding: 0.45rem;
    background: transparent;
    border: 1px dashed var(--am-border);
    color: var(--am-muted);
    border-radius: 10px;
}

.am-sidebar-collapse:hover {
    color: var(--am-text);
    border-color: var(--am-border-strong);
    background: var(--am-bg-hover);
}

html[dir="rtl"] .am-sidebar-collapse i {
    transform: scaleX(-1);
}

body.am-sidebar-collapsed .am-sidebar-collapse i {
    transform: none;
}

html[dir="ltr"] body.am-sidebar-collapsed .am-sidebar-collapse i {
    transform: scaleX(-1);
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .am-chip:hover,
    .am-stat:hover,
    .ap-stat-card:hover,
    .am-btn-primary:hover {
        transform: none;
    }
}

/* ── Landing page (Cron Platform) ─────────────────────────────────────── */

body.am-lp {
    background: var(--am-bg);
    color: var(--am-text);
    overflow-x: hidden;
}

.am-lp img,
.am-auth img,
.am-reseller-logo,
.am-brand-logo {
    max-width: 100%;
    height: auto;
}

.am-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 430px) {
    .am-lp-title {
        font-size: 1.65rem;
    }
    .am-lp-links a.btn {
        width: 100%;
        text-align: center;
    }
}

.am-lp-nav {
    position: sticky;
    top: 0;
    z-index: 40;
    background: color-mix(in srgb, var(--am-surface) 90%, transparent);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--am-border);
}

.am-lp-hero {
    padding-block: 4.5rem 3rem;
}

.am-lp-hero-inner {
    max-width: 720px;
}

.am-lp-kicker {
    color: var(--am-primary);
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-bottom: 0.75rem;
}

.am-lp-title {
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 700;
    margin-bottom: 1rem;
}

.am-lp-lead {
    color: var(--am-muted);
    font-size: 1.05rem;
    margin-bottom: 1.5rem;
}

.am-lp-section {
    padding-block: 2.75rem;
}

.am-lp-h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

.am-lp-feature {
    height: 100%;
    padding: 1.25rem;
}

.am-lp-feature i {
    color: var(--am-primary);
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.am-lp-feature h3,
.am-lp-tg h3,
#why h3 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.am-lp-feature p,
#why p {
    color: var(--am-muted);
    margin: 0;
    font-size: 0.92rem;
}

.am-lp-steps {
    padding-inline-start: 1.25rem;
    margin: 0;
}

.am-lp-steps li {
    margin-bottom: 0.75rem;
    color: var(--am-muted);
}

.am-lp-note {
    color: var(--am-muted);
    margin-bottom: 1rem;
}

.am-lp-faq {
    border-bottom: 1px solid var(--am-border);
    padding: 1rem 1.15rem;
}

.am-lp-faq summary {
    cursor: pointer;
    font-weight: 600;
}

.am-lp-faq p {
    margin: 0.65rem 0 0;
    color: var(--am-muted);
}

.am-lp-tg {
    text-align: center;
    padding: 1.35rem;
}

.am-lp-tg i {
    font-size: 1.6rem;
    color: var(--am-primary);
    margin-bottom: 0.6rem;
}

.am-lp-cta {
    padding-block: 3rem;
}

.am-lp-footer {
    border-top: 1px solid var(--am-border);
    padding-block: 1.25rem;
    color: var(--am-muted);
    font-size: 0.9rem;
}

.am-lp-footer a {
    color: var(--am-primary);
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .am-lp-hero {
        padding-block: 2.5rem 1.5rem;
    }
    .am-lp-nav .am-brand-sub {
        display: none;
    }
}

.am-lp-links {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.am-lp-links a:focus-visible,
.am-lp-burger:focus-visible {
    outline: 2px solid var(--am-primary);
    outline-offset: 3px;
}

.am-lp-burger {
    background: transparent;
    border: 1px solid var(--am-border);
    color: var(--am-text);
    border-radius: 10px;
    padding: 0.4rem 0.65rem;
}

.am-lp-hero-glow {
    position: absolute;
    inset-inline: 10%;
    top: 0;
    height: 220px;
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--am-primary) 28%, transparent), transparent 70%);
    pointer-events: none;
}

.am-lp-hero {
    position: relative;
}

.am-lp-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(var(--am-border) 1px, transparent 1px),
        linear-gradient(90deg, var(--am-border) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.28;
    pointer-events: none;
    mask-image: radial-gradient(ellipse at center, black 35%, transparent 75%);
}

.am-lp-viz {
    margin-top: 2rem;
    gap: 0.75rem;
}

.am-lp-viz-card {
    padding: 0.85rem 1rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.am-brand-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 10px;
}

.am-brand-logo.am-mark-lg {
    width: 64px;
    height: 64px;
}

.am-reseller-card {
    padding: 1.2rem;
    height: 100%;
}

.am-reseller-logo {
    max-width: 72px;
    max-height: 72px;
    object-fit: contain;
    margin-bottom: 0.75rem;
}

@media (max-width: 991.98px) {
    .am-lp-links {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 1rem;
    }
    .am-lp-links.is-open {
        display: flex;
    }
    .am-lp-nav .container {
        flex-wrap: wrap;
    }
}

.am-price-card {
    height: 100%;
    padding: 1.35rem 1.25rem 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.am-price-card.is-featured {
    border-color: var(--am-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--am-primary) 45%, transparent),
                0 12px 40px rgba(0, 0, 0, 0.28);
}

.am-price-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--am-bg);
    background: var(--am-primary);
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    margin-bottom: 0.35rem;
}

.am-price-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

.am-price-sub {
    margin: 0;
    color: var(--am-muted);
    font-size: 0.9rem;
    font-weight: 500;
}

.am-price-card > p {
    color: var(--am-muted);
    margin: 0;
    font-size: 0.92rem;
}

.am-price-amount {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--am-text);
    margin: 0.35rem 0 0;
}

.am-price-amount span {
    font-size: 0.85rem;
    color: var(--am-muted);
    font-weight: 600;
}

.am-price-period {
    font-size: 0.85rem;
    color: var(--am-muted);
    margin: 0 0 0.5rem;
}

.am-price-feat {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    flex: 1;
}

.am-price-feat li {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    color: var(--am-text);
    font-size: 0.9rem;
    margin-bottom: 0.45rem;
}

.am-price-feat i {
    color: var(--am-primary);
    margin-top: 0.2rem;
}

@media (max-width: 430px) {
    .am-price-card {
        padding: 1.1rem;
    }
}

html[dir="ltr"] {
    --am-font: "DM Sans", "Cairo", system-ui, sans-serif;
}

html[dir="rtl"] .am-sidebar-collapse i {
    transform: scaleX(-1);
}

.am-lang-switch {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.am-lang-switch a.am-chip.is-active {
    background: var(--am-primary);
    color: #0b1220;
    pointer-events: none;
}

.am-lp-links .am-lang-switch,
.am-topbar .am-lang-switch,
.am-auth-bar .am-lang-switch {
    flex-shrink: 0;
}

.am-auth-bar .container {
    flex-wrap: wrap;
}

@media (max-width: 575.98px) {
    .am-lang-switch a.am-chip {
        font-size: 0.8rem;
        padding: 0.28rem 0.55rem;
    }
    .am-lp-nav .container {
        flex-wrap: wrap;
    }
}

/* ── CRON18 premium landing / pricing / resellers ── */

.am-lp-hero-grid-wrap {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 2rem;
}

@media (min-width: 992px) {
    .am-lp-hero-grid-wrap {
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
        align-items: center;
    }
    .am-lp-viz {
        margin-top: 0;
        flex-direction: column;
    }
}

.am-lp-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.am-lp-hero-cta .btn {
    min-height: 44px;
    padding-inline: 1.25rem;
}

.am-lp-section-lead {
    color: var(--am-muted);
    max-width: 42rem;
    margin: -0.5rem 0 1.5rem;
    font-size: 0.98rem;
}

.am-lp-info {
    height: 100%;
    padding: 1.35rem 1.25rem;
}

.am-lp-info h3 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.am-lp-info p {
    color: var(--am-muted);
    margin: 0;
    font-size: 0.92rem;
}

.am-lp-cta {
    position: relative;
    padding-block: 3.5rem;
    background:
        radial-gradient(600px 180px at 50% 0%, color-mix(in srgb, var(--am-primary) 18%, transparent), transparent 70%);
}

.am-price-row > [class*="col-"] {
    display: flex;
}

.am-price-card {
    width: 100%;
    height: 100%;
    padding: 1.6rem 1.35rem 1.55rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    background: color-mix(in srgb, var(--am-bg-elevated) 78%, transparent);
    border: 1px solid var(--am-border);
    border-radius: 22px;
    box-shadow: var(--am-shadow-sm);
    backdrop-filter: blur(18px);
    overflow: hidden;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.am-price-card::before {
    content: "";
    position: absolute;
    inset-inline: 12%;
    top: 0;
    height: 3px;
    border-radius: 0 0 8px 8px;
    background: color-mix(in srgb, var(--am-primary) 35%, transparent);
}

.am-price-card:hover {
    transform: translateY(-4px);
    border-color: var(--am-border-strong);
    box-shadow: var(--am-shadow);
}

.am-price-card.is-featured {
    border-color: color-mix(in srgb, var(--am-primary) 70%, var(--am-border));
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--am-primary) 45%, transparent),
        0 0 48px color-mix(in srgb, var(--am-primary) 22%, transparent),
        var(--am-shadow);
}

.am-price-card.is-featured::before {
    height: 4px;
    background: linear-gradient(90deg, var(--am-cyan), var(--am-primary), var(--am-blue));
}

@media (min-width: 992px) {
    .am-price-card.is-featured {
        transform: translateY(-8px);
    }
    .am-price-card.is-featured:hover {
        transform: translateY(-12px);
    }
}

.am-price-badge-row {
    display: flex;
    justify-content: center;
    margin-bottom: 0.35rem;
}

.am-price-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0b1220;
    background: linear-gradient(135deg, var(--am-primary), var(--am-accent));
    border-radius: 999px;
    padding: 0.28rem 0.85rem;
}

.am-price-name {
    font-size: 1.28rem;
    font-weight: 750;
    margin: 0.15rem 0 0;
    text-align: center;
}

.am-price-sub {
    margin: 0;
    color: var(--am-muted);
    font-size: 0.9rem;
    font-weight: 500;
    text-align: center;
}

.am-price-amount {
    font-size: clamp(1.7rem, 3.2vw, 2.15rem);
    font-weight: 800;
    color: var(--am-text);
    margin: 0.55rem 0 0;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.am-price-cur {
    font-size: 0.82rem;
    color: var(--am-muted);
    font-weight: 650;
    letter-spacing: 0.04em;
}

.am-price-period {
    font-size: 0.85rem;
    color: var(--am-muted);
    margin: 0.15rem 0 0.4rem;
    text-align: center;
}

.am-price-period-sep {
    opacity: 0.7;
}

.am-price-desc {
    color: var(--am-muted);
    margin: 0.35rem 0 0.5rem;
    font-size: 0.9rem;
    text-align: center;
}

.am-price-feat {
    list-style: none;
    padding: 0.65rem 0 0;
    margin: 0 0 1rem;
    flex: 1;
}

.am-price-feat li {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    color: var(--am-text);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.am-price-feat i {
    color: var(--am-success);
    margin-block-start: 0.18rem;
    flex-shrink: 0;
}

.am-price-cta {
    margin-block-start: auto;
    min-height: 44px;
}

.am-reseller-row > [class*="col-"] {
    display: flex;
}

.am-reseller-card {
    width: 100%;
    height: 100%;
    padding: 1.5rem 1.25rem 1.35rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: color-mix(in srgb, var(--am-bg-elevated) 80%, transparent);
    border: 1px solid var(--am-border);
    border-radius: 22px;
    box-shadow: var(--am-shadow-sm);
    backdrop-filter: blur(16px);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.am-reseller-card:hover {
    transform: translateY(-4px);
    border-color: var(--am-border-strong);
    box-shadow: var(--am-shadow);
}

.am-reseller-card.is-featured {
    border-color: color-mix(in srgb, var(--am-primary) 50%, var(--am-border));
}

.am-reseller-logo-wrap {
    width: 96px;
    height: 96px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: color-mix(in srgb, var(--am-surface-2) 70%, transparent);
    border: 1px solid var(--am-border);
    overflow: hidden;
}

.am-reseller-logo {
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0;
}

.am-reseller-fallback {
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--am-primary);
    letter-spacing: -0.04em;
}

.am-reseller-name {
    font-size: 1.15rem;
    font-weight: 750;
    margin: 0 0 0.4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.am-reseller-pill {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0b1220;
    background: var(--am-primary);
    border-radius: 999px;
    padding: 0.15rem 0.5rem;
}

.am-reseller-desc {
    color: var(--am-muted);
    font-size: 0.9rem;
    margin: 0 0 1rem;
    flex: 1;
}

.am-reseller-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-block-start: auto;
}

.am-reseller-btn {
    min-height: 40px;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.am-reseller-btn-wa {
    grid-column: 1 / -1;
}

html[data-bs-theme="light"] .am-price-card,
html[data-am-theme="light"] .am-price-card,
html[data-bs-theme="light"] .am-reseller-card,
html[data-am-theme="light"] .am-reseller-card {
    background: color-mix(in srgb, #ffffff 92%, var(--am-primary));
}

html[data-bs-theme="light"] .am-price-badge,
html[data-am-theme="light"] .am-price-badge,
html[data-bs-theme="light"] .am-lang-switch a.am-chip.is-active,
html[data-am-theme="light"] .am-lang-switch a.am-chip.is-active {
    color: #0b1220;
}

.am-admin-hero {
    margin-bottom: 1.5rem;
}

.am-admin-hero .am-page-title {
    margin-bottom: 0.35rem;
}

.am-admin-kicker {
    color: var(--am-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 0.35rem;
}

.am-wm-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 1.5rem;
}

.am-check-row {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 38px;
}

.am-plan-list td .d-flex,
.am-table td.d-flex {
    flex-wrap: wrap;
}

@media (max-width: 430px) {
    .am-price-card,
    .am-reseller-card {
        padding: 1.2rem 1.05rem;
        transform: none;
    }
    .am-price-card.is-featured,
    .am-price-card.is-featured:hover,
    .am-reseller-card:hover {
        transform: none;
    }
    .am-reseller-actions {
        grid-template-columns: 1fr;
    }
    .am-reseller-btn-wa {
        grid-column: auto;
    }
}

@media (max-width: 320px) {
    .am-lp-title {
        font-size: 1.45rem;
    }
    .am-lp-hero-cta .btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .am-price-card,
    .am-reseller-card,
    .am-chip {
        transition: none;
        transform: none;
    }
    .am-price-card:hover,
    .am-price-card.is-featured,
    .am-price-card.is-featured:hover,
    .am-reseller-card:hover {
        transform: none;
    }
}

/* ── CRON19 Landwind / premium pricing layer ── */

.am-lp-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-block: 0.85rem;
}

.am-trust {
    border-block: 1px solid var(--am-border);
    background: color-mix(in srgb, var(--am-surface) 70%, transparent);
    padding-block: 1.35rem;
}

.am-trust-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .am-trust-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.am-trust-item {
    text-align: center;
}

.am-trust-item strong {
    display: block;
    font-size: 1.15rem;
    letter-spacing: -0.03em;
}

.am-trust-item span {
    color: var(--am-muted);
    font-size: 0.8rem;
}

.am-bento {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .am-bento {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 992px) {
    .am-bento {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .am-bento-wide {
        grid-column: span 2;
    }
    .am-bento-tall {
        grid-row: span 2;
    }
}

.am-how-grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .am-how-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 992px) {
    .am-how-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.am-how-grid li {
    background: var(--am-surface-glass);
    border: 1px solid var(--am-border);
    border-radius: var(--am-radius);
    padding: 1.15rem 1rem;
    backdrop-filter: blur(14px);
}

.am-how-n {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--am-gold-soft);
    color: var(--am-primary);
    font-weight: 700;
    font-size: 0.8rem;
    margin-bottom: 0.55rem;
}

.am-how-grid p {
    margin: 0;
    color: var(--am-muted);
    font-size: 0.9rem;
}

.am-lp-orbit {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.am-lp-viz-card-core {
    border-color: var(--am-border-strong);
    box-shadow: 0 0 28px color-mix(in srgb, var(--am-primary) 18%, transparent);
}

.am-price-spot {
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    background: radial-gradient(
        420px circle at var(--spot-x, 50%) var(--spot-y, 0%),
        color-mix(in srgb, var(--am-primary) 18%, transparent),
        transparent 42%
    );
    transition: opacity 180ms ease;
    z-index: 0;
}

.am-price-card:hover .am-price-spot {
    opacity: 1;
}

.am-price-card > *:not(.am-price-spot) {
    position: relative;
    z-index: 1;
}

.am-price-card.is-featured {
    background:
        linear-gradient(var(--am-surface-glass), var(--am-surface-glass)) padding-box,
        linear-gradient(135deg, var(--am-cyan), var(--am-primary), var(--am-blue)) border-box;
    border: 1px solid transparent;
}

.am-reseller-act {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    border: 1px solid var(--am-border);
    background: var(--am-surface);
    color: var(--am-text);
    text-decoration: none;
}

.am-reseller-act:hover {
    border-color: var(--am-border-strong);
    color: var(--am-text);
}

.am-reseller-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    margin-block-start: auto;
}

.am-empty-state {
    text-align: center;
    padding: 2.5rem 1.25rem;
    border: 1px dashed var(--am-border);
    border-radius: var(--am-radius);
    color: var(--am-muted);
}

.am-empty-state i {
    font-size: 1.6rem;
    color: var(--am-primary);
    margin-bottom: 0.75rem;
    display: block;
}

.am-lp-footer-grid {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .am-lp-footer-grid {
        grid-template-columns: 1.4fr 1fr auto;
        align-items: start;
    }
}

.am-lp-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

.am-lp-footer-links a {
    color: var(--am-muted);
}

@media (prefers-reduced-motion: reduce) {
    .am-price-spot {
        display: none;
    }
}

/* CRON20 — skip link, cron mock, dashboard density */
.am-skip {
    position: absolute;
    inset-inline-start: 0.75rem;
    top: -4rem;
    z-index: 10050;
    padding: 0.55rem 0.9rem;
    background: var(--am-primary);
    color: #0b1220;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
}
.am-skip:focus,
.am-skip:focus-visible {
    top: 0.75rem;
    outline: 2px solid var(--am-accent);
    outline-offset: 2px;
}

.am-cron-mock {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    padding: 1.35rem 1.25rem 1.2rem;
    border-radius: 20px;
    background: color-mix(in srgb, var(--am-surface) 78%, transparent);
    border: 1px solid var(--am-border);
    box-shadow: var(--am-shadow-sm);
    backdrop-filter: blur(18px);
}
.am-cron-mock-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}
.am-cron-mock-title {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--am-muted);
}
.am-cron-mock-run {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 650;
    color: var(--am-success);
}
.am-cron-mock-url {
    font-family: var(--am-mono);
    font-size: 0.92rem;
    color: var(--am-text);
    word-break: break-all;
    margin-bottom: 0.85rem;
}
.am-cron-mock-meta {
    color: var(--am-muted);
    margin-bottom: 1rem;
}
.am-cron-mock-last {
    margin: 0;
    color: var(--am-muted);
    font-size: 0.85rem;
}
.am-cron-mock-last span {
    color: var(--am-text);
    font-weight: 650;
}

@media (max-width: 991.98px) {
    .am-lp-viz {
        display: block;
        margin-top: 1.5rem;
    }
}

.am-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.am-app .am-stat {
    min-height: 132px;
}

.am-lp-feature {
    min-height: 100%;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
    outline: 2px solid var(--am-primary);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .am-cron-mock,
    .am-reseller-card,
    .am-price-card {
        transition: none;
    }
    .am-reseller-card:hover,
    .am-price-card:hover {
        transform: none;
    }
}





/* ===== CRON23 consolidated premium layer (single stylesheet) ===== */

/* -- App canvas -- */

body.df-admin,
body.am-app {
    background:
        radial-gradient(920px 420px at 0% -8%, color-mix(in srgb, var(--am-primary) 22%, transparent), transparent 58%),
        radial-gradient(760px 380px at 100% 0%, color-mix(in srgb, var(--am-blue) 16%, transparent), transparent 55%),
        linear-gradient(180deg, var(--am-bg) 0%, var(--am-surface) 100%);
}

body.am-lp {
    background:
        radial-gradient(900px 480px at 50% -12%, color-mix(in srgb, var(--am-primary) 20%, transparent), transparent 62%),
        var(--am-bg);
}

body.am-auth {
    background:
        radial-gradient(820px 420px at 50% -18%, color-mix(in srgb, var(--am-primary) 24%, transparent), transparent 60%),
        var(--am-bg);
}

html[data-am-theme="light"] body.df-admin,
html[data-am-theme="light"] body.am-app,
html[data-bs-theme="light"] body.df-admin,
html[data-bs-theme="light"] body.am-app {
    background:
        radial-gradient(900px 400px at 0% -10%, color-mix(in srgb, var(--am-primary) 14%, transparent), transparent 60%),
        var(--am-bg);
}

/* -- Sidebar -- */

.df-sidebar,
.am-sidebar {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--am-surface-2) 70%, var(--am-bg)) 0%, var(--am-surface) 100%);
    box-shadow: 12px 0 40px rgba(8, 10, 16, 0.22);
}

[dir="rtl"] .df-sidebar,
[dir="rtl"] .am-sidebar {
    box-shadow: -12px 0 40px rgba(8, 10, 16, 0.22);
}

.df-sidebar-brand,
.am-sidebar-brand {
    min-height: 76px;
    padding: 1rem 1.05rem;
    background: color-mix(in srgb, var(--am-primary) 6%, transparent);
}

.am-mark {
    box-shadow: 0 10px 28px color-mix(in srgb, var(--am-primary) 38%, transparent);
}

.am-sidebar-nav {
    padding: 0.7rem 0.6rem 1rem;
}

.df-nav-link,
.am-nav-link {
    position: relative;
    padding: 0.62rem 0.85rem;
    margin-bottom: 0.18rem;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 0.9rem;
    overflow: hidden;
}

.df-nav-link:hover,
.am-nav-link:hover {
    background: color-mix(in srgb, var(--am-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--am-primary) 18%, transparent);
    color: var(--am-text);
}

.df-nav-link.active,
.am-nav-link.active {
    color: var(--am-text);
    background: color-mix(in srgb, var(--am-primary) 16%, var(--am-surface-2));
    border-color: color-mix(in srgb, var(--am-primary) 40%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--am-primary) 18%, transparent),
                0 10px 24px color-mix(in srgb, var(--am-primary) 10%, transparent);
}

.df-nav-link.active::before,
.am-nav-link.active::before {
    content: "";
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 4px;
    background: var(--am-grad);
    box-shadow: 0 0 12px var(--am-primary);
}

.am-nav-group + .am-nav-sep,
.am-nav-sep {
    opacity: 0.85;
    margin-block: 0.75rem;
}

.am-sidebar-user {
    background: color-mix(in srgb, var(--am-primary) 5%, transparent);
}

.am-avatar {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--am-primary) 35%, transparent);
}

.df-main,
.am-main {
    padding: 1.1rem 1.65rem 2.8rem;
}

.df-topbar,
.am-topbar {
    position: sticky;
    top: 0;
    z-index: 25;
    gap: 0.85rem;
    margin: -1.1rem -1.65rem 1.45rem;
    padding: 0.95rem 1.65rem 0.95rem;
    background: color-mix(in srgb, var(--am-bg) 72%, transparent);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--am-border);
}

.df-page-title,
.am-page-title {
    font-size: 1.32rem;
    letter-spacing: -0.03em;
}

/* -- Surfaces -- */

.df-card,
.am-card,
.card-custom,
.login-card,
.register-card,
.am-sub-card {
    background: var(--am-glass);
    backdrop-filter: blur(14px);
    border: 1px solid color-mix(in srgb, var(--am-primary) 14%, var(--am-border));
    box-shadow: var(--am-shadow-sm);
    border-radius: var(--am-radius);
}

.df-card:hover,
.am-card:hover,
.card-custom:hover {
    border-color: color-mix(in srgb, var(--am-primary) 32%, var(--am-border));
    box-shadow: var(--am-shadow);
}

.df-stat,
.am-stat,
.ap-stat-card,
.stat-badge-box {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--am-primary) 8%, var(--am-surface)) 0%, var(--am-surface) 48%);
    border: 1px solid color-mix(in srgb, var(--am-primary) 16%, var(--am-border));
    box-shadow: var(--am-shadow-sm);
    border-radius: var(--am-radius);
    padding: 1.15rem 1.15rem 1.05rem;
    min-height: 138px;
}

.am-stat::after,
.ap-stat-card::after {
    inset-inline-end: auto;
    inset-inline-start: 0;
    width: 3px;
    opacity: 1;
    background: var(--am-grad);
}

.df-stat:hover,
.am-stat:hover,
.ap-stat-card:hover,
.stat-badge-box:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--am-primary) 42%, var(--am-border));
    box-shadow: 0 16px 36px color-mix(in srgb, var(--am-primary) 12%, transparent);
}

.ap-stat-card .ap-stat-icon,
.am-stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--am-grad) !important;
    color: #10131a !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--am-primary) 28%, transparent);
}

.ap-stat-value,
.am-stat-value {
    font-size: 1.7rem;
    letter-spacing: -0.04em;
}

.ap-stat-card .ap-stat-value.text-info,
.ap-stat-card .ap-stat-value.text-primary,
.ap-stat-card .ap-stat-value.text-secondary {
    color: var(--am-text) !important;
}

/* -- Buttons -- */

.df-btn-primary,
.btn-modern,
.am-btn-primary {
    background: var(--am-grad);
    color: #10131a;
    border: 0;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--am-primary) 28%, transparent);
}

.df-btn-primary:hover,
.btn-modern:hover,
.am-btn-primary:hover {
    filter: brightness(1.07);
    transform: translateY(-1px);
    color: #10131a;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--am-primary) 36%, transparent);
}

.am-btn-ghost,
.btn-outline-secondary {
    border-color: var(--am-border-strong);
    color: var(--am-text);
}

.am-chip:hover,
.header-btn:hover,
.control-btn:hover {
    transform: translateY(-1px);
    border-color: var(--am-primary);
}

/* -- Forms -- */

body.df-admin .form-control:focus,
body.am-app .form-control:focus,
body.am-auth .form-control:focus,
.form-control:focus,
.form-select:focus {
    border-color: var(--am-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--am-primary) 22%, transparent);
}

.form-label {
    letter-spacing: 0.02em;
}

.is-invalid,
.form-control.is-invalid {
    border-color: var(--am-danger);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--am-danger) 18%, transparent);
}

/* -- Tables -- */

.df-table-wrap,
.am-table-wrap {
    background: var(--am-glass);
    backdrop-filter: blur(10px);
    border-color: color-mix(in srgb, var(--am-primary) 12%, var(--am-border));
    box-shadow: var(--am-shadow-sm);
}

body.df-admin .table thead th,
body.am-app .table thead th {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    padding-block: 0.85rem;
    background: color-mix(in srgb, var(--am-surface-2) 88%, transparent);
}

body.df-admin .table td,
body.am-app .table td {
    padding-block: 0.9rem;
}

body.df-admin .table tbody tr:hover,
body.am-app .table tbody tr:hover {
    background: color-mix(in srgb, var(--am-primary) 8%, transparent);
}

.page-link {
    background: var(--am-surface);
    border-color: var(--am-border);
    color: var(--am-text);
}

.page-item.active .page-link {
    background: var(--am-primary);
    border-color: var(--am-primary);
    color: #10131a;
}

/* -- Badges -- */

.am-badge-ok,
.df-badge-active {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--am-success) 28%, transparent);
}

.am-badge-bad,
.df-badge-inactive {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--am-danger) 28%, transparent);
}

.am-badge-warn,
.am-badge-run {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--am-warning) 28%, transparent);
}

.alert {
    backdrop-filter: blur(8px);
}

/* -- Auth -- */

.am-auth-card {
    background: var(--am-glass);
    backdrop-filter: blur(18px);
    border: 1px solid color-mix(in srgb, var(--am-primary) 22%, var(--am-border));
    box-shadow: var(--am-shadow), 0 0 60px color-mix(in srgb, var(--am-primary) 10%, transparent);
}

/* -- Landing -- */

.am-lp-nav {
    background: color-mix(in srgb, var(--am-bg) 78%, transparent);
    backdrop-filter: blur(16px);
    border-bottom-color: color-mix(in srgb, var(--am-primary) 16%, var(--am-border));
}

.am-lp-nav-inner {
    padding-block: 0.8rem;
}

.am-lp-links a:not(.btn) {
    color: var(--am-muted);
    font-weight: 600;
}

.am-lp-links a:not(.btn):hover {
    color: var(--am-text);
}

.am-lp-hero {
    padding-block: 5.4rem 3.6rem;
}

.am-lp-hero::before {
    opacity: 0.22;
}

.am-lp-hero-glow {
    height: 240px;
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--am-primary) 32%, transparent), transparent 72%);
}

.am-lp-kicker-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.75rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--am-primary) 40%, transparent);
    background: color-mix(in srgb, var(--am-primary) 12%, transparent);
    color: var(--am-primary);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.am-lp-title {
    font-size: clamp(2.15rem, 5vw, 3.55rem);
    letter-spacing: -0.04em;
    line-height: 1.12;
}

.am-lp-section {
    padding-block: 3.5rem;
}

.am-lp-h2 {
    font-size: 1.75rem;
}

.am-lp-feature {
    background: var(--am-glass);
    backdrop-filter: blur(12px);
    border: 1px solid color-mix(in srgb, var(--am-primary) 14%, var(--am-border));
    box-shadow: var(--am-shadow-sm);
}

.am-lp-feature:hover {
    border-color: color-mix(in srgb, var(--am-primary) 36%, var(--am-border));
    transform: translateY(-2px);
}

.am-cron-mock {
    background: var(--am-glass);
    backdrop-filter: blur(16px);
    border: 1px solid color-mix(in srgb, var(--am-primary) 28%, var(--am-border));
    box-shadow: var(--am-shadow), 0 0 40px color-mix(in srgb, var(--am-primary) 12%, transparent);
}

.am-trust {
    background: color-mix(in srgb, var(--am-surface) 55%, transparent);
    border-color: color-mix(in srgb, var(--am-primary) 12%, var(--am-border));
}

.am-lp-cta {
    background:
        radial-gradient(640px 200px at 50% 0%, color-mix(in srgb, var(--am-primary) 22%, transparent), transparent 70%);
}

/* -- Pricing -- */

.am-price-card {
    text-align: start;
    align-items: stretch;
    background: var(--am-glass);
    backdrop-filter: blur(16px);
    border: 1px solid color-mix(in srgb, var(--am-primary) 14%, var(--am-border));
    border-radius: var(--am-radius-lg);
    box-shadow: var(--am-shadow-sm);
    padding: 1.65rem 1.4rem 1.45rem;
    gap: 0.45rem;
    overflow: hidden;
}

.am-price-card::before {
    height: 3px;
    background: color-mix(in srgb, var(--am-primary) 35%, transparent);
}

.am-price-spot {
    display: block;
    opacity: 0;
}

.am-price-card:hover .am-price-spot {
    opacity: 1;
}

.am-price-card:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--am-primary) 40%, var(--am-border));
    box-shadow: var(--am-shadow);
}

.am-price-card.is-featured {
    background:
        linear-gradient(var(--am-surface), var(--am-surface)) padding-box,
        var(--am-grad) border-box;
    border: 1px solid transparent;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--am-primary) 28%, transparent),
        0 22px 50px color-mix(in srgb, var(--am-primary) 18%, transparent);
}

.am-price-card.is-featured::before {
    height: 4px;
    background: var(--am-grad);
}

@media (min-width: 992px) {
    .am-price-card.is-featured {
        transform: translateY(-10px) scale(1.02);
    }
    .am-price-card.is-featured:hover {
        transform: translateY(-14px) scale(1.02);
    }
}

.am-price-badge-row,
.am-price-name,
.am-price-sub,
.am-price-amount,
.am-price-period,
.am-price-desc {
    text-align: start;
    justify-content: flex-start;
}

.am-price-name {
    font-size: 1.35rem;
}

.am-price-amount {
    font-size: clamp(1.9rem, 3.4vw, 2.4rem);
    color: var(--am-primary);
    background: var(--am-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.am-price-cur,
.am-price-period,
.am-price-sub,
.am-price-desc {
    color: var(--am-muted);
}

.am-price-feat {
    border-block-start: 1px solid var(--am-border);
    padding-block-start: 0.85rem;
}

.am-price-cta {
    min-height: 46px;
    font-weight: 750;
}

/* -- Resellers -- */

.am-reseller-card {
    text-align: start;
    align-items: stretch;
    background: var(--am-glass);
    backdrop-filter: blur(16px);
    border: 1px solid color-mix(in srgb, var(--am-primary) 14%, var(--am-border));
    border-radius: var(--am-radius-lg);
    box-shadow: var(--am-shadow-sm);
    padding: 1.45rem 1.25rem 1.25rem;
}

.am-reseller-card:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--am-primary) 38%, var(--am-border));
    box-shadow: var(--am-shadow);
}

.am-reseller-card.is-featured {
    border-color: transparent;
    background:
        linear-gradient(var(--am-surface), var(--am-surface)) padding-box,
        var(--am-grad) border-box;
    border: 1px solid transparent;
    box-shadow: 0 16px 40px color-mix(in srgb, var(--am-primary) 14%, transparent);
}

.am-reseller-logo-wrap {
    width: 84px;
    height: 84px;
    border-radius: 18px;
    margin-inline-end: auto;
    margin-bottom: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--am-primary) 28%, var(--am-border));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--am-primary) 12%, transparent);
}

.am-reseller-name,
.am-reseller-desc {
    text-align: start;
}

.am-reseller-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-start;
    margin-block-start: auto;
    padding-block-start: 0.9rem;
}

.am-reseller-act {
    background: color-mix(in srgb, var(--am-primary) 8%, var(--am-surface));
}

.am-lp-faq-wrap {
    background: var(--am-glass);
    backdrop-filter: blur(12px);
    border-color: color-mix(in srgb, var(--am-primary) 14%, var(--am-border));
}

.am-lp-faq summary:hover {
    color: var(--am-primary);
}

.am-empty-state,
.am-empty,
.ap-empty {
    background: color-mix(in srgb, var(--am-surface) 70%, transparent);
    border-style: dashed;
    border-color: color-mix(in srgb, var(--am-primary) 22%, var(--am-border));
}

.am-wm-tabs .am-chip.is-active,
.am-wm-tabs a.am-chip:hover {
    border-color: var(--am-primary);
}

@media (max-width: 991.98px) {
    .df-topbar,
    .am-topbar {
        margin-inline: -0.85rem;
        padding-inline: 0.85rem;
    }

    .df-main,
    .am-main,
    body.am-sidebar-collapsed .df-main,
    body.am-sidebar-collapsed .am-main {
        padding: 0.95rem 0.85rem 2rem;
    }

    .am-price-card.is-featured,
    .am-price-card.is-featured:hover {
        transform: none;
    }
}

@media (max-width: 430px) {
    .am-topbar {
        align-items: flex-start;
    }

    .am-price-amount {
        font-size: 1.85rem;
    }
}

html[data-am-theme="light"] .am-price-amount,
html[data-bs-theme="light"] .am-price-amount {
    color: var(--am-blue);
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

@media (prefers-reduced-motion: reduce) {
    .df-nav-link,
    .am-nav-link,
    .am-price-card,
    .am-reseller-card,
    .am-stat,
    .ap-stat-card,
    .am-lp-feature,
    .am-btn-primary,
    .btn {
        transition: none;
    }

    .am-price-card:hover,
    .am-reseller-card:hover,
    .am-stat:hover,
    .ap-stat-card:hover,
    .am-lp-feature:hover,
    .am-price-card.is-featured,
    .am-price-card.is-featured:hover {
        transform: none;
    }

    .am-price-spot {
        display: none;
    }
}

/* CRON23 polish: no horizontal overflow from sticky topbar; calmer featured lift */
.df-topbar,
.am-topbar {
    margin-inline: 0;
    padding-inline: 0;
}

@media (max-width: 991.98px) {
    .df-topbar,
    .am-topbar {
        margin-inline: 0;
        padding-inline: 0;
    }
}

@media (min-width: 992px) {
    .am-price-card.is-featured {
        transform: translateY(-8px) scale(1.015);
    }
    .am-price-card.is-featured:hover {
        transform: translateY(-11px) scale(1.015);
    }
}

/* CRON24 CMS */
.am-cms-sort-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    border: 1px solid rgba(110, 184, 255, 0.18);
    border-radius: 12px;
    background: var(--am-surface);
    cursor: grab;
}
.am-cms-sort-item.is-dragging {
    opacity: 0.55;
}
.am-cms-handle {
    color: var(--am-muted);
}
.am-cms-image {
    max-width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(110, 184, 255, 0.18);
}
.am-lp-announce {
    padding: 1rem 0;
}
.am-lp-announce-inner {
    padding: 1rem 1.25rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.am-cms-preview {
    width: 100%;
    min-height: 220px;
    border: 1px solid rgba(110, 184, 255, 0.18);
    border-radius: 12px;
    background: #0b1220;
}

/* CRON27 polish — same ALMGWAR tokens, no identity change */
.am-logout-form {
    margin: 0;
    width: 100%;
}
.am-logout-form button.am-nav-link {
    width: 100%;
    background: transparent;
    cursor: pointer;
    text-align: inherit;
    font: inherit;
}
.am-logout-form button.am-nav-link:focus-visible {
    outline: 2px solid var(--am-primary);
    outline-offset: 2px;
}
.am-gallery-item {
    padding: 0.65rem;
    overflow: hidden;
}
.am-gallery-item img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}
.am-table-wrap,
.df-table-wrap,
.table-responsive {
    max-width: 100%;
    overflow-x: auto;
}
.am-card,
.ap-stat-card,
.am-stat {
    overflow-wrap: anywhere;
}
@media (max-width: 375px) {
    .am-gallery-item img {
        height: 120px;
    }
    .ap-stat-value {
        font-size: 1.15rem;
    }
}

/* CRON28 Page Builder */
.am-cms-builder-head {
    border: 1px solid rgba(110, 184, 255, 0.18);
}
.am-cms-card,
.am-cms-item-card {
    align-items: flex-start;
}
.am-cms-card-body {
    flex: 1;
    min-width: 0;
}
.am-cms-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.65rem;
}
.am-cms-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.am-cms-split-preview .am-cms-preview {
    min-height: 420px;
    width: 100%;
    background: #0b1220;
    border: 1px solid rgba(110, 184, 255, 0.18);
    border-radius: 12px;
}
.am-cms-split-code textarea {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}
@media (max-width: 991px) {
    .am-cms-split {
        grid-template-columns: 1fr;
    }
}