/* ProcureSight v43 — deep blue Liquid Glass workspace */
:root{
  --glass-blue-0:#07172b;
  --glass-blue-1:#0a2342;
  --glass-blue-2:#0d2d53;
  --glass-surface:rgba(10,31,57,.78);
  --glass-surface-2:rgba(15,43,77,.72);
  --glass-surface-3:rgba(21,57,98,.62);
  --glass-border:rgba(125,183,255,.24);
  --glass-border-strong:rgba(136,201,255,.42);
  --glass-highlight:rgba(205,233,255,.18);
  --glass-blue-glow:rgba(65,148,255,.24);
  --glass-shadow:0 24px 70px rgba(0,10,25,.34), inset 0 1px 0 rgba(220,240,255,.12), inset 0 -1px 0 rgba(0,0,0,.15);
  --glass-blur:24px;
  --ink:#f2f8ff;
  --muted:#aec2dc;
  --line:rgba(132,183,236,.24);
  --brand:#5aa6ff;
}
html,body{background:#061221!important;color:var(--ink)}
body{
  min-height:100vh;
  background:
    radial-gradient(900px 620px at 7% 0%,rgba(35,111,220,.34),transparent 62%),
    radial-gradient(760px 560px at 92% 11%,rgba(65,92,220,.25),transparent 60%),
    radial-gradient(780px 540px at 50% 105%,rgba(0,197,255,.15),transparent 64%),
    linear-gradient(135deg,#061221 0%,#081a30 46%,#061321 100%)!important;
  background-attachment:fixed!important;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(115deg,rgba(255,255,255,.035),transparent 23%,rgba(94,175,255,.03) 58%,transparent 78%),
    radial-gradient(320px 220px at 24% 18%,rgba(151,208,255,.08),transparent 75%),
    radial-gradient(360px 260px at 76% 68%,rgba(82,137,255,.07),transparent 75%);
}
.app,.topbar,.sidebar,.content{position:relative;z-index:1}
.sidebar,.topbar,.card,.metric,.health,.notice,.command-card,.drawer-card,.access-panel,.drop,.file-row,.field,.select,.tag,.badge,.workspace{
  background:linear-gradient(145deg,var(--glass-surface-3),var(--glass-surface))!important;
  border:1px solid var(--glass-border)!important;
  box-shadow:var(--glass-shadow)!important;
}
.sidebar,.topbar,.card,.metric,.health,.notice,.command-card,.drawer-card,.access-panel,.workspace{
  backdrop-filter:blur(var(--glass-blur)) saturate(150%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);
}
.sidebar{
  background:linear-gradient(180deg,rgba(5,20,39,.94),rgba(7,23,43,.86))!important;
  border-right-color:rgba(109,171,241,.18)!important;
}
.topbar{
  background:linear-gradient(180deg,rgba(8,25,47,.94),rgba(8,22,40,.86))!important;
  border-bottom-color:rgba(118,181,245,.20)!important;
}
.workspace{background:linear-gradient(145deg,rgba(39,87,143,.44),rgba(14,39,70,.72))!important}
.card,.metric,.health,.notice{color:var(--ink)!important}
.card:hover,.metric:hover,.health:hover{border-color:var(--glass-border-strong)!important;box-shadow:0 30px 80px rgba(0,11,28,.42),inset 0 1px 0 rgba(220,240,255,.14)!important}
.card::before,.metric::before,.health::before,.notice::before,.drop::before,.file-row::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.10),rgba(103,172,255,.035) 32%,transparent 58%,rgba(255,255,255,.025));
}
.btn,.icon,.ai-top-btn{
  cursor:pointer;pointer-events:auto;position:relative;overflow:hidden;
  border:1px solid rgba(126,189,255,.30)!important;
  background:linear-gradient(180deg,rgba(68,135,211,.48),rgba(20,57,99,.72))!important;
  color:#f6fbff!important;
  box-shadow:0 12px 32px rgba(0,11,28,.34),inset 0 1px 0 rgba(225,242,255,.16)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.btn:hover,.icon:hover,.ai-top-btn:hover{border-color:rgba(153,210,255,.56)!important;background:linear-gradient(180deg,rgba(89,160,241,.56),rgba(20,63,112,.80))!important}
.btn.secondary{background:linear-gradient(180deg,rgba(45,83,125,.56),rgba(16,40,69,.78))!important;color:#eef7ff!important}
.btn.ghost{background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
.btn.danger{background:linear-gradient(180deg,rgba(151,49,58,.68),rgba(80,28,37,.78))!important;color:#ffe7e7!important}
.btn::before,.icon::before,.ai-top-btn::before{content:"";position:absolute;inset:-80% -35%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.15) 50%,transparent 62%);transform:translateX(-28%) rotate(10deg);transition:transform .55s ease}
.btn:hover::before,.icon:hover::before,.ai-top-btn:hover::before{transform:translateX(28%) rotate(10deg)}
.nav{position:relative;z-index:40}
.nav button{position:relative;z-index:41;cursor:pointer;pointer-events:auto;color:#b9cfea!important;border:1px solid transparent!important;background:transparent!important}
.nav button:hover{background:rgba(52,112,189,.22)!important;border-color:rgba(116,179,241,.18)!important;color:#fff!important}
.nav button.active{background:linear-gradient(135deg,rgba(71,142,236,.46),rgba(25,65,111,.62))!important;border-color:rgba(137,200,255,.36)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(230,246,255,.14),0 10px 30px rgba(34,101,193,.22)!important}
.nav button::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.drop{color:#e9f5ff!important;background:linear-gradient(145deg,rgba(38,87,145,.48),rgba(10,28,51,.70))!important;border:2px dashed rgba(126,190,255,.36)!important}
.drop strong{color:#f3f9ff!important}
.drop p,.muted,.small{color:var(--muted)!important}
.drop.drag{background:linear-gradient(145deg,rgba(60,137,239,.34),rgba(18,50,89,.70))!important;border-color:rgba(146,210,255,.74)!important;box-shadow:0 24px 60px rgba(25,106,223,.22),inset 0 1px 0 rgba(234,248,255,.16)!important}
.field,.select{color:#f3f8ff!important;background:linear-gradient(180deg,rgba(22,49,83,.72),rgba(8,28,51,.82))!important;border-color:rgba(126,184,242,.25)!important}
.field::placeholder{color:#90a9c6!important}
.field:focus,.select:focus{border-color:rgba(132,202,255,.72)!important;box-shadow:0 0 0 4px rgba(70,145,255,.14),inset 0 1px 0 rgba(233,248,255,.14)!important}
.tag,.badge{color:#dff0ff!important;background:linear-gradient(180deg,rgba(45,91,145,.60),rgba(11,31,55,.72))!important}
.table-wrap{background:rgba(3,19,36,.28)!important;border-color:rgba(126,184,242,.20)!important}
.table th{background:rgba(36,77,123,.46)!important;color:#bfd5ee!important}
.table td{color:#e2eefc!important}
.table tbody tr:hover{background:rgba(76,145,229,.10)!important}
.priority-item{background:linear-gradient(145deg,rgba(27,63,104,.48),rgba(12,33,58,.68))!important;border-color:rgba(126,184,242,.20)!important}
.progress,.quality-bar,.meter{background:rgba(5,21,38,.72)!important}
.progress i,.quality-bar i,.meter i{background:linear-gradient(90deg,#2e7cf0,#6fc4ff)!important}
.status-dot,.dot{box-shadow:0 0 0 5px rgba(76,170,255,.09)}
.command,.drawer{background:rgba(1,9,19,.62)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.command-card,.drawer-card{background:linear-gradient(145deg,rgba(20,49,83,.94),rgba(7,26,48,.95))!important}
.ai-status-strip{background:rgba(31,73,119,.42)!important;border-color:rgba(123,184,241,.22)!important;color:#dcecff!important}
.ai-answer{background:linear-gradient(135deg,rgba(45,111,198,.20),rgba(8,30,54,.60))!important;color:#edf7ff!important}
#loadingbar i{background:linear-gradient(90deg,#4b95ff,#6ad2ff)!important}
#offlineBanner{background:linear-gradient(135deg,#7b2430,#4c1721)!important}
.high{color:#ff7d86!important}.medium{color:#ffcb72!important}.low{color:#72e0b0!important}
.high-contrast{--ink:#fff!important;--muted:#e1eefb!important;--line:#77a9d7!important}
@supports not ((backdrop-filter:blur(1px))){
  .sidebar,.topbar,.card,.metric,.health,.notice,.command-card,.drawer-card,.access-panel,.workspace{background:#0b213a!important}
}
@media(max-width:900px){.sidebar,.topbar,.card,.metric,.health,.notice,.drawer-card{backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ProcureSight v44 — Liquid Glass Light Experience */
:root{
  --ps-glass-bg:rgba(255,255,255,.68);
  --ps-glass-bg-strong:rgba(255,255,255,.82);
  --ps-glass-bg-soft:rgba(241,247,255,.64);
  --ps-glass-border:rgba(75,137,220,.20);
  --ps-glass-border-strong:rgba(58,126,224,.36);
  --ps-glass-blue:rgba(45,125,235,.12);
  --ps-glass-shadow:0 18px 55px rgba(55,93,145,.12),inset 0 1px 0 rgba(255,255,255,.86);
  --ps-blue:#2879e8;
}
html,body{background:#edf5ff!important;color:#132b49!important}
body{
  background:
    radial-gradient(760px 520px at 0% 0%,rgba(102,174,255,.28),transparent 62%),
    radial-gradient(700px 500px at 100% 0%,rgba(150,191,255,.25),transparent 62%),
    radial-gradient(720px 520px at 55% 100%,rgba(86,210,255,.12),transparent 68%),
    linear-gradient(135deg,#edf5ff 0%,#f7fbff 48%,#eaf3ff 100%)!important;
  color:#132b49!important;
}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(120deg,rgba(255,255,255,.30),transparent 30%,rgba(82,151,236,.035) 65%,transparent 85%)}
.app,.main,.topbar,.sidebar,.content{position:relative;z-index:1}
.sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(237,246,255,.72))!important;
  color:#284767!important;
  border-right:1px solid var(--ps-glass-border)!important;
  box-shadow:12px 0 45px rgba(54,105,166,.07)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
}
.topbar{
  background:rgba(255,255,255,.62)!important;
  border-bottom:1px solid var(--ps-glass-border)!important;
  box-shadow:0 8px 35px rgba(60,108,170,.07)!important;
  backdrop-filter:blur(26px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(150%)!important;
}
.logo{color:#153657!important}.logo b{color:#2879e8!important}.logo small{color:#66809e!important}
.workspace,.card,.metric,.health,.notice,.drop,.file-row,.field,.select,.tag,.badge,.command-card,.drawer-card,.access-panel{
  background:linear-gradient(145deg,var(--ps-glass-bg-strong),var(--ps-glass-bg-soft))!important;
  border-color:var(--ps-glass-border)!important;
  box-shadow:var(--ps-glass-shadow)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
.card,.metric,.health,.notice{position:relative;overflow:hidden}
.card::after,.metric::after,.health::after,.notice::after,.drop::after,.file-row::after{
  content:"";position:absolute;left:-30%;top:-90%;width:55%;height:250%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);
  transform:rotate(18deg);opacity:.34;transition:transform .7s ease;
}
.card:hover::after,.metric:hover::after,.health:hover::after{transform:translateX(230%) rotate(18deg)}
.nav button{color:#526d8b!important}
.nav button:hover{background:rgba(46,123,228,.09)!important;color:#165aa9!important;border-color:rgba(55,130,231,.12)!important}
.nav button.active{background:linear-gradient(135deg,rgba(69,145,239,.18),rgba(132,190,255,.28))!important;color:#135ba9!important;border-color:rgba(57,132,232,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 26px rgba(49,125,223,.10)!important}
.top-title{color:#173b61!important}.muted{color:#6d8299!important}.eyebrow{color:#2879e8!important}
.hero h1{color:#102f50!important}
.btn,.icon,.ai-top-btn{
  border:1px solid rgba(48,123,224,.24)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(225,239,255,.76))!important;
  color:#17538d!important;
  box-shadow:0 9px 24px rgba(43,112,194,.11),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.btn:hover,.icon:hover,.ai-top-btn:hover{
  border-color:rgba(43,119,224,.42)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(211,232,255,.84))!important;
  box-shadow:0 13px 32px rgba(43,112,194,.15),inset 0 1px 0 #fff!important;
}
.btn:not(.secondary):not(.ghost):not(.danger){background:linear-gradient(180deg,#4c9af5,#2877e4)!important;color:#fff!important;border-color:rgba(26,100,210,.35)!important;box-shadow:0 10px 26px rgba(39,119,229,.22),inset 0 1px 0 rgba(255,255,255,.35)!important}
.btn.secondary{color:#225a8f!important}.btn.ghost{color:#637c96!important}
.btn.danger{background:linear-gradient(180deg,#fff2f2,#ffe5e5)!important;color:#b83d3d!important;border-color:rgba(195,69,69,.20)!important}
.drop{border-color:rgba(61,130,221,.28)!important;background:rgba(247,251,255,.62)!important}
.drop.drag{background:rgba(225,240,255,.82)!important;border-color:#2879e8!important}
.progress i{background:linear-gradient(90deg,#2879e8,#71b6ff)!important}
.quality-bar,.meter{background:rgba(218,233,249,.62)!important}
.command{background:rgba(218,232,247,.42)!important;backdrop-filter:blur(16px)!important}
.command-card{box-shadow:0 35px 100px rgba(39,81,130,.20)!important}
.kbd{background:rgba(238,247,255,.82)!important;color:#64809c!important;border-color:rgba(68,131,210,.18)!important}
.toast{background:rgba(20,52,84,.92)!important;backdrop-filter:blur(18px)!important}
.ps-quickbar{
  margin-top:12px;padding:12px 14px;border:1px solid var(--ps-glass-border);border-radius:16px;
  background:linear-gradient(100deg,rgba(255,255,255,.70),rgba(230,243,255,.58));
  box-shadow:var(--ps-glass-shadow);display:flex;align-items:center;justify-content:space-between;gap:14px;
  backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);
}
.ps-quick-title{display:flex;align-items:center;gap:10px}.ps-quick-title b{display:block;color:#173b61;font-size:12px}.ps-quick-title small{display:block;color:#7890a8;font-size:10px;margin-top:2px}
.ps-spark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#e4f2ff,#fff);color:#2879e8;box-shadow:0 7px 18px rgba(42,117,210,.12);font-size:15px}
.ps-quick-actions{display:flex;gap:7px;flex-wrap:wrap}
.ps-glass-panel{position:fixed;right:18px;top:82px;width:min(380px,calc(100vw - 36px));z-index:150;padding:16px;border:1px solid rgba(55,127,222,.20);border-radius:20px;background:rgba(248,252,255,.84);box-shadow:0 30px 90px rgba(37,85,137,.22),inset 0 1px 0 #fff;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);display:none}
.ps-glass-panel.open{display:block;animation:psPanelIn .18s ease-out}.ps-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.ps-panel-head b{display:block;color:#163b61;font-size:15px}.ps-panel-head small{display:block;color:#7890a8;font-size:10px;margin-top:2px}
.ps-setting{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 2px;border-bottom:1px solid rgba(72,128,192,.12)}.ps-setting b{display:block;color:#294e70;font-size:12px}.ps-setting small{display:block;color:#8296ab;font-size:10px;margin-top:2px}
.ps-switch{width:42px;height:24px;border:0;border-radius:99px;background:#c8d6e5;padding:3px;cursor:pointer;flex:none;box-shadow:inset 0 1px 2px rgba(42,78,113,.12)}.ps-switch span{display:block;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(33,70,107,.18);transition:.18s}.ps-switch.on{background:#3688ec}.ps-switch.on span{transform:translateX(18px)}
.ps-shortcuts{padding-top:12px;display:grid;gap:7px}.ps-shortcuts>b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6b86a0}.ps-shortcuts div{display:flex;align-items:center;gap:4px;color:#6d849c;font-size:10px}.ps-shortcuts div span{margin-left:5px}.ps-shortcuts kbd{padding:3px 6px;border:1px solid rgba(70,125,190,.17);border-radius:6px;background:#f5f9fe;color:#54718e;font:800 9px ui-monospace,monospace}
@keyframes psPanelIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
body.ps-compact .content{padding:14px}body.ps-compact .card{padding:13px}body.ps-compact .grid,.ps-compact .dash-grid{gap:8px}body.ps-compact .hero{margin-bottom:10px}body.ps-compact .kpi .value{font-size:23px}
body.ps-glass-off .card,body.ps-glass-off .metric,body.ps-glass-off .health,body.ps-glass-off .notice,body.ps-glass-off .drop,body.ps-glass-off .file-row{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.93)!important}
body.ps-zen .sidebar{transform:translateX(-105%);pointer-events:none}body.ps-zen .topbar{opacity:.78}body.ps-zen .content{max-width:1900px}
@media(max-width:820px){.ps-quickbar{align-items:flex-start;flex-direction:column}.ps-quick-actions{width:100%}.ps-quick-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.ps-glass-panel{animation:none}.card::after,.metric::after,.health::after{display:none}}

/* ===== ProcureSight v45 — structured light Liquid Glass ===== */
:root{
  --v45-bg:#edf5ff;
  --v45-ink:#183451;
  --v45-muted:#607892;
  --v45-blue:#2f7bea;
  --v45-blue-2:#6ea9ff;
  --v45-border:rgba(74,126,190,.18);
  --v45-border-strong:rgba(51,119,220,.32);
  --v45-glass:rgba(255,255,255,.62);
  --v45-glass-strong:rgba(255,255,255,.80);
  --v45-glass-soft:rgba(243,248,255,.58);
  --v45-shadow:0 24px 70px rgba(39,88,145,.12), inset 0 1px 0 rgba(255,255,255,.92);
}
html,body{background:var(--v45-bg)!important;color:var(--v45-ink)!important}
body{
  background:
    radial-gradient(760px 520px at -5% -5%,rgba(99,173,255,.27),transparent 64%),
    radial-gradient(700px 520px at 104% 4%,rgba(126,160,255,.22),transparent 64%),
    radial-gradient(740px 520px at 55% 108%,rgba(82,211,255,.11),transparent 68%),
    linear-gradient(135deg,#edf5ff 0%,#f8fbff 50%,#e9f3ff 100%)!important;
  color:var(--v45-ink)!important;
}
body::before,body::after{background:none!important}
.app{grid-template-columns:264px minmax(0,1fr);gap:0}
.sidebar{padding:18px 12px 14px!important;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(239,247,255,.76))!important;color:#244563!important;border-right:1px solid var(--v45-border)!important;box-shadow:10px 0 48px rgba(47,98,158,.07)!important;backdrop-filter:blur(34px) saturate(150%)!important;-webkit-backdrop-filter:blur(34px) saturate(150%)!important}
.logo{font-size:20px!important;padding:10px 12px 16px!important;color:#173a5b!important}.logo b{color:var(--v45-blue)!important}.logo small{color:#7187a0!important}
.workspace{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(232,242,255,.58))!important;border:1px solid var(--v45-border)!important;color:#2b4d6d!important;box-shadow:var(--v45-shadow)!important}
.workspace strong{color:#183d60!important}
.nav{gap:6px!important;margin-top:4px}.nav button{color:#58708a!important;border-radius:13px!important;padding:11px 13px!important;font-weight:850!important}.nav button:hover{background:rgba(70,135,224,.08)!important;color:#174a78!important;border-color:rgba(77,137,218,.10)!important}.nav button.active{background:linear-gradient(135deg,rgba(81,148,239,.18),rgba(128,183,255,.12))!important;border-color:rgba(65,132,225,.24)!important;color:#14569a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px rgba(49,112,200,.08)!important}
.side-note{color:#71879e!important}
.main{min-width:0}.topbar{height:76px!important;padding:0 22px!important;background:rgba(255,255,255,.70)!important;border-bottom:1px solid var(--v45-border)!important;box-shadow:0 10px 42px rgba(55,104,158,.06)!important;backdrop-filter:blur(30px) saturate(155%)!important;-webkit-backdrop-filter:blur(30px) saturate(155%)!important}.top-title{color:#183b5b!important}.hero h1{color:#173854!important}.hero p{color:#667d95!important}
.content{max-width:1800px!important;padding:24px 26px 38px!important}.hero{align-items:center!important;margin-bottom:18px!important}.eyebrow{color:#2a74d3!important}.grid{gap:14px}.kpi.card{min-height:124px!important}.card,.metric,.health,.notice,.drop,.file-row,.command-card,.drawer-card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--v45-glass-strong),var(--v45-glass-soft))!important;border:1px solid var(--v45-border)!important;box-shadow:var(--v45-shadow)!important;color:var(--v45-ink)!important;backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important}.card::after,.metric::after,.health::after,.notice::after,.drop::after,.file-row::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.42),transparent 28%,rgba(117,180,255,.04) 62%,rgba(255,255,255,.08));border-radius:inherit;z-index:0}.card>* ,.metric>* ,.health>* ,.notice>* ,.drop>* ,.file-row>*{position:relative;z-index:1}.card:hover,.metric:hover,.health:hover{border-color:var(--v45-border-strong)!important;box-shadow:0 28px 72px rgba(41,90,145,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;transform:translateY(-1px)}
.btn,.icon,.ai-top-btn{border:1px solid rgba(73,134,211,.23)!important;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(224,238,255,.66))!important;color:#23527c!important;box-shadow:0 10px 24px rgba(44,104,181,.09),inset 0 1px 0 rgba(255,255,255,.94)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important}.btn:hover,.icon:hover,.ai-top-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(216,234,255,.78))!important;color:#174e85!important;border-color:rgba(49,124,225,.38)!important}.btn:not(.secondary):not(.ghost){background:linear-gradient(135deg,#3a87ec,#2d70d7)!important;color:#fff!important;border-color:rgba(37,103,192,.25)!important;box-shadow:0 12px 28px rgba(43,116,218,.20),inset 0 1px 0 rgba(255,255,255,.25)!important}.btn.secondary{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(225,239,255,.66))!important;color:#23527c!important}.btn.danger{background:linear-gradient(135deg,rgba(255,244,244,.9),rgba(255,231,231,.78))!important;color:#b13c3a!important;border-color:rgba(206,92,92,.23)!important}.btn.ghost{color:#66809b!important}
.badge,.tag{background:rgba(255,255,255,.58)!important;color:#456985!important;border:1px solid var(--v45-border)!important}.status-dot,.dot{box-shadow:0 0 0 5px rgba(47,123,234,.08)}
.drop{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(235,245,255,.62))!important;border:2px dashed rgba(76,137,210,.30)!important}.drop.drag{background:linear-gradient(145deg,rgba(235,246,255,.90),rgba(216,236,255,.70))!important;border-color:rgba(45,123,234,.60)!important}.field,.select{background:rgba(255,255,255,.66)!important;color:#1e4668!important;border:1px solid var(--v45-border)!important}.field::placeholder{color:#8598aa!important}.table-wrap{background:rgba(255,255,255,.36)!important;border-color:var(--v45-border)!important}.table th{background:rgba(235,244,255,.70)!important;color:#58728d!important}.table td{color:#274a68!important}.priority-item{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(235,244,255,.56))!important;border-color:var(--v45-border)!important}.muted,.small{color:var(--v45-muted)!important}.progress,.quality-bar,.meter{background:rgba(202,221,241,.42)!important}
.ps-quickbar{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(231,242,255,.55))!important;border:1px solid var(--v45-border)!important;box-shadow:var(--v45-shadow)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important}
.ps-glass-panel{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(236,245,255,.82))!important;border-color:var(--v45-border-strong)!important;box-shadow:0 35px 95px rgba(48,95,150,.18),inset 0 1px 0 #fff!important;color:#183a59!important}.ps-panel-head b,.ps-setting b{color:#183d60!important}.ps-panel-head small,.ps-setting small{color:#6c839b!important}.ps-shortcuts{background:rgba(229,240,253,.72)!important;border-color:var(--v45-border)!important}.ps-switch{background:#bccddd!important}.ps-switch.on{background:linear-gradient(90deg,#3986eb,#6db0ff)!important}
.command,.drawer{background:rgba(220,234,249,.42)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.command-card,.drawer-card{background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(237,246,255,.85))!important}
/* structured command strip */
.nav-section-label{padding:12px 11px 5px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:950;color:#7890a7}
@media(max-width:1100px){.app{grid-template-columns:232px minmax(0,1fr)}.content{padding:20px 18px 32px!important}}
@media(max-width:900px){.app{display:block}.sidebar{position:fixed;left:-290px;width:274px;transition:left .22s ease}.sidebar.open{left:0}.content{padding:18px 14px 28px!important}}

/* Zen */
body.ps-zen .sidebar{display:none!important}body.ps-zen .app{grid-template-columns:1fr!important}body.ps-zen .top-title{display:none}
/* Compact */
body.ps-compact .content{padding-top:16px!important}body.ps-compact .card{padding:13px!important}body.ps-compact .hero h1{font-size:26px!important}body.ps-compact .grid{gap:9px!important}

/* =========================================================
   ProcureSight v46 — Liquid Glass / Airy Blue System
   ========================================================= */
:root{
  --v46-ink:#123657;
  --v46-muted:#6b829a;
  --v46-blue:#2f7feb;
  --v46-blue2:#79b8ff;
  --v46-line:rgba(61,126,194,.17);
  --v46-glass:rgba(255,255,255,.66);
  --v46-glass-strong:rgba(255,255,255,.78);
  --v46-glass-soft:rgba(231,244,255,.58);
  --v46-shadow:0 26px 80px rgba(46,95,146,.12), inset 0 1px 0 rgba(255,255,255,.92);
}
html,body{background:#edf6ff!important;color:var(--v46-ink)!important}
body{
  background:
    radial-gradient(760px 520px at 0% -5%,rgba(72,169,255,.27),transparent 61%),
    radial-gradient(790px 540px at 105% 0%,rgba(157,207,255,.28),transparent 62%),
    radial-gradient(620px 460px at 50% 100%,rgba(91,197,255,.11),transparent 68%),
    linear-gradient(135deg,#edf6ff 0%,#fbfdff 48%,#eaf4ff 100%)!important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 24%,rgba(60,139,227,.035) 71%,transparent 88%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(74,124,182,.10) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.25),transparent 35%);opacity:.25}
.app,.main,.content,.topbar,.sidebar{position:relative;z-index:1}
.app{grid-template-columns:252px 1fr!important}
.sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(232,244,255,.72))!important;
  color:#47637f!important;border-right:1px solid var(--v46-line)!important;
  box-shadow:18px 0 55px rgba(45,96,150,.06)!important;
  backdrop-filter:blur(30px) saturate(155%)!important;-webkit-backdrop-filter:blur(30px) saturate(155%)!important;
}
.logo{padding:10px 12px 18px!important;color:#153b60!important}.logo b{color:var(--v46-blue)!important}.logo small{color:#7590aa!important;opacity:1!important}
.workspace{background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(230,242,255,.50))!important;border:1px solid var(--v46-line)!important;box-shadow:var(--v46-shadow)!important;color:#607a94!important;backdrop-filter:blur(22px) saturate(145%)!important}.workspace strong{color:#244c70!important}
.nav{gap:5px!important}.nav button{color:#5b7691!important;border:1px solid transparent!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}.nav button:hover{background:rgba(54,130,231,.075)!important;color:#1c5e9c!important;transform:translateX(2px)}.nav button.active{background:linear-gradient(135deg,rgba(65,145,239,.16),rgba(138,199,255,.28))!important;color:#145a9f!important;border-color:rgba(52,129,232,.18)!important;box-shadow:inset 0 1px 0 #fff,0 10px 27px rgba(42,119,217,.08)!important}
.side-note{color:#738ba3!important}
.topbar{height:78px!important;padding:0 22px!important;background:rgba(255,255,255,.60)!important;border-bottom:1px solid var(--v46-line)!important;box-shadow:0 12px 35px rgba(55,103,157,.06)!important;backdrop-filter:blur(30px) saturate(165%)!important;-webkit-backdrop-filter:blur(30px) saturate(165%)!important}
.top-title{color:#173b61!important;font-size:14px!important;letter-spacing:-.01em}.content{max-width:1840px!important;padding:25px!important}.hero{margin-bottom:18px!important}.hero h1{color:#10385b!important;font-size:34px!important;line-height:1.02!important}.hero p{color:#6a839d!important}
.card,.metric,.health,.notice,.drop,.file-row,.field,.select,.tag,.badge,.command-card,.drawer-card,.access-panel,.workspace{
  border-color:var(--v46-line)!important;
  background:linear-gradient(145deg,var(--v46-glass-strong),var(--v46-glass-soft))!important;
  box-shadow:var(--v46-shadow)!important;
  backdrop-filter:blur(26px) saturate(155%)!important;-webkit-backdrop-filter:blur(26px) saturate(155%)!important;
}
.card,.metric,.health,.notice,.drop,.file-row{position:relative;overflow:hidden}
.card:before,.metric:before,.health:before,.notice:before,.drop:before,.file-row:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.38),transparent 24%,transparent 67%,rgba(103,180,255,.05));opacity:.9}
.card:after,.metric:after,.health:after,.drop:after{content:"";position:absolute;left:-38%;top:-80%;width:36%;height:245%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);transform:rotate(17deg);opacity:.24;transition:transform .8s ease}.card:hover:after,.metric:hover:after,.health:hover:after,.drop:hover:after{transform:translateX(260%) rotate(17deg)}
.kpi .label{color:#748da5!important}.kpi .value{color:#143b5f!important}.kpi .sub{color:#7b91a7!important}
.btn,.icon,.ai-top-btn{border-color:rgba(48,124,225,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(229,242,255,.72))!important;color:#1f5b8e!important;box-shadow:0 10px 26px rgba(38,108,177,.09),inset 0 1px 0 #fff!important;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease!important}.btn:hover,.icon:hover,.ai-top-btn:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(38,108,177,.13),inset 0 1px 0 #fff!important}.btn:active,.icon:active{transform:translateY(0) scale(.98)!important}.btn:not(.secondary):not(.ghost):not(.danger){background:linear-gradient(180deg,#50a1f8,#2878e5)!important;color:#fff!important;box-shadow:0 12px 28px rgba(43,121,232,.22),inset 0 1px 0 rgba(255,255,255,.35)!important}.btn.danger{background:linear-gradient(180deg,#fff5f5,#ffe8ea)!important;color:#b73c46!important}.btn.secondary{color:#2a628e!important}.btn.ghost{color:#70869e!important}
.field,.select{color:#1b456a!important;background:rgba(255,255,255,.58)!important}.field::placeholder{color:#91a3b4}.drop{background:rgba(247,252,255,.64)!important;border:1px dashed rgba(58,128,220,.29)!important}.drop.drag{background:rgba(225,241,255,.82)!important;border-color:#2e80e8!important}
.tag,.badge{color:#52718f!important;background:rgba(248,252,255,.58)!important}.status-dot{box-shadow:0 0 0 5px rgba(55,194,117,.08)}
.ps-quickbar{border-color:var(--v46-line)!important;background:linear-gradient(100deg,rgba(255,255,255,.70),rgba(229,243,255,.56))!important;box-shadow:var(--v46-shadow)!important;backdrop-filter:blur(24px) saturate(155%)!important}.ps-quick-title b{color:#173b61!important}.ps-quick-title small{color:#7b91a8!important}.ps-spark{background:linear-gradient(145deg,#e0f1ff,#fff)!important;color:#287be8!important}
.ps-glass-panel{background:rgba(248,252,255,.84)!important;border-color:rgba(58,128,220,.18)!important;box-shadow:0 32px 95px rgba(32,81,133,.20),inset 0 1px 0 #fff!important;backdrop-filter:blur(32px) saturate(165%)!important}
.command{background:rgba(201,220,240,.38)!important;backdrop-filter:blur(20px)!important}.command-card{box-shadow:0 35px 110px rgba(34,83,135,.18)!important}.toast{background:rgba(17,48,80,.94)!important}
.ps-zen .content{max-width:1940px!important}.ps-fullscreen .sidebar{display:none!important}.ps-fullscreen .app{grid-template-columns:1fr!important}.ps-fullscreen .content{max-width:100%!important;padding:32px!important}
@media(max-width:900px){.content{padding:16px!important}.topbar{padding:0 15px!important}.card,.metric{box-shadow:0 20px 55px rgba(38,88,143,.10)!important}}
/* ProcureSight v47 — Apple-inspired glass controls */
:root{--ps-glass-alpha:.72;--ps-glass-blur:28px;--ps-glass-tint:rgba(255,255,255,.42)}
body{letter-spacing:-.005em}
.card,.metric,.health,.notice,.drop,.file-row,.workspace,.ps-quickbar,.ps-glass-panel,.topbar,.sidebar{backdrop-filter:blur(var(--ps-glass-blur)) saturate(175%)!important;-webkit-backdrop-filter:blur(var(--ps-glass-blur)) saturate(175%)!important}
.card,.metric,.health,.notice,.drop,.file-row{background:linear-gradient(145deg,rgba(255,255,255,var(--ps-glass-alpha)),rgba(224,240,255,calc(var(--ps-glass-alpha) * .78)))!important}
.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(226,241,255,.72))!important}
.topbar{background:rgba(255,255,255,calc(var(--ps-glass-alpha) * .88))!important}
.ps-range{width:112px;accent-color:#347fe8;cursor:pointer}.ps-opacity-setting{align-items:center}.ps-opacity-setting small{min-width:50px;text-align:right}
.ps-glass-panel{border-radius:26px!important;box-shadow:0 35px 100px rgba(33,86,140,.22),inset 0 1px 0 #fff!important}
.btn,.icon,.ai-top-btn{border-radius:13px!important}
.nav button{border-radius:13px!important}
@media(max-width:700px){.ps-range{width:95px}}