/*
 * SkyHub Portal CSS Split: modals.css
 * Source: assets/css/aop-app.css lines 7377-7579
 * Purpose: Customer journey polish, portal-side admin setup polish, branded modal headers and modal/form action patterns.
 * Phase: v0.12.2.9 Architecture Stabilisation Phase 2 — CSS split only.
 */

/* v0.12.0 — Customer Order Journey Production Polish */
.aop-customer-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 18px}.aop-command-tile{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 40px rgba(15,23,42,.08);text-decoration:none;color:inherit}.aop-command-tile span{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:#e9f7fb;color:#188aa5;font-weight:800}.aop-command-tile strong{font-size:1.02rem}.aop-command-tile small{color:#64748b;line-height:1.45}.aop-command-tile.is-primary{background:linear-gradient(135deg,#0d1740,#189ab4);color:#fff}.aop-command-tile.is-primary span{background:rgba(255,255,255,.18);color:#fff}.aop-command-tile.is-primary small{color:rgba(255,255,255,.78)}
.aop-order-journey-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.aop-order-journey-strip div{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.aop-order-journey-strip span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:10px;background:#e9f7fb;color:#188aa5;font-weight:800;margin-bottom:8px}.aop-order-journey-strip strong{display:block}.aop-order-journey-strip small{display:block;color:#64748b;margin-top:4px;line-height:1.35}
.aop-order-tracker-help,.aop-price-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.aop-order-tracker-help span,.aop-price-help span{color:#64748b}.aop-next-step-copy{display:block;max-width:300px;color:#64748b;line-height:1.35}.aop-price-toolbar{align-items:flex-start}.aop-price-category-tabs{flex-wrap:wrap}.aop-support-layout .aop-action-list button{width:100%;text-align:left;border:0;background:#f8fafc;border-radius:16px;padding:14px;cursor:pointer}.aop-support-layout .aop-action-list button:hover{background:#eef8fb}.aop-support-note{margin-top:14px;padding:14px;border-radius:16px;background:#f8fafc;color:#64748b}.aop-support-note strong{display:block;color:#0f172a;margin-bottom:4px}.aop-context-pill{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;background:#eef8fb;padding:10px 12px;margin:0 0 12px}.aop-context-pill span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#188aa5;font-weight:800}.aop-context-pill strong{font-size:.9rem;color:#0f172a}
@media (max-width:1100px){.aop-customer-command-grid,.aop-order-journey-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.aop-customer-command-grid,.aop-order-journey-strip{grid-template-columns:1fr}.aop-order-tracker-help,.aop-price-help{align-items:flex-start;flex-direction:column}}

/* v0.12.1 portal-side admin operations */
.aop-staffops-control-strip{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.8fr));gap:14px;align-items:stretch;margin-bottom:18px}.aop-staffops-control-strip>a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid rgba(14,35,68,.1);border-radius:18px;background:rgba(255,255,255,.72);text-decoration:none;color:inherit}.aop-staffops-control-strip>a span{font-size:24px;font-weight:800;color:#102a4c}.aop-staffops-control-strip>a small{color:#64748b}.aop-admin-portal-finance .aop-form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.aop-form-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.aop-support-admin-list{display:grid;gap:16px}.aop-support-admin-card .aop-mini-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.aop-support-admin-card .aop-mini-meta span{display:flex;flex-direction:column;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.08)}.aop-support-admin-card .aop-mini-meta small{color:#64748b}.aop-support-admin-card .aop-mini-meta strong{color:#0f172a}@media(max-width:900px){.aop-staffops-control-strip,.aop-admin-portal-finance .aop-form-grid.two,.aop-form-grid.three,.aop-support-admin-card .aop-mini-meta{grid-template-columns:1fr}}

/* v0.12.2.4 — portal-side Data Intelligence / ROE control */
.aop-alert{margin:0 0 18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(15,23,42,.08);font-weight:800;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.aop-alert.is-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.aop-alert.is-warning{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.aop-admin-data-intelligence{align-items:start}
.aop-di-stats .aop-stat{min-height:104px}
.aop-readiness-list{display:grid;gap:12px;margin:14px 0 18px}
.aop-readiness-list>div{display:grid;gap:4px;padding:13px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#f8fafc}
.aop-readiness-list>div strong{font-weight:900;color:#07132f}
.aop-readiness-list>div span{font-size:12px;color:#64748b}
.aop-readiness-list>div.is-good{background:#ecfdf5;border-color:#a7f3d0}
.aop-readiness-list>div.is-watch{background:#fff7ed;border-color:#fed7aa}
.aop-card-grid{display:grid;gap:14px}
.aop-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.aop-mini-card{padding:15px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#f8fafc;display:grid;gap:6px}
.aop-mini-card strong{font-weight:900;color:#07132f}
.aop-mini-card span{font-size:12px;color:#64748b;line-height:1.45}
.aop-price-help{display:flex;justify-content:space-between;gap:14px;align-items:center}
.aop-price-help strong{color:#07132f}
.aop-price-help span{color:#64748b}
.aop-summary-dl small{display:block;color:#64748b;font-size:10px;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}
@media (max-width: 900px){.aop-card-grid.three{grid-template-columns:1fr}.aop-price-help{display:grid}}

/* v0.12.2.5 Portal-side admin setup polish */
.aop-page-metrics .aop-stat-card:nth-child(1){border-left:4px solid rgba(30,147,188,.85);background:linear-gradient(135deg,rgba(35,172,214,.10),rgba(255,255,255,.96));}
.aop-page-metrics .aop-stat-card:nth-child(2){border-left:4px solid rgba(0,154,112,.82);background:linear-gradient(135deg,rgba(0,171,130,.10),rgba(255,255,255,.96));}
.aop-page-metrics .aop-stat-card:nth-child(3){border-left:4px solid rgba(236,158,36,.88);background:linear-gradient(135deg,rgba(255,180,60,.12),rgba(255,255,255,.96));}
.aop-page-metrics .aop-stat-card:nth-child(4){border-left:4px solid rgba(92,105,210,.82);background:linear-gradient(135deg,rgba(105,116,220,.10),rgba(255,255,255,.96));}
.aop-staffops-control-strip a:nth-of-type(1){border-left:4px solid rgba(236,158,36,.9);background:linear-gradient(135deg,rgba(255,183,72,.14),rgba(255,255,255,.92));}
.aop-staffops-control-strip a:nth-of-type(2){border-left:4px solid rgba(26,148,188,.9);background:linear-gradient(135deg,rgba(41,178,219,.14),rgba(255,255,255,.92));}
.aop-staffops-control-strip a:nth-of-type(3){border-left:4px solid rgba(218,78,119,.9);background:linear-gradient(135deg,rgba(236,94,135,.13),rgba(255,255,255,.92));}
.aop-admin-list-top{margin-bottom:18px;}
.aop-sectioned-form{display:flex;flex-direction:column;gap:16px;}
.aop-form-section{border:1px solid rgba(20,32,72,.09);border-radius:18px;background:rgba(248,251,255,.78);padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);}
.aop-form-section h3{margin:0 0 14px;font-size:15px;color:#111936;letter-spacing:.02em;}
.aop-form-section h4{margin:14px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#5f6880;}
.aop-module-checkbox-grid,.aop-customer-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:8px;}
.aop-module-checkbox-grid label,.aop-customer-checkbox-grid label{display:flex;align-items:center;gap:8px;border:1px solid rgba(20,32,72,.10);border-radius:14px;background:#fff;padding:10px 12px;font-weight:700;color:#15203c;}
.aop-module-checkbox-grid input,.aop-customer-checkbox-grid input{accent-color:#1fa9d0;}
.aop-logo-preview-card{display:flex;align-items:center;gap:14px;min-height:92px;border:1px dashed rgba(20,32,72,.16);border-radius:18px;background:#fff;padding:14px;}
.aop-logo-preview-card .aop-product-thumb{width:76px;height:76px;border-radius:18px;}
.aop-logo-preview-card .aop-product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:18px;}
.aop-portal-tabs{display:flex;gap:10px;margin:0 0 16px;position:sticky;top:0;z-index:2;padding:8px 0;background:rgba(237,243,250,.86);backdrop-filter:blur(10px);}
.aop-portal-tabs a{display:inline-flex;align-items:center;border-radius:999px;padding:10px 15px;text-decoration:none;font-weight:800;color:#17213e;background:#fff;border:1px solid rgba(20,32,72,.12);box-shadow:0 8px 18px rgba(20,32,72,.06);}
.aop-portal-tabs a.is-active{background:#101936;color:#fff;}
.aop-catalogue-filter{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(160px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:14px;}
.aop-catalogue-filter label{margin:0;}
.aop-product-thumb.has-image{overflow:hidden;background:#fff;border:1px solid rgba(20,32,72,.10);}
.aop-product-thumb.has-image img{width:100%;height:100%;object-fit:cover;display:block;}
.aop-product-image-large .aop-product-thumb{width:100%;height:100%;border-radius:24px;}
.aop-product-image-large .aop-product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:24px;}
.aop-dictionary-manager .aop-panel-head{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:16px;padding:10px 0;}
.aop-dictionary-toolbar{display:flex;flex-direction:column;gap:12px;margin:10px 0 18px;}
.aop-dictionaries-grid.is-card-manager{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;}
.aop-dictionary-card details{border:1px solid rgba(20,32,72,.10);border-radius:18px;background:#fff;overflow:hidden;}
.aop-dictionary-card summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;padding:15px 16px;list-style:none;}
.aop-dictionary-card summary::-webkit-details-marker{display:none;}
.aop-dictionary-card summary strong{display:block;font-size:15px;color:#121b38;}
.aop-dictionary-card summary small{display:block;margin-top:4px;color:#68738d;font-weight:700;}
.aop-dictionary-card summary em{font-style:normal;border-radius:999px;background:#eaf8fd;color:#167a9d;padding:6px 10px;font-weight:900;font-size:12px;white-space:nowrap;}
.aop-dictionary-card details[open] summary{border-bottom:1px solid rgba(20,32,72,.08);background:linear-gradient(135deg,rgba(238,249,253,.95),#fff);}
.aop-dictionary-card p{padding:0 16px;margin:14px 0 10px;color:#566176;}
.aop-dictionary-card textarea{width:calc(100% - 32px);margin:0 16px 16px;min-height:150px;}
@media (max-width:1100px){.aop-catalogue-filter{grid-template-columns:1fr 1fr}.aop-portal-tabs{position:relative}.aop-dictionaries-grid.is-card-manager{grid-template-columns:1fr}}
@media (max-width:760px){.aop-catalogue-filter,.aop-module-checkbox-grid,.aop-customer-checkbox-grid{grid-template-columns:1fr}}

/* v0.12.2.6 — Portal Admin UI Compact App Polish + CSS brief */
.aop-btn-primary.aop-btn-small,
.aop-topbar-actions .aop-btn-small,
.aop-staff-hero-actions .aop-staff-btn{font-weight:760;letter-spacing:.01em;}
.aop-btn-dark.aop-btn-small{font-weight:760;}
.aop-avatar.has-image{overflow:hidden;background:#fff;border:2px solid rgba(255,255,255,.82);}
.aop-avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;}
.aop-profile-photo.has-image{overflow:hidden;background:#fff;border:1px solid rgba(18,32,70,.10);}
.aop-profile-photo.has-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;}
.aop-profile-photo-form{margin-top:14px;padding:14px;border:1px solid rgba(18,32,70,.10);border-radius:18px;background:linear-gradient(135deg,rgba(239,249,253,.92),rgba(255,255,255,.94));}
.aop-profile-photo-form label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#667089;font-weight:900;}
.aop-profile-photo-form input[type=file]{margin-top:7px;display:block;width:100%;font-size:12px;padding:10px;border-radius:14px;border:1px dashed rgba(22,39,78,.18);background:#fff;}
.aop-profile-photo-form small{display:block;margin-top:8px;color:#64748b;line-height:1.45;}


/* v0.23.2.8.9.1 — customer portal record modal shell.
   The shared record modal is used by customer Notifications and Order drawers too,
   so its fixed overlay/display rules must live in the always-loaded modal bundle,
   not only in the staff finance/shipping CSS bundle. */
.aop-record-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(4,14,31,.72)!important;
  backdrop-filter:blur(10px)!important;
}
.aop-record-modal.is-open{display:flex!important;}
.aop-record-modal .aop-record-dialog{
  width:min(920px,calc(100vw - 48px))!important;
  max-height:92vh!important;
  overflow:hidden!important;
}
.aop-record-modal .aop-record-modal-body{
  max-height:calc(92vh - 96px)!important;
  overflow:auto!important;
}

/* Branded modal header system */
.aop-record-modal .aop-record-dialog{padding:0!important;overflow:hidden;border-radius:28px!important;border:1px solid rgba(255,255,255,.65);box-shadow:0 32px 90px rgba(4,14,31,.34)!important;}
.aop-record-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:22px 64px 22px 26px!important;background:linear-gradient(125deg,#10183d 0%,#142755 48%,#168da6 100%)!important;color:#fff!important;border-bottom:0!important;position:relative;}
.aop-record-modal-head .aop-eyebrow{display:block!important;color:#28d6ff!important;text-shadow:none!important;font-weight:950!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-size:11px!important;background:transparent!important;}
.aop-record-modal-head h2{color:#fff!important;font-size:24px!important;line-height:1.12!important;margin:6px 0 0!important;}
.aop-record-modal-context{min-width:128px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);padding:12px 14px;text-align:left;color:#fff;}
.aop-record-modal-context small{display:block;color:rgba(255,255,255,.72)!important;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:900;margin-bottom:4px;}
.aop-record-modal-context strong{display:block;color:#fff;font-size:17px;}
.aop-record-modal-close{top:16px!important;right:16px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important;}
.aop-record-modal-body{padding:20px 22px 22px;max-height:calc(92vh - 90px);overflow:auto;background:linear-gradient(180deg,#f7fbff 0%,#fff 32%);}
.aop-delivery-confirm-form{box-shadow:none!important;border:1px solid rgba(18,32,70,.08)!important;background:#fff!important;}
.aop-delivery-confirm-form h2{font-size:22px!important;color:#101936!important;}
.aop-delivery-confirm-form .aop-checkline{border:1px solid rgba(18,32,70,.10);border-radius:16px;background:#f8fbff;padding:12px 14px!important;}
.aop-delivery-confirm-form .aop-checkline span{line-height:1.45;color:#1d2946;}
.aop-delivery-confirm-actions+small{display:block;border-radius:16px;background:#f8fbff;border:1px solid rgba(18,32,70,.08);padding:12px 14px;color:#607086!important;line-height:1.55;}
@media(max-width:720px){.aop-record-modal-head{display:grid!important;padding:18px 58px 18px 18px!important}.aop-record-modal-context{width:max-content;min-width:0}.aop-record-modal-body{padding:14px}}

/* Compact app-page rhythm for admin setup screens */
.aop-module .aop-hero,.aop-module .aop-stat-grid,.aop-module .aop-panel{max-width:1480px;margin-left:auto;margin-right:auto;}
.aop-module .aop-hero{margin-bottom:16px;}
.aop-stat-grid.compact{gap:12px;margin-bottom:16px;}
.aop-stat-grid.compact .aop-stat-card,.aop-page-metrics .aop-stat-card{min-height:88px;padding:16px 18px;border-radius:20px;}
.aop-stat-card span,.aop-stat-card small{line-height:1.35;}
.aop-panel{border-radius:22px;}
.aop-panel-head{gap:14px;}
.aop-panel-head h2{font-size:20px;}
.aop-form-section{border-radius:22px!important;background:#fff!important;border:1px solid rgba(17,31,70,.08)!important;box-shadow:0 16px 38px rgba(15,23,42,.045)!important;padding:20px!important;}
.aop-form-section h3{display:flex;align-items:center;gap:9px;font-size:16px!important;margin-bottom:16px!important;}
.aop-form-section h3::before{content:"";width:8px;height:8px;border-radius:999px;background:#22b7d5;box-shadow:0 0 0 5px rgba(34,183,213,.10);}
.aop-table-wrap{border-radius:18px;box-shadow:0 14px 40px rgba(15,23,42,.045);}
.aop-table thead th{font-size:10px;letter-spacing:.16em;}
.aop-table tbody td{vertical-align:middle;}
.aop-chip,.aop-badge{font-weight:900;letter-spacing:.08em;}
.aop-btn[href*="post.php"], .aop-btn[href*="edit.php?post_type"]{font-weight:800;}

/* Permission grids should read like app cards, not browser checkboxes */
.aop-module-checkbox-grid,.aop-customer-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important;}
.aop-module-checkbox-grid label,.aop-customer-checkbox-grid label{position:relative;min-height:54px;border-radius:18px!important;padding:12px 14px 12px 44px!important;background:linear-gradient(135deg,#fff,#f8fcff)!important;box-shadow:0 10px 24px rgba(15,23,42,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.aop-module-checkbox-grid label:hover,.aop-customer-checkbox-grid label:hover{transform:translateY(-1px);border-color:rgba(31,169,208,.35)!important;box-shadow:0 14px 30px rgba(15,23,42,.07);}
.aop-module-checkbox-grid input,.aop-customer-checkbox-grid input{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;}
.aop-module-checkbox-grid label:has(input:checked),.aop-customer-checkbox-grid label:has(input:checked){background:linear-gradient(135deg,#eefdff,#fff)!important;border-color:rgba(31,169,208,.38)!important;}
.aop-module-checkbox-grid span,.aop-customer-checkbox-grid span{text-transform:none;letter-spacing:.02em;font-size:13px;}

/* Data Dictionaries card manager */
.aop-dictionary-manager{padding:22px!important;}
.aop-dictionary-toolbar{border:1px solid rgba(17,31,70,.08);border-radius:22px;background:linear-gradient(135deg,#fff,#f7fbff);padding:14px;margin-top:18px!important;}
.aop-dictionaries-grid.is-card-manager{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;gap:16px!important;}
.aop-dictionary-card details{border-radius:22px!important;box-shadow:0 14px 36px rgba(15,23,42,.055);border-color:rgba(17,31,70,.09)!important;}
.aop-dictionary-card summary{padding:17px 18px!important;}
.aop-dictionary-card summary span{display:grid;gap:4px;}
.aop-dictionary-card summary strong{font-size:16px!important;}
.aop-dictionary-card summary small{font-size:12px!important;color:#64748b!important;line-height:1.35;}
.aop-dictionary-card summary em{align-self:center;background:#e9f8fd!important;color:#0d7899!important;border:1px solid rgba(18,137,166,.14);}
.aop-dictionary-card details[open]{border-color:rgba(31,169,208,.30)!important;}
.aop-dictionary-card details[open] summary{background:linear-gradient(135deg,#eefdff,#fff)!important;}
.aop-dictionary-card textarea{border-radius:16px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;background:#fbfdff;}
.aop-dictionary-card details:focus-within{outline:3px solid rgba(31,169,208,.16);outline-offset:2px;}

/* Catalogue manager: real tab feel and tighter filter surface */
.aop-portal-tabs{display:flex!important;align-items:center!important;gap:8px!important;margin:0 auto 14px!important;max-width:1480px;border:1px solid rgba(17,31,70,.08);border-radius:20px;background:rgba(255,255,255,.78)!important;padding:8px!important;box-shadow:0 12px 34px rgba(15,23,42,.05);}
.aop-portal-tabs a{box-shadow:none!important;border-radius:15px!important;padding:10px 16px!important;}
.aop-catalogue-filter{border:1px solid rgba(17,31,70,.08);border-radius:22px;background:linear-gradient(135deg,#fff,#f8fcff);padding:14px;align-items:center!important;}
.aop-catalogue-filter .aop-inline-search{height:44px;}
.aop-catalogue-filter select{height:40px;min-width:150px;border-radius:12px;}
.aop-product-thumb{width:46px;height:46px;border-radius:16px;background:#eef4f8;color:#6c7690;display:inline-grid;place-items:center;font-weight:900;}
.aop-product-thumb.has-image img{border-radius:16px;}
.aop-admin-catalogue .aop-form-section{margin-bottom:14px;}

/* Finance & Float should feel like a control console */
.aop-admin-portal-finance{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;align-items:start;}
.aop-admin-portal-finance>form{position:relative;border-top:5px solid rgba(31,169,208,.75);}
.aop-admin-portal-finance>form h2::after{content:"Manual control";display:inline-flex;margin-left:10px;border-radius:999px;background:#e9f8fd;color:#0d7899;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;vertical-align:middle;}
.aop-admin-portal-finance .aop-action-list a{border-left:4px solid rgba(31,169,208,.45);}
.aop-admin-portal-finance+.aop-panel .aop-panel-head p{max-width:720px;}
.aop-admin-portal-finance+.aop-panel .aop-table-wrap{max-height:560px;overflow:auto;}

/* Document control polish */
.aop-module-staff-documents .aop-table-wrap,.aop-admin-documents .aop-table-wrap{max-height:72vh;overflow:auto;}
.aop-module-staff-documents .aop-panel-head,.aop-admin-documents .aop-panel-head{align-items:center;}
.aop-module-staff-documents .aop-table tbody tr:hover,.aop-admin-documents .aop-table tbody tr:hover{background:#f8fcff;}
.aop-module-staff-documents .aop-btn-ghost,.aop-admin-documents .aop-btn-ghost{background:#eef8fb;color:#0b7898;border-color:rgba(31,169,208,.20);}

/* Supplier manager: cleaner master-data editing */
.aop-admin-suppliers .aop-table-wrap{margin-top:12px;}
.aop-admin-suppliers .aop-form-section{margin-bottom:16px;}
.aop-admin-suppliers .aop-row-actions .aop-btn,.aop-admin-customers .aop-row-actions .aop-btn,.aop-admin-access .aop-row-actions .aop-btn{border-radius:999px;}

/* Airline Profile / My Profile app polish */
.aop-airline-profile-hero{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;}
.aop-airline-profile-hero .aop-customer-logo{width:clamp(132px,13vw,210px);height:clamp(132px,13vw,210px);border-radius:36px;box-shadow:0 20px 48px rgba(15,23,42,.14);}
.aop-airline-profile-grid{align-items:stretch;}
.aop-profile-link-grid{margin-top:12px;gap:12px;}
.aop-profile-link-grid a{border-radius:20px!important;background:linear-gradient(135deg,#fff,#eefbff)!important;border:1px solid rgba(31,169,208,.16)!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;position:relative;padding:16px 18px!important;}
.aop-profile-link-grid a::after{content:"→";position:absolute;right:16px;top:16px;color:#1188a8;font-weight:900;}
.aop-profile-link-grid a:hover{transform:translateY(-2px);border-color:rgba(31,169,208,.40)!important;}
.aop-profile-grid .aop-panel{min-height:100%;}
.aop-contact-photo,.aop-customer-logo{box-shadow:0 12px 28px rgba(15,23,42,.08);}

/* Help & Support selectable route cards */
.aop-support-layout .aop-support-route-list{display:grid;gap:12px;}
.aop-support-layout .aop-support-route-list button{position:relative;border:1px solid rgba(17,31,70,.10)!important;background:linear-gradient(135deg,#fff,#f8fcff)!important;border-radius:20px!important;padding:16px 44px 16px 16px!important;box-shadow:0 12px 30px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.aop-support-layout .aop-support-route-list button::after{content:"Select";position:absolute;right:14px;top:14px;border-radius:999px;background:#e9f8fd;color:#0d7899;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.aop-support-layout .aop-support-route-list button strong{display:block;margin-bottom:5px;font-size:15px;color:#101936;}
.aop-support-layout .aop-support-route-list button small{display:block;line-height:1.45;color:#617089;}
.aop-support-layout .aop-support-route-list button:hover,.aop-support-layout .aop-support-route-list button.is-selected{transform:translateY(-2px);border-color:rgba(31,169,208,.36)!important;box-shadow:0 18px 42px rgba(15,23,42,.08);}
.aop-support-layout .aop-support-route-list button.is-selected{background:linear-gradient(135deg,#ecfbff,#fff)!important;}
.aop-support-layout .aop-support-route-list button.is-selected::after{content:"Selected";background:#101936;color:#fff;}

/* Float statement wide-screen polish */
.aop-customer-float-statements .aop-panel,.aop-released-statement-archive-grid{max-width:1480px;margin-left:auto;margin-right:auto;}
@media(min-width:1500px){.aop-released-statement-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.aop-customer-float-statements.is-detail .aop-panel{max-width:1380px;}}
@media(max-width:1180px){.aop-admin-portal-finance{grid-template-columns:1fr!important}.aop-catalogue-filter{grid-template-columns:1fr 1fr!important}.aop-airline-profile-hero{grid-template-columns:1fr}.aop-airline-profile-hero .aop-customer-logo{width:128px;height:128px}}
@media(max-width:760px){.aop-portal-tabs{overflow:auto}.aop-dictionaries-grid.is-card-manager{grid-template-columns:1fr!important}.aop-catalogue-filter{grid-template-columns:1fr!important}.aop-stat-grid.compact .aop-stat-card{min-height:auto}.aop-module-checkbox-grid,.aop-customer-checkbox-grid{grid-template-columns:1fr!important}.aop-support-layout .aop-support-route-list button{padding-right:16px!important}.aop-support-layout .aop-support-route-list button::after{position:static;display:inline-flex;margin-top:8px}}


/* v0.23.2.8.9.2 — Delivery Acceptance modal layout polish.
   Keep the existing form/handlers, but render the customer POD action as a focused modal rather than a page inside a popup. */
.aop-record-modal.is-delivery-acceptance-modal{
  padding:22px!important;
  align-items:center!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-record-dialog{
  width:min(760px,calc(100vw - 44px))!important;
  max-height:90vh!important;
  border-radius:24px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-record-modal-head{
  min-height:auto!important;
  padding:18px 58px 16px 22px!important;
  background:linear-gradient(125deg,#10183d 0%,#13244f 58%,#1591aa 100%)!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-record-modal-head .aop-eyebrow{
  font-size:10px!important;
  letter-spacing:.18em!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-record-modal-head h2{
  font-size:22px!important;
  margin-top:4px!important;
  letter-spacing:-.025em!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-record-modal-context{
  min-width:112px!important;
  border-radius:16px!important;
  padding:10px 12px!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-record-modal-context strong{
  font-size:15px!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-record-modal-body{
  padding:0!important;
  max-height:calc(90vh - 76px)!important;
  overflow:auto!important;
  background:#fff!important;
}
.aop-record-modal.is-delivery-acceptance-modal .aop-delivery-confirm-form,
.aop-record-modal .aop-delivery-acceptance-compact{
  display:grid!important;
  gap:16px!important;
  margin:0!important;
  padding:22px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#111a33!important;
}
.aop-delivery-modal-titlebar{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(17,31,70,.10)!important;
}
.aop-delivery-modal-titlebar .aop-eyebrow{
  color:#087fa3!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  background:transparent!important;
}
.aop-record-modal .aop-delivery-modal-titlebar h2,
.aop-delivery-modal-titlebar h2{
  margin:5px 0 0!important;
  color:#101936!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
.aop-delivery-modal-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#eaf8fc!important;
  color:#075f74!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.aop-record-modal .aop-delivery-confirm-summary{
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid #d8edf6!important;
  border-radius:16px!important;
  background:#f2fbfe!important;
  color:#2b425d!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.aop-record-modal .aop-delivery-confirm-summary.is-soft{
  background:#f8fbff!important;
  border-color:#e1ebf4!important;
}
.aop-delivery-field{
  display:grid!important;
  gap:7px!important;
  color:#263750!important;
  font-weight:900!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.aop-record-modal .aop-delivery-field input,
.aop-record-modal .aop-delivery-field textarea{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(18,32,70,.13)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#101936!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
  padding:12px 14px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
}
.aop-record-modal .aop-delivery-field textarea{
  min-height:106px!important;
  resize:vertical!important;
  line-height:1.45!important;
}
.aop-delivery-check-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.aop-record-modal .aop-delivery-confirm-form .aop-checkline,
.aop-record-modal .aop-delivery-check-grid .aop-checkline{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid rgba(18,32,70,.11)!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  color:#1d2946!important;
  box-shadow:0 10px 24px rgba(15,23,42,.035)!important;
  cursor:pointer!important;
}
.aop-delivery-check-grid .aop-checkline.is-wide{
  grid-column:1 / -1!important;
}
.aop-record-modal .aop-delivery-check-grid .aop-checkline input[type="checkbox"]{
  appearance:auto!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:2px 0 0!important;
  accent-color:#14a9c8!important;
  box-shadow:none!important;
}
.aop-delivery-check-grid .aop-checkline span{
  display:grid!important;
  gap:4px!important;
  line-height:1.35!important;
}
.aop-delivery-check-grid .aop-checkline strong{
  display:block!important;
  color:#111a33!important;
  font-size:13px!important;
  font-weight:900!important;
}
.aop-delivery-check-grid .aop-checkline small{
  display:block!important;
  color:#607086!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.4!important;
}
.aop-delivery-modal-note{
  padding:12px 14px!important;
  border:1px solid rgba(18,32,70,.08)!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  color:#607086!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.aop-record-modal .aop-delivery-confirm-actions{
  position:sticky!important;
  bottom:-22px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:2px -22px -22px!important;
  padding:14px 22px!important;
  background:rgba(255,255,255,.96)!important;
  border-top:1px solid rgba(18,32,70,.09)!important;
  box-shadow:0 -14px 30px rgba(15,23,42,.06)!important;
  backdrop-filter:blur(10px)!important;
}
.aop-record-modal .aop-delivery-confirm-actions .aop-btn{
  min-height:42px!important;
  border-radius:12px!important;
  padding:10px 16px!important;
  font-size:13px!important;
  font-weight:900!important;
}
.aop-record-modal .aop-delivery-confirm-actions .aop-btn-ghost{
  order:-1!important;
  margin-right:auto!important;
}
@media(max-width:820px){
  .aop-record-modal.is-delivery-acceptance-modal .aop-record-dialog{width:calc(100vw - 28px)!important;}
  .aop-delivery-check-grid{grid-template-columns:1fr!important;}
  .aop-delivery-modal-titlebar{display:grid!important;}
  .aop-delivery-modal-pill{width:max-content!important;}
  .aop-record-modal .aop-delivery-confirm-actions{display:grid!important;grid-template-columns:1fr!important;}
  .aop-record-modal .aop-delivery-confirm-actions .aop-btn-ghost{order:3!important;margin-right:0!important;}
}