/* Glass Pro (dark) skin for Shipping Docs pages — same recipe as the portal's
   "Glass Pro Dispatch" theme (job-manager/public/index.html <style id="mx-dispatch-pro">):
   midnight #04060a, drifting green/teal/amber orbs, faint perspective grid floor, frosted glass
   panels with a top highlight, chrome headline, glossy pills. Pro rule: calm surfaces, ONE glowing
   element (the hero box's prism rim). Loaded after mx-theme.css; print output untouched. */
@media screen{
:root{
  --gp-page:#04060a; --gp-bd:rgba(255,255,255,0.14); --gp-line:rgba(255,255,255,0.08);
  --gp-ink:#eef1f4; --gp-ink2:#c9ced4; --gp-mute:#98a1ab; --gp-in:rgba(0,0,0,0.32);
  --gp-grn:#5cf2a0; --gp-teal:#4cc9f0; --gp-amb:#ffc94d; --gp-red:#ff8a82;
  --gp-glass:linear-gradient(160deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03) 60%);
  --gp-sh:inset 0 1px 0 rgba(255,255,255,0.22), 0 16px 34px rgba(0,0,0,0.45);
  --gp-chrome:linear-gradient(180deg,#ffffff 0%,#e3fcee 50%,#5cf2a0 100%);
  color-scheme:dark;
}
html body{background:var(--gp-page)!important;color:var(--gp-ink)}
body::before{content:'';position:fixed;inset:-10%;z-index:0;pointer-events:none;filter:blur(20px);opacity:.75;
  background:radial-gradient(640px 640px at 22% 8%, rgba(15,161,74,0.50), rgba(15,161,74,0) 68%),
    radial-gradient(600px 600px at 92% 30%, rgba(31,143,181,0.45), rgba(31,143,181,0) 68%),
    radial-gradient(520px 520px at 50% 108%, rgba(224,161,0,0.22), rgba(224,161,0,0) 68%);
  animation:gp-drift 30s ease-in-out infinite alternate}
body::after{content:'';position:fixed;left:-30%;right:-30%;bottom:-160px;height:520px;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(92,242,160,0.32) 1px,transparent 1px),linear-gradient(90deg,rgba(92,242,160,0.32) 1px,transparent 1px);
  background-size:64px 64px;transform:perspective(600px) rotateX(68deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(to top,#000 5%,transparent 85%);mask-image:linear-gradient(to top,#000 5%,transparent 85%);
  opacity:.28;animation:gp-floor 7s linear infinite}
@keyframes gp-drift{to{transform:translate(60px,40px) scale(1.08)}}
@keyframes gp-floor{to{background-position:0 64px,0 64px}}
body>*{position:relative;z-index:1}

/* header = glass strip, gradient rule, chrome title */
.band{background:rgba(8,12,14,0.55)!important;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);
  border-bottom:0;position:sticky;top:0;z-index:20}
.band::after{height:3px!important;bottom:-3px!important;background:linear-gradient(90deg,#0fa14a,#5cf2a0 40%,#4cc9f0 75%,rgba(76,201,240,0))!important;
  box-shadow:0 0 14px rgba(92,242,160,0.55)!important;animation:none!important}
.band .ttl,.ttl{-webkit-text-stroke:0!important;text-shadow:none!important;background:var(--gp-chrome);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 12px rgba(92,242,160,0.35))}
.band .ttl small,.ttl small,.band .back,.ttl .back{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gp-mute)!important;filter:none}
.band .back:hover,.ttl .back:hover{color:var(--gp-grn)!important}
.lock img{filter:drop-shadow(0 1px 0 rgba(255,255,255,0.28)) drop-shadow(0 0 12px rgba(92,242,160,0.30)) drop-shadow(0 6px 10px rgba(0,0,0,0.5))}

/* glass panels: form sections, hub cards, modal */
.form-section,a.card,#modalBox,.box{background:var(--gp-glass)!important;border:1px solid var(--gp-bd)!important;border-radius:20px!important;
  box-shadow:var(--gp-sh)!important;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);color:var(--gp-ink)}
