/* Shared product shell: calm, dense enough for financial workflows, and responsive. */
:root { --ats-ink: #172b3d; --ats-muted: #64748b; --ats-line: #dce4ea; --ats-canvas: #f6f8f9; --ats-green: #147a56; --ats-green-hover: #0f6446; }
body { background: var(--ats-canvas) !important; }
.ats-main { min-height: calc(100vh - 64px); background: var(--ats-canvas) !important; }
.ats-navbar { height: 64px; padding: 0 max(24px, calc((100vw - 1440px) / 2)); border-bottom: 1px solid var(--ats-line); box-shadow: none; }
.ats-navbar .navbar-brand img { height: 31px; }
.ats-nav-links { height: 100%; gap: 2px; margin-right: 20px; }
.ats-nav-link { height: 100%; padding: 0 13px; border-radius: 0; border-bottom: 2px solid transparent; color: #4b5d6d; font-size: .78rem; font-weight: 600; }
.ats-nav-link:hover { background: #f3f7f5; color: var(--ats-green); }
.ats-nav-link.active { border-bottom-color: var(--ats-green); background: transparent; color: #165f47; }
.ats-nav-link i { font-size: .75rem; }
.ats-user-btn { gap: 8px; border: 1px solid var(--ats-line); border-radius: 4px; padding: 4px 9px 4px 5px; color: #314356; font-size: .76rem; font-weight: 600; }
.ats-user-btn:hover { border-color: #a9c9bb; background: #f5faf7; }
.ats-user-avatar { width: 27px; height: 27px; border-radius: 3px; background: #245e4b; font-size: .72rem; }
.ats-dropdown { top: calc(100% + 7px); border-radius: 5px; box-shadow: 0 10px 26px rgba(24, 43, 61, .14); }
.ats-dropdown-header .name { color: var(--ats-ink); }
.ats-dropdown-item { color: #45596b; font-size: .8rem; }
.ats-navbar-public { height: 64px; padding: 0 max(24px, calc((100vw - 1200px) / 2)); border-bottom: 1px solid var(--ats-line); background: #fff; }
.ats-navbar-public img { height: 31px !important; }
@media (max-width: 720px) { .ats-navbar { padding: 0 16px; } .ats-navbar .navbar-brand img { height: 27px; } .ats-nav-links { overflow-x: auto; margin-left: 14px; margin-right: 8px; } .ats-nav-link { padding: 0 9px; font-size: .7rem; white-space: nowrap; } .ats-user-btn span, .ats-user-btn > i { display: none; } .ats-user-btn { padding: 4px; } .ats-navbar-public { padding: 0 18px; } }