/* AdsBlaster — overlay di atas AdminLTE (jangan override layout) */
:root {
    --ab-brand: #ff6b2c;
    --ab-brand-dark: #e85a1a;
    --ab-brand-soft: #fff4ed;
    --ab-border: #e4e9f2;
    --ab-muted: #64748b;
    --ab-text: #0f172a;
    --ab-success: #15803d;
    --ab-success-bg: #ecfdf3;
    --ab-warning: #b45309;
    --ab-warning-bg: #fffbeb;
    --ab-danger: #b91c1c;
    --ab-danger-bg: #fef2f2;
    --ab-font: "Plus Jakarta Sans", "Source Sans Pro", sans-serif;
}

.ab-theme {
    font-family: var(--ab-font);
}

/* Kartu — header netral */
.ab-theme .card.ab-card,
.ab-theme .card.card-primary {
    border: 1px solid var(--ab-border);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.ab-theme .card.ab-card > .card-header,
.ab-theme .card.card-primary > .card-header {
    background: #fff;
    border-bottom: 1px solid var(--ab-border);
    color: var(--ab-text);
}
.ab-theme .card.ab-card > .card-header .card-title,
.ab-theme .card.card-primary > .card-header .card-title {
    color: var(--ab-text);
    font-weight: 600;
}

/* Sidebar logo */
.ab-theme .ab-sidebar-logo img {
    object-fit: cover;
}

/* Tombol */
.ab-theme .btn-ab-primary {
    background: linear-gradient(135deg, var(--ab-brand), var(--ab-brand-dark));
    border: none;
    color: #fff !important;
    font-weight: 600;
}
.ab-theme .btn-ab-primary:hover {
    filter: brightness(1.05);
    color: #fff !important;
}
.ab-theme .btn-ab-outline {
    background: #fff;
    border: 1px solid var(--ab-border);
    color: var(--ab-text) !important;
}
.ab-theme .btn-ab-outline:hover {
    background: var(--ab-brand-soft);
    border-color: #ffc9a8;
    color: var(--ab-brand-dark) !important;
}
.ab-theme .btn-ab-danger-outline {
    background: #fff;
    border: 1px solid #fecaca;
    color: var(--ab-danger) !important;
}
.ab-theme .btn-ab-danger-outline:hover {
    background: var(--ab-danger-bg);
}

/* Badge */
.ab-badge {
    font-weight: 600;
    font-size: 0.7rem;
    padding: 0.3em 0.6em;
    border-radius: 6px;
}
.ab-badge-type { background: var(--ab-brand-soft); color: var(--ab-brand-dark); }
.ab-badge-ok { background: var(--ab-success-bg); color: var(--ab-success); }
.ab-badge-muted { background: #f1f5f9; color: var(--ab-muted); }
.ab-badge-neutral { background: #f1f5f9; color: #475569; }
.ab-badge-source { background: #f1f5f9; color: #475569; }
.ab-link-pill {
    display: inline-block;
    background: var(--ab-brand-soft);
    border: 1px solid #ffd4b8;
    border-radius: 6px;
    padding: 0.15rem 0.5rem;
    margin: 0 0.2rem 0.2rem 0;
    font-size: 0.78rem;
}
.ab-link-pill a { color: var(--ab-brand-dark); font-weight: 500; }

/* Alert dev */
.ab-alert-dev {
    background: var(--ab-warning-bg);
    border: 1px solid #fde68a;
    color: var(--ab-warning);
}
.ab-alert-dev .alert-link { color: var(--ab-brand-dark); font-weight: 600; }

/* Utilitas form & tabel */
.ab-muted { color: var(--ab-muted); font-size: 0.875rem; }
.ab-section-title {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ab-brand-dark);
    margin-bottom: 0.75rem;
    padding-bottom: 0.35rem;
    border-bottom: 2px solid var(--ab-brand-soft);
}
.ab-link-row {
    background: #fafbfc;
    border: 1px dashed var(--ab-border);
    border-radius: 8px;
    padding: 0.5rem;
}
.ab-url-preview {
    font-family: ui-monospace, monospace;
    font-size: 0.78rem;
    color: var(--ab-muted);
    background: #f8fafc;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    word-break: break-all;
}
.ab-empty-state { text-align: center; padding: 2.5rem 1rem; color: var(--ab-muted); }
.ab-truncate {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.ab-theme #loading .fa-spin { color: var(--ab-brand) !important; }
.ab-theme .alert-light.border {
    background: var(--ab-brand-soft);
    border-color: #ffd4b8 !important;
    color: var(--ab-muted);
}

/* Login */
.ab-theme.login-page { background: #f1f5f9; }
.ab-login-card { border-top: 3px solid var(--ab-brand) !important; }

/* Halaman publik */
.ab-public-page {
    font-family: var(--ab-font);
    background: #f1f5f9;
    min-height: 100vh;
}
.ab-public__bar {
    background: #0c1222;
    padding: 0.75rem 0;
}
.ab-public__bar .ab-public-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #fff;
    text-decoration: none;
}
.ab-public__bar .ab-public-brand img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
}
.ab-public__bar .ab-public-brand span {
    font-weight: 700;
    font-size: 1rem;
}
.ab-public-page .list-group-item {
    border: 1px solid var(--ab-border);
    border-radius: 8px;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ab-public-page .list-group-item-action:hover {
    background: var(--ab-brand-soft) !important;
    border-color: #ffc9a8 !important;
    color: var(--ab-brand-dark) !important;
}
.ab-public-page .auto-loader { padding: 4rem 1rem; text-align: center; }
.ab-public-page .auto-loader .spinner-border { color: var(--ab-brand); width: 3rem; height: 3rem; }
.ab-public-page .ab-public-wrap { padding: 2rem 0 3rem; }
.ab-public-page h1 { font-size: 1.6rem; font-weight: 700; }
.ab-public-page .lead-desc { color: var(--ab-muted); }
.ab-public-page .list-group-item i.fa-link { color: var(--ab-brand); margin-right: 0.5rem; }

/* Pengaturan — navigasi & form */
.ab-settings-card .card-header { padding: 1rem 1.25rem; }
.ab-settings-layout { min-height: 320px; }
.ab-settings-nav-col { background: #f8fafc; }
.ab-settings-nav .nav-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ab-muted);
    font-weight: 500;
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    margin-bottom: 0.15rem;
    transition: background 0.15s, color 0.15s;
}
.ab-settings-nav .nav-link:hover {
    background: #fff;
    color: var(--ab-text);
}
.ab-settings-nav .nav-link.active {
    background: #fff;
    color: var(--ab-brand-dark);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    border: 1px solid var(--ab-border);
}
.ab-settings-nav__icon { width: 1.1rem; text-align: center; color: var(--ab-brand); }
.ab-settings-nav .badge { font-size: 0.65rem; font-weight: 600; }
.ab-settings-panel__head { padding-bottom: 0.75rem; border-bottom: 1px solid var(--ab-border); }
.ab-settings-section + .ab-settings-section { margin-top: 1.5rem; }
.ab-setting-field {
    padding: 1rem 0;
    border-bottom: 1px solid var(--ab-border);
}
.ab-setting-field:last-child { border-bottom: none; padding-bottom: 0; }
.ab-setting-field__label {
    font-weight: 600;
    color: var(--ab-text);
    margin-bottom: 0.25rem;
    display: block;
}
.ab-setting-field__desc {
    font-size: 0.875rem;
    color: var(--ab-muted);
    margin-bottom: 0.65rem;
}
.ab-setting-field__hint {
    font-size: 0.8rem;
    color: var(--ab-muted);
    margin: 0.5rem 0 0;
}
.ab-setting-field__tech summary {
    cursor: pointer;
    user-select: none;
}
.ab-setting-field__tech summary:hover { color: var(--ab-text); }
.ab-setting-flag {
    background: #fff;
    border: 1px solid var(--ab-border);
    border-radius: 10px;
    padding: 1rem 1.15rem;
    margin-bottom: 0.75rem;
}
.ab-setting-flag:last-child { margin-bottom: 0; }
.ab-env-details__summary {
    cursor: pointer;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--ab-text);
    padding: 0.5rem 0;
    list-style: none;
}
.ab-env-details__summary::-webkit-details-marker { display: none; }
.ab-env-details__summary::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 0.4rem;
    font-size: 0.65rem;
    color: var(--ab-muted);
    transition: transform 0.15s;
}
.ab-env-details[open] .ab-env-details__summary::before { transform: rotate(90deg); }
.ab-env-table code { font-size: 0.78rem; }

/* Dashboard */
.ab-dashboard-toolbar .ab-dashboard-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}
.ab-dashboard-loading {
    background: var(--ab-brand-soft);
    border: 1px solid #ffd4b8;
    border-radius: 8px;
    padding: 0.65rem 1rem;
    color: var(--ab-brand-dark);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}
