/* AlitPBX shared presentation. Component behavior and status colors are retained. */
:root { --alit-teal:#0c9d93; --alit-teal-dark:#087f79; --alit-line:#dcebe8; }
html:not([data-theme="dark"]) .na-layout-content { background:#f2f8f7!important; }
html:not([data-theme="dark"]) .na-layout-header { border-bottom:1px solid var(--alit-line); box-shadow:0 2px 12px rgba(16,73,69,.04); }
html:not([data-theme="dark"]) .na-app-header { color:#234b50; }
.na-layout-sider { background:linear-gradient(180deg,#073d40,#052b30)!important; }
.na-layout-sider .n-menu { --n-item-text-color-inverted:#bbd8d6!important; --n-item-icon-color-inverted:#94c4c1!important; --n-item-text-color-child-active:#fff!important; }
.na-layout-sider .n-menu-item-content { border-radius:9px; margin-left:6px; margin-right:6px; }
.na-layout-sider .n-menu-item-content--selected { box-shadow:0 4px 12px rgba(0,0,0,.12); }
.na-layout-sider .n-menu-item-content:hover::before { background:rgba(16,191,174,.13); }
.na-app-header__trigger { border-radius:8px; }
.na-app-header__trigger:hover { background:rgba(16,191,174,.08)!important; }
.na-layout .n-card { --n-border-radius:14px!important; }
html:not([data-theme="dark"]) .na-layout .n-card { --n-border-color:var(--alit-line)!important; --n-title-text-color:#234b50!important; box-shadow:0 4px 20px rgba(22,74,70,.035); }
html:not([data-theme="dark"]) .na-layout .n-card-header { border-bottom:1px solid #eef5f3; }
.na-layout .n-card-header__main { font-weight:600; }
.na-layout .n-button, .n-modal .n-button { --n-border-radius:8px!important; }
.na-layout .n-button--primary-type:not(.n-button--text-type):not(.n-button--quaternary-type):not(.n-button--tertiary-type):not(.n-button--secondary-type), .n-modal .n-button--primary-type:not(.n-button--text-type) { font-weight:600; }
.na-layout .n-input, .na-layout .n-base-selection, .n-modal .n-input, .n-modal .n-base-selection { --n-border-radius:8px!important; }
html:not([data-theme="dark"]) .na-layout .n-input, html:not([data-theme="dark"]) .na-layout .n-base-selection, html:not([data-theme="dark"]) .n-modal .n-input, html:not([data-theme="dark"]) .n-modal .n-base-selection { --n-border:1px solid #cbdedb!important; }
.na-layout .n-data-table { --n-border-radius:12px!important; }
html:not([data-theme="dark"]) .na-layout .n-data-table { --n-th-color:#eaf5f2!important; --n-th-text-color:#315750!important; --n-td-color-hover:#f2faf7!important; --n-border-color:var(--alit-line)!important; }
.na-layout .n-data-table-th { font-weight:600; }
.na-layout .n-pagination { --n-item-border-radius:7px!important; }
html:not([data-theme="dark"]) .na-layout .n-pagination { --n-item-color-active:#e5f5f1!important; }
.na-layout .na-basic-table-header { margin-bottom:16px; }
.n-modal.n-dialog, .n-modal.n-card { --n-border-radius:16px!important; box-shadow:0 24px 80px rgba(4,43,48,.2); }
html:not([data-theme="dark"]) .n-modal.n-dialog { --n-border:1px solid var(--alit-line)!important; --n-title-text-color:#234b50!important; }
.n-modal .n-tabs { --n-tab-font-weight-active:600!important; }
.na-layout :is(button,input,[tabindex]):focus-visible, .n-modal :is(button,input,[tabindex]):focus-visible { outline:2px solid #10bfae; outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { .na-layout *, .n-modal * { scroll-behavior:auto!important; } }
.na-app-brand { background:#073d40!important; }
.na-layout-sider .n-layout-scroll-container, .na-layout-sider .na-layout-menu { background:transparent!important; }
.na-layout-sider .n-menu { --n-color-inverted:transparent!important; }
.na-layout-sider .n-menu-item-content--selected .n-menu-item-content-header, .na-layout-sider .n-menu-item-content--selected .n-menu-item-content__icon { color:#fff!important; }