/* Reference-matched market surface. Isolated from the sales application's header/theme rules. */
#panel .mi{--mb:#f2f7fc;--mp:#fff;--mt:#10274b;--mm:#526786;--ml:#dce7f2;--mi-blue:#0667ec;--mi-green:#007b49;--mi-red:#cf153c;color-scheme:light;color:var(--mt);background:var(--mb);font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;font-size:14px;line-height:1.5;border-radius:0;box-shadow:none}
#panel .mi *{box-sizing:border-box}
#panel .mi .mi-head{background:#10294b;padding:14px 24px;min-height:68px;color:#fff}
#panel .mi .mi-head h2{font-size:23px;line-height:1.3;color:#fff}
#panel .mi .mi-head p{font-size:12px;color:#d7e5f6}
#panel .mi .mi-update{background:#10294b;color:#d7e5f6;font-size:12px}
#panel .mi .mi-tabs{background:#fff;justify-content:flex-start;gap:12px;padding:6px 24px;border-bottom:1px solid var(--ml)}
#panel .mi .mi-tabs button{font-size:14px;min-height:40px;padding:8px 18px;color:#29456b}
#panel .mi .mi-tabs button.active{background:#0667ec;color:#fff;box-shadow:none}
#panel .mi .mi-content{padding:14px 24px 28px}
#panel .mi .mi-reference{background:#fff;color:#183559;min-height:44px;margin-bottom:12px;font-size:13px;gap:14px}
#panel .mi .mi-reference b,#panel .mi .mi-reference span{font-size:13px;color:#183559}
#panel .mi .mi-reference span{padding:4px 14px}
#panel .mi .mi-executive,#panel .mi .mi-decision{background:#effaf5;border:1px solid #b9e2d3;box-shadow:none;min-height:92px;padding:14px 20px;gap:18px;margin-bottom:12px;border-radius:8px}
#panel .mi .mi-decision{background:#eef5ff;border-color:#c9dfff}
#panel .mi .mi-executive h3,#panel .mi .mi-decision h3{font-size:23px;line-height:1.4;color:#102c47;margin:3px 0 5px}
#panel .mi .mi-executive p,#panel .mi .mi-decision p{font-size:13px;color:#405b78;line-height:1.6}
#panel .mi .mi-executive small,#panel .mi .mi-executive b{font-size:13px;color:#08623f;letter-spacing:0}
#panel .mi .mi-stat-grid{gap:10px;margin-bottom:12px}
#panel .mi .mi-stat{padding:17px 16px;min-height:110px;background:#fff;border:1px solid var(--ml);box-shadow:none;border-radius:7px}
#panel .mi .mi-stat:before{display:none}
#panel .mi .mi-stat small{font-size:13px;color:#405579;font-weight:600}
#panel .mi .mi-stat span{font-size:12px;color:#526786}
#panel .mi .mi-stat strong{font-size:25px;font-weight:750;margin:5px 0;line-height:1.3;color:#10274b;overflow-wrap:anywhere}
#panel .mi .mi-fx-pair{gap:12px;margin-bottom:12px}
#panel .mi .mi-fx-pair .mi-stat{min-height:105px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center}
#panel .mi .mi-fx-pair .mi-stat small{font-size:18px;font-weight:750;color:#10274b}
#panel .mi .mi-fx-pair .mi-stat strong{font-size:29px;text-align:center}
#panel .mi .mi-fx-pair .mi-stat span{grid-column:2;text-align:center}
#panel .mi .mi-raw-grid{gap:12px;margin-bottom:12px}
#panel .mi .mi-raw-card{padding:17px 16px;background:#fff;border:1px solid var(--ml);box-shadow:none;min-height:148px}
#panel .mi .mi-raw-card>small{font-size:14px;color:#142d51}
#panel .mi .mi-raw-card strong{font-size:29px;margin:10px 0 3px;color:#142d51}
#panel .mi .mi-raw-card strong em{font-size:12px;color:#526786}
#panel .mi .mi-raw-card>b{font-size:16px;color:#142d51}
#panel .mi .mi-raw-card>span{font-size:13px;padding:3px 7px}
#panel .mi .mi-raw-card footer{font-size:12px;color:#526786}
#panel .mi .mi-two-col,#panel .mi .mi-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#panel .mi .mi-panel{background:#fff;border:1px solid var(--ml);border-radius:8px;box-shadow:none;margin-top:12px;min-width:0}
#panel .mi .mi-panel-heading{position:static;display:block;background:#fff;color:#10274b;padding:12px 14px 8px;min-height:0;height:auto;border-bottom:0;box-shadow:none}
#panel .mi .mi-panel-heading>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
#panel .mi .mi-panel-heading h3{margin:0;color:#10274b;font-size:19px;line-height:1.4;font-weight:750}
#panel .mi .mi-panel-heading p{margin:0;color:#526786;font-size:12px;line-height:1.5}
#panel .mi .mi-panel-body{padding:0 12px 12px;color:#183559;background:#fff}
#panel .mi .mi-scroll{border:1px solid #e3ebf4;border-radius:3px}
#panel .mi .mi-scroll table{color:#183559;background:#fff;width:100%;min-width:610px;border-collapse:collapse}
#panel .mi .mi-scroll th,#panel .mi .mi-scroll td{font-size:13px;line-height:1.45;padding:7px 9px;color:#183559;border-color:#e4edf5;background:#fff}
#panel .mi .mi-scroll th{background:#edf3f8;color:#233c60;font-weight:700;white-space:normal}
#panel .mi .mi-scroll tr:nth-child(even) td{background:#f8fafd}
#panel .mi .mi-scroll td:first-child{color:#142e53;font-weight:700}
#panel .mi .mi-chart svg{height:240px}
#panel .mi .mi-chart small,#panel .mi .mi-legend{font-size:12px;color:#526786}
#panel .mi .mi-risk-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#panel .mi .mi-risk{padding:17px;background:#fff;box-shadow:none;border:1px solid var(--ml);min-height:145px}
#panel .mi .mi-risk>div{font-size:17px;color:#10274b;font-weight:750}
#panel .mi .mi-risk>div b{font-size:12px;color:#29456b}
#panel .mi .mi-risk>strong{font-size:29px;color:#10274b}
#panel .mi .mi-risk>small{font-size:13px;color:#526786}
#panel .mi .mi-factor-list>div{font-size:13px;padding:12px 3px;grid-template-columns:25px 1fr auto}
#panel .mi .mi-factor-list small{grid-column:2/-1;color:#526786;font-size:12px}
#panel .mi .mi-priority span strong{font-size:15px;color:#10274b}
#panel .mi .mi-priority span small,#panel .mi .mi-priority em{font-size:12px}
#panel .mi .mi-data-bar{font-size:13px;grid-template-columns:110px 1fr 120px;min-height:28px}
#panel .mi .mi-source-note>*{font-size:12px}
#panel .mi .mi-footnote,#panel .mi .mi-error,#panel .mi .mi-status{font-size:13px}
#panel .mi .mi-flow>div,#panel .mi .mi-fresh>div{background:#f6f9fd;color:#183559}
#panel .mi .mi-fresh span,#panel .mi .mi-fresh small,#panel .mi .mi-fresh b,#panel .mi .mi-flow span,#panel .mi .mi-flow small{font-size:13px;color:#405b78}
#panel .mi .mi-news a{font-size:14px;color:#183559}
#panel .mi .mi-news small,#panel .mi summary,#panel .mi label{font-size:13px;color:#405b78}
#panel .mi .mi-dependency small,#panel .mi .mi-dependency span{font-size:13px;color:#405b78}
#panel .mi :is(.up){color:#bc1536!important;background:#fff0f3}
#panel .mi :is(.down){color:#006c42!important;background:#e8f7ef}
#panel .mi :is(.flat){color:#405579!important;background:#edf2f8}
#panel .mi button:focus-visible,#panel .mi .mi-scroll:focus-visible{outline:3px solid #0667ec;outline-offset:2px}
@media(max-width:1250px){#panel .mi .mi-stat-grid,#panel .mi .mi-stat-grid.mi-seven{grid-template-columns:repeat(3,minmax(0,1fr))}#panel .mi .mi-raw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#panel .mi .mi-two-col,#panel .mi .mi-dashboard-grid{grid-template-columns:1fr}#panel .mi .mi-risk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#panel .mi .mi-content{padding:12px}#panel .mi .mi-tabs{padding:5px 10px;gap:4px}#panel .mi .mi-tabs button{font-size:13px;padding:9px 11px}#panel .mi .mi-head{padding:14px}#panel .mi .mi-head h2{font-size:19px}#panel .mi .mi-executive h3,#panel .mi .mi-decision h3{font-size:19px}#panel .mi .mi-fx-pair{grid-template-columns:1fr}#panel .mi .mi-stat-grid,#panel .mi .mi-stat-grid.mi-seven{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}#panel .mi .mi-stat{min-width:0;padding:12px}#panel .mi .mi-stat strong{font-size:21px}#panel .mi .mi-raw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}#panel .mi .mi-raw-card{padding:12px}#panel .mi .mi-raw-card strong{font-size:25px}#panel .mi .mi-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#panel .mi .mi-panel-heading h3{font-size:18px}#panel .mi .mi-data-bar{grid-template-columns:85px 1fr 98px;font-size:12px}#panel .mi .mi-scroll table{min-width:760px!important}#panel .mi .mi-scroll :is(th,td){font-size:13px!important}#panel .mi .mi-reference{gap:4px}#panel .mi .mi-reference span{padding:4px 8px}}
