/* ============================================================
   mfarm-member.css — 회원 관련 페이지 공통 디자인
   기준: mfarm_css_design_guide.md
   폰트 기준: 18px (1.8rem) / html { font-size: 10px }
   적용: 로그인 / 회원가입 / 회원정보수정 / 비밀번호찾기 / 탈퇴
   ============================================================ */

/* ── 회원 전용 CSS 변수 ──────────────────────────────────── */
:root {
  --mb-primary:     var(--color-primary,      #6b4a2b);
  --mb-primary-dk:  var(--color-primary-dark, #5a3d23);
  --mb-text:        var(--color-text,         #2b2b2b);
  --mb-meta:        #888;
  --mb-border:      #e8e0d8;
  --mb-bg:          #f6f4ef;
  --mb-input-h:     52px;
  --mb-radius:      8px;
  --mb-font:        1.8rem;   /* 18px */
  --mb-font-sm:     1.6rem;   /* 16px */
  --mb-lh:          1.65;
}

.mf-shop-list-head {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 50px var(--content-padding) 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ============================================================
   1. 공통 폼 요소 — .frm_input / select / textarea
   ============================================================ */

/* [18px] 모든 회원 폼 인풋 */
.mbskin .frm_input,
.register .frm_input,
#find_info .frm_input,
#mb_login_od .frm_input,
.mbskin input[type="text"],
.mbskin input[type="password"],
.mbskin input[type="email"],
.register input[type="text"],
.register input[type="password"],
.register input[type="email"],
.register input[type="tel"],
.register select,
#find_info input[type="text"],
#find_info input[type="email"] {
  height: var(--mb-input-h);
  padding: 0 16px;
  border: 1px solid #ddd;
  border-radius: var(--mb-radius);
  font-size: var(--mb-font);
  font-family: var(--font-base, 'Pretendard', sans-serif);
  color: var(--mb-text);
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.18s;
  line-height: var(--mb-lh);
}

.mbskin .frm_input:focus,
.register .frm_input:focus,
#find_info .frm_input:focus,
.register input:focus,
.register select:focus {
  outline: none;
  border-color: var(--mb-primary);
}

.mbskin .frm_input::placeholder,
.register .frm_input::placeholder,
#find_info .frm_input::placeholder {
  color: #bbb;
  font-size: var(--mb-font);
}

/* textarea */
.register textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #ddd;
  border-radius: var(--mb-radius);
  font-size: var(--mb-font);
  font-family: var(--font-base, 'Pretendard', sans-serif);
  color: var(--mb-text);
  background: #fff;
  box-sizing: border-box;
  resize: vertical;
  min-height: 120px;
  line-height: var(--mb-lh);
  transition: border-color 0.18s;
}

.register textarea:focus { outline: none; border-color: var(--mb-primary); }

/* ── 공통 버튼 ── */

/* [Primary] 로그인/회원가입/제출 버튼 */
.mbskin .btn_submit,
.register .btn_submit,
#find_info .btn_submit,
.win_btn .btn_submit,
.btn_confirm .btn_submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: var(--mb-input-h);
  padding: 0 32px;
  border: none;
  border-radius: var(--mb-radius);
  background: var(--mb-primary);
  color: #fff;
  font-size: var(--mb-font);
  font-weight: 700;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s;
  box-sizing: border-box;
  line-height: 1;
  white-space: nowrap;
}

.mbskin .btn_submit:hover,
.register .btn_submit:hover,
#find_info .btn_submit:hover,
.win_btn .btn_submit:hover,
.btn_confirm .btn_submit:hover {
  background: var(--mb-primary-dk);
  color: #fff;
}

/* [Secondary] 취소 버튼 */
.btn_confirm .btn_close,
.register .btn_close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: var(--mb-input-h);
  padding: 0 32px;
  border: 1.5px solid #ddd;
  border-radius: var(--mb-radius);
  background: #fff;
  color: #555;
  font-size: var(--mb-font);
  font-weight: 600;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
  box-sizing: border-box;
  line-height: 1;
}

.btn_confirm .btn_close:hover,
.register .btn_close:hover {
  background: var(--mb-bg);
  border-color: var(--mb-primary);
  color: var(--mb-primary);
}

