/* Portal dashboard search styles */
    .dashboard-search-shell {
      display: grid;
      gap: 6px;
      width: auto;
    }
    .dashboard-search-box {
      display: flex;
      align-items: center;
      gap: 8px;
      height: 44px;
      padding: 0 14px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #161a1f;
      width: 198px;
      min-width: 198px;
      max-width: 198px;
    }
    .dashboard-search-box::before {
      content: "";
      width: 13px;
      height: 13px;
      border: 2px solid currentColor;
      border-radius: 999px;
      opacity: 0.82;
      flex: 0 0 auto;
      box-sizing: border-box;
      box-shadow: 6px 6px 0 -4px currentColor;
    }
    .dashboard-search-box input {
      flex: 1 1 auto;
      min-width: 0;
      border: 0;
      outline: none;
      background: transparent;
      color: inherit;
      font: inherit;
      padding: 0;
    }
    .dashboard-search-box input::placeholder {
      color: #8f9aa8;
    }
    .dashboard-search-summary {
      position: absolute;
      top: calc(100% + 8px);
      left: 0;
      width: min(320px, 72vw);
      display: none;
      color: #c8d2de;
      font-size: var(--fs-helper);
      line-height: 1.4;
      background: #161a1f;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 10px 12px;
      box-shadow: 0 18px 36px rgba(0,0,0,0.24);
      z-index: 45;
    }
    .dashboard-search-summary.show {
      display: block;
    }
    .dashboard-search-results {
      display: flex;
      flex-direction: column;
      gap: 6px;
      margin-top: 4px;
    }
    .dashboard-search-result {
      width: 100%;
      min-width: 0;
      padding: 8px 10px;
      border-radius: 10px;
      font-size: var(--fs-helper);
      font-weight: 700;
      text-align: left;
    }
    body.light-theme .dashboard-search-box {
      background: #ffffff;
      border-color: var(--line);
      color: var(--ink);
    }
    body.light-theme .dashboard-search-box input {
      color: var(--ink);
    }
    body.light-theme .dashboard-search-box input::placeholder {
      color: #6a7786;
    }

@media (max-width: 860px) {
      .dashboard-search-box {
        min-width: 0;
        width: 100%;
        max-width: none;
      }
      .dashboard-search-summary {
        width: 100%;
      }
}

@media (max-width: 620px) {
      .dashboard-search-shell,
      .dashboard-search-box {
        width: 100%;
      }
      .dashboard-search-box {
        min-width: 0;
        max-width: none;
      }
}