.ab-dashboard-table th,
.ab-dashboard-table td {
    vertical-align: middle;
}
.ab-chart-empty {
    text-align: center;
    padding: 3rem 1rem;
    margin: 0;
}
.ab-dashboard .ab-chart-box {
    min-height: 320px;
    height: 320px;
}
.ab-dashboard .ab-chart-box--short {
    min-height: 260px;
    height: 260px;
}
.ab-dashboard .ab-map-box {
    width: 100%;
    height: 340px;
    border-radius: 8px;
}
.ab-kpi-card {
    background: #fff;
    border: 1px solid var(--ab-border);
    border-radius: 10px;
    padding: 1rem 1.15rem;
    height: 100%;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.ab-kpi-card__label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ab-muted);
    margin-bottom: 0.35rem;
}
.ab-kpi-card__value {
    display: block;
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--ab-text);
    line-height: 1.2;
}
@media (max-width: 991.98px) {
    .ab-settings-nav-col { border-right: none !important; border-bottom: 1px solid var(--ab-border); }
    .ab-settings-nav { flex-direction: row !important; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.5rem !important; }
    .ab-settings-nav .nav-item { flex: 0 0 auto; }
    .ab-settings-nav .nav-link { white-space: nowrap; }
    .ab-settings-nav .nav-link .badge { display: none; }
}