/*
 * SkyHub Portal CSS Split: accounting.css
 * Source: assets/css/aop-app.css lines 6263-7376
 * Purpose: Float/readiness/close-out/billing-adjacent UI surfaces only; no accounting logic is activated by this file.
 * Phase: v0.12.2.9 Architecture Stabilisation Phase 2 — CSS split only.
 */

/* v0.11.1 — Live MVP Readiness: Orders + Processing + Float */
.aop-order-readiness-card,
.aop-float-live-note,
.aop-live-mvp-panel,
.aop-staffops-finance-guard {
  border: 1px solid rgba(15, 45, 80, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 34px rgba(15, 35, 55, 0.08);
}

.aop-order-readiness-card {
  padding: 16px;
  margin-top: 14px;
}

.aop-order-readiness-card h3 {
  margin: 4px 0 10px;
  font-size: 17px;
}

.aop-order-readiness-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aop-order-readiness-card li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6b7280;
  font-size: 13px;
}

.aop-order-readiness-card li::before {
  content: '•';
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-weight: 800;
}

.aop-order-readiness-card li.is-done {
  color: #14532d;
  font-weight: 700;
}

.aop-order-readiness-card li.is-done::before {
  content: '✓';
  background: #dcfce7;
  color: #166534;
}

.aop-order-readiness-card li.is-watch::before {
  content: '!';
  background: #fff7ed;
  color: #c2410c;
}

.aop-order-readiness-card p,
.aop-float-live-note p,
.aop-live-mvp-head p,
.aop-live-mvp-grid p,
.aop-staffops-finance-guard p {
  margin: 8px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}

.aop-float-live-note {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 16px 18px;
  margin: 0 0 18px;
}

.aop-float-live-note strong {
  display: block;
  color: #0f172a;
}

.aop-live-mvp-panel {
  padding: 18px;
  margin: 18px 0;
}

.aop-live-mvp-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.aop-live-mvp-head h2 {
  margin: 4px 0;
}

.aop-live-mvp-head > strong {
  padding: 8px 12px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  white-space: nowrap;
}

.aop-live-mvp-grid,
.aop-staffops-finance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.aop-live-mvp-grid article,
.aop-staffops-finance-grid > div {
  padding: 14px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid rgba(15, 45, 80, 0.08);
}

.aop-live-mvp-grid span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #0f2f57;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.aop-live-mvp-grid strong,
.aop-staffops-finance-grid strong {
  display: block;
  margin-top: 8px;
  color: #0f172a;
}

.aop-live-mvp-grid em,
.aop-staffops-finance-grid small {
  display: block;
  margin-top: 4px;
  color: #475569;
  font-style: normal;
  font-size: 12px;
}

.aop-staffops-finance-guard {
  padding: 16px;
}

.aop-staffops-finance-guard.is-watch {
  border-color: rgba(194, 65, 12, 0.28);
}

.aop-staffops-finance-guard.is-clear {
  border-color: rgba(22, 101, 52, 0.22);
}

.aop-staffops-finance-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aop-staffops-finance-grid span {
  color: #64748b;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

@media (max-width: 900px) {
  .aop-float-live-note,
  .aop-live-mvp-head {
    flex-direction: column;
  }
  .aop-live-mvp-grid,
  .aop-staffops-finance-grid {
    grid-template-columns: 1fr;
  }
}

/* v0.11.2 — MVP Go-Live Control Panel + Order Close-Out Readiness */
.aop-live-mvp-panel.is-v0112 {
  border-color: rgba(15, 47, 87, 0.16);
  background: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(248,250,252,0.92));
}

.aop-live-mvp-grid.is-five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.aop-live-mvp-grid article.is-watch {
  border-color: rgba(194,65,12,.25);
  background: #fff7ed;
}

.aop-live-mvp-grid article.is-clear {
  border-color: rgba(22,101,52,.18);
  background: #f0fdf4;
}

.aop-mvp-readiness-panel {
  margin: 16px 0 18px;
  padding: 18px;
  border: 1px solid rgba(15,45,80,.12);
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 42px rgba(15,35,55,.08);
}

