/* Magidigi visual language: coloured operational categories, glass cards, focused glow. */
:root{--surface:#111b2b;--surface-raised:#172438;--line:#2c3d55;--mint:#5de5bb;--violet:#b99aff;--blue:#7ebcff;--amber:#f8ca7d}
body{background:#0b101b;background-image:radial-gradient(ellipse at 32% 0,#19394644,transparent 42%),radial-gradient(ellipse at 95% 28%,#49356620,transparent 42%);color:#e4ecf6}
.main{max-width:1860px;width:100%;padding:0 32px 45px}.sidebar{background:linear-gradient(180deg,#101a28,#0b111d);border-right:1px solid #2c3b50;gap:25px;padding-top:26px}.brand img{filter:drop-shadow(0 0 10px #43d8ab40)}.brand small{color:#8bbeb9}.nav{gap:5px}.nav button{min-height:43px;border:1px solid transparent;border-radius:10px;padding:9px 12px;font-size:12px;transition:background .16s,border-color .16s,box-shadow .16s;color:#b6c5d9}.nav .glyph{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;background:#8caed00b;color:#8da7c2;flex:none}.nav button:hover{background:#1c2c40;border-color:#3c5672}.nav button.active{border-color:#36bf9b66;background:linear-gradient(100deg,#174d435e,#14352f77);color:#8af6d4;box-shadow:inset 3px 0 #59e8bb,0 0 18px #21c29d13}.nav button.active .glyph{background:#2bc69a22;color:#6af3c5;box-shadow:0 0 14px #41dfb425}.nav button[data-page=activations].active,.nav button[data-page=templates].active{background:#6e46b72b;border-color:#b19aff66;box-shadow:inset 3px 0 #b99aff,0 0 18px #ab7fff18;color:#d8c5ff}.nav button[data-page=activations] .glyph,.nav button[data-page=templates] .glyph{color:#b99aff;background:#9e79f41b}.nav button[data-page=orders] .glyph{color:#f8ca7d;background:#ddab3218}.nav button[data-page=logistics] .glyph,.nav button[data-page=studio] .glyph{color:#7ebcff;background:#61a9ed18}.nav button[data-page=health] .glyph,.nav button[data-page=api] .glyph{color:#87e1e6;background:#47c8e418}.nav-group-label{margin:17px 13px 6px;font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#7f95af}.sidebar-bottom{padding-top:14px}.user-chip{margin-top:14px}.topbar{height:64px}.connection .dot{box-shadow:0 0 8px #36dba68a}.page-heading{margin:28px 0 22px}.page-heading h1{font-size:30px;letter-spacing:-.7px}.page-heading .eyebrow{color:#79adba;font-size:9px}.page-heading .muted{font-size:13px}.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}.has-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px}.has-icon>.ui-icon{width:16px;height:16px}button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:hover:not(:disabled){box-shadow:0 0 16px #65b5de12}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b89bff;outline-offset:4px}.primary{background:linear-gradient(135deg,#119d7b,#087858);border-color:#36c99c;box-shadow:0 4px 16px #0aad7930;font-weight:600}.primary:hover{background:linear-gradient(135deg,#15b78b,#0b916c);box-shadow:0 0 22px #1bd99a40}.danger{color:#ffaca8;border-color:#c8636266}.danger:hover{background:#6232344d}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.quick-action{display:flex;align-items:center;gap:13px;text-align:left;padding:17px 16px;border:1px solid #3e7e7066;background:linear-gradient(120deg,#193e354d,#142334aa);border-radius:13px;min-height:86px}.quick-action .action-tile{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#2ee0aa18;border:1px solid #3cbb9066;color:#65ecc0;flex:none}.quick-action .action-tile .ui-icon{width:23px;height:23px}.quick-action .action-copy{min-width:0;flex:1}.quick-action strong{display:block;font-size:13px;color:#e2fff4;margin-bottom:5px}.quick-action small{font-size:11px;color:#a8c4bd;line-height:1.5;display:block}.quick-action>.ui-icon{width:15px;color:#7fa79e}.quick-action:hover{border-color:#53ddb2;background:#204c414d;box-shadow:0 0 25px #3bdbaa1f!important}.quick-action.purple{border-color:#9570dc55;background:linear-gradient(120deg,#51367044,#142334aa)}.quick-action.purple .action-tile{color:#c8adff;background:#ab7cff1b;border-color:#9b73df66}.quick-action.purple:hover{border-color:#b996ff;box-shadow:0 0 25px #aa7bff25!important}.quick-action.blue{border-color:#619bce55;background:linear-gradient(120deg,#26517a44,#142334aa)}.quick-action.blue .action-tile{color:#9acfff;background:#69aaf21b;border-color:#6aacf266}.quick-action.amber{border-color:#b8925055;background:linear-gradient(120deg,#654c2344,#142334aa)}.quick-action.amber .action-tile{color:#f2ce8c;background:#f2bb5518;border-color:#cda35466}
.metrics{gap:14px}.metric{border-radius:14px;background:linear-gradient(140deg,#1c2c3ce0,#101c2cee);border-color:#36516866;box-shadow:0 10px 30px #00000012,inset 0 1px #ffffff05;overflow:hidden}.metric:before{content:'';position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,#65d8ba80,transparent)}.metric:nth-child(2):before{background:linear-gradient(90deg,transparent,#6cdec980,transparent)}.metric:nth-child(3):before{background:linear-gradient(90deg,transparent,#b19aff90,transparent)}.metric:nth-child(4):before{background:linear-gradient(90deg,transparent,#e9bc7e80,transparent)}.stock-metrics .metric{padding:20px 22px;min-height:112px}.stock-metrics .metric strong{font-size:33px;font-weight:600;letter-spacing:-.5px}.stock-metrics .metric .kpi-icon,.metric .metric-icon{position:absolute;right:18px;top:25px;width:39px;height:39px;display:grid;place-items:center;border:1px solid #5cd8b52e;background:#3dd8a918;border-radius:12px;color:#67e4bd}.stock-metrics .metric:nth-child(3) .kpi-icon{background:#a57cf41c;color:#c1a4ff;border-color:#9c73e83b}.stock-metrics .metric:nth-child(4) .kpi-icon{background:#dbac501c;color:#f2cc89;border-color:#dfb3593b}.stock-metrics .metric span:not(.kpi-icon){font-size:10px;text-transform:uppercase;letter-spacing:1px}.metric .number{color:#f0f6ff}.metric .foot{color:#a0b5cb}.metric .label{color:#aabdd3}.metric .metric-icon .ui-icon{width:20px;height:20px}
.stock-source{margin-bottom:14px;background:#122332aa;border-color:#31506966}.stock-warning{background:#3c2e164d;border:1px solid #9570324d;color:#e9c68a;font-size:11px;line-height:1.65;padding:10px 14px}.stock-tabs,.tabs{gap:8px;border-bottom:1px solid #2e4159;padding-bottom:7px;margin-top:20px}.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:10px 13px;color:#a9bcd4;font-weight:500}.tabs button .ui-icon{width:17px;height:17px}.tabs button.active{color:#89f1cb;background:#1a493a66;border:1px solid #39af7d70;box-shadow:0 0 15px #42cf9d18}.tabs button:hover{background:#233a504d}.stock-toolbar{padding:16px;background:#122032aa;border:1px solid #2d435c;border-radius:12px;gap:12px}.stock-toolbar select,.stock-toolbar input{background:#0e1928}.stock-extra{position:relative;align-self:end}.stock-extra>summary{cursor:pointer;padding:10px 14px;border:1px solid #4a5b73;border-radius:8px;list-style:none;color:#c5d6ea;font-size:12px;display:flex;gap:8px;align-items:center}.stock-extra[open]>summary{border-color:#a58ad6;color:#d6c3ff}.stock-extra-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-width:100%}.stock-extra[open]{flex-basis:100%}.stock-columns{gap:22px}.stock-section-title h2{display:flex;align-items:center;gap:10px;font-size:20px}.stock-section-title h2>.ui-icon{color:#6ee2bd}.stock-columns>section:nth-child(2) .stock-section-title h2>.ui-icon{color:#bd9eff}.stock-section-title>span{border:1px solid #455c7666;border-radius:20px;background:#2d476333;padding:5px 10px;color:#b8cce2}.stock-location{border-radius:13px;background:#111d2de6;border-color:#34536988;box-shadow:0 5px 18px #00000016}.stock-location:hover{border-color:#53b09888}.stock-location[open]{border-color:#4ac69c77;box-shadow:0 0 20px #3ce3ad0e}.stock-location summary{position:relative;align-items:center;background:linear-gradient(115deg,#2445375c,#142135);padding:18px 20px}.stock-location summary:after{content:'⌄';font-size:18px;transition:transform .2s}.stock-location[open] summary:after{transform:rotate(180deg)}.stock-location summary strong{font-size:14px;color:#eaf6f3}.location-icon{width:38px;height:38px;padding:8px;border-radius:10px;background:#36c79b1a;color:#67e4bd;border:1px solid #53cd9c33;flex-shrink:0}.stock-location[data-kind=ACTIVATION]{border-color:#7156a466}.stock-location[data-kind=ACTIVATION][open]{border-color:#a17bdc88;box-shadow:0 0 20px #ab74fc13}.stock-location[data-kind=ACTIVATION] summary{background:linear-gradient(115deg,#5740734d,#142135)}.stock-location[data-kind=ACTIVATION] .location-icon{color:#c7a4ff;background:#a77bf41a;border-color:#a67ce633}.stock-location-body{padding:12px}.stock-table{background:#111c2d}.stock-table th{font-size:9px}.stock-table td{padding:12px 8px}.stock-table tbody tr:hover{background:#24394c}.stock-available{color:#7aefc2;text-shadow:0 0 12px #55dfad30}.stock-table button{border-color:#4f6a7b;background:#263f45aa;color:#b5f6dc}.stock-table td strong{line-height:1.5;font-size:12px}.status,.stock-status{border:1px solid transparent;border-radius:6px;font-size:10px;font-weight:600}.status.ongoing-activation{background:#144d3c;color:#86f3bd;border-color:#3dc69366;box-shadow:0 0 12px #29d79313}.status.preparing-bump-in{background:#59421f66;color:#ffd18a;border-color:#b5904677}.status.preparing-bump-out{background:#29477566;color:#a3cfff;border-color:#668bc188}.status.on-hold{background:#5e303d66;color:#ffb4bf;border-color:#af6c8077}.status.done{background:#33425366;color:#b1c1d4;border-color:#66758a66}.state-tag{background:#20324d;color:#b3c9e4;border-color:#405a7b}.brand-pill{color:#c9b1f4}.table-shell td strong{color:#e6edf6}.table-shell tbody tr:hover{background:#263a504d}.attention-row{background:#a6751712}.attention-row td:first-child{box-shadow:inset 3px 0 #edb854}.op-flag{color:#f3c775!important}.activation-card{background:linear-gradient(135deg,#23304a,#162234);border-color:#3e506f;color:#e3ebf5;box-shadow:0 3px 14px #0001}.activation-card:hover{border-color:#b18de8;box-shadow:0 0 20px #a376e123;background:#26364f}.activation-card.is-flagged{border-color:#e9b44d9c;box-shadow:0 0 22px #edb54b24}.activation-card h3{font-size:14px}.activation-card p{color:#a7b8ce}.column{background:#13203366;border:1px solid #31445f}.timeline-track{background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 31 - 1px),#32475b55 calc(100% / 31 - 1px),#32475b55 calc(100% / 31))}.timeline-row{border-color:#2d415a}.timeline-bar{background:#744fb34d;color:#dfc9ff;border:1px solid #aa83e877}.australia-filter{background:linear-gradient(120deg,#18263bc9,#142333aa);border-color:#4d627f66;box-shadow:inset 0 1px #ffffff05,0 10px 30px #00000015}.australia-svg{height:320px}.australia-heading h2{display:flex;align-items:center;gap:9px}.au-state.is-selected{filter:drop-shadow(0 0 4px #bc99ffb0)}.au-state:hover{filter:drop-shadow(0 0 2px #a6a5d88a)}.au-state-list button[aria-pressed=true]{box-shadow:0 0 17px #ab7cff33;border-color:#ba9bef}.states button{color:#a7bad2}.states button.active{border:1px solid #a487de80;background:#5c408b66;color:#e2d0ff;box-shadow:0 0 15px #b17dfa20}
.ops-dialog{background:#0f1a2a}.ops-dialog .drawer-head{background:linear-gradient(115deg,#18263c,#18223a);border-color:#3c506c}.ops-dialog .drawer-title h2{font-size:24px}.ops-body{color:#dce8f7}.ops-body .op-section{background:linear-gradient(135deg,#17253a,#142135);border-color:#354b6899;border-radius:13px;box-shadow:0 7px 20px #00000012;scroll-margin-top:20px}.ops-body .op-section h3{font-size:15px;color:#dce9ff;display:flex;align-items:center;gap:9px}.ops-body .op-section h3>.ui-icon{color:#b49bf0}.ops-body .op-section:nth-of-type(3n+1) h3>.ui-icon{color:#72d9bd}.ops-body .op-row,.ops-page .op-row{background:transparent;border-color:#354a6580}.ops-body .op-row:hover,.ops-page .op-row:hover{background:#2c456122}.ops-body .op-row p{color:#d1dff0}.ops-body .op-row small,.ops-body small{color:#a1b5ce}.ops-body .checkbox-label{color:#dbe7f7}.ops-body .checkbox-label small{color:#9fb3cc}.ops-body input,.ops-body select,.ops-body textarea{background:#0e192a;border-color:#435772;color:#e0eaf8}.ops-body input:focus,.ops-body textarea:focus,.ops-body select:focus{outline:2px solid #b092e9;box-shadow:0 0 12px #9e77ed22}.ops-body input[type=checkbox]{accent-color:#a987e5}.ops-body .op-toolbar button{background:#21324b;border-color:#435775;color:#c7d8ed}.ops-body .op-toolbar button:hover{background:#354767;border-color:#b08be4;color:#efdcff}.ops-body .op-toolbar button[data-op=apply],.ops-body .op-toolbar button[data-op=task-add]{background:#7950ae40;border-color:#b48aeb66;color:#d5b6ff}.ops-body .op-warning{background:#58421a44;color:#f0cf95;border-color:#d0a34a66}.ops-body .op-sheet-meta{color:#adc4de;gap:14px;border-bottom:1px solid #334965;padding-bottom:20px}.ops-body .op-note{border-color:#344a65}.ops-body .op-footer{background:#111f32;border-color:#405572}.ops-body .op-from{background:#2449724d;border-color:#5b9de1}.ops-body .op-to{background:#1c5c484d;border-color:#44ba91}.ops-body .op-pick{background:#18283d;border-color:#374e6b}.ops-body .op-template-row{background:#233650}.ops-body .op-product-head .placeholder,.ops-page .op-photo.placeholder{background:#22374e;color:#96b1cf;border-color:#3e5573}.ops-body .op-photo{border-color:#455c78}.ops-body .op-upload{background:#25604466;color:#96efbf;border-color:#45996b}.ops-body .form-error{color:#ffb2b2}.sheet-jumps{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;padding:12px;background:#17283c;border:1px solid #354d6b;border-radius:11px}.sheet-jumps button{font-size:11px;padding:7px 10px;border-color:#435a78;background:#22354e;color:#c8daf0}.sheet-jumps button:hover{border-color:#b99af0;color:#e2ceff;background:#51406e}.sheet-jumps .ui-icon{width:14px;height:14px}.ops-page .op-row{background:linear-gradient(100deg,#1a293d,#132033);border-color:#384e68;border-radius:12px;padding:18px}.ops-page .op-row strong{color:#e4effc}.ops-page .op-row small{color:#a7bcd3}.ops-page h1{font-size:29px}.op-toolbar button,.form-actions button{min-height:35px}.ops-page #op-search{min-width:min(350px,100%)}.stock-status.status-reserved{box-shadow:0 0 14px #ac7bdf18;border-color:#9b78c84d}.status-in-transit{border-color:#c5a25b4d;box-shadow:0 0 14px #d6a64717}.status-received{border-color:#46b18b55}.shipment-card{background:linear-gradient(130deg,#1d2c42,#132032);border-color:#435873}.shipment-card:hover{border-color:#71a2bd}.shipment-card .stock-section-title>span{border-radius:6px}.op-section .op-toolbar .has-icon,.stock-toolbar .has-icon{white-space:nowrap}
@media(min-width:1500px){.stock-columns{grid-template-columns:1fr 1.12fr}.australia-layout{grid-template-columns:minmax(320px,1.2fr) minmax(320px,1fr)}}
@media(max-width:1150px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-columns{grid-template-columns:1fr}.stock-metrics .metric .kpi-icon{right:12px;width:30px;height:30px}.stock-metrics .metric{padding:17px 15px}.stock-metrics .metric strong{font-size:28px}}
@media(max-width:760px){.main{padding:0 15px 25px}.sidebar{padding:12px 15px;gap:8px}.nav-group-label{display:none}.nav button{min-height:36px;padding:6px 9px}.nav .glyph{width:22px;height:22px}.quick-actions{gap:8px}.quick-action{padding:12px;gap:8px;min-height:80px}.quick-action .action-tile{width:33px;height:33px}.quick-action strong{font-size:12px}.quick-action small{font-size:10px}.quick-action>.ui-icon{display:none}.metrics{gap:9px}.page-heading h1{font-size:25px}.stock-metrics .metric{min-height:100px}.stock-toolbar{padding:12px}.stock-toolbar .stock-search{min-width:150px}.stock-location summary{padding:14px;gap:10px}.stock-location summary strong{font-size:13px}.location-icon{width:31px;height:31px;padding:6px}.sheet-jumps{gap:5px;padding:9px}.sheet-jumps button{font-size:10px;padding:7px}.ops-dialog .drawer-title h2{font-size:20px}.australia-svg{height:290px}.au-state-list button{padding:9px}.stock-extra-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){button,.au-state path{transition:none}button:active:not(:disabled){transform:none}}
@media print{.sheet-jumps{display:none!important}.ops-dialog,.ops-body,.ops-body .op-section,.ops-body .op-row{background:white!important;color:#172638!important;box-shadow:none!important}.ops-body .op-section h3,.ops-body .op-row p,.ops-body .checkbox-label{color:#172638!important}.ops-body small{color:#456!important}}

.sheet-jumps button{display:inline-flex;align-items:center;gap:6px}.ops-dialog.is-flagged .drawer-head{border-bottom:1px solid #e4b3509c;box-shadow:0 4px 24px #e5b34320}.ops-dialog.is-flagged .drawer-title h2{color:#ffe1a6}.stock-location:hover{box-shadow:0 0 22px #54dfa51c}.stock-location[data-kind=ACTIVATION]:hover{border-color:#b48ae1aa;box-shadow:0 0 24px #ab7bff22}
