.request-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.request-summary-item{padding:20px 24px;border:1px solid var(--line);background:white;border-radius:10px;text-align:left;color:var(--ink)}.request-summary-item span{display:block;font-size:12px;color:var(--muted)}.request-summary-item strong{display:block;font-size:28px;font-weight:600;margin-top:12px;font-variant-numeric:tabular-nums}.request-summary-item.selected{border-color:var(--ng-green-500);background:var(--ng-cream-50);box-shadow:inset 3px 0 var(--ng-lime-500)}.request-summary-item:hover{border-color:var(--ng-green-500)}.request-status{white-space:nowrap}.request-new{background:#f3f5f4;color:var(--ng-graphite-700);border-color:var(--line)}.request-in_progress{background:#fff5dd;color:#8c5b0d;border-color:#f0dfb4}.request-completed{background:var(--success-bg);color:var(--success);border-color:#d5e7da}.request-number{font-variant-numeric:tabular-nums;margin-top:0;margin-bottom:6px}.request-title{display:block;max-width:340px;background:none;border:0;padding:0;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.6;font-weight:600;color:var(--ink)}.request-title:hover{color:var(--ng-green-600);text-decoration:underline;text-underline-offset:4px}.requests-table td:first-child{min-width:240px}.requests-table td:nth-child(4){font-size:12px;color:var(--muted)}.requests-table .empty{white-space:normal}.request-detail-title{overflow-wrap:anywhere}.request-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;font-size:13px;margin:24px 0}.request-details dt{color:var(--muted)}.request-details dd{margin:0;overflow-wrap:anywhere}.request-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;color:var(--ng-graphite-700);margin:24px 0}.request-steps{list-style:none;padding:0;display:flex;margin:0 0 24px;gap:12px}.request-steps li{display:flex;align-items:center;gap:8px;flex:1;font-size:12px;color:var(--muted)}.request-steps li:not(:last-child)::after{content:'';height:1px;flex:1;background:var(--line);margin-left:4px}.request-steps li>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f3f5f4;color:var(--muted);font-size:11px;flex-shrink:0}.request-steps .reached{color:var(--ng-green-700)}.request-steps .reached>span{background:var(--ng-green-800);color:white}.request-steps [aria-current=step]>span{outline:3px solid var(--ng-lime-100)}.request-status-form{padding:20px;border:1px solid var(--ng-cream-200);border-radius:10px;background:var(--ng-cream-50);margin:24px 0}.request-status-form h3{margin-bottom:16px}.request-status-form label{margin-bottom:16px}.request-history{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.request-history ol{list-style:none;padding:0;margin:0}.request-history li{padding:16px 0 16px 20px;border-left:2px solid var(--line);position:relative;margin-left:4px}.request-history li::before{position:absolute;content:'';width:8px;height:8px;left:-5px;top:20px;border-radius:50%;background:var(--ng-green-500)}.request-history strong{font-size:13px;font-weight:600}.request-history small{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:4px}.request-history p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:8px 0 0}.request-completed-note{background:var(--success-bg);color:var(--success);padding:16px;border-radius:8px;font-size:13px}.request-detail-footer .request-delete{color:var(--danger);margin-right:auto;font-size:12px}
@media(max-width:760px){.request-summary{gap:8px;margin-bottom:20px}.request-summary-item{padding:16px 12px}.request-summary-item strong{font-size:24px}.request-summary-item span{font-size:11px}.request-steps{gap:8px}.request-steps li{font-size:10px;gap:4px;flex-wrap:wrap}.request-steps li>span{width:24px;height:24px}.request-steps li::after{display:none}.request-details{grid-template-columns:1fr;gap:8px}.request-details dd{margin-bottom:8px}.request-detail-footer{flex-wrap:wrap}.request-detail-footer .request-delete{width:100%;text-align:left}.request-status-form{padding:16px}.request-status-form .primary{width:100%}}