.sm-search-wrap{display:flex;align-items:center;gap:8px;position:relative;margin:12px 0 16px;width:100%;box-sizing:border-box}
.sm-search-input-box{position:relative;flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box}
.sm-search-input{width:100%;height:44px;padding:0 40px 0 38px;background:var(--surface-2);border:1px solid var(--border);border-radius:22px;color:var(--text-bright);font-size:15px;outline:none;box-sizing:border-box}
.sm-search-input:focus{border-color:var(--gold);background:var(--surface-3)}
.sm-search-icon{position:absolute;left:14px;top:13px;width:18px;height:18px;color:var(--text-muted);pointer-events:none}
.sm-search-clear{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;flex:0 0 auto;padding:0;box-sizing:border-box}

.sm-search-result{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:8px;margin-bottom:6px;width:100%;text-align:left;border:none;cursor:pointer;min-height:44px;box-sizing:border-box}
.sm-search-result:active{background:var(--surface-3)}
.sm-search-result .sm-res-icon{width:36px;height:36px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0}
.sm-search-result .sm-res-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}
.sm-search-result .sm-res-main{flex:1;min-width:0}
.sm-search-result .sm-res-main b{display:block;font-size:14px;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-search-result .sm-res-main small{font-size:12px;color:var(--text-muted)}
.sm-search-result .sm-res-kind{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--surface-3);color:var(--text-muted);text-transform:uppercase;flex-shrink:0}

.sm-command-badge {
  position: absolute; right: 14px; top: 12px;
  padding: 2px 7px; border-radius: 6px;
  background: var(--surface-container-high, rgba(255, 255, 255, 0.08));
  color: var(--on-surface-variant); font-size: 11px; font-weight: 700; pointer-events: none;
}
.sm-search-card {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  background: var(--surface-container); border-radius: var(--sm-radius-card);
  margin-bottom: 6px; padding-right: 12px; border: 1px solid var(--outline-variant);
  box-sizing: border-box; width: 100%;
}
.sm-search-card .sm-search-result { margin-bottom: 0; background: transparent; border: none; }
.sm-card-quick-action .btn { white-space: nowrap; min-height: 44px; }
.sm-search-tips { margin-top: 14px; text-align: left; background: var(--surface-container-high); padding: 12px 16px; border-radius: 12px; }
.sm-search-tips b { font-size: 13px; color: var(--on-surface); }

@media (max-width: 480px) {
  .sm-search-card {
    flex-wrap: wrap !important;
    padding: 6px 10px 10px !important;
  }
  .sm-search-card .sm-search-result {
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }
  .sm-search-card .sm-card-quick-action {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
  .sm-search-card .sm-card-quick-action .btn {
    width: 100% !important;
  }
}