/* Sent (tool id 'transmittals') styles. Owned by the transmittals module worker. Scoped under .gch-m-transmittals;
   the composer dialog lives outside the tool root and is scoped under .gch-dlg.st-dlg.
   Tokens and shared classes come from base.css. */

.gch-m-transmittals .tr-me{color:var(--o-txt);font-weight:700}
.gch-m-transmittals .tr-purpose{margin:0;padding:0 24px 12px;color:var(--ink2);font-size:13px;line-height:1.5}
.gch-m-transmittals .tr-late-t{color:var(--danger);font-weight:600}

/* list */
.gch-m-transmittals td.c-type{white-space:nowrap}
.gch-m-transmittals td.c-sent{color:var(--ink2)}
.gch-m-transmittals .st-no{margin-right:8px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink2)}
.gch-m-transmittals .st-cnt{font-variant-numeric:tabular-nums;color:var(--ink2)}
.gch-m-transmittals .st-cnt b{font-weight:600;color:var(--ink)}
.gch-m-transmittals .st-cnt.is-late,.gch-m-transmittals .st-cnt.is-late b{color:var(--danger)}
.gch-m-transmittals .tr-mine{font-weight:500}
.gch-m-transmittals .tr-mine.is-ack{color:var(--ink2);font-weight:400}
.gch-m-transmittals .tr-mine.is-late{color:var(--danger);font-weight:600}
.gch-m-transmittals tr.is-owed td:first-child{box-shadow:inset 2px 0 0 var(--o)}
/* as a card (narrow list) the mark belongs to the row, not to its first cell */
@container gchlist (max-width:560px){
  .gch-m-transmittals tr.is-owed td:first-child{box-shadow:none}
  .gch-m-transmittals .gch-pane tbody tr.is-owed{box-shadow:inset 2px 0 0 var(--o)}
}

/* Recipients: one row per person, the delivery steps underneath */
.gch-m-transmittals .tr-sum{margin-bottom:var(--s2);font-size:13px;color:var(--ink2)}
.gch-m-transmittals .tr-rcpts{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.gch-m-transmittals .tr-rcpt{padding:10px 0 12px;border-bottom:1px solid var(--line)}
.gch-m-transmittals .tr-rcpt.is-me{margin-left:-12px;padding-left:10px;box-shadow:inset 2px 0 0 var(--o)}
.gch-m-transmittals .tr-who{display:flex;align-items:center;gap:var(--s2);min-width:0}
.gch-m-transmittals .tr-who .nm{flex:1;min-width:0}
.gch-m-transmittals .tr-who b{display:block;font-weight:600;font-size:13.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-transmittals .tr-who small{display:block;font-size:12px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-transmittals .tr-who .pill{flex:none}
.gch-m-transmittals .gch-av.tr-ext{border-style:dashed;color:var(--ink2)}
.gch-m-transmittals .tr-guest{flex:none;font-size:11.5px;padding:1px 6px}
.gch-m-transmittals .tr-track{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--s2)}
.gch-m-transmittals .tr-track.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gch-m-transmittals .tr-track li{position:relative;padding-top:10px;min-width:0}
.gch-m-transmittals .tr-track li::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--line2)}
.gch-m-transmittals .tr-track li.is-done::before{background:var(--ink2)}
.gch-m-transmittals .tr-track li.is-na::before{background:repeating-linear-gradient(90deg,var(--line2) 0 4px,transparent 4px 7px)}
.gch-m-transmittals .tr-track .k{display:block;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--mid)}
.gch-m-transmittals .tr-track li.is-done .k{color:var(--ink2)}
.gch-m-transmittals .tr-track .d{display:block;font-size:12.5px;color:var(--mid);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gch-m-transmittals .tr-track li.is-done .d{color:var(--ink)}
.gch-m-transmittals .tr-rcpt.is-late .tr-track li:last-child::before{background:var(--danger)}
.gch-m-transmittals .tr-rcpt.is-late .tr-track li:last-child .d{color:var(--danger)}
.gch-m-transmittals .tr-late{margin:6px 0 0;font-size:12.5px;font-weight:600;color:var(--danger)}
.gch-m-transmittals .tr-hidden{display:flex;align-items:center;gap:6px;margin-top:var(--s2);font-size:12.5px;color:var(--mid)}
.gch-m-transmittals .tr-hidden .i{width:14px;height:14px}
.gch-m-transmittals .tr-rmore{flex:none;min-width:30px;padding:0 4px}
.gch-m-transmittals .tr-rmore .i{width:16px;height:16px}
.gch-m-transmittals .tr-note{margin:6px 0 0;font-size:12.5px;color:var(--ink2)}

/* the composer (Send files…): what is going out, then who, why and a note */
.gch-dlg.st-dlg .st-files{margin:0 0 var(--s4);padding:var(--s2) var(--s3) var(--s3);background:var(--bg);border:1px solid var(--line)}
.gch-dlg.st-dlg .st-files-h{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s1) 0}
.gch-dlg.st-dlg .st-files-h .lbl{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
.gch-dlg.st-dlg .st-files-h b{font-size:13.5px;font-weight:600}
.gch-dlg.st-dlg .st-files ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gch-dlg.st-dlg .st-files li{display:flex;align-items:center;gap:var(--s2);min-height:32px;border-bottom:1px solid var(--line);font-size:13.5px;min-width:0}
.gch-dlg.st-dlg .st-files li .k{flex:none;width:76px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mid)}
.gch-dlg.st-dlg .st-files li .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-dlg.st-dlg .st-files li .pk-rm{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:0;color:var(--mid);cursor:pointer}
.gch-dlg.st-dlg .st-files li .pk-rm:hover{color:var(--danger)}
.gch-dlg.st-dlg .st-files li .pk-rm .i{width:14px;height:14px}
.gch-dlg.st-dlg .st-files p{margin:var(--s1) 0 0;font-size:13.5px}
.gch-dlg.st-dlg .st-files p a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.gch-dlg.st-dlg .st-more{margin-top:var(--s2)}
.gch-dlg.st-dlg .ff[data-field="emails"] textarea{min-height:38px;height:38px}
/* Purpose and the acknowledgement box share a row; the date it asks for sits under the box once it is ticked. */
.gch-dlg.st-dlg .ff[data-field="ack"]{align-self:end}
.gch-dlg.st-dlg .ff[data-field="ack"] .ff-check{min-height:36px}
.gch-dlg.st-dlg .ff[data-field="ackDue"]{grid-column:2}
.gch-dlg.st-dlg .ff[data-field="ackDue"][hidden]{display:none}

