/*
 * SkyHub Portal CSS Split: documents.css
 * Source: assets/css/aop-app.css lines 5372-6262
 * Purpose: Document packs, document vault, generated document viewer, shipping/release and delivery confirmation surfaces.
 * Phase: v0.12.2.9 Architecture Stabilisation Phase 2 — CSS split only.
 */

/* v0.9.9.4.1 — Hub processing hotfix: make correction stages accessible without reopening the death-scroll */
.aop-staffops-process-stage.is-openable.is-waiting{
  border-color:#d7e1ea;
  background:linear-gradient(135deg,#ffffff,#f8fbfd);
}
.aop-staffops-process-stage.is-openable.is-waiting .aop-staffops-process-stage-head em{
  background:rgba(82,102,124,.12);
  color:#52667c;
}
.aop-staffops-stage-anchor-note.is-soft-gate{
  background:#fffaf2!important;
  border-color:rgba(217,130,24,.28)!important;
  color:#76502a!important;
}
.aop-staffops-process-stage.is-openable .aop-staffops-process-stage-body{
  display:block;
}

/* v0.9.9.5 — transaction pack + signed document upload readiness */
.aop-shipping-doc-checklist.is-closeout{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.aop-closeout-upload-panel{
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(12,39,75,.1);
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff 0%,#f6fbff 100%);
}
.aop-closeout-upload-panel.is-pack{
  border-color:rgba(22,166,200,.26);
  background:linear-gradient(135deg,#f9fdff 0%,#ffffff 100%);
}
.aop-closeout-upload-panel h4{
  margin:4px 0 6px;
  color:#101a34;
  font-size:15px;
}
.aop-closeout-upload-panel p{
  margin:0 0 12px;
  color:#52627a;
  font-size:12px;
  line-height:1.45;
}
.aop-final-pack-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-color:rgba(15,159,110,.22) !important;
  background:linear-gradient(135deg,#f3fff9,#ffffff) !important;
}
.aop-final-pack-panel h3{margin:2px 0 6px;}
.aop-final-pack-panel p{margin:0;color:#52627a;}
@media (max-width:1100px){.aop-shipping-doc-checklist.is-closeout{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.aop-shipping-doc-checklist.is-closeout{grid-template-columns:1fr;}.aop-final-pack-panel{align-items:flex-start;flex-direction:column;}}

/* v0.9.9.5.2 — Order drawer document pack and customer Document Vault polish */
.aop-order-document-pack,
.aop-order-linked-summary {
  gap: 12px;
}
.aop-order-document-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.aop-order-document-row,
.aop-related-record-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
}
.aop-order-document-row {
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 14px;
  background: #fff;
}
.aop-order-document-row.tone-available {
  border-color: rgba(22, 166, 200, .26);
  background: linear-gradient(135deg, #ffffff 0%, #f3fbfd 100%);
}
.aop-order-document-row > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.aop-order-document-row strong,
.aop-related-record-row span {
  color: var(--aop-navy);
  font-weight: 900;
  line-height: 1.22;
}
.aop-order-document-row small {
  color: var(--aop-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.aop-order-document-row em,
.aop-related-record-row em {
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef4f8;
  color: #52667c;
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
.aop-order-document-row .aop-document-actions,
.aop-related-record-row .aop-document-actions {
  justify-content: flex-end;
  min-width: max-content;
}
.aop-related-record-row .aop-document-action-note,
.aop-order-document-row .aop-document-action-note {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  background: #f6f8fb;
  color: var(--aop-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}
@media (max-width: 720px) {
  .aop-order-document-row,
  .aop-related-record-row {
    grid-template-columns: 1fr;
    justify-items: start;
  }
}

/* v0.9.9.5.3 — Customer Documents transaction pack grouping */
.aop-document-pack-grid{
  display:grid;
  gap:18px;
}
.aop-document-pack-card{
  border:1px solid rgba(12,39,75,.12);
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbfd 100%);
  box-shadow:0 12px 28px rgba(12,39,75,.08);
  overflow:hidden;
}
.aop-document-pack-card.tone-ready{border-color:rgba(15,159,110,.28);}
.aop-document-pack-card.tone-pending{border-color:rgba(217,130,24,.18);}
.aop-document-pack-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border-bottom:1px solid rgba(12,39,75,.08);
  background:linear-gradient(135deg,#0b1835 0%,#15365f 68%,#0f8aa5 100%);
  color:#fff;
}
.aop-document-pack-kicker{
  display:block;
  margin-bottom:5px;
  color:#38c7e8;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.aop-document-pack-head h2{margin:0 0 4px;color:#fff;font-size:20px;line-height:1.15;}
.aop-document-pack-head p{margin:0;color:rgba(255,255,255,.78);font-size:13px;}
.aop-document-pack-summary{
  min-width:156px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:16px;
  background:rgba(255,255,255,.12);
  text-align:right;
}
.aop-document-pack-summary strong{display:block;color:#fff;font-size:24px;line-height:1;}
.aop-document-pack-summary span{display:block;margin-top:5px;color:rgba(255,255,255,.82);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.aop-document-pack-list{display:grid;background:#fff;}
.aop-document-pack-row{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) auto auto;
  gap:14px;
  align-items:center;
  padding:14px 18px;
  border-bottom:1px solid rgba(12,39,75,.08);
}
.aop-document-pack-row:last-child{border-bottom:0;}
.aop-document-pack-row.tone-available{background:linear-gradient(90deg,rgba(15,159,110,.06),#fff 42%);}
.aop-document-pack-row.tone-review{background:linear-gradient(90deg,rgba(217,130,24,.06),#fff 42%);}
.aop-document-pack-row-main{display:grid;gap:3px;min-width:0;}
.aop-document-pack-row-main strong{color:#101a34;font-size:14px;font-weight:900;line-height:1.25;}
.aop-document-pack-row-main small{color:#65758b;font-size:12px;font-weight:750;}
.aop-document-pack-status{
  display:inline-flex;
  justify-content:center;
  min-width:92px;
  padding:6px 10px;
  border-radius:999px;
  background:#eef4f8;
  color:#52667c;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}
.aop-document-pack-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.aop-document-pack-actions .aop-document-actions{display:inline-flex;}
.aop-document-other-panel{margin-top:18px;}
@media (max-width:860px){
  .aop-document-pack-head{grid-template-columns:1fr;}
  .aop-document-pack-summary{text-align:left;min-width:0;}
  .aop-document-pack-row{grid-template-columns:1fr;align-items:start;}
  .aop-document-pack-actions{justify-content:flex-start;}
}

/* v0.9.9.5.4 — Document pack filters, collapse and lighter row styling */
.aop-document-pack-toolbar{
  display:grid;
  grid-template-columns:auto minmax(150px, 190px) minmax(220px, 1fr);
  align-items:center;
}
.aop-inline-select{
  height:42px;
  border:1px solid var(--aop-line);
  background:#fff;
  border-radius:12px;
  padding:0 12px;
  font:inherit;
  font-size:13px;
  color:var(--aop-ink);
}
.aop-document-pack-card{
  box-shadow:0 10px 22px rgba(12,39,75,.07);
}
.aop-document-pack-card.is-collapsed .aop-document-pack-list{display:none;}
.aop-document-pack-head{
  grid-template-columns:auto minmax(0,1fr) auto;
  padding:16px 18px;
}
.aop-document-pack-toggle{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.12);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .16s ease, transform .16s ease;
}
.aop-document-pack-toggle:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);}
.aop-document-pack-chevron{font-size:18px;line-height:1;transition:transform .16s ease;}
.aop-document-pack-card.is-collapsed .aop-document-pack-chevron{transform:rotate(-90deg);}
.aop-document-pack-head h2{font-size:19px;font-weight:760;letter-spacing:-.03em;}
.aop-document-pack-kicker{font-weight:820;letter-spacing:.14em;}
.aop-document-pack-head p{font-size:12.5px;}
.aop-document-pack-summary strong{font-weight:760;}
.aop-document-pack-summary span{font-weight:720;}
.aop-document-pack-row{
  grid-template-columns:minmax(0,1.45fr) minmax(108px, auto) minmax(150px, auto);
  padding:13px 18px;
}
.aop-document-pack-row-main strong{
  font-size:13.5px;
  font-weight:680;
  letter-spacing:-.01em;
}
.aop-document-pack-row-main small{
  font-size:11.5px;
  font-weight:560;
}
.aop-document-pack-status{
  min-width:96px;
  padding:5px 10px;
  font-size:10.5px;
  font-weight:720;
  letter-spacing:.045em;
}
.aop-document-pack-status.tone-good{background:#e7f7ef;color:#0b7d58;}
.aop-document-pack-status.tone-info{background:#e7f4fb;color:#087fa3;}
.aop-document-pack-status.tone-neutral{background:#eef2f6;color:#52667c;}
.aop-document-pack-status.tone-danger{background:#fde9ec;color:#b72f3d;}
.aop-document-pack-actions .aop-btn,
.aop-document-pack-actions .aop-document-actions .aop-btn{
  font-weight:700;
  letter-spacing:-.01em;
}
.aop-document-pack-row[hidden],
.aop-document-pack-card[hidden]{display:none !important;}
@media (max-width:860px){
  .aop-document-pack-toolbar{grid-template-columns:1fr;}
  .aop-document-pack-head{grid-template-columns:auto 1fr;}
  .aop-document-pack-summary{grid-column:1 / -1;}
}

/* v0.9.9.6 — customer document detail viewer polish */
.aop-document-viewer{
  background:linear-gradient(180deg,#f8fbfe,#fff 34%);
  border:1px solid #dbe6f0;
  box-shadow:0 18px 50px rgba(7,21,47,.08);
}
.aop-document-viewer .aop-drawer-record-description{
  max-width:96%;
}
.aop-document-viewer-context,
.aop-document-preview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.aop-document-viewer-context section,
.aop-document-preview-grid section{
  background:#fff;
  border:1px solid #e0e8f1;
  border-radius:15px;
  padding:12px 13px;
  display:grid;
  gap:4px;
  min-width:0;
}
.aop-document-viewer-context span,
.aop-document-preview-grid span,
.aop-document-viewer-access span{
  color:#65758b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.aop-document-viewer-context strong,
.aop-document-preview-grid strong,
.aop-document-viewer-access strong{
  color:#101a34;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}
.aop-document-viewer-context small,
.aop-document-preview-grid small,
.aop-document-viewer-access small{
  color:#65758b;
  font-size:12px;
  line-height:1.35;
}
.aop-document-viewer-access{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  padding:14px;
  margin:14px 0;
  border:1px solid #dbe6f0;
  border-radius:18px;
  background:#fff;
}
.aop-document-viewer-access.tone-available{
  border-color:rgba(15,159,110,.28);
  background:linear-gradient(90deg,rgba(15,159,110,.08),#fff 50%);
}
.aop-document-viewer-access.tone-review{
  border-color:rgba(217,130,24,.25);
  background:linear-gradient(90deg,rgba(217,130,24,.08),#fff 50%);
}
.aop-document-viewer-access.tone-pending{
  border-color:rgba(8,127,163,.18);
  background:linear-gradient(90deg,rgba(8,127,163,.06),#fff 50%);
}
.aop-document-preview-note,
.aop-document-customer-note{
  background:#fff;
  border:1px solid #e0e8f1;
  border-radius:16px;
  padding:14px;
  margin-top:12px;
}
.aop-document-preview-note h3,
.aop-document-customer-note h3{
  margin:0 0 8px;
  color:#101a34;
  font-size:14px;
  font-weight:720;
}
.aop-document-preview-note p,
.aop-document-customer-note p{
  margin:0;
  color:#52667c;
  font-size:13px;
  line-height:1.5;
}
.aop-document-actions.is-compact .aop-btn,
.aop-document-pack-actions .aop-btn{
  font-weight:660;
}
.aop-document-action-note{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  background:#eef5f8;
  color:#52667c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
@media (max-width: 720px){
  .aop-document-viewer-context,
  .aop-document-preview-grid,
  .aop-document-viewer-access{
    grid-template-columns:1fr;
  }
}

/* v0.9.9.8.2 — SkyHub template preview viewport + renderer UI polish */
.aop-template-library-shell .aop-section-head-inline,
.aop-template-preview-shell .aop-po-preview-toolbar {
    align-items: center;
}

.aop-template-library-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.aop-template-library-card {
    background: #fff;
    border: 1px solid #d8e2ec;
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 12px 28px rgba(7, 21, 47, .06);
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 178px;
}

.aop-template-library-card > span,
.aop-template-pill {
    align-self: flex-start;
    border: 1px solid #cfe0ee;
    border-radius: 999px;
    padding: 4px 9px;
    color: #0d5795;
    background: #f5f9fc;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.aop-template-pill.active-preview {
    border-color: rgba(15, 159, 110, .22);
    color: #0f7f5a;
    background: rgba(15, 159, 110, .08);
}

.aop-template-library-card h3 {
    margin: 2px 0 0;
    font-size: 16px;
    color: #07152f;
    font-weight: 700;
}

.aop-template-library-card p {
    margin: 0;
    color: #52667c;
    font-size: 12px;
    line-height: 1.45;
    flex: 1;
    word-break: break-word;
}

.aop-template-preview-shell {
    overflow: visible;
}

.aop-template-preview-shell .aop-po-preview-toolbar {
    gap: 16px;
    flex-wrap: wrap;
}

.aop-template-preview-frame-wrap {
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    border: 1px solid #cfdce8;
    border-radius: 22px;
    overflow: hidden;
    background: #dfe8f1;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), 0 18px 44px rgba(7, 21, 47, .08);
}

.aop-template-preview-frame-wrap.is-portrait {
    min-height: 1180px;
}

.aop-template-preview-frame-wrap.is-landscape {
    min-height: 960px;
}

.aop-template-preview-frame {
    display: block;
    width: 100%;
    min-width: 100%;
    height: 1180px;
    border: 0;
    background: #fff;
}

.aop-template-preview-frame-wrap.is-landscape .aop-template-preview-frame {
    height: 960px;
}

@media (max-width: 1100px) {
    .aop-template-preview-frame-wrap.is-portrait,
    .aop-template-preview-frame {
        min-height: 1040px;
        height: 1040px;
    }

    .aop-template-preview-frame-wrap.is-landscape,
    .aop-template-preview-frame-wrap.is-landscape .aop-template-preview-frame {
        min-height: 820px;
        height: 820px;
    }
}

@media (max-width: 760px) {
    .aop-template-preview-frame-wrap {
        border-radius: 16px;
        margin-left: -4px;
        margin-right: -4px;
        width: calc(100% + 8px);
    }

    .aop-template-preview-frame-wrap.is-portrait,
    .aop-template-preview-frame {
        min-height: 940px;
        height: 940px;
    }
}


/* v0.9.9.9.4 — Shipping Pack Submission + MRN/SAD500 Close-Out Polish */
.aop-closeout-command-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  margin-bottom:14px;
  border:1px solid rgba(12,95,150,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(232,248,255,.92),rgba(255,255,255,.96));
}
.aop-closeout-command-panel h4{
  margin:4px 0 6px;
  color:#0f1c3d;
  font-size:15px;
  line-height:1.25;
}
.aop-closeout-command-panel p{
  margin:0;
  color:#52637e;
  font-size:12px;
  line-height:1.45;
}
.aop-closeout-command-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  min-width:260px;
}
.aop-guided-doc-block.is-closeout .aop-staff-process-actions{
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.aop-guided-doc-block.is-closeout .aop-closeout-action-grid section{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.aop-guided-doc-block.is-closeout .aop-closeout-action-grid section:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(12,39,75,.08);
  border-color:rgba(12,95,150,.24);
}
@media (max-width:760px){
  .aop-closeout-command-panel{align-items:flex-start;flex-direction:column;}
  .aop-closeout-command-actions{justify-content:flex-start;min-width:0;width:100%;}
}

/* v0.9.9.9.5 — Shipping / Release Workspace Consolidation */
.aop-shipping-guided-flow{
  background:linear-gradient(180deg,#f8fbfe,#fff 36%);
  border-color:rgba(12,39,75,.10);
}
.aop-shipping-current-action-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  margin:14px 0 18px;
  border-radius:22px;
  border:1px solid rgba(12,95,150,.18);
  background:linear-gradient(135deg,#0b2348,#0f6f95);
  color:#fff;
  box-shadow:0 18px 44px rgba(7,21,47,.14);
}
.aop-shipping-current-action-card .aop-eyebrow{color:#7ee7ff;}
.aop-shipping-current-action-card h4{
  margin:4px 0 7px;
  font-size:20px;
  line-height:1.15;
  color:#fff;
  letter-spacing:-.03em;
}
.aop-shipping-current-action-card p{
  margin:0;
  max-width:760px;
  color:rgba(255,255,255,.84);
  font-size:13px;
  line-height:1.45;
}
.aop-shipping-current-action-card aside{
  min-width:220px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.aop-shipping-current-action-card aside strong{
  display:inline-flex;
  justify-content:center;
  border-radius:999px;
  padding:7px 11px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.aop-shipping-current-action-card form{margin:0;}
.aop-shipping-current-action-card .aop-btn-primary{
  background:#fff;
  color:#0b4f75;
  border-color:rgba(255,255,255,.55);
}
.aop-shipping-current-action-card .aop-btn-secondary{
  color:#fff;
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.10);
}
.aop-shipping-chain-panel{
  padding:14px 14px 8px;
  border:1px solid rgba(12,39,75,.09);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(7,21,47,.045);
  margin-bottom:12px;
}
.aop-shipping-workspace-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
.aop-shipping-workspace-heading h4{
  margin:3px 0 0;
  color:#111a3a;
  font-size:15px;
  letter-spacing:-.02em;
}
.aop-shipping-chain-panel .aop-shipping-doc-checklist{
  margin:10px 0 4px;
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.aop-shipping-chain-panel .aop-shipping-doc-checklist span{
  box-shadow:none;
  padding:10px 11px;
}
.aop-shipping-support-drawer,
.aop-shipping-workspace-details{
  border:1px solid rgba(12,39,75,.10);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  margin:10px 0 14px;
}
.aop-shipping-support-drawer summary,
.aop-shipping-workspace-details summary{
  cursor:pointer;
  list-style:none;
  padding:12px 15px;
  background:#f5f9fc;
  color:#0d527c;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.aop-shipping-support-drawer summary::-webkit-details-marker,
.aop-shipping-workspace-details summary::-webkit-details-marker{display:none;}
.aop-shipping-support-drawer summary:before,
.aop-shipping-workspace-details summary:before{
  content:'▸';
  display:inline-block;
  margin-right:8px;
  transition:transform .16s ease;
}
.aop-shipping-support-drawer[open] summary:before,
.aop-shipping-workspace-details[open] summary:before{transform:rotate(90deg);}
.aop-shipping-support-drawer .aop-shipping-source-strip,
.aop-shipping-support-drawer .aop-shipping-doc-checklist.is-closeout,
.aop-shipping-support-drawer .aop-closeout-action-grid{
  margin:14px;
}
.aop-shipping-workspace-details > .aop-staff-process-fields,
.aop-shipping-workspace-details > .aop-staff-process-fields.is-guided-doc{
  padding:14px;
  margin-top:0;
}
.aop-shipping-workspace-grid{
  gap:12px;
}
.aop-shipping-workspace-grid .aop-guided-doc-block{
  box-shadow:0 10px 24px rgba(7,21,47,.045);
}
.aop-guided-doc-block.is-saved-collapsed{
  padding:14px 16px;
}
.aop-guided-doc-block.is-saved-collapsed > p{
  display:none;
}
.aop-guided-doc-block.is-saved-collapsed .aop-guided-doc-head{
  margin-bottom:6px;
}
.aop-guided-doc-block.is-saved-collapsed .aop-doc-complete-summary{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:8px 0;
}
.aop-guided-doc-block.is-pack .aop-shipping-pack-refs{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:10px 0 12px;
}
.aop-guided-doc-block.is-pack .aop-shipping-pack-refs span{
  padding:10px 12px;
  min-height:auto;
}
.aop-guided-doc-block.is-closeout{
  padding:16px;
  background:linear-gradient(180deg,#fff,#f8fbfe);
  border-color:rgba(12,95,150,.18);
}
.aop-shipping-closeout-form{
  padding:0;
  border:0;
  background:transparent;
}
.aop-closeout-save-row{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(12,39,75,.08);
}
.aop-shipping-support-drawer.is-supporting-records{
  margin-top:14px;
  background:#fbfdff;
}
.aop-shipping-support-drawer.is-supporting-records .aop-closeout-action-grid section{
  min-height:128px;
}
@media (max-width:1180px){
  .aop-shipping-chain-panel .aop-shipping-doc-checklist{grid-template-columns:repeat(3,minmax(0,1fr));}
  .aop-guided-doc-block.is-pack .aop-shipping-pack-refs{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .aop-shipping-current-action-card{grid-template-columns:1fr;}
  .aop-shipping-current-action-card aside{align-items:flex-start;min-width:0;}
  .aop-shipping-chain-panel .aop-shipping-doc-checklist{grid-template-columns:1fr;}
  .aop-shipping-workspace-heading{display:block;}
  .aop-guided-doc-block.is-saved-collapsed .aop-doc-complete-summary{grid-template-columns:1fr;}
}

/* v0.10.2 — Customer delivery confirmation polish */
.aop-delivery-confirm-summary{
  margin:6px 0 14px;
  padding:10px 12px;
  border:1px solid rgba(14,91,145,.16);
  border-radius:14px;
  background:rgba(242,248,253,.78);
  color:#536174;
  line-height:1.45;
}


/* v0.10.2.1 — Customer drawer document card layout hotfix */
.aop-drawer,
.aop-drawer-body,
.aop-drawer-content-card,
.aop-portal-detail-view {
  overflow-x: hidden;
}
.aop-drawer *,
.aop-drawer *::before,
.aop-drawer *::after {
  box-sizing: border-box;
}
.aop-drawer .aop-order-document-pack,
.aop-drawer .aop-order-linked-summary {
  min-width: 0;
}
.aop-drawer .aop-order-document-list {
  width: 100%;
  min-width: 0;
}
.aop-drawer .aop-order-document-row,
.aop-drawer .aop-related-record-row {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  min-width: 0;
  gap: 8px;
}
.aop-drawer .aop-order-document-row > div,
.aop-drawer .aop-related-record-row > div,
.aop-drawer .aop-order-document-row strong,
.aop-drawer .aop-related-record-row span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}
.aop-drawer .aop-order-document-row em,
.aop-drawer .aop-related-record-row em {
  width: fit-content;
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.aop-drawer .aop-order-document-row .aop-document-actions,
.aop-drawer .aop-related-record-row .aop-document-actions {
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.aop-drawer .aop-order-document-row .aop-document-actions template,
.aop-drawer .aop-related-record-row .aop-document-actions template,
.aop-document-pack-actions template {
  display: none !important;
}
.aop-drawer .aop-order-document-row .aop-btn,
.aop-drawer .aop-related-record-row .aop-btn {
  max-width: 100%;
  white-space: normal;
}
.aop-drawer .aop-document-preview-grid,
.aop-drawer .aop-document-viewer-context {
  grid-template-columns: 1fr;
}
.aop-drawer .aop-document-viewer-access {
  grid-template-columns: 1fr;
  align-items: start;
}
.aop-drawer .aop-document-preview-note {
  max-width: 100%;
  overflow-wrap: anywhere;
}



/* v0.13.6 — Controlled document delivery signal */
.aop-document-action-note.is-controlled {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid rgba(20, 184, 166, 0.28);
    background: rgba(20, 184, 166, 0.08);
    color: #0f766e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* v0.15.0 — Immutable generated document snapshot foundation */
.aop-template-snapshot-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 12px 0 14px;
    padding: 12px 14px;
    border: 1px solid rgba(13, 87, 149, 0.14);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(248, 251, 255, 0.96), rgba(231, 242, 252, 0.72));
}
.aop-template-snapshot-toolbar > div:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.aop-template-snapshot-toolbar small {
    color: #64748b;
    font-size: 12px;
}
.aop-template-snapshot-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
.aop-snapshot-notice {
    margin: 10px 0;
}

.aop-template-snapshot-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.aop-template-snapshot-form .aop-btn {
    appearance: none;
    border: 0;
    cursor: pointer;
    font: inherit;
}
@media (max-width: 720px) {
    .aop-template-snapshot-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
    .aop-template-snapshot-actions {
        justify-content: flex-start;
    }
}

/* v0.15.2 — Snapshot versioning + reissue guard */
.aop-template-snapshot-form {
    gap: 8px;
}
.aop-template-snapshot-form .aop-input-compact {
    min-width: 190px;
    max-width: 260px;
    height: 34px;
    padding: 7px 10px;
    border: 1px solid rgba(100, 116, 139, 0.22);
    border-radius: 10px;
    background: rgba(255,255,255,0.86);
    color: #0f172a;
    font-size: 12px;
}
.aop-snapshot-history-panel {
    flex-basis: 100%;
    margin-top: 8px;
    border-top: 1px solid rgba(13, 87, 149, 0.12);
    padding-top: 8px;
}
.aop-snapshot-history-panel summary {
    cursor: pointer;
    color: #0f4f7c;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.aop-snapshot-history-list {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}
.aop-snapshot-history-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid rgba(148, 163, 184, 0.20);
    border-left: 3px solid rgba(13, 87, 149, 0.35);
    border-radius: 12px;
    background: rgba(255,255,255,0.72);
}
.aop-snapshot-history-row.is-current {
    border-left-color: #14b8a6;
}
.aop-snapshot-history-row.is-superseded {
    border-left-color: #f59e0b;
}
.aop-snapshot-history-row div {
    display: grid;
    gap: 2px;
}
.aop-snapshot-history-row span,
.aop-snapshot-history-row small {
    color: #64748b;
    font-size: 12px;
}
@media (max-width: 720px) {
    .aop-template-snapshot-form .aop-input-compact {
        width: 100%;
        max-width: none;
    }
    .aop-snapshot-history-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* v0.15.3 Final Transaction Pack Assembly */
.aop-transaction-pack-console{
  margin:18px 0;
  padding:18px;
  border:1px solid rgba(15,44,74,.10);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94));
  box-shadow:0 18px 45px rgba(13,34,54,.08);
}
.aop-transaction-pack-console .aop-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:14px;
}
.aop-transaction-pack-console .aop-panel-head h2{margin:4px 0 5px;color:#102342;font-size:20px;letter-spacing:-.03em;}
.aop-transaction-pack-console .aop-panel-head p{margin:0;color:#60758d;font-size:13px;max-width:760px;}
.aop-transaction-pack-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:10px 0 16px;
}
.aop-transaction-pack-metrics div{
  padding:12px 14px;
  border:1px solid rgba(15,44,74,.08);
  border-radius:18px;
  background:#fff;
}
.aop-transaction-pack-metrics strong{display:block;color:#102342;font-size:22px;line-height:1;}
.aop-transaction-pack-metrics span{display:block;margin-top:5px;color:#6a7b91;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.aop-transaction-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;}
.aop-transaction-pack-card{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid rgba(15,44,74,.10);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 26px rgba(13,34,54,.06);
}
.aop-transaction-pack-card.state-released_pack{border-color:rgba(15,159,110,.28);}
.aop-transaction-pack-card.state-ready_evidence{border-color:rgba(15,125,180,.24);}
.aop-transaction-pack-card.state-in_progress{border-color:rgba(217,130,24,.22);}
.aop-transaction-pack-card header,
.aop-transaction-pack-card footer{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.aop-transaction-pack-card h3{margin:0 0 4px;color:#102342;font-size:16px;letter-spacing:-.02em;}
.aop-transaction-pack-card p{margin:0;color:#667990;font-size:12.5px;line-height:1.45;}
.aop-transaction-pack-summary{padding:10px 12px;border-radius:16px;background:#f6f9fc;color:#506780 !important;}
.aop-transaction-pack-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.aop-transaction-pack-slot{
  display:grid;
  gap:3px;
  min-width:0;
  padding:9px 10px;
  border-radius:14px;
  border:1px solid #e4ebf3;
  background:#f8fafc;
}
.aop-transaction-pack-slot strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#102342;font-size:12px;font-weight:850;}
.aop-transaction-pack-slot small{color:#708098;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.aop-transaction-pack-slot.is-ready{background:#eaf8f1;border-color:#c4edd9;}
.aop-transaction-pack-slot.is-ready small{color:#0b7d58;}
.aop-transaction-pack-slot.is-review{background:#fff8ec;border-color:#f1d7a9;}
.aop-transaction-pack-slot.is-review small{color:#a4640c;}
.aop-transaction-pack-slot.is-missing{background:#f3f6fa;border-color:#e1e7ef;}
.aop-transaction-pack-card footer{align-items:center;padding-top:2px;}
.aop-transaction-pack-card footer span{color:#718198;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
@media (max-width:760px){
  .aop-transaction-pack-console .aop-panel-head,
  .aop-transaction-pack-card header,
  .aop-transaction-pack-card footer{display:grid;}
  .aop-transaction-pack-metrics{grid-template-columns:1fr;}
  .aop-transaction-pack-grid{grid-template-columns:1fr;}
  .aop-transaction-pack-slots{grid-template-columns:1fr;}
}

/* v0.15.4 Transaction Pack Release Readiness + Missing Evidence Flags */
.aop-transaction-pack-metrics{grid-template-columns:repeat(5,minmax(0,1fr));}
.aop-transaction-pack-card.state-release_ready{border-color:rgba(18,128,182,.28);}
.aop-transaction-pack-card.state-missing_evidence{border-color:rgba(217,130,24,.28);}
.aop-transaction-pack-card.state-empty{border-color:rgba(117,132,150,.24);}
.aop-transaction-pack-slot.is-required{position:relative;}
.aop-transaction-pack-slot.is-required:after{
  content:"Req";
  position:absolute;
  top:7px;
  right:8px;
  padding:2px 5px;
  border-radius:999px;
  background:rgba(15,44,74,.07);
  color:#5f7086;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.aop-transaction-pack-slot.is-required strong{padding-right:34px;}
.aop-transaction-pack-release-readiness{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid rgba(15,44,74,.08);
  border-radius:18px;
  background:#f8fafc;
}
.aop-transaction-pack-release-readiness.state-released_pack,
.aop-transaction-pack-release-readiness.state-release_ready{
  background:#edf9f3;
  border-color:#c8ecd9;
}
.aop-transaction-pack-release-readiness.state-missing_evidence{
  background:#fff8ec;
  border-color:#f1d7a9;
}
.aop-transaction-pack-release-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.aop-transaction-pack-release-head strong{color:#102342;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.aop-transaction-pack-release-readiness p{margin:0!important;color:#5e7188!important;font-size:12px!important;line-height:1.45;}
.aop-transaction-pack-gap-list{
  display:grid;
  gap:7px;
  margin:2px 0 0;
  padding:0;
  list-style:none;
}
.aop-transaction-pack-gap-list li{
  display:grid;
  gap:2px;
  padding:8px 10px;
  border-radius:13px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,44,74,.08);
}
.aop-transaction-pack-gap-list li strong{color:#102342;font-size:12px;}
.aop-transaction-pack-gap-list li span{color:#687b92;font-size:11.5px;line-height:1.35;}
.aop-transaction-pack-gap-list li.is-missing{border-color:rgba(180,91,35,.24);}
.aop-transaction-pack-gap-list li.is-review{border-color:rgba(217,130,24,.24);}
@media (max-width:1100px){.aop-transaction-pack-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:760px){
  .aop-transaction-pack-metrics{grid-template-columns:1fr;}
  .aop-transaction-pack-release-head{display:grid;justify-content:stretch;}
}

/* v0.20.7 — Customer Documents death-scroll containment polish
 * Scope: Customer Documents page hierarchy only.
 * Guardrail: no document routes, release logic, snapshot access, customer scoping, status storage or workflow changes.
 */
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed{
  margin:14px 0 16px;
  padding:0;
  overflow:hidden;
  border-color:rgba(14,145,173,.14);
  background:linear-gradient(135deg,#f8fcff 0%,#fff 80%);
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed > summary{
  list-style:none;
  cursor:pointer;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed > summary::-webkit-details-marker{
  display:none;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-transaction-pack-admin-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:16px 18px;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-panel-head{
  margin:0;
  align-items:center;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-panel-head h2{
  font-size:16px;
  letter-spacing:-.02em;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-panel-head p{
  max-width:860px;
  font-size:12.5px;
}
.aop-module-documents .aop-transaction-pack-admin-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(14,145,173,.18);
  border-radius:999px;
  background:#e8f8fd;
  color:#087fa3;
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
  white-space:nowrap;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed[open] .aop-transaction-pack-admin-toggle{
  background:#eef4f8;
  color:#50667d;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed:not([open]) .aop-transaction-pack-admin-body{
  display:none;
}
.aop-module-documents .aop-transaction-pack-admin-body{
  padding:0 18px 18px;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-transaction-pack-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;
}
.aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-transaction-pack-card{
  padding:13px;
  border-radius:18px;
  box-shadow:0 8px 18px rgba(12,39,75,.045);
}
.aop-module-documents .aop-document-pack-grid{
  gap:14px;
}
.aop-module-documents .aop-document-pack-head{
  padding:13px 16px;
}
.aop-module-documents .aop-document-pack-toggle{
  width:30px;
  height:30px;
}
.aop-module-documents .aop-document-pack-head h2{
  font-size:18px;
}
.aop-module-documents .aop-document-pack-summary{
  min-width:138px;
  padding:10px 12px;
}
.aop-module-documents .aop-document-pack-summary strong{
  font-size:22px;
}
@media (max-width:860px){
  .aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-transaction-pack-admin-summary,
  .aop-module-documents .aop-transaction-pack-console.is-admin-collapsed .aop-panel-head{
    grid-template-columns:1fr;
  }
  .aop-module-documents .aop-transaction-pack-admin-toggle{
    justify-self:start;
  }
}