.mndir{font-family:inherit}
.mndir__controls{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 16px}
.mndir__search{position:relative;flex:1}
.mndir__search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d0d7de;border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff}
.mndir__search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.mndir__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}
.mndir__search-icon:before{content:"";display:block;width:16px;height:16px;background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') center/contain no-repeat;color:#6b7280}
.mndir__suggestions{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid #d0d7de;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 6px 16px rgba(0,0,0,.08);display:none;max-height:240px;overflow:auto}
.mndir__suggestions-item{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}
.mndir__suggestions-content{display:flex;align-items:center;gap:8px;flex:1}
.mndir__suggestions-logo{width:24px;height:24px;object-fit:contain;border-radius:2px}
.mndir__suggestions-name{flex:1}
.mndir__suggestions-link-icon{flex-shrink:0;color:#6b7280}
.mndir__suggestions-loading{padding:10px 12px;display:flex;align-items:center;gap:8px;color:#6b7280}
.mndir__suggestions-item:hover{background:#f3f4f6}

.mndir__sort{flex:0 0 auto}
.mndir__sort-select{padding:10px 12px;border:1px solid #d0d7de;border-radius:6px;background:#fff}
.mndir__sort-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}

.mndir__grid{min-height:80px}
.mndir__grid-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.mndir__card{text-decoration:none;color:inherit;display:block;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .15s,border-color .15s;padding:12px}
.mndir__card:hover{border-color:#c7d2fe;box-shadow:0 8px 20px rgba(37,99,235,.15)}
.mndir__card-media{display:flex;align-items:center;justify-content:center;height:96px;margin-bottom:8px}
.mndir__card-img{max-width:100%;max-height:100%;object-fit:contain}
.mndir__card-placeholder{width:72px;height:72px;border-radius:50%;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px}
.mndir__card-title{text-align:center;font-weight:600}

.mndir__loading{padding:16px;color:#6b7280}
.mndir__inline-loader{display:none;margin:8px 0 0;display:flex;align-items:center;gap:8px;color:#6b7280}
.mndir__spinner{width:16px;height:16px;border:2px solid #d1d5db;border-top-color:#2563eb;border-radius:50%;animation:mndir-spin 1s linear infinite}
@keyframes mndir-spin{to{transform:rotate(360deg)}}
.mndir__empty{padding:16px;color:#6b7280}

.mndir__pagination{margin-top:16px;display:flex;justify-content:center}
.mndir__pagination-inner{display:flex;gap:8px;flex-wrap:wrap}
.mndir__page{padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;background:#fff;cursor:pointer}
.mndir__page-ellipsis{display:inline-flex;align-items:center;padding:8px 4px;color:#6b7280}
.mndir__page[aria-current="page"]{background:#2563eb;border-color:#2563eb;color:#fff}
.mndir__page:hover{border-color:#2563eb}
.mndir__page[aria-disabled="true"]{opacity:.5;cursor:not-allowed}

@media (max-width: 640px){
	.mndir__controls{flex-direction:column;align-items:stretch}
	.mndir__sort{align-self:flex-end}
}