.cfs-browse { padding: 24px; margin: 0 0 24px; border: 1px solid #dbe2ec; border-radius: 12px; background: #f8fafc; color: #050b20; }
.cfs-browse *, .cfs-browse *::before, .cfs-browse *::after { box-sizing: border-box; }
.cfs-browse-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.cfs-browse-top strong { font-size: 18px; }
.cfs-browse a { color: #003fae; text-decoration: underline; font-size: 14px; }
.cfs-browse-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.cfs-browse-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; margin: 0; font-weight: 400; }
.cfs-browse-field > span { font-size: 13px; font-weight: 600; line-height: 1.4; }
.cfs-browse .cfs-browse-field input, .cfs-browse .cfs-browse-field select { display: block; width: 100%; min-width: 0; height: 46px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 7px; background-color: #fff; color: #050b20; font-family: inherit; font-size: 14px; line-height: 1.4; box-shadow: none; }
.cfs-browse input::placeholder { color: #64748b; opacity: 1; }
.cfs-browse select:disabled { background-color: #edf2f7; color: #64748b; }
.cfs-browse :is(input,select,button,summary,a):focus-visible { outline: 3px solid #003fae; outline-offset: 3px; }
.cfs-browse-more { margin-top: 18px; border-top: 1px solid #dbe2ec; padding-top: 14px; }
.cfs-browse-more summary { cursor: pointer; width: fit-content; padding: 6px 0; color: #003fae; font-size: 14px; font-weight: 600; }
.cfs-browse-more[open] .cfs-browse-grid { margin-top: 14px; }
.cfs-browse-actions { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 18px; }
.cfs-browse-actions > span { color: #475569; font-size: 13px; }
.cfs-browse-actions > button { order: -1; }
.cfs-browse button { background: #003fae; color: #fff; border: 1px solid #003fae; border-radius: 7px; padding: 12px 24px; min-height: 46px; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.cfs-browse button:hover { background: #00338e; }
@media (max-width: 1100px) { .cfs-browse-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .cfs-browse { padding: 16px; } .cfs-browse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .cfs-browse-field:first-child:has(input[type=search]) { grid-column: 1 / -1; } .cfs-browse-actions { align-items: stretch; flex-direction: column; } .cfs-browse button { width: 100%; } }