.field { display: grid; gap: 6px; }
.field label { font-weight: 700; font-size: .875rem; }
.input {
  min-height: 52px; width: 100%; padding: 0 16px; border-radius: 14px; border: 1px solid var(--line);
  background: var(--surface); color: var(--text); font-size: 1rem;
}
.input::placeholder { color: var(--text-muted); }
.input:focus { outline: 3px solid var(--focus); outline-offset: 0; border-color: transparent; }

.search-box { position: relative; }
.search-box .i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--text-muted); pointer-events: none; }
.search-box .input { padding-left: 50px; padding-right: 52px; min-height: 56px; border-radius: 999px; box-shadow: var(--shadow); }
.search-box .icon-btn { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); }
.search-box input::-webkit-search-cancel-button { display: none; }

/* Grupo de ajustes */
.setting { display: grid; gap: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); padding: 16px; }
.setting-head { display: flex; gap: 12px; align-items: center; }
.setting-head .ico { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--surface-2); color: var(--primary); flex: none; }
.setting-head div { display: grid; }
.setting-head small { color: var(--text-muted); font-size: .8125rem; }
a.search-box { display: block; text-decoration: none; }
.fake-input { display: block; line-height: 56px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.search-box:hover .input { border-color: var(--hover-line); }
.wayfind-link { text-decoration: none; border-radius: var(--r-md); }