body .tb-template-filter{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:14px;border:1px solid #e0e8e4;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(16,41,58,.06)}
body .tb-filter-tabs,body .tb-filter-controls{display:flex;align-items:center;gap:10px}
body .tb-filter-tabs button{border:0;border-radius:10px;padding:11px 17px;background:#f1f5f3;color:#183344;font:inherit;font-weight:700;cursor:pointer;transition:.2s ease}
body .tb-filter-tabs button:hover{background:#e6efeb}
body .tb-filter-tabs button.is-active{background:#ff5a1f;color:#fff;box-shadow:0 7px 18px rgba(255,90,31,.2)}
body .tb-filter-controls select,body .tb-filter-search{height:44px;border:1px solid #dce5e1;border-radius:10px;background:#fff}
body .tb-filter-controls select{min-width:190px;padding:0 36px 0 13px;font:inherit;color:#183344;cursor:pointer}
body .tb-filter-search{display:flex;align-items:center;gap:7px;padding:0 12px}
body .tb-filter-search input{width:220px;border:0;outline:0;background:transparent;font:inherit;color:#183344}
body .tb-dynamic-card[hidden]{display:none!important}
body .tb-filter-empty{text-align:center;padding:45px 15px;color:#60717b;font-weight:600}
body .tb-app-page{width:calc(100% - 60px)!important;max-width:1500px!important}
body .tb-app-page .tb-dynamic-grid{width:100%!important;column-count:4!important;column-width:auto!important;column-gap:20px!important}

@media(max-width:1000px){
 body .tb-app-page .tb-dynamic-grid{column-count:3!important}
 body .tb-template-filter{align-items:stretch;flex-direction:column}
 body .tb-filter-tabs,body .tb-filter-controls{width:100%}
 body .tb-filter-tabs button{flex:1;padding:10px 8px}
 body .tb-filter-controls label{flex:1}
 body .tb-filter-controls select,body .tb-filter-search input{width:100%}
 body .tb-filter-controls select{min-width:0}
}
@media(max-width:767px){
 body .tb-app-page{width:calc(100% - 24px)!important}
 body .tb-app-page .tb-dynamic-grid{column-count:2!important;column-gap:12px!important}
}
@media(max-width:540px){
 body .tb-filter-controls{flex-direction:column}
 body .tb-filter-controls label,body .tb-filter-controls select{width:100%}
}
