.tm-panel{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}.tm-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.tm-heading h2{font-size:25px;letter-spacing:-.7px;margin:4px 0 10px}.tm-heading>.secondary{flex-shrink:0;font-size:12px}.tm-small,.tm-sample{font-size:12px;color:var(--muted,#647582);line-height:1.7}.tm-sample{padding:9px 14px;background:#f0f7f7;border-radius:8px}.tm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.tm-kpi{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;background:#f8fafb!important;color:var(--ink,#132c3e)!important;border:1px solid var(--line,#d7e2e8)!important;border-radius:12px;padding:18px!important;min-width:0}.tm-kpi.active{background:#102e40!important;border-color:#102e40!important;color:#fff!important}.tm-kpi span{font-size:12px;font-weight:650}.tm-kpi strong{font-size:32px;line-height:1;font-weight:650;letter-spacing:-1px}.tm-kpi small{font-size:11px;font-weight:400;line-height:1.55;opacity:.78}.tm-controls{display:flex;align-items:flex-end;gap:20px;margin:20px 0}.tm-search{flex:1;font-size:12px;font-weight:600;color:var(--muted)}.tm-search input{width:100%;margin-top:7px}.tm-display{display:flex;gap:4px;padding:4px;background:#eef3f5;border-radius:8px}.tm-display button{padding:9px 13px;font-size:12px;background:transparent;border-color:transparent;color:#486575;min-height:40px}.tm-display button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #11334617;color:#123448}.tm-layout{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.8fr);gap:22px;align-items:start}.tm-list{min-width:0}.tm-list>.tm-small{margin:0 0 10px}.tm-material{display:flex;flex-direction:column;gap:12px;align-items:stretch;background:#fff!important;color:#18384a!important;border:1px solid var(--line,#d7e2e8)!important;border-radius:12px;padding:18px!important;margin:0 0 12px;width:100%;text-align:left;font-weight:400!important}.tm-material:hover{border-color:#5ba1a7!important;box-shadow:0 4px 16px #1435410a}.tm-material.selected{border-color:#007a83!important;background:#f0f8f8!important;box-shadow:inset 3px 0 #007a83}.tm-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.tm-po{font-size:10px;letter-spacing:.5px;font-weight:700}.tm-material>strong{font-size:15px;line-height:1.55;font-weight:650}.tm-vendor{font-size:12px;color:#5c7581}.tm-badge{display:inline-flex;align-items:center;align-self:flex-start;border:1px solid #d5e1e5;background:#eef3f5;border-radius:20px;padding:4px 8px;font-size:10px;line-height:1.4;font-weight:700;color:#49616f}.tm-late{background:#fff1df;color:#925c13;border-color:#f2d2a4}.tm-transit{background:#e8f1fe;color:#375b9b;border-color:#cddcf4}.tm-received,.tm-confirmed{background:#e7f5f0;color:#21755c;border-color:#c5e5d8}.tm-card-dates{font-size:11px;color:#496777;line-height:1.7;display:grid;gap:2px;border-top:1px solid #dce9ec;padding-top:10px}.tm-draft-label{font-size:11px;color:#956014}.tm-mode-list .tm-material{padding:12px!important;gap:7px}.tm-mode-list .tm-card-dates{display:none}.tm-mode-list .tm-material>strong{font-size:13px}.tm-detail{background:#fff;border:1px solid var(--line,#d7e2e8);border-radius:14px;padding:24px;min-width:0}.tm-detail-heading h3{font-size:23px;letter-spacing:-.5px;margin:6px 0 13px}.tm-detail-heading .eyebrow{margin-top:0}.tm-detail h3{font-size:18px;margin-top:0}.tm-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.tm-facts>div{min-width:0}.tm-facts dt{font-size:11px;color:#657b87;margin-bottom:5px}.tm-facts dd{font-size:12px;line-height:1.7;margin:0;white-space:pre-wrap}.tm-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:25px 0 10px;padding:0}.tm-timeline li{position:relative;border-top:2px solid #dbe6e9;padding:18px 8px 0 0;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#365663}.tm-timeline li:last-child{border-top-color:transparent}.tm-timeline strong{font-size:11px;line-height:1.55}.tm-timeline small{font-size:10px;color:#6d8490;line-height:1.6}.tm-milestone-dot{position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:#0d858a;box-shadow:0 0 0 4px #fff}.tm-timeline .is-unknown .tm-milestone-dot{background:#fff;border:2px solid #becfd6}.tm-timeline .is-unknown>span:not(.tm-milestone-dot){color:#8598a2}.tm-evidence-block{margin:26px 0;padding-top:23px;border-top:1px solid #e0e9ed}.tm-quantity-group{border:1px solid #d4e5e7;background:#f5faf9;border-radius:10px;padding:17px;margin:16px 0}.tm-quantity-group>strong{display:block;font-size:18px;color:#0f5f66}.tm-quantity-group>small{display:block;font-size:11px;color:#607e83;line-height:1.65;margin:6px 0 16px}.tm-receipt-bar{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0;font-size:11px;color:#54717b}.tm-receipt-bar strong{color:#234f58;font-size:12px}.tm-track{grid-column:1/-1;height:9px;border-radius:20px;background:#e0edef;overflow:hidden}.tm-track>div{height:100%;background:linear-gradient(90deg,#0e6976,#33a6a0);border-radius:20px}.tm-detail details{border-top:1px solid #e2eaed;padding:15px 0}.tm-detail summary{cursor:pointer;min-height:28px;font-size:12px;font-weight:650;line-height:1.7}.tm-detail summary:focus-visible,.tm-panel button:focus-visible,.tm-panel a:focus-visible{outline:3px solid #60bfc8;outline-offset:3px}.tm-empty{font-size:13px;line-height:1.7;color:#607784;padding:17px;background:#f3f7f8;border-radius:9px}.tm-link{font-size:12px;font-weight:650;display:inline-flex;align-items:center;min-height:44px;margin-right:15px}.tm-record,.tm-unit{padding:15px;background:#f5f8f9;border-radius:8px;margin:12px 0;font-size:12px}.tm-unit .tm-facts{margin-bottom:0}.tm-record p{white-space:pre-wrap}.tm-document{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #e0e9ed}.tm-document>strong{flex:1;min-width:170px;font-size:13px}.tm-document>small{font-size:10px;color:#6e8590}.tm-document button{font-size:11px}.tm-preview{width:100%}.tm-preview>button{margin:10px 0}.tm-preview img,.tm-preview iframe{width:100%;display:block;border:1px solid #d9e5e8;border-radius:10px;max-height:520px;object-fit:contain}.tm-preview iframe{height:420px}.tm-sample-document{padding:28px;background:linear-gradient(135deg,#0f3041,#0c5760);border-radius:12px;color:white;min-height:280px}.tm-sample-document>span{font-size:9px;letter-spacing:1.8px;color:#a5dddd}.tm-sample-document h4{font-size:24px;letter-spacing:-.5px;margin:30px 0 8px}.tm-sample-document p{font-size:12px;color:#c5e4e8}.tm-sample-document small{font-size:10px;color:#a8cdd2}.tm-film-swatch{height:56px;margin:20px 0;background:linear-gradient(130deg,#ffffff08,#cfecedaa 42%,#ffffff0b 62%,#ffffff40);border:1px solid #ffffff55;border-radius:6px;transform:skewY(-3deg)}.tm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:24px -1px 10px;padding:22px;background:#f6f9fa;border:1px solid #d9e6e9;border-radius:12px}.tm-form>h3,.tm-form>.tm-small,.tm-form-status,.tm-conflict{grid-column:1/-1;margin:0}.tm-field{min-width:0;display:block;font-size:11px;font-weight:600;color:#526e7b}.tm-field:has(textarea){grid-column:1/-1}.tm-field input,.tm-field select,.tm-field textarea{display:block;width:100%;font-weight:400;font-size:13px;margin-top:7px;border:1px solid #bdcdd6;background:#fff;color:#17384b;border-radius:7px;padding:10px;min-height:44px;box-sizing:border-box}.tm-field textarea{min-height:108px;font:inherit;line-height:1.7;resize:vertical}.tm-form>button{justify-self:start;font-size:12px}.tm-form-status{font-size:12px;line-height:1.7;color:#126a72;min-height:20px}.tm-error{color:#ac3d35}.tm-conflict{padding:14px;background:#fff3e6;border:1px solid #eccca5;border-radius:8px;font-size:12px;line-height:1.7}.tm-conflict button{font-size:11px}
@media(max-width:1100px){.tm-layout{grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr)}.tm-detail{padding:20px}.tm-heading{flex-direction:column;gap:8px}.tm-timeline{grid-template-columns:1fr}.tm-timeline li{border-top:0;border-left:2px solid #dbe6e9;margin-left:5px;padding:0 0 19px 20px;display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.tm-timeline li:last-child{border-left-color:transparent}.tm-timeline small{grid-column:1/-1}.tm-milestone-dot{left:-6px;top:3px}.tm-kpi{padding:14px!important}.tm-kpi span{font-size:11px}}
@media(max-width:760px){.tm-layout{grid-template-columns:1fr}.tm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tm-list>.tm-small,.tm-list>.tm-empty{grid-column:1/-1}.tm-material{margin:0}.tm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-kpi strong{font-size:28px}.tm-heading h2{font-size:22px}.tm-controls{flex-direction:column;align-items:stretch;gap:13px}.tm-display{align-self:flex-start}.tm-form{padding:17px}.tm-detail{padding:20px}.tm-field input,.tm-field select,.tm-field textarea,.tm-search input{font-size:16px}.tm-timeline{margin-top:25px}.tm-preview iframe{height:330px}}
@media(max-width:440px){.tm-list{grid-template-columns:1fr}.tm-form,.tm-facts{grid-template-columns:1fr}.tm-detail{padding:16px}.tm-form{padding:14px}.tm-form>button{width:100%}.tm-material{padding:14px!important}.tm-heading>.secondary{width:100%;white-space:normal}.tm-kpis{gap:8px}.tm-kpi{padding:13px!important}.tm-kpi small{font-size:10px}.tm-kpi span{min-height:31px}.tm-timeline li{grid-template-columns:1fr}.tm-timeline small{grid-column:auto}.tm-sample-document{padding:20px}}
@media print{.tm-controls,.tm-form,.tm-heading>button,.tm-kpi,.tm-list,.tm-link,.tm-document>button{display:none!important}.tm-layout{display:block}.tm-detail{border:0;padding:0}}
.tm-ticket-dates{border:1px solid #d7e6e9;background:#f8fbfb;padding:18px;border-radius:12px;margin:18px 0}.tm-ticket-dates h3{margin:0;font-size:16px}.tm-ticket-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tm-ticket-date-card{padding:14px;background:#fff;border:1px solid #e0e9ec;border-radius:8px;min-width:0}.tm-ticket-date-card>strong{font-size:13px}.tm-ticket-date-card .tm-facts{grid-template-columns:1fr;gap:10px;margin:12px 0 0}@media(max-width:760px){.tm-ticket-date-grid{grid-template-columns:1fr}}
.tm-ticket-dates:empty{display:none}.tm-quick-actions{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.tm-quick-actions button{font-size:11px;padding:9px 12px;min-height:42px}

.tm-receiving{padding:18px 0;border-top:1px solid #d6e2eb}.tm-receiving-line,.tm-receiving-entry{margin:12px 0;padding:14px;border:1px solid #cddfe7;border-radius:12px;min-width:0;background:#f8fcfd}.tm-receiving-line>small,.tm-receiving-entry>small{display:block;overflow-wrap:anywhere;color:#596d7a;font-size:10px;margin:5px 0}.tm-receiving-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.tm-receiving-totals dt{font-size:11px;color:#526976}.tm-receiving-totals dd{margin:4px 0;font-size:16px;font-weight:700;overflow-wrap:anywhere}.tm-receiving progress{width:100%;height:10px;accent-color:#007f8b}.tm-receiving-form{display:block}.tm-receiving-form>label,.tm-receiving-entry>label{display:block;margin:12px 0}.tm-receiving-form input[type=checkbox]{width:20px;height:20px;display:inline-block;vertical-align:middle;margin:0 8px;accent-color:#007f8b}.tm-receiving-entry legend{font-weight:700;padding:0 5px;max-width:100%;overflow-wrap:anywhere}.tm-receiving summary{font-weight:700;cursor:pointer;padding:12px 0}.tm-receiving-form .tm-quick-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:460px){.tm-receiving-totals{grid-template-columns:1fr}.tm-receiving-line{padding:12px}.tm-receiving-form button{white-space:normal}}

/* b688tl Build 2 (2026-10-05): what the PO itself says, on the ticket - its lines, total and the request it answered */
.tm-po-order .tm-po-lines{width:100%;border-collapse:collapse;margin:10px 0 6px;font-size:13px}.tm-po-order .tm-po-lines th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.02em;color:#5b6b73;border-bottom:1px solid #cddfe7;padding:6px 8px}.tm-po-order .tm-po-lines td{border-bottom:1px solid #e6eef2;padding:7px 8px;vertical-align:top;overflow-wrap:anywhere}.tm-po-order .tm-po-lines td:nth-child(n+2),.tm-po-order .tm-po-lines th:nth-child(n+2){text-align:right;white-space:nowrap}.tm-po-requests h4{margin:12px 0 4px;font-size:13px}.tm-po-requests p{margin:3px 0}
@media (max-width:640px){.tm-po-order .tm-po-lines{font-size:12px}.tm-po-order .tm-po-lines th,.tm-po-order .tm-po-lines td{padding:6px 5px}}