:root { --result-blue:#75afe0; --result-pale:#edf7ff; --result-line:#d7e0e8; --result-ink:#494949; }
.burden-main { width:min(calc(100% - 48px),1202px); margin:0 auto; padding:52px 0 100px; color:var(--result-ink); }
.burden-heading h1 { margin:0; font-size:25px; }
.burden-heading p { margin:17px 0 0; color:#888; font-size:12px; }
.summary-grid { display:grid; grid-template-columns:1.12fr .94fr .94fr 1.85fr; gap:20px; margin-top:50px; }
.summary-card,.condition-card,.dashboard-card { border:1px solid var(--result-line); border-radius:12px; background:#fff; }
.summary-card { min-height:196px; padding:29px 23px; }
.summary-card h2,.condition-card h2,.dashboard-card h2 { margin:0; font-size:16px; }
.summary-card p { margin:29px 0 14px; font-size:12px; }
.summary-card strong { font-size:30px; }
.effect-card { border:0; background:linear-gradient(135deg,#79b7e7,#a9d0ed); color:#fff; }
.original-card { border:0; background:linear-gradient(135deg,#5e5e5e,#a7a7a7); color:#fff; }
.applied-card { border:0; background:linear-gradient(135deg,#f0f6fa,#c9d9e5); }
.condition-card { padding:26px 22px; }
.condition-card dl { margin:23px 0 0; }
.condition-card dl div { display:flex; justify-content:space-between; margin-top:22px; }
.condition-card dt,.condition-card dd { margin:0; color:#777; font-size:12px; }
.condition-card i { width:18px;height:18px;display:inline-grid;place-items:center;margin-right:10px;border:1px solid var(--result-blue);border-radius:50%;color:var(--result-blue);font-size:10px;font-style:normal; }
.dashboard-grid { display:grid; grid-template-columns:1.62fr .96fr; gap:28px; margin-top:32px; }
.dashboard-card { padding:29px 31px; }
.graph-card { min-height:500px; }
.info-icon { width:17px;height:17px;display:inline-grid;place-items:center;margin-left:5px;border:1px solid #777;border-radius:50%;font-size:10px; }
.chart-legend { display:flex;align-items:center;gap:8px;margin:24px 0 0 12px;color:#777;font-size:10px; }
.chart-legend .blue-dot,.chart-legend .gray-dot { width:6px;height:6px;border-radius:50%; }
.chart-legend .gray-dot { background:#bbb; }.chart-legend .blue-dot { margin-left:22px;background:var(--result-blue); }
.burden-chart { margin-top:17px; }.burden-chart svg { width:100%;height:auto;display:block;overflow:visible; }
.burden-chart text { fill:#777;font:12px Pretendard,sans-serif; }.burden-chart .chart-label text { fill:#fff;font-size:12px; }.burden-chart .chart-label .strong { font-size:17px;font-weight:700; }
.chart-note { margin:0 0 0 2px;color:#888;font-size:10px; }
.order-card ol { display:grid;gap:21px;margin:26px 0 0;padding:0;list-style:none; }
.order-card li { display:grid;grid-template-columns:24px 42px 1fr 92px;align-items:center;gap:10px; }
.order-card li > b { width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--result-blue);color:#fff;font-size:11px; }
.order-card img { width:42px;height:42px;border-radius:8px;object-fit:cover; }
.order-card li span strong,.order-card li span small { display:block; }.order-card li span strong { font-size:12px; }.order-card li span small { margin-top:5px;color:#999;font-size:9px; }
.order-card li em { color:#999;font-size:9px;font-style:normal;text-align:right; }.order-card li em strong { display:block;margin-top:3px;color:var(--result-blue);font-size:12px; }
.order-card > p { margin:26px 0 0;color:#888;font-size:10px; }
.dashboard-secondary { align-items:stretch; }.preview-card { min-height:397px; }.stage-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin-top:27px; }
.stage-cards article { min-height:194px;padding:22px 13px;border-radius:7px;background:var(--result-pale); }.stage-cards b { display:block;color:var(--result-blue);font-size:11px; }.stage-cards strong { display:block;margin-top:27px;font-size:11px; }.stage-cards p { margin:15px 0 0;font-size:10px;line-height:1.8; }
.preview-footer { display:flex;align-items:center;justify-content:space-between;margin-top:46px; }.preview-footer p { margin:0;color:var(--result-blue);font-size:10px; }.preview-footer p span { width:19px;height:19px;display:inline-grid;place-items:center;margin-right:14px;border:1px solid var(--result-blue);border-radius:50%; }
.preview-footer a,.source-card .dashboard-detail-link,.personal-card .dashboard-detail-link { display:inline-flex;align-items:center;gap:4px;color:var(--result-blue);font-size:11px;font-weight:500;text-decoration:none;background:none;border:0;padding:0; }
.preview-footer a:hover,.source-card .dashboard-detail-link:hover,.personal-card .dashboard-detail-link:hover { text-decoration:underline; }
.side-card ul { margin:28px 0 0;padding:0;list-style:none; }.side-card li { display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ddd; }.side-card li strong,.side-card li small { display:block; }.side-card li strong { font-size:12px; }.side-card li small { margin-top:6px;color:#999;font-size:9px; }.side-card li button { width:78px;height:35px;border:1px solid #ddd;border-radius:5px;background:#fff;font-size:10px; }
.outline-action { width:111px;height:38px;float:right;margin-top:18px;border:1px solid var(--result-blue);border-radius:4px;background:#fff;color:var(--result-blue);font-size:10px; }
.dashboard-footer-grid { grid-template-columns:2.25fr 1.08fr .88fr; }.equation-cards { display:grid;grid-template-columns:1fr 25px 1.25fr 25px 1.1fr;align-items:center;gap:10px;margin-top:24px; }.equation-cards article { min-height:178px;padding:19px 13px;border-radius:7px;background:linear-gradient(135deg,var(--result-pale),#fff); }.equation-cards b { color:var(--result-blue);font-size:10px; }.equation-cards strong { display:block;margin-top:23px;font-size:10px;line-height:1.7; }.equation-cards p { margin:14px 0 0;color:#777;font-size:9px;line-height:1.8; }.equation-cards > i { color:#777;font-size:21px;font-style:normal;text-align:center; }
.source-card p { margin:31px 0 0;font-size:9px;line-height:1.8; }.source-card button,.personal-card button { width:100%;margin-top:31px; }
.personal-card dl { margin:30px 0 0; }.personal-card dl div { display:flex;justify-content:space-between;margin-top:28px;font-size:9px; }.personal-card dt,.personal-card dd { margin:0; }
button[data-future-screen] { cursor:default; }
@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-footer-grid{grid-template-columns:1fr}.graph-card{min-height:0}.order-card ol{grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:24px}.source-card button,.personal-card button{width:181px}.personal-card button{float:right}}
@media(max-width:560px){.burden-main{width:calc(100% - 32px);padding-top:32px}.summary-grid{grid-template-columns:1fr;gap:14px;margin-top:34px}.summary-card{min-height:150px}.summary-card p{margin-top:20px}.dashboard-grid{gap:18px;margin-top:18px}.dashboard-card{padding:20px 16px}.chart-legend{flex-wrap:wrap}.order-card ol{grid-template-columns:1fr}.stage-cards{grid-template-columns:1fr;gap:12px}.stage-cards article{min-height:140px}.preview-footer{align-items:flex-start;flex-direction:column;gap:22px}.preview-footer button{align-self:flex-end}.equation-cards{grid-template-columns:1fr}.equation-cards>i{transform:rotate(90deg)}.confirmed-main h1{font-size:22px}}


/* API 연동 상태 */
.order-card li.data-empty { grid-template-columns:1fr; }
.order-card li.data-empty span { grid-column:1 / -1; color:#888; }
.side-card li.data-empty { justify-content:flex-start; border-bottom:0; }
.side-card li.is-added button { border-color:var(--result-blue); color:var(--result-blue); }

/* 사이드 메뉴 직접 추가 피커 */
.side-picker { clear:both; margin-top:14px; border-top:1px solid #eee; padding-top:14px; }
.side-picker[hidden] { display:none; }
.side-picker-search input { width:100%; height:38px; box-sizing:border-box; padding:0 12px; border:1px solid #ddd; border-radius:5px; font-size:12px; }
.side-picker-list { margin:12px 0 0; padding:0; list-style:none; max-height:280px; overflow-y:auto; }
.side-picker-list li { display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid #eee; }
.side-picker-list li strong,.side-picker-list li small { display:block; }
.side-picker-list li strong { font-size:12px; }
.side-picker-list li small { margin-top:6px; color:#999; font-size:9px; }
.side-picker-list li button { min-width:78px; height:35px; border:1px solid var(--result-blue); border-radius:5px; background:#fff; color:var(--result-blue); font-size:10px; }
.side-picker-list li button:disabled { border-color:#ddd; color:#bbb; }
.side-picker-list li.is-added small { color:var(--result-blue); }
.side-picker-list li.data-empty { justify-content:flex-start; border-bottom:0; color:#999; font-size:11px; }