/* IFOnlyI 공통 화면 테마: home.html의 색상·표면·형태를 다른 연결 화면에도 적용 */
:root{
 --ifo-bg:#f3eee5;--ifo-paper:#fffdf8;--ifo-paper2:#faf6ee;--ifo-ink:#292d35;--ifo-muted:#777b82;
 --ifo-line:#e9e1d5;--ifo-blue:#526d91;--ifo-blue2:#e9eff6;--ifo-purple:#8072a5;--ifo-purple2:#f0edf7;
 --ifo-gold:#b58b53;--ifo-green:#668778;--ifo-shadow:0 12px 34px rgba(64,52,35,.07);--ifo-radius:19px;
}
body[data-theme="ifonlyi"]{background:var(--ifo-bg)!important;color:var(--ifo-ink)!important;font-family:Inter,"Noto Sans KR","Apple SD Gothic Neo",sans-serif!important}
body[data-theme="ifonlyi"] input,body[data-theme="ifonlyi"] select,body[data-theme="ifonlyi"] textarea{border:1px solid var(--ifo-line)!important;border-radius:10px!important;background:var(--ifo-paper)!important;color:var(--ifo-ink)!important;box-shadow:none}
body[data-theme="ifonlyi"] input:focus,body[data-theme="ifonlyi"] select:focus,body[data-theme="ifonlyi"] textarea:focus{outline:0;border-color:var(--ifo-blue)!important;box-shadow:0 0 0 3px var(--ifo-blue2)!important}
body[data-theme="ifonlyi"] button,body[data-theme="ifonlyi"] .btn{border-radius:11px!important;font-family:inherit}
body[data-theme="ifonlyi"] button.primary,body[data-theme="ifonlyi"] .btn.primary{background:var(--ifo-blue)!important;border-color:var(--ifo-blue)!important;color:#fff!important}
body[data-theme="ifonlyi"] button.secondary,body[data-theme="ifonlyi"] .btn.secondary{background:var(--ifo-paper2)!important;border:1px solid var(--ifo-line)!important;color:var(--ifo-ink)!important}
/* Local 분석/은퇴/세금 계산 화면 */
body[data-theme="ifonlyi"]>header{background:#f8f4ec!important;border-bottom:1px solid var(--ifo-line)!important;color:var(--ifo-ink)!important}
body[data-theme="ifonlyi"]>header b{color:var(--ifo-blue)!important}
body[data-theme="ifonlyi"]>header p,body[data-theme="ifonlyi"] .muted{color:var(--ifo-muted)!important}
body[data-theme="ifonlyi"]>main .panel,body[data-theme="ifonlyi"] .panel,body[data-theme="ifonlyi"] .contentpanel{background:var(--ifo-paper)!important;border:1px solid var(--ifo-line)!important;border-radius:var(--ifo-radius)!important;box-shadow:var(--ifo-shadow)!important}
body[data-theme="ifonlyi"] .tag,body[data-theme="ifonlyi"] .badges span,body[data-theme="ifonlyi"] .note,body[data-theme="ifonlyi"] .status{background:var(--ifo-blue2)!important;color:var(--ifo-blue)!important;border-color:var(--ifo-line)!important}
body[data-theme="ifonlyi"] .metric,body[data-theme="ifonlyi"] .saved-item,body[data-theme="ifonlyi"] .hv-var,body[data-theme="ifonlyi"] .saved-row{background:var(--ifo-paper2)!important;border-color:var(--ifo-line)!important;border-radius:13px!important}
body[data-theme="ifonlyi"] .section-head,body[data-theme="ifonlyi"] .subhead{border-color:var(--ifo-line)!important}
/* 메인 앱: 홈 화면의 밝은 사이드바·오프화이트 카드 체계 */
body[data-theme="ifonlyi"] .app{background:var(--ifo-bg)!important;grid-template-columns:245px minmax(0,1fr) 286px!important}
body[data-theme="ifonlyi"] .sidebar{background:#f8f4ec!important;color:var(--ifo-ink)!important;border-right:1px solid var(--ifo-line)!important}
body[data-theme="ifonlyi"] .brand{border-color:var(--ifo-line)!important}
body[data-theme="ifonlyi"] .brandname,body[data-theme="ifonlyi"] .brandtag{color:var(--ifo-ink)!important}
body[data-theme="ifonlyi"] .brandtag{color:var(--ifo-muted)!important}
body[data-theme="ifonlyi"] .navlabel{color:#a09a90!important}
body[data-theme="ifonlyi"] .navmain{color:#646872!important;border-radius:11px!important}
body[data-theme="ifonlyi"] .navmain:hover,body[data-theme="ifonlyi"] .navmain.active{background:#e8edf3!important;color:#405c7f!important}
body[data-theme="ifonlyi"] .navmain.active .ico{color:var(--ifo-blue)!important}
body[data-theme="ifonlyi"] .subnav button{color:#777b82!important;border-radius:9px!important}
body[data-theme="ifonlyi"] .subnav button:hover,body[data-theme="ifonlyi"] .subnav button.active{background:var(--ifo-purple2)!important;color:var(--ifo-purple)!important}
body[data-theme="ifonlyi"] .main{background:var(--ifo-bg)!important}
body[data-theme="ifonlyi"] .rightbar{background:#f8f4ec!important;border-color:var(--ifo-line)!important}
body[data-theme="ifonlyi"] .card,body[data-theme="ifonlyi"] .contentpanel,body[data-theme="ifonlyi"] .rightcard{background:var(--ifo-paper)!important;border-color:var(--ifo-line)!important;border-radius:var(--ifo-radius)!important;box-shadow:var(--ifo-shadow)!important}
body[data-theme="ifonlyi"] .pagehead h1{color:var(--ifo-ink)!important}
body[data-theme="ifonlyi"] .pagehead p,body[data-theme="ifonlyi"] .crumb,body[data-theme="ifonlyi"] .statlabel,body[data-theme="ifonlyi"] .statfoot{color:var(--ifo-muted)!important}
body[data-theme="ifonlyi"] .rightlink{border-color:var(--ifo-line)!important;color:var(--ifo-muted)!important}
body[data-theme="ifonlyi"] .rightlink:hover{color:var(--ifo-blue)!important}
/* 세금 계산기 iframe */
body[data-theme="ifonlyi"] .app-shell{max-width:1320px!important;padding-top:26px!important}
body[data-theme="ifonlyi"] .topbar h1{color:var(--ifo-ink)!important}
body[data-theme="ifonlyi"] .eyebrow{color:var(--ifo-gold)!important}
body[data-theme="ifonlyi"] .sub{color:var(--ifo-muted)!important}
body[data-theme="ifonlyi"] .mode-tabs{background:#eee8dd!important}
body[data-theme="ifonlyi"] .mode-tab.active{color:var(--ifo-blue)!important}
body[data-theme="ifonlyi"] .panel{background:var(--ifo-paper)!important;border-color:var(--ifo-line)!important;border-radius:var(--ifo-radius)!important;box-shadow:var(--ifo-shadow)!important}
body[data-theme="ifonlyi"] .step{background:var(--ifo-blue2)!important;color:var(--ifo-blue)!important}
body[data-theme="ifonlyi"] .btn.primary{background:var(--ifo-blue)!important;border-color:var(--ifo-blue)!important}
@media(max-width:900px){body[data-theme="ifonlyi"] .app{grid-template-columns:1fr!important}body[data-theme="ifonlyi"] .sidebar{position:relative;height:auto;min-height:0}body[data-theme="ifonlyi"] .rightbar{display:none}}
/* 로그인/회원가입 화면 */
body[data-theme="ifonlyi"] .card{background:var(--ifo-paper)!important;border:1px solid var(--ifo-line)!important;border-radius:var(--ifo-radius)!important;box-shadow:var(--ifo-shadow)!important}
body[data-theme="ifonlyi"] .brand{color:var(--ifo-blue)!important}
body[data-theme="ifonlyi"] .brandmark{background:linear-gradient(145deg,#647e9d,#8275a8)!important}
body[data-theme="ifonlyi"] .brandname{color:var(--ifo-ink)!important}
body[data-theme="ifonlyi"] .brandmark{background:linear-gradient(145deg,#647e9d,#8275a8)!important}