/* Styles owned by WS-C (contacts, hosts and domain search).
   Linked from index.html after portal.css; scope every rule to that workstream's own views and classes. */
#host-create-actions{margin-bottom:16px}
.host-create>summary{cursor:pointer;font-weight:600;font-size:.86rem;color:var(--teal-strong)}
.host-form{display:grid;gap:10px;max-width:560px;margin-top:12px}
.host-field{display:block;font-weight:600;font-size:.82rem}
.host-field input,.host-field select{display:block;width:100%;margin-top:6px;font-weight:400}
.host-form>button{justify-self:start;width:auto;margin-left:0}
#host-detail .object-actions{display:grid;gap:22px}
.host-addresses{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 16px}
.host-check{display:flex;align-items:center;gap:8px;font-size:.82rem;font-family:var(--font-mono);cursor:pointer}
.host-check input{width:auto;margin:0}
.host-delete .host-form>button{border-color:var(--err);color:var(--err)}

/* Domain search (B20): the extra filters in the Domains panel and the operator's Domain Search view. */
#portfolio-filter-mount,.portfolio-search-mount{grid-column:1/-1}
.portfolio-search{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;margin:0;padding:12px;border:1px solid var(--border);border-radius:var(--r-md)}
.portfolio-search legend{padding:0 6px;color:var(--muted);font-size:.85rem}
.portfolio-search input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}
.portfolio-export{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.portfolio-export .notice{margin:0}
#module-content button.link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline;font:inherit}

#contact-create-actions{margin-bottom:16px}
.contact-create>summary{cursor:pointer;font-weight:600}
.contact-form{display:grid;gap:10px;max-width:560px;margin-top:12px}
.contact-field{display:block;font-weight:600;font-size:.82rem}
.contact-field input,.contact-field select{display:block;width:100%;margin-top:6px;font-weight:400}
.contact-form>button{justify-self:start;width:auto;margin-left:0}
#contact-detail .object-actions{display:grid;gap:22px}
.contact-delete button{border-color:var(--err);color:var(--err)}