@charset "utf-8";

/* Shared public-site palette. Keep account and document screens in sync here. */
@media(min-width:1021px){.desktop-member-menu{display:flex;align-items:center;gap:4px}}
#header .desktop-admin-shortcut{display:inline-flex;flex:none;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #d9e3e9;border-radius:50%;background:#f5f8fa;color:#3b586a;font-size:18px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
#header .desktop-admin-shortcut:hover{border-color:#168477;background:#e9f5f1;color:#117268}
#header .desktop-admin-shortcut:focus-visible{outline:2px solid #168477;outline-offset:3px}
:root {
    --kdntu-primary: #153f8f;
    --kdntu-primary-hover: #0e3074;
    --kdntu-primary-light: #2563b5;
    --kdntu-primary-rgb: 21, 63, 143;
    --kdntu-surface: #fff;
    --kdntu-surface-muted: #f5f7fb;
    --kdntu-surface-hover: #e9eef7;
    --kdntu-border: #d9e0ea;
    --kdntu-text-muted: #667085;
    --kdntu-control-radius: 8px;
}

/* Existing form layouts keep their widths and heights. */
#mb_login #login_fs .btn_submit,
.member-auth-form > .btn_submit,
.member-auth-submit .btn_submit,
#mb_confirm .btn_submit,
.member-edit #fregisterform .btn_confirm .btn_submit {
    background: var(--kdntu-primary);
    color: var(--kdntu-surface);
    border-radius: var(--kdntu-control-radius);
}
#mb_login #login_fs .btn_submit:hover,
.member-auth-form > .btn_submit:hover,
.member-auth-submit .btn_submit:hover,
#mb_confirm .btn_submit:hover,
.member-edit #fregisterform .btn_confirm .btn_submit:hover {
    background: var(--kdntu-primary-hover);
}
#mb_login #login_fs .member-login-input .frm_input:focus,
.member-auth-form .member-login-input .frm_input:focus,
.member-auth-section .member-login-input .frm_input:focus,
#mb_confirm fieldset .frm_input:focus,
.member-edit #fregisterform input.frm_input:focus,
.member-edit #fregisterform textarea:focus {
    outline: none;
    border-color: var(--kdntu-primary);
    box-shadow: 0 0 0 3px rgba(var(--kdntu-primary-rgb), .10);
}

/* Document tabs and resources categories share the same visual controls. */
.union-rule-tabs,
#bo_gall #bo_cate {
    border: 1px solid var(--kdntu-border);
    border-radius: 12px;
    background: var(--kdntu-surface-muted);
}
.union-rule-tab,
#bo_gall #bo_cate a {
    border-radius: var(--kdntu-control-radius);
    color: var(--kdntu-text-muted);
    font-weight: 700;
}
.union-rule-tab:hover,
#bo_gall #bo_cate a:hover {
    background: var(--kdntu-surface-hover);
    color: var(--kdntu-primary);
}
.union-rule-tab.active,
#bo_gall #bo_cate #bo_cate_on {
    border-color: var(--kdntu-primary);
    background: var(--kdntu-primary);
    color: var(--kdntu-surface);
    box-shadow: 0 2px 5px rgba(var(--kdntu-primary-rgb), .15);
}
.union-rule-tab:focus-visible,
#bo_gall #bo_cate a:focus-visible {
    outline: 2px solid var(--kdntu-primary);
    outline-offset: 2px;
}