:root { --digitia-green: #82AF42; --digitia-ink: #0b1e32; }
body { color: var(--digitia-ink); background: #f5f7f1; padding-bottom: 72px; accent-color: var(--digitia-green); }
a { color: #4d7023; }
a:hover, a:focus { color: #314c13; }
.navbar-default { background: #fff; border: 0; border-bottom: 4px solid var(--digitia-green); box-shadow: 0 3px 16px #0b1e320a; }
.navbar-brand { height: 68px; padding: 9px 15px; }
.navbar-brand img, #login_header_logo { width: auto; height: 48px; max-width: 235px; object-fit: contain; }
.navbar-default .navbar-nav > li > a { color: var(--digitia-ink); padding-top: 24px; padding-bottom: 24px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > li > a:hover { background: #edf4e4; color: #314c13; }
.navbar-default .navbar-toggle { margin-top: 17px; border-color: var(--digitia-green); }
.navbar-default .navbar-toggle .icon-bar { background: var(--digitia-ink); }
body.page-login, body.page-users-login { background: linear-gradient(145deg, #faf9f5, #edf4e4); }
#login { max-width: 500px; margin: 105px auto 35px; }
#login h2 { font-size: 24px; font-weight: 600; line-height: 1.4; text-align: center; margin-bottom: 24px; }
.well { background: #fff; border: 1px solid #e1e8d8; border-top: 4px solid var(--digitia-green); border-radius: 12px; box-shadow: 0 12px 36px #0b1e3210; padding: 28px; }
.btn-primary, .btn-success { background: var(--digitia-green); border-color: var(--digitia-green); color: var(--digitia-ink); font-weight: 600; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active { background: #719b35 !important; border-color: #719b35 !important; color: #081728 !important; }
.btn-default { border-color: #d4dec9; }
.form-control:focus { border-color: var(--digitia-green); box-shadow: 0 0 0 3px #82af4226; }
.table { background: #fff; }
.table thead th { background: #edf4e4; color: var(--digitia-ink); border-color: #d9e4cd; }
.panel-primary { border-color: var(--digitia-green); }
.panel-primary > .panel-heading { background: var(--digitia-green); border-color: var(--digitia-green); color: var(--digitia-ink); }
.pagination > .active > a, .pagination > .active > span { background: var(--digitia-green); border-color: var(--digitia-green); color: var(--digitia-ink); }
.footer { background: #fff; border-top: 1px solid #e1e8d8; color: #46576a; }
@media (max-width: 767px) { #login { margin-top: 95px; padding: 0 15px; } #login h2 { font-size: 21px; } .navbar-default .navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; } }