/* [Small] 인라인 버튼 (주소검색, 본인확인 등) */
.btn_frmline,
.register .btn_frmline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 18px;
  border: 1.5px solid var(--mb-border);
  border-radius: 6px;
  background: #fff;
  color: var(--mb-text);
  font-size: var(--mb-font-sm);
  font-weight: 500;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s, border-color 0.18s;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: 1;
}

.btn_frmline:hover {
  background: var(--mb-bg);
  border-color: var(--mb-primary);
  color: var(--mb-primary);
}

/* ── 체크박스 ── */
.register .chk_box label,
.mbskin .chk_box label {
  font-size: var(--mb-font);
  font-family: var(--font-base, 'Pretendard', sans-serif);
  color: var(--mb-text);
  cursor: pointer;
  line-height: var(--mb-lh);
}

.register .chk_li {
  font-size: var(--mb-font);
  color: var(--mb-text);
  line-height: var(--mb-lh);
}

/* ── 라벨 ── */
.register .form_01 ul li label,
.register .register_form_inner ul li label {
  display: block;
  font-size: var(--mb-font-sm);
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  line-height: var(--mb-lh);
}

/* ── 섹션 제목 ── */
.register .register_form_inner h2,
.register_form_inner h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--mb-text);
  padding: 24px 0 16px;
  border-bottom: 2px solid #c8b9ab;
  margin-bottom: 20px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  line-height: 1.3;
}

/* ── 인증 완료 메시지 ── */
.register #msg_certify {
  font-size: var(--mb-font-sm);
  color: #27ae60;
  background: #e8f5e9;
  border-radius: 6px;
  padding: 10px 16px;
  margin-top: 8px;
  line-height: var(--mb-lh);
}

/* ── 설명/오류 메시지 ── */
.register span[id^="msg_"] {
  font-size: var(--mb-font-sm);
  color: #e53935;
  margin-top: 4px;
  display: block;
  line-height: var(--mb-lh);
}

/* ── 버튼 바 ── */
.btn_confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 36px 0 0;
}

/* ============================================================
   2. 로그인 페이지 — #mb_login
   ============================================================ */

#mb_login {
  padding: 0 var(--content-padding, 200px) 80px;
  box-sizing: border-box;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

.mbskin_box {
  max-width: 480px;
  margin: 60px auto 0;
  padding: 48px 40px 40px;
  background: #fff;
  border: 1px solid var(--mb-border);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(107, 74, 43, 0.08);
}

/* 사이트 제목 */
.mbskin_box > h1 {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--mb-primary);
  text-align: center;
  margin-bottom: 6px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  line-height: 1.2;
}

/* 로그인 / 회원가입 헤더 */
.mb_log_cate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.mb_log_cate h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--mb-text);
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

.mb_log_cate .join {
  font-size: var(--mb-font-sm);
  color: var(--mb-primary);
  text-decoration: none;
  font-weight: 600;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

.mb_log_cate .join:hover { text-decoration: underline; }

/* 로그인 fieldset */
#login_fs {
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#login_fs legend { display: none; }

/* 아이디/비밀번호 인풋 */
#login_fs .frm_input {
  font-size: var(--mb-font) !important;
}

/* 로그인 버튼 — 전체 폭 */
#login_fs .btn_submit {
  width: 100%;
  height: 56px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 4px;
  letter-spacing: 0.03em;
}

/* 자동로그인 / ID/PW 찾기 */
#login_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

.login_if_auto label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--mb-font-sm);
  color: var(--mb-meta);
  cursor: pointer;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

.login_if_lpl a {
  font-size: var(--mb-font-sm);
  color: var(--mb-meta);
  text-decoration: none;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

.login_if_lpl a:hover { color: var(--mb-primary); }

/* ── 비회원 구매 / 주문조회 섹션 ── */
#mb_login_notmb {
  max-width: 480px;
  margin: 32px auto 0;
  padding: 32px 40px;
  background: var(--mb-bg);
  border: 1px solid var(--mb-border);
  border-radius: 16px;
}

#mb_login_notmb h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--mb-text);
  margin-bottom: 12px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

#mb_login_notmb p {
  font-size: var(--mb-font-sm);
  color: var(--mb-meta);
  margin-bottom: 16px;
  line-height: var(--mb-lh);
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

