/* Existing green catalog: visible selections, safe quotation changes, readable controls. */
.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}
.active-filters button{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 12px;background:#e6eee8;color:#214c33;border:1px solid #cbdcd0;border-radius:6px;font-size:.875rem;max-width:100%}
.active-filters button span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.active-filters .icon{width:14px;height:14px;flex-shrink:0}
.active-filters .filter-reset{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.comparison-bar{display:block;width:900px;min-width:0;max-width:calc(100% - 160px);padding:14px 18px}
.comparison-bar>.comparison-toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}
.comparison-toolbar>div{display:flex;align-items:center;gap:12px}
.comparison-toolbar strong{font-size:.9375rem}
.comparison-toolbar span{color:#b8d2c3;font-size:.8125rem}
.comparison-bar .btn{font-size:.875rem;min-height:44px}
.comparison-bar>.comparison-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.comparison-item{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid #385344;border-radius:7px;background:#183a2a}
.comparison-item img{width:58px;height:44px;object-fit:cover;border-radius:4px;flex-shrink:0}
.comparison-item>div{min-width:0;flex:1}
.comparison-item small{display:block;font-size:.75rem;color:#b8d2c3;margin-bottom:3px}
.comparison-item strong{display:block;font-size:.8125rem;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.comparison-item .icon-btn{width:36px;height:40px;flex-shrink:0;color:#fff}
.comparison-item .icon-btn:hover{background:#31523f}
.compare-table{min-width:660px}
.compare-table th,.compare-table td{font-size:.875rem;line-height:1.65;padding:16px}
.compare-table th:first-child{position:sticky;left:0;z-index:1;width:110px;background:#edf3ef}
.compare-table h3{font-size:1rem;line-height:1.5}
.compare-table .btn{font-size:.875rem;min-height:46px}
.compare-table td img{height:150px}
.quote-switch-dialog{max-width:650px;border:0;border-radius:16px;padding:0}
.quote-switch-content{padding:32px}
.quote-switch-content h2{font-size:1.65rem;line-height:1.4;margin-bottom:15px}
.quote-switch-content>p{font-size:1rem;line-height:1.75;color:#52665a}
.quote-switch-content>.small-note{font-size:.875rem;margin:16px 0 0}
.quote-switch-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.quote-switch-summary>div{padding:16px;border:1px solid #d7e1da;border-radius:9px;background:#f3f6f3;min-width:0}
.quote-switch-summary small{display:block;font-size:.8125rem;color:#61766a;margin-bottom:7px}
.quote-switch-summary strong{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.quote-switch-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.quote-switch-actions .btn{font-size:.875rem;min-height:48px}
.quote-switch-actions .text-link{width:100%;justify-content:center;margin-top:8px;min-height:44px;font-size:.875rem}
.quote-body label,.quote-section-title,.choice-grid button,.system-choice,.quote-footer .btn,.quote-equipment-list,.quote-recap strong,.estimate-label,.estimate-line{font-size:.875rem}
.quote-intro,.quote-warnings,.quote-body .checkbox-line,.estimate-box>p,.receipt-status p{font-size:.9375rem;line-height:1.75}
.quote-body input:not([type=checkbox]):not([type=radio]),.quote-body select,.quote-body textarea{font-size:1rem}
.quote-equipment-list{display:flex;flex-wrap:wrap;gap:8px}
.quote-equipment-list>span{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#edf4ef;border-radius:5px}
.quote-equipment-list .icon-btn{width:36px;height:36px}
.quote-gear,.quote-gear-summary{border-top:1px solid #d7e4db;margin-top:26px;padding-top:24px}.quote-gear h4,.quote-gear-summary h4{font-size:18px;line-height:1.6;margin-bottom:8px}.quote-gear>p,.quote-gear-summary>p{font-size:14px;line-height:1.8;color:#597263}.quote-gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.quote-gear-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 16px;min-height:78px;border:1px solid #d3e0d7;border-radius:9px;background:#fff;color:#294b38}.quote-gear-choice[aria-pressed=true]{border-color:#498363;background:#edf6ef;color:#195839}.quote-gear-choice>.icon{width:20px;height:20px;flex-shrink:0}.quote-gear-choice>span{min-width:0}.quote-gear-choice strong{font-size:15px;line-height:1.6;display:block}.quote-gear-choice small{font-size:14px;display:block;margin-top:3px;color:#698071}.quote-gear-choice:focus-visible{outline:3px solid #75a98b;outline-offset:3px}.quote-gear-summary ul{list-style:none;display:grid;gap:8px;margin:14px 0}.quote-gear-summary li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#eff5f0;border-radius:8px}.quote-gear-summary li>div{min-width:0}.quote-gear-summary li strong{display:block;font-size:16px;line-height:1.6}.quote-gear-summary li span{display:block;font-size:14px;line-height:1.8;color:#617668}.quote-gear-summary .icon-btn{flex-shrink:0;width:44px;height:44px;color:#426e52}
@media(max-width:540px){.quote-gear-grid{grid-template-columns:1fr}.quote-gear-choice{min-height:72px}.quote-gear-summary li{padding:12px}}
.quote-progress{gap:6px}
.quote-step{font-size:.8125rem;line-height:1.5}
.quote-demo-notice{font-size:.8125rem;line-height:1.6}
.chat-message,.simple-modal>p{font-size:1rem;line-height:1.8}
.chat-context,.chat-suggestions button,.chat-message .text-link{font-size:.875rem}
.chat-suggestions button{min-height:44px}
.chat-disclaimer{font-size:.75rem}
@media(max-width:767px){
 .comparison-bar{width:auto;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));max-width:none;transform:none;padding:10px}
 .comparison-bar>.comparison-toolbar{gap:8px;margin-bottom:8px}
 .comparison-toolbar>div{gap:7px}
 .comparison-toolbar span{display:none}
 .comparison-toolbar strong{font-size:.875rem}
 .comparison-bar .btn{padding:8px 10px;font-size:.8125rem;min-height:40px}
 .comparison-bar>.comparison-items{display:flex;overflow-x:auto;gap:8px;scrollbar-width:thin;padding-bottom:2px}
 .comparison-item{flex:0 0 230px;gap:8px;padding:6px}
 .comparison-item img{width:42px;height:38px}
 .comparison-item .icon-btn{width:32px;min-height:40px}
 .active-filters button{min-height:44px}
 .compare-table-wrap{margin-inline:-12px}
 .compare-table-wrap:before{content:'표를 좌우로 움직여 선택한 시안을 비교하세요.';display:block;font-size:.875rem;margin-bottom:12px;color:#61766a}
 .compare-table th,.compare-table td{padding:12px}
 .compare-table td img{height:120px}
 .quote-switch-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
 .quote-switch-content{padding:24px 20px}
 .quote-switch-content h2{font-size:1.4rem}
 .quote-switch-summary{grid-template-columns:1fr}
 .quote-switch-actions .btn{width:100%}
 .quote-progress{padding:0 20px 14px}
 .quote-step{font-size:.75rem;display:flex;flex-direction:column;gap:4px;text-align:center;flex:1}
 .quote-step span{display:flex;width:24px;height:24px;margin:0 auto}
 .quote-body{min-height:0;padding:20px}
 .quote-footer{padding:12px 20px}
 .quote-footer .btn{font-size:.875rem;min-height:46px}
 .quote-selected-design strong{font-size:.9375rem}
 .quote-selected-design small{font-size:.75rem}
}
@media(max-width:380px){.comparison-bar .btn{padding-inline:8px}.comparison-toolbar strong{font-size:.8125rem}.quote-switch-content{padding:20px 16px}}
