.case-portal{display:grid;gap:22px}.case-portal>header{padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--card)),var(--card));box-shadow:var(--shadow)}.case-portal>header h1{margin:10px 0 5px;font-size:clamp(32px,5vw,52px)}.case-portal>header p,.case-card>p{color:var(--muted)}.case-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.case-overview article{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.case-overview span,.case-overview strong{display:block}.case-overview span{color:var(--muted);font-size:13px}.case-overview strong{margin-top:6px;font-size:17px}.case-pay{display:flex;justify-content:center;gap:10px;padding:15px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;text-decoration:none;font-weight:900}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-card{padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.case-card h2{margin-top:0}.case-upload{display:grid;gap:13px;padding:18px;border-radius:16px;background:color-mix(in srgb,var(--brand) 5%,var(--card))}.case-upload label{display:grid;gap:6px;font-weight:800}.case-upload input,.case-upload select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}.case-upload button{padding:12px;border:0;border-radius:11px;background:var(--brand);color:#fff;font:800 14px Vazirmatn}.case-upload small{color:var(--muted)}.customer-documents{display:grid;gap:8px;margin-top:16px}.customer-documents>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}.customer-documents span,.customer-documents small{display:block}.customer-documents small{color:var(--muted)}.customer-documents b{font-size:12px}.doc-accepted{color:#087f5b}.doc-rejected{color:#c92a3d}.doc-pending{color:#a15c00}.customer-timeline{display:grid}.customer-timeline article{display:grid;grid-template-columns:16px 1fr;gap:13px;position:relative;padding-bottom:22px}.customer-timeline article:not(:last-child):before{content:'';position:absolute;right:7px;top:16px;bottom:0;border-right:2px solid var(--line)}.customer-timeline i{width:16px;height:16px;border:4px solid color-mix(in srgb,var(--brand) 25%,var(--card));border-radius:50%;background:var(--brand);z-index:1}.customer-timeline time,.customer-timeline strong{display:block}.customer-timeline time{color:var(--muted);font-size:12px}.customer-timeline p{margin:5px 0;color:var(--muted)}.document-grid{display:grid;gap:12px}.document-grid>article{display:grid;grid-template-columns:1fr auto minmax(320px,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px}.document-grid strong,.document-grid small{display:block}.document-grid small{color:var(--muted)}.document-grid form{display:grid;grid-template-columns:130px 1fr auto;gap:7px}.case-timeline{display:grid;gap:12px}.case-timeline article{padding:15px;border-inline-start:3px solid var(--blue);background:var(--panel2);border-radius:10px}.case-timeline span,.case-timeline strong{display:block}.case-timeline span{color:var(--muted);font-size:12px}.case-timeline p{margin-top:6px}@media(max-width:900px){.case-overview{grid-template-columns:1fr 1fr}.case-columns{grid-template-columns:1fr}.document-grid>article,.document-grid form{grid-template-columns:1fr}}@media(max-width:520px){.case-overview{grid-template-columns:1fr}.case-card{padding:18px}}
