/* PouncherX Life · Liquid. Loaded after the existing module styles. */
:root{color-scheme:light;--px-rgb:212 248 118;--px-light:240 253 207;--px-mid:223 250 152;--px-deep:140 164 78;--bg:#eef0f3;--bg-2:#e8edf2;--bg-3:#e1e6ec;--surface:#f7f9fb;--surface-2:#eef2f6;--text:#252c35;--text-2:#7b8592;--muted:#7b8592;--accent:rgb(var(--px-rgb));--accent-2:rgb(var(--px-mid));--border:#d8dfe6;--shadow:0 12px 28px #cdd3dc60;--info:#678ea8;--success:#557c44;--warning:#8a692e;--danger:#af4560}
html,body{background:var(--bg)}
.px-liquid-ready [hidden]{display:none!important}
.px-liquid-ready #sidebar,.px-liquid-ready #sidebarToggle,.px-liquid-ready #sidebarBackdrop{display:none!important}
.px-liquid-ready .main{overflow-y:auto;background:radial-gradient(ellipse 75% 520px at 50% -80px,#ffffff88,transparent 80%),var(--bg)}
.px-liquid-ready .topbar{height:auto;min-height:76px;flex-shrink:0;margin:0 auto;padding:18px 30px;max-width:1440px;width:100%;background:transparent;border-color:#d8dfe6;flex-wrap:wrap}
.px-brand{padding:0;border:0;background:none;color:var(--text);font-size:23px;font-weight:700;letter-spacing:-.8px;cursor:pointer;text-align:left}.px-brand span{font-weight:400;color:#7b8592}
.px-liquid-ready .topbar-actions{flex-wrap:wrap;gap:10px}.px-motion{font-size:11px}.px-motion[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.px-liquid-ready .content{overflow:visible;flex:1 0 auto;width:100%;max-width:1440px;margin:0 auto;padding:16px 30px 40px}
.px-liquid-area{flex:none;text-align:center;padding:30px 30px 0;max-width:1440px;width:100%;margin:auto}
.px-eyebrow{font-size:9px;letter-spacing:2.5px;color:#8893a0;margin:0 0 9px}.px-eyebrow:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:9px;background:var(--accent);box-shadow:0 0 12px var(--accent);vertical-align:middle}
.px-group-title{font-size:52px;font-weight:700;letter-spacing:-2px;line-height:1.2;color:var(--accent);text-shadow:0 0 32px rgb(var(--px-rgb)/.13);margin:0}
.px-liquid-area .topbar-title{margin:25px 0 4px;text-align:left}.px-liquid-area #pageTitle{font-size:22px;color:var(--text);margin-bottom:5px}.px-liquid-area .subtitle{font-size:12px}
.px-dock{position:relative;width:min(620px,100%);height:124px;margin:13px auto 15px;isolation:isolate}
.px-dock:after{content:'';position:absolute;z-index:-2;left:var(--px-position,14%);width:180px;transform:translateX(-50%);bottom:5px;height:95px;background:radial-gradient(ellipse,rgb(var(--px-rgb)/.28),transparent 70%);filter:blur(14px);pointer-events:none}
.px-dock-skin{position:absolute;left:0;top:0;width:100%;height:110px;overflow:visible;filter:drop-shadow(0 9px 9px #9ca8b650)}
.px-group-tabs{position:absolute;inset:0 0 14px;display:flex;padding:0 5%}
.px-group-tab{position:relative;flex:1;min-width:0;background:none;border:0;color:#7b8592;padding:0;touch-action:manipulation;border-radius:13px;cursor:pointer}
.px-group-tab>svg{position:absolute;width:20px;height:20px;top:63px;left:50%;transform:translate(-50%,-50%);transition:opacity 150ms}
.px-group-tab>span{position:absolute;top:82px;left:0;right:0;font-size:10px}
.px-group-tab:hover{color:#fff}.px-group-tab[aria-selected=true]{color:var(--accent);text-shadow:0 0 14px rgb(var(--px-rgb)/.6)}.px-group-tab[aria-selected=true]>svg{opacity:0}.px-group-tab:disabled{opacity:.35;cursor:default}
.px-bead{position:absolute;z-index:3;width:48px;height:48px;border-radius:50%;top:14px;left:14%;transform:translateX(-50%);display:grid;place-items:center;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 30% 18%,rgb(var(--px-light)),rgb(var(--px-mid)) 25%,var(--accent) 65%,rgb(var(--px-deep)));color:#202027;border:1px solid rgb(var(--px-light)/.7);box-shadow:inset 0 2px 2px #fffb,inset 0 -3px 4px rgb(var(--px-deep)/.65),0 0 0 4px rgb(var(--px-rgb)/.08),0 0 20px rgb(var(--px-rgb)/.65),0 0 44px rgb(var(--px-rgb)/.35),0 0 75px rgb(var(--px-rgb)/.18),0 6px 13px #9ca8b650}
.px-bead>svg{width:48%;height:48%}.px-bead.dragging{cursor:grabbing;filter:brightness(1.08)}
.px-modules{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:38px}
.px-module{padding:9px 13px;min-height:38px;border-radius:9px;background:linear-gradient(#f9fafc,#e8edf2);color:var(--text-2);border:1px solid var(--border);box-shadow:inset 0 1px 0 #fff1,0 2px 0 #ccd4de;cursor:pointer;font-size:12px;transition:transform 150ms,box-shadow 150ms}
.px-module:hover{color:var(--text);transform:translateY(-1px)}.px-module:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #9ca8b638}
.px-module[aria-current=page]{color:var(--accent);border-color:rgb(var(--px-rgb)/.5);background:linear-gradient(rgb(var(--px-rgb)/.13),rgb(var(--px-rgb)/.04))}.px-attention:after{content:'';display:inline-block;background:var(--danger);width:6px;height:6px;border-radius:50%;margin-left:7px}
.btn,.icon-btn{transition:transform 150ms,box-shadow 150ms;position:relative}.btn:active,.icon-btn:active{transform:translateY(2px)}
.btn-primary{background:linear-gradient(180deg,rgb(var(--px-light)),rgb(var(--px-mid)) 42%,var(--accent) 49%,rgb(var(--px-mid)));color:#3e5428;border:1px solid rgb(var(--px-light)/.7);box-shadow:inset 0 1px 0 #fffa,0 3px 0 rgb(var(--px-deep)/.7),0 7px 20px rgb(var(--px-rgb)/.12);text-shadow:0 1px 0 #fff4}
.btn-primary:hover{background:linear-gradient(rgb(var(--px-light)),var(--accent));box-shadow:inset 0 1px 0 #fffa,0 3px 0 rgb(var(--px-deep)/.7),0 10px 24px rgb(var(--px-rgb)/.2)}
.btn-primary:active{box-shadow:inset 0 2px 6px #cdd3dc60,0 1px 0 rgb(var(--px-deep)/.7)}
.btn-secondary,.icon-btn{background:linear-gradient(#f9fbfc,#e7ecf1);border:1px solid #ffffffc9;color:var(--text);box-shadow:inset 0 1px 0 #fff2,0 2px 0 #ccd4de,0 6px 15px #cdd3dc60}
.btn-secondary:hover,.icon-btn:hover{background:linear-gradient(#f5f7f9,#e9edf2)}
.btn:disabled,.icon-btn:disabled{transform:none;box-shadow:none;opacity:.45}
.kpi,.card,.modal-content,.login-card,.ai-panel,.chart-card,.notifications-panel,.page-loader-box{background:linear-gradient(145deg,#f8fafc,#edf1f6);border:1px solid var(--border);box-shadow:inset 0 1px 0 #fff08,0 10px 25px #cdd3dc60}
.kpi-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{padding:21px;border-radius:14px;min-width:0}.kpi-value{color:var(--text);font-size:28px;letter-spacing:-.7px;overflow-wrap:anywhere}.kpi-label{color:var(--text-2);font-size:12px}
.card:hover{border-color:rgb(var(--px-rgb)/.4)}
.data-table,.products-table{background:var(--surface);color:var(--text)}
.data-table th,.products-table th{background:#f8fafc;color:#7b8592;padding-top:13px;padding-bottom:13px}
.data-table td,.products-table td{border-color:var(--border)}
.data-table tr:hover td,.products-table tr:hover td,tr.row-clickable:hover td{background:rgb(var(--px-rgb)/.05)}
.filter,.search,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{background-color:#e9edf1;color:var(--text);border-color:var(--border);color-scheme:light}
input::placeholder,textarea::placeholder{color:#8c98a4}
.modal-overlay,.page-loader{background:#33435966;backdrop-filter:blur(8px)}
.login-view{background:radial-gradient(ellipse at 50% 0%,#ffffff88,transparent 65%),var(--bg)}
.context-badge,.ai-avatar{background:rgb(var(--px-rgb)/.08);border-color:rgb(var(--px-rgb)/.25)}
.user-name-display,.notifications-header,.notifications-filters,.notifications-list,.notifications-tab,.notification-item{background:var(--surface);color:var(--text);border-color:var(--border)}
.notification-item:hover,.notification-item:focus,.notification-item.unread{background:var(--surface-2)}
.notifications-tab.active,.notifications-tab:hover{background:var(--accent);color:#3e5428}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.px-group-tab:focus-visible{outline-offset:-2px}
.px-reduced *,.px-reduced *:before,.px-reduced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:780px){.px-liquid-ready .topbar{padding:16px 18px;gap:15px}.px-brand{font-size:21px}.px-liquid-ready .topbar-actions{gap:8px;width:100%}.px-liquid-ready .topbar-actions .btn{min-height:38px}.px-liquid-ready .content{padding:14px 18px 32px}.px-liquid-area{padding:25px 18px 0}.px-group-title{font-size:43px}.px-group-tab>span{font-size:9px}.px-module{font-size:11px;min-height:42px;padding:9px 11px}.px-liquid-area #pageTitle{font-size:20px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi{padding:17px}.kpi-value{font-size:25px}.px-eyebrow{font-size:8px}.px-motion{margin-right:auto}}
.px-version{flex:none;margin:0!important;padding:0 20px 20px;opacity:.65}
.chart-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.chart-card{padding:22px;border-radius:16px;background:radial-gradient(ellipse at 70% 0%,rgb(var(--px-rgb)/.035),transparent 65%),linear-gradient(145deg,#f8fafc,#edf1f6)}
.chart-card h3{font-size:13px;font-weight:600;letter-spacing:.1px;margin-bottom:20px}.chart-body{gap:22px}.px-pie{width:132px;height:132px;overflow:visible;filter:drop-shadow(0 6px 10px #9ca8b638)}
.px-slice{transition:filter 180ms;outline:none}.px-slice:hover,.px-slice:focus{filter:brightness(1.18);stroke:#fff;stroke-width:1.2}
.pie-legend{gap:11px;line-height:1.5;max-width:100%}.pie-legend-item{gap:9px;overflow-wrap:anywhere}.pie-legend-item strong{color:var(--text);font-weight:600;margin-left:5px}.pie-legend-dot{width:8px;height:8px;box-shadow:0 0 9px color-mix(in srgb,var(--slice) 40%,transparent);border:1px solid #fff3}
.machine-chart-box{background:linear-gradient(145deg,#f8fafc,#edf1f6);border-color:var(--border)}
@media print{.px-liquid-area,.px-brand,.px-motion{display:none!important}.px-liquid-ready .main{overflow:visible}.px-liquid-ready .content{padding:0}}


/* Approved Chrome surfaces and single-pigment sphere. */
:root{--accent:#759641;--accent-2:#a9ca6f;--shadow:10px 10px 25px #cdd3dc,-8px -8px 23px #fff}
.px-group-title{color:#6d8650;text-shadow:none;font-weight:600}
.px-group-tab:hover{color:#34404c}.px-group-tab[aria-selected=true]{color:#526a35;text-shadow:none}
.px-module[aria-current=page]{color:#526b34;border-color:#cbdbb4;background:linear-gradient(#f0f6e7,#e2eccf)}
.px-dock-skin{filter:drop-shadow(5px 7px 8px #c8cfd8)}.px-dock:after{opacity:.5}
.px-bead{border:0;background:radial-gradient(ellipse 22% 17% at 32% 24%,rgba(255,255,255,.85),rgba(255,255,255,.25) 48%,transparent 100%),radial-gradient(circle at 35% 29%,rgba(255,255,255,.26) 0%,transparent 43%,rgba(0,0,0,.1) 68%,rgba(0,0,0,.3) 100%),rgb(var(--px-rgb));box-shadow:0 9px 9px -5px rgba(50,60,70,.3),0 14px 19px -8px rgba(50,60,70,.2),0 0 25px rgb(var(--px-rgb)/.25)}
.btn-primary{background:linear-gradient(145deg,#e6f6c9,#c4df99);border:1px solid #edf7da;color:#3e5428;box-shadow:3px 4px 9px #c9d1be,inset 0 1px 0 #fff;text-shadow:none}
.btn-primary:hover{background:linear-gradient(#eaf8d4,#c9e2a3);box-shadow:3px 6px 12px #c9d1be}
.btn-secondary,.icon-btn,.px-module{box-shadow:4px 4px 9px #cdd4de,-4px -4px 9px #fff}
.kpi,.card,.modal-content,.ai-panel,.chart-card,.notifications-panel,.page-loader-box,.machine-chart-box{background:linear-gradient(135deg,#ffffffeb,#edf1f6);border-color:#fff;box-shadow:6px 8px 22px #cdd3dc60,inset 0 1px 0 #fff}
.data-table th,.products-table th{background:#e8edf2;color:#64717f}
.data-table tr:hover td,.products-table tr:hover td,tr.row-clickable:hover td{background:#e8efdf}
.filter,.search,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{box-shadow:inset 3px 3px 7px #d1d7e0,inset -3px -3px 7px #fff}
input:is(:autofill,:-webkit-autofill){-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:#34404c;caret-color:#34404c}
.px-pie{filter:drop-shadow(0 4px 6px #a6b1bf33)}.pie-legend-dot{box-shadow:none}

/* Shared green loading bars, independent of the selected workspace area. */
.page-loader-bar-wrap,#pxProgressOverlay div:has(> #pxProgressBar){
  height:12px!important;background:#e1e6ec!important;border-radius:999px;overflow:hidden;
  box-shadow:inset 2px 2px 5px #cbd2dc,inset -2px -2px 5px #fff;
}
.page-loader-bar,#pxProgressBar{
  background:#759641!important;height:100%;border-radius:999px;
  box-shadow:inset 0 1px 0 #ffffff40;
}
.page-loader-bar{width:40%;animation:px-loading-green 1.3s ease-in-out infinite}
@keyframes px-loading-green{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(prefers-reduced-motion:reduce){.page-loader-bar{animation:none;width:100%;opacity:.75}}

/* Compact Liga AI attachment and voice tools. */
.ai-knowledge{gap:8px}
.ai-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;border:0;border-radius:10px;background:transparent;color:#64717f;cursor:pointer;transition:background .15s,color .15s}
.ai-tool-icon svg{width:22px;height:22px;display:block}
.ai-tool-icon:hover{background:#e2eccf;color:#526a35}
.ai-tool-icon:active{background:#d5e3bf}
.ai-tool-icon:focus-visible{outline:2px solid #759641;outline-offset:2px}
/* Product detail and editing share the readable light catalogue theme. */
.modal.product-modal { --text:#34404c; --text-2:#596977; --border:#cbd4de; }
.modal.product-modal .modal-content { background:linear-gradient(135deg,#f8fafc,#edf1f6);color:#34404c; }
.modal.product-modal .modal-header { border-bottom-color:#cbd4de; }
.modal.product-modal .modal-header h3,.modal.product-modal label { color:#34404c; }
.modal.product-modal input:not([type=checkbox]):not([type=radio]),.modal.product-modal select,.modal.product-modal textarea { color:#34404c;-webkit-text-fill-color:#34404c;background:#e9edf1;opacity:1; }
.modal.product-modal :is(input,select,textarea):disabled { color:#34404c;-webkit-text-fill-color:#34404c;opacity:1; }
.modal.product-modal .modal-close { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:26px;line-height:1;color:#34404c;text-shadow:none;box-shadow:2px 3px 7px #cdd4de; }
.modal.product-modal .btn-secondary { color:#34404c;background:linear-gradient(#f9fbfc,#e7ecf1);border-color:#cbd4de; }
.modal.product-modal a { color:#285b88; }