/* Truelimbs ERP v5.5.27.1 — customer shipment publishing + product inventory components */
.tl-portal-card{border:1px solid #d7e1ea;background:#fbfdff;border-radius:10px;padding:12px;margin-top:10px}
.tl-portal-card .tl-title{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#0b2f4a;margin-bottom:7px}
.tl-portal-note{font-size:10px;line-height:1.45;color:#667085;margin-top:6px}
.tl-portal-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tl-portal-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:8.5px;font-weight:800;background:#e8f4f7;color:#17657b;margin-top:4px}
.tl-portal-badge.live{background:#eaf7ef;color:#1e7a4a}.tl-portal-badge.off{background:#f2f4f7;color:#667085}.tl-portal-badge.warn{background:#fff4e5;color:#9a6700}
.tl-portal-action{white-space:nowrap}
.tl-portal-pane .wf-form .full{grid-column:1/-1}
.tl-portal-pane select,.tl-portal-pane input,.tl-portal-pane textarea{width:100%}
.tl-portal-preview{border:1px solid #d7e1ea;border-radius:9px;overflow:auto;margin-top:10px;background:#fff}
.tl-portal-preview table{width:100%;border-collapse:collapse;font-size:10px}.tl-portal-preview th{background:#0b2f4a;color:#fff;text-align:left;padding:7px}.tl-portal-preview td{padding:7px;border-bottom:1px solid #e8eef3}

#tlProductComponents{margin-top:18px;padding-top:17px;border-top:1px solid #d7e1ea}
.tlpc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.tlpc-head h4{margin:0;color:#0b2f4a;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.tlpc-head p{margin:4px 0 0;color:#667085;font-size:9.5px;line-height:1.4}
.tlpc-add{display:grid;grid-template-columns:minmax(220px,1fr) 95px auto auto;gap:8px;align-items:end;padding:10px;background:#f7fafc;border:1px solid #d7e1ea;border-radius:9px}
.tlpc-add label,.tlpc-self label{display:block;font-size:8.5px;font-weight:800;text-transform:uppercase;color:#667085;margin-bottom:4px}.tlpc-add select,.tlpc-add input{width:100%;padding:8px;border:1px solid #d7e1ea;border-radius:7px;background:#fff}
.tlpc-check{display:flex!important;align-items:center;gap:6px;height:34px;text-transform:none!important;font-size:9px!important}.tlpc-check input{width:auto!important}
.tlpc-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:9.5px}.tlpc-table th{background:#0b2f4a;color:white;padding:7px;text-align:left}.tlpc-table td{padding:7px;border-bottom:1px solid #e8eef3;vertical-align:middle}.tlpc-table input[type=number]{width:75px;padding:6px;border:1px solid #d7e1ea;border-radius:6px}.tlpc-missing{color:#b42318;font-weight:800}.tlpc-stock-good{color:#1e7a4a;font-weight:800}.tlpc-stock-low{color:#b54708;font-weight:800}
.tlpc-self{margin-top:10px;padding:10px;border:1px solid #d7e1ea;border-radius:9px;background:#fff}.tlpc-self label{display:flex;align-items:center;gap:8px;text-transform:none;font-size:10px;margin:0;color:#17212b}.tlpc-self input{width:auto}
.tl-stock-card{border:1px solid #d7e1ea;border-radius:10px;padding:12px;margin-top:12px;background:#fff}.tl-stock-card h3{font-size:11px;color:#0b2f4a;margin:0 0 8px}.tl-stock-lines{font-size:10px;line-height:1.65}.tl-stock-ok{color:#1e7a4a;font-weight:800}.tl-stock-warn{color:#b54708;font-weight:800}.tl-stock-muted{color:#667085}
@media(max-width:850px){.tlpc-add{grid-template-columns:1fr 90px}.tlpc-add .tlpc-wide{grid-column:1/-1}}