.cmam-tab table { width: 100%; border-collapse: collapse; }
.cmam-tab table th { text-align: left; }
.cmam-tab table th, .cmam-tab table td { vertical-align: top; padding: 12px 10px; }
.cmam-tab .cmam-code { width: 18%; white-space: nowrap; }
.cmam-tab .cmam-qty { width: 14%; white-space: nowrap; }
.cmam-product-link { font-weight: 600; }
.cmam-note { margin-top: 4px; opacity: .78; font-size: .92em; }
.cmam-related-section + .cmam-related-section { margin-top: 24px; }
.cmam-related-section ul { margin-left: 1.2em; }
.cmam-related-sku { opacity: .7; }
@media (max-width: 640px) {
    .cmam-tab table, .cmam-tab thead, .cmam-tab tbody, .cmam-tab th, .cmam-tab td, .cmam-tab tr { display: block; }
    .cmam-tab thead { position: absolute; left: -9999px; }
    .cmam-tab tr { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.12); }
    .cmam-tab table td { width: auto !important; padding: 4px 0; }
}

/* Phase 2: My Account assets */
.cmam-assets-account { --cmam-green:#183c36; --cmam-teal:#247a6d; --cmam-gold:#e9c46a; --cmam-muted:#5f706a; --cmam-line:#dce6dc; }
.cmam-account-heading { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:28px; }
.cmam-account-heading h2 { margin:0 0 6px; color:var(--cmam-green); }
.cmam-account-heading p { margin:0; color:var(--cmam-muted); }
.cmam-account-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.cmam-existing-register-callout { display:flex; justify-content:space-between; gap:24px; align-items:center; margin:30px 0 8px; padding:22px 24px; border:1px solid var(--cmam-line); border-radius:14px; background:#eef5ec; }
.cmam-existing-register-callout h3 { margin:0 0 6px; color:var(--cmam-green); }
.cmam-existing-register-callout p { margin:0; color:var(--cmam-muted); }
.cmam-form-help { margin-top:-5px; color:#6b7974; font-size:13px; }
.cmam-asset-form select { width:100%; max-width:100%; }
.cmam-empty-state { padding:32px; border:1px solid var(--cmam-line); border-radius:14px; background:#f7f8f4; margin-bottom:32px; }
.cmam-empty-state h3 { margin-top:0; color:var(--cmam-green); }
.cmam-asset-table-wrap { overflow-x:auto; margin-bottom:38px; }
.cmam-assets-table small { color:#71807b; }
.cmam-assets-table .cmam-table-action { text-align:right; }
.cmam-status { display:inline-flex; align-items:center; border-radius:999px; padding:4px 10px; font-size:12px; font-weight:600; background:#eef5ec; color:#2f6759; }
.cmam-status-retired { background:#f0f0f0; color:#727272; }
.cmam-ready-register { margin-top:36px; padding-top:28px; border-top:1px solid var(--cmam-line); }
.cmam-ready-register h3 { color:var(--cmam-green); }
.cmam-register-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.cmam-register-card { display:flex; gap:18px; align-items:center; padding:18px; border:1px solid var(--cmam-line); border-radius:14px; background:#fff; }
.cmam-register-thumb { width:92px; flex:0 0 92px; }
.cmam-register-thumb img { width:100%; height:84px; object-fit:contain; }
.cmam-register-copy h4 { margin:0 0 7px; color:var(--cmam-green); }
.cmam-register-copy p { margin:0 0 12px; color:var(--cmam-muted); font-size:14px; }
.cmam-register-product { margin:16px 0 26px; padding:18px 20px; background:#f5f6f0; border:1px solid var(--cmam-line); border-radius:12px; }
.cmam-asset-form label { display:block; font-weight:600; margin-bottom:6px; color:var(--cmam-green); }
.cmam-asset-form .input-text, .cmam-asset-form input[type="text"] { width:100%; }
.cmam-order-asset-action { display:flex; gap:10px; align-items:center; margin-top:10px; }
.cmam-order-asset-action span, .cmam-order-asset-note { font-size:12px; color:#67766f; }
.cmam-asset-hero { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:28px; align-items:center; padding:28px; margin:18px 0 24px; border-radius:18px; background:#f5f6f0; border:1px solid var(--cmam-line); }
.cmam-asset-id { display:inline-block; margin-bottom:8px; color:var(--cmam-teal); font-size:12px; font-weight:700; letter-spacing:1.2px; }
.cmam-asset-hero h2 { margin:0 0 6px; color:var(--cmam-green); }
.cmam-asset-hero p { margin:0; color:var(--cmam-muted); }
.cmam-asset-hero-image img { width:100%; height:190px; object-fit:contain; }
.cmam-asset-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.cmam-asset-details-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:22px 0; }
.cmam-detail-card { padding:17px 18px; border:1px solid var(--cmam-line); border-radius:12px; background:#fff; }
.cmam-detail-card span { display:block; margin-bottom:5px; color:#78857f; font-size:12px; text-transform:uppercase; letter-spacing:.5px; }
.cmam-detail-card strong { color:var(--cmam-green); }
.cmam-asset-columns { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:20px; margin:26px 0; }
.cmam-asset-panel { padding:24px; border:1px solid var(--cmam-line); border-radius:14px; background:#fff; }
.cmam-asset-panel h3 { margin-top:0; color:var(--cmam-green); }
.cmam-qr-panel { text-align:center; }
.cmam-qr { display:flex; justify-content:center; align-items:center; min-height:200px; }
.cmam-qr img, .cmam-qr canvas, .cmam-qr svg { max-width:100%; height:auto !important; }
.cmam-qr-error { margin:0; padding:12px; color:#8a3f33; font-size:13px; line-height:1.5; }
.cmam-qr-panel small { word-break:break-all; color:#7b8782; }
.cmam-asset-related { margin-top:34px; padding-top:28px; border-top:1px solid var(--cmam-line); }
.cmam-asset-related h3, .cmam-asset-related h4 { color:var(--cmam-green); }
.cmam-related-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:26px; }
.cmam-related-card { display:flex; gap:14px; padding:16px; border:1px solid var(--cmam-line); border-radius:12px; }
.cmam-related-image { width:80px; flex:0 0 80px; }
.cmam-related-image img { width:100%; height:76px; object-fit:contain; }
.cmam-related-card h5 { margin:0 0 6px; }
.cmam-related-card .price { margin-bottom:8px; }
.cmam-dashboard-assets { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:24px; margin:28px 0; background:#f5f6f0; border:1px solid #dce6dc; border-radius:16px; }
.cmam-dashboard-kicker { color:#247a6d; font-size:11px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; }
.cmam-dashboard-assets h3 { margin:7px 0 5px; color:#183c36; }
.cmam-dashboard-assets p { margin:0; color:#5f706a; }
.cmam-dashboard-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.cmam-asset-label { position:fixed; left:-10000px; top:-10000px; width:99.1mm; height:33.9mm; padding:1.8mm 2.6mm 2mm; border:0; background:#fff; color:#183c36; box-sizing:border-box; display:grid; grid-template-columns:23mm 1fr; grid-template-rows:7mm 1fr; column-gap:3mm; row-gap:.8mm; align-items:center; z-index:999999; overflow:hidden; }
.cmam-label-logo { grid-column:1 / -1; grid-row:1; height:7mm; display:flex; align-items:center; justify-content:flex-start; }
.cmam-label-logo img { display:block; max-width:42mm; max-height:7mm; width:auto; height:auto; object-fit:contain; }
.cmam-label-qr { grid-column:1; grid-row:2; width:21.5mm; height:21.5mm; min-height:0; margin:0; display:flex; align-items:center; justify-content:center; }
.cmam-label-qr svg { width:21.5mm !important; height:21.5mm !important; max-width:none !important; }
.cmam-label-copy { grid-column:2; grid-row:2; min-width:0; height:21.5mm; display:flex; flex-direction:column; justify-content:flex-start; }
.cmam-label-logo-fallback { color:#d77657; font-family:Georgia,serif; font-size:14pt; line-height:1; }
.cmam-label-field { display:grid; grid-template-columns:18mm 1fr; gap:1.5mm; align-items:baseline; min-width:0; margin:.4mm 0; }
.cmam-label-field span { color:#5f706a; font-size:6.8pt; font-weight:600; text-transform:uppercase; letter-spacing:.25px; white-space:nowrap; }
.cmam-label-field strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#183c36; font-size:10.5pt; line-height:1.15; }
.cmam-label-serial strong { font-size:9.5pt; }
.cmam-label-site { margin-top:auto; padding-top:1mm; color:#247a6d; font-size:7.5pt; font-weight:700; letter-spacing:.15px; }

@media (max-width: 800px) {
    .cmam-account-heading, .cmam-dashboard-assets, .cmam-existing-register-callout { flex-direction:column; align-items:stretch; }
    .cmam-account-actions { justify-content:flex-start; }
    .cmam-register-cards, .cmam-asset-details-grid, .cmam-related-cards { grid-template-columns:1fr; }
    .cmam-asset-hero { grid-template-columns:1fr; }
    .cmam-asset-hero-image { order:-1; }
    .cmam-asset-columns { grid-template-columns:1fr; }
    .cmam-dashboard-actions { justify-content:flex-start; }
}


/* Phase 2.8 asset lifecycle controls */
.cmam-table-actions { display:flex; gap:8px; align-items:center; justify-content:flex-end; flex-wrap:wrap; }
.cmam-inline-form { display:inline-flex; margin:0; }
.cmam-asset-status-form { display:inline-flex; margin:0; }
.cmam-deactivate-button { border-color:#cfcfcf !important; color:#6f6f6f !important; background:#fff !important; }
.cmam-qr-url { display:block; margin-top:10px; line-height:1.45; word-break:break-all; }
.cmam-qr-url a { color:#65756f; text-decoration:underline; }