/* Cells (0047, port 5): the tile's list and the cell page's "In this cell" tab.
   Rows are the app's ordinary .item cards; this only adds the little the two
   screens need. Counts and the words "cell", "no asset number" carry the
   meaning; nothing is signalled by colour alone. */
.cellist .cellrow .b{font-weight:600;}
.cellist .cellrow .m,
.cellmember .m{font-family:var(--mono); font-size:11.5px; color:var(--muted); line-height:1.45; word-break:break-word;}
.cellmember .h .small{width:auto;}
.partof{margin:2px 0 0;}
.partof button.small{width:auto; margin-left:4px;}

/* A cell as a flat line, the way a machine in it, its no-number equipment and
   its open jobs are (STYLE-A): the code first (it is in every job number), the
   name, a line of detail, a caret. Open work is a pill with words, never a
   colour alone. The Add button sits under the list, the search over it. */
.cfind{margin:4px 0 10px;}
.crow{display:flex; align-items:center; gap:10px; width:100%; margin:0; padding:11px 4px; text-align:left; color:var(--text);
  background:none; border:0; border-bottom:1px solid var(--line); border-radius:0;}
button.crow:hover, .crow .crowmain:hover{background:var(--chrome);}
.crow .crowmain{display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0; padding:0; text-align:left;
  color:var(--text); background:none; border:0; border-radius:0;}
.crow .ccode{flex:none; min-width:4.2em; font-family:var(--mono); font-weight:700; font-size:14px;}
.crow .cmain{display:flex; flex-direction:column; flex:1 1 auto; min-width:0;}
.crow .cname{font-size:14.5px; overflow:hidden; text-overflow:ellipsis;}
.crow .cmeta{font-family:var(--mono); font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis;}
.crow .chev{flex:none; font-size:20px; color:var(--muted);}
.crow > button.small{flex:none; width:auto;}
.crow.small{padding:8px 4px;}
.cellview h3{margin:12px 0 4px;}
.cpick{max-height:50vh; margin-top:6px; overflow:auto;}