/* Procurement Brain theme override. Load after the design system styles and page styles. */
:root{
--zavo-near-black:#131C28;--zavo-black:#131C28;--zavo-dark-2:#2A3442;--zavo-dark-gray:#2B303B;
--zavo-mid-gray-1:#2B303B;--zavo-mid-gray-2:#A3A3A3;--zavo-white:#FCFEFF;--zavo-soft-white:#F7F7F7;
--text-primary:#131C28;--text-secondary:#2B303B;--text-tertiary:#A3A3A3;--text-on-dark:#FCFEFF;--text-on-dark-secondary:rgba(255,255,255,.6);--text-accent:#0ABAB5;
--surface-page:#F7F7F7;--surface-page-alt:#F7F7F7;--surface-card:#FCFEFF;--surface-hover:#F5F5F5;
--surface-dark:#131C28;--surface-dark-2:#2A3442;--surface-hover-dark:#1B2635;--border-default:#EBEBEB;--border-dark:rgba(255,255,255,.1);
--zavo-green:#0ABAB5;--zavo-green-light:#0ABAB5;--zavo-green-surface:#E7F8F8;--zavo-green-hover:#09A9A5;
--focus-ring:#0ABAB5;--shadow-focus:0 0 0 1px #0ABAB5;--link-color:#0D1018;--link-color-hover:#131C28;
--zavo-red:#FA3748;--zavo-red-surface:#FFEAEB;--zavo-red-tint:#FF8A94;
--zavo-amber:#FA7319;--zavo-amber-surface:#FFF3EB;--zavo-amber-tint:#FFB27A;
--zavo-teal:#335CFF;--zavo-teal-surface:#EAF1FF;--zavo-teal-tint-1:#A9BEFF;--zavo-teal-tint-2:#C9D6FF;
--zavo-purple:#335CFF;--zavo-purple-surface:#EAF1FF;--zavo-purple-tint-1:#A9BEFF;--zavo-purple-tint-2:#C9D6FF;
--status-error:#FA3748;--status-error-surface:#FFEAEB;--status-caution:#FA7319;--status-caution-surface:#FFF3EB;
--radius-sm:6px;--radius-md:10px;--radius-lg:12px;
--shadow-sm:0 1px 2px rgba(10,13,20,.03);--shadow-md:0 12px 28px rgba(10,13,20,.14);--shadow-lg:0 16px 36px rgba(10,13,20,.16);
--pb-success:#1FC16B;--pb-success-surface:#E0FAEC;--pb-success-border:rgba(31,193,107,.22);--pb-ink:#0D1018;
}
html,body{background:#131C28}
*:focus-visible{outline:2px solid #0ABAB5;outline-offset:2px}
input[type=range],input[type=checkbox],input[type=radio]{accent-color:#0ABAB5}
input:focus,textarea:focus,select:focus{border-color:#0ABAB5;outline:none;box-shadow:0 0 0 1px #0ABAB5}
input[type=range]:focus{box-shadow:none}
input::placeholder,textarea::placeholder{color:#A3A3A3}
a{color:#0D1018;font-weight:600}a:hover{color:#131C28;text-decoration:underline}
*{scrollbar-color:#D1D1D1 transparent}
.zv-scroll::-webkit-scrollbar-thumb,.rfx-scroll::-webkit-scrollbar-thumb,.wsx::-webkit-scrollbar-thumb,.wsx-tbl::-webkit-scrollbar-thumb,.eox::-webkit-scrollbar-thumb{background:#D1D1D1}
.zv-skeleton{background:#F5F5F5}

/* Buttons */
.zv-btn{border-radius:10px;font:500 12.5px/1.2 var(--font-web)}
.zv-btn:active{transform:none}
.zv-btn--md{height:36px}.zv-btn--sm{height:34px}
.zv-btn--primary{background:#131C28;color:#FCFEFF;border-color:#131C28}
.zv-btn--primary:hover{background:#243449;border-color:#243449}
.zv-btn--secondary{background:#FCFEFF;color:#131C28;border-color:#D1D1D1}
.zv-btn--secondary:hover{background:#F7F7F7}
.zv-btn--ghost:hover{background:#F7F7F7}
.zv-btn--text{color:#0D1018;font-weight:600}.zv-btn--text:hover{color:#0D1018;text-decoration:underline}
.zv-btn:disabled,.zv-btn--disabled{background:#F5F5F5;color:#A3A3A3;border-color:#EBEBEB}
.zv-btn--ai{background:#FCFEFF;border:1px solid #0ABAB5;color:#131C28}
.zv-btn--ai svg{color:#0ABAB5}
.zv-btn--ai:hover{background:#E7F8F8}
.zv-btn--teal-icon{background:#131C28;color:#0ABAB5;box-shadow:none}
.zv-btn--teal-icon:hover{background:#243449}
.zv-btn--on-dark-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#FCFEFF}
.zv-btn--on-dark-ghost:hover{background:rgba(255,255,255,.1)}
.zv-icon-btn{border-radius:10px;border-color:#EBEBEB;background:#FCFEFF;color:#131C28}
.zv-icon-btn:hover{background:#F7F7F7}

/* Inputs */
.zv-input-shell{border-radius:10px;border-color:#EBEBEB;background:#FCFEFF;height:40px}
.zv-input-shell--sm{height:36px}
.zv-input-shell:focus-within{border-color:#0ABAB5;box-shadow:0 0 0 1px #0ABAB5}
.zv-input-shell input,.zv-input-shell select,.zv-input-shell textarea{font-size:13px;color:#131C28;box-shadow:none}
.zv-input{height:40px;border-radius:10px;border-color:#EBEBEB;background:#FCFEFF;font-size:13px;color:#131C28}
.zv-input:focus{border-color:#0ABAB5;box-shadow:0 0 0 1px #0ABAB5}
.zv-field-label{color:#131C28}

/* Pills / chips */
.zv-pill{border-radius:6px;padding:1px 7px;font:600 10.5px/1.5 var(--font-web);border:1px solid transparent}
.zv-pill--danger{color:#D02533;background:#FFEAEB;border-color:rgba(250,55,72,.3)}
.zv-pill--warning{color:#FA7319;background:#FFF3EB;border-color:rgba(250,115,25,.3)}
.zv-pill--success{color:#1FC16B;background:#E0FAEC;border-color:rgba(31,193,107,.22)}
.zv-pill--info{color:#335CFF;background:#EAF1FF;border-color:rgba(51,92,255,.25)}
.zv-pill--neutral,.zv-pill--count{color:#2B303B;background:#F7F7F7;border-color:#EBEBEB}
.zv-pill--brand{color:#0ABAB5;background:#E7F8F8;border-color:rgba(10,186,181,.25)}
.zv-pill--on-dark-danger{color:#FF8A94}.zv-pill--on-dark-warning{color:#FFB27A}.zv-pill--on-dark-info{color:#A9BEFF}.zv-pill--on-dark-success{color:#0ABAB5}
.zv-chip{height:28px;border-radius:999px;background:#E7F8F8;box-shadow:inset 0 0 0 1px rgba(10,186,181,.35);color:#0D1018;font:500 11.5px/1 var(--font-web);padding:0 10px}

/* Tabs / segmented */
.zv-tabs{gap:2px;border-bottom:1px solid #EBEBEB}
.zv-tab{border-radius:8px 8px 0 0;padding:10px 14px;font:400 12.5px/1.2 var(--font-web);color:#2B303B;border-bottom:2px solid transparent}
.zv-tab:hover{color:#131C28;background:#F7F7F7}
.zv-tab--active{background:#E7F8F8;border-bottom-color:#0ABAB5;color:#131C28;font-weight:600;box-shadow:none}
.zv-tab--active:hover{background:#E7F8F8}
.zv-seg{background:transparent;box-shadow:none;padding:0;gap:6px}
.zv-seg button{height:30px;border-radius:999px;font:500 12px/1 var(--font-web);background:#FCFEFF;color:#2B303B;box-shadow:inset 0 0 0 1px #EBEBEB}
.zv-seg button:hover{background:#F7F7F7}
.zv-seg button.zv-seg--on,.zv-seg button.zv-seg--on:hover{background:#E7F8F8;color:#0D1018;box-shadow:inset 0 0 0 1px rgba(10,186,181,.3)}
.rfx-chip-on{background:#E7F8F8!important;color:#0D1018!important;border-color:rgba(10,186,181,.3)!important}

/* Cards / tables */
.zv-card{background:#FCFEFF;border-radius:12px;padding:20px}
.zv-card--ring{box-shadow:inset 0 0 0 1px #EBEBEB,0 1px 2px rgba(10,13,20,.03)}
.zv-table thead th{background:#F7F7F7;color:#2B303B;font:500 12px/1.3 var(--font-web)}
.zv-table tbody tr{border-bottom:1px solid #EBEBEB}
.zv-table tbody tr:hover{background:#F7F7F7}
.zv-table td,.wsx-tbl td{font-variant-numeric:tabular-nums}
.wsx-tbl thead th{background:#F7F7F7}
.zv-code-chip{background:#F7F7F7;color:#131C28}

/* Sidebar */
.pb-sb{position:sticky;top:0;height:100vh;flex:none;display:flex;flex-direction:column;background:#131C28;color:#D1D1D1;width:232px;transition:width .3s ease-in-out;overflow:hidden;font-family:var(--font-web)}
.pb-sb--rail{width:70px}
.pb-sb-head{height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;border-bottom:1px solid #2A3442}
.pb-sb--rail .pb-sb-head{padding:0 7px;justify-content:center}
.pb-sb-logo{display:flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;flex:none}
.pb-sb-logo img{width:108px;height:auto;display:block}
.pb-sb-collapse{width:28px;height:28px;flex:none;border-radius:6px;border:none;background:transparent;color:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s}
.pb-sb-collapse:hover{background:rgba(255,255,255,.1);color:#FCFEFF}
.pb-sb-expand{width:40px;height:40px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .2s}
.pb-sb-expand:hover{background:rgba(255,255,255,.06)}
.pb-sb-expand img{width:36px;height:36px;display:block;border-radius:8px}
.pb-sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 8px;display:flex;flex-direction:column;gap:6px}
.pb-sb-nav{scrollbar-width:none}.pb-sb-nav::-webkit-scrollbar{width:0}
.pb-sb-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:8px;border:1px solid transparent;background:transparent;color:rgba(255,255,255,.8);font:400 13px/1.2 var(--font-web);text-align:left;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s}
.pb-sb-item:hover{background:rgba(255,255,255,.06)}
.pb-sb--rail .pb-sb-item{justify-content:center}
.pb-sb-ic{display:flex;flex:none;color:rgba(255,255,255,.7)}
.pb-sb-ic svg{width:18px;height:18px}
.pb-sb-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pb-sb-chev{flex:none;color:rgba(255,255,255,.6);transition:transform .2s}
.pb-sb-chev--open{transform:rotate(90deg)}
.pb-sb-item--active,.pb-sb-item--active:hover{background:#1B2635;border-color:rgba(255,255,255,.1);color:#FCFEFF;font-weight:500}
.pb-sb-item--active .pb-sb-ic{color:#0ABAB5}
.pb-sb-sub{margin:4px 0 0 20px;padding-left:8px;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:2px}
.pb-sb-sub .pb-sb-item{padding:8px 10px;font-size:12.5px;color:rgba(255,255,255,.7)}
.pb-sb-foot{flex:none;padding:10px 8px;border-top:1px solid #2A3442;display:flex;align-items:center;gap:10px}
.pb-sb--rail .pb-sb-foot{justify-content:center}
.pb-sb-avatar{width:38px;height:38px;border-radius:50%;flex:none;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}
.pb-sb-name{font:600 13px/1.3 var(--font-web);color:#FCFEFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-sb-role{font:400 11.5px/1.3 var(--font-web);color:rgba(255,255,255,.6);white-space:nowrap}

/* Shell */
.pb-canvas{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;margin:8px 8px 8px 0;border-radius:16px;background:#F7F7F7;overflow:hidden}

@keyframes pb-breathe{0%,100%{box-shadow:0 0 0 2px #0ABAB5,0 0 0 4px rgba(10,186,181,.12)}50%{box-shadow:0 0 0 2px #0ABAB5,0 0 0 6px rgba(10,186,181,.22)}}