/* THE ORGANIZATIONS ROOM (view-organizations, view-organization-detail) — its stylesheet.
 *
 * Linked right after app.css (see the room-css markers in index.html). Holds the rules
 * only this room's elements use: the "Fill in the blanks" proposals panel. Everything
 * else the room draws is shared and stays in app.css: the card/list grid
 * (#organizationList, shared with #contactList), the search field, the profile header,
 * the tabs, the side boxes, the avatar looks, the view-mode chips.
 *
 * Moved from app.css in the 15 Oct rebuild with the same declarations. No !important
 * was ever used on these rules, so none was removed; .orgfill-org:first-of-type is
 * gone because it can never match (the head div always comes first among the divs).
 */

/* ==========================================================
   WHAT A COMPANY SAYS ABOUT ITSELF, PROPOSED.
   Everything arrives unticked — see the note in rooms/organizations.js. This
   screen writes into 150 organizations and a pre-ticked
   proposal is a decision somebody else made.
   ========================================================== */
.orgfill{ border:1px solid var(--glass-border); border-radius:var(--radius-card); background:var(--glass-bg);
  padding:var(--space-3) var(--space-4); margin-bottom:var(--space-4); }
.orgfill-head{ display:flex; gap:var(--space-3); align-items:baseline; flex-wrap:wrap; margin-bottom:var(--space-3); }
.orgfill-note{ font-size:var(--type-body); color:var(--text-faint); }
.orgfill-org{ padding:var(--space-2) 0; border-top:1px solid var(--glass-border); }
.orgfill-org-name{ font-size:var(--type-body); font-weight:600; margin-bottom:var(--space-2); }
.orgfill-dom{ font-weight:400; font-size:var(--type-label); color:var(--text-faint); margin-left:var(--space-2); }
.orgfill-row{ display:flex; gap:var(--space-2); align-items:flex-start; padding:var(--space-1) var(--space-2);
  border-radius:var(--radius-control); cursor:pointer; }
.orgfill-row:hover{ background:var(--glass-border-hi); }
.orgfill-row input{ margin-top:var(--space-1); flex:none; }
.orgfill-field{ display:block; font-size:var(--type-label); letter-spacing:.05em;
  text-transform:uppercase; color:var(--text-faint); }
.orgfill-val{ display:block; font-size:var(--type-body); line-height:1.45; }
.orgfill-foot{ display:flex; gap:var(--space-2); align-items:center; flex-wrap:wrap;
  padding-top:var(--space-3); border-top:1px solid var(--glass-border); margin-top:var(--space-2); }