#guest_privacy {
  font-size: var(--mb-font-sm);
  color: var(--mb-meta);
  margin-bottom: 12px;
  line-height: var(--mb-lh);
  max-height: 120px;
  overflow-y: auto;
  padding: 10px 12px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid var(--mb-border);
}

#mb_login_notmb .btn_confirm { padding-top: 16px; }

/* 비회원 주문조회 */
#mb_login_od_wr {
  max-width: 480px;
  margin: 32px auto 0;
  padding: 32px 40px;
  background: var(--mb-bg);
  border: 1px solid var(--mb-border);
  border-radius: 16px;
}

#mb_login_od_wr h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--mb-text);
  margin-bottom: 20px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

#login_fs input[type="submit"],
#mb_login_od .btn_submit {
  width: 100%;
}

/* ============================================================
   3. 회원가입 / 정보수정 페이지 — .register
   ============================================================ */

.register {
  padding: 0 var(--content-padding, 200px) 80px;
  box-sizing: border-box;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  font-size: var(--mb-font);
  line-height: var(--mb-lh);
}

/* 페이지 헤더 */
.register::before {
  content: '';
  display: block;
  height: 40px;
}

/* 폼 영역 */
#register_form {
  max-width: 900px;
  margin: 0 auto;
}

/* 필드 리스트 */
.register_form_inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 32px;
}

.register_form_inner ul li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 좌우 반반 인풋 */
.register_form_inner ul li.half_input {
  width: 100%;
}

/* 주소 인풋 */
.register .frm_address {
  margin-top: 8px;
}

/* 체크박스 리스트 */
.register .chk_box {
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
}

/* 수신 설정 하위 목록 */
.register .sub-consents {
  list-style: none;
  padding: 10px 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 자세히보기 버튼 */
.register .js-open-consent {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--mb-border);
  border-radius: 4px;
  background: #fff;
  font-size: 1.4rem;
  color: var(--mb-meta);
  cursor: pointer;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  white-space: nowrap;
}

.register .js-open-consent:hover { border-color: var(--mb-primary); color: var(--mb-primary); }

/* 툴팁 아이콘 */
.register .tooltip_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--mb-meta);
  font-size: 1.6rem;
  padding: 0;
  vertical-align: middle;
}

.register .tooltip {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid var(--mb-border);
  border-radius: 6px;
  padding: 10px 14px;
  font-size: var(--mb-font-sm);
  color: var(--mb-meta);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 100;
  max-width: 300px;
  line-height: 1.6;
}

/* 인증 버튼 */
.register .cert_btn {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* 동의일자 */
.register .consent-date {
  font-size: var(--mb-font-sm);
  color: var(--mb-meta);
  line-height: var(--mb-lh);
}

/* ── 회원가입 완료 버튼 바 ── */
.register .btn_confirm {
  max-width: 900px;
  margin: 0 auto;
}

/* ============================================================
   4. 비밀번호 찾기 페이지 — #find_info
   ============================================================ */

#find_info {
  padding: 0 var(--content-padding, 200px) 80px;
  box-sizing: border-box;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

.new_win_con {
  max-width: 520px;
  margin: 60px auto 0;
  padding: 44px 48px 40px;
  background: #fff;
  border: 1px solid var(--mb-border);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(107, 74, 43, 0.08);
}

#find_info h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--mb-text);
  margin-bottom: 20px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  line-height: 1.3;
}

#info_fs {
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#info_fs legend { display: none; }

#info_fs p {
  font-size: var(--mb-font-sm);
  color: var(--mb-meta);
  line-height: var(--mb-lh);
  margin-bottom: 4px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

.win_btn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.win_btn .btn_submit {
  width: 100%;
  height: 56px;
}

/* 본인인증 방법 구분 */
#find_info .find_btn {
  max-width: 520px;
  margin: 24px auto 0;
  padding: 32px 48px;
  background: var(--mb-bg);
  border: 1px solid var(--mb-border);
  border-radius: 16px;
}

/* ============================================================
   5. 마이페이지 공통 — .mbskin
   ============================================================ */

