.dashboard-input-grid > .specimen { min-width:0; }
.dashboard-input-grid form { display:grid; gap:16px; margin-top:20px; }
.dashboard-input-grid form .field { margin:0; }
.dashboard-input-grid .di-result { color:var(--pv-secondary); font-size:12px; line-height:18px; overflow-wrap:anywhere; }
.di-result:empty { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.di-phone-fields { display:grid; grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr); gap:16px; }
.di-range-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.di-tag-example { margin-top:20px; }
.di-tag-example > label { display:block; font-weight:600; margin-bottom:8px; }
.di-tags { display:flex; flex-wrap:wrap; gap:8px; }
.di-tag { display:inline-flex; max-width:100%; align-items:center; gap:4px; padding:4px 4px 4px 12px; background:var(--pv-brand-soft); color:var(--pv-heading); border-radius:999px; }
.di-tag > span { overflow-wrap:anywhere; min-width:0; }
.di-tag > button { width:32px; height:32px; min-width:32px; min-height:32px; border:0; padding:6px; color:inherit; background:transparent; border-radius:50%; display:grid; place-items:center; }
.di-tag > button:hover { background:var(--pv-secondary-hover); }
.di-tag-entry { display:flex; align-items:center; gap:12px; }
.di-tag-entry input { min-width:0; flex:1; }
.di-tag-entry button { flex:none; }
.di-search-field { margin-top:20px; margin-bottom:12px; }
.di-search-control { position:relative; }
.di-search-control > svg { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:var(--pv-secondary); pointer-events:none; }
.di-search-control > input { padding-inline:48px!important; }
.di-search-control > input::-webkit-search-cancel-button { -webkit-appearance:none; }
.di-search-control > button { position:absolute!important; right:6px; top:50%; transform:translateY(-50%); }
.di-search-list { list-style:none; padding:0; margin:12px 0 0; display:grid; gap:6px; }
.di-search-list li { padding:12px 14px; border:1px solid var(--pv-border); border-radius:12px; overflow-wrap:anywhere; }
@media(max-width:800px) { .di-phone-fields { grid-template-columns:minmax(0,1fr); } }
@media(max-width:400px) { .di-range-fields { grid-template-columns:minmax(0,1fr); } .di-tag-entry { flex-wrap:wrap; } .di-tag-entry input { flex-basis:100%; } }
