:root { --lintas-primary: #1557a0; --lintas-accent: #f59f00; }
body { background: #f5f7fb; }
.app-header { position:sticky;top:0;z-index:1100;background:#fff!important;box-shadow:0 .15rem .5rem rgba(24,36,51,.08); }
.page-wrapper > .page-body { margin-top:0; }
.navbar-brand-mark { width: 40px; height: 40px; display: block; object-fit: contain; }
.navbar .nav-link.active { color: #fff !important; font-weight: 700; background: var(--lintas-primary) !important; border-radius: .375rem; box-shadow: 0 .2rem .45rem rgba(21,87,160,.28); }
.hero { background: radial-gradient(circle at 85% 15%,rgba(47,179,68,.25),transparent 30%),linear-gradient(135deg,#0f3c72,#1768b5); color:#fff; padding:6rem 0 5rem; }
.hero .eyebrow { color:#b9d7f7; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
.portal-official-logo { display:block; width:min(100%,300px); height:auto; margin:0 auto; }
.feature-icon { width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e8f2ff;color:#1557a0;font-weight:800; }
.vacancy-card { transition:transform .18s ease,box-shadow .18s ease; }
.vacancy-card:hover { transform:translateY(-3px);box-shadow:0 .75rem 1.5rem rgba(24,36,51,.1); }
.status-track { display:flex;gap:.35rem;align-items:center;flex-wrap:wrap; }
.status-dot { width:9px;height:9px;border-radius:50%;background:#dce1e7; }
.status-dot.active { background:#2fb344; }
.auth-shell { min-height:100vh;background:radial-gradient(circle at top left,#dbeafe,transparent 35%),#f5f7fb; }
.table thead th { white-space:nowrap; }
.pre-line { white-space:pre-line; }
.content-copy { font-size:1.05rem;line-height:1.8; }
.form-honeypot { position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
.unit-combobox-card-open,
.position-combobox-card-open { position:relative; z-index:1060; }
[data-unit-combobox] [data-unit-options],
[data-position-combobox] [data-position-options] { background:#fff !important; border:1px solid #dce1e7; border-radius:.375rem; opacity:1 !important; }
[data-unit-combobox] [data-unit-options] .list-group-item,
[data-position-combobox] [data-position-options] .list-group-item { background:#fff !important; background-color:#fff !important; color:#182433; opacity:1 !important; }
[data-unit-combobox] [data-unit-options] .list-group-item:hover,
[data-unit-combobox] [data-unit-options] .list-group-item:focus,
[data-position-combobox] [data-position-options] .list-group-item:hover,
[data-position-combobox] [data-position-options] .list-group-item:focus { background:#eaf2fc !important; color:#1557a0; }
.organization-tree { display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem; }
.organization-root-card { width:min(100%,720px);padding:1.5rem 2rem;text-align:center;color:#fff;background:linear-gradient(135deg,#114a87,#1768b5);border-radius:.75rem;box-shadow:0 .6rem 1.2rem rgba(21,87,160,.2); }
.organization-root-card h2 { margin:0 0 .75rem;font-size:1.35rem;color:#fff; }
.organization-tree-line { width:2px;height:2rem;background:#b8c5d6; }
.organization-unit-card { color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.organization-unit-card:hover { color:inherit;transform:translateY(-2px);border-color:#90b9e5;box-shadow:0 .65rem 1.25rem rgba(24,36,51,.1); }
.organization-unit-card .card-title { line-height:1.35; }
.organization-unit-card .card-footer { display:flex;justify-content:space-between;color:#1557a0;font-weight:600;background:#f7faff; }
.organization-unit-kind { margin-bottom:.5rem;color:#1557a0;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase; }
.organization-meta { display:flex;gap:.5rem;flex-wrap:wrap;color:#626976;font-size:.825rem; }
.organization-meta span { padding:.25rem .5rem;background:#f1f5f9;border-radius:999px; }
.organization-root-card .organization-meta { color:#dcecff; }
.organization-root-card .organization-meta span { background:rgba(255,255,255,.12); }
.organization-root-card .badge { color:#fff!important;background:rgba(255,255,255,.12)!important; }
.organization-focus-card { display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border:1px solid #dce1e7;border-left:5px solid var(--lintas-primary);border-radius:.5rem; }
.organization-focus-card h1 { margin:.25rem 0 0;font-size:1.4rem; }
.organization-focus-stats { display:flex;gap:1rem;flex-wrap:wrap; }
.organization-focus-stats div { min-width:90px;text-align:center;padding:.65rem .8rem;background:#f5f7fb;border-radius:.5rem; }
.organization-focus-stats strong,.organization-focus-stats span { display:block; }
.organization-focus-stats strong { color:#1557a0;font-size:1.25rem; }
.organization-focus-stats span { color:#626976;font-size:.75rem; }
.pagination-shell { display:flex;justify-content:center;overflow-x:auto;padding:.25rem; }
.pagination-modern { gap:.35rem;align-items:center; }
.pagination-modern .page-link { display:flex;gap:.35rem;align-items:center;justify-content:center;min-width:2.35rem;height:2.35rem;padding:.45rem .7rem;color:#1557a0;background:#fff;border:1px solid #d6e0eb;border-radius:.5rem!important;box-shadow:0 .1rem .25rem rgba(24,36,51,.06);font-weight:600;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.pagination-modern a.page-link:hover { color:#0f477f;background:#eef6ff;border-color:#8bb8e8;box-shadow:0 .25rem .55rem rgba(21,87,160,.12);transform:translateY(-1px); }
.pagination-modern .page-item.active .page-link { color:#fff;background:var(--lintas-primary);border-color:var(--lintas-primary);box-shadow:0 .3rem .65rem rgba(21,87,160,.28); }
.pagination-modern .page-item.disabled .page-link { color:#a6b0bc;background:#f1f3f5;border-color:#e2e6ea;box-shadow:none; }
@media (max-width:767px) { .hero{padding:4rem 0 3rem}.hero h1{font-size:2.2rem}.app-sidebar{display:none} }
@media (max-width:767px) { .organization-focus-card{align-items:flex-start;flex-direction:column;padding:1.25rem}.organization-focus-stats{width:100%}.organization-focus-stats div{flex:1 1 40%} }
@media (max-width:575px) { .pagination-modern{gap:.2rem}.pagination-modern .page-link{min-width:2.15rem;height:2.15rem;padding:.35rem .5rem}.pagination-label{display:none} }