.warranty-page{display:grid;gap:22px}
.warranty-toolbar{flex-wrap:wrap}
.warranty-check{display:flex!important;align-items:center;gap:8px;grid-auto-flow:column;cursor:pointer}
.warranty-check input{width:18px;height:18px;accent-color:var(--accent)}
.warranty-actions{display:flex;gap:10px;margin-left:auto}
.warranty-hero{position:relative;overflow:hidden;padding:30px 34px;border-radius:23px;border:1px solid #5fcf9f55;background:radial-gradient(ellipse at 95% 0,#1f8f6a66,transparent 60%),linear-gradient(115deg,#12352f,#132a33 60%,#152444);color:#fff}
.warranty-hero h2{font-size:clamp(24px,2.8vw,36px);line-height:1.15;margin:14px 0 12px;max-width:760px}
.warranty-hero p{max-width:700px;color:#c9e4dc;line-height:1.6;margin:0}
.warranty-hero .pilot-tag{color:#8ff0c8}
.pilot-stat.warranty-warn{border-color:color-mix(in srgb,var(--orange) 55%,var(--line));background:linear-gradient(180deg,var(--orange-soft),var(--surface))}
.pilot-stat.warranty-bad{border-color:color-mix(in srgb,var(--red) 60%,var(--line));background:linear-gradient(180deg,var(--red-soft),var(--surface))}
.pilot-stat.warranty-bad>strong{color:var(--red)}
.warranty-alert{margin:14px 0 0;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--orange) 50%,transparent);background:var(--orange-soft);color:var(--text);font-size:13px;line-height:1.5}
.warranty-page>.warranty-alert{margin:0}
.warranty-demo-note{color:var(--orange)!important}
.warranty-categories{display:grid;gap:12px;margin-top:14px}
.warranty-category{display:grid;grid-template-columns:minmax(170px,240px) 1fr 48px;align-items:center;gap:16px}
.warranty-category>div:first-child{display:grid;gap:3px}
.warranty-category small{color:var(--muted);font-size:11px}
.warranty-category strong{text-align:right;font-size:18px}
.warranty-track{position:relative;height:12px;border-radius:99px;background:var(--surface2);overflow:hidden}
.warranty-track i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:color-mix(in srgb,var(--accent) 35%,transparent)}
.warranty-track i.open{background:var(--orange)}
.warranty-filters{display:flex;gap:10px;flex-wrap:wrap}
.warranty-filters input,.warranty-filters select{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);min-width:150px}
.warranty-table td small{color:var(--muted)}
.warranty-row-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.warranty-row-actions button{padding:7px 12px;font-size:12px;white-space:nowrap}
.warranty-terms{display:grid;gap:8px;margin-top:16px}
.warranty-term{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.warranty-term span{flex:1;color:var(--muted);font-size:13px}
.warranty-term button{padding:6px 12px;font-size:12px}
.rating-field{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0 0 14px}
.rating-field legend{margin-bottom:8px;color:var(--muted);font-size:13px}
.rating-field label{display:block;cursor:pointer}
.rating-field input{position:absolute;opacity:0;pointer-events:none}
.rating-field span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;font-weight:600}
.rating-field span:before{content:'★ ';color:var(--orange)}
.rating-field input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.rating-field input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.warranty-table{width:100%;border-collapse:collapse;font-size:13px}
.warranty-table th{padding:10px 12px;text-align:left;color:var(--muted);font-size:11px;font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap}
.warranty-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.warranty-table tbody tr:last-child td{border-bottom:0}
@media (max-width:760px){
 .warranty-hero{padding:24px 20px}
 .warranty-actions{margin-left:0}
 .warranty-category{grid-template-columns:1fr 40px}
 .warranty-track{grid-column:1/-1;grid-row:2}
 .warranty-table thead{display:none}
 .warranty-table tr{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}
 .warranty-table td{border:0;padding:2px 8px}
 .warranty-table td[data-label]:not(:first-child):before{content:attr(data-label) ': ';color:var(--muted);font-size:11px}
 .warranty-table td:last-child:before{content:''}
 .warranty-row-actions{justify-content:flex-start}
}