/* ABM 2026 (Art Basel Miami) project tracker — src/abm/abmView.js (2026-10-09) */
#abmView .abm-top{align-items:center;flex-wrap:wrap;gap:10px}
#abmView .abm-top h1 .abm-sub{font-size:13px;font-weight:600;color:var(--steel);margin-left:6px}
#abmView .abm-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
#abmView .abm-err{background:#fdecec;border-color:#f7c1c1;color:#8a1c13}

/* status cards */
.abm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px}
.abm-card{font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--line);border-left:5px solid var(--line);border-radius:10px;padding:10px 14px}
.abm-card span{display:block;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--steel);font-weight:700}
.abm-card b{display:block;font-size:24px;line-height:1.15;color:var(--ink)}
.abm-card em{display:block;font-style:normal;font-size:11.5px;color:var(--steel)}
.abm-card:hover{box-shadow:0 3px 10px rgba(11,36,71,.08)}
.abm-card.on{outline:2px solid var(--royal);outline-offset:-1px}
.abm-card.abm-all{border-left-color:var(--navy)}
.abm-card.abm-st-in_transit{border-left-color:#e0a100}
.abm-card.abm-st-customs_release{border-left-color:#1457c4}
.abm-card.abm-st-in_warehouse{border-left-color:#1f9d5b}
.abm-warn{display:flex;flex-wrap:wrap;gap:8px 18px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 12px;margin-bottom:10px;font-size:12.5px;font-weight:600}
.abm-warn a{color:var(--navy-2);text-decoration:none}
.abm-warn a:hover{text-decoration:underline}
.abm-warn .abm-warn-bad{color:#a11d1d}

/* toolbar + table */
#abmView .abm-toolbar select{width:auto;flex:0 0 auto}
#abmView .abm-toolbar input{flex:1 1 240px;width:auto}
.abm-table td{vertical-align:middle}
.abm-table .abm-notes{white-space:normal;min-width:180px;max-width:320px;font-size:12px;color:var(--steel)}
.abm-table .abm-late{color:#a11d1d;font-weight:700}
.abm-table .abm-bad-awb{color:#a11d1d;text-decoration:underline dotted}
.abm-grp td{background:#f3f6fb !important;font-size:12.5px;color:var(--navy);cursor:default}
select.abm-st{font:inherit;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 8px;border:1px solid transparent;width:auto;cursor:pointer}
select.abm-st-in_transit{background:#fff4c9;color:#7a5b00;border-color:#ecd98a}
select.abm-st-customs_release{background:#e3edff;color:#1457c4;border-color:#b7cdf5}
select.abm-st-in_warehouse{background:#e3f6ea;color:#137a48;border-color:#b9e2c7}

/* shipment window */
.abm-modal-card{width:min(940px,100%) !important;max-width:none !important}
.abm-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px;align-items:start}
@media (max-width:760px){.abm-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
.abm-sec{grid-column:1 / -1;font-size:12px;font-weight:800;color:var(--navy);border-bottom:1px solid var(--line-2);padding-bottom:3px;margin-top:6px}
.abm-sec:first-child{margin-top:0}
.abm-span2{grid-column:span 2}
.abm-fld{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--steel)}
.abm-fld > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abm-fld input,.abm-fld select{height:36px}
.abm-hint.abm-note{color:var(--steel);font-weight:500}
.abm-docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:760px){.abm-docs-grid{grid-template-columns:1fr}}
.abm-docs-export .abm-docs-hd{color:#6b3fc4}
.abm-docs-export .abm-count{background:#f0e8ff;color:#6b3fc4}
.abm-docs-export .abm-drop{border-color:#c4adf0;background:#faf6ff}
.abm-docs-export .abm-drop b{color:#6b3fc4}
.abm-docs-export .abm-drop.over{background:#f0e8ff;border-color:#6b3fc4}
.abm-docflags{white-space:nowrap}
.abm-dp{display:inline-block;font-size:10px;font-weight:800;border-radius:999px;padding:1px 6px;margin-right:3px}
.abm-dp-in{background:#e3edff;color:#1457c4}
.abm-dp-out{background:#f0e8ff;color:#6b3fc4}
.abm-fld input,.abm-fld select,.abm-fld textarea{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink)}
.abm-fld.abm-wide{grid-column:1 / -1}
.abm-hint{font-style:normal;font-size:11px;text-transform:none;letter-spacing:0;font-weight:600;min-height:0}
.abm-hint .abm-bad{color:#a11d1d}
.abm-hint .abm-ok{color:#137a48}
.abm-docs-hd{font-weight:800;color:var(--navy);font-size:13px;margin:16px 0 6px;display:flex;align-items:center;gap:6px}
.abm-count{background:#e3edff;color:#1457c4;border-radius:999px;font-size:11px;padding:1px 8px}
.abm-drop{border:2px dashed #9dbcf2;background:#f4f8ff;border-radius:10px;padding:16px;text-align:center;cursor:pointer;transition:background .12s,border-color .12s}
.abm-drop b{display:block;color:#1457c4;font-size:14px}
.abm-drop span{display:block;font-size:12px;color:var(--steel);margin-top:2px}
.abm-drop em{display:block;font-style:normal;font-size:12px;color:#7a5b00;margin-top:6px;font-weight:700}
.abm-drop.over{background:#e3edff;border-color:#1457c4}
.abm-doclist{margin-top:8px}
.abm-doc{display:flex;align-items:center;gap:10px;padding:6px 2px;border-bottom:1px solid var(--line-2);font-size:13px;flex-wrap:wrap}
.abm-doc-name{flex:1 1 220px;color:var(--navy);text-decoration:none;font-weight:600;word-break:break-all}
.abm-doc-name:hover{text-decoration:underline}
.abm-doc select{width:auto;padding:4px 8px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:12.5px}
.abm-doc select.abm-untyped{border-color:#e0a100;background:#fffbea}
.abm-doc-by{font-size:11px;color:var(--steel)}
.abm-doc-del{color:#a23b3b;text-decoration:none;font-weight:700;padding:0 4px}

/* pre-alert import */
.abm-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 14px;margin-bottom:8px}
.abm-skip{display:flex;align-items:center;gap:6px;font-size:12.5px;margin:6px 0}

/* edit lock (migration 66) */
.abm-ro{background:#fff4c9;border:1px solid #ecd98a;color:#5c4400;border-radius:8px;padding:9px 12px;margin-bottom:12px;font-size:13px}
.abm-lock{font-size:10.5px;font-weight:700;color:#a15c00;margin-top:2px;white-space:nowrap}
.abm-lock-me{color:#137a48}
.abm-locked td{background:#fffbea}
select.abm-st:disabled{opacity:.7;cursor:not-allowed}
.abm-fld input:disabled,.abm-fld select:disabled,.abm-fld textarea:disabled{background:#f5f7fa;color:var(--ink);opacity:1}

/* split pages (src/abm/abmSplit.js) */
.abm-doc-split{font-size:12px;font-weight:700;color:#1457c4;text-decoration:none;white-space:nowrap}
.abm-doc-split:hover{text-decoration:underline}
.abm-split-card{width:min(1100px,100%) !important}
.abm-sp-help{font-size:13px;color:var(--steel);margin:0 0 8px}
.abm-sp-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;background:#f4f8ff;border:1px solid #d6e3fa;border-radius:8px;padding:8px 10px;margin-bottom:12px}
.abm-sp-bulk input{width:64px;padding:5px 6px;border:1px solid var(--line);border-radius:6px;font:inherit}
.abm-sp-bulk select{width:auto;padding:5px 8px;border:1px solid var(--line);border-radius:6px;font:inherit}
.abm-sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.abm-sp-page{border:2px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff}
.abm-sp-page.on{border-color:#1457c4;background:#f4f8ff}
.abm-sp-page canvas{width:150px;height:auto;border:1px solid var(--line-2);background:#fafafa}
.abm-sp-n{font-size:12px;font-weight:800;color:var(--navy)}
.abm-sp-page select{width:100%;padding:5px 6px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:12.5px}
.abm-sp-new{font-size:11.5px;color:var(--steel);display:flex;align-items:center;gap:4px}
.abm-sp-list{margin:4px 0 6px 18px;padding:0;font-size:13px}
.abm-sp-warn{font-size:12.5px;font-weight:700;color:#7a5b00}
.abm-sp-rm{font-size:12.5px;display:flex;align-items:center;gap:6px;margin-right:auto}

/* documents list — readable rows: TYPE | file | actions (2026-10-09) */
.abm-doc{display:grid;grid-template-columns:minmax(150px,42%) minmax(0,1fr) auto;align-items:start;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line-2)}
.abm-doc:nth-child(even){background:#fafbfd}
.abm-doc-type{display:flex;flex-direction:column;gap:4px;min-width:0}
.abm-doc-type select{width:100%;font-weight:800;color:var(--navy);background:#eef3fb;border:1px solid #cdd9ee;border-radius:6px;padding:5px 8px;font-size:12.5px}
.abm-docs-export .abm-doc-type select{background:#f4eeff;border-color:#dccdf5;color:#4b2a8f}
.abm-doc-type select.abm-untyped{background:#fffbea;border-color:#e0a100;color:#7a5b00}
.abm-doc-label{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:12.5px}
.abm-doc-file{min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:4px}
.abm-doc-file .abm-doc-name{flex:none;font-size:13px;line-height:1.3}
.abm-doc-acts{display:flex;gap:8px;align-items:center;padding-top:5px}
.abm-doc-untyped{background:#fffdf3 !important}
.abm-cfnote{font-weight:700}
input.abm-cf{background:#eef0f4 !important;color:var(--ink) !important;font-weight:800;cursor:not-allowed}

/* split window alignment */
.abm-sp-thumb{height:200px;width:100%;display:flex;align-items:center;justify-content:center}
.abm-sp-page canvas{width:auto !important;height:auto !important;max-width:150px;max-height:196px}
.abm-sp-label{width:100%;box-sizing:border-box;padding:5px 6px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:12.5px}
.abm-sp-bulk .abm-sp-label{width:240px}
.abm-sp-rm{white-space:nowrap;font-weight:600}
.abm-sp-rm input{width:auto !important;margin:0;flex:none}
/* full-width document lists (Import above Export) so names have room */
.abm-docs-grid{grid-template-columns:1fr !important;gap:6px}
.abm-doc{grid-template-columns:230px minmax(0,1fr) auto}
@media (max-width:640px){.abm-doc{grid-template-columns:1fr}}
/* delivery destination (migration 68) */
.abm-fld input.abm-route{background:#eef0f4;color:var(--ink);font-weight:700;cursor:default}
.abm-fld select + input{margin-top:6px}
.abm-dest{font-size:11px;font-weight:700;color:#a15c00;white-space:nowrap}
