/* Dashboard-only geometry; preserve all order controls and their table scroll. */
html[data-qc-design]{--qna-surface:rgba(250,250,252,.58)}
html[data-qc-design][data-theme="dark"]{--qna-surface:rgba(24,24,28,.48)}
body .workspace.dashboardWithQna{grid-template-columns:minmax(0,1fr) 360px!important;gap:18px;align-items:start}
.dashboardSideCards{display:flex;flex-direction:column;gap:18px;min-width:0}
.dashboardSideCards .unmatchedList{max-height:320px}
.dashboardSideCards .componentEmpty{min-height:145px}
.qnaDashboardCard{overflow:hidden;min-width:0}
html[data-qc-design][data-theme] .shell .qnaDashboardCard .qnaCardOpen{border-radius:12px!important;background:transparent!important;box-shadow:none!important;border:0!important;transform:none!important}
html[data-qc-design][data-theme] .shell .qnaCardOpen::before,html[data-qc-design][data-theme] .shell .qnaCardOpen::after{display:none!important}
.qcQnaDialog .qnaQuestion.qnaSelected{background:var(--qc-soft);box-shadow:inset 2px 0 var(--ink)}
.shell .qnaCardOpen{display:block!important;width:100%;padding:22px!important;border:0!important;border-radius:inherit!important;text-align:left;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;cursor:pointer}
.qnaCardHeading{display:flex;justify-content:space-between;align-items:center;gap:12px}.qnaCardHeading h3{font-size:15px;margin:6px 0 0}.qnaCardHeading em{font-size:15px;font-style:normal;margin-left:9px;font-variant-numeric:tabular-nums;color:var(--qc-red,#b44454)}
.qnaCardState{display:flex;align-items:center;gap:10px;min-height:76px;color:var(--muted);font-size:12px}.qnaCardPreview{margin-top:15px}.qnaCardPreview>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.qnaCardPreview>div>span{display:flex;align-items:center;gap:5px;min-width:0}.qnaCardPreview b{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qnaCardPreview small{font-size:10px;color:var(--muted);white-space:nowrap}.qnaCardFoot{display:block;margin-top:9px;color:var(--muted);font-size:10px}
.qcQnaDialog{--qna-fill:var(--qc-overlay,var(--qc-card-surface,#fafafa));box-sizing:border-box;width:min(1120px,calc(100vw - 48px));height:min(770px,calc(100dvh - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--qc-glass-border,var(--line));border-radius:18px;background:var(--qna-fill);color:var(--ink);box-shadow:var(--qc-panel-shadow),0 32px 120px #0005;backdrop-filter:blur(26px);overflow:hidden;font-family:inherit}
.qcQnaDialog[open]{display:flex;flex-direction:column}.qcQnaDialog::backdrop{background:#07070c80;backdrop-filter:blur(5px)}
.qcQnaDialog *{box-sizing:border-box}.qcQnaDialog button,.qcQnaDialog a{font:inherit;cursor:pointer}.qcQnaDialog button{color:var(--ink);border:1px solid var(--qc-glass-border,var(--line));background:var(--qc-glass,var(--qc-soft));box-shadow:var(--qc-glass-shadow);border-radius:999px;min-height:34px;padding:7px 13px;font-size:12px}.qcQnaDialog button:disabled{opacity:.45;cursor:default}.qcQnaDialog button:focus-visible,.qcQnaDialog a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.qnaDialogHeader{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.qnaDialogHeader>div:last-child{display:flex;gap:7px}.qnaDialogHeader span{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.qnaDialogHeader h2{font-size:22px;line-height:1.2;margin:4px 0 0;font-weight:550}.qcQnaDialog .qnaIconButton{display:grid;place-items:center;width:34px;height:34px;padding:0}
.qnaToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.qnaTabs{display:flex;gap:5px}.qnaTabs button.on{background:var(--qc-active-glass,var(--qc-soft));box-shadow:var(--qc-glass-shadow);font-weight:650;border-color:var(--muted)}.qnaToolbar select{max-width:200px;min-width:100px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--qc-flat);color:var(--ink);padding:0 9px;font:inherit;font-size:12px}.qnaSearch{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 5px 0 10px;height:34px;width:200px}.qnaSearch input{min-width:0;width:100%;height:30px;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:12px}.qcQnaDialog .qnaSearch button{height:26px;min-height:26px;width:26px;padding:0;display:grid;place-items:center;border:0;box-shadow:none;background:transparent}
.qnaWorkspace{display:grid;grid-template-columns:330px minmax(0,1fr);flex:1;min-height:0}.qnaInbox{border-right:1px solid var(--line);min-width:0;overflow:auto;display:flex;flex-direction:column}.qcQnaDialog .qnaQuestion{flex-shrink:0;display:block;width:100%;padding:18px 20px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;text-align:left}.qcQnaDialog .qnaQuestion.selected{background:var(--qc-soft)}.qnaQuestion>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:12px}.qnaQuestion b{display:block;margin:10px 0 8px;font-size:13px;line-height:1.45;font-weight:550;overflow-wrap:anywhere}.qnaQuestion small{font-size:11px;color:var(--muted)}.qnaQuestion svg{vertical-align:-1px}.qnaPagination{margin-top:auto;padding:12px 17px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.qnaPagination>span{margin-right:auto;font-size:11px;color:var(--muted)}.qcQnaDialog .qnaPagination button{width:28px;height:28px;min-height:28px;padding:0;display:grid;place-items:center}
.qnaDetail{min-height:0;min-width:0;display:flex;flex-direction:column}.qnaEmpty{flex:1;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;color:var(--muted);font-size:12px;text-align:center}.qnaConversation{flex:1;overflow:auto;padding:25px 28px;min-height:0}.qnaQuestionHeader small{font-size:11px;color:var(--muted)}.qnaQuestionHeader h3{font-size:18px;margin:12px 0 20px;line-height:1.5;overflow-wrap:anywhere}.qnaQuestionHeader p{font-size:12px;color:var(--muted)}.qnaQuestionText,.qnaReplyBubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85}.qnaReplyBubble{margin-top:22px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--qc-soft)}.qnaReplyBubble small{font-size:10px;color:var(--muted)}.qnaReplyBubble p{margin:8px 0 0}
.qnaComposer{flex-shrink:0;padding:18px 24px;border-top:1px solid var(--line)}.qnaComposer>label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.qnaComposer textarea{display:block;width:100%;height:130px;min-height:80px;max-height:200px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:var(--qc-flat);color:var(--ink);font:inherit;font-size:13px;line-height:1.7}.qnaComposer textarea::placeholder,.qnaSearch input::placeholder{color:var(--muted);opacity:.65}.qnaComposer>div{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:10px}.qnaComposer>div>small{font-size:10px;color:var(--muted)}.qnaComposer button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:92px}.qnaError{color:var(--qc-red,#b44454)!important;font-size:12px;line-height:1.65}.qnaSaved{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}.qnaListError{padding:9px 20px;border-bottom:1px solid var(--line);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--qc-red)}
.qnaConnection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:32px;text-align:center;color:var(--muted)}.qnaConnection h3{margin:0;font-size:18px;font-weight:550;color:var(--ink)}.qnaConnection p{margin:0;font-size:13px;line-height:1.7}.qnaConnection small{font-size:11px}.qnaConnectButton{display:flex;align-items:center;gap:9px;text-decoration:none;padding:10px 18px;border:1px solid var(--qc-glass-border,var(--line));border-radius:999px;background:var(--qc-glass);box-shadow:var(--qc-glass-shadow);color:var(--ink);font-size:12px}
@media(max-width:1250px){body .workspace.dashboardWithQna{grid-template-columns:minmax(0,1fr) 310px!important;gap:14px}.dashboardSideCards{gap:14px}}
@media(max-width:1000px){body .workspace.dashboardWithQna{grid-template-columns:minmax(0,1fr)!important}.dashboardSideCards{display:grid;grid-template-columns:1fr 1fr}.dashboardSideCards .unmatchedPanel{grid-row:auto}.qnaWorkspace{grid-template-columns:280px minmax(0,1fr)}.qnaToolbar{gap:8px}.qnaToolbar select{max-width:160px}.qnaSearch{width:160px}}
@media(max-width:640px){.dashboardSideCards{display:flex}.qcQnaDialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.qnaDialogHeader{padding:13px 16px}.qnaToolbar{padding:10px 12px;gap:8px}.qnaToolbar select{max-width:135px;flex:1}.qnaTabs{gap:3px}.qnaTabs button{padding:6px 10px}.qnaSearch{width:100%;margin-left:0}.qnaWorkspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,32%) minmax(0,1fr)}.qnaInbox{border-right:0;border-bottom:1px solid var(--line)}.qcQnaDialog .qnaQuestion{padding:10px 15px}.qnaQuestion b{margin:5px 0;font-size:12px}.qnaQuestion small{display:none}.qnaPagination{padding:5px 12px}.qnaConversation{padding:16px}.qnaComposer{padding:12px 16px}.qnaComposer textarea{height:84px;min-height:66px}.qnaQuestionHeader h3{font-size:15px;margin:8px 0 12px}.qnaReplyBubble{padding:10px 12px;margin-top:12px}.qnaQuestionText,.qnaReplyBubble p{font-size:12px}}

/* One glass surface, readable text, no extra opaque layer inside either card. */
@layer qc-interaction-states {
 @media screen {
  html[data-qc-design][data-theme] .dashboardSideCards>.panel{--qc-card-surface:var(--qna-surface);background:var(--qna-surface)!important}
  html[data-qc-design][data-theme] .qcQnaDialog,html[data-qc-design][data-theme] .componentDialog.marketLinkDialog{background:var(--qna-surface)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  html[data-qc-design][data-theme] .dashboardSideCards :is(.qnaCardHeading em,.unmatchedPanel h3 em){font-weight:300!important;color:#ef4444!important;font-size:14px!important}
  html[data-qc-design][data-theme] .shell .qnaDashboardCard .qnaPreviewItem,html[data-qc-design][data-theme] .shell .qnaDashboardCard .qnaCardStateButton{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:var(--ink)!important}
  html[data-qc-design][data-theme] .shell .qnaDashboardCard .qnaPreviewItem{border-top:1px solid var(--line)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;min-height:42px!important;gap:10px!important;text-align:left!important;width:100%!important}
  html[data-qc-design][data-theme] .shell .qnaDashboardCard .qnaPreviewItem::before,html[data-qc-design][data-theme] .shell .qnaDashboardCard .qnaPreviewItem::after,html[data-qc-design][data-theme] .shell .qnaCardStateButton::before,html[data-qc-design][data-theme] .shell .qnaCardStateButton::after{display:none!important}
  html[data-qc-design][data-theme] .qcQnaDialog .qnaTabs button .qnaUnreadBadge{font-weight:400!important;color:#ef4444!important;display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:7px;font-size:10px;line-height:1}
  html[data-qc-design][data-theme] .qcQnaDialog .qnaTrash{width:24px!important;height:26px!important;min-height:26px!important;min-width:24px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;display:grid!important;place-items:center!important;color:var(--muted)!important;opacity:.65}
  html[data-qc-design][data-theme] .qcQnaDialog .qnaTrash:hover,html[data-qc-design][data-theme] .qcQnaDialog .qnaTrash:focus-visible{opacity:1;color:var(--qc-red)!important}
  html[data-qc-design][data-theme] .qcQnaDialog .qnaTrash::before,html[data-qc-design][data-theme] .qcQnaDialog .qnaTrash::after{display:none!important}
 }
}
.qcQnaDialog::backdrop{background:#07070c45;backdrop-filter:blur(3px)}
.componentOverlay:has(>.marketLinkDialog){background:#07070c45;backdrop-filter:blur(3px)}
.qnaDashboardCard{display:flex;flex-direction:column;min-height:0}
.shell .qnaCardOpen{flex:none;padding:20px 22px 15px!important}
.qnaCardState{margin:0 22px;flex:1;min-height:70px}.qnaCardStateButton{text-align:left;width:calc(100% - 44px);padding:0!important}
.qnaCardPreview{margin:0 22px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.qnaPreviewItem>span{min-width:0;display:flex;align-items:center;gap:6px}.qnaPreviewItem b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:450;font-size:12px}.qnaPreviewItem small{flex:none;font-size:10px;color:var(--muted);white-space:nowrap}
.qnaCardFoot{flex:none;margin:0;padding:10px 22px 16px;font-size:10px;color:var(--muted)}
.qnaUnreadMark{display:inline-grid;place-items:center;width:11px;height:11px;min-width:11px;flex:none;font-size:10px;line-height:1;font-weight:650;color:#ef4444;border:1px solid currentColor;border-radius:50%}
.qnaQuestion>div>span{display:inline-flex;align-items:center;gap:5px}.qnaQuestionRow{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;flex-shrink:0;border-bottom:1px solid var(--line);padding-right:9px}
.qnaQuestionRow:not(:has(.qnaTrash)){grid-template-columns:minmax(0,1fr);padding-right:0}.qcQnaDialog .qnaQuestion{border-bottom:0}.qnaQuestionRow.qnaSelected{background:var(--qc-soft);box-shadow:inset 2px 0 var(--ink)}
.qnaUndo{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:11px;background:var(--qc-overlay,#202024);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 9px 8px 16px;box-shadow:0 6px 24px #0002}
.qcQnaDialog .qnaUndo button{display:flex;align-items:center;gap:5px;font-size:10px;min-height:26px;padding:4px 9px}
@media(min-width:1001px){
 .dashboardWithQna>.orders{min-height:440px}
 .dashboardSideCards{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(150px,1fr);height:var(--qna-side-height,574px);min-height:0}
 .dashboardSideCards>.unmatchedPanel{max-height:calc(var(--qna-side-height,574px)*.52);display:flex;flex-direction:column;overflow:hidden}
 .dashboardSideCards>.unmatchedPanel>.panelHead{flex:none}.dashboardSideCards .unmatchedList{flex:1;min-height:0;max-height:none;overflow:auto}
}
@media(max-width:1000px){.dashboardSideCards{height:auto}.qnaDashboardCard{height:300px}.qnaQuestionRow{padding-right:7px}}
@media(max-width:640px){.qnaDashboardCard{height:320px}.qnaCardPreview{margin:0 16px}.shell .qnaCardOpen{padding:16px!important}.qnaCardFoot{padding:10px 16px 14px}.qnaUndo{bottom:10px;font-size:10px;gap:8px}}
