#admin .upload-template-picker { display:flex; align-items:center; gap:11px; margin-top:14px; padding:12px 14px; border:1px solid #dfe8f4; border-radius:14px; background:#f8fbff; color:#4d6480; font-size:12px; font-weight:800; }
#admin .upload-template-picker select { flex:1; min-width:180px; min-height:38px; border:1px solid #cfdceb; border-radius:9px; background:#fff; color:#1d3657; font:inherit; font-weight:800; }
#admin .upload-template-picker small { color:#74869b; font-size:11px; font-weight:650; }
#admin .settlement-template-manager { margin-top:16px; overflow:hidden; border:1px solid #d8e4f2; border-radius:16px; background:#fff; }
#admin .settlement-template-manager summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; cursor:pointer; list-style:none; }
#admin .settlement-template-manager summary::-webkit-details-marker { display:none; }
#admin .settlement-template-manager summary span { display:grid; gap:4px; }
#admin .settlement-template-manager summary b { color:#1d385c; font-size:15px; }
#admin .settlement-template-manager summary small { color:#71839a; font-size:12px; font-weight:650; }
#admin .settlement-template-manager summary i { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; background:#edf4ff; color:#2c68c9; font-size:21px; font-style:normal; }
#admin .settlement-template-manager[open] summary { border-bottom:1px solid #e6edf5; background:#fbfdff; }
#admin .settlement-template-manager[open] summary i { transform:rotate(45deg); }
#admin .settlement-template-body { padding:18px; }
#admin .settlement-template-intro { display:flex; align-items:flex-start; gap:10px; margin-bottom:16px; padding:12px 14px; border-left:3px solid #3b72cb; background:#eff5ff; color:#59708c; font-size:12px; line-height:1.55; }
#admin .settlement-template-intro b { flex:0 0 auto; color:#285cae; }
#admin .settlement-template-basic-fields label, #admin .template-core-fields label { display:grid; gap:7px; color:#526985; font-size:12px; font-weight:800; }
#admin .settlement-template-basic-fields input, #admin .settlement-template-basic-fields select, #admin .template-core-fields select, #admin .template-mapping-heading select { min-height:42px; border:1px solid #d6e1ee; border-radius:10px; background:#fff; color:#1e3859; font:inherit; }
#admin .settlement-template-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:14px; }
#admin .settlement-template-actions span { color:#74869a; font-size:11px; font-weight:650; }
#admin .template-mapping { margin-top:18px; padding-top:18px; border-top:1px solid #e4ebf3; }
#admin .template-mapping-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:15px; }
#admin .template-mapping-heading>div { display:grid; gap:4px; }
#admin .template-mapping-heading b { color:#203b5f; font-size:15px; }
#admin .template-mapping-heading span { color:#7b8ca0; font-size:11px; }
#admin .template-mapping-heading label { display:grid; gap:5px; color:#5a708b; font-size:11px; font-weight:800; }
#admin .template-detail-fields { margin-top:16px; padding:15px; border:1px solid #e0e9f3; border-radius:12px; background:#fbfdff; }
#admin .template-detail-fields>div:first-child { display:grid; gap:4px; }
#admin .template-detail-fields b { color:#294361; font-size:13px; }
#admin .template-detail-fields span { color:#72859c; font-size:11px; }
#admin .template-detail-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:13px; }
#admin .template-detail-columns label { display:flex; align-items:center; min-width:0; gap:7px; padding:9px; border:1px solid #e0e8f2; border-radius:9px; background:#fff; color:#516a87; font-size:11px; font-weight:700; }
#admin .template-detail-columns input { accent-color:#336ed0; }
#admin .template-detail-columns span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#admin .template-list { display:grid; gap:8px; margin-top:18px; }
#admin .template-list:empty { display:none; }
#admin .template-list-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; border:1px solid #e0e8f2; border-radius:11px; background:#fff; }
#admin .template-list-item div { display:grid; min-width:0; gap:3px; }
#admin .template-list-item b { overflow:hidden; color:#294260; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
#admin .template-list-item small { color:#7a8ca1; font-size:11px; }
#admin .template-list-item button { flex:0 0 auto; }
@media (max-width:650px) { #admin .upload-template-picker { align-items:stretch; flex-wrap:wrap; } #admin .upload-template-picker select { width:100%; flex-basis:100%; } #admin .template-mapping-heading { align-items:stretch; flex-direction:column; } #admin .template-detail-columns { grid-template-columns:repeat(2,minmax(0,1fr)); } #admin .settlement-template-body { padding:14px; } }