﻿.procedure-filters{display:flex;flex-wrap:wrap;gap:8px}.procedure-filters button[aria-pressed=true]{background:var(--accent,#16645d);color:white}.procedure-track{--track:#98601d;margin-top:28px;padding-top:24px;border-top:1px solid #dce4ea}.procedure-track.administrative{--track:#087e83}.procedure-track header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.procedure-track h3{font-size:17px;font-weight:700;color:var(--track)}.procedure-track header p,.procedure-track footer{font-size:12px;color:#526477;line-height:1.8}.procedure-symbol{font-size:28px;background:#f1f5f5;border-radius:14px;padding:10px}.procedure-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0 0 20px}.procedure-flow li{position:relative;background:#f8fafb;border:1px solid #dce4ea;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.procedure-flow li:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:25px;color:var(--track);font-size:20px}.procedure-number{background:var(--track);color:#fff;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:700}.procedure-flow h4{font-size:14px;font-weight:700;color:var(--track)}.procedure-flow p,.procedure-documents{font-size:12px;line-height:1.8;color:#475569}.procedure-flow .procedure-role{font-size:11px;color:#64748b}.procedure-documents{border-top:1px solid #e2e8f0;padding-top:10px;margin-top:auto}.procedure-actions{display:flex;flex-wrap:wrap;gap:6px}.procedure-actions .sl-button{font-size:11px;padding:7px 9px}.procedure-track footer a{color:var(--track);text-decoration:underline}#view-procedure [hidden]{display:none!important}@media(max-width:1000px){.procedure-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.procedure-flow{grid-template-columns:1fr}.procedure-flow li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-23px}.procedure-track header{align-items:flex-start}.procedure-track h3{font-size:16px}}
@media(min-width:1001px){.procedure-flow li:nth-child(3)::after{content:'↓';right:50%;top:auto;bottom:-24px}}@media(min-width:641px) and (max-width:1000px){.procedure-flow li:nth-child(2n):not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-24px}}
