.ai-cost-card {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) 1.6fr;
    gap: 24px;
    align-items: center;
    padding: 24px 28px;
    margin-bottom: 24px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #112b46, #174b78);
    box-shadow: var(--shadow);
}
.ai-cost-card > div > span { display:block; color:#bcd8ef; font-size:13px; font-weight:700; }
.ai-cost-card > div > strong { display:block; margin:5px 0; font-size:34px; }
.ai-cost-card > div > small { color:#bcd8ef; }
.ai-cost-card dl { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin:0; }
.ai-cost-card dl div { padding:12px; border-radius:10px; background:rgba(255,255,255,.09); }
.ai-cost-card dt { color:#bcd8ef; font-size:11px; }
.ai-cost-card dd { margin:5px 0 0; font-weight:800; }
.ai-cost-card > p { grid-column:1/-1; margin:0; padding-top:12px; border-top:1px solid rgba(255,255,255,.15); color:#bcd8ef; font-size:11px; }
@media (max-width:1000px) {
    .ai-cost-card { grid-template-columns:1fr; }
    .ai-cost-card dl { grid-template-columns:repeat(2, 1fr); }
}
.doc-card { display:flex; gap:12px; align-items:center; min-width:0; border:1px solid var(--line); border-radius:10px; padding:13px; }
.doc-icon { display:grid; place-items:center; flex:0 0 43px; height:43px; border-radius:9px; color:var(--blue); background:var(--blue2); font-size:11px; font-weight:900; }
.doc-info { min-width:0; flex:1; }
.doc-info > strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.doc-info > small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
.doc-actions { display:flex; gap:14px; margin-top:8px; }
.doc-actions a { color:var(--blue); font-size:11px; font-weight:800; }