.aop-mvp-readiness-panel.is-ready {
  border-color: rgba(22,101,52,.24);
  background: linear-gradient(135deg, #ffffff, #f0fdf4);
}

.aop-mvp-readiness-panel.is-attention {
  border-color: rgba(194,65,12,.24);
  background: linear-gradient(135deg, #ffffff, #fff7ed);
}

.aop-mvp-readiness-panel.is-blocked {
  border-color: rgba(185,28,28,.24);
  background: linear-gradient(135deg, #ffffff, #fef2f2);
}

.aop-mvp-readiness-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.aop-mvp-readiness-head h3 {
  margin: 4px 0 6px;
  font-size: 18px;
  color: #0f172a;
}

.aop-mvp-readiness-head p,
.aop-mvp-readiness-rule {
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}

.aop-mvp-readiness-head > strong {
  padding: 8px 12px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  white-space: nowrap;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.aop-mvp-readiness-panel.is-ready .aop-mvp-readiness-head > strong {
  background: #dcfce7;
  color: #166534;
}

.aop-mvp-readiness-panel.is-attention .aop-mvp-readiness-head > strong {
  background: #ffedd5;
  color: #c2410c;
}

.aop-mvp-readiness-panel.is-blocked .aop-mvp-readiness-head > strong {
  background: #fee2e2;
  color: #b91c1c;
}

.aop-mvp-readiness-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}

.aop-mvp-check-card {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid rgba(15,45,80,.08);
  border-radius: 16px;
  background: #f8fafc;
}

.aop-mvp-check-card > span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
  font-weight: 900;
  font-size: 12px;
}

.aop-mvp-check-card strong,
.aop-mvp-check-card small {
  display: block;
}

.aop-mvp-check-card strong {
  color: #0f172a;
  font-size: 13px;
}

.aop-mvp-check-card small {
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.aop-mvp-check-card.is-done {
  background: #f0fdf4;
  border-color: rgba(22,101,52,.16);
}

.aop-mvp-check-card.is-done > span {
  background: #dcfce7;
  color: #166534;
}

.aop-mvp-check-card.is-watch {
  background: #fff7ed;
  border-color: rgba(194,65,12,.18);
}

.aop-mvp-check-card.is-watch > span {
  background: #ffedd5;
  color: #c2410c;
}

.aop-mvp-readiness-rule {
  padding-top: 12px;
  border-top: 1px solid rgba(15,45,80,.08);
}

@media (max-width: 1100px) {
  .aop-live-mvp-grid.is-five,
  .aop-mvp-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .aop-mvp-readiness-head {
    flex-direction: column;
  }
  .aop-live-mvp-grid.is-five,
  .aop-mvp-readiness-grid {
    grid-template-columns: 1fr;
  }
}

/* v0.11.7 — Customer released float statements */
.aop-customer-float-statements{margin-top:18px;}
.aop-released-statement-card{
    border:1px solid rgba(15,67,111,.14);
    border-radius:20px;
    background:#fff;
    padding:18px;
    margin:14px 0 0;
    box-shadow:0 12px 28px rgba(15,35,70,.06);
}
.aop-released-statement-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px;
}
.aop-released-statement-head h3{margin:2px 0 4px;color:#10223f;font-size:18px;}
.aop-released-statement-head p{margin:0;color:#65758a;font-size:12px;}
.aop-released-statement-head>strong{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    color:#0a5f9c;
    font-size:18px;
    white-space:nowrap;
}
.aop-released-statement-head>strong small{font-size:11px;color:#6b7b8f;font-weight:600;margin-top:3px;}
.aop-float-statement-summary.is-portal{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:12px 0 14px;
}
.aop-float-statement-summary.is-portal>div{
    border:1px solid rgba(15,67,111,.12);
    border-radius:14px;
    padding:12px;
    background:#f8fbff;
}
.aop-float-statement-summary.is-portal span{display:block;color:#6b7b8f;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;}
.aop-float-statement-summary.is-portal strong{display:block;margin-top:4px;color:#10223f;font-size:15px;}
.aop-released-statement-table td small{display:block;color:#6b7b8f;margin-top:2px;}
@media (max-width: 880px){
    .aop-float-statement-summary.is-portal{grid-template-columns:repeat(2,minmax(0,1fr));}
    .aop-released-statement-head{flex-direction:column;}
    .aop-released-statement-head>strong{align-items:flex-start;}
}

/* v0.11.8 — MVP Transaction Close-Out Dashboard */
.aop-transaction-closeout-panel{
  margin:18px 0;
  padding:18px;
  border:1px solid rgba(15,45,80,.12);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.94));
  box-shadow:0 16px 34px rgba(15,35,55,.08);
}
.aop-closeout-head{margin-bottom:14px;}
.aop-closeout-summary-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.aop-closeout-summary-grid article{
  padding:12px;
  border:1px solid rgba(15,45,80,.08);
  border-radius:16px;
  background:#f8fafc;
}
.aop-closeout-summary-grid article.is-ready{background:#f0fdf4;border-color:rgba(22,101,52,.16);}
.aop-closeout-summary-grid article.is-watch{background:#fff7ed;border-color:rgba(194,65,12,.18);}
.aop-closeout-summary-grid article.is-customer{background:#eff6ff;border-color:rgba(37,99,235,.14);}
.aop-closeout-summary-grid article.is-finance{background:#fefce8;border-color:rgba(161,98,7,.16);}
.aop-closeout-summary-grid article.is-shipping{background:#f0f9ff;border-color:rgba(2,132,199,.16);}
.aop-closeout-summary-grid strong,
.aop-closeout-summary-grid span,
.aop-closeout-summary-grid small{display:block;}
.aop-closeout-summary-grid strong{font-size:24px;color:#0f172a;line-height:1;}
.aop-closeout-summary-grid span{margin-top:7px;font-weight:800;color:#0f172a;font-size:12px;}
.aop-closeout-summary-grid small{margin-top:5px;color:#64748b;font-size:11px;line-height:1.35;}
.aop-closeout-board-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.aop-closeout-lane{
  border:1px solid rgba(15,45,80,.1);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.aop-closeout-lane header{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:13px;
  border-bottom:1px solid rgba(15,45,80,.08);
  background:#f8fafc;
}
.aop-closeout-lane header > span{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:999px;
  background:#0f2f57;
  color:#fff;
  font-weight:900;
  font-size:12px;
}
.aop-closeout-lane header strong,
.aop-closeout-lane header small{display:block;}
.aop-closeout-lane header strong{color:#0f172a;font-size:13px;}
.aop-closeout-lane header small{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35;}
.aop-closeout-empty{margin:0;padding:14px;color:#64748b;font-size:13px;}
.aop-closeout-card-list{display:grid;gap:10px;padding:10px;}
.aop-closeout-card{
  padding:12px;
  border:1px solid rgba(15,45,80,.08);
  border-radius:14px;
  background:#fff;
}
.aop-closeout-card-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.aop-closeout-card-head strong,
.aop-closeout-card-head small{display:block;}
.aop-closeout-card-head strong{color:#0f172a;font-size:13px;}
.aop-closeout-card-head small{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35;}
.aop-closeout-card-head > span{
  padding:4px 7px;
  border-radius:999px;
  background:#eef2ff;
  color:#334155;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.aop-closeout-card p{margin:8px 0;color:#475569;font-size:12px;line-height:1.45;}
.aop-closeout-mini-checks{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0;}
.aop-closeout-mini-checks em{
  padding:4px 7px;
  border-radius:999px;
  background:#e2e8f0;
  color:#475569;
  font-size:10px;
  font-weight:800;
  font-style:normal;
}
.aop-closeout-mini-checks em.is-done{background:#dcfce7;color:#166534;}
.aop-closeout-mini-checks em.is-watch{background:#ffedd5;color:#c2410c;}
.aop-closeout-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.aop-closeout-more{padding:8px 10px;color:#64748b;font-size:12px;border-top:1px solid rgba(15,45,80,.08);}
@media(max-width:1200px){.aop-closeout-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.aop-closeout-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.aop-closeout-summary-grid,.aop-closeout-board-grid{grid-template-columns:1fr;}}

/* v0.11.8.1 — The Hub App Board Consolidation */
.aop-hub-command-centre{
  margin:18px 0 0;
  padding:18px;
  border:1px solid rgba(15,45,80,.12);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,250,255,.94));
  box-shadow:0 20px 46px rgba(15,35,55,.09);
}
.aop-hub-command-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.aop-hub-command-head h2{margin:4px 0;color:#0f172a;font-size:24px;}
.aop-hub-command-head p{margin:0;color:#64748b;font-size:13px;line-height:1.45;max-width:760px;}
.aop-hub-command-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.aop-hub-command-metrics article{
  padding:13px 14px;
  border:1px solid rgba(15,45,80,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 22px rgba(15,35,55,.04);
}
.aop-hub-command-metrics strong,
.aop-hub-command-metrics span,
.aop-hub-command-metrics small{display:block;}
.aop-hub-command-metrics strong{font-size:25px;line-height:1;color:#0f2f57;}
.aop-hub-command-metrics span{margin-top:7px;color:#0f172a;font-weight:850;font-size:12px;}
.aop-hub-command-metrics small{margin-top:3px;color:#64748b;font-size:11px;}
.aop-hub-board-tabs{
  border:1px solid rgba(15,45,80,.1);
  border-radius:20px;
  background:#fff;
  overflow:hidden;
}
.aop-hub-board-tabs .aop-hub-board-nav{
  padding:10px;
  margin:0;
  border-bottom:1px solid rgba(15,45,80,.08);
  background:#f8fafc;
  gap:7px;
}
.aop-hub-board-nav .aop-detail-tab-button{
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  white-space:nowrap;
}
.aop-hub-board-nav .aop-detail-tab-button span{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  margin-left:6px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(15,47,87,.08);
  color:#0f2f57;
  font-size:11px;
  font-weight:900;
}
.aop-hub-board-nav .aop-detail-tab-button.is-active span{background:rgba(255,255,255,.2);color:#fff;}
.aop-hub-board-panel{
  padding:16px;
  background:#fff;
}
.aop-hub-board-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.aop-hub-board-panel-head h3{margin:0 0 4px;color:#0f172a;font-size:18px;}
.aop-hub-board-panel-head p{margin:0;color:#64748b;font-size:13px;line-height:1.45;}
.aop-hub-board-panel-head>strong{
  display:inline-grid;
  place-items:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:900;
}
.aop-hub-order-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.aop-hub-order-card{
  padding:14px;
  border:1px solid rgba(15,45,80,.1);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,35,55,.05);
}
.aop-hub-order-card.is-priority-critical{border-color:rgba(185,28,28,.3);box-shadow:0 0 0 1px rgba(185,28,28,.08),0 10px 24px rgba(185,28,28,.08);}
.aop-hub-order-card.is-priority-high{border-color:rgba(194,65,12,.24);}
.aop-hub-order-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.aop-hub-order-card h4{margin:0;color:#0f172a;font-size:15px;}
.aop-hub-order-card p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.4;}
.aop-hub-order-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;}
.aop-hub-order-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.aop-hub-order-facts span{
  display:block;
  padding:9px;
  border-radius:13px;
  background:#f8fafc;
  border:1px solid rgba(15,45,80,.06);
}
.aop-hub-order-facts small,
.aop-hub-order-facts strong{display:block;}
.aop-hub-order-facts small{color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;}
.aop-hub-order-facts strong{margin-top:3px;color:#0f172a;font-size:12px;line-height:1.25;}
.aop-hub-order-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.aop-hub-order-chips em{
  padding:5px 8px;
  border-radius:999px;
  background:#e2e8f0;
  color:#475569;
  font-size:10px;
  line-height:1;
  font-weight:850;
  font-style:normal;
}
.aop-hub-order-chips em.is-watch,
.aop-hub-order-chips em.is-float_missing,
.aop-hub-order-chips em.is-bill_payment_incomplete{background:#ffedd5;color:#c2410c;}
.aop-hub-order-chips em.is-finance{background:#fef3c7;color:#92400e;}
.aop-hub-order-chips em.is-shipping,
.aop-hub-order-chips em.is-shipping_incomplete,
.aop-hub-order-chips em.is-awaiting_final_pack{background:#e0f2fe;color:#075985;}
.aop-hub-order-chips em.is-customer,
.aop-hub-order-chips em.is-awaiting_customer{background:#dbeafe;color:#1d4ed8;}
.aop-hub-order-chips em.is-ready_to_close{background:#dcfce7;color:#166534;}
.aop-hub-order-actions{display:flex;flex-wrap:wrap;gap:8px;}
.aop-hub-board-panel .aop-empty-state{margin:4px 0 0;}
.aop-hub-board-panel .aop-staffops-workstream-grid.is-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.aop-hub-board-panel .aop-staffops-workstream-card{min-height:unset;}
@media(max-width:1180px){
  .aop-hub-command-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
  .aop-hub-order-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .aop-hub-command-centre{padding:14px;border-radius:18px;}
  .aop-hub-command-head,.aop-hub-board-panel-head,.aop-hub-order-card-top{flex-direction:column;}
  .aop-hub-command-metrics,.aop-hub-order-facts,.aop-hub-board-panel .aop-staffops-workstream-grid.is-action-grid{grid-template-columns:1fr;}
  .aop-hub-order-badges{justify-content:flex-start;}
}

/* v0.11.8.2 — Order Workspace App Shell Consolidation */
.aop-staff-workspace-shell{
  padding:16px;
  border-radius:24px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 36%);
}
.aop-staff-workspace-topline{
  margin-bottom:10px;
}
.aop-staff-workspace-header{
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid rgba(15,45,80,.09);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 34px rgba(15,35,55,.06);
}
.aop-staff-workspace-header h2{font-size:22px;margin-bottom:3px;}
.aop-staff-workspace-header p{max-width:780px;font-size:12px;}
.aop-workspace-command-stack{
  align-items:flex-end;
  gap:7px;
  min-width:260px;
}
.aop-workspace-command-stack .aop-staffops-next-command-inline{
  width:100%;
  justify-content:space-between;
  margin-top:6px;
  padding:9px 10px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid rgba(15,45,80,.08);
}
.aop-workspace-compact-progress{
  margin:10px 0;
  padding:0 2px;
}
.aop-workspace-compact-progress .aop-staffops-next-step{display:none;}
.aop-workspace-blocker-strip{
  display:grid;
  grid-template-columns:minmax(190px,.75fr) minmax(240px,1.5fr) auto;
  align-items:center;
  gap:12px;
  margin:10px 0 14px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(15,45,80,.1);
  background:#fff;
  box-shadow:0 12px 26px rgba(15,35,55,.045);
}
.aop-workspace-blocker-strip.is-watch,
.aop-workspace-blocker-strip.is-risk,
.aop-workspace-blocker-strip.is-blocked{border-color:rgba(194,65,12,.22);background:#fffaf5;}
.aop-workspace-blocker-strip.is-clear,
.aop-workspace-blocker-strip.is-good{border-color:rgba(22,101,52,.18);background:#f7fff9;}
.aop-workspace-blocker-main strong,
.aop-workspace-blocker-main small{display:block;}
.aop-workspace-blocker-main strong{color:#0f172a;font-size:14px;}
.aop-workspace-blocker-main small{color:#64748b;font-size:12px;}
.aop-workspace-blocker-chips{display:flex;flex-wrap:wrap;gap:6px;}
.aop-workspace-blocker-chips span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  background:#e2e8f0;
  color:#475569;
  font-size:11px;
  font-weight:850;
}
.aop-workspace-blocker-chips span.is-done{background:#dcfce7;color:#166534;}
.aop-workspace-blocker-chips span.is-watch,
.aop-workspace-blocker-chips span.is-pending{background:#ffedd5;color:#c2410c;}
.aop-order-workspace-app{
  border-radius:22px;
  background:#f8fafc;
  border:1px solid rgba(15,45,80,.08);
  padding:14px;
}
.aop-workspace-process-command{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:stretch;
  margin-bottom:12px;
}
.aop-workspace-process-command .aop-staffops-next-action-card{
  margin:0;
  min-height:unset;
  border-radius:18px;
  background:#fff;
}
.aop-workspace-process-command .aop-staffops-next-action-main{
  align-items:center;
  gap:14px;
}
.aop-workspace-process-command .aop-staffops-next-action-main h3{
  font-size:17px;
  margin-bottom:3px;
}
.aop-workspace-process-command .aop-staffops-next-action-main p{font-size:12px;line-height:1.4;}
.aop-workspace-context-actions{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  min-width:160px;
  padding:12px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,45,80,.08);
}
.aop-workspace-stage-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
  padding:6px;
  border-radius:20px;
  background:#eaf1f8;
  border:1px solid rgba(15,45,80,.08);
}
.aop-workspace-stage-tabs .aop-staffops-process-tab{
  border-radius:16px;
  min-height:74px;
  padding:11px;
  background:#fff;
  box-shadow:none;
}
.aop-workspace-stage-tabs .aop-staffops-process-tab.is-active{
  background:#0f5f9c;
  border-color:#0f5f9c;
  color:#fff;
}
.aop-workspace-stage-tabs .aop-staffops-process-tab.is-active strong,
.aop-workspace-stage-tabs .aop-staffops-process-tab.is-active em{color:#fff;}
.aop-workspace-active-panel .aop-staffops-process-stage{
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,45,80,.08);
  box-shadow:0 14px 32px rgba(15,35,55,.055);
}
.aop-workspace-active-panel .aop-staffops-process-stage-head{
  padding:14px;
  border-radius:20px 20px 0 0;
  background:linear-gradient(135deg,#f8fafc,#eef6ff);
  border-bottom:1px solid rgba(15,45,80,.08);
}
.aop-workspace-active-panel .aop-staffops-process-stage-head p{font-size:12px;}
.aop-workspace-active-panel .aop-staffops-stage-anchor-note{display:none;}
.aop-workspace-active-panel .aop-staffops-process-stage-body{
  padding:14px;
  background:#fff;
}
.aop-workspace-help-drawer{
  padding:0!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,45,80,.08)!important;
  overflow:hidden;
}
.aop-workspace-help-drawer summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  cursor:pointer;
  list-style:none;
}
.aop-workspace-help-drawer summary::-webkit-details-marker{display:none;}
.aop-workspace-help-drawer summary strong{display:block;color:#0f172a;font-size:13px;}
.aop-workspace-help-drawer summary em{font-style:normal;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.aop-workspace-help-drawer[open] summary{border-bottom:1px solid rgba(15,45,80,.08);}
.aop-workspace-help-drawer .aop-staffops-action-plan-grid,
.aop-workspace-help-drawer p{margin:12px 14px;}
.aop-staff-workspace-shell .aop-staff-order-section.is-front-processing{
  padding:14px;
  border-radius:18px;
  background:#fff;
}
.aop-staff-workspace-shell .aop-staff-order-section.is-front-processing .aop-muted-copy{display:none;}
.aop-staff-workspace-shell .aop-staff-process-grid,
.aop-staff-process-modal-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.aop-staff-workspace-shell .aop-modal-summary-card{
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 24px rgba(15,35,55,.05);
}
.aop-workspace-guardrail-note{
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
}
.aop-workspace-support-drawer .aop-staff-order-section,
.aop-workspace-readiness-drawer .aop-mvp-readiness-panel{box-shadow:none;}
.aop-record-modal .aop-record-dialog{
  width:min(1040px,calc(100vw - 42px));
  max-height:88vh;
  overflow:auto;
}
.aop-record-modal .aop-staff-process-card{
  box-shadow:none;
  margin:0;
}
@media(max-width:980px){
  .aop-workspace-blocker-strip,
  .aop-workspace-process-command{grid-template-columns:1fr;}
  .aop-workspace-context-actions{flex-direction:row;justify-content:flex-start;min-width:0;}
  .aop-workspace-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .aop-staff-workspace-shell .aop-staff-process-grid,
  .aop-staff-process-modal-list{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .aop-staff-workspace-header{align-items:flex-start;}
  .aop-workspace-command-stack{align-items:flex-start;min-width:0;width:100%;}
  .aop-workspace-stage-tabs{grid-template-columns:1fr;}
}


/* v0.11.8.3 — Order Workspace + Workflow Modal + Shipping UX Polish */
.aop-module-staff-ops{
  --aop-text-strong:#0f172a;
  --aop-text-body:#26344d;
  --aop-text-muted:#52637a;
  --aop-line:#d7e2ec;
}
.aop-module-staff-ops .aop-eyebrow,
.aop-record-modal .aop-eyebrow{color:#087fa3!important;text-shadow:none!important;background:transparent!important;}
.aop-module-staff-ops p,
.aop-module-staff-ops small,
.aop-module-staff-ops label,
.aop-record-modal p,
.aop-record-modal small,
.aop-record-modal label{color:var(--aop-text-body);}
.aop-module-staff-ops .aop-muted-copy,
.aop-record-modal .aop-muted-copy{color:var(--aop-text-muted)!important;}
.aop-staff-workspace-shell{margin-top:0;padding:14px;background:linear-gradient(180deg,#f6fbff,#fff 28%);}
.aop-staff-workspace-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.aop-staff-workspace-header{padding:13px 14px;box-shadow:0 10px 22px rgba(15,35,55,.045);}
.aop-staff-workspace-header h2{font-size:20px;line-height:1.1;margin:0 0 2px;color:#0f172a;}
.aop-staff-workspace-header p{color:#42526b!important;font-size:11px;margin:0;}
.aop-workspace-command-stack{min-width:225px;}
.aop-workspace-command-stack .aop-staffops-next-command-inline{padding:7px 9px;min-height:42px;}
.aop-workspace-compact-progress{margin:8px 0;padding:0;}
.aop-workspace-compact-progress .aop-staffops-progress{padding:10px 12px;border-radius:16px;background:#fff;}
.aop-workspace-compact-progress .aop-staffops-progress-head strong{font-size:17px;}
.aop-workspace-compact-progress .aop-staffops-progress small{font-size:10px;}
.aop-workspace-blocker-strip{margin:8px 0 12px;padding:10px 12px;grid-template-columns:minmax(165px,.55fr) minmax(220px,1fr) auto;}
.aop-workspace-blocker-main strong{font-size:13px;}
.aop-workspace-blocker-main small{font-size:11px;}
.aop-order-workspace-app{padding:12px;border-radius:20px;}
.aop-workspace-process-command{margin-bottom:10px;grid-template-columns:minmax(0,1fr) 140px;}
.aop-workspace-process-command .aop-staffops-next-action-card{padding:12px 14px;}
.aop-workspace-process-command .aop-staffops-next-action-main h3{font-size:16px;}
.aop-workspace-context-actions{padding:10px;min-width:0;}
.aop-workspace-context-actions .aop-btn{width:100%;justify-content:center;}
.aop-workspace-stage-tabs{margin-bottom:10px;padding:5px;}
.aop-workspace-stage-tabs .aop-staffops-process-tab{min-height:58px;padding:9px;}
.aop-workspace-stage-tabs .aop-staffops-process-tab strong{font-size:13px;}
.aop-workspace-stage-tabs .aop-staffops-process-tab em{font-size:10px;}
.aop-workspace-active-panel .aop-staffops-process-stage-head{padding:11px 12px;}
.aop-workspace-active-panel .aop-staffops-process-stage-head h3{font-size:15px;margin:1px 0;color:#0f172a;}
.aop-workspace-active-panel .aop-staffops-process-stage-head p{font-size:11px;margin:0;color:#52637a;}
.aop-workspace-active-panel .aop-staffops-process-stage-body{padding:12px;}
.aop-staff-workspace-shell .aop-staff-order-section.is-front-processing{padding:12px;border-radius:16px;}
.aop-staff-workspace-shell .aop-staff-order-section.is-front-processing .aop-detail-section-heading{margin-bottom:8px;}
.aop-staff-workspace-shell .aop-staff-process-grid,
.aop-staff-process-modal-list{gap:10px;}
.aop-workspace-help-drawer{margin-top:10px!important;}
.aop-workspace-help-drawer summary{padding:9px 12px;}
.aop-workspace-help-drawer summary strong{font-size:12px;}
.aop-workspace-help-drawer summary em{font-size:10px;}
.aop-workspace-guardrail-note{margin-top:10px!important;}

/* modal width, fields and collision fixes */
.aop-record-modal{padding:18px;background:rgba(4,14,31,.72)!important;}
.aop-record-modal .aop-record-dialog{width:min(1280px,calc(100vw - 36px));max-height:92vh;padding:18px 20px;border-radius:24px;overflow:auto;}
.aop-record-modal-head{margin:0 0 14px;padding:0 50px 12px 0!important;}
.aop-record-modal-head h2{font-size:20px!important;color:#0f172a!important;}
.aop-record-modal-body{overflow:visible;}
.aop-record-modal-body .aop-staff-process-card{padding:16px!important;border-radius:18px!important;}
.aop-record-modal .aop-staff-process-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--aop-line);}
.aop-record-modal .aop-staff-process-card-head span{display:block;color:#087fa3;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.aop-record-modal .aop-staff-process-card-head strong{display:block;color:#0f172a;font-size:16px;line-height:1.25;margin-top:2px;}
.aop-record-modal .aop-staff-process-card-head small{display:block;color:#53647b;font-size:12px;margin-top:3px;}
.aop-staff-po-summary-grid,
.aop-staff-po-total-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;}
.aop-staff-po-summary-grid>div,
.aop-staff-po-total-strip>span{display:grid;gap:5px;padding:12px;border:1px solid #dbe7f0;border-radius:14px;background:#f8fcff;min-width:0;}
.aop-staff-po-summary-grid span,
.aop-staff-po-total-strip small{display:block;color:#52637a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;}
.aop-staff-po-summary-grid strong,
.aop-staff-po-total-strip strong{display:block;color:#0f172a;font-size:16px;line-height:1.25;word-break:break-word;}
.aop-staff-po-tax-callout{display:flex;align-items:center;gap:10px;min-height:34px;padding:8px 12px;border-radius:14px;}
.aop-staff-process-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;}
.aop-staff-process-fields.is-full-record{grid-template-columns:repeat(3,minmax(0,1fr));}
.aop-staff-process-fields label{display:grid;gap:5px;margin:0!important;min-width:0;color:#314055!important;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;}
.aop-staff-process-fields label.is-wide{grid-column:1/-1;}
.aop-staff-process-fields input,
.aop-staff-process-fields select,
.aop-staff-process-fields textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #ccd9e5!important;background:#fff!important;color:#0f172a!important;font-size:13px!important;line-height:1.35;min-height:38px;}
.aop-staff-process-fields textarea{min-height:74px;resize:vertical;}
.aop-staff-process-details{margin-top:12px;border:1px solid #dbe7f0;border-radius:16px;background:#f8fcff;overflow:hidden;}
.aop-staff-process-details summary{padding:10px 12px;color:#087fa3;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;}
.aop-staff-process-details:not([open]){background:#f8fcff;}
.aop-staff-process-details[open] .aop-staff-process-fields{padding:12px;border-top:1px solid #dbe7f0;}
.aop-staff-process-actions{gap:8px;align-items:center;flex-wrap:wrap;}
.aop-staff-process-actions .aop-btn{min-height:34px;}

/* PO line table in modals */
.aop-staff-po-lines-editor{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid #dbe7f0;background:#fff;}
.aop-staff-po-lines-head{padding:10px 12px;background:linear-gradient(135deg,#14233e,#17658b);}
.aop-staff-po-lines-scroll{overflow-x:auto;padding-bottom:4px;}
.aop-staff-po-lines-scroll table{min-width:1060px;width:100%;border-collapse:separate;border-spacing:0;}
.aop-staff-po-lines-scroll th{font-size:10px;color:#087fa3;background:#eaf8fc;padding:9px 8px;white-space:nowrap;}
.aop-staff-po-lines-scroll td{padding:8px;border-bottom:1px solid #edf2f7;vertical-align:middle;}
.aop-staff-po-lines-scroll td:first-child{width:44px;text-align:center;color:#64748b;font-weight:900;}
.aop-staff-po-lines-scroll input{width:100%;min-width:96px;box-sizing:border-box;border:1px solid #d2dfeb;border-radius:9px;padding:7px 8px;color:#0f172a;background:#fff;}
.aop-staff-po-lines-scroll td:nth-child(2) input,
.aop-staff-po-lines-scroll td:nth-child(3) input,
.aop-staff-po-lines-scroll td:nth-child(9) input{min-width:150px;}

/* shipping release app-board polish */
.aop-shipping-guided-flow{padding:12px!important;border-radius:18px!important;background:#fff!important;}
.aop-shipping-guided-flow>.aop-detail-section-heading{margin-bottom:8px;}
.aop-shipping-guided-note{display:none;}
.aop-shipping-current-action-card{padding:12px 14px;border-radius:18px;margin-bottom:10px;}
.aop-shipping-current-action-card h4{font-size:16px;margin:2px 0;color:#0f172a;}
.aop-shipping-current-action-card p{font-size:12px;max-width:760px;color:#52637a;}
.aop-shipping-chain-panel{padding:10px 12px;border-radius:16px;margin:10px 0;background:#f8fcff;border:1px solid #dbe7f0;}
.aop-guided-doc-grid.aop-shipping-workspace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.aop-guided-doc-block{padding:12px!important;border-radius:17px!important;min-height:unset!important;}
.aop-guided-doc-head{gap:10px;margin-bottom:8px;}
.aop-guided-doc-head b{font-size:14px;color:#0f172a;}
.aop-guided-doc-head small{font-size:11px;color:#52637a;}
.aop-guided-doc-head span{font-size:10px;color:#075985;background:#e0f2fe;border-radius:999px;padding:5px 8px;font-weight:900;text-transform:uppercase;}
.aop-guided-doc-block>p{display:none;}
.aop-doc-complete-summary{grid-template-columns:1fr!important;gap:6px;margin:8px 0;}
.aop-doc-complete-summary span{padding:8px;border-radius:12px;}
.aop-staff-process-actions.is-doc-view-row,
.aop-staff-process-actions.is-doc-edit-row{margin-top:8px;}
.aop-guided-doc-wait{font-size:12px;padding:10px;border-radius:12px;}
.aop-shipping-pack-refs{display:grid;grid-template-columns:1fr;gap:6px;margin:8px 0;}
.aop-shipping-pack-refs span{font-size:12px;background:#f8fafc;border:1px solid #dbe7f0;border-radius:12px;padding:8px;}
.aop-guided-doc-block.is-closeout{grid-column:1/-1;}
.aop-shipping-closeout-form{display:grid;gap:10px;}
.aop-closeout-command-panel{padding:12px;border-radius:16px;}
.aop-closeout-command-panel h4{font-size:15px;margin:2px 0;color:#0f172a;}
.aop-closeout-command-panel p{font-size:12px;color:#52637a;}
.aop-shipping-workspace-details{border:1px solid #dbe7f0;border-radius:14px;background:#f8fcff;overflow:hidden;}
.aop-shipping-workspace-details summary,
.aop-shipping-support-drawer summary{padding:10px 12px;color:#087fa3;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;}
.aop-shipping-workspace-details[open] .aop-staff-process-fields{padding:12px;border-top:1px solid #dbe7f0;}
.aop-guided-doc-modal-form{padding:0!important;border:0!important;background:#fff!important;}
.aop-modal-form-intro{padding:12px;border:1px solid #dbe7f0;border-radius:16px;background:#f8fcff;margin-bottom:12px;}
.aop-modal-form-intro h3{margin:2px 0 4px;color:#0f172a;}
.aop-modal-form-intro p{margin:0;color:#52637a;font-size:12px;}
@media(max-width:1200px){
  .aop-guided-doc-grid.aop-shipping-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .aop-staff-po-summary-grid,.aop-staff-po-total-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .aop-workspace-blocker-strip,.aop-workspace-process-command{grid-template-columns:1fr;}
  .aop-record-modal .aop-record-dialog{width:calc(100vw - 20px);padding:14px;border-radius:18px;}
  .aop-staff-process-fields,.aop-staff-process-fields.is-full-record{grid-template-columns:1fr;}
  .aop-guided-doc-grid.aop-shipping-workspace-grid{grid-template-columns:1fr;}
}

/* v0.11.9.1 — Customer float statement archive separation */
.aop-customer-float-statements.is-archive .aop-panel-head p,
.aop-customer-float-statements.is-detail .aop-panel-head p{
  margin:4px 0 0;
  color:#64748b;
  font-size:13px;
}
.aop-released-statement-archive-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:12px;
}
.aop-released-statement-card.is-summary{
  margin:0;
}
.aop-released-statement-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.aop-customer-float-statements.is-detail .aop-released-statement-actions{
  margin-top:0;
}
@media (max-width: 980px){
  .aop-released-statement-archive-grid{grid-template-columns:1fr;}
  .aop-customer-float-statements.is-detail .aop-panel-head{align-items:flex-start;}
  .aop-customer-float-statements.is-detail .aop-released-statement-actions{justify-content:flex-start;}
}