/* 포인트/스크랩/메모 등 목록 */
.mbskin {
  padding: 0 var(--content-padding, 200px) 80px;
  box-sizing: border-box;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  font-size: var(--mb-font);
  line-height: var(--mb-lh);
  color: var(--mb-text);
}

/* 페이지 타이틀 */
.mbskin > h2,
.mbskin .member_info_title h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--mb-text);
  margin-bottom: 28px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
  line-height: 1.3;
}

/* 회원정보 테이블 */
.mbskin .tbl_head01 table,
.mbskin table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid #c8b9ab;
  font-size: var(--mb-font);
}

.mbskin table thead th {
  padding: 14px 16px;
  font-size: var(--mb-font);
  font-weight: 600;
  color: #555;
  background: var(--mb-bg);
  border-bottom: 1px solid var(--mb-border);
  text-align: center;
}

.mbskin table tbody td {
  padding: 14px 16px;
  font-size: var(--mb-font);
  color: var(--mb-text);
  border-bottom: 1px solid #efefef;
  vertical-align: middle;
  line-height: var(--mb-lh);
}

/* 마이페이지 링크 */
.mbskin a {
  color: var(--mb-primary);
  text-decoration: none;
}

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

/* ============================================================
   6. 비밀번호 확인 — .mbskin#mb_login, member_confirm
   ============================================================ */

#mb_confirm {
  padding: 0 var(--content-padding, 200px) 80px;
  box-sizing: border-box;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

#confirm_wrap {
  max-width: 520px;
  margin: 60px auto 0;
  padding: 48px 48px 40px;
  background: #fff;
  border: 1px solid var(--mb-border);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(107, 74, 43, 0.08);
}

#confirm_wrap h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--mb-text);
  margin-bottom: 20px;
  font-family: var(--font-base, 'Pretendard', sans-serif);
}

/* ============================================================
   7. 반응형
   ============================================================ */

@media (max-width: 1280px) {
  .mbskin_box,
  .new_win_con,
  #find_info .find_btn,
  #mb_login_notmb,
  #mb_login_od_wr,
  #confirm_wrap { padding-left: 32px; padding-right: 32px; }
}

@media (max-width: 768px) {
  /* 로그인 */
  .mbskin_box {
    margin: 32px auto 0;
    padding: 32px 24px 28px;
    border-radius: 12px;
  }

  .mbskin_box > h1 { font-size: 2rem; }
  .mb_log_cate h2  { font-size: 1.8rem; }

  /* 회원가입 */
  .register { font-size: var(--mb-font-sm); }

  .register_form_inner ul { gap: 14px; }

  .register .frm_input,
  .register input[type="text"],
  .register input[type="password"],
  .register input[type="email"],
  .register select { font-size: var(--mb-font-sm); }

  .register .register_form_inner h2 { font-size: 1.8rem; }

  /* 버튼 */
  .mbskin .btn_submit,
  .register .btn_submit,
  #find_info .btn_submit,
  .btn_confirm .btn_submit,
  .btn_confirm .btn_close { font-size: var(--mb-font-sm); height: 46px; }

  /* 비밀번호 찾기 */
  .new_win_con { padding: 32px 24px 28px; margin-top: 24px; }
  #find_info h3 { font-size: 1.8rem; }

  /* 마이페이지 테이블 */
  .mbskin table thead th,
  .mbskin table tbody td { font-size: var(--mb-font-sm); padding: 12px 10px; }
}

@media (max-width: 480px) {
  .mbskin_box,
  .new_win_con { margin-left: 0; margin-right: 0; border-radius: 0; border-left: 0; border-right: 0; }
}

/* ============================================================
   8. 주문내역조회 — #sod_v
   ============================================================ */

#sod_v {
  padding: 0 var(--content-padding, 200px) 80px;
  box-sizing: border-box;
}

/* 배경·타이틀 영역 */
#wrapper         { background: #fff !important; }
#container_title { display: none !important; }

#sod_v .board-page-header { text-align: left; }

/* 마이페이지 내 포함 시 주문내역조회 타이틀 숨김 */
#smb_my_od .board-page-header { display: none; }

/* 마이페이지 페이지 패딩 */
#smb_my { padding: 20px 0 100px; display:flex;}

