[data-protocol-templates] .protocol-template-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--vet-color-border);margin:0 0 1.5rem}
[data-protocol-templates] .protocol-template-tabs [role=tab]{background:transparent;border:0;border-radius:0;min-height:44px;padding:.65rem .3rem;color:var(--vet-color-text-secondary)}
[data-protocol-templates] .protocol-template-tabs [aria-selected=true]{color:var(--vet-color-brand);box-shadow:inset 0 -3px var(--vet-color-brand);font-weight:700}
[data-protocol-templates] .protocol-template-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:1.75rem;align-items:start}
[data-protocol-templates] .protocol-template-layout>*{min-width:0}
[data-protocol-templates] .protocol-template-library{padding-right:1.5rem;border-right:1px solid var(--vet-color-border)}
[data-protocol-templates] h2{font-size:1.15rem;margin:0 0 1rem}
[data-protocol-templates] .protocol-template-filters{display:grid;gap:.65rem;margin-bottom:1rem}
[data-protocol-templates] .protocol-template-filters>label{margin:0}
[data-protocol-templates] .protocol-template-filters input,[data-protocol-templates] .protocol-template-filters select{width:100%;min-width:0;min-height:44px}
[data-protocol-templates] .protocol-template-filters .search{margin:0}
[data-protocol-templates] .protocol-template-rows{display:grid;gap:.65rem}
[data-protocol-templates] .protocol-template-row{display:grid;gap:.7rem;padding:1rem;border:1px solid var(--vet-color-border);border-radius:10px;background:var(--vet-color-surface);overflow-wrap:anywhere}
[data-protocol-templates] .protocol-template-row[data-selected=true]{border-color:var(--vet-color-brand);box-shadow:inset 3px 0 var(--vet-color-brand)}
[data-protocol-templates] .protocol-template-row strong{display:block;font-size:.98rem}
[data-protocol-templates] .protocol-template-row .muted{margin:.35rem 0 0;font-size:.85rem}
[data-protocol-templates] .protocol-template-row-actions{display:flex;gap:.55rem;flex-wrap:wrap}
[data-protocol-templates] .protocol-template-row-actions button{flex:1;min-width:100px;min-height:44px}
[data-protocol-templates] .protocol-template-form,[data-protocol-templates] .protocol-template-fields{display:grid;gap:1rem;min-width:0;margin:0}
[data-protocol-templates] .protocol-template-fields{border:0;padding:0}
[data-protocol-templates] .protocol-template-title{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
[data-protocol-templates] .protocol-template-title h2{margin:0}
[data-protocol-templates] .protocol-template-badge{border-radius:20px;background:var(--vet-color-surface-subtle);padding:.3rem .65rem;color:var(--vet-color-text-secondary);font-size:.8rem}
[data-protocol-templates] label{display:grid;gap:.4rem;min-width:0;font-size:.9rem}
[data-protocol-templates] input,[data-protocol-templates] select,[data-protocol-templates] textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit}
[data-protocol-templates] textarea{resize:vertical}
[data-protocol-templates] .protocol-template-description,[data-protocol-templates] .protocol-template-step{border:1px solid var(--vet-color-border);border-radius:10px;background:var(--vet-color-surface);min-width:0;overflow-wrap:anywhere}
[data-protocol-templates] summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:.85rem 1rem;line-height:1.4;font-weight:600}
[data-protocol-templates] .protocol-template-description>label{padding:0 1rem 1rem}
[data-protocol-templates] .protocol-template-section-heading{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
[data-protocol-templates] .protocol-template-section-heading h3{margin:0;font-size:1rem}
[data-protocol-templates] .protocol-template-steps{display:grid;gap:.8rem}
[data-protocol-templates] .protocol-template-step[open]>summary{border-bottom:1px solid var(--vet-color-border)}
[data-protocol-templates] .protocol-template-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}
[data-protocol-templates] .protocol-template-step-grid .wide{grid-column:1/-1}
[data-protocol-templates] .protocol-template-step>.muted,[data-protocol-templates] .protocol-template-step>button{margin:0 1rem 1rem}
[data-protocol-templates] .protocol-template-save-actions{display:flex;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--vet-color-border);padding-top:1rem}
[data-protocol-templates] button{min-height:44px;white-space:normal}
[data-protocol-templates] :is(button,input,select,textarea,summary):focus-visible{outline:var(--vet-focus-width) solid var(--vet-color-focus);outline-offset:3px}
[data-protocol-templates] .protocol-template-feedback{margin-top:1rem;overflow-wrap:anywhere}
[data-protocol-templates] .protocol-template-mobile-back{display:none}
@media(max-width:767px){
 [data-protocol-templates] .protocol-template-layout{grid-template-columns:minmax(0,1fr);gap:1rem}
 [data-protocol-templates] .protocol-template-library{padding:0;border:0}
 [data-protocol-templates] [data-template-panel=editor]>.protocol-template-library,[data-protocol-templates] [data-template-panel=library]>.protocol-template-editor{display:none}
 [data-protocol-templates] .protocol-template-mobile-back{display:inline-flex;align-items:center;margin-bottom:1rem}
 [data-protocol-templates] .protocol-template-step-grid{gap:.8rem;padding:.8rem}
 [data-protocol-templates] .protocol-template-save-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-protocol-templates] .protocol-template-save-actions>.primary{grid-column:1/-1}
}
@media(max-width:380px){[data-protocol-templates] .protocol-template-step-grid{grid-template-columns:minmax(0,1fr)}}

/* Claude Design: biblioteca e editor em cartões, abas em pílula, seleção em verde-claro. */
[data-protocol-templates] .protocol-template-tabs{gap:var(--vet-space-2);border-bottom:0}
[data-protocol-templates] .protocol-template-tabs [role=tab]{min-height:40px;padding:0 var(--vet-space-4);border:var(--vet-border-width) solid var(--vet-color-control-border-soft);border-radius:var(--vet-radius-pill);font-weight:var(--vet-weight-semibold)}
[data-protocol-templates] .protocol-template-tabs [aria-selected=true]{background:var(--vet-color-brand);border-color:var(--vet-color-brand);color:var(--vet-color-on-brand);box-shadow:none}
[data-protocol-templates] .protocol-template-tabs [aria-selected=true]:not(:disabled):is(:hover,:active){background:var(--vet-color-brand-hover)}
[data-protocol-templates] .protocol-template-badge{background:var(--vet-color-info-bg);color:var(--vet-color-info);font-weight:var(--vet-weight-semibold)}
[data-protocol-templates] .protocol-template-library,[data-protocol-templates] .protocol-template-editor{background:var(--vet-color-surface);border:var(--vet-border-width) solid var(--vet-color-border);border-radius:var(--vet-radius-panel);box-shadow:var(--vet-shadow-card);padding:var(--vet-space-5) var(--vet-space-6)}
[data-protocol-templates] .protocol-template-library{border-right:var(--vet-border-width) solid var(--vet-color-border)}
[data-protocol-templates] .protocol-template-row{border-radius:var(--vet-radius-panel)}
[data-protocol-templates] .protocol-template-description,[data-protocol-templates] .protocol-template-step{border-radius:var(--vet-radius-panel)}
[data-protocol-templates] .protocol-template-row[data-selected=true]{background:var(--vet-color-brand-subtle);border-color:var(--vet-color-brand);box-shadow:inset 0 0 0 1px var(--vet-color-brand)}
@media(max-width:767px){[data-protocol-templates] .protocol-template-library,[data-protocol-templates] .protocol-template-editor{padding:var(--vet-space-4);border:var(--vet-border-width) solid var(--vet-color-border)}}