/* 보험브리핑·보험워크 공통 계정 메뉴 */
.ib-account,.iw-account{position:relative;display:flex;align-items:center;gap:8px;color:var(--ts);font-size:var(--fs-meta,12px)}
.ib-account-trigger,.iw-account-trigger,.iw-account>a{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--bd);border-radius:var(--radius-full);background:var(--s1);color:var(--tp);font-weight:var(--fw-medium,700);text-decoration:none;cursor:pointer}
.ib-account-trigger:after,.iw-account-trigger:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.ib-account-trigger[aria-expanded="true"]:after,.iw-account-trigger[aria-expanded="true"]:after{transform:translateY(2px) rotate(225deg)}
.ib-account-popover,.iw-account-popover{position:absolute;z-index:40;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 24px));padding:8px;border:1px solid var(--bd);border-radius:var(--radius-md);background:var(--s1);box-shadow:0 16px 40px color-mix(in srgb,var(--tp) 16%,transparent)}
.ib-account-popover[hidden],.iw-account-popover[hidden]{display:none}
.ib-account-email,.iw-account-email{margin:0 6px 6px;padding:10px 8px 12px;border-bottom:1px solid var(--bd);color:var(--ts);font-size:var(--fs-meta,12px);line-height:1.4;overflow-wrap:anywhere}
.iw-account-email{display:flex;align-items:center;justify-content:space-between;gap:10px}
.iw-account-email>span{overflow-wrap:anywhere}
.ib-account-bgmode,.iw-account-bgmode{margin:0 6px 6px;padding:2px 2px 12px;border-bottom:1px solid var(--bd)}
.iw-account-popover .iw-account-bgmode{border-bottom:0;margin-bottom:0;padding-bottom:10px}
.iw-account-popover .os-weather-setting{border-bottom:0;margin-bottom:0;padding-top:8px;padding-bottom:0}
/* 2026-08-26 계정 메뉴 섹션 정리 (보험워크 전용) — 항목을 의미 단위로 묶고 그룹 사이에만
   옅은 구분선을 둬서 배경화면/날씨/개인정보수정/사업자정보/로그아웃이 전부 같은 줄로
   나열되던 문제를 정리한다. */
.iw-account-group{margin:0 6px;padding:2px 0}
.iw-account-group+.iw-account-group{border-top:1px solid color-mix(in srgb,var(--bd) 65%,transparent);margin-top:2px;padding-top:6px}
.iw-account-group .iw-account-bgmode,.iw-account-group .os-weather-setting{margin-left:0;margin-right:0}
.iw-account-email .iw-account-legal{flex:0 0 auto;display:inline-flex;width:auto;min-height:0;align-items:center;justify-content:center;padding:4px 10px;border:1px solid var(--bd);border-radius:var(--radius-full);background:var(--s2);color:var(--ts);font-size:11px;font-weight:500;text-decoration:none;white-space:nowrap}
.iw-account-email .iw-account-legal:hover,.iw-account-email .iw-account-legal:focus-visible{color:var(--tp);background:var(--s1);border-color:var(--ac)}
.ib-account-bgmode>span,.iw-account-bgmode>span{display:block;margin-bottom:7px;color:var(--ts);font-size:var(--fs-meta,12px);font-weight:var(--fw-medium,700)}
.ib-bgmode-options,.iw-bgmode-options{display:flex;gap:10px}
.ib-account-popover button,.iw-account-popover button,.iw-account-popover a{display:flex;width:100%;min-height:40px;align-items:center;justify-content:flex-start;padding:0 14px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--tp);font-size:var(--fs-meta,12px);font-weight:var(--fw-medium,700);cursor:pointer;text-decoration:none;box-sizing:border-box}
.ib-account-popover button:hover,.ib-account-popover button:focus-visible,.iw-account-popover button:hover,.iw-account-popover button:focus-visible,.iw-account-popover a:hover,.iw-account-popover a:focus-visible{background:var(--s2)}
/* 2026-08-23 원형 스와치 UI — 텍스트 알약 대신 실제 색이 보이는 스와치로 교체(대표 승인) */
.ib-account-popover .ib-bgmode-btn,.iw-account-popover .iw-bgmode-btn{width:auto;min-height:0;flex:1;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:2px 0;border:0;border-radius:0;background:transparent;color:var(--ts);font-size:10.5px;font-weight:var(--fw-medium,700);white-space:nowrap}
.iw-bgmode-swatch{display:block;width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:box-shadow .15s ease}
.iw-bgmode-swatch-white{background-color:#FAF7F0}
.iw-bgmode-swatch-dark{background-color:#1A1712}
.iw-bgmode-swatch-window{background:linear-gradient(180deg,#4fa8e8,#dff2ff)}
.ib-account-popover .ib-bgmode-btn:hover .iw-bgmode-swatch,.iw-account-popover .iw-bgmode-btn:hover .iw-bgmode-swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px var(--s1),0 0 0 3px color-mix(in srgb,var(--ac) 45%,transparent)}
.ib-account-popover .ib-bgmode-btn.on .iw-bgmode-swatch,.iw-account-popover .iw-bgmode-btn.on .iw-bgmode-swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px var(--s1),0 0 0 3px var(--ac)}
.ib-account-popover .ib-bgmode-btn.on,.iw-account-popover .iw-bgmode-btn.on{color:var(--ac)}
.os-weather-widget{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 10px;border:1px solid color-mix(in srgb,var(--bd) 72%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--s1) 68%,transparent);color:var(--tp);white-space:nowrap;backdrop-filter:blur(12px)}
.os-weather-widget[hidden]{display:none}.os-weather-widget>span{font-size:16px}.os-weather-widget>strong{font-size:13px}.os-weather-widget>small{color:var(--ts);font-size:11px}
.os-weather-setting{margin:0 6px 6px;padding:2px 2px 10px;border-bottom:1px solid var(--bd)}
.os-weather-toggle{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.os-weather-toggle>span{display:grid;gap:3px}.os-weather-toggle b{color:var(--tp);font-size:12px}.os-weather-toggle small{color:var(--tf);font-size:10px;line-height:1.35}.os-weather-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.os-weather-toggle>i{position:relative;width:38px;height:22px;flex:0 0 38px;border-radius:var(--radius-full);background:var(--bd);transition:background .18s ease}.os-weather-toggle>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--s1);box-shadow:0 1px 4px color-mix(in srgb,var(--tp) 20%,transparent);transition:transform .18s ease}.os-weather-toggle input:checked+i{background:var(--ac)}.os-weather-toggle input:checked+i:after{transform:translateX(16px)}.os-weather-toggle input:focus-visible+i{outline:2px solid var(--ac);outline-offset:2px}
.os-weather-status{min-height:0;margin:0;color:var(--ts);font-size:10px;line-height:1.4}.os-weather-status:not(:empty){margin-top:4px}.os-weather-status.is-error{color:var(--danger,var(--err))}
@media(max-width:680px){.os-weather-widget{max-width:118px;overflow:hidden}.os-weather-widget>small{display:none}}