.instruction-panel{scroll-margin-top:1rem}.instruction-hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding:1.4rem;border-radius:1.2rem;background:linear-gradient(135deg,#075f50,#0b816a);color:#fff;margin-bottom:1rem}.instruction-hero h2{font-size:clamp(1.75rem,3vw,2.55rem);margin:.15rem 0}.instruction-hero p{margin:.25rem 0;max-width:54rem}.instruction-kicker{display:inline-block;padding:.3rem .65rem;border-radius:999px;background:rgba(255,255,255,.16);font-weight:800}.instruction-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.instruction-hero .btn{border-color:rgba(255,255,255,.55)}
.instruction-progress-card{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(12rem,2fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border,#cbdad6);border-radius:1rem;background:var(--surface,#fff);margin-bottom:1rem}.instruction-progress-card>div:first-child{display:flex;flex-direction:column}.instruction-progress-card span{font-size:.9rem;color:var(--muted,#5a6a67)}.instruction-progress-track{height:.7rem;background:#dfeae7;border-radius:999px;overflow:hidden}.instruction-progress-track span{display:block;height:100%;background:#0a8068;transition:width .25s ease}.instruction-progress-card>strong{font-size:1.25rem;color:#08765f}
.instruction-tools{display:grid;grid-template-columns:minmax(16rem,1fr) auto auto auto;gap:.7rem;align-items:end;margin-bottom:1rem}.instruction-search-label{font-weight:800}.instruction-search-label input{display:block;width:100%;margin-top:.35rem}.instruction-quick-actions{border:1px solid #bbd8d1;background:#edf7f4;border-radius:1rem;padding:1rem;margin-bottom:1rem}.instruction-quick-actions h3{margin:.1rem 0}.instruction-quick-actions>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.instruction-quick-actions button{appearance:none;text-align:left;border:1px solid #c5d9d4;border-radius:.8rem;background:#fff;padding:.8rem;cursor:pointer;color:inherit}.instruction-quick-actions button:hover,.instruction-quick-actions button:focus-visible{border-color:#08765f;box-shadow:0 0 0 3px rgba(8,118,95,.12)}.instruction-quick-actions strong,.instruction-quick-actions span{display:block}.instruction-quick-actions span{font-size:.84rem;color:#596a66;margin-top:.2rem}
.instruction-filter-empty{padding:1rem;border:1px dashed #b87300;background:#fff6e6;border-radius:.8rem;margin-bottom:1rem}.instruction-steps{display:grid;gap:.8rem}.instruction-step{border:1px solid var(--border,#cfddda);border-radius:1rem;background:var(--surface,#fff);overflow:hidden;scroll-margin-top:1rem}.instruction-step[hidden]{display:none}.instruction-step>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:1rem;cursor:pointer}.instruction-step>summary::-webkit-details-marker{display:none}.instruction-step[open]>summary{background:#edf7f4;border-bottom:1px solid #cddeda}.instruction-step-number{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#08765f;color:#fff;font-weight:900}.instruction-step summary strong,.instruction-step summary small{display:block}.instruction-step summary strong{font-size:1.05rem}.instruction-step summary small{margin-top:.2rem;color:var(--muted,#5c6c68);font-weight:400}.instruction-step-status{padding:.26rem .55rem;border-radius:999px;background:#fff2cf;color:#785500;font-size:.78rem;font-weight:800}.instruction-step-body{padding:1rem}.instruction-step-layout{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:1rem;align-items:start}.instruction-step-body ol,.instruction-step-body ul{padding-left:1.35rem}.instruction-step-body li{margin:.35rem 0;line-height:1.45}.instruction-step-actions,.instruction-step-footer{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.instruction-step-actions{padding-top:.8rem;border-top:1px dashed #cddbd8}.instruction-check{margin-left:auto;font-weight:800;display:flex;gap:.4rem;align-items:center}.instruction-step-footer{margin-top:.85rem;justify-content:space-between}.instruction-callout{padding:.8rem;border-left:4px solid #08765f;border-radius:.5rem;background:#edf7f4}.instruction-callout.warning{border-color:#b87800;background:#fff6e6}.instruction-callout.danger{border-color:#b71c1c;background:#fff0f0}.instruction-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.8rem 0}.instruction-comparison.three{grid-template-columns:repeat(3,minmax(0,1fr))}.instruction-comparison>div{border:1px solid #cddbd8;border-radius:.7rem;padding:.7rem}.instruction-comparison strong,.instruction-comparison span{display:block}.instruction-comparison span{font-size:.88rem;margin-top:.25rem;color:#596965}.instruction-print-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.9rem;border:2px solid #08765f;border-radius:.75rem}.instruction-print-spec strong{grid-column:1/-1}.instruction-mini-illustration{min-height:8.5rem;border:1px solid #bed5cf;border-radius:1rem;background:linear-gradient(145deg,#f7fbfa,#e6f3ef);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;color:#075f50}.instruction-mini-illustration b,.instruction-mini-illustration span{padding:.45rem .6rem;border:1px solid #9fc9be;background:#fff;border-radius:.45rem}.instruction-mini-illustration.form{display:grid;grid-template-columns:repeat(3,1fr)}.instruction-mini-illustration.visit i{font-size:1.4rem}.instruction-mini-illustration.backup i{font-style:normal;font-size:1.5rem}.instruction-footer{margin-top:1rem;padding:1rem;border-radius:1rem;background:#eef5f3;display:flex;justify-content:space-between;align-items:center;gap:1rem}.instruction-footer p{margin:0}.instruction-first-modal{max-width:44rem}.instruction-first-content{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem;align-items:center}.instruction-first-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;margin-top:1rem}
.instruction-print-document section{break-inside:avoid;margin:1rem 0}.instruction-print-document .instruction-mini-illustration,.instruction-print-document button,.instruction-print-document input{display:none!important}.instruction-print-document .instruction-comparison{display:table;width:100%;border-collapse:separate;border-spacing:.4rem}.instruction-print-document .instruction-comparison>div{display:table-cell}.instruction-print-document .instruction-print-spec{display:block}.instruction-print-document .instruction-print-spec span{display:block}
@media(max-width:900px){.instruction-hero{align-items:flex-start;flex-direction:column}.instruction-hero-actions{justify-content:flex-start}.instruction-tools{grid-template-columns:1fr 1fr}.instruction-search-label{grid-column:1/-1}.instruction-quick-actions>div{grid-template-columns:repeat(2,minmax(0,1fr))}.instruction-step-layout{grid-template-columns:1fr}.instruction-mini-illustration{min-height:6rem}.instruction-progress-card{grid-template-columns:1fr auto}.instruction-progress-track{grid-column:1/-1;grid-row:2}.instruction-first-content{grid-template-columns:1fr}.instruction-first-content .instruction-mini-illustration{display:none}}
@media(max-width:560px){.instruction-tools{grid-template-columns:1fr}.instruction-quick-actions>div{grid-template-columns:1fr}.instruction-step>summary{grid-template-columns:auto minmax(0,1fr)}.instruction-step-status{grid-column:2}.instruction-comparison,.instruction-comparison.three,.instruction-print-spec{grid-template-columns:1fr}.instruction-check{width:100%;margin-left:0}.instruction-footer{align-items:flex-start;flex-direction:column}.instruction-first-actions{flex-direction:column}.instruction-first-actions .btn{width:100%}}
[data-theme="dark"] .instruction-step,[data-theme="dark"] .instruction-progress-card{background:#132622}[data-theme="dark"] .instruction-step[open]>summary,[data-theme="dark"] .instruction-quick-actions{background:#17332d}[data-theme="dark"] .instruction-quick-actions button,[data-theme="dark"] .instruction-mini-illustration b,[data-theme="dark"] .instruction-mini-illustration span{background:#132622;color:#eef8f5}[data-theme="dark"] .instruction-mini-illustration{background:#17332d}[data-theme="dark"] .instruction-callout{background:#17332d}[data-theme="dark"] .instruction-callout.warning{background:#3a2c12}[data-theme="dark"] .instruction-callout.danger{background:#3c2020}[data-theme="dark"] .instruction-footer{background:#17302a}
