/* Claims Management System - shared styles.
   Brand: --cms-blue is the light blue sampled from the AdminStrat logo; nav hover is black. */
:root {
    --cms-navy: #14335e;
    --cms-navy-dark: #0e2545;
    --cms-blue: #0878B8;
    --cms-blue-dark: #065F91;
    --cms-light: #eef3f8;
    --cms-border: #dde3ea;
}

body {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    background-color: #f5f7fa;
}

/* Top bar. Sits above the sticky nav bar (menu.css gives .menuHeader z-index 1000) so the
   role / account dropdown opens over the menu instead of behind it. */
.topbar {
    position: relative;
    z-index: 1100;
    background-color: var(--cms-navy);
    color: #fff;
}

.topbar .dropdown-menu {
    z-index: 1200;
}

.topbar-inner {
    margin: auto;
    width: 95%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

.topbar .brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.topbar .brand img {
    height: 34px;
    background: #fff;
    border-radius: 4px;
    padding: 2px 6px;
}

.topbar .userbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.topbar .btn-role {
    color: #fff;
    background-color: var(--cms-blue);
    border-color: var(--cms-blue);
}

.topbar .btn-role:hover,
.topbar .btn-role:focus {
    background-color: var(--cms-blue-dark);
    border-color: var(--cms-blue-dark);
    color: #fff;
}

/* Nav bar: logo blue; menu.css handles the black hover / open states. */
.menuHeader {
    background-color: var(--cms-blue);
}

.page-body {
    margin: auto;
    width: 95%;
    padding-top: 15px;
    padding-bottom: 30px;
}

.pageHeader {
    font-size: 22px;
    font-weight: 600;
    color: var(--cms-navy);
}

.pageSub {
    color: #6c757d;
    font-size: 12px;
}

/* Cards used on detail pages */
.card {
    border-color: var(--cms-border);
}

.card-header {
    background-color: var(--cms-light);
    font-weight: 600;
    color: var(--cms-navy);
}

.kv {
    margin: 0;
}

.kv dt {
    font-weight: 600;
    color: #495057;
    font-size: 12px;
}

.kv dd {
    margin-bottom: 8px;
}

/* Grid links / icons */
.RadGrid a {
    color: var(--cms-blue);
    text-decoration: none;
}

.RadGrid a:hover {
    text-decoration: underline;
}

.icon-view { color: var(--cms-blue); cursor: pointer; }
.icon-edit { color: #219c1a; cursor: pointer; }
.icon-delete { color: #cc0000; cursor: pointer; }

/* Uniform footer buttons in modals. Submit is a Telerik RadButton (its own skin font and size),
   Cancel is a Bootstrap .btn, so size and typography are pinned here for both. */
.modal-footer .btn,
.modal-footer .RadButton.rbButton {
    min-width: 110px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.modal-footer .btn,
.modal-footer .RadButton.rbButton,
.modal-footer .RadButton.rbButton .rbText,
.modal-footer .RadButton.rbButton span {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}