select {
  width: 100%;
  border: 1px solid #d4cfc8;
  border-radius: 8px;
  padding: 12px 13px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}
label small { color: var(--muted); font-weight: 500; }
h3 { margin: 20px 0 10px; }
.tile-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.featured-tile { border-color: rgba(185, 44, 36, .35); background: linear-gradient(145deg, #fffefa, #fff7f5); }
.table-card { padding-inline: 20px; }
.status-ok { background: #e8f6ed; color: #215f3f; }
.status-blocked { background: #fff0ef; color: #8e211b; }
.status-expired { background: #fff7e8; color: #805a13; }
.subform { margin-top: 22px; padding-top: 8px; border-top: 1px solid var(--line); }
.subform.is-disabled { opacity: .48; }
.inline-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.text-action { border: 0; background: transparent; color: var(--red); padding: 6px 0 0; text-align: left; cursor: pointer; }
.form-submit-bar { position: sticky; bottom: 10px; z-index: 5; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255, 254, 250, .96); box-shadow: var(--shadow); }
.credential-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 16px; }
.credential-card { padding: 22px; }
.credential-card small { display: block; margin-top: 8px; color: var(--muted); }
.secret-display { font-family: Consolas, monospace; font-size: 18px; font-weight: 750; }
.compact-details { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.compact-table { min-width: 760px; }
.inline-action-form { display: grid !important; grid-template-columns: minmax(110px, .65fr) 1fr; gap: 8px; }
.checkbox-label { display: flex !important; align-items: center; gap: 9px; padding-top: 30px; }
.checkbox-label input[type="checkbox"] { width: auto; }
.hash { display: inline-block; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.upload-progress-panel { display: grid; gap: 12px; }
.upload-progress-panel progress { width: 100%; height: 18px; }
@media (max-width: 920px) {
  .tile-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .credential-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .tile-grid-3 { grid-template-columns: 1fr; }
  .inline-control, .inline-action-form { grid-template-columns: 1fr; }
}