
/* Approved four detail designs, isolated from editor and chat styles. */
dialog.xud-dialog{box-sizing:border-box;width:min(1120px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #e3e8f0;border-radius:12px;background:#fff;color:#253044;box-shadow:0 20px 70px #172b4d30;font:400 14px/1.5 system-ui,-apple-system,'Microsoft YaHei',sans-serif;overflow:hidden;margin:auto}
dialog.xud-dialog[open]{display:flex;flex-direction:column}dialog.xud-dialog::backdrop,dialog.xud-zoom::backdrop{background:rgba(22,32,49,.4)}
.xud-dialog *{box-sizing:border-box}.xud-dialog button,.xud-dialog input{font:inherit}.xud-dialog button{cursor:pointer}.xud-dialog a{color:#3265ff;text-decoration:none}.xud-dialog a:hover{text-decoration:underline}.xud-dialog h2,.xud-dialog h3,.xud-dialog p,.xud-dialog dl,.xud-dialog dd{margin:0}.xud-dialog h3{font-weight:600;font-size:17px}.xud-dialog button:focus-visible,.xud-dialog a:focus-visible,.xud-dialog input:focus-visible{outline:2px solid #3265ff;outline-offset:2px}
.xud-header{display:flex;align-items:center;gap:16px;padding:22px 28px;border-bottom:1px solid #e7ebf2;flex:none}.xud-header h2{font-size:21px;font-weight:600;color:#182b49;line-height:30px}.xud-x{margin-left:auto;border:0;background:none;font-size:26px!important;line-height:28px;color:#52617a;padding:0 4px}.xud-badge{display:inline-block;padding:3px 11px;background:#eef4ff;color:#3265ff;border-radius:6px;font-size:13px;font-weight:400;white-space:nowrap}.xud-badge.is-green{background:#dcf8e7;color:#15803d}
.xud-body{padding:28px;overflow:auto;min-height:0;overscroll-behavior:contain}.xud-product-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}.xud-gallery{min-width:0}.xud-main-image{display:flex;align-items:center;justify-content:center;width:100%;height:360px;padding:12px;background:#fff;border:1px solid #e7ebf2;border-radius:8px;cursor:zoom-in!important}.xud-main-image img{width:100%;height:100%;object-fit:contain}.xud-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px}.xud-thumbs button{width:72px;height:72px;flex:0 0 72px;border:1px solid #e7ebf2;border-radius:6px;background:white;padding:5px}.xud-thumbs button[aria-pressed=true]{border:2px solid #3265ff;padding:4px}.xud-thumbs img{width:100%;height:100%;object-fit:contain}.xud-no-image{height:360px;display:grid;place-items:center;background:#f6f8fb;border-radius:8px;color:#667085}.xud-image-missing{color:#667085;font-size:12px}
.xud-info{min-width:0}.xud-info .xud-product-title{font-size:23px;line-height:1.4;color:#182b49;overflow-wrap:anywhere;font-weight:600}.xud-ident{margin-top:12px;color:#52617a}.xud-external{margin-top:10px;min-height:21px}.xud-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e4e9f2;border-radius:8px;margin-top:26px;overflow:hidden}.xud-metrics>div{padding:17px 18px;min-height:86px;border-right:1px solid #e7ebf2}.xud-metrics>div:nth-child(3n){border-right:0}.xud-metrics>div:nth-child(-n+3){border-bottom:1px solid #e7ebf2}.xud-metrics span{display:block;color:#52617a;font-size:13px}.xud-metrics strong{display:block;font-size:22px;font-weight:500;margin-top:6px;color:#182b49;overflow-wrap:anywhere}.xud-metrics>div:last-child strong{font-size:18px;line-height:33px}.xud-reason{border-top:1px solid #e7ebf2;margin-top:25px;padding-top:18px}.xud-reason p{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#52617a}
.xud-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid #e7ebf2;padding:20px 28px;flex:none}.xud-meta{display:flex;align-items:center;gap:28px;min-width:0}.xud-meta>div{padding-right:26px;border-right:1px solid #e7ebf2;min-width:0}.xud-meta>div:last-child{border:0}.xud-meta dt{font-size:12px;color:#667085;margin-bottom:4px}.xud-meta dd{font-weight:400;overflow-wrap:anywhere}.xud-footer nav{display:flex;gap:12px;flex:none}.xud-footer button{padding:10px 22px;border:1px solid #ccd6e7;border-radius:6px;background:#fff;color:#253044;white-space:nowrap}.xud-footer button.xud-primary{background:#3265ff;color:#fff;border-color:#3265ff}.xud-footer button:disabled{opacity:.6}
.xud-source{display:flex;align-items:center;gap:18px}.xud-source-icon{display:grid;place-items:center;background:#edf3ff;color:#3265ff;border-radius:9px;width:54px;height:54px;flex:none}.xud-source-icon svg{width:32px;height:32px}.xud-source-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.xud-source-title h3{font-size:22px}.xud-source p{margin-top:7px;color:#52617a;font-size:13px;overflow-wrap:anywhere}.xud-source-link{margin-left:auto;white-space:nowrap}.xud-source-reason{display:flex;align-items:baseline;gap:26px;margin:24px 0;background:#f5f7fb;border-radius:7px;padding:16px 18px}.xud-source-reason h3{font-size:14px;flex:none}.xud-source-reason p{white-space:pre-wrap;overflow-wrap:anywhere;color:#52617a}.xud-products{border:1px solid #e4e9f2;border-radius:8px;overflow:hidden}.xud-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px}.xud-table-toolbar h3{white-space:nowrap}.xud-table-toolbar h3 span{font-weight:400;color:#3265ff;font-size:15px;margin-left:12px}.xud-table-toolbar input{border:1px solid #d6deec;border-radius:6px;padding:8px 12px;width:270px;max-width:45%;background:white;color:#253044}.xud-table-scroll{max-height:390px;overflow:auto;overscroll-behavior:contain}.xud-table-scroll table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.xud-table-scroll th{position:sticky;top:0;z-index:1;background:#f3f6fa;font-weight:500;text-align:left;padding:13px 16px;color:#253044}.xud-table-scroll th:first-child{width:46%}.xud-table-scroll th:nth-child(4){width:17%}.xud-table-scroll td{padding:12px 16px;border-top:1px solid #e7ebf2;vertical-align:middle;font-weight:400}.xud-table-product{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:0;border:0;background:transparent;color:#253044;min-width:0}.xud-table-product img,.xud-row-placeholder{width:58px;height:58px;flex:none;object-fit:contain;background:white;border:1px solid #eef1f6;border-radius:5px}.xud-row-placeholder{font-size:11px;display:grid;place-items:center;color:#667085}.xud-table-product>span:last-child{min-width:0}.xud-table-product>span>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:20px}.xud-table-product small{display:block;font-size:11px;color:#667085;margin-top:4px}.xud-empty{padding:36px 16px!important;text-align:center;color:#667085}
dialog.xud-zoom{width:min(1000px,calc(100vw - 32px));height:min(800px,calc(100dvh - 32px));padding:36px;border:0;border-radius:10px;background:white;margin:auto}dialog.xud-zoom img{width:100%;height:100%;object-fit:contain}dialog.xud-zoom button{position:absolute;top:6px;right:12px;font-size:28px;border:0;background:white;color:#253044;cursor:pointer}
@media(max-width:700px){dialog.xud-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.xud-header,.xud-footer{padding:16px}.xud-body{padding:16px}.xud-product-layout{grid-template-columns:1fr;gap:20px}.xud-main-image,.xud-no-image{height:240px}.xud-thumbs button{width:54px;height:54px;flex-basis:54px}.xud-info .xud-product-title{font-size:19px}.xud-metrics>div{padding:10px}.xud-metrics strong{font-size:19px}.xud-metrics>div:last-child strong{font-size:14px;line-height:28px}.xud-footer{flex-wrap:wrap;gap:12px}.xud-meta{gap:14px}.xud-meta>div{padding-right:14px}.xud-footer nav{margin-left:auto}.xud-footer button{padding:8px 16px}.xud-source{flex-wrap:wrap;gap:12px}.xud-source-link{margin-left:66px}.xud-source-title h3{font-size:18px}.xud-source-reason{margin:16px 0;padding:12px;gap:16px}.xud-table-scroll table{min-width:650px}.xud-table-toolbar{padding:12px;gap:10px}.xud-table-toolbar h3{font-size:15px}.xud-table-toolbar h3 span{font-size:12px;margin-left:5px}.xud-table-toolbar input{font-size:12px;padding:7px;max-width:48%}}

.xud-pool .xud-metrics{border:0;gap:12px;overflow:visible}.xud-pool .xud-metrics>div{border:1px solid #e4e9f2;border-radius:6px;padding:14px;min-height:86px}.xud-pool .xud-reason{border:0;margin-top:24px;padding-top:0}.xud-pool .xud-reason p{background:#f3f6fa;border-radius:7px;padding:14px 16px;min-height:62px}.xud-pool .xud-info>.xud-meta{margin-top:22px;gap:24px}.xud-pool .xud-footer{justify-content:flex-end}.xud-store .xud-source-reason{background:transparent;border-radius:0;border-top:1px solid #e7ebf2;border-bottom:1px solid #e7ebf2;padding:20px 0}.xud-store .xud-table-toolbar h3 span{color:#253044}
@media(max-width:700px){.xud-pool .xud-metrics{gap:8px}.xud-pool .xud-metrics>div{padding:10px}.xud-pool .xud-info>.xud-meta{gap:16px;flex-wrap:wrap}}

/* Compact nonmodal detail: keep the discussion panel visible and operable. */
dialog.xud-dialog{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;z-index:1200!important;width:min(860px,calc(100vw - 24px));height:auto!important;max-height:calc(100dvh - 88px);box-shadow:0 16px 48px #172b4d38}
dialog.xud-dialog::backdrop{background:transparent!important}
.xud-dialog .xud-header{padding:15px 22px!important}.xud-dialog .xud-header h2{font-size:19px!important}.xud-dialog .xud-body{padding:20px 22px!important}.xud-dialog .xud-footer{padding:12px 22px!important}.xud-dialog .xud-product-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:24px!important}.xud-dialog .xud-main-image,.xud-dialog .xud-no-image{height:255px!important}.xud-dialog .xud-thumbs{gap:7px!important;padding:8px 2px 2px!important}.xud-dialog .xud-thumbs button{height:48px!important;width:48px!important;flex-basis:48px!important}.xud-dialog .xud-info .xud-product-title{font-size:18px!important;line-height:1.35!important}.xud-dialog .xud-ident{margin-top:6px!important;font-size:12px!important}.xud-dialog .xud-external{margin-top:6px!important;font-size:12px!important}.xud-dialog .xud-metrics{margin-top:14px!important}.xud-dialog .xud-metrics>div{min-height:62px!important;padding:8px 10px!important}.xud-dialog .xud-metrics span{font-size:12px!important}.xud-dialog .xud-metrics strong{font-size:17px!important;margin-top:2px!important;font-weight:400!important}.xud-dialog .xud-metrics>div:last-child strong{font-size:13px!important;line-height:25px!important}.xud-dialog .xud-reason{margin-top:14px!important}.xud-dialog .xud-reason p{margin-top:7px!important;font-size:13px!important}.xud-dialog.xud-pool .xud-metrics{gap:7px!important}.xud-dialog.xud-pool .xud-reason p{min-height:42px!important;padding:9px 12px!important}.xud-dialog.xud-pool .xud-info>.xud-meta{margin-top:12px!important}.xud-dialog .xud-meta{gap:14px!important}.xud-dialog .xud-meta>div{padding-right:14px!important}.xud-dialog .xud-meta dt{font-size:11px!important}.xud-dialog .xud-meta dd{font-size:12px!important}.xud-dialog .xud-footer button{padding:7px 18px!important}.xud-dialog .xud-source-reason{margin:14px 0!important;padding:11px 14px!important}.xud-dialog .xud-source-title h3{font-size:19px!important}.xud-dialog .xud-table-toolbar{padding:10px 14px!important}.xud-dialog .xud-table-scroll{max-height:390px!important}.xud-dialog .xud-table-scroll td{padding:8px 12px!important}.xud-dialog .xud-table-product img,.xud-dialog .xud-row-placeholder{width:44px!important;height:44px!important}.xud-dialog .xud-source-icon{width:44px!important;height:44px!important}.xud-dialog .xud-source-icon svg{width:26px!important;height:26px!important}
@media(max-width:740px){dialog.xud-dialog{max-height:calc(100dvh - 24px)!important}.xud-dialog .xud-product-layout{grid-template-columns:1fr!important;gap:14px!important}.xud-dialog .xud-main-image,.xud-dialog .xud-no-image{height:180px!important}.xud-dialog .xud-thumbs button{width:42px!important;height:42px!important;flex-basis:42px!important}.xud-dialog .xud-header{padding:10px 14px!important}.xud-dialog .xud-body{padding:12px 14px!important}.xud-dialog .xud-footer{padding:9px 14px!important}.xud-dialog .xud-info .xud-product-title{font-size:16px!important}.xud-dialog .xud-metrics{margin-top:9px!important}.xud-dialog .xud-metrics>div{min-height:54px!important;padding:6px!important}.xud-dialog .xud-metrics strong{font-size:15px!important}.xud-dialog .xud-metrics>div:last-child strong{font-size:11px!important}}