.form-section:focus-within{border-color:rgba(92,242,160,0.35)!important}
.form-section h3{color:var(--gp-ink)!important;border-bottom:1px solid var(--gp-line)!important;letter-spacing:.12em!important}
a.card{transition:transform .25s ease,border-color .25s ease!important}
a.card:hover,a.card:focus-visible{transform:translateY(-2px);border-color:rgba(92,242,160,0.35)!important;box-shadow:var(--gp-sh)!important}
a.card .ic{background:linear-gradient(160deg, rgba(255,255,255,0.14), rgba(255,255,255,0.03) 60%)!important;border:1px solid var(--gp-bd)!important;border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.30), 0 6px 14px rgba(0,0,0,0.40)}
a.card .ic svg{stroke:#cfd6dc}
a.card:hover .ic svg{stroke:#7dffb8;filter:drop-shadow(0 0 6px rgba(125,255,184,0.8))}
a.card b{color:var(--gp-ink)}
a.card .go{color:var(--gp-grn)!important}
h2{color:rgba(200,210,216,0.55)!important}

/* the ONE glowing element: prism rim on the hero box */
@property --gp-ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes gp-spin{to{--gp-ang:360deg}}
.gp-hero{position:relative;overflow:visible!important}
.gp-hero::before{content:'';position:absolute;inset:-1px;border-radius:21px;padding:1.5px;pointer-events:none;z-index:2;
  background:conic-gradient(from var(--gp-ang),#5cf2a0,#4cc9f0,#e9fff3,#ffc94d,#4cc9f0,#5cf2a0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:gp-spin 12s linear infinite}
.gp-hero{box-shadow:var(--gp-sh),0 0 40px rgba(92,242,160,0.12)!important}

/* fields: dark wells, pill-soft corners, mint focus */
#entryPanel input[type=text],#entryPanel input[type=number],#entryPanel input[type=date],#entryPanel select,#entryPanel textarea,
#modalBox input,#modalBox select,#modalBox textarea,#sideNotes{background-color:var(--gp-in)!important;border:1px solid var(--gp-bd)!important;border-radius:12px!important;color:var(--gp-ink)!important}
#entryPanel select,#modalBox select{color:var(--gp-ink)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235cf2a0' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}
#entryPanel input:focus,#entryPanel select:focus,#entryPanel textarea:focus,#modalBox input:focus,#modalBox select:focus,#modalBox textarea:focus{
  border-color:rgba(92,242,160,0.6)!important;box-shadow:0 0 0 3px rgba(92,242,160,0.12),0 0 14px rgba(92,242,160,0.25)!important}
#awbNumberWrap input{background:var(--gp-chrome)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  border-color:rgba(92,242,160,0.45)!important;caret-color:#5cf2a0}
#airlineDetect{background:var(--gp-in)!important;border:1px solid var(--gp-bd)!important;border-radius:14px!important}
#airlineDetect .airline-name{background:var(--gp-chrome);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.field-group label,#modalBox .mfield label{color:var(--gp-mute)!important}

/* glossy pills */
.btn,.modal-btns button,#lockBtn,#sbNewBtn,.task-btn,.chip,.charge-btn,.tbl-ctrl button{border-radius:999px!important;
  background:linear-gradient(160deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03))!important;border:1px solid var(--gp-bd)!important;
  color:var(--gp-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 6px 14px rgba(0,0,0,0.35)!important}
.btn:hover,.modal-btns button:hover,#lockBtn:hover,#sbNewBtn:hover,.task-btn:hover,.chip:hover,.charge-btn:hover,.tbl-ctrl button:hover{border-color:rgba(92,242,160,0.4)!important;color:#fff!important}
.btn-primary,.modal-btns .ok,#sbSaveBtn{position:relative;overflow:hidden;color:#04140a!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(180deg, rgba(47,224,122,0.96), rgba(0,149,73,0.96))!important;box-shadow:0 0 16px rgba(15,161,74,0.40), inset 0 1px 0 rgba(255,255,255,0.5)!important}
.btn-primary::after,.modal-btns .ok::after,#sbSaveBtn::after{content:'';position:absolute;left:7%;right:7%;top:1px;height:46%;border-radius:999px;background:linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0));pointer-events:none}
.btn-danger,.tbl-ctrl button.danger{color:var(--gp-red)!important}

/* tables */
.editable-table th,.cargo-table th{background:rgba(255,255,255,0.06)!important;color:var(--gp-ink2)!important}
.editable-table td,.cargo-table td{border-color:var(--gp-line)!important}
.editable-table tr:hover td{background:rgba(92,242,160,0.06)!important}
.editable-table tr.selected td{box-shadow:inset 0 0 0 1px rgba(92,242,160,0.25)}
.editable-table tr.selected{background:rgba(92,242,160,0.11)!important}

/* sidebar = glass strip */
#sidebar{background:rgba(8,12,14,0.55)!important;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-left:1px solid var(--gp-line)!important}
#sidebar .sb-section{border-bottom:1px solid var(--gp-line)!important}
#sidebar .sb-title{color:rgba(200,210,216,0.55)!important}
.gen-link.active,.gen-link[onclick^="open"]{color:var(--gp-ink)!important}
.gen-link.active:hover,.gen-link[onclick^="open"]:hover{color:var(--gp-grn)!important}
#statusBadge.draft{border-radius:999px;color:var(--gp-amb)!important;border-color:rgba(255,201,77,0.45)!important;background:rgba(255,201,77,0.12)!important}
#statusBadge.locked{border-radius:999px}

/* import drop box + messages */
#awbImport .drop{border:1.5px dashed rgba(255,255,255,0.22)!important;border-radius:16px!important;background:rgba(0,0,0,0.25)!important}
#awbImport .drop:hover,#awbImport .drop.over{border-color:rgba(92,242,160,0.6)!important;background:rgba(92,242,160,0.08)!important}
.imp-msg.ok{color:#7dffb8!important}
#validationBanner{background:rgba(255,107,99,0.13)!important;border:1px solid rgba(255,107,99,0.45)!important;color:#ff9b94!important;border-radius:14px!important}

/* AWB preview floats on the glass */
#awbDoc .mawb-sheet{box-shadow:0 0 0 1px rgba(255,255,255,0.10),0 24px 60px rgba(0,0,0,0.6)!important;border-radius:4px}
#printControls{background:transparent!important}

@media (prefers-reduced-motion:reduce){body::before,body::after,.gp-hero::before{animation:none}}
}