@media (max-width:759px){
  .gch-m-transmittals .tr-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}
  .gch-m-transmittals .tr-track.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gch-m-transmittals .tr-guest:not(.is-pdf){display:none}
  .gch-dlg.st-dlg .st-files li .k{width:60px}
  .gch-dlg.st-dlg .ff[data-field="ackDue"]{grid-column:1 / -1}
}

/* FX2: drafts are not in the Sent log; they sit in one strip above it */
.gch-m-transmittals .tr-col{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.gch-m-transmittals .tr-drafts{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);padding:var(--s2) var(--gut);border-bottom:1px solid var(--line);font-size:13px}
.gch-m-transmittals .tr-drafts .k{flex:none;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
.gch-m-transmittals .tr-drafts .k b{margin-left:4px;color:var(--ink);font-variant-numeric:tabular-nums}
.gch-m-transmittals .tr-draft{display:inline-flex;align-items:baseline;gap:0 6px;min-width:0;max-width:100%;min-height:32px;padding:5px 10px;color:var(--ink);text-decoration:none;border:1px dashed var(--line2)}
.gch-m-transmittals .tr-draft:hover{border-color:var(--edge);background:var(--bg3)}
.gch-m-transmittals .tr-draft.is-on{border-style:solid;border-color:var(--o)}
.gch-m-transmittals .tr-draft .st-no{margin-right:0}
.gch-m-transmittals .tr-draft .s{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.gch-m-transmittals .tr-draft .w{flex:none;color:var(--mid);font-size:12.5px;white-space:nowrap}
@media (max-width:759px){
  .gch-m-transmittals .tr-drafts{padding:var(--s2) var(--gut)}   /* the page's own gutter, so the strip lines up with the title and the rows */
  .gch-m-transmittals .tr-draft{flex-wrap:wrap;width:100%}
  .gch-m-transmittals .tr-draft .w{flex-basis:100%;white-space:normal}
}

/* FX2 laptop band. A 1366px window with the rail open leaves a list 1134px (1280px: 1048px), just above the width at
   which the shared list drops its fourth-priority columns, so the title was squeezed to its minimum and the table
   scrolled inside the pane. In this tool the columns that give way first go at 1220px, so the title keeps the width. */
@container gchlist (max-width:1220px){
  .gch-m-transmittals .gch-list .p4,.gch-m-transmittals .gch-list .c-purpose{display:none}
  /* "2 of 3 opened" over "0 of 3 acknowledged": two lines, so What keeps the width */
  .gch-m-transmittals .gch-list td.c-acks{white-space:normal}
}