#smb_my_list {
    flex:1 !important;
    float:none !important;
    width:100%;
}

/* 테이블 래퍼 */
#sod_v .tbl_head03 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 테이블 */
#sod_v .tbl_head03 table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid var(--mb-primary);
  font-size: 1.125rem;
}

/* 헤더 */
#sod_v .tbl_head03 thead th {
  padding: 16px 12px;
  font-size: 1rem;
  font-weight: 600;
  color: #555;
  background: #f6f4ef;
  border-bottom: 1px solid #e8ddd5;
  text-align: center;
  white-space: nowrap;
}

/* 행 */
#sod_v .tbl_head03 tbody tr {
  border-bottom: 1px solid #efefef;
  transition: background 0.15s;
}

#sod_v .tbl_head03 tbody tr:hover { background: #faf8f5; }

/* 셀 */
#sod_v .tbl_head03 tbody td {
  padding: 18px 12px;
  font-size: 1.125rem;
  color: #2b2b2b;
  text-align: center;
  vertical-align: middle;
}

/* 주문서번호 링크 */
#sod_v .tbl_head03 tbody td a {
  color: var(--mb-primary);
  font-weight: 600;
  text-decoration: none;
}

#sod_v .tbl_head03 tbody td a:hover { text-decoration: underline; }

/* 금액 우측 정렬 */
#sod_v .tbl_head03 .text_right { text-align: right; }

/* 빈 목록 */
#sod_v .empty_table {
  padding: 60px 16px;
  color: #888;
  font-size: 1.125rem;
  text-align: center;
}

/* ── 주문 상태 뱃지 ── */
#sod_v [class^="status_"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.4;
}

#sod_v .status_01 { background: #fff3cd; color: #856404; } /* 입금확인중 */
#sod_v .status_02 { background: #d1f0d1; color: #1a7a1a; } /* 입금완료   */
#sod_v .status_03 { background: #dce8ff; color: #1a4db5; } /* 상품준비중 */
#sod_v .status_04 { background: #fce8d8; color: #c45a00; } /* 상품배송   */
#sod_v .status_05 { background: #e2f0d9; color: #3a6e2b; } /* 배송완료   */
#sod_v .status_06 { background: #fde8e8; color: #b42626; } /* 주문취소   */

/* ── 반응형 ── */
@media (max-width: 1600px) {
  #sod_v { padding-left: 60px; padding-right: 60px; }
}

@media (max-width: 1280px) {
  #sod_v { padding-left: 40px; padding-right: 40px; }

  #sod_v .tbl_head03 thead th { font-size: 0.9375rem; }
  #sod_v .tbl_head03 tbody td { font-size: 1rem; }
   
}

@media (max-width: 1184px) {
    #smb_my {
        display: flex;
        flex-direction:column;
        position:relative;
        gap:30px;
        font-size:13px;
    }
    #smb_my_ov{
        flex:0 0 auto;
        width:100% !important;
    }
    #smb_my_list{
        flex:0 0 auto !important;
        width:100%;
    }
}

@media (max-width: 768px) {
  #sod_v { padding-left: 20px; padding-right: 20px; padding-bottom: 60px; }

  #sod_v .tbl_head03 thead th,
  #sod_v .tbl_head03 tbody td { font-size: 0.875rem; padding: 12px 8px; }
  #smb_my_ov .smb_me{
    font-size:15px;
  }
  #smb_my_ov .smb_me .my_ov_name {
        display: inline-block;
        margin-bottom:0px;
        line-height: 1.5;
  }
  #smb_my_ov .smb_me{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:5px;
  }
  #smb_my_ov .smb_me > div{display:flex; align-items:center;gap:10px;}
  #smb_my_ov .smb_me > div a{font-size:13px !important;}
  #smb_my_ov .smb_me br{display:none !important;}
  
    #smb_private a {
        display: block;
        background: #fff;
        color: #465168;
        line-height: 20px;
        padding: 6px 20px 6px 25px;
    }
    
    #smb_ws_act{
        font-size:12px;
    }
    #smb_ws_act button {
        width: 180px;
        height: 38px !important;
        font-weight: bold;
        font-size: 1.167em;
        border: 1px solid #98a3b3;
        border-radius: 3px;
    }
}