/* Hikos · 任务 e8a5bf81（#20189 后半）· 单聊里组员交出的文件：交付卡 / 芯片 / 折叠的过程文件。颜色走皮肤令牌，白天 / 夜间皆可。 */
html[data-kmb="remote"] .kmb-dl { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; max-width: 560px; }
html[data-kmb="remote"] .kmb-dl-cards { display: flex; flex-direction: column; gap: 6px; }
html[data-kmb="remote"] .kmb-dl-card { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 1px solid var(--k-line); border-radius: 12px; background: var(--k-tint, var(--k-bg)); color: var(--k-ink); text-align: left; font: inherit; cursor: pointer; transition: border-color .15s, background .15s; }
html[data-kmb="remote"] .kmb-dl-card:hover { border-color: rgba(var(--k-acc-rgb), .55); background: var(--k-hover); }
html[data-kmb="remote"] .kmb-dl-ic { display: grid; place-items: center; width: 36px; height: 40px; border-radius: 9px; background: rgba(var(--k-acc-rgb), .1); color: var(--k-acc); flex: none; }
html[data-kmb="remote"] .kmb-dl-txt { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
html[data-kmb="remote"] .kmb-dl-txt b { font-size: 13.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-kmb="remote"] .kmb-dl-txt small { font-size: 11.5px; color: var(--k-ink3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-kmb="remote"] .kmb-dl-go { display: inline-flex; align-items: center; gap: 2px; padding: 4px 8px; border-radius: 8px; border: 1px solid var(--k-line); font-size: 12px; color: var(--k-acc); white-space: nowrap; flex: none; }
html[data-kmb="remote"] .kmb-dl-more { align-self: flex-start; padding: 2px 8px; border: 0; background: transparent; color: var(--k-acc); font: inherit; font-size: 12px; cursor: pointer; }
html[data-kmb="remote"] .kmb-dl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-kmb="remote"] .kmb-dl-chip { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 3px 9px; border: 1px solid var(--k-line); border-radius: 999px; background: var(--k-tint, var(--k-bg)); color: var(--k-ink2); font: inherit; font-size: 12px; cursor: pointer; }
html[data-kmb="remote"] .kmb-dl-chip:hover { border-color: rgba(var(--k-acc-rgb), .55); color: var(--k-acc); }
html[data-kmb="remote"] .kmb-dl-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-kmb="remote"] .kmb-dl-chip small { color: var(--k-dim); }
html[data-kmb="remote"] .kmb-dl-chip.process { color: var(--k-ink3); border-style: dashed; }
html[data-kmb="remote"] .kmb-dl-process { display: flex; flex-direction: column; gap: 6px; }
html[data-kmb="remote"] .kmb-dl-ptoggle { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 2px 6px 2px 2px; border: 0; background: transparent; color: var(--k-ink3); font: inherit; font-size: 12px; cursor: pointer; border-radius: 6px; }
html[data-kmb="remote"] .kmb-dl-ptoggle:hover { color: var(--k-ink); background: var(--k-hover); }
html[data-kmb="remote"] .kmb-dl-ptoggle small { color: var(--k-dim); font-size: 11px; }
html[data-kmb="remote"] .kmb-dl-ptoggle svg { transition: transform .15s; }
html[data-kmb="remote"] .kmb-dl-process.open .kmb-dl-ptoggle svg { transform: rotate(180deg); }
@media (max-width: 560px) { html[data-kmb="remote"] .kmb-dl-ptoggle small { display: none; } }