/* Optional admin theme. Original styles and semantic status colors stay intact. */
:root {
    --admin-green: #184b36;
    --admin-brown: #85543b;
    --admin-soft: #edf3eb;
    --admin-border: #d5ddd6;
}
body { background: #f4f6f1; }
a, .nav-link, .feature-item > .icon,
.single-section-disclosure > summary:hover,
.lilui-breadcrumbs a { color: var(--admin-green); }
.topbar { border-bottom-color: var(--admin-brown); padding: 6px 16px; gap: 12px; }
.topbar nav { width: auto; }
.left-menu { border-color: var(--admin-border); }
.brand-logo { width: 144px; height: auto; max-height: 48px; }
.app-shell-public { background: radial-gradient(circle at top, #fff 0, #f4f6f1 55%); }
.left-menu-item:hover, .left-menu-item:focus-visible,
.icon-action:hover, .icon-action:focus-visible,
.pagination-page:hover, .pagination-page:focus-visible {
    background: var(--admin-soft);
    color: var(--admin-green);
}
.left-menu-item.is-active { background: #d5e5d4; color: var(--admin-green); }
/* Icon actions retain their own danger/success/disabled rules. */
.button, button { background: var(--admin-green); }
.pagination-page.is-active { background: #d5e5d4; color: var(--admin-green); }
th { background: #f4f6f1; border-bottom-color: var(--admin-brown); }
tbody tr:hover, tbody tr:hover td { background-color: var(--admin-soft); }
.grid-sum-row td { background: var(--admin-soft); border-top-color: var(--admin-brown); }
.sales-document-grand-total { border-top-color: var(--admin-brown); }
.form, .widget, .feature-item, .lilui-context-menu,
.sales-document { border-color: var(--admin-border); }
input:focus, select:focus, textarea:focus {
    border-color: var(--admin-green);
    box-shadow: 0 0 0 3px rgb(24 75 54 / 15%);
}
.lilui-breadcrumbs a:focus-visible,
.lilui-tab:focus-visible { outline-color: var(--admin-green); }
.lilui-tabs-list { background: #f4f6f1; border-bottom-color: var(--admin-brown); }
.lilui-tab { background: transparent; }
.lilui-tab:hover { background: var(--admin-soft); color: var(--admin-green); }
.lilui-tab[aria-selected="true"] {
    background: var(--admin-soft);
    color: var(--admin-green);
    border-bottom-color: var(--admin-brown);
}