/* ===== 钉钉群酷应用面板(js/pages/ding-group.js):手机半屏 / PC 侧边栏里打开,窄屏单列 ===== */
.dg-page { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #f6f3f9;
           display: flex; flex-direction: column; }
.dg-head { padding: 14px 16px 10px; background: linear-gradient(160deg, #f5eefc, #ebe1f7); }
.dg-head b { display: block; font-size: 17px; color: #2a2232; line-height: 1.35; overflow-wrap: anywhere; }
.dg-cust { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.dg-chip { padding: 2px 9px; border-radius: 10px; background: rgba(255,255,255,.8); color: #6a4f86; font-size: 12px; }
.dg-chip.dg-muted { color: #9a92a4; }
.dg-tabs { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr);
           background: #fff; border-bottom: 1px solid #efeaf4; }
.dg-tabs button { border: 0; background: none; padding: 11px 4px; font-size: 14px; color: #6f6479; cursor: pointer; position: relative; }
.dg-tabs button[aria-selected=true] { color: var(--green, #9a6fd0); font-weight: 600; }
.dg-tabs button[aria-selected=true]::after { content: ''; position: absolute; left: 30%; right: 30%; bottom: 0; height: 2px;
                                             border-radius: 1px; background: var(--green, #9a6fd0); }
.dg-body { flex: 1; padding: 12px 14px 20px; }
.dg-hint { margin: 28px 0; text-align: center; color: #9a92a4; font-size: 13px; line-height: 1.7; }
.dg-meta { margin: 0 0 10px; color: #8d8597; font-size: 12px; line-height: 1.6; }
.dg-error { margin: 8px 0 12px; padding: 12px 14px; border-radius: 10px; background: #fff1f0; color: #b3261e; font-size: 13px; line-height: 1.6; }

/* 时间线 */
.dg-tl { list-style: none; margin: 0; padding: 0; }
.dg-day { margin: 14px 0 6px; color: #8d8597; font-size: 12px; font-weight: 600; }
.dg-ev { position: relative; display: flex; gap: 10px; padding: 0 0 12px 2px; }
.dg-ev::before { content: ''; position: absolute; left: 6px; top: 16px; bottom: 0; width: 1px; background: #e3dcea; }
.dg-ev i { flex: none; width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: #a0a9b5; z-index: 1;
           box-shadow: 0 0 0 3px #f6f3f9; }
.dg-ev.doing i { background: #3d7cf2; } .dg-ev.wait i { background: #f0a020; } .dg-ev.done i { background: #22a35a; }
.dg-ev > div { flex: 1; min-width: 0; padding: 10px 12px; border-radius: 12px; background: #fff; }
.dg-ev-top { display: flex; align-items: flex-start; gap: 6px; }
.dg-ev-top b { flex: 1; min-width: 0; font-size: 14px; color: #26222c; line-height: 1.45; }
.dg-ev-top span { flex: none; padding: 0 6px; border-radius: 4px; background: #eef1f5; color: #5a6676; font-size: 11px; line-height: 18px; }
.dg-ev.doing .dg-ev-top span { background: #eef4ff; color: #2f6ad8; }
.dg-ev.wait .dg-ev-top span { background: #fff4e2; color: #c27a07; }
.dg-ev.done .dg-ev-top span { background: #e7f6ee; color: #1b8a4b; }
.dg-ev p { margin: 4px 0; color: #3d3645; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.dg-ev small { display: block; color: #9a92a4; font-size: 11.5px; }
.dg-go { margin-top: 6px; padding: 4px 10px; border: 1px solid #d9cdea; border-radius: 13px; background: #fff;
         color: #7a52b3; font-size: 12px; cursor: pointer; }
.dg-go:disabled { opacity: .5; }

/* 消息总结 */
.dg-primary { padding: 9px 18px; border: 0; border-radius: 18px; background: var(--green, #9a6fd0); color: #fff; font-size: 14px; cursor: pointer; }
.dg-ghost { margin-top: 12px; padding: 7px 14px; border: 1px solid #d9cdea; border-radius: 16px; background: #fff; color: #6a4f86; font-size: 13px; }
.dg-sum { padding: 14px; border-radius: 14px; background: #fff; }
.dg-sum h4 { margin: 14px 0 6px; font-size: 14px; color: #2f2836; }
.dg-sum h4 small { font-weight: 400; color: #9a92a4; font-size: 12px; }
.dg-sum ul { margin: 0; padding-left: 18px; }
.dg-sum li { margin-bottom: 8px; font-size: 13px; line-height: 1.6; }
.dg-sum li p, .dg-sum > p { margin: 2px 0; font-size: 13px; line-height: 1.65; color: #3d3645; overflow-wrap: anywhere; }
.dg-sum-text { font-size: 14px !important; color: #26222c !important; }
.dg-risk { padding: 6px 10px; border-radius: 8px; background: #fff7e8; color: #9a6200 !important; }
.dg-reply { margin-bottom: 8px; padding: 8px 10px; border-radius: 10px; background: #f6f3f9; }
.dg-reply span { font-size: 11px; color: #8d8597; }
.dg-reply p { margin: 2px 0 0; font-size: 13px; line-height: 1.6; }

/* 客户档案 */
.dg-cs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.dg-cs li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: #fff; }
.dg-cs b { flex: 1; min-width: 0; font-size: 14px; overflow-wrap: anywhere; }

/* 连接信息(真机测试用) */
.dg-diag { margin: 0 14px 16px; font-size: 12px; color: #8d8597; }
.dg-diag pre { margin: 6px 0 0; padding: 8px 10px; border-radius: 8px; background: #fff; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; }