.asf-form{max-width:100%;margin:0 auto;background:#fff;border-radius:10px;padding:25px 30px;direction:rtl;border: 1px solid #eee;}
.asf-form h2{font-size:16px;color:#222;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin: 0;}
.asf-form h2 .asf-toggle-icon{font-size:18px;color:#888;transition:transform .3s}
.asf-form h2 .asf-toggle-icon.closed{transform:rotate(-90deg)}
.asf-form-body{transition:max-height .35s ease,opacity .35s ease;overflow:hidden;max-height:2000px;opacity:1;}
.asf-form-body.collapsed{max-height:0;opacity:0}
.asf-field{margin-bottom:18px}
.asf-field label{display:block;font-size:15px;color:#555;margin-bottom:6px;}
.asf-row{display:flex;gap:10px}
.asf-row .grow{flex:1}
.asf-form input[type=text],.asf-form select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#333;background:#fafafa;transition:.2s;box-sizing:border-box}
.asf-form input:focus,.asf-form select:focus{outline:none;border-color:#4a90d9;background:#fff}
.asf-form input.asf-invalid{border-color:#d9534f;background:#fff5f5}
.asf-date-range{display:none;gap:10px;margin-top:10px}
.asf-date-range.active{display:flex}
.asf-date-range .grow{flex:1}
.asf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.asf-btn-row{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
.asf-form button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:.2s}
.asf-btn-search{background:#744EE1;color:#fff}
.asf-btn-search:hover{background:#6541CD;}
.asf-btn-reset{background:#f74b4b;color:#fff;}
.asf-btn-reset:hover{background:#e13a3a;}
.asf-results{max-width:100%;margin:20px auto;direction:rtl;}
.asf-results-loading{text-align:center;padding:20px;color:#888;font-size:13px}
.asf-results-count{font-size:16px;color:#555;margin-bottom:12px;padding:15px 0;border-bottom: 1px solid #ddd;}
.asf-results-list{list-style:none;margin:0;padding:0}
.asf-results-list li{border-bottom:1px solid #eee;padding:14px 0;display:flex;gap:12px;align-items:flex-start}
.asf-results-list li:last-child{border-bottom:none}
.asf-result-thumb{width:75px;height:65px;object-fit:cover;border-radius:6px;flex-shrink:0}
.asf-result-thumb-placeholder{width:75px;height:65px;background:#eee;border-radius:6px;flex-shrink:0}
.asf-result-body{flex:1;min-width:0}
.asf-results-list a{font-size:15px;color:#022BCF;text-decoration:none;font-weight:600;}
.asf-results-list a:hover{text-decoration:underline}
.asf-results-list .asf-excerpt{font-size:12px;color:#666;margin-top:5px}
.asf-results-list .asf-date{font-size:11px;color:#aaa;margin-top:3px}
.asf-hl{background:#ffe066;padding:0 2px;border-radius:2px}
.asf-no-results{text-align:center;padding:20px;color:#888;font-size:13px}
.asf-pagination{display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.asf-pagination button{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;color: #666;}
.asf-pagination button.active{background:#744EE1;color:#fff;border-color:#744EE1;}
.asf-date-input-wrap{position:relative;display:flex;align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:6px;overflow:hidden;transition:.2s}
.asf-date-input-wrap:focus-within{border-color:#4a90d9;background:#fff}
.asf-date-input-wrap.asf-invalid{border-color:#d9534f;background:#fff5f5}
.asf-date-input-wrap input[type=text]{border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important;padding:10px 12px;flex:1;min-width:0;font-family:inherit;font-size:13px;direction:rtl;text-align:center;letter-spacing:1px}
.asf-date-spinner{display:flex;flex-direction:column;gap:1px;margin-right:4px;opacity:0;transition:opacity .15s}
.asf-date-input-wrap:hover .asf-date-spinner,.asf-date-input-wrap:focus-within .asf-date-spinner{opacity:1}
.asf-date-spinner button{background:none;border:none;padding:0 3px;cursor:pointer;color:#888;font-size:10px;line-height:1;display:block}
.asf-date-spinner button:hover{color:#4a90d9}
.asf-form select,.asf-form select option {font-family: Tahoma, sans-serif;}
.asf-form select option {white-space: nowrap;padding: 5px 10px;}

@media(max-width:600px){.asf-grid-2{grid-template-columns:1fr}.asf-row{flex-direction:column;}.asf-form select, .asf-form select option {max-width: 100% !important;}}