/* /chuyen-word-sang-pdf/, /chuyen-excel-sang-pdf/, /chuyen-powerpoint-sang-pdf/ — phần riêng trên UI kit v1 (10/11/2026) */
.op-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.op-list li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n b" "s b" "p p" "st st";column-gap:10px;border:1px solid var(--t-line);border-radius:12px;padding:10px 12px;background:#fff}
.op-list .n{grid-area:n;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.op-list .s{grid-area:s;font-size:13px;color:var(--t-mute)}
.op-list .t-progress{grid-area:p;margin:8px 0 4px}
.op-list .st{grid-area:st;font-size:13px;color:var(--t-mute)}
.op-list .st.ok{color:var(--t-ok);font-weight:600}
.op-list .st.bad{color:var(--t-bad);font-weight:600}
.op-list .b{grid-area:b;align-self:center}
.op-rel h2{margin-bottom:12px}
.op-relg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.op-relg a{display:flex;flex-direction:column;gap:2px;border:1px solid var(--t-line);border-radius:14px;padding:14px 16px;background:#fff;text-decoration:none;color:var(--t-ink)}
.op-relg a:hover{border-color:var(--t-main)}
.op-relg span{font-size:13px;color:var(--t-mute)}