/* Company — #view-company: the practice's people, project ownership and the
   hand-over log. Loads AFTER main.css.

   People rows deliberately reuse .shr-row / .shr-who / .shr-mail / .shr-role /
   .shr-btn from main.css (the Share dialog's roster) so the two lists read as
   one idea; nothing of theirs is redefined here. Only what this screen adds is
   below, all scoped to #view-company so the .cmp-* names can never leak.
   Board hexes are used literally, as the other ported screens do. */

#view-company .cmp-lead{font-size:12.5px;line-height:1.6;color:var(--muted);margin:0 0 14px;max-width:70ch;}
#view-company .cmp-note{font-size:11px;line-height:1.55;color:var(--muted);margin:10px 0 0;max-width:70ch;}
#view-company .cmp-note-top{margin:0 0 12px;}
#view-company .cmp-note strong{color:var(--dark);font-weight:600;}
#view-company .cmp-empty{font-size:12px;color:var(--muted);padding:10px 2px;}
#view-company .cmp-loading{font-size:12px;color:var(--muted);padding:14px 2px;}
#view-company .cmp-you{color:var(--muted);font-weight:400;}
/* "owns N" on a person's row: they cannot be removed until those are handed
   over, so the reason is visible before the button refuses. */
#view-company .cmp-owns{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--bg-2,#F2F0EA);color:var(--muted);border-radius:5px;padding:1px 6px;margin-left:6px;white-space:nowrap;}

/* the company's own header row */
#view-company .cmp-plan{background:var(--accent-l);color:var(--accent-dk);border-color:transparent;}
#view-company .cmp-rename,#view-company .cmp-create{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 0;}
#view-company .cmp-rename input,#view-company .cmp-create input{flex:1;min-width:200px;max-width:340px;margin:0;}

/* people list spacing — the rows themselves are .shr-row from main.css */
#view-company .shr-list{display:flex;flex-direction:column;gap:6px;}
#view-company .cmp-invite{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;}
#view-company .cmp-invite input{flex:1;min-width:200px;margin:0;}
/* main.css sets input,select,textarea{width:100%} at (0,0,3); the email input
   escapes it via flex-basis but a bare select does not, and would push the row
   to wrap. Size it to its content instead. */
#view-company .cmp-invite select{margin:0;width:auto;flex:0 0 auto;min-width:118px;}

/* one project the admin can re-own but never open */
#view-company .cmp-proj{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:12.5px;margin-bottom:6px;flex-wrap:wrap;}
#view-company .cmp-proj-who{flex:1;min-width:180px;font-weight:600;display:flex;flex-direction:column;}
#view-company .cmp-proj-num{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--muted);}
#view-company .cmp-owner-sel{margin:0;font-size:11.5px;padding:4px 8px;width:auto;flex:0 0 auto;max-width:190px;}

/* the hand-over log. A row where the admin took the project themselves is
   marked, because that is the one case the permission model cannot prevent and
   the whole practice is meant to be able to see it. */
#view-company .cmp-log{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--border);padding:6px 0 6px 12px;margin-bottom:8px;}
#view-company .cmp-log-main{font-size:12.5px;line-height:1.5;color:var(--dark);}
#view-company .cmp-log-meta{font-size:10.5px;color:var(--muted);}
#view-company .cmp-log-self{border-left-color:var(--amber,#B8862B);}
#view-company .cmp-log-tag{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--amber-l,#FBF0D8);color:var(--amber,#8A6516);border-radius:5px;padding:1px 6px;white-space:nowrap;}

@media (max-width:700px){
  #view-company .cmp-proj{align-items:flex-start;}
  #view-company .cmp-owner-sel{max-width:100%;}
}