@charset "utf-8";

/* Loaded only by member_info.html; match the board's current card and button styles. */
#memberModule .localNavigation {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
    margin: 0 0 18px;
    padding: 0 0 14px;
    border-bottom: 1px solid #dce2eb;
}
#memberModule .localNavigation li,
#memberModule .localNavigation li.on { float: none; margin: 0; background: none; }
#memberModule .localNavigation li a {
    display: block;
    float: none;
    height: auto;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #f4f7fc;
    color: #526582;
    font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
}
#memberModule .localNavigation li.on a { height: auto; background: #526d9b; color: #fff; font-weight: 600; }
#memberModule .localNavigation li a:hover { background: #e8eef7; color: #30466e; }
#memberModule .memberInfoView {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    margin: 0 0 20px;
    padding: 24px;
    border: 1px solid #dce2eb;
    border-radius: 8px;
    background: #fff;
    color: #000080;
    font: 14px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
}
#memberModule .memberInfoView h3 {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    background: none;
    color: #30466e;
    font: 600 20px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
}
#memberModule .memberInfoView .rowTable { width: 100%; table-layout: fixed; border: 0; border-collapse: collapse; margin: 0; }
#memberModule .memberInfoView .rowTable th,
#memberModule .memberInfoView .rowTable td {
    padding: 15px 12px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
    text-align: left;
    overflow-wrap: anywhere;
    font: inherit;
}
#memberModule .memberInfoView .rowTable th { width: 120px; color: #64748b; font-size: 13px; font-weight: 500; }
#memberModule .memberInfoView .rowTable th div { white-space: normal; color: inherit; font: inherit; }
#memberModule .memberInfoView .rowTable th.title {
    width: auto;
    padding: 10px 12px;
    background: #f4f7fc;
    color: #526582;
    font-weight: 600;
}
#memberModule .memberInfoView td div,
#memberModule .memberInfoView td p,
#memberModule .memberInfoView label { color: inherit; font: inherit; }
#memberModule .memberInfoView td img { max-width: 100%; height: auto; }
#memberModule .memberInfoView td a { color: #526d9b; text-decoration: underline; text-underline-offset: 3px; }
#memberModule .memberInfoView .regdate { color: #526582; font: inherit; font-variant-numeric: tabular-nums; }
#memberModule .memberInfoView .no,
#memberModule .memberInfoView .privateItem,
#memberModule .memberInfoView .memberInfoEmpty { color: #64748b; font: inherit; }
#memberModule .memberInfoActions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 24px; }
#memberModule .memberInfoView .button {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    height: auto;
    min-height: 38px;
    margin: 0;
    padding: 8px 14px;
    border: 1px solid #d7deea;
    border-radius: 6px;
    background: #fff;
    color: #526582;
    font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
    text-decoration: none;
}
#memberModule .memberInfoView .button span,
#memberModule .memberInfoView .button button { position: static; height: auto; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
#memberModule .memberInfoView .memberInfoPrimary { background: #526d9b; border-color: #526d9b; color: #fff; }
#memberModule .memberInfoView .memberInfoLeave { color: #9a5962; }
#memberModule .memberInfoView .button:hover { background: #edf2f8; text-decoration: none; }
#memberModule .memberInfoView .memberInfoPrimary:hover { background: #405981; }
#memberModule .memberInfoPointForm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
#memberModule .memberInfoPointForm input[type="text"] { box-sizing: border-box; width: 100px; max-width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #d7deea; border-radius: 6px; background: #f8fafc; color: #000080; font: inherit; }
#memberModule .localNavigation a:focus-visible,
#memberModule .memberInfoView a:focus-visible,
#memberModule .memberInfoView button:focus-visible,
#memberModule .memberInfoView input:focus-visible { outline: 2px solid #718bb9; outline-offset: 3px; }
@media (max-width: 768px) {
    #memberModule .memberInfoView { padding: 16px; }
    #memberModule .memberInfoView h3 { font-size: 18px; margin-bottom: 16px; }
    #memberModule .memberInfoView .rowTable th { width: 80px; }
    #memberModule .memberInfoView .rowTable th,
    #memberModule .memberInfoView .rowTable td { padding: 12px 8px; }
    #memberModule .memberInfoActions { justify-content: flex-start; margin-top: 20px; }
    #memberModule .memberInfoView .button,
    #memberModule .localNavigation li a { min-height: 44px; box-sizing: border-box; padding: 11px 12px; }
    #memberModule .memberInfoPointForm input[type="text"] { font-size: 16px; }
}