/* Meetings module styles. Owned by the meetings module worker. Scoped under .gch-m-meetings (the tool root).
   Tokens and shared classes come from base.css. */

.gch-m-meetings .mt-me{color:var(--o-txt);font-weight:700}

/* list */
.gch-m-meetings td.c-date{color:var(--ink2)}
.gch-m-meetings td.c-actions{font-variant-numeric:tabular-nums}
.gch-m-meetings tr.has-mine td:first-child{box-shadow:inset 2px 0 0 var(--o)}

/* Phone cards: the meeting title is the first column, so put the date on the card's top line beside the status,
   and move the "yours" edge from the first cell to the whole card. */
@container gchlist (max-width:560px){
  .gch-m-meetings .gch-pane tbody tr[data-key] > td.c-date{display:block;grid-column:1;grid-row:1;padding:0;font-size:13px}
  .gch-m-meetings .gch-pane tbody tr.has-mine > td:first-child{box-shadow:none}
  .gch-m-meetings .gch-pane tbody tr.has-mine{box-shadow:inset 2px 0 0 var(--o)}
}

/* detail: back bar, head, facts */
.gch-m-meetings .mt-back{flex:none;display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--gut) 0 calc(var(--gut) - 10px)}
.gch-m-meetings .mt-series{font-size:13px;color:var(--mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gch-m-meetings .mt-pn{margin-left:auto;display:flex;gap:var(--s1);flex:none}
.gch-m-meetings.is-detail .gch-phead{padding-top:var(--s1)}
.gch-m-meetings .gch-phead .meta{display:inline-flex;align-items:center;gap:var(--s3)}
.gch-m-meetings .mt-when{color:var(--ink2);font-variant-numeric:tabular-nums}
.gch-m-meetings .mt-detail{flex:none;padding:0 var(--gut) var(--s8);container-type:inline-size;container-name:mtdetail}
.gch-m-meetings .mt-facts{display:flex;flex-wrap:wrap;gap:var(--s3) 0;margin:0 0 var(--s6);padding:var(--s3) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gch-m-meetings .mt-facts > div{padding:0 var(--s6) 0 0;margin-right:var(--s6);border-right:1px solid var(--line);min-width:0}
.gch-m-meetings .mt-facts > div:last-child{border-right:0;margin-right:0}
.gch-m-meetings .mt-facts dt{font-size:12px;color:var(--mid)}
.gch-m-meetings .mt-facts dd{margin:2px 0 0;font-size:13.5px;font-variant-numeric:tabular-nums}
.gch-m-meetings .mt-facts dd b{font-weight:600}
.gch-m-meetings .mt-draft{color:var(--ink2)}

.gch-m-meetings .mt-grid{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:var(--s8);align-items:start}

/* agenda */
.gch-m-meetings .mt-cat + .mt-cat{margin-top:var(--s8)}
.gch-m-meetings .mt-cath{display:flex;align-items:baseline;gap:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--line2);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.gch-m-meetings .mt-cath .n{color:var(--mid);font-variant-numeric:tabular-nums}
.gch-m-meetings .mt-item{padding:var(--s3) 0 var(--s4);border-bottom:1px solid var(--line)}
.gch-m-meetings .mt-item.is-target{margin:0 calc(-1 * var(--s3));padding-left:var(--s3);padding-right:var(--s3);background:var(--bg2);box-shadow:inset 2px 0 0 var(--o)}
.gch-m-meetings .mt-ih{display:flex;align-items:baseline;gap:var(--s2) var(--s3);flex-wrap:wrap}
.gch-m-meetings .mt-num{flex:none;width:44px;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums}
.gch-m-meetings .mt-ih h3{flex:1 1 260px;min-width:0;font-size:15px;font-weight:600;line-height:1.35}
.gch-m-meetings .mt-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.gch-m-meetings .mt-carried{gap:2px;padding-left:4px}
.gch-m-meetings .mt-carried .i{width:13px;height:13px;color:var(--mid)}
.gch-m-meetings .mt-standing{color:var(--mid);background:transparent;box-shadow:inset 0 0 0 1px var(--line2)}
.gch-m-meetings .mt-item.is-closed .mt-ih h3{color:var(--ink2)}
.gch-m-meetings .mt-notes,.gch-m-meetings .mt-acts,.gch-m-meetings .mt-links{margin-left:56px}
.gch-m-meetings .mt-notes{margin-top:6px;max-width:82ch}
.gch-m-meetings .mt-notes p.mid{display:inline;color:var(--mid)}

.gch-m-meetings .mt-acts{list-style:none;padding:0;margin-top:var(--s3);border-top:1px solid var(--line)}
.gch-m-meetings .mt-act{display:grid;grid-template-columns:68px minmax(0,1fr) 150px 150px;gap:var(--s3);align-items:center;min-height:44px;padding:4px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.gch-m-meetings .mt-act.is-mine{box-shadow:inset 2px 0 0 var(--o);padding-left:var(--s2);grid-template-columns:60px minmax(0,1fr) 150px 150px}
.gch-m-meetings .mt-act.is-done .mt-atx{color:var(--mid)}
.gch-m-meetings .mt-atx{min-width:0}
.gch-m-meetings .mt-new{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mid);margin-left:4px}
.gch-m-meetings .mt-adue{white-space:nowrap}

.gch-m-meetings .mt-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}
.gch-m-meetings .mt-link{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:0 10px;font-size:13px;text-decoration:none;color:var(--ink);background:var(--bg2);border:1px solid var(--line)}
.gch-m-meetings a.mt-link:hover{border-color:var(--edge);background:var(--bg3)}
.gch-m-meetings .mt-link .k{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mid)}
.gch-m-meetings .mt-link b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.gch-m-meetings .mt-link .t{min-width:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
.gch-m-meetings .mt-link .st{font-size:12px;color:var(--mid);white-space:nowrap}

/* side: attendees by company, distribution */
.gch-m-meetings .mt-side{position:sticky;top:var(--s4);display:flex;flex-direction:column;gap:var(--s4)}
.gch-m-meetings .mt-card{padding:var(--s3) var(--s4) var(--s4);background:var(--bg2);border:1px solid var(--line)}
.gch-m-meetings .mt-ch{display:flex;align-items:baseline;gap:var(--s2);margin-bottom:var(--s3);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.gch-m-meetings .mt-ch .n{margin-left:auto;font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--mid)}
.gch-m-meetings .mt-co + .mt-co{margin-top:var(--s3)}
.gch-m-meetings .mt-coh{padding-bottom:4px;margin-bottom:2px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mid)}
.gch-m-meetings .mt-person{display:flex;align-items:center;gap:var(--s2);padding:5px 0}
.gch-m-meetings .mt-person .nm{flex:1;min-width:0}
.gch-m-meetings .mt-person b{display:block;font-weight:500;font-size:13.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-meetings .mt-person small{display:block;font-size:12px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-meetings .mt-person.is-abs b{color:var(--ink2)}
.gch-m-meetings .mt-person.is-abs .gch-av{border-style:dashed;color:var(--mid)}
.gch-m-meetings .gch-av.mt-ext{border-style:dashed}
.gch-m-meetings .mt-pr{flex:none;font-size:12.5px;color:var(--ink2)}
.gch-m-meetings .mt-pr.is-abs,.gch-m-meetings .mt-pr.is-inv{color:var(--mid)}
.gch-m-meetings .mt-dist{font-size:13px;line-height:1.5;color:var(--ink2)}

/* narrower main area: side column drops below the agenda; action rows wrap */
@container mtdetail (max-width:980px){
  .gch-m-meetings .mt-grid{grid-template-columns:minmax(0,1fr)}
  .gch-m-meetings .mt-side{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@container mtdetail (max-width:680px){
  .gch-m-meetings .mt-notes,.gch-m-meetings .mt-acts,.gch-m-meetings .mt-links{margin-left:0}
  .gch-m-meetings .mt-num{width:auto}
  .gch-m-meetings .mt-act,.gch-m-meetings .mt-act.is-mine{grid-template-columns:auto minmax(0,1fr);row-gap:2px;padding:8px 0}
  .gch-m-meetings .mt-act.is-mine{padding-left:var(--s2)}
  .gch-m-meetings .mt-ast{grid-row:1 / span 2;align-self:start}
  .gch-m-meetings .mt-awho,.gch-m-meetings .mt-adue{grid-column:2;font-size:13px}
  .gch-m-meetings .mt-awho .bic.is-stack{flex-direction:row;gap:6px}
  .gch-m-meetings .mt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4)}
  .gch-m-meetings .mt-facts > div{padding:0;margin:0;border-right:0}
  .gch-m-meetings .mt-link .t{max-width:180px}
}
@media (max-width:759px){
  .gch-m-meetings .mt-series{display:none}
  .gch-m-meetings .gch-phead .meta{flex-wrap:wrap;gap:var(--s2)}
}

/* ------------------------------------------------------------------ shared kit (GCH.caKit, js/modules/meetings.js)
   Used by this worker's modules: Meetings, Daily logs, Punch list, History. Class prefix cak-. */
.cak-ib{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:0;background:none;border:1px solid transparent;color:var(--mid);cursor:pointer}
.cak-ib .i{width:16px;height:16px}
.cak-ib:hover:not([disabled]){color:var(--ink);border-color:var(--edge);background:var(--bg2)}
.cak-ib[disabled]{opacity:.35;cursor:default}
.cak-save{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--mid);white-space:nowrap}
.cak-save:empty{display:none}
.cak-save.is-saved{color:var(--ok)}
.cak-save.is-error{color:var(--danger);font-weight:600}
.cak-retry{padding:0 6px;min-height:22px;font:inherit;font-size:12px;font-weight:600;color:var(--ink);background:none;border:1px solid var(--danger);cursor:pointer}
.cak-tg{display:inline-flex;padding:0;background:none;border:0;cursor:pointer}
.cak-tg:hover .pill{box-shadow:inset 0 0 0 1px var(--edge)}
.cak-tg:focus-visible{outline:1px solid var(--o);outline-offset:2px}
.gch-dlg.cak-print-dlg{width:900px}
.cak-print{display:flex;flex-direction:column;gap:var(--s2);height:100%}
.cak-print .dlg-intro{margin:0}
.cak-print-f{display:block;width:100%;height:58vh;min-height:320px;border:1px solid var(--line2);background:#fff}
.gch-dlg.is-sheet .cak-print-f{height:52vh}
.cak-photo .fp-img{position:relative;display:block;aspect-ratio:4/3;max-height:56vh;margin:0 auto var(--s3);background:var(--bg3);overflow:hidden}
.cak-photo .fp-img svg{display:block;width:100%;height:100%;fill:none;stroke:var(--mid);stroke-width:1;stroke-linecap:square}
.cak-photo .fp-img svg .f{fill:var(--bg2)}
.cak-photo .fp-img svg .s{fill:var(--line);stroke:none}
.cak-photo .fp-img svg .e{stroke:var(--edge)}
.cak-photo .fp-img svg .lt{stroke:var(--line2)}
.cak-photo p{font-size:13.5px;line-height:1.5}
.cak-photo p + p{margin-top:4px}

/* ------------------------------------------------------------------ list: view switch, across jobs */
.gch-m-meetings .mt-late{color:var(--danger);font-weight:600}
.gch-m-meetings .mt-seg{flex:none;display:flex;gap:0;margin:0 var(--gut) var(--s3);border-bottom:1px solid var(--line)}
.gch-m-meetings .mt-seg button{display:inline-flex;align-items:baseline;gap:6px;min-height:36px;padding:0 var(--s3);margin-bottom:-1px;background:none;border:0;border-bottom:2px solid transparent;color:var(--ink2);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.gch-m-meetings .mt-seg button:hover{color:var(--ink)}
.gch-m-meetings .mt-seg button[aria-pressed="true"]{color:var(--ink);font-weight:600;border-bottom-color:var(--o)}
.gch-m-meetings .mt-seg .n{font-size:12.5px;font-weight:500;color:var(--mid);font-variant-numeric:tabular-nums}
.gch-m-meetings .mt-seg .mt-late{font-size:12.5px}
.gch-m-meetings .mt-mref{display:inline-flex;flex-direction:column;line-height:1.25}
.gch-m-meetings .mt-mref b{font-weight:500}
.gch-m-meetings .mt-mref small{font-size:12.5px;color:var(--mid)}
.gch-m-meetings .mt-series .jobref{font-size:13px}
@media (max-width:759px){
  .gch-m-meetings .mt-seg{overflow-x:auto;scrollbar-width:none}
  .gch-m-meetings .mt-seg button{padding:0 10px;font-size:13px}
}

/* ------------------------------------------------------------------ minutes: editing in place */
.gch-m-meetings .mt-edhint{display:flex;align-items:center;gap:var(--s2);margin:calc(-1 * var(--s3)) 0 var(--s6);font-size:13px;color:var(--ink2)}
.gch-m-meetings .mt-edhint .i{width:16px;height:16px;color:var(--mid)}
.gch-m-meetings .mt-ih .cak-save{align-self:center}
.gch-m-meetings .mt-tools{display:inline-flex;align-items:center;gap:2px;margin-left:auto;flex:none}
.gch-m-meetings .mt-catsel{min-height:30px;height:30px;padding:0 26px 0 8px;font-size:12.5px;background-color:transparent;border-bottom-color:var(--line2);color:var(--ink2);max-width:170px}
.gch-m-meetings .mt-tt.is-ed,.gch-m-meetings .mt-notes.is-ed{cursor:text}
.gch-m-meetings .mt-tt.is-ed:hover,.gch-m-meetings .mt-notes.is-ed:hover{box-shadow:0 1px 0 var(--edge)}
.gch-m-meetings .mt-tt.is-ed:focus-visible,.gch-m-meetings .mt-notes.is-ed:focus-visible{outline:1px solid var(--o);outline-offset:3px}
.gch-m-meetings .mt-notes.is-ed{padding:2px 0}
.gch-m-meetings .mt-inw{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px}
.gch-m-meetings .mt-notes + .mt-inw,.gch-m-meetings .mt-ih + .mt-inw{margin:6px 0 0 56px;max-width:82ch}
.gch-m-meetings .mt-in{width:100%;font-size:15px;font-weight:600}
.gch-m-meetings .mt-in.is-ml{min-height:88px;padding:var(--s2) var(--s3);font-size:14px;font-weight:400;line-height:1.5;resize:vertical}
.gch-m-meetings .mt-inw.is-bad .mt-in{border-bottom-color:var(--danger)}
.gch-m-meetings .mt-err{font-size:12.5px;font-weight:600;color:var(--danger)}
.gch-m-meetings .mt-err:empty{display:none}
.gch-m-meetings .mt-inh{font-size:12px;color:var(--mid)}
.gch-m-meetings .mt-edrow{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin:var(--s2) 0 0 56px}
.gch-m-meetings .mt-edrow .btn{color:var(--ink2)}
.gch-m-meetings .mt-side .mt-edrow{margin:var(--s2) 0 0}
.gch-m-meetings .mt-act.is-ed{grid-template-columns:68px minmax(0,1fr) 150px 150px 64px}
.gch-m-meetings .mt-act.is-ed.is-mine{grid-template-columns:60px minmax(0,1fr) 150px 150px 64px}
.gch-m-meetings .mt-aed{display:inline-flex;justify-content:flex-end;gap:2px}
.gch-m-meetings .mt-lk{display:inline-flex;align-items:stretch;max-width:100%}
.gch-m-meetings .mt-lk .cak-ib{height:auto;min-height:28px;border:1px solid var(--line);border-left:0;background:var(--bg2)}
.gch-m-meetings .mt-add{margin-top:var(--s8)}
.gch-m-meetings .mt-add-r{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.gch-m-meetings .mt-add-r select{flex:0 0 190px}
.gch-m-meetings .mt-add-r input{flex:1 1 260px;min-width:0}
.gch-m-meetings .mt-add.is-bad input{border-bottom-color:var(--danger)}
.gch-m-meetings .mt-add .mt-err{display:block;margin-top:4px}
.gch-m-meetings .mt-pr-b{flex:none;min-height:28px;padding:0 10px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ok);background:none;border:1px solid var(--line2);cursor:pointer}
.gch-m-meetings .mt-pr-b[aria-pressed="false"]{color:var(--mid);font-weight:500;border-style:dashed}
.gch-m-meetings .mt-pr-b:hover{border-color:var(--edge)}
.gch-m-meetings .mt-person .cak-ib{width:26px;height:26px}
.gch-m-meetings .mt-att > .cak-save{display:flex;margin:-4px 0 var(--s2)}
.gch-m-meetings .mt-hl{list-style:none;margin:0;padding:0}
.gch-m-meetings .mt-hl li{display:grid;grid-template-columns:98px minmax(0,1fr);gap:var(--s2);padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px;line-height:1.4}
.gch-m-meetings .mt-hl li:last-child{border-bottom:0}
.gch-m-meetings .mt-hl .w{color:var(--mid);white-space:nowrap}
.gch-m-meetings .mt-hl .a{color:var(--ink2)}
.gch-m-meetings .mt-hl .a b{color:var(--ink);font-weight:600}
.mt-popm button{flex-direction:column;align-items:flex-start;gap:2px}
.mt-popm button .n{margin-left:0;font-size:12px;white-space:normal;text-align:left}
@container mtdetail (max-width:680px){
  .gch-m-meetings .mt-edrow,.gch-m-meetings .mt-notes + .mt-inw,.gch-m-meetings .mt-ih + .mt-inw{margin-left:0}
  .gch-m-meetings .mt-act.is-ed,.gch-m-meetings .mt-act.is-ed.is-mine{grid-template-columns:auto minmax(0,1fr) auto}
  .gch-m-meetings .mt-aed{grid-column:3;grid-row:1 / span 3;align-self:start}
  .gch-m-meetings .mt-tools{margin-left:0;width:100%}
  .gch-m-meetings .mt-catsel{max-width:none;flex:1}
}

/* ------------------------------------------------------------------ round 3: Job column across jobs (number and short name) */
.gch-m-meetings td.c-job{white-space:nowrap}

/* Your own action item: Mark done (for the people who do not write the minutes) */
.gch-m-meetings .mt-own{margin-left:var(--s3);vertical-align:1px;border-color:var(--line2)}
.gch-m-meetings .mt-own:hover{border-color:var(--edge)}
.gch-m-meetings .mt-own .i{width:14px;height:14px}
.gch-m-meetings td.c-status .mt-own{margin-left:var(--s2)}
.gch-m-meetings td.c-status .pill{vertical-align:middle}

/* 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-meetings .gch-list .p4,.gch-m-meetings .gch-list:has(th.c-job) .c-series{display:none}
}