.template-name-filter{margin:12px 0 20px;padding:22px 24px;border:1px solid #d8e9ed;border-radius:18px;background:#ffffffc9;min-width:0}
.template-name-filter legend{padding:0 8px;font-size:18px;font-weight:600;color:#24465b}
.template-name-filter p{margin:0 0 16px;color:#637a87;font-size:15px}
.template-choices{display:flex;flex-wrap:wrap;gap:12px}
.template-choice{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid #c8dce3;border-radius:12px;background:white;cursor:pointer;font-size:16px;line-height:1.65}
.template-choice input{width:18px;height:18px;margin:0;accent-color:#168c98;flex-shrink:0}
.template-choice:has(input:checked){background:#e8f8f7;border-color:#168c98;color:#126a73}
.template-choice:focus-within{outline:2px solid #168c98;outline-offset:3px}
.template-name-filter .reset{min-height:44px;margin-top:12px;font-size:15px}
.template-name-filter .reset:disabled{opacity:.5;cursor:default}
@media(max-width:700px){.template-name-filter{padding:16px}.template-choices{flex-direction:column}.template-choice{width:100%}}
.template-name-filter{padding:16px 20px;position:relative;z-index:5}
.template-dropdown{position:relative;max-width:560px;border:0;padding:0}
.template-dropdown>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;background:white;border:1px solid #c8dce3;border-radius:12px;list-style:none;font-size:16px;cursor:pointer;gap:16px}
.template-dropdown>summary::-webkit-details-marker{display:none}
.template-dropdown>summary:after{content:'⌄';font-size:20px;color:#168c98;flex-shrink:0}
.template-dropdown[open]>summary:after{content:'⌃'}
.template-dropdown>summary:focus-visible{outline:2px solid #168c98;outline-offset:3px}
.template-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #c8dce3;border-radius:14px;padding:16px;box-shadow:0 12px 30px #17384a1a;max-height:min(420px,55vh);overflow-y:auto}
.template-choices{flex-direction:column;gap:8px}
.template-choice{width:100%;border-color:transparent;padding:10px 12px}
.template-choice:hover{background:#f1f8f9}
.template-dropdown-panel p{font-size:14px}
.template-dropdown-panel .reset{margin-top:8px}
@media(max-width:700px){.template-name-filter{padding:12px 16px}.template-dropdown-panel{padding:10px}.template-choice{font-size:15px}}