/* ============================================================
   INHA unified component theme for the authenticated app.
   Scoped to .main-content so it never touches the login shell.
   ============================================================ */
.main-content {
    --inha-navy: #0e3a8c;
    --inha-navy-700: #0b2e6e;
    --inha-blue: #1c7fd6;
    --inha-sky: #36a7e8;
    --inha-border: #e3e9f2;
    --inha-text: #1e2a44;
    --inha-muted: #6b7a90;
}

/* ---------- Buttons ---------- */
.main-content .btn-primary {
    background: #0e3a8c;
    border-color: #0e3a8c;
}
.main-content .btn-primary:hover,
.main-content .btn-primary:focus,
.main-content .btn-primary:active,
.main-content .btn-primary.active {
    background: #0b2e6e;
    border-color: #0b2e6e;
}
/* In this app btn-warning is used as the main call-to-action → make it brand
   blue. styles.css sets the orange hover/active with !important, so override
   with !important + higher specificity to win in every state. */
.main-content .btn-warning,
.main-content .btn-warning:focus,
.main-content .btn-warning.focus,
.main-content .open .btn-warning.dropdown-toggle {
    background: #1c7fd6 !important;
    border-color: #1c7fd6 !important;
    color: #fff !important;
}
.main-content .btn-warning:hover,
.main-content .btn-warning:active,
.main-content .btn-warning.active,
.main-content .btn-warning:active:hover,
.main-content .btn-warning:active:focus {
    background: #0e3a8c !important;
    border-color: #0e3a8c !important;
    color: #fff !important;
}
.main-content .btn-link { color: #1c7fd6; }
.main-content .btn-link:hover { color: #0e3a8c; }

/* ---------- Links ---------- */
.main-content a:not(.btn):not(.list-group-item) { color: #1c7fd6; }
.main-content a:not(.btn):hover { color: #0e3a8c; }

/* ---------- Panels / cards ---------- */
.main-content .panel { border-radius: 14px; border-color: var(--inha-border); }
.main-content .panel-white { box-shadow: 0 8px 26px rgba(14, 58, 140, .07); }
.main-content .panel-heading.border-light { border-bottom-color: var(--inha-border); }
.main-content .panel-title,
.main-content .over-title { color: #0e3a8c; }

/* ---------- Form controls ---------- */
.main-content .form-control:focus {
    border-color: #1c7fd6;
    box-shadow: 0 0 0 3px rgba(28, 127, 214, .15);
}

/* ---------- Fieldset legends (wizard / edit) ---------- */
.main-content fieldset > legend {
    color: #0e3a8c;
    border-bottom-color: var(--inha-border);
}

/* ---------- Tabs ---------- */
.main-content .nav-tabs > li.active > a,
.main-content .nav-tabs > li.active > a:hover,
.main-content .nav-tabs > li.active > a:focus {
    color: #0e3a8c;
    border-bottom-color: #36a7e8;
}
.main-content .nav-tabs > li > a:hover { border-bottom-color: #36a7e8; }

/* ---------- Radios / checkboxes (clip theme primary) ---------- */
.main-content .clip-radio.radio-primary input[type=radio]:checked + label:after { background: #1c7fd6; }
.main-content .clip-radio.radio-primary input[type=radio]:checked + label:before { border-color: #1c7fd6; }
.main-content .clip-check.check-primary input[type=checkbox]:checked + label:before { background: #1c7fd6; border-color: #1c7fd6; }

/* ---------- Misc accents ---------- */
.main-content .text-primary { color: #1c7fd6 !important; }
.main-content .label-primary,
.main-content .badge-primary { background-color: #1c7fd6; }
.main-content .input-group-addon { color: #1c7fd6; }

/* ---------- Dashboard: align accent blue (#2563eb) to INHA ---------- */
.main-content .deadline-icon { background: rgba(28, 127, 214, .10); color: #0e3a8c; }
.main-content .pay-title i { color: #0e3a8c; }
.main-content .tbox-accent { background: #eaf3fc; border-color: #cfe4f8; }
.main-content .tbox-accent .tval { color: #1c7fd6; }
.main-content .pay-id { border-color: #cfe4f8; }
.main-content .pay-tile:hover { border-color: #9cc6ee; }
/* keep semantic status colors (paid=green, unpaid=amber, status gradients) */

/* ---------- Wizard stepper: orange (#EA7F31) -> INHA blue ---------- */
.main-content .swMain > ul li > a.selected:before,
.main-content .swMain li > a.done:before { border-color: #1c7fd6; }
.main-content .swMain > ul li > a.selected .stepNumber { border-color: #1c7fd6; }
.main-content .swMain ul li > a.done .stepNumber,
.main-content .swMain > ul li:last-child > a.selected .stepNumber {
    border-color: #1c7fd6;
    background-color: #1c7fd6;
}
.main-content .swMain > ul li > a.selected .stepDesc,
.main-content .swMain li > a.done .stepDesc { color: #0e3a8c; }

/* ---------- Settings / Activation: accent #2563eb -> INHA ---------- */
.main-content .sh-title i,
.main-content .act-title i { color: #0e3a8c; }
.main-content .settings-tabs > li.active > a {
    background: #eaf3fc !important;
    color: #0e3a8c !important;
}

/* ============================================================
   Navbar chrome (outside .main-content): user "Log Out" dropdown
   was dark (#2B3034) — bring it to INHA navy to match the navbar.
   ============================================================ */
.dropdown-menu.dropdown-dark {
    background-color: #0b2e6e !important;
    border-color: #0b2e6e !important;
}
.dropdown-menu.dropdown-dark:after { border-bottom-color: #0b2e6e !important; }
.dropdown-menu.dropdown-dark > li > a,
.dropdown-menu.dropdown-dark .drop-down-wrapper li a { border-bottom-color: rgba(255,255,255,.12) !important; }
.dropdown-menu.dropdown-dark > li > a:hover,
.dropdown-menu.dropdown-dark > li > a:focus,
.dropdown-menu.dropdown-dark .drop-down-wrapper li a:hover,
.dropdown-menu.dropdown-dark .drop-down-wrapper li a:focus {
    background-color: #103a8c !important;
}