/* ==========================================================================
   Weredi UI — design tokens + shared components (redesign 2026-09)
   Source of truth: design_handoff_weredi_redesign/README.md and the prototype
   "Weredi - Redesign.dc.html". Loaded after mdb.min.css + style.css so it wins.
   Every component is prefixed `wd-`; nothing here hard-codes a colour outside
   the token blocks (brand reds for count badges and the focus ring excepted,
   as in the prototype).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tokens
   -------------------------------------------------------------------------- */
:root,
[data-theme="light"]{
	--mint:#3ab074;--mint-soft:rgba(58,176,116,.14);--mint-dark:rgb(41,122,113);--navy:rgb(11,58,79);
	--bg:#f3f6f8;--surface:#ffffff;--surface2:#f8fafb;--text:#132a36;--muted:#5d707a;--faint:#8b9aa3;
	--border:rgba(11,58,79,.12);--border2:rgba(11,58,79,.07);--link:rgb(41,122,113);
	--shadow:0 1px 2px rgba(11,58,79,.06),0 8px 24px -12px rgba(11,58,79,.18);--skel:rgba(11,58,79,.08);
	--success-bg:rgba(58,176,116,.16);--success-ink:#1f6f45;--warning-bg:rgba(253,143,78,.18);--warning-ink:#9a4a12;
	--danger-bg:rgba(184,12,9,.12);--danger-ink:#a1130f;--info-bg:rgba(58,174,216,.16);--info-ink:#1c6b8a;
	--neutral-bg:rgba(11,58,79,.08);--neutral-ink:#4d6270;
	--sidebar:rgb(11,58,79);--sidebar-text:rgba(255,255,255,.72);--sidebar-active:rgba(255,255,255,.1);
	--overlay:rgba(11,30,42,.45);--code:#0f2a38;
	/* layout */
	--wd-sidebar-w:248px;--wd-sidebar-mini-w:68px;--wd-topbar-h:60px;--wd-strip-w:48px;
	--wd-mono:ui-monospace,Menlo,Consolas,monospace;
	--wd-ease:cubic-bezier(.2,.8,.2,1);
}
[data-theme="dark"]{
	--mint:#3ab074;--mint-soft:rgba(58,176,116,.18);--mint-dark:#5fbb97;--navy:rgb(11,58,79);
	--bg:#0b1a22;--surface:#102530;--surface2:#0d1f28;--text:#e7eef2;--muted:#9fb3bd;--faint:#6f8590;
	--border:rgba(255,255,255,.1);--border2:rgba(255,255,255,.06);--link:#6fcaa0;
	--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.6);--skel:rgba(255,255,255,.08);
	--success-bg:rgba(58,176,116,.2);--success-ink:#8fdbb6;--warning-bg:rgba(253,143,78,.2);--warning-ink:#ffb98d;
	--danger-bg:rgba(230,80,76,.22);--danger-ink:#ff9a96;--info-bg:rgba(58,174,216,.2);--info-ink:#8dd3ef;
	--neutral-bg:rgba(255,255,255,.08);--neutral-ink:#b7c6cd;
	--sidebar:#081720;--sidebar-text:rgba(255,255,255,.7);--sidebar-active:rgba(255,255,255,.08);
	--overlay:rgba(0,0,0,.6);--code:#0a1a22;
	color-scheme:dark;
}

@keyframes wpop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wshimmer{0%{opacity:.55}50%{opacity:1}100%{opacity:.55}}
@keyframes wslide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes wspin{to{transform:rotate(360deg)}}

/* --------------------------------------------------------------------------
   2. Base
   -------------------------------------------------------------------------- */
html{scroll-behavior:auto}
body{
	background:var(--bg) !important;
	color:var(--text);
	font-family:"Mulish",system-ui,sans-serif !important;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.wd-shell,.wd-login,.wd-page{font-size:14px;line-height:1.45;color:var(--text)}
.wd-shell *,.wd-login *,.wd-cmd *,.wd-toast-host *,.wd-modal *{box-sizing:border-box}
.wd-shell a,.wd-login a{color:var(--link);text-decoration:none}
.wd-shell a:hover,.wd-login a:hover{color:var(--mint)}
.wd-shell button,.wd-shell input,.wd-shell select,.wd-shell textarea,
.wd-login button,.wd-login input,.wd-login select,.wd-login textarea{font-family:inherit}
:focus-visible{outline:2px solid #3ab074;outline-offset:2px;border-radius:6px}
.wd-shell :focus:not(:focus-visible){outline:none}
/* buttons keep their single border when focused (modals focus their primary button on open): a darker face / mint border is the keyboard cue, never a second ring */
.wd-btn:focus-visible,.wd-ac-hero-btn:focus-visible,.wd-ac-pm-setdefault:focus-visible,.wd-ac-pm-back:focus-visible,.wd-ac-pm-del:focus-visible,.wd-ac-linkbtn:focus-visible,.wd-ac-link:focus-visible,.wd-ac-bx-chip:focus-visible,.wd-ac-bx-format:focus-visible,.wd-ac-subtab:focus-visible,.wd-ac-navlink:focus-visible,.wd-ac-ship-add:focus-visible{outline:none}
.wd-btn:not(.wd-btn-primary):not(.wd-btn-danger-solid):not(.wd-btn-danger):focus-visible{border-color:var(--mint)}
.wd-btn-primary:focus-visible,.wd-btn-danger-solid:focus-visible,.wd-ac-hero-btn:focus-visible{filter:brightness(1.08)}
.wd-skip{position:absolute;left:8px;top:-60px;z-index:200;height:36px;padding:0 14px;border-radius:10px;background:var(--mint);color:#fff !important;font-weight:800;font-size:13px;display:inline-flex;align-items:center}
.wd-skip:focus{top:8px}
@media (prefers-reduced-motion:reduce){
	.wd-shell *,.wd-login *,.wd-cmd *,.wd-toast *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* Hover / press feedback (buttons, nav items, menu items) */
.wd-btn,.wd-sb-link,.wd-menu-item,.wd-tab,.wd-tabs-underline .wd-tab,.wd-top-link,.wd-drawer-link,.wd-cmd-item{transition:filter .12s,background-color .12s,border-color .12s,color .12s,transform .08s}
[data-theme="light"] .wd-btn:not(:disabled):hover,.wd-btn:not(:disabled):hover{filter:brightness(.94)}
[data-theme="dark"] .wd-btn:not(:disabled):hover{filter:brightness(1.18)}
.wd-btn:not(:disabled):active{transform:translateY(1px)}

/* Typography helpers */
.wd-h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.2;color:var(--text)}
.wd-h1-detail{font-size:22px}
.wd-h2{font-size:15px;font-weight:800;margin:0;color:var(--text)}
.wd-sub{color:var(--muted);margin-top:2px;font-size:13.5px}
.wd-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mint-dark)}
.wd-kicker-muted{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wd-muted{color:var(--muted)}
.wd-faint{color:var(--faint)}
.wd-meta{font-size:12.5px;color:var(--muted)}
.wd-mono{font-family:var(--wd-mono);font-variant-numeric:tabular-nums}
.wd-kbd{font:600 11px var(--wd-mono);background:var(--neutral-bg);padding:2px 6px;border-radius:5px;color:var(--muted)}
.wd-link{color:var(--link);font-weight:600}
.wd-hidden{display:none !important}

/* --------------------------------------------------------------------------
   3. App shell — sidebar, top bar, drawer, content
   -------------------------------------------------------------------------- */
.wd-shell{display:grid;grid-template-columns:var(--wd-sidebar-w) minmax(0,1fr);min-height:100vh;min-height:100dvh;transition:grid-template-columns .22s var(--wd-ease);background:var(--bg)}
.wd-shell.is-mini{grid-template-columns:var(--wd-sidebar-mini-w) minmax(0,1fr)}
.wd-shell[data-nav="topbar"]{grid-template-columns:minmax(0,1fr)}
.wd-main{min-width:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}

/* Sidebar */
.wd-sidebar{position:sticky;top:0;height:100vh;height:100dvh;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;width:var(--wd-sidebar-w);transition:width .22s var(--wd-ease);z-index:55}
.wd-shell.is-mini .wd-sidebar{width:var(--wd-sidebar-mini-w)}
.wd-shell[data-nav="topbar"] .wd-sidebar{display:none}
.wd-sb-head{display:flex;align-items:center;gap:10px;padding:18px 12px 10px 18px;min-height:64px;justify-content:center}
.wd-shell.is-mini .wd-sb-head{flex-direction:column;padding:14px 0 6px}
.wd-sb-logo{height:22px;flex:1;object-fit:contain;object-position:left}
.wd-sb-logo-mini{width:28px;height:28px;flex:none;display:none}
.wd-shell.is-mini .wd-sb-logo{display:none}
.wd-shell.is-mini .wd-sb-logo-mini{display:block}
.wd-sb-toggle{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);cursor:pointer;flex:none;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.wd-shell.is-mini .wd-sb-toggle{margin-top:6px}
.wd-sb-toggle:hover{background:rgba(255,255,255,.16);color:#fff}
.wd-sb-toggle .fa-angles-right{display:none}
.wd-shell.is-mini .wd-sb-toggle .fa-angles-left{display:none}
.wd-shell.is-mini .wd-sb-toggle .fa-angles-right{display:inline-block}
.wd-sb-search{margin:4px 10px 0;height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);border-radius:10px;cursor:pointer;font-size:13px;font-family:inherit;width:calc(100% - 20px);text-align:left}
.wd-sb-search:hover{background:rgba(255,255,255,.1);color:#fff}
.wd-sb-search .fa-magnifying-glass{width:16px;text-align:center}
.wd-sb-search span{flex:1;text-align:left}
.wd-sb-search kbd{font:600 11px var(--wd-mono);background:rgba(255,255,255,.1);padding:2px 6px;border-radius:5px;color:inherit}
.wd-shell.is-mini .wd-sb-search{padding:0;justify-content:center}
.wd-shell.is-mini .wd-sb-search span,.wd-shell.is-mini .wd-sb-search kbd{display:none}
.wd-sb-nav{padding:8px 10px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.wd-shell.is-mini .wd-sb-nav{overflow:visible}
.wd-sb-group{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);padding:14px 10px 6px}
.wd-shell.is-mini .wd-sb-group{display:none}
.wd-sb-link{position:relative;display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;border-radius:9px;font-weight:600;font-size:13.5px;color:var(--sidebar-text) !important;background:transparent;white-space:nowrap;text-decoration:none}
.wd-sb-link i, .wd-sb-link .wd-sb-ico, .wd-sb-link svg{width:18px;text-align:center;font-size:14px;flex:none}
.wd-sb-link .wd-sb-ico img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85;vertical-align:-3px}
.wd-sb-link span.wd-sb-label{flex:1;overflow:hidden;text-overflow:ellipsis}
.wd-sb-link:hover{background:var(--sidebar-active) !important;color:#fff !important}
.wd-sb-link.is-active{font-weight:800;color:#fff !important;background:var(--sidebar-active);box-shadow:inset 3px 0 0 var(--mint)}
.wd-sb-link.is-active .wd-sb-ico img{opacity:1}
.wd-count{background:#b80c09;color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}
.wd-sb-dot{display:none;position:absolute;top:8px;right:10px;width:8px;height:8px;border-radius:50%;background:#b80c09;border:2px solid var(--sidebar)}
.wd-shell.is-mini .wd-sb-link{padding:0;justify-content:center}
.wd-shell.is-mini .wd-sb-link .wd-sb-label,.wd-shell.is-mini .wd-sb-link .wd-count{display:none}
.wd-shell.is-mini .wd-sb-link.has-count .wd-sb-dot{display:block}
.wd-sb-foot{padding:10px;border-top:1px solid rgba(255,255,255,.08);position:relative}
.wd-sb-account{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:inherit;text-align:left;font-family:inherit}
.wd-sb-account:hover{background:var(--sidebar-active)}
.wd-sb-account .wd-avatar{width:30px;height:30px;border-radius:8px;object-fit:cover;flex:none;background:#fff}
.wd-sb-account .wd-sb-acct-text{flex:1;text-align:left;min-width:0}
.wd-sb-account .wd-sb-acct-name{display:block;font-weight:700;color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-sb-account .wd-sb-acct-sub{display:block;font-size:11.5px;color:rgba(255,255,255,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-sb-account .fa-chevron-right{font-size:11px;opacity:.5}
.wd-shell.is-mini .wd-sb-account{justify-content:center}
.wd-shell.is-mini .wd-sb-account .wd-sb-acct-text,.wd-shell.is-mini .wd-sb-account .fa-chevron-right{display:none}
.wd-sb-foot .wd-menu{right:auto;left:10px;top:auto;bottom:calc(100% - 4px);min-width:240px}
.wd-shell.is-mini .wd-sb-foot .wd-menu{left:calc(100% + 6px);bottom:10px}
.wd-avatar-initials,.wd-sb-account .wd-avatar-initials,.wd-top-account .wd-avatar-initials{display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:var(--mint);text-transform:uppercase;letter-spacing:.02em;flex:none}
.wd-plan-pill{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:999px;background:var(--mint);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-left:4px;vertical-align:1px}

/* Top bar */
.wd-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--wd-topbar-h);padding:0 22px;background:var(--surface);border-bottom:1px solid var(--border)}
.wd-top-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}
.wd-top-right{display:flex;align-items:center;gap:8px;flex:none;white-space:nowrap}
.wd-top-logo{height:24px;width:auto;display:none}
.wd-shell[data-nav="topbar"] .wd-top-logo{display:block}
.wd-topnav{display:none;align-items:center;gap:2px;margin-left:24px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.wd-topnav::-webkit-scrollbar{display:none}
.wd-shell[data-nav="topbar"] .wd-topnav{display:flex}
.wd-top-link{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:9px;font-weight:600;font-size:13.5px;color:var(--text) !important;background:transparent;white-space:nowrap;text-decoration:none}
.wd-top-link i, .wd-top-link svg{font-size:13px;color:var(--mint)}
.wd-top-link .wd-sb-ico img{width:15px;height:15px;object-fit:contain;vertical-align:-2px}
.wd-top-link:hover{background:var(--mint-soft) !important}
.wd-top-link.is-active{font-weight:800;background:var(--mint-soft)}
.wd-burger{display:none;width:40px;height:40px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;cursor:pointer;flex:none;align-items:center;justify-content:center}
.wd-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0;margin-left:6px}
.wd-crumbs a,.wd-crumbs span{color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.wd-crumbs a:hover{color:var(--text)}
.wd-crumbs .is-current{color:var(--text);font-weight:700}
.wd-crumbs i, .wd-crumbs svg{font-size:9px;opacity:.5}
.wd-top-search{display:none;align-items:center;gap:10px;height:36px;padding:0 12px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);border-radius:10px;cursor:pointer;font-size:13px;min-width:200px;max-width:260px;font-family:inherit;flex:none;overflow:hidden}
.wd-top-search span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-shell[data-nav="topbar"] .wd-top-search{display:inline-flex}
.wd-trial-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;background:var(--mint-soft);color:var(--text) !important;font-size:12.5px;font-weight:700;white-space:nowrap;text-decoration:none}
.wd-trial-pill i, .wd-trial-pill svg{color:var(--mint-dark)}
.wd-trial-pill.is-urgent{background:var(--danger-bg);color:var(--danger-ink) !important}
.wd-trial-pill.is-urgent i, .wd-trial-pill.is-urgent svg{color:var(--danger-ink)}
.wd-bell{position:relative;width:36px;height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text) !important;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.wd-bell:hover{background:var(--surface2)}
.wd-bell .wd-bell-count{position:absolute;top:-4px;right:-4px;background:#b80c09;color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg);line-height:1}
.wd-lang{height:36px;padding:0 10px;border:1px solid var(--border);background:var(--surface);color:var(--text) !important;border-radius:10px;cursor:pointer;font-weight:800;font-size:12px;display:inline-flex;align-items:center;text-decoration:none;font-family:inherit}
.wd-lang:hover{background:var(--surface2)}
.wd-top-account{display:none;align-items:center;gap:8px;height:36px;padding:0 6px 0 4px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;cursor:pointer;font-family:inherit}
.wd-shell[data-nav="topbar"] .wd-top-account{display:inline-flex}
.wd-top-account .wd-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#fff}
.wd-top-account .wd-top-acct-name{font-weight:700;font-size:13px}
.wd-top-account .fa-chevron-down{font-size:10px;opacity:.6;margin-right:4px}
.wd-top-acct-wrap{position:relative}
.wd-top-acct-wrap .wd-menu{min-width:240px}

/* initials fallback must win over the image-avatar backgrounds above */
.wd-sb-account .wd-avatar.wd-avatar-initials,.wd-top-account .wd-avatar.wd-avatar-initials{background:var(--mint);color:#fff}

/* Content area (migrated pages wrap their content in <main class="wd-content">) */
.wd-content{padding:26px 28px 110px;max-width:1440px;width:100%;margin:0 auto;min-width:0}
.wd-content.wd-content-editor{padding-bottom:20px}
.wd-content.wd-content-autodetail{padding-right:76px;padding-bottom:20px}
.wd-content.wd-content-flush{padding-top:18px}

/* Mobile drawer */
.wd-drawer-overlay{display:none;position:fixed;inset:0;background:var(--overlay);z-index:60}
.wd-drawer{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--surface);z-index:61;padding:16px;flex-direction:column;gap:2px;box-shadow:var(--shadow);animation:wpop .18s ease-out;overflow:auto}
.wd-shell.drawer-open .wd-drawer-overlay{display:block}
.wd-shell.drawer-open .wd-drawer{display:flex}
.wd-drawer-logo{height:24px;align-self:flex-start;margin:6px 0 18px}
.wd-drawer-group{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:12px 10px 6px}
.wd-drawer-link{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:9px;font-weight:700;color:var(--text) !important;background:transparent;text-decoration:none}
.wd-drawer-link i, .wd-drawer-link .wd-sb-ico, .wd-drawer-link svg{width:18px;text-align:center}
.wd-drawer-link .wd-sb-ico img{width:16px;height:16px;object-fit:contain;vertical-align:-3px}
.wd-drawer-link.is-active{background:var(--mint-soft)}
.wd-drawer-link:hover{background:var(--surface2)}
.wd-drawer-link .wd-count{margin-left:auto}

/* Responsive shell */
@media (max-width:1799px){
	.wd-shell[data-nav="topbar"] .wd-top-search{min-width:0;width:36px;justify-content:center;padding:0}
	.wd-shell[data-nav="topbar"] .wd-top-search span,.wd-shell[data-nav="topbar"] .wd-top-search kbd{display:none}
}
@media (max-width:1599px){
	.wd-topnav .wd-top-label{display:none}
	.wd-top-link{padding:0 10px}
}
@media (max-width:1099px){
	.wd-trial-pill .wd-trial-text{display:none}
	.wd-trial-pill{padding:0 10px}
	.wd-btn-newdoc .wd-btn-label{display:none}
	.wd-btn-newdoc{padding:0 11px}
	.wd-top-search{min-width:0;width:36px;justify-content:center;padding:0}
	.wd-top-search span,.wd-top-search kbd{display:none}
}
@media (max-width:759px){
	.wd-trial-pill{display:none}
	.wd-burger{width:36px;height:36px}
	.wd-top-logo{height:20px}
	.wd-top-right{gap:6px}
	.wd-shell,.wd-shell.is-mini,.wd-shell[data-nav="topbar"]{grid-template-columns:minmax(0,1fr)}
	.wd-sidebar{display:none !important}
	.wd-topnav{display:none !important}
	.wd-top-logo{display:block}
	.wd-burger{display:inline-flex}
	.wd-topbar{padding:0 14px}
	.wd-content{padding:18px 14px 90px}
	.wd-content.wd-content-autodetail{padding-right:14px}
	.wd-crumbs{display:none}
	.wd-top-account .wd-top-acct-name,.wd-top-account .fa-chevron-down{display:none}
	.wd-top-account{display:inline-flex;padding:0 3px}
	.wd-lang{padding:0 9px}
}

/* --------------------------------------------------------------------------
   4. Command palette (Cmd/Ctrl-K)
   -------------------------------------------------------------------------- */
.wd-cmd{display:none;position:fixed;inset:0;background:var(--overlay);z-index:100;justify-content:center;align-items:flex-start;padding-top:12vh}
.wd-cmd.is-open{display:flex}
.wd-cmd-dialog{width:min(640px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);overflow:hidden;animation:wpop .16s ease-out;color:var(--text)}
.wd-cmd-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}
.wd-cmd-head .fa-magnifying-glass{color:var(--faint)}
.wd-cmd-input{flex:1;border:0;background:transparent;color:var(--text);font-size:16px;outline:none;font-family:inherit;min-width:0}
.wd-cmd-list{max-height:380px;overflow:auto;padding:8px}
.wd-cmd-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;font-size:14px;text-align:left;font-family:inherit;text-decoration:none}
.wd-cmd-item.is-active,.wd-cmd-item:hover{background:var(--mint-soft);color:var(--text)}
.wd-cmd-ico{width:32px;height:32px;border-radius:8px;background:var(--neutral-bg);color:var(--muted);display:flex;align-items:center;justify-content:center;flex:none}
.wd-cmd-text{flex:1;text-align:left;min-width:0}
.wd-cmd-label{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-cmd-sub{display:block;font-size:12px;color:var(--muted)}
.wd-cmd-kind{font-size:11px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.wd-cmd-none{padding:24px;text-align:center;color:var(--muted)}

/* --------------------------------------------------------------------------
   5. Primitives
   -------------------------------------------------------------------------- */
/* Buttons */
.wd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text) !important;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;text-decoration:none !important;font-family:inherit;line-height:1;vertical-align:middle}
.wd-btn-primary{background:var(--mint);border-color:var(--mint);color:#fff !important;font-weight:800}
.wd-btn-ghost{background:transparent;border-color:transparent}
.wd-btn-danger{background:var(--danger-bg);border-color:transparent;color:var(--danger-ink) !important;font-weight:800}
.wd-btn-danger-solid{background:#b80c09;border-color:#b80c09;color:#fff !important;font-weight:800}
.wd-btn-sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:9px}
.wd-btn-xs{height:30px;padding:0 10px;font-size:12px;border-radius:7px}
.wd-btn-lg{height:44px;padding:0 18px;font-size:14px}
.wd-btn-icon{width:36px;padding:0}
.wd-btn-icon.wd-btn-sm{width:32px}
.wd-btn-icon.wd-btn-xs{width:30px}
.wd-btn:disabled,.wd-btn.is-disabled{opacity:.45;cursor:not-allowed}
.wd-btn.is-loading{position:relative;color:transparent !important;pointer-events:none}
.wd-btn.is-loading::after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:wspin .7s linear infinite}
.wd-btn:not(.wd-btn-primary):not(.wd-btn-danger-solid).is-loading::after{border-color:var(--border);border-top-color:var(--text)}
.wd-btn-group{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.wd-icon-group{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.wd-icon-group .wd-btn{border:0;border-radius:0;height:30px;width:32px;padding:0}
.wd-icon-group .wd-btn+.wd-btn{border-left:1px solid var(--border2)}
.wd-dl-icon{display:inline-block;vertical-align:-.125em;width:1em;height:1em}

/* Badges, chips, grades */
.wd-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--neutral-bg);color:var(--neutral-ink);line-height:1.3}
.wd-badge .wd-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.wd-badge-success{background:var(--success-bg);color:var(--success-ink)}
.wd-badge-warning{background:var(--warning-bg);color:var(--warning-ink)}
.wd-badge-danger{background:var(--danger-bg);color:var(--danger-ink)}
.wd-badge-info{background:var(--info-bg);color:var(--info-ink)}
.wd-badge-neutral{background:var(--neutral-bg);color:var(--neutral-ink)}
.wd-badge-mint{background:var(--mint);color:#fff}
.wd-status{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}
.wd-status .wd-status-sub{font-size:11.5px;color:var(--muted);padding-left:2px}
.wd-chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:3px 8px;border-radius:7px;background:var(--neutral-bg);color:var(--text);font-weight:800;font-size:12px;font-family:var(--wd-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.3}
.wd-chip-lg{font-size:16px;padding:5px 11px;min-width:52px;border-radius:9px}
.wd-tl-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:var(--mint-soft);color:var(--mint-dark);font-size:10px;margin-left:6px;vertical-align:middle}
.wd-tl-ico.is-lead{margin-left:0;margin-right:8px}
.wd-tl-app.is-lead{margin-left:0;margin-right:8px}
.wd-dd-title-tag{font-size:12px;height:22px;padding:0 9px;align-self:center}
.wd-tl-tag{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;background:var(--neutral-bg);color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-right:8px;vertical-align:middle}
.wd-dd-chipdir{display:inline-flex;align-items:center;gap:8px;flex:none}
.wd-dd-dir{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:12px;flex:none}
.wd-dd-dir.is-sm{width:22px;height:22px;border-radius:7px;font-size:10px}
.wd-tl-lead{display:inline-flex;align-items:center;gap:6px;margin-right:8px;vertical-align:middle}
.wd-tl-lead .wd-chip{font-size:11px;min-width:36px;padding:2px 7px}
.wd-dd-dir.is-in{background:var(--success-bg);color:var(--success-ink)}
.wd-dd-dir.is-out{background:var(--info-bg);color:var(--info-ink)}
.wd-dd-partner-link{font-weight:800;color:var(--mint-dark) !important;text-decoration:none !important}
a.wd-dd-partner-link:hover{text-decoration:underline !important}
.wd-dd-file{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);word-break:break-all}
.wd-dd-auto-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--mint-soft);color:var(--mint-dark);font-size:16px;flex:none}
.wd-chip-dashed{background:transparent;border:1.5px dashed var(--border);color:var(--muted)}
.wd-chip-mint{background:var(--mint-soft);color:var(--mint-dark)}
.wd-chip-success{background:var(--success-bg);color:var(--success-ink)}
.wd-chip-danger{background:var(--danger-bg);color:var(--danger-ink)}
.wd-grade{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;color:#fff;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.wd-grade-A{background:#2e9e6b}.wd-grade-B{background:#3aaed8}.wd-grade-C{background:#d6a04a}.wd-grade-D{background:#d67942}.wd-grade-F{background:#b80c09}
.wd-grade-none{background:var(--neutral-bg);color:var(--muted)}
.wd-grade small{font-weight:700;font-size:11px;opacity:.9}

/* Switch + state pill */
.wd-switch-wrap{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;user-select:none}
.wd-switch{width:38px;height:22px;border-radius:11px;background:var(--neutral-bg);position:relative;display:inline-block;flex:none;transition:background .15s;border:0;padding:0;cursor:pointer;font-family:inherit}
.wd-switch .wd-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .15s}
.wd-switch.is-on{background:var(--mint)}
.wd-switch.is-on .wd-knob{left:18px}
.wd-switch:disabled,.wd-switch.is-disabled{opacity:.5;cursor:not-allowed}
.wd-switch-sm{width:30px;height:18px;border-radius:9px}
.wd-switch-sm .wd-knob{width:14px;height:14px}
.wd-switch-sm.is-on .wd-knob{left:14px}
.wd-switch-wrap input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.wd-state-pill .wd-state-off{display:none}
.wd-switch-wrap.is-on .wd-state-pill .wd-state-off{display:none}
.wd-switch-wrap:not(.is-on) .wd-state-pill.wd-badge-success{background:var(--neutral-bg);color:var(--neutral-ink)}
.wd-switch-wrap:not(.is-on) .wd-state-pill .wd-state-on{display:none}
.wd-switch-wrap:not(.is-on) .wd-state-pill .wd-state-off{display:inline}

/* Click-to-rename */
.wd-rename{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.wd-rename-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:2px 8px;margin:0 0 0 -8px;border-radius:8px;color:inherit;font:inherit;cursor:text;text-align:left;min-width:0}
.wd-rename-btn:hover{background:var(--neutral-bg)}
.wd-rename-btn .fa-pen{font-size:12px;color:var(--faint);flex:none}
.wd-rename-btn > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-rename-btn > span.is-placeholder{color:var(--faint);font-weight:600}
.wd-rename-input{font:inherit;padding:2px 8px;margin:-3px 0;border:1px solid var(--mint);border-radius:8px;background:var(--surface);color:var(--text);min-width:min(480px,80vw);display:none;outline:none}
.wd-rename.is-editing .wd-rename-btn{display:none}
.wd-rename.is-editing .wd-rename-input{display:inline-block}

/* Inputs, selects, textareas, fields */
.wd-input,.wd-select,.wd-textarea{width:100%;min-width:0;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:13.5px;font-family:inherit;line-height:normal;outline:none;transition:border-color .12s,box-shadow .12s;box-shadow:none;margin:0}
.wd-textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical;line-height:1.45}
.wd-input:focus,.wd-select:focus,.wd-textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft);outline:none}
.wd-input::placeholder,.wd-textarea::placeholder{color:var(--faint);opacity:1}
.wd-input:disabled,.wd-select:disabled,.wd-textarea:disabled{background:var(--surface2);color:var(--muted);cursor:not-allowed}
.wd-input.is-invalid,.wd-select.is-invalid,.wd-textarea.is-invalid{border-color:var(--danger-ink)}
.wd-input-lg{height:44px;padding:0 14px;font-size:15px;border-radius:10px}
.wd-input-sm{height:32px;padding:0 10px;font-size:12.5px;border-radius:7px}
.wd-select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%238b9aa3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;font-weight:600;cursor:pointer}
.wd-select-sm{height:30px;padding:0 28px 0 8px;font-size:12.5px;font-weight:700;border-radius:7px;background-position:right 9px center}
.wd-select-mint{border-color:var(--mint)}
.wd-field{display:grid;gap:6px;min-width:0}
.wd-label{font-size:12.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:4px}
.wd-label .wd-req{color:var(--danger-ink)}
.wd-help{font-size:12px;color:var(--muted)}
.wd-error{font-size:12.5px;color:var(--danger-ink);font-weight:600}
.wd-input-icon{position:relative}
.wd-input-icon > i, .wd-input-icon > svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:13px;pointer-events:none}
.wd-input-icon > .wd-input{padding-left:34px}
.wd-search{height:36px}
.wd-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.wd-check input{width:16px;height:16px;accent-color:var(--mint);margin:0;cursor:pointer}
.wd-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 14px}
.wd-form-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:759px){.wd-form-row{grid-template-columns:minmax(0,1fr)}}

/* Cards */
.wd-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);min-width:0;color:var(--text)}
.wd-card-body{padding:16px 18px}
.wd-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border2)}
.wd-card-head .wd-h2{display:flex;align-items:center;gap:8px}
.wd-card-foot{padding:12px 18px;border-top:1px solid var(--border2);font-size:12.5px;color:var(--muted);background:var(--surface2);border-radius:0 0 14px 14px}
.wd-card-title-kicker{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.wd-grid{display:grid;gap:14px;min-width:0}
.wd-grid-1{grid-template-columns:minmax(0,1fr)}
.wd-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wd-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wd-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wd-grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.wd-grid-main-aside{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
@media (max-width:1099px){.wd-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-grid-main-aside{grid-template-columns:minmax(0,1fr)}}
@media (max-width:759px){.wd-grid-2,.wd-grid-3,.wd-grid-4{grid-template-columns:minmax(0,1fr)}}
.wd-stack{display:grid;gap:14px;min-width:0}
.wd-row{display:flex;align-items:center;gap:10px;min-width:0}
.wd-row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wd-divider{height:1px;background:var(--border2);margin:12px 0}

/* Page header */
.wd-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.wd-page-head-detail{align-items:flex-start;margin-bottom:16px}
.wd-page-head-main{display:flex;align-items:center;gap:14px;min-width:min(100%,360px);flex:1 1 0%}
.wd-page-head-text{min-width:0;flex:1 1 auto}
.wd-page-head .wd-h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wd-page-actions{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap}
.wd-page-actions .wd-meta{display:inline-flex;align-items:center;gap:6px}
@media (max-width:759px){
	.wd-page-head{flex-direction:column;align-items:stretch;gap:12px}
	.wd-page-head-main{min-width:0;flex-wrap:wrap}
	.wd-page-actions{justify-content:flex-start}
	.wd-h1{font-size:22px}
}
.wd-logo-tile{width:60px;height:60px;border-radius:14px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.wd-logo-tile img{max-width:80%;max-height:80%;object-fit:contain}
.wd-logo-tile-sm{width:56px;height:56px;border-radius:12px}
.wd-partner-logo{width:26px;height:26px;border-radius:6px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none;vertical-align:middle}
.wd-partner-logo img{max-width:82%;max-height:82%;object-fit:contain}
.wd-partner-logo span{font-size:11px;font-weight:800;color:var(--muted)}

/* Tabs — pill group */
.wd-tabs{display:inline-flex;background:var(--neutral-bg);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.wd-tab{height:30px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text) !important;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;white-space:nowrap;text-decoration:none !important}
.wd-tab.is-active,.wd-tab[aria-selected="true"]{background:var(--surface);font-weight:800;box-shadow:var(--shadow)}
.wd-tab .wd-tab-count[hidden]{display:none}
.wd-tab .wd-tab-count{font-size:11px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--neutral-bg);color:var(--muted);line-height:1.4}
.wd-tab .wd-tab-count.is-danger{background:var(--danger-bg);color:var(--danger-ink)}
/* Tabs — underline */
.wd-tabs-underline{display:flex;gap:4px;align-items:center;background:transparent;border-radius:0;padding:0;border-bottom:1px solid var(--border);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.wd-tabs-underline .wd-tab{height:40px;padding:0 10px;border-radius:0;background:transparent !important;box-shadow:none !important;color:var(--muted) !important;font-size:13.5px;font-weight:600;gap:8px}
.wd-tabs-underline .wd-tab i, .wd-tabs-underline .wd-tab svg{font-size:12px}
.wd-tabs-underline .wd-tab:hover{color:var(--text) !important}
.wd-tabs-underline .wd-tab.is-active,.wd-tabs-underline .wd-tab[aria-selected="true"]{color:var(--text) !important;font-weight:800;box-shadow:inset 0 -2px 0 var(--mint) !important}
.wd-tabpanel[hidden]{display:none !important}
/* Filter row */
.wd-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.wd-filters .wd-input-icon{flex:1;min-width:200px;max-width:360px}
.wd-filter-chip{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text) !important;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;white-space:nowrap}
.wd-filter-chip i.fa-chevron-down, .wd-filter-chip svg.fa-chevron-down{font-size:10px;color:var(--faint)}
.wd-filter-chip.is-set{border-color:var(--mint);background:var(--mint-soft)}

/* Table */
.wd-table-wrap{overflow-x:auto;min-width:0;-webkit-overflow-scrolling:touch}
.wd-table{width:100%;border-collapse:collapse;font-size:13.5px;color:var(--text)}
.wd-table th{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:10px 14px;border-bottom:1px solid var(--border2);white-space:nowrap;background:transparent}
.wd-table th.is-sortable{cursor:pointer;user-select:none}
.wd-table th.is-sortable i, .wd-table th.is-sortable svg{font-size:10px;margin-left:4px;opacity:.6}
.wd-table td{padding:10px 14px;border-top:1px solid var(--border2);vertical-align:middle}
.wd-table tbody tr.is-clickable,.wd-table tbody tr[data-href]{cursor:pointer}
.wd-table tbody tr.is-clickable:hover td,.wd-table tbody tr[data-href]:hover td,.wd-table tbody tr:hover td.wd-hover{background:var(--surface2)}
.wd-table tbody tr.child_delivery[data-href]:hover td{background:var(--neutral-bg)}
.wd-table tbody tr td{transition:background-color .12s}
.wd-table tbody tr.is-selected td{background:var(--mint-soft)}
.wd-table tbody tr.is-child td{background:var(--surface2)}
.wd-table tbody tr.is-child td:first-child{padding-left:28px}
.wd-table .wd-cell-sub{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.wd-table .wd-cell-main{display:block;font-weight:700}
.wd-table .wd-cell-right{text-align:right}
.wd-table .wd-cell-num{text-align:right;font-variant-numeric:tabular-nums}
.wd-table .wd-cell-check{width:36px;padding-right:0}
.wd-table .wd-cell-actions{width:44px;text-align:right}
.wd-table input[type="checkbox"]{width:16px;height:16px;accent-color:var(--mint);margin:0;cursor:pointer;vertical-align:middle}
.wd-table .wd-cell-logo{display:flex;align-items:center;gap:8px;min-width:0}
.wd-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--border2);font-size:12.5px;color:var(--muted)}
.wd-pager{display:inline-flex;gap:4px}
/* Bulk bar */
.wd-bulk{display:none;position:sticky;bottom:16px;z-index:40;margin:12px auto 0;width:max-content;max-width:100%;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:12px;background:var(--navy);color:#fff;font-size:13px;font-weight:700;box-shadow:0 14px 40px -12px rgba(0,0,0,.45);animation:wpop .16s ease-out}
.wd-bulk.is-open{display:flex}
.wd-bulk .wd-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:#fff !important}
.wd-bulk .wd-btn-primary{background:var(--mint);border-color:var(--mint)}
/* Skeleton */
.wd-skel{display:block;background:var(--skel);border-radius:6px;animation:wshimmer 1.3s ease-in-out infinite;min-height:12px}
.wd-skel-row td{padding:12px 14px}
.wd-skel-circle{border-radius:50%}
/* Empty state */
.wd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 24px}
.wd-empty-ico{width:52px;height:52px;border-radius:14px;background:var(--neutral-bg);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px}
.wd-empty-ico.is-success{background:var(--success-bg);color:var(--success-ink)}
.wd-empty-title{font-size:15px;font-weight:800}
.wd-empty-body{color:var(--muted);max-width:420px;font-size:13.5px}
.wd-empty .wd-btn{margin-top:8px}

/* "…" menu */
.wd-menu-wrap{position:relative;display:inline-block}
.wd-menu-backdrop{display:none;position:fixed;inset:0;z-index:60;background:transparent}
.wd-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35);padding:6px;z-index:61;animation:wpop .14s ease-out;text-align:left;color:var(--text)}
.wd-menu.is-open,.wd-menu-backdrop.is-open{display:block}
.wd-menu-left{right:auto;left:0}
.wd-menu-item{width:100%;display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text) !important;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;text-decoration:none !important}
.wd-menu-item i, .wd-menu-item .wd-dl-icon, .wd-menu-item svg{width:16px;text-align:center;font-size:12px;flex:none}
.wd-menu-item:hover,.wd-menu-item.is-active,.wd-menu-item:focus{background:var(--neutral-bg)}
.wd-menu-item:focus,.wd-menu-item:focus-visible{outline:none}
.wd-menu:focus{outline:none}
.wd-menu-item.is-danger{color:var(--danger-ink) !important}
.wd-menu-check{width:16px;text-align:center;font-size:12px;flex:none;display:inline-flex;justify-content:center;color:var(--mint-dark)}
.wd-menu-item:not(.is-checked) .wd-menu-check > *{visibility:hidden}
.wd-menu-item .wd-menu-appicon{width:16px;height:16px;flex:none;object-fit:contain;border-radius:3px;text-align:center;font-size:12px;line-height:16px;color:var(--muted)}   /* an application's logo (or a glyph) between the check slot and the name */
.wd-menu-item .wd-menu-right{margin-left:auto;font-size:11.5px;color:var(--muted);font-weight:600}
.wd-menu-sep{height:1px;background:var(--border2);margin:4px 6px}
.wd-menu-head{padding:8px 10px 6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.wd-menu-user{display:flex;align-items:center;gap:10px;padding:8px 10px 10px}
.wd-menu-user img,.wd-menu-user .wd-avatar-initials{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.wd-menu-user .wd-menu-user-name{display:block;font-weight:800;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.wd-menu-user .wd-menu-user-mail{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:2px}

/* Modal */
.wd-modal{display:none;position:fixed;inset:0;background:var(--overlay);z-index:100;justify-content:center;align-items:flex-start;padding:8vh 16px;overflow:auto}
.wd-modal.is-open{display:flex}
.wd-modal-dialog{width:min(560px,92vw);max-height:84vh;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;animation:wpop .16s ease-out;color:var(--text)}
.wd-modal-sm .wd-modal-dialog{width:min(480px,92vw)}
.wd-modal-lg .wd-modal-dialog{width:min(640px,92vw)}
.wd-modal-xl .wd-modal-dialog{width:min(760px,92vw)}
.wd-modal-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex:none}
.wd-modal-head > i, .wd-modal-head > svg{color:var(--mint-dark)}
.wd-modal-title{flex:1;min-width:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.wd-modal-title .wd-modal-sub{display:block;font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:2px}
.wd-modal-close{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:inherit}
.wd-modal-close:hover{background:var(--surface2);color:var(--text)}
.wd-modal-body{padding:16px;overflow:auto;display:grid;gap:12px}
.wd-modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface2);flex:none}
.wd-modal-foot .wd-foot-left{margin-right:auto;font-size:12.5px;color:var(--muted)}
/* side panel variant: the dialog slides in from the right and takes the full height */
.wd-modal-side{justify-content:flex-end;align-items:stretch;padding:0}
.wd-modal-side .wd-modal-dialog{width:min(560px,94vw);max-height:none;height:100%;border-radius:0;border-width:0 0 0 1px;animation:wslide .22s var(--wd-ease)}
.wd-modal-side .wd-modal-body{padding:16px 18px 24px;display:block}
.wd-tlp-head{display:flex;align-items:center;gap:12px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--border2)}
.wd-tlp-title-wrap{flex:1;min-width:0;display:grid;gap:2px}
.wd-tlp-title{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-tlp-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Off-canvas (right edge, peek on hover, pin to keep open) */
.wd-offcanvas{position:fixed;top:var(--wd-topbar-h);right:0;bottom:0;width:min(640px,94vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:none;z-index:45;display:flex;min-height:0;transform:translateX(calc(100% - var(--wd-strip-w)));transition:transform .24s var(--wd-ease),box-shadow .24s;color:var(--text)}
.wd-offcanvas-wide{width:min(760px,94vw)}
.wd-offcanvas.is-open{transform:translateX(0);box-shadow:-24px 0 60px -30px rgba(0,0,0,.45)}
.wd-offcanvas-strip{width:var(--wd-strip-w);flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0;border:0;border-right:1px solid var(--border2);background:var(--surface2);cursor:pointer;font-family:inherit;color:var(--muted)}
.wd-offcanvas-strip.is-warning{background:var(--warning-bg)}
.wd-offcanvas-strip.is-danger{background:var(--danger-bg)}
.wd-offcanvas-dot{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;background:var(--mint);flex:none}
.wd-offcanvas-strip.is-warning .wd-offcanvas-dot{background:var(--warning-ink)}
.wd-offcanvas-strip.is-danger .wd-offcanvas-dot{background:var(--danger-ink)}
.wd-offcanvas-vtitle{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wd-offcanvas-count{min-width:22px;height:22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;padding:0 6px;color:#fff;background:var(--warning-ink)}
.wd-offcanvas-strip.is-danger .wd-offcanvas-count{background:var(--danger-ink)}
.wd-offcanvas-strip .wd-offcanvas-pin-ico{margin-top:auto;font-size:11px;color:var(--faint)}
.wd-offcanvas-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.wd-offcanvas-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);flex:none}
.wd-offcanvas-head > i, .wd-offcanvas-head > svg{color:var(--mint-dark)}
.wd-offcanvas-head .wd-offcanvas-title{flex:1;min-width:0}
.wd-offcanvas-head .wd-offcanvas-title b{display:block;font-weight:800}
.wd-offcanvas-head .wd-offcanvas-title span{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-offcanvas-pin{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit}
.wd-offcanvas.is-pinned .wd-offcanvas-pin{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-dark)}
.wd-offcanvas-body{flex:1;min-height:0;overflow:auto;padding:14px 18px 18px;display:grid;gap:12px;align-content:start}
.wd-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13px;background:var(--success-bg);color:var(--success-ink)}
.wd-banner span{flex:1;font-weight:700}
.wd-banner small{font-size:12px;opacity:.8}
.wd-banner-warning{background:var(--warning-bg);color:var(--warning-ink)}
.wd-banner-danger{background:var(--danger-bg);color:var(--danger-ink)}
.wd-banner-info{background:var(--info-bg);color:var(--info-ink)}
.wd-inline-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid transparent;font-size:13.5px}
.wd-inline-alert-danger{background:var(--danger-bg);color:var(--danger-ink)}
.wd-inline-alert-warning{background:var(--warning-bg);color:var(--warning-ink)}
.wd-inline-alert-info{background:var(--info-bg);color:var(--info-ink)}
.wd-inline-alert b{display:block;font-weight:800}
.wd-inline-alert .wd-inline-alert-text{flex:1;min-width:0}
@media (max-width:759px){.wd-offcanvas{width:min(100vw,94vw)}}

/* Toast */
.wd-toast-host{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:grid;gap:8px;z-index:120;pointer-events:none;max-width:92vw}
.wd-toast{background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;font-size:13px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);display:flex;gap:10px;align-items:center;animation:wpop .18s ease-out;pointer-events:auto}
.wd-toast i, .wd-toast svg{color:var(--mint)}
.wd-toast.is-danger i, .wd-toast.is-danger svg{color:#ff9a96}
.wd-toast.is-warning i, .wd-toast.is-warning svg{color:#ffb98d}
.wd-toast.is-leaving{opacity:0;transition:opacity .2s}

/* Tooltips — one look everywhere. Sidebar tips are CSS pseudo-elements to the right of the
   icon (collapsed sidebar only); everything else ([data-tip] and [title]) is rendered by
   js/weredi-ui.js into a single body-level .wd-tip, so overflow:hidden never clips it. */
.wd-sidebar [data-tip]{position:relative}
.wd-shell.is-mini .wd-sidebar [data-tip]:not([data-tip=""]):hover::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#132a36;color:#fff;font:700 12.5px "Mulish",system-ui,sans-serif;padding:6px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);z-index:70;pointer-events:none;animation:wpop .12s ease-out}
.wd-shell.is-mini .wd-sidebar [data-tip]:not([data-tip=""]):hover::before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#132a36;border-left:0;z-index:70;pointer-events:none}
.wd-tip{display:none;position:fixed;z-index:1200;background:#132a36;color:#fff;font:700 12.5px/1.4 "Mulish",system-ui,sans-serif;padding:6px 10px;border-radius:8px;white-space:normal;width:max-content;max-width:min(320px,calc(100vw - 12px));overflow-wrap:anywhere;text-align:center;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);pointer-events:none;animation:wpop .12s ease-out;--wd-tip-ax:50%}
.wd-tip-sub{display:block;font-weight:500;opacity:.78;margin-top:2px}
/* doc popover: light card with HTML, shown beside [data-doc] elements (function reference in the mapping editor) */
.wd-docpop{display:none;position:fixed;z-index:1301;width:360px;max-width:calc(100vw - 12px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35);padding:12px 14px;font-size:13px;line-height:1.5;pointer-events:none;animation:wpop .12s ease-out;--wd-doc-ay:50%}
.wd-docpop::before{content:"";position:absolute;left:100%;top:var(--wd-doc-ay);transform:translateY(-50%);border:7px solid transparent;border-left-color:var(--border);border-right:0}
.wd-docpop::after{content:"";position:absolute;left:100%;top:var(--wd-doc-ay);transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--surface);border-right:0}
.wd-docpop.is-right::before{left:auto;right:100%;border:7px solid transparent;border-right-color:var(--border);border-left:0}
.wd-docpop.is-right::after{left:auto;right:100%;border:6px solid transparent;border-right-color:var(--surface);border-left:0}
.wd-doc-sig{display:block;font:800 13px/1.4 var(--wd-mono);color:var(--info-ink);overflow-wrap:anywhere}
.wd-doc-text{margin:4px 0 0;color:var(--muted)}
.wd-doc-k{display:block;margin-top:10px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.wd-doc-ex{display:block;margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--surface2);border:1px solid var(--border2);font:600 12px/1.6 var(--wd-mono);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.wd-doc-ex .wd-doc-out{color:var(--mint-dark)}
.wd-doc-ex .wd-doc-arrow{color:var(--faint);margin:0 4px}
.wd-docpop.is-interactive{pointer-events:auto}
.wd-doc-meta{margin:2px 0 0;font-size:12px;color:var(--muted)}
.wd-doc-filter{margin-top:8px}
.wd-doc-filter .wd-input{height:30px;font-size:12.5px;border-radius:7px}
.wd-doc-lines{margin-top:6px;max-height:260px;overflow:auto;display:grid;gap:2px}
.wd-doc-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;font:600 12px/1.4 var(--wd-mono)}
.wd-doc-line .wd-doc-cell{min-width:0;border-radius:6px;background:var(--surface2);padding:4px 8px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-doc-line .wd-doc-arrow{color:var(--faint)}
.wd-doc-line .is-end{text-align:right}
.wd-doc-more{margin-top:8px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.wd-doc-more a{font-weight:700}
.wd-doc-hint{margin-top:8px;font-size:11.5px;color:var(--faint)}
.wd-doc-none{padding:8px 0;font-size:12.5px;color:var(--muted)}
.wd-doc-val{font-family:var(--wd-mono);color:var(--text)}
.wd-doc-line.is-hit .wd-doc-cell{background:var(--mint-soft);color:var(--mint-dark);font-weight:700}
.wd-doc-add{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr) auto;align-items:center;gap:6px;margin-top:6px;font:600 12px/1.4 var(--wd-mono)}
.wd-doc-add .wd-doc-cell{padding:4px 8px;border-radius:6px;background:var(--surface2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-doc-add .wd-input{height:30px;font-size:12.5px;border-radius:7px;font-family:inherit}
.wd-doc-add .wd-btn{height:30px}
.wd-tip::before{content:"";position:absolute;left:var(--wd-tip-ax);top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#132a36;border-bottom:0}
.wd-tip.is-below::before{top:auto;bottom:100%;border:5px solid transparent;border-bottom-color:#132a36;border-top:0}

/* MDB tooltips (data-mdb-toggle="tooltip"), same look as the [data-tip] tips */
.tooltip{--mdb-tooltip-bg:#132a36;--mdb-tooltip-color:#fff;font-family:"Mulish",system-ui,sans-serif}
.tooltip .tooltip-inner{background:#132a36;color:#fff;font:700 12.5px/1.4 "Mulish",system-ui,sans-serif;padding:6px 10px;border-radius:8px;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);max-width:320px;text-align:left}
.tooltip .tooltip-arrow::before{border-top-color:#132a36;border-bottom-color:#132a36}

/* Read-only JSON viewers (js/json_editor): blackboard look, same as the EDI code block */
.json_editor_element.readonly{background:var(--code);color:#e6f1f6;border-radius:10px;padding:12px 14px !important;font-family:var(--wd-mono) !important;font-size:12.5px;line-height:1.6;overflow:auto}
.json_editor_element.readonly.whiteboard .json-property{color:rgb(207,227,236) !important;line-height:160%;font-weight:400 !important;opacity:1}
.json_editor_element.readonly.whiteboard .json_value,.json_editor_element.readonly.whiteboard .json_input.json-string .json_value,.json_editor_element.readonly.whiteboard .json_quotes{color:#fff !important;font-weight:500 !important}
.json_editor_element.readonly.whiteboard .json-string .json-property,.json_editor_element.readonly.whiteboard .json-property{color:rgb(207,227,236) !important;font-weight:400 !important}
.json_editor_element.readonly.whiteboard .json_input.json-literal .json_value{color:#ffb98d !important;font-weight:500 !important}
.json_editor_element.readonly.whiteboard .json_colon,.json_editor_element.readonly.whiteboard .json_comma{color:rgba(230,241,246,.6)}
.json_editor_element.readonly.whiteboard ul.json-dict,.json_editor_element.readonly.whiteboard ol.json-array{border-left:1px dotted rgba(255,255,255,.22)}
.json_editor_element.readonly.whiteboard a.json-toggle:before{color:rgba(255,255,255,.5)}
.json_editor_element.readonly.whiteboard a.json-placeholder{color:rgba(255,255,255,.5)}
.wd-docviewer .format_container.json,.wd-docviewer .format_container.schema{padding:0 !important;background:var(--code)}
.wd-docviewer .format_container.json .json_editor_element.readonly,.wd-docviewer .format_container.schema .json_editor_element.readonly{border-radius:0;padding:14px 18px !important;min-height:100%}
.wd-docviewer .format_container.json .json_editor_container,.wd-docviewer .format_container.schema .json_editor_container{height:100%}

/* Code block, key/value rows, copy rows */
.wd-code{background:var(--code);color:#e6f1f6;border-radius:10px;padding:12px 14px;font:12.5px/1.6 var(--wd-mono);overflow:auto;margin:0;white-space:pre;tab-size:2}
.wd-code .wd-seg{color:var(--mint);font-weight:700}
.wd-code .wd-sep{opacity:.45}
.wd-code .wd-ln{display:inline-block;width:2.6em;color:rgba(230,241,246,.35);user-select:none}
.wd-kv{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);min-width:0}
.wd-kv .wd-kv-k{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);min-width:110px}
.wd-kv .wd-kv-v{flex:1;font:600 13px var(--wd-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wd-kv-list{display:grid;gap:10px}
.wd-copy{cursor:pointer}
.wd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.wd-fact{padding:10px 12px;border:1px solid var(--border2);border-radius:10px;background:var(--surface2)}
.wd-fact .wd-fact-k{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.wd-fact .wd-fact-v{font-weight:700;margin-top:2px}

/* KPI card + sparkline bars (home) */
.wd-kpi{padding:16px 18px;display:flex;flex-direction:column;gap:6px;position:relative;min-height:104px}
.wd-kpi .wd-kpi-label{font-size:12.5px;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:space-between}
.wd-kpi .wd-kpi-label i, .wd-kpi .wd-kpi-label svg{color:var(--mint-dark);font-size:12px}
.wd-kpi .wd-kpi-value{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1}
.wd-kpi .wd-kpi-value.is-warning{color:var(--warning-ink)}
.wd-kpi .wd-kpi-sub{font-size:12px;color:var(--muted)}
.wd-bars{position:absolute;right:18px;bottom:18px;display:flex;align-items:flex-end;gap:3px;height:34px}
.wd-bars span{display:inline-block;width:5px;border-radius:2px;background:var(--mint);min-height:3px}
.wd-bars span.is-faint{background:var(--faint)}

/* List rows (alerts, recent deliveries, partners): flex row inside a card */
.wd-list-row{display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--border2);color:var(--text);min-width:0}
.wd-card-head+.wd-list-row{border-top:0}
.wd-list-link{text-decoration:none !important;color:var(--text) !important}
.wd-list-link:hover{background:var(--surface2)}
.wd-list-row:last-child{border-radius:0 0 14px 14px}
.wd-list-text{flex:1;min-width:0}
.wd-list-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-list-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-list-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--neutral-bg);color:var(--neutral-ink)}
.wd-list-ico.is-danger{background:var(--danger-bg);color:var(--danger-ink)}
.wd-list-ico.is-warning{background:var(--warning-bg);color:var(--warning-ink)}
.wd-list-ico.is-info{background:var(--info-bg);color:var(--info-ink)}
.wd-list-empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:13.5px}
.wd-list-empty i, .wd-list-empty svg{font-size:22px;color:var(--mint);display:block;margin:0 auto 8px;width:auto}
.wd-live-dot{width:8px;height:8px;border-radius:50%;background:#b80c09;display:inline-block}
.wd-live-dot.is-ok{background:var(--mint)}
.wd-partner-logo-md{width:30px;height:30px;border-radius:8px}
.wd-partner-logo-lg{width:34px;height:34px;border-radius:8px}
/* Progress ring + checklist rows (home) */
.wd-ring{width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--mint) var(--wd-ring,0%),var(--neutral-bg) 0);display:flex;align-items:center;justify-content:center;flex:none}
.wd-ring span{width:44px;height:44px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.wd-steps-list{display:grid;gap:4px;margin-top:14px}
.wd-step-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:9px;color:var(--text) !important;text-decoration:none !important;min-width:0}
.wd-step-row:hover{background:var(--surface2)}
.wd-step-row.is-next{background:var(--mint-soft)}
.wd-step-check{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;border:2px solid var(--border);background:transparent}
.wd-step-row.is-done .wd-step-check{background:var(--mint);border-color:var(--mint)}
.wd-step-title{flex:1;min-width:0;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-step-row.is-next .wd-step-title{font-weight:800}
.wd-step-row.is-done .wd-step-title{color:var(--muted);text-decoration:line-through}
.wd-step-chev{font-size:10px;color:var(--faint)}
.wd-help-strip{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--surface2);font-size:13px;display:flex;gap:10px;align-items:center}
.wd-help-strip i, .wd-help-strip svg{color:var(--mint-dark)}
.wd-help-strip span{flex:1}
.wd-help-strip a{font-weight:700;white-space:nowrap}
.wd-grid-kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}
.wd-grid-3-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}
@media (max-width:1099px){.wd-grid-3-2{grid-template-columns:minmax(0,1fr)}}
a.wd-kpi{text-decoration:none !important;color:var(--text) !important}
a.wd-kpi:hover{border-color:var(--mint)}

/* List pages driven by updateTable()/table_data.php (deliveries, later guides/lookups…) */
.wd-list-page .wd-page-head-list{margin-bottom:18px}
.wd-list-search{width:280px;max-width:100%}
.wd-list-search .wd-input{height:36px}
.wd-table tr.child_delivery td.wd-col-time{padding-left:14px}
.wd-table .wd-cell-check .wd-child-arrow{color:var(--faint);font-size:12px;display:inline-block;margin-left:2px}
.wd-table .wd-col-time .fa-arrow-turn-down-right, .wd-table .wd-col-time svg.fa-arrow-turn-down-right{color:var(--faint);font-size:11px;margin-right:6px;vertical-align:0}
@media (max-width:759px){.wd-list-search{width:100%}}
.wd-list-fill{display:flex;flex-direction:column;min-height:360px;overflow:hidden}
.wd-list-scroll{flex:1;min-height:0;overflow:auto}
.wd-list-fill .wd-table-foot{flex:none;background:var(--surface)}
.wd-list-fill .wd-bulk{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);margin:0}
.wd-loading-overlay{background:rgba(255,255,255,.45) !important;background-image:none !important;z-index:20 !important;pointer-events:none;display:none}
[data-theme="dark"] .wd-loading-overlay{background:rgba(11,26,34,.45) !important}
.wd-loading-overlay::after{content:"";position:absolute;left:50%;top:40%;width:26px;height:26px;margin:-13px;border:3px solid var(--border);border-top-color:var(--mint);border-radius:50%;animation:wspin .7s linear infinite}
.wd-menu-scroll{max-height:min(420px,60vh);overflow:auto}
.wd-table thead th{position:sticky;top:0;background:var(--surface);z-index:2;box-shadow:inset 0 -1px 0 var(--border2)}
.wd-table tbody tr.nc td{border-top:0;padding:0}
.wd-table tbody tr.nc td.alpha_30{padding:28px 18px;font-size:13.5px;font-weight:600;color:var(--muted);text-align:center;opacity:1}
.wd-table mark{background:var(--warning-bg);color:inherit;padding:0 2px;border-radius:3px}
/* legacy *_shown markup from Deliveries::fetch, restyled as the design's badges/chips */
.wd-table .wd-col-time{white-space:nowrap}
.wd-table .wd-col-time .fa-arrow-turn-down-right{color:var(--faint);font-size:11px;margin-right:6px}
.wd-table tr.child_delivery td{background:var(--surface2)}
.wd-table tr.child_delivery .wd-cell-main{color:var(--muted);font-weight:600}
.wd-table .wd-col-doc .text-blue,.wd-table .wd-col-doc > span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:3px 8px;border-radius:7px;background:var(--neutral-bg);color:var(--text) !important;font-weight:800;font-size:12px;font-family:var(--wd-mono);letter-spacing:.02em}
.wd-table tr.child_delivery .wd-col-doc .text-blue{background:transparent;border:1.5px dashed var(--border);color:var(--muted) !important}
.wd-table .wd-col-doc .integration_icon{height:18px;width:18px}
.wd-table .wd-col-doc .wd-doc-ico{font-family:inherit;font-size:12px;font-weight:800;gap:6px;color:var(--text) !important}
.wd-table .wd-col-doc .wd-doc-ico i{font-size:11px;color:var(--muted);margin-right:5px}
.wd-table td.wd-col-doc{max-width:120px}
.wd-table td.wd-col-doc > span:first-child{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.wd-table .wd-col-ref .wd-cell-main{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-table .wd-col-ref .wd-cell-sub{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-table .wd-col-ref .text_magenta,.wd-table .wd-col-ref .text_light_blue{color:var(--mint-dark) !important;font-weight:700}
.wd-table .wd-col-ref .text-danger{color:var(--danger-ink) !important}
.wd-table .wd-col-partner .emph{font-weight:600;color:var(--text)}
.wd-table .wd-col-partner .wd-cell-logo.is-child{opacity:.55}
.wd-table .direction{font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.wd-table .direction::before,.wd-table .direction::after{display:none !important;content:none}
.wd-table .direction .wd-dir-ico{font-size:11px}
.wd-table .direction.inbound{color:var(--success-ink)}
.wd-table .direction.outbound{color:var(--info-ink)}
.wd-table tr.child_delivery .direction{opacity:.7}
.wd-table .status{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--neutral-bg);color:var(--neutral-ink);position:static}
.wd-table .status::before{content:"";display:inline-block !important;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0;font:inherit}
.wd-table .status::after{display:none}
.wd-table .status.completed{background:var(--success-bg);color:var(--success-ink)}
.wd-table .status.failed{background:var(--danger-bg);color:var(--danger-ink)}
.wd-table .status.retrying{background:var(--info-bg);color:var(--info-ink)}
.wd-table .status.partially_completed{background:var(--warning-bg);color:var(--warning-ink)}
.wd-table .status.in_progress{background:var(--neutral-bg);color:var(--neutral-ink)}
.wd-table .manual_retry_but{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;margin-left:6px;color:var(--mint-dark) !important;vertical-align:middle}
.wd-table .manual_retry_but:hover{background:var(--mint-soft)}
.wd-table .wd-ack{margin-top:3px}
.wd-table .wd-ack .alpha_30{display:none}
.wd-table .ackst{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent !important;font-size:12px;font-weight:600;color:var(--muted) !important;text-decoration:none;opacity:1}
.wd-table .ackst.acked{color:var(--success-ink) !important}
.wd-table .ackst.warn{color:var(--warning-ink) !important}
.wd-table .ackst.rejected{color:var(--danger-ink) !important}
.wd-table .ackst.pending{color:var(--muted) !important}
.wd-table .wd-col-source .progressx{font-weight:600;color:var(--muted)}
.wd-table .wd-col-source .progressx::before{display:none !important}
.wd-table .wd-col-source .progressx.failed{color:var(--danger-ink)}
.wd-table .wd-col-source .progressx.completed{color:var(--text)}
.wd-table .wd-col-source .text_magenta,.wd-table .wd-col-source .text_orange{color:var(--faint) !important;font-weight:600;font-family:var(--wd-mono);font-size:11.5px}
.wd-table .wd-col-source{white-space:nowrap}
/* document number column + the sticky-right lifecycle button */
.wd-table .wd-col-docno{white-space:nowrap;max-width:150px}
.wd-table .wd-col-docno .wd-docno{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-family:var(--wd-mono);font-size:12.5px;font-weight:700;color:var(--text)}
.wd-table tr.child_delivery .wd-col-docno .wd-docno{font-weight:500;color:var(--muted)}
.wd-table th.wd-col-lc,.wd-table td.wd-col-lc{position:sticky;right:0;z-index:1;background:var(--surface);width:44px;min-width:44px;padding-left:6px;padding-right:10px;text-align:right;box-shadow:inset 1px 0 0 var(--border2)}
.wd-table thead th.wd-col-lc{z-index:3}
.wd-table tbody tr:hover td.wd-col-lc{background:var(--surface2)}
.wd-table tbody tr.is-child td.wd-col-lc,.wd-table tbody tr.child_delivery td.wd-col-lc{background:var(--surface2)}
.wd-lc-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 7px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--mint-dark);cursor:pointer;font:700 11px var(--wd-mono)}
.wd-lc-btn:hover{background:var(--mint-soft);border-color:var(--mint)}
.wd-lc-btn i{font-size:12px}
.wd-table .wd-col-source .wd-cell-main{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.wd-table .wd-col-source .wd-cell-sub{white-space:nowrap}
.wd-table .wd-col-partner{white-space:nowrap}
.wd-table .wd-col-status{white-space:nowrap}
.wd-table .wd-col-source .alpha_30{opacity:.5}

/* ---- Delivery details ---- */
.wd-grid-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
@media (max-width:1099px){.wd-grid-7-5{grid-template-columns:minmax(0,1fr)}}
.wd-dd .wd-page-head-text{min-width:0}
.wd-dd .wd-dd-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wd-dd-alert{margin-bottom:14px}
.wd-dd-alert .wd-btn{flex:none}
.wd-dd-panel .wd-card-title-kicker{margin-bottom:12px}
.wd-dd-panel .wd-card-title-kicker + .wd-dd-label{margin-top:0}
.wd-dd-label{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:12px;margin-bottom:2px}
.wd-dd-src{display:inline-flex;align-items:center;gap:6px;max-width:90%;color:var(--mint-dark) !important;font-weight:600}
.wd-dd-src > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-dd-src > i{flex:none;font-size:12px}
.wd-dd-auto .wd-dd-label + .mb-3{font-size:12.5px;color:var(--muted);word-break:break-word}
.wd-dd-datasent{margin-top:6px}
.wd-dd-reqres{margin-top:4px}
.wd-dd-rerun{display:grid;gap:12px;min-width:0}
.wd-dd-rerun-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px}
.wd-dd-rerun-title > i{color:var(--mint-dark);font-size:16px;flex:none}
.wd-dd-rerun .wd-kv-list{width:100%}
.wd-dd-rerun{margin-bottom:4px}
.wd-dd-radio.is-disabled{opacity:.55}
.wd-dd-rerun-body{font-size:13px;color:var(--muted);margin-top:4px}
.wd-dd-rerun .wd-kv-v{font-family:inherit;white-space:normal;word-break:break-word}
.wd-dd-reqres .wd-tl-code .wd-code{max-height:420px}
.wd-dd-datasent .wd-tl-copy{z-index:2}
.wd-dd-datasent .json_editor_container{margin-top:0}
.wd-dd-label.d-inline{margin:0;display:inline}
.wd-dd-panel .mb-3{margin-bottom:6px !important}
.wd-dd-panel .mt-2{margin-top:8px !important}
.wd-dd-panel .mt-4{margin-top:12px !important}
.wd-dd-panel .emph{color:var(--mint-dark);font-weight:700}
.wd-dd-panel .text-danger{color:var(--danger-ink) !important}
.wd-dd-panel .ackst{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;background:var(--neutral-bg);color:var(--neutral-ink);opacity:1;border:0}
.wd-dd-panel .ackst.acked{background:var(--success-bg);color:var(--success-ink)}
.wd-dd-panel .ackst.warn{background:var(--warning-bg);color:var(--warning-ink)}
.wd-dd-panel .ackst.rejected{background:var(--danger-bg);color:var(--danger-ink)}
.wd-dd-panel .ackst.pending{background:transparent;border:1.5px dashed var(--border);color:var(--muted)}
.wd-dd-panel .status{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--neutral-bg);color:var(--neutral-ink);position:static}
.wd-dd-panel .status::before{content:"";display:inline-block !important;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0;font:inherit}
.wd-dd-panel .status::after{display:none}
.wd-dd-panel .status.completed{background:var(--success-bg);color:var(--success-ink)}
.wd-dd-panel .status.failed{background:var(--danger-bg);color:var(--danger-ink)}
.wd-dd-panel .status.retrying{background:var(--info-bg);color:var(--info-ink)}
.wd-dd-panel .status.partially_completed{background:var(--warning-bg);color:var(--warning-ink)}
.wd-dd-panel details summary{cursor:pointer;font-size:12.5px;font-weight:600;list-style:none}
.wd-dd-panel details summary::-webkit-details-marker{display:none}
.wd-dd-panel details summary::before{content:"▸";display:inline-block;margin-right:4px;transition:transform .12s}
.wd-dd-panel details[open] summary::before{transform:rotate(90deg)}
.wd-dd-panel .int_tabbar{display:inline-flex;gap:2px;background:var(--neutral-bg);border-radius:8px;padding:2px;margin:8px 0 6px}
.wd-dd-panel .int_tab{height:26px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-weight:600;font-size:12px;cursor:pointer;font-family:inherit}
.wd-dd-panel .int_tab.active{background:var(--surface);font-weight:800;box-shadow:var(--shadow)}
.wd-dd-panel .int_tabpane{max-height:320px;white-space:pre-wrap;word-break:break-word;font-size:11.5px}
.wd-dd-panel .json_editor_container{margin-top:6px}
.wd-tl-pre{margin-top:6px;max-height:260px;font-size:11.5px;white-space:pre-wrap;word-break:break-word}
.wd-dd-partner{display:flex;align-items:center;gap:12px;color:var(--text) !important;text-decoration:none !important;min-width:0}
.wd-partner-logo-xl{width:40px;height:40px;border-radius:10px}
.wd-partner-logo-xl img{max-width:30px;max-height:26px}
.wd-dd-partner-name{display:block;font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-dd-partner-meta{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-dd-partner:hover .wd-dd-partner-name{color:var(--mint-dark)}
.wd-dd-partner:hover .wd-list-title{color:var(--mint-dark)}
.wd-dd-ids{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.wd-dd-id{text-align:left;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);color:var(--text);cursor:pointer;font-family:inherit;min-width:0}
.wd-dd-id:hover{border-color:var(--mint)}
.wd-dd-id-k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.wd-dd-id-v{display:flex;justify-content:space-between;align-items:center;gap:6px;font:700 13px var(--wd-mono);min-width:0;margin-top:2px}
.wd-dd-id-v > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-dd-id-v i,.wd-dd-id-v svg{color:var(--faint);flex:none}
.wd-dd-radio{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;margin:0}
.wd-dd-radio + .wd-dd-radio{margin-top:8px}
.wd-dd-radio input{margin-top:3px;accent-color:var(--mint)}
.wd-dd-radio b{display:block;font-weight:800;font-size:15px}
.wd-dd-radio .wd-help{font-size:13.5px;line-height:1.5;margin-top:2px}
.wd-dd-inst{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.wd-dd-inst.is-current{background:var(--mint-soft);border-color:var(--mint)}
.wd-dd-inst-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:var(--text) !important;text-decoration:none !important;min-width:0}
.wd-dd-inst-head:hover{background:var(--surface2)}
.wd-dd-inst-head > span:first-child{min-width:0;flex:1}
/* lifecycle stepper */
.wd-lc-num{font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.wd-lc-steps{display:flex;align-items:stretch;flex-wrap:wrap;row-gap:10px}
.wd-lc-cell{display:flex;align-items:center;flex:1 1 150px;min-width:0}
.wd-lc-step{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text) !important;text-align:left;min-width:0;font:inherit;text-decoration:none !important;position:relative;cursor:default}
a.wd-lc-step,button.wd-lc-step{cursor:pointer}
a.wd-lc-step:hover,button.wd-lc-step:hover{border-color:var(--mint);background:var(--surface2)}
.wd-lc-step.is-current{border-color:var(--mint);background:var(--mint-soft)}
.wd-lc-step.is-pending{border-style:dashed}
.wd-lc-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}
/* a stage's document chip + its direction in this flow (received ↘ / sent ↗, the guides' .wd-guide-dir colours) */
.wd-lc-doc{display:inline-flex;align-items:center;gap:6px;min-width:0}
.wd-lc-dir{font-size:12px;flex:none}
.wd-lc-step:not(.is-present) .wd-lc-dir{opacity:.55}
.wd-lc-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--info-bg);color:var(--info-ink);font-size:11px;font-weight:800;padding:0 5px}
/* the acknowledgment (997) mark: a badge on the card's top-right corner, over its border — every stage, whatever the document */
.wd-lc-step .lcs_ack{position:absolute;top:-8px;right:-8px;z-index:1;width:20px;height:20px;border-radius:50%;font-size:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin:0;box-shadow:0 0 0 2px var(--surface)}
.wd-lc-step .lcs_ack.mini_ok{background:var(--mint)}
.wd-lc-step .lcs_ack.mini_warn{background:var(--warning-ink)}
.wd-lc-step .lcs_ack.mini_rej{background:var(--danger-ink)}
.wd-lc-label{font-weight:700;font-size:13px;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-lc-when{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-lc-when.is-pending{color:var(--warning-ink);font-weight:700}
.wd-lc-when i,.wd-lc-when svg{font-size:10px;margin-right:2px}
.wd-lc-create{margin-top:8px;height:26px;padding:0 10px;border-radius:7px;background:var(--mint);color:#fff;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:6px}
.wd-lc-create i,.wd-lc-create svg{font-size:10px}
.wd-lc-arrow{color:var(--faint);margin:0 8px;flex:none}
.wd-lc-next{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--border2)}
.wd-lc-next-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
@media (max-width:759px){.wd-lc-cell{flex-basis:100%}.wd-lc-arrow{display:none !important}}
/* document viewer (EDIFunctions::generateMultipleFormatHtmlFromRawX12, restyled) */
.wd-docviewer .wd-card-head{padding:20px 18px 12px;border:0;margin-bottom:-44px;position:relative;z-index:1;pointer-events:none}
.wd-docviewer .top_container{padding-left:200px !important;min-height:52px}
.wd-docviewer-body{min-width:0}
.wd-docviewer{--wd-viewer-h:600px}
.wd-docviewer .multiple_format_content_container{height:var(--wd-viewer-h) !important;min-height:420px;display:flex;flex-direction:column}
.wd-docviewer .wd-docviewer-auto{height:var(--wd-viewer-h) !important;min-height:420px}
.wd-docviewer .wd-docviewer-auto .multiple_format_content_container{height:100% !important;min-height:0}
.wd-docviewer .multiple_format_content_container > .tab-content{display:flex;flex-direction:column;flex:1 1 0% !important;min-height:0;height:auto !important;overflow:hidden}
.wd-docviewer .multiple_format_content_container > .tab-content > .tab-pane{height:auto !important;min-height:0;overflow:hidden;padding-top:0 !important}
.wd-docviewer .multiple_format_content_container > .tab-content > .tab-pane.active{display:flex !important;flex-direction:column;flex:1 1 0% !important}
.wd-docviewer .multiple_format_content_container > .tab-content > .tab-pane > .format_container{flex:1 1 0% !important;min-height:0;overflow:auto;height:auto !important;padding-bottom:18px !important}
.wd-docviewer .wd-docviewer-auto > .flex-grow-1{flex:1 1 0% !important;min-height:0}
.wd-docviewer .top_container{padding:8px 18px !important;border-bottom:1px solid var(--border2) !important;align-items:center}
.wd-docviewer .rawX12_action_buttons{border:1px solid var(--border) !important;border-radius:9px !important;padding:2px !important;max-height:none !important;gap:2px}
.wd-docviewer .rawX12_action_buttons > div > a.btn{width:30px;height:28px;padding:0 !important;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text) !important;font-size:13px}
.wd-docviewer .rawX12_action_buttons > div > a.btn:hover{background:var(--neutral-bg)}
.wd-docviewer .formats_container .border-end{border-color:var(--border) !important;height:18px !important;align-self:center}
.wd-docviewer .formats_container .nav-link{height:28px;padding:0 10px !important;border-radius:6px;background:transparent;color:var(--text) !important;font-weight:600;font-size:12.5px;line-height:28px !important;display:inline-flex;align-items:center;gap:6px;text-transform:none !important}
.wd-docviewer .formats_container .nav-link.active{background:var(--neutral-bg) !important;font-weight:800;box-shadow:none}
.wd-docviewer .nav-tabs.wd-docviewer-tabs{border-bottom:1px solid var(--border2);padding:0 18px;gap:4px;flex-wrap:nowrap;overflow:auto}
.wd-docviewer .nav-tabs.wd-docviewer-tabs .nav-link{border:0;height:38px;padding:0 10px;font-size:12.5px;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0;background:transparent}
.wd-docviewer .nav-tabs.wd-docviewer-tabs .nav-link.active{color:var(--text);font-weight:800;box-shadow:inset 0 -2px 0 var(--mint)}
.wd-docviewer .format_container.raw_x12{background:var(--code);color:#e6f1f6;padding:14px 18px !important;font-family:var(--wd-mono);border-radius:0 0 14px 14px}
.wd-docviewer .raw_x12 .raw_line_base,.wd-docviewer .raw_x12 .raw_line_value,.wd-docviewer .raw_x12 .raw_line_sep{font-size:12.5px;line-height:1.7}
.wd-docviewer .raw_x12 .raw_line_base{color:var(--mint);font-weight:800}
.wd-docviewer .raw_x12 .raw_line_sep{color:rgba(230,241,246,.35) !important}
.wd-docviewer .raw_x12 .raw_line_number{color:rgba(230,241,246,.35);font-size:12px;width:44px;padding-right:14px}
.wd-docviewer .raw_x12.active .sub_active > .uline{border-bottom-color:var(--mint)}
.wd-docviewer .format_container.json,.wd-docviewer .format_container.schema{padding:8px 10px}
.wd-docviewer .format_container.rich_html{padding:6px 18px 18px}
.wd-docviewer .rich_html .x12_segment{gap:10px;padding:8px 0}
.wd-docviewer .rich_html .edi_base span{border-radius:6px;font:800 12px var(--wd-mono);padding:3px 8px;min-width:38px;text-align:center}
.wd-docviewer .rich_html .edi_base_desc{font-weight:700;font-size:13px;color:var(--text)}
.wd-docviewer .rich_html .toggle_button{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--faint);cursor:pointer}
/* dark theme, any Rich tab (the document viewer, the new-document preview …): the collapse chevrons were white discs and a loop's
   left rule a light grey line — both quiet now. The light theme and the downloaded / printed HTML keep the generator's own CSS. */
[data-theme="dark"] .rich_html .toggle_button{background:var(--neutral-bg)}
[data-theme="dark"] .rich_html .toggle_button svg{fill:var(--muted)}
[data-theme="dark"] .rich_html .toggle_button:hover{background:rgba(255,255,255,.14)}
[data-theme="dark"] .rich_html .toggle_button:hover svg{fill:var(--text)}
[data-theme="dark"] .rich_html .array-element.border-start{border-left-color:var(--border) !important}
[data-theme="dark"] .rich_html .loop_title{background:var(--neutral-bg) !important;color:var(--muted);border-color:var(--border) !important;border-radius:4px}
.wd-docviewer .rich_html .element_container .row{border-color:var(--border2) !important;font-size:13px;padding:6px 0 !important}
.wd-docviewer .rich_html .element_container .element_name{color:var(--muted);opacity:1}
.wd-docviewer .rich_html .element_container .element_value{font-weight:600}
.wd-docviewer .rich_html .element_container .element_code{font:600 11.5px var(--wd-mono);color:var(--faint);opacity:1;text-align:right}
.wd-docviewer .rich_html .element_container:not(.non_clickable):hover{background:var(--surface2)}
.wd-docviewer .format_container.visual{padding:6px 18px 18px}
.wd-docviewer .tab-content > .tab-pane{border-radius:0 0 14px 14px}
.wd-docviewer .integration_entity_view,.wd-docviewer .wd-docviewer-body > div:not(.multiple_format_content_container){padding:14px 18px}

/* ---- Alerts ---- */
.wd-grid-alerts{grid-template-columns:minmax(0,1fr) 390px;align-items:start}
@media (max-width:1099px){.wd-grid-alerts{grid-template-columns:minmax(0,1fr)}}
.wd-alerts-list{display:grid;gap:10px}
.wd-alert-group{display:grid;gap:10px}
.wd-alert-group-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0;display:flex;align-items:center;gap:8px}
.wd-alert-group.is-danger .wd-alert-group-title{color:var(--danger-ink)}
.wd-alert-group.is-warning .wd-alert-group-title{color:var(--warning-ink)}
.wd-alert-group.is-info .wd-alert-group-title{color:var(--info-ink)}
.wd-alert-card{display:flex;gap:14px;align-items:center;border-radius:12px;padding:14px 16px;border-left-width:4px;border-left-style:solid}
.wd-alert-card.is-danger{border-left-color:var(--danger-ink)}
.wd-alert-card.is-warning{border-left-color:var(--warning-ink)}
.wd-alert-card.is-info{border-left-color:var(--info-ink)}
.wd-alert-tile{width:56px;height:56px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex:none;background:var(--surface2);border:1px solid var(--border);color:var(--neutral-ink)}
.wd-alert-tile.is-danger{color:var(--danger-ink)}
.wd-alert-tile.is-warning{color:var(--warning-ink)}
.wd-alert-tile.is-info{color:var(--info-ink)}
.wd-partner-logo-tile{width:56px;height:56px;border-radius:12px}
.wd-partner-logo-tile img{max-width:44px;max-height:36px}
.wd-partner-logo-tile span{font-size:18px}
.wd-alert-text{flex:1;min-width:0}
.wd-alert-title{font-weight:800}
.wd-alert-meta{font-weight:600;color:var(--muted)}
.wd-alert-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wd-alert-partner{font-size:13px;font-weight:600;color:var(--muted);margin-top:2px}
.wd-alert-detail{font-size:13px;color:var(--muted);margin-top:2px}
.wd-alert-ico{width:34px;height:34px;border-radius:9px;color:var(--muted) !important;flex:none}
.wd-alerts-empty .wd-empty{padding:56px 24px}
.wd-alerts-empty .wd-empty-title{font-size:18px}
.wd-rule-list{display:grid;gap:10px}
.wd-rule{display:flex;gap:10px;align-items:center;font-size:13px;min-width:0}
.wd-rule-text{flex:1;min-width:0;display:grid;gap:1px}
.wd-rule-sub{font-size:11.5px;color:var(--faint)}
.wd-sev-pill{height:22px;padding:0 9px;border:1px solid var(--neutral-ink);border-radius:999px;font-size:11.5px;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap;background:var(--neutral-bg);color:var(--neutral-ink);flex:none}
.wd-sev-pill.is-danger{background:var(--danger-bg);color:var(--danger-ink);border-color:var(--danger-ink)}
.wd-sev-pill.is-warning{background:var(--warning-bg);color:var(--warning-ink);border-color:var(--warning-ink)}
.wd-sev-pill.is-info{background:var(--info-bg);color:var(--info-ink);border-color:var(--info-ink)}
.wd-al-modal .wd-modal-dialog{max-height:92vh}
.wd-al-modal .wd-modal-body{gap:12px}
.wd-al-section{display:grid;gap:2px;margin-top:4px}
.wd-al-h{font-size:15px;font-weight:800;margin:0}
.wd-al-sub{font-size:13px;color:var(--muted)}
.wd-al-toggle{display:flex;align-items:center;gap:14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 16px}
.wd-al-toggle-text{flex:1;min-width:0}
.wd-al-toggle-title{font-weight:800;font-size:13.5px}
.wd-al-toggle-desc{font-size:12.5px;color:var(--muted);margin-top:2px}
.wd-al-modal .wd-label{color:var(--mint-dark)}
.wd-al-hr{border:0;border-top:1px solid var(--border);margin:8px 0}
.wd-al-rules{display:grid;gap:12px}
.wd-al-rule.wd-al-toggle{display:grid;gap:0}
.wd-al-rule-head{display:flex;align-items:center;gap:14px}
.wd-al-rule .as_fields{margin-top:12px;padding-top:12px;border-top:1px solid var(--border2)}
@media (max-width:759px){.wd-al-fields{grid-template-columns:minmax(0,1fr)}}
.wd-sev-pill:hover{filter:brightness(.96)}
.wd-rules-all{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--mint-dark)}
.wd-rules-all:hover{text-decoration:underline}
.wd-alerts-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--border2);font-size:12.5px;color:var(--muted);display:grid;gap:8px}
.wd-alerts-note p{margin:0;line-height:1.5}
.wd-alerts-note b{color:var(--text)}
@media (max-width:759px){.wd-alert-card{flex-wrap:wrap}.wd-alert-text{flex-basis:100%}.wd-alert-tile,.wd-partner-logo-tile{width:44px;height:44px;border-radius:10px}.wd-alert-tile{font-size:18px}}

/* ---- Partners ---- */
.wd-partners-empty{border-style:dashed}
.wd-partners-empty .wd-empty{padding:56px 24px}
.wd-partners-empty .wd-empty-title{font-size:18px}
.wd-partners-empty .wd-empty-body{max-width:480px}
.wd-empty-ico.is-mint{background:var(--mint-soft);color:var(--mint-dark)}
.wd-empty-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.wd-empty-actions .wd-btn{margin-top:0}
.wd-partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.wd-partner-card{display:flex;flex-direction:column;padding:16px 18px;color:var(--text);min-height:168px;transition:border-color .12s,box-shadow .12s}
.wd-partner-card:hover{color:var(--text);border-color:var(--mint);box-shadow:0 10px 28px -14px rgba(11,58,79,.3)}
.wd-partner-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.wd-partner-logo-card{width:52px;height:52px;border-radius:12px}
.wd-partner-logo-card img{max-width:40px;max-height:34px}
.wd-partner-logo-card span{font-size:16px}
.wd-partner-name{font-weight:800;font-size:16px;margin-top:12px}
.wd-partner-isa{font-size:12.5px;color:var(--muted);font-family:var(--wd-mono)}
.wd-partner-foot{display:flex;gap:6px 14px;margin-top:auto;padding-top:12px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.wd-partner-foot i{margin-right:5px;color:var(--mint-dark)}
.wd-partner-last{flex-basis:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}
.wd-partner-last-txt{margin-left:auto}
.wd-partners-nomatch{color:var(--muted);text-align:center;padding:32px 0}
.wd-guide-dir{font-weight:700;display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.wd-guide-dir.is-in{color:var(--mint-dark)}
.wd-guide-dir.is-out{color:var(--info-ink)}
.wd-guides-table td:first-child,.wd-guides-table th:first-child{padding-left:24px}
.wd-guides-table td:last-child,.wd-guides-table th:last-child{padding-right:24px}
/* catalogue modal */
.wd-pc-modal .wd-modal-dialog{width:min(820px,92vw);max-height:90vh}
.wd-pc-modal .wd-modal-head{border-bottom:0;padding:16px 18px 6px}
.wd-pc-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none}
.wd-pc-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-pc-modal .wd-modal-body{padding:8px 18px 16px}
.wd-pc-search{position:relative}
.wd-pc-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:13px}
.wd-pc-search .wd-input{height:40px;padding-left:36px;font-size:14px}
.wd-pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.wd-pc-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;min-width:0}
.wd-pc-item:hover{border-color:var(--mint);background:var(--mint-soft)}
.wd-pc-item.is-busy{opacity:.5;pointer-events:none}
.wd-pc-logo{width:40px;height:40px;border-radius:9px;background:#fff;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.wd-pc-logo img{width:30px;height:30px;object-fit:contain}
.wd-pc-logo span{font-size:12px;font-weight:800;color:var(--navy)}
.wd-pc-text{min-width:0}
.wd-pc-name{display:block;font-weight:700;font-size:13.5px;line-height:1.25}
.wd-pc-guides{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.wd-pc-more{text-align:center;font-size:12.5px;color:var(--muted);padding-top:2px}
.wd-pc-none{grid-column:1/-1;color:var(--muted);padding:16px 0;text-align:center}
/* new partner modal */
.wd-np-modal .wd-modal-dialog{max-height:90vh}
.wd-np-modal .wd-modal-body{padding:18px 16px;gap:22px}
.wd-np-section{display:grid;gap:12px}
.wd-np-section + .wd-np-section{padding-top:18px;border-top:1px solid var(--border2)}
.wd-np-head h3{margin:0;font-size:15px;font-weight:800}
.wd-np-head p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.wd-np-policy-wrap{display:grid;gap:10px}
.wd-np-policy{display:flex;gap:8px;flex-wrap:wrap}
.wd-np-policy-btn{height:40px;padding:0 28px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.wd-np-policy-btn.is-active{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-dark)}
.wd-np-policy-box{border:1px solid var(--mint);background:var(--mint-soft);border-radius:12px;padding:14px 16px;font-size:13.5px;display:grid;gap:12px}
.wd-np-policy-box.is-danger{border-color:var(--danger-ink);background:var(--danger-bg)}
.wd-np-policy-points{display:grid;gap:6px}
.wd-np-policy-points > div{display:flex;align-items:center;gap:8px}
.wd-np-policy-points i{font-size:14px;width:16px;text-align:center}
.wd-np-policy-points .is-good i{color:var(--success-ink)}
.wd-np-policy-points .is-warn i{color:var(--warning-ink)}
.wd-np-policy-points .is-bad i{color:var(--danger-ink)}
.wd-np-addrs{gap:20px}
.wd-np-addr{display:grid;gap:10px;align-content:start}
.wd-np-addr-kicker{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mint-dark)}
.wd-np-note{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding-top:14px;border-top:1px solid var(--border2)}
@media (max-width:759px){.wd-np-fields,.wd-np-addrs{grid-template-columns:minmax(0,1fr)}}

/* ---- Partner details ---- */
.wd-grid-8-4{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start}
@media (max-width:1099px){.wd-grid-8-4{grid-template-columns:minmax(0,1fr)}}
.wd-pd .wd-sub i{color:var(--mint-dark);margin:0 2px}
.wd-pd .wd-list-title,.wd-pd .wd-list-sub{display:block}
.wd-pd a.wd-list-row{color:var(--text)}
.wd-pd a.wd-list-row:hover{background:var(--surface2);color:var(--mint)}
.wd-pd a.wd-list-row:hover .wd-list-title{color:var(--mint)}
.wd-pd-isa{font-weight:700;color:var(--text)}
.wd-pd-score{display:flex;gap:20px;align-items:center}
.wd-pd-donut{position:relative;width:84px;height:84px;flex:none}
.wd-pd-donut svg{display:block}
.wd-pd-donut-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.wd-pd-donut-text b{font-size:22px;font-weight:800}
.wd-pd-donut-text span{font-size:11px;color:var(--muted);margin-top:3px;font-family:var(--wd-mono)}
.wd-pd-score-rows{flex:1;display:grid;gap:6px;min-width:0}
.wd-pd-score-rows > div{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--border2)}
.wd-pd-score-rows > div:last-child{border-bottom:0}
.wd-pd-score-rows span,.wd-pd-kv span{color:var(--muted)}
.wd-pd-sheet{margin-top:12px;width:100%;justify-content:center}
.wd-pd-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
.wd-list-when{font-size:12px;color:var(--faint);flex:none}
.wd-finding{padding:14px 18px}
.wd-finding-ico{font-size:18px;width:22px;text-align:center;flex:none;color:var(--muted)}
.wd-finding-ico.is-danger{color:var(--danger-ink)}
.wd-finding-ico.is-warning{color:var(--warning-ink)}
.wd-finding-ico.is-info{color:var(--info-ink)}
.wd-finding .wd-list-title{font-size:14px}
.wd-finding .wd-list-when{font-size:13px;color:var(--muted)}
.wd-card-head-inline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wd-pd-override{padding:14px 16px;margin-bottom:12px}
.wd-pd-override-label{font-weight:800;font-size:14px;margin-left:12px}
.wd-rule-list[data-inherit]{opacity:.55;pointer-events:none}
/* ship-to address book (rows flush in the card; add / edit in a modal) */
.wd-pa-list{display:block}
.wd-pa-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--border2)}
.wd-pa-list .wd-pa-row:first-child{border-top:0}
.wd-pa-ico{color:var(--muted);flex:none}
.wd-pa-text{flex:1;min-width:0}
.wd-pa-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;font-size:13.5px}
.wd-pa-code{font-weight:600;color:var(--muted);font-family:var(--wd-mono);font-size:12px}
.wd-pa-main{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:999px;background:var(--mint-soft);color:var(--mint-dark);font-size:11px;font-weight:800;letter-spacing:.02em}
.wd-pa-main i{font-size:9px}
.wd-pa-setmain{height:20px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.wd-pa-setmain:hover{border-color:var(--mint);color:var(--mint-dark)}
.wd-pa-addr{display:block;font-size:12.5px;color:var(--muted)}
.wd-pa-actions{display:inline-flex;gap:6px;flex:none}
.wd-pa-del{color:var(--danger-ink) !important}
.wd-pa-modal .wd-modal-head{padding:16px 18px}
.wd-pa-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-pa-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-pa-modal .wd-modal-body{padding:20px 24px}
.wd-pa-modal .wd-label{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wd-pa-modal .wd-input{height:42px}
.wd-pa-grid{gap:14px 16px}
.wd-pa-grid .is-full{grid-column:1/-1}
.wd-foot-left-ctl{margin-right:auto;display:inline-flex;align-items:center}
.wd-pa-main-label{font-size:13.5px;font-weight:600;margin-left:8px}
@media (max-width:759px){.wd-pa-grid{grid-template-columns:minmax(0,1fr)}}
/* legacy form blocks (connection / compliance / samples includes) restyled to the design tokens */
.wd-legacy .rounded.shadow-sm.bg-white,.wd-legacy .rounded.shadow-sm.py-4.bg-white{background:var(--surface) !important;border:1px solid var(--border);border-radius:14px !important;box-shadow:var(--shadow) !important;margin-bottom:0 !important;padding:18px !important}
.wd-legacy .rounded.shadow-sm.bg-white .container-fluid{padding:0}
.wd-legacy .rounded.shadow-sm.bg-white{margin-top:14px !important}
.wd-legacy > .rounded.shadow-sm.bg-white:first-child,.wd-legacy > div > .rounded.shadow-sm.bg-white:first-child{margin-top:0 !important}
.wd-legacy h2.fs-6{font-size:15px !important;font-weight:800 !important;color:var(--text) !important;margin:0 0 16px}
.wd-legacy h2.fs-6 + p.text-muted{margin-top:-12px}
.wd-legacy p.text-muted{color:var(--muted) !important;font-size:13px !important;margin:0 0 16px;max-width:640px}
.wd-cn-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wd-cn-head > div{flex:1;min-width:0}
.wd-cn-head h2.fs-6{margin-bottom:4px}
.wd-cn-head h2.fs-6 + p.text-muted{margin-top:0}
.wd-cn-head p.text-muted{margin-bottom:12px}
.wd-cn-head .wd-badge{flex:none}
/* labels */
.wd-legacy .details_label,.wd-legacy .details_label span{font-size:12px !important;font-weight:700 !important;color:var(--text) !important;opacity:1;line-height:1.3}
.wd-legacy .details_label{margin-bottom:6px}
.wd-legacy .required_label::after{content:" *";color:var(--danger-ink)}
.wd-cn-hint{font-weight:500 !important;color:var(--muted) !important}
.wd-cn-label-row{display:flex;justify-content:space-between;gap:8px}
.wd-cn-rotate{font-weight:600 !important;color:var(--mint-dark) !important;cursor:pointer}
.wd-cn-rotate:hover{text-decoration:underline}
/* inputs */
.wd-legacy .form-outline{background:transparent;position:relative}
.wd-legacy .form-outline input,.wd-legacy .form-outline textarea,.wd-legacy input.form-control{height:38px;border:1px solid var(--border) !important;border-radius:9px !important;background:var(--surface) !important;color:var(--text) !important;font:inherit;font-size:13.5px !important;padding:0 12px !important;box-shadow:none !important;box-sizing:border-box}
.wd-legacy .form-outline textarea{height:auto;padding:10px 12px !important}
.wd-legacy .form-outline input:focus,.wd-legacy .form-outline textarea:focus,.wd-legacy .fields_container select:focus{outline:none !important;border-color:var(--mint) !important;box-shadow:0 0 0 3px var(--mint-soft) !important}
.wd-legacy .form-outline .form-notch,.wd-legacy .form-outline label.form-label{display:none !important}
.wd-legacy .fields_container .form-outline,.wd-legacy .fields_container .form-outline input,.wd-legacy .fields_container .form-outline textarea,.wd-legacy .fields_container select{width:100% !important;max-width:100%}
.wd-legacy input.wd-cn-ro{background:var(--surface2) !important;font-family:var(--wd-mono) !important;font-size:13px !important;padding-right:40px !important}
.wd-cn-copy,.wd-legacy .secret_eye_toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:inherit;z-index:2}
.wd-cn-copy:hover,.wd-legacy .secret_eye_toggle:hover{color:var(--text);background:var(--neutral-bg)}
.wd-legacy .secret_input_wrap input{padding-right:40px !important}
/* field grids: every row is an auto-fit grid of 240px columns, wrappers flattened */
.wd-cn-grid,.wd-legacy .fields_parent_container .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:start;margin:0}
.wd-legacy .fields_parent_container .row > [class*="col-"],.wd-legacy .fields_parent_container .details_table{display:contents}
.wd-legacy .fields_parent_container .row > .col-12 > h2,.wd-legacy .fields_parent_container .row > .col-12 > p{grid-column:1/-1}
.wd-legacy .fields_container{min-width:0;margin:0}
.wd-legacy .fields_container.connection_type{grid-column:1/-1}
.wd-legacy .details_table{margin:0}
.wd-legacy .fields_container .details_value{margin:0 !important}
.wd-legacy .fields_parent_container .row + .row,.wd-legacy .sub_ftp_protocol,.wd-legacy .sub_ftp_enable_pgp{margin-top:12px}
/* native selects, flat white with a chevron */
.wd-legacy .fields_container select{display:block !important;appearance:none;-webkit-appearance:none;height:38px;padding:0 34px 0 12px !important;border:1px solid var(--border) !important;border-radius:9px !important;background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%235d707a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 6l5 5 5-5'/></svg>") no-repeat right 12px center !important;color:var(--text);font:inherit;font-size:13.5px !important;box-shadow:none !important;cursor:pointer}
.wd-legacy .fields_container .select-wrapper{display:contents}
.wd-legacy .fields_container .select-wrapper > .form-outline,.wd-legacy .fields_container .select-wrapper .select-arrow,.wd-legacy .fields_container .select-wrapper .select-dropdown-container{display:none !important}
/* connection type pills */
.wd-legacy .btn-check + label{height:40px;padding:0 24px !important;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;cursor:pointer;margin:0 8px 0 0}
.wd-legacy .btn-check:checked + label{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-dark)}
/* checkbox fields -> switch rows */
.wd-legacy .fields_container:has(> .details_value > .custom-control),.wd-legacy .fields_container:has(> .details_value > .form-switch),.wd-legacy .fields_container:has(textarea){grid-column:1/-1}
.wd-legacy .custom-control.custom-checkbox,.wd-legacy .form-check.form-switch{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0;min-height:0;border:1px solid var(--border);border-radius:10px;background:var(--surface2);cursor:pointer}
.wd-legacy .custom-control .form-check-input,.wd-legacy .form-switch .form-check-input{appearance:none;-webkit-appearance:none;width:38px !important;height:22px !important;border-radius:11px !important;background:var(--neutral-bg) !important;border:0 !important;position:relative;margin:0 !important;flex:none;cursor:pointer;box-shadow:none !important;background-image:none !important;transition:background .15s}
.wd-legacy .custom-control .form-check-input::before,.wd-legacy .form-switch .form-check-input::before{display:none !important}
.wd-legacy .custom-control .form-check-input::after,.wd-legacy .form-switch .form-check-input::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .15s;border:0;transform:none;margin:0}
.wd-legacy .custom-control .form-check-input:checked,.wd-legacy .form-switch .form-check-input:checked{background:var(--mint) !important}
.wd-legacy .custom-control .form-check-input:checked::after,.wd-legacy .form-switch .form-check-input:checked::after{left:18px;background:#fff}
.wd-legacy .custom-control .form-check-label,.wd-legacy .form-switch .form-check-label{margin:0;padding:0;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}
/* certificate */
.wd-legacy .fields_container.as2_certificate textarea{display:block;min-height:190px;font-family:var(--wd-mono) !important;font-size:12.5px !important;line-height:1.6;padding:12px 84px 12px 14px !important;resize:vertical}
.wd-cert-actions{position:absolute;top:8px;right:8px;display:inline-flex;gap:4px;z-index:2}
.wd-cert-actions .wd-btn{width:28px;height:28px;min-width:0;border-radius:7px;padding:0;color:var(--muted)}
.wd-legacy .fields_container.as2_certificate .ace_editor{display:none !important}
/* legacy buttons */
.wd-legacy .btn{border-radius:10px !important;font-weight:700 !important;text-transform:none !important;box-shadow:none !important;letter-spacing:0 !important}
.wd-legacy .btn-primary{background:var(--mint) !important;border-color:var(--mint) !important}
.wd-legacy .btn-light{background:var(--surface2) !important;border:1px solid var(--border) !important;color:var(--text) !important}
.wd-legacy .toggle_details{border-bottom:0 !important}
/* sticky save bar under the connection form */
#tab_connection .wd-pd-actions{position:sticky;bottom:0;z-index:5;padding:12px 0;margin-top:-2px;background:linear-gradient(to bottom,transparent,var(--bg) 35%)}
/* right column summary */
#tab_connection .wd-stack > .wd-card{position:sticky;top:14px}
.wd-pd-kv{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
.wd-pd-kv > div{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:8px 0;border-top:1px solid var(--border2);border-bottom:0;min-width:0}
.wd-pd-kv > div:first-child{border-top:0}
.wd-pd-kv > div > span{flex:none}
.wd-pd-kv b{font-weight:700;font-family:var(--wd-mono);font-size:12.5px;text-align:right;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* compliance include */
.wd-pd-compliance .pc-head,.wd-pd-compliance .pc-metric,.wd-pd-compliance .pc-empty{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.wd-pd-compliance .pc-metric{margin-bottom:12px}
.wd-pd-compliance .pc-head-meta h3,.wd-pd-compliance .pc-metric-top .pc-name{color:var(--text)}
.wd-pd-compliance .pc-head-meta p,.wd-pd-compliance .pc-metric .pc-desc,.wd-pd-compliance .pc-metric .pc-detail{color:var(--muted)}
.wd-pd-compliance .pc-bar{background:var(--neutral-bg)}
/* samples list */
.wd-pd-samples .table_container{min-height:420px}
.wd-pd-samples .table_container > .flex-grow-1{height:auto !important;min-height:320px}
.wd-pd-samples .empty_visible{height:auto !important}
.wd-pd-samples .empty_visible h2{font-size:15px !important;font-weight:800 !important;color:var(--text) !important;opacity:1 !important;margin-bottom:14px !important}
.wd-pd-samples .empty_visible .btn{background:var(--mint) !important;border-color:var(--mint) !important;color:#fff !important}
.wd-pd-samples input.search{height:38px;border:1px solid var(--border) !important;border-radius:9px !important;padding-left:36px !important;font-size:13.5px}
.wd-pd-samples .table th{background:var(--surface2) !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted) !important;border-bottom:1px solid var(--border) !important}
.wd-pd-samples .table td{font-size:13.5px;color:var(--text);border-color:var(--border2) !important}
.wd-pd-samples .table tbody tr:not(.nc){cursor:pointer}
.wd-pd-samples .table tbody tr:not(.nc):hover td{background:var(--surface2)}

/* partner logo modal + change-logo overlay */
.wd-pd-logo-wrap{position:relative;display:inline-flex;flex:none}
.wd-pd-logo-wrap .wd-partner-logo{transition:border-color .12s}
.wd-pd-logo-wrap:hover .wd-partner-logo{border-color:var(--mint)}
.wd-pd-logo-btn{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:11px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);font-family:inherit}
.wd-pd-logo-btn:hover{color:var(--text);border-color:var(--mint)}
.wd-logo-modal .wd-modal-dialog{width:min(820px,92vw)}
.wd-logo-modal .wd-modal-head{padding:16px 18px}
.wd-logo-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none}
.wd-logo-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-logo-modal .wd-modal-body{padding:24px}
.wd-lg-drop{border:2px dashed var(--border);border-radius:14px;background:var(--surface2);padding:56px 24px;text-align:center;display:grid;gap:8px;justify-items:center;color:var(--muted)}
.wd-lg-drop.is-over{border-color:var(--mint);background:var(--mint-soft)}
.wd-lg-drop > i{font-size:34px;color:var(--mint-dark)}
.wd-lg-drop-title{font-size:16px;font-weight:800;color:var(--text)}
.wd-lg-drop-title .wd-link{border:0;background:transparent;padding:0;font:inherit;cursor:pointer;color:var(--mint-dark)}
.wd-lg-drop-sub{font-size:13.5px}
.wd-lg-editor{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:start}
.wd-lg-stage{display:grid;gap:12px;justify-items:center}
.wd-lg-canvas-wrap{position:relative;width:min(400px,100%);aspect-ratio:1;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#fff}
.wd-lg-canvas-wrap canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.wd-lg-canvas-wrap canvas:active{cursor:grabbing}
.wd-lg-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--border2) 1px,transparent 1px),linear-gradient(to bottom,var(--border2) 1px,transparent 1px);background-size:33.333% 33.333%}
.wd-lg-zoom{display:flex;align-items:center;gap:14px;width:min(400px,100%);color:var(--muted)}
.wd-lg-zoom-sm{font-size:12px}.wd-lg-zoom-lg{font-size:18px}
.wd-lg-zoom input[type=range]{flex:1;accent-color:var(--mint)}
.wd-lg-hint{font-size:13px;color:var(--muted)}
.wd-lg-side{display:grid;gap:14px;align-content:start}
.wd-lg-previews{display:flex;align-items:center;gap:12px}
.wd-lg-previews .wd-partner-logo{background:#fff}
.wd-lg-prev-lg{width:100px;height:100px;border-radius:18px}.wd-lg-prev-md{width:60px;height:60px;border-radius:12px}.wd-lg-prev-sm{width:46px;height:46px;border-radius:10px}
.wd-lg-previews canvas{width:100%;height:100%;display:block}
.wd-lg-side-btn{justify-content:center;height:44px}
@media (max-width:759px){.wd-lg-editor{grid-template-columns:minmax(0,1fr)}}
/* sample files */
/* Partner details: EDI connection sheet (modal + printable page) */
.wd-cs-modal .wd-modal-dialog{width:min(820px,92vw);max-height:90vh}
.wd-cs-modal .wd-modal-head{padding:16px 18px}
.wd-cs-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-cs-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-cs-modal .wd-modal-body{padding:6px 20px 20px;grid-template-columns:minmax(0,1fr);min-width:0}
.wd-cs-modal .wd-modal-foot .wd-foot-left{font-size:12.5px}
.wd-cs-page{max-width:900px}
.wd-cs-card{padding:24px 28px}
.wd-cs{min-width:0}
.wd-cs-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.wd-cs-title{font-size:20px;font-weight:800;color:var(--text)}
.wd-cs-sub{font-size:13px;color:var(--muted);margin-top:2px}
.wd-cs-logo{height:26px}
.wd-cs-k{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mint-dark);margin:20px 0 6px}
.wd-cs-k:first-child{margin-top:8px}
.wd-cs-rows{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.wd-cs-rows > div{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);gap:12px;align-items:start;padding:8px 0;border-top:1px solid var(--border2);font-size:13px}
.wd-cs-rows > div:first-child{border-top:0}
.wd-cs-rows > div > span{color:var(--muted)}
.wd-cs-rows > div > b{font-weight:700;font-family:var(--wd-mono);font-size:12.5px;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.wd-cs-rows > div > b.wd-cs-plain{font-family:inherit;font-size:13px;font-weight:600}
.wd-cs-fp{display:block;font-size:11.5px;letter-spacing:.02em;line-height:1.5}
.wd-cs-note{font-size:12.5px;color:var(--muted);font-family:inherit;font-weight:400;display:block}
.wd-cs-missing{color:var(--warning-ink);font-family:inherit !important;font-size:13px !important;font-weight:600}
.wd-cs-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.wd-cs-actions .wd-cs-note{flex:1;min-width:200px}
.wd-cs-result{margin-top:10px;display:grid;gap:8px}
.wd-cs-ok{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--success-bg);color:var(--success-ink);font-size:13px;font-weight:600}
.wd-cs-ok i{margin-top:2px}
.wd-cs-pw{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wd-cs-pw code{font-family:var(--wd-mono);font-size:14px;font-weight:700;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 10px}
.wd-cs-err{margin-top:8px;font-size:13px}
.wd-cs-foot{margin-top:18px}
@media (max-width:600px){.wd-cs-rows > div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* Guides list */
.wd-guides-filters .wd-list-search{flex:1;min-width:240px;max-width:400px}
.wd-guides-filters .wd-tabs{flex:none}
.wd-filter-caret{font-size:10px;color:var(--muted);margin-left:2px}
.wd-guides-card{overflow:hidden}
.wd-guides-list tbody tr.cr td{padding-top:14px;padding-bottom:14px;white-space:nowrap;vertical-align:middle}
.wd-guides-list tbody tr.cr td.wd-col-guide{white-space:normal;min-width:220px}
.wd-guides-list .wd-cell-main{font-size:14px}
.wd-guides-list .wd-col-std, .wd-guides-list .wd-col-updated{color:var(--muted)}
.wd-guides-list tbody tr.cr:hover .wd-col-std, .wd-guides-list tbody tr.cr:hover .wd-col-updated{color:inherit}
.wd-guides-card .wd-table-foot{padding:12px 18px}
/* New guide modal */
.wd-gn-modal .wd-modal-dialog{width:min(980px,94vw);max-height:92vh}
.wd-gn-modal .wd-modal-head{padding:16px 18px}
.wd-gn-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-gn-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-gn-modal .wd-modal-body{padding:20px 22px;gap:18px;grid-template-columns:minmax(0,1fr);min-width:0}
.wd-gn-section{display:grid;gap:10px}
.wd-gn-h3{margin:4px 0 0;font-size:18px;font-weight:800}
.wd-gn-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wd-gn-src{display:grid;gap:6px;justify-items:start;text-align:left;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;min-width:0}
.wd-gn-src i{font-size:20px;color:var(--muted);margin-bottom:4px}
.wd-gn-src b{font-size:14.5px;font-weight:800}
.wd-gn-src span{font-size:13px;color:var(--muted);line-height:1.45}
.wd-gn-src:hover{border-color:var(--mint)}
.wd-gn-src.is-active{border-color:var(--mint);background:var(--mint-soft);box-shadow:0 0 0 1px var(--mint)}
.wd-gn-src.is-active i{color:var(--mint-dark)}
.wd-gn-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
@media (max-width:759px){.wd-gn-name-row{grid-template-columns:minmax(0,1fr)}}
.wd-gn-lock{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--warning-bg);color:var(--warning-ink);font-size:13.5px;font-weight:600;margin-top:-6px}
.wd-gn-drop{position:relative;display:grid;gap:4px;justify-items:center;text-align:center;padding:26px 18px;border:1px dashed var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);font-size:14px;font-weight:700}
.wd-gn-drop.is-over{border-color:var(--mint);background:var(--mint-soft)}
.wd-gn-drop > i{font-size:22px;color:var(--mint-dark);margin-bottom:4px}
.wd-gn-drop-sub{font-size:12.5px;font-weight:500;color:var(--faint);max-width:620px}
.wd-gn-file{margin-top:8px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
.wd-gn-file.is-ok{color:var(--success-ink)}
.wd-gn-file.is-bad{color:var(--danger-ink)}
.wd-gn-modal .is-locked .wd-select{opacity:.6}
@media (max-width:759px){.wd-gn-sources{grid-template-columns:minmax(0,1fr)}}
.wd-combo-native{position:fixed !important;top:0;left:0;width:1px !important;height:1px !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}
.wd-combo-btn{text-align:left;cursor:pointer;display:flex;align-items:center;min-width:0;font:inherit;font-size:13.5px;color:var(--text)}
.wd-combo-btn .wd-combo-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-combo-btn:disabled{opacity:.6;cursor:default}
.wd-combo-btn:focus-visible{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}
.wd-combo-pop{position:fixed;z-index:1300;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35);padding:6px;display:grid;gap:4px;box-sizing:border-box}
.wd-combo-search{position:relative;padding:2px 2px 4px}
.wd-combo-search i{position:absolute;left:12px;top:calc(50% - 1px);transform:translateY(-50%);font-size:12px;color:var(--muted)}
.wd-combo-search .wd-input{padding-left:30px;width:100%}
.wd-combo-list{max-height:min(300px,50vh);overflow:auto;display:flex;flex-direction:column;gap:2px}
.wd-combo-list .wd-menu-item{flex:none;height:auto;min-height:40px;padding:10px 10px;white-space:normal;text-align:left;line-height:1.35;align-items:center}
.wd-combo-item{display:flex;flex:1;align-items:center;gap:10px;min-width:0}
.wd-combo-item .wd-chip{flex:none}
.wd-combo-item .wd-combo-text{min-width:0}
.wd-combo-btn .wd-combo-label{display:inline-flex;align-items:center;gap:8px;min-width:0}
.wd-combo-btn .wd-chip{flex:none}
.wd-combo-empty{color:var(--muted);font-weight:500}
.wd-combo-none{padding:10px 12px;font-size:13px;color:var(--muted)}
.wd-combo-group{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:8px 10px 2px;flex:none}
.wd-combo-item.has-sub{flex-direction:column;align-items:flex-start;gap:2px}
.wd-combo-main{display:flex;align-items:center;gap:10px;min-width:0}
.wd-combo-sub{display:block;font-size:11.5px;color:var(--muted);font-weight:500;line-height:1.35}
/* ============================ Guide details page ============================ */
.wd-has-offcanvas{padding-right:calc(var(--wd-strip-w) + 20px) !important}
.wd-gd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.wd-gd-head-left{display:flex;gap:14px;align-items:center;min-width:0}
.wd-gd-head-text{min-width:0}
.wd-gd-title{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text)}
.wd-gd-chip-dir{display:inline-flex;align-items:center;gap:8px;flex:none}
.wd-gd-chip-dir .wd-guide-dir{font-size:16px}
.wd-gd-chip-dir .wd-guide-dir:empty{display:none}
.wd-gd-sub{color:var(--muted);margin-top:2px;font-size:13.5px}
.wd-gd-head-right{position:relative;display:flex;align-items:center;gap:8px}
.wd-gd-review{margin-bottom:14px}
.wd-gd-review-inner{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:12px;background:var(--warning-bg);color:var(--warning-ink);font-size:13.5px}
.wd-gd-review-inner.is-danger{background:var(--danger-bg);color:var(--danger-ink)}
.wd-gd-review-inner.is-info{background:var(--info-bg);color:var(--info-ink)}
.wd-gd-review-text{flex:1;min-width:0}
.wd-gd-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:14px;align-items:stretch;--wd-gd-h:auto}
@media (max-width:1100px){.wd-gd-grid{grid-template-columns:minmax(0,1fr)}}
.wd-gd-left{overflow:hidden;min-width:0;display:flex;flex-direction:column;height:var(--wd-gd-h)}
.wd-gd-left > .wd-gd-tabs{flex:none}
#gd_left_panes{flex:1;min-height:0;display:flex;flex-direction:column}
#gd_left_panes > .wd-tabpanel:not([hidden]){flex:1;min-height:0;display:flex;flex-direction:column}
#gd_left_panes .wd-gd-search,#gd_left_panes .wd-gd-pdf-row{flex:none}
.wd-gd-tabs{padding:0 14px;margin-bottom:0;border-bottom:1px solid var(--border2)}
.wd-gd-search{padding:12px 14px;border-bottom:1px solid var(--border2)}
.wd-gd-search .wd-input{height:34px;background:var(--surface2);font-size:13px}
.wd-gd-tree{flex:1;min-height:0;max-height:none;overflow:auto;padding:8px 10px 14px}
/* ghost states while the tree / details / PDF load (same .wd-skel shimmer as the lists) */
.wd-gd-tree-skel{display:grid;gap:6px;padding:2px 0}
.wd-gd-skel-guide{height:50px;border-radius:12px;margin:2px 0 8px}
.wd-gd-skel-section{height:12px;width:120px;margin:12px 10px 4px}
.wd-gd-skel-node{display:flex;align-items:center;gap:10px;padding:8px 10px}
.wd-gd-skel-ico{width:28px;height:28px;border-radius:7px;flex:none}
.wd-gd-skel-tag{width:46px;height:24px;flex:none}
.wd-gd-skel-name{flex:1;height:14px;max-width:240px}
.wd-gd-skel-node:nth-child(3n) .wd-gd-skel-name{max-width:160px}
.wd-gd-skel-node:nth-child(3n+1) .wd-gd-skel-name{max-width:200px}
.wd-gd-skel-req{width:30px;height:30px;border-radius:8px;margin-left:auto;flex:none}
.wd-gd-panel-skel{display:grid;gap:10px}
.wd-gd-skel-crumbs{display:flex;gap:6px;margin-bottom:2px}
.wd-gd-skel-crumbs .wd-skel{height:12px;width:56px}
.wd-gd-skel-title{display:flex;align-items:center;gap:10px}
.wd-gd-skel-chip{width:52px;height:30px;border-radius:8px}
.wd-gd-skel-h{height:22px;width:min(320px,60%)}
.wd-gd-skel-sub{height:13px;width:min(240px,45%)}
.wd-gd-skel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0 8px}
.wd-gd-skel-field{display:grid;gap:8px}
.wd-gd-skel-label{height:11px;width:90px}
.wd-gd-skel-input{height:40px;border-radius:8px}
.wd-gd-panel-skel .wd-gd-skel-section{margin:8px 0 0}
.wd-gd-panel-skel .wd-gd-skel-node{padding:8px 0}
.wd-gd-pdf-skel{height:100%;min-height:260px;padding:0}
.wd-gd-pdf-skel .wd-skel{height:100%;min-height:260px;border-radius:6px}
.wd-gd-pdf-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border2);font-size:12.5px}
.wd-gd-pdf-row > i{color:var(--danger-ink);flex:none;font-size:15px}
.wd-gd-pdf-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.wd-gd-pdf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.wd-gd-pdf-meta{color:var(--muted);font-size:11.5px}
.wd-gd-pdf-view{background:var(--neutral-bg);padding:14px;flex:1;min-height:0;height:auto}
.wd-gd-pdf-pages{height:100%}
.wd-gd-pdf-view iframe{display:block;width:100%;height:100%;border:1px solid var(--border);border-radius:6px;background:#fff;box-shadow:0 6px 18px -10px rgba(0,0,0,.35)}
.wd-gd-pdf-empty{margin:14px;height:calc(100% - 28px);min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;border:1px dashed var(--border);border-radius:12px;background:var(--surface2);color:var(--muted)}
.wd-gd-pdf-empty.is-over{border-color:var(--mint);background:var(--mint-soft)}
.wd-gd-pdf-empty > i{font-size:26px;color:var(--mint-dark);margin-bottom:4px}
.wd-gd-pdf-empty-title{font-size:14.5px;font-weight:800;color:var(--text)}
.wd-gd-pdf-empty-body{font-size:13px;max-width:360px;line-height:1.5}
.wd-gd-pdf-missing{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--danger-ink);font-weight:600;font-size:13px}
/* tree */
.wd-gt{display:grid;gap:2px}
.wd-gt-guide{display:flex;align-items:center;gap:12px;width:100%;margin:2px 0 8px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-align:left}
.wd-gt-guide i{font-size:14px;color:var(--muted)}
.wd-gt-guide:hover{border-color:var(--mint)}
.wd-gt-guide.is-current{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-dark)}
.wd-gt-guide.is-current i{color:var(--mint-dark)}
.wd-gt-section{display:flex;align-items:center;width:100%;margin-top:12px;padding:10px 10px 6px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}
.wd-gt-section span{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:0}
.wd-gt-section:hover,.wd-gt-section.is-current{color:var(--mint-dark)}
.wd-gt-node{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;min-width:0}
.wd-gt-node.is-env{cursor:default}
.wd-gt-node:not(.is-env):hover{background:var(--surface2)}
.wd-gt-node.is-current{background:var(--mint-soft)}
.wd-gt-node.is-current .wd-gt-name{font-weight:800}
.wd-gt-node.is-current .wd-gt-req{opacity:.75}
.wd-gt-ico{width:28px;height:28px;border-radius:7px;background:var(--surface2);border:1px solid var(--border2);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--text);flex:none}
.wd-gt-ico.is-letter{font-weight:800;font-size:13px}
.wd-gt-tag{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:4px 8px;border-radius:6px;background:var(--navy);color:#fff;font:800 12.5px var(--wd-mono);flex:none}
.wd-gt-eltag{min-width:64px;font:800 13px var(--wd-mono);color:var(--text);flex:none}
.wd-gt-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.wd-gt-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px}
.wd-gt-node.is-el .wd-gt-name{font-weight:500;color:#3d4f5c}
.wd-gt-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.2}
.wd-gt-sub-chip{font:700 11px var(--wd-mono);color:var(--info-ink);background:var(--info-bg);padding:1px 6px;border-radius:4px;cursor:help}
.wd-gt-sub-more{font-size:11px;font-weight:700;color:var(--faint)}
.wd-gt-req{flex:none;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800}
.wd-gt-req.is-r{background:var(--danger-bg);color:var(--danger-ink)}
.wd-gt-req.is-o{background:var(--info-bg);color:var(--info-ink)}
.wd-gt-children{display:grid;gap:2px}
.wd-gt-children.is-elements .wd-gt-node{padding-left:24px}
.wd-gt-children:not(.is-elements){margin-left:22px;padding-left:8px;border-left:1px dashed var(--border)}
.wd-gt-variants{border:1px dashed var(--border);border-radius:10px;padding:6px;margin:2px 0;display:grid;gap:2px}
.wd-gt-variants-note{font-size:11.5px;font-weight:700;color:var(--info-ink);padding:2px 6px 4px;display:flex;align-items:center;gap:6px}
.wd-gt-node.is-variant{background:var(--surface2)}
.wd-gd-tabs .wd-tab{font-size:15px;font-weight:700;height:46px}
.wd-gd-tabs .wd-tab.is-active{font-weight:800}
.wd-gd-search .wd-input{height:40px;font-size:14px}
/* details panel */
.wd-gd-panel{padding:18px 20px;min-width:0;position:relative;min-height:320px;height:var(--wd-gd-h);overflow:auto}
/* global partners catalogue (global_partners.php / global_partner_details.php): legacy Bootstrap markup, dark theme through the tokens */
[data-theme="dark"] .wd-gp-legacy{color:var(--text)}
[data-theme="dark"] .wd-gp-legacy .bg-white,[data-theme="dark"] .wd-gp-legacy .modal-content{background:var(--surface) !important;color:var(--text)}
[data-theme="dark"] .wd-gp-legacy .shadow,[data-theme="dark"] .wd-gp-legacy .shadow-sm{box-shadow:var(--shadow) !important;border:1px solid var(--border)}
[data-theme="dark"] .wd-gp-legacy .text-dark,[data-theme="dark"] .wd-gp-legacy .text_dark_blue,[data-theme="dark"] .wd-gp-legacy h1,[data-theme="dark"] .wd-gp-legacy h2,[data-theme="dark"] .wd-gp-legacy h3,[data-theme="dark"] .wd-gp-legacy .modal-title{color:var(--text) !important}
[data-theme="dark"] .wd-gp-legacy .text-muted,[data-theme="dark"] .wd-gp-legacy .weredi_label,[data-theme="dark"] .wd-gp-legacy .form-label{color:var(--muted) !important}
[data-theme="dark"] .wd-gp-legacy .border-bottom,[data-theme="dark"] .wd-gp-legacy .border-light-subtle,[data-theme="dark"] .wd-gp-legacy .border{border-color:var(--border) !important}
[data-theme="dark"] .wd-gp-legacy .border-white{border-color:transparent !important}
[data-theme="dark"] .wd-gp-legacy .form-control,[data-theme="dark"] .wd-gp-legacy .form-select{background-color:var(--surface2);color:var(--text);border-color:var(--border)}
[data-theme="dark"] .wd-gp-legacy .form-control::placeholder{color:var(--faint)}
[data-theme="dark"] .wd-gp-legacy .form-control:focus,[data-theme="dark"] .wd-gp-legacy .form-select:focus{background-color:var(--surface2);color:var(--text);border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}
[data-theme="dark"] .wd-gp-legacy .table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--border2);--bs-table-hover-bg:var(--surface2);--bs-table-hover-color:var(--text);color:var(--text)}
[data-theme="dark"] .wd-gp-legacy .table th,[data-theme="dark"] .wd-gp-legacy .table td{border-color:var(--border2)}
[data-theme="dark"] .wd-gp-legacy .nav-link{color:var(--muted)}
[data-theme="dark"] .wd-gp-legacy .nav-link.active,[data-theme="dark"] .wd-gp-legacy .nav-link:hover{color:var(--text)}
[data-theme="dark"] .wd-gp-legacy .badge.bg-light{background:var(--neutral-bg) !important;color:var(--neutral-ink) !important}
[data-theme="dark"] .wd-gp-legacy .bg-dark{background:var(--neutral-bg) !important;color:var(--text) !important}
[data-theme="dark"] .wd-gp-legacy .modal-header,[data-theme="dark"] .wd-gp-legacy .modal-footer{border-color:var(--border)}
[data-theme="dark"] .wd-gp-legacy .btn-close{filter:invert(1) grayscale(1)}
[data-theme="dark"] .wd-gp-legacy .partner_container a{color:inherit}
.wd-gp{display:block}
.wd-gp-sticky{position:sticky;top:-18px;z-index:3;margin:-18px -20px 0;padding:18px 20px 12px;background:var(--surface);border-bottom:1px solid var(--border2)}
.wd-gp-sticky .wd-gp-h3{margin-top:18px}
.wd-gp-sticky .wd-gp-legend{margin-bottom:0}
.wd-gp-sticky + *{margin-top:14px}
.wd-gp-crumbs{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.wd-gp-crumbs button{border:0;background:transparent;padding:0;color:var(--muted);font:inherit;font-weight:600;cursor:pointer}
.wd-gp-crumbs button:hover{color:var(--mint-dark)}
.wd-gp-crumbs i{font-size:9px;opacity:.5}
.wd-gp-crumbs .is-current{font-weight:700;color:var(--text)}
/* the requirement block stays top right; only the title side wraps */
.wd-gp-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.wd-gp-head > div:first-child{flex:1;min-width:0}
.wd-gp-title{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0;display:flex;align-items:flex-start;gap:10px;color:var(--text);overflow-wrap:anywhere;line-height:1.25}
.wd-gp-title .wd-chip{flex:none;margin-top:1px}
.wd-gp-sub{color:var(--muted);margin-top:2px;font-size:13.5px}
.wd-gp-req{flex:none;text-align:right}
.wd-gp-req-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.wd-req-big{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.wd-req-big .wd-req-dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}
.wd-req-big.mandatory{border-color:transparent;background:var(--danger-bg);color:var(--danger-ink)}
.wd-req-big.mandatory .wd-req-dot{background:var(--danger-ink)}
.wd-req-big.optional{border-color:transparent;background:var(--info-bg);color:var(--info-ink)}
.wd-req-big.optional .wd-req-dot{background:var(--info-ink)}
.wd-req-big.not_present{color:var(--muted)}
.wd-req-big i{font-size:10px;opacity:.6;order:3}
.wd-req-big::after{order:2}
.wd-gp-kv{margin-top:16px;display:grid;gap:6px;font-size:12.5px;font-weight:700}
.wd-gp-kv + .wd-gp-kv{margin-top:14px}
.wd-gp-kv-value{font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wd-gp-kv-value b.is-info{color:var(--info-ink)}
.wd-gp-kv-value b.is-warn{color:var(--warning-ink)}
.wd-gp-kv-hint{font-size:12px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.wd-gp-kv-hint i{font-size:10px}
.wd-gp-field{margin-top:14px}
.wd-gp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px;align-items:end}
.wd-gp-grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:14px}
.wd-gp-grid-delims{margin-top:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.wd-gp-key{font:600 13px var(--wd-mono);color:var(--info-ink);height:38px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--border2);border-radius:9px;background:var(--surface2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-gp-switch{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:1px solid var(--border2);border-radius:9px;background:var(--surface2);cursor:pointer;font-weight:600;font-size:13px;margin:0}
.wd-gp-switch input{position:absolute;opacity:0;width:0;height:0}
.wd-gp-switch-track{width:34px;height:20px;border-radius:10px;background:var(--border);position:relative;flex:none;transition:background .15s}
.wd-gp-switch-track span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.wd-gp-switch input:checked + .wd-gp-switch-track{background:var(--mint)}
.wd-gp-switch input:checked + .wd-gp-switch-track span{left:16px}
.wd-gp-save{display:flex;align-items:flex-end}
.wd-gp-save .wd-btn{width:100%}
.wd-gp-h3{font-size:17px;font-weight:800;margin:26px 0 8px;color:var(--text)}
.wd-gp-h3.is-kicker{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:24px 0 8px}
.wd-gp-legend{font-size:12.5px;color:var(--muted);margin-bottom:6px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.wd-gp-legend-count{margin-left:auto}
.wd-gp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--faint);margin-right:6px}
.wd-gp-dot.is-r{background:var(--danger-ink)}
.wd-gp-dot.is-o{background:var(--info-ink)}
.wd-gp-items{display:grid}
.wd-gp-item{display:grid;grid-template-columns:48px 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--border2)}
.wd-gp-pos{font:600 12px var(--wd-mono);color:var(--faint)}
.wd-gp-item .wd-chip{cursor:pointer;border:0;font-family:var(--wd-mono)}
.wd-gp-item .wd-chip:hover{background:var(--mint-soft);color:var(--mint-dark)}
.wd-gp-item-name{display:flex;align-items:center;gap:8px;min-width:0}
.wd-gp-item-name > button{border:0;background:transparent;padding:0;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wd-gp-item-name > button:hover{color:var(--mint-dark)}
.wd-gp-item-name > button i{color:var(--info-ink);font-size:12px}
.wd-gp-meta{font:600 11px var(--wd-mono);color:var(--faint);white-space:nowrap}
.wd-reqtog{width:30px;height:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font:800 11.5px/1 inherit;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.wd-reqtog::after{content:"N"}
.wd-reqtog.mandatory{border-color:transparent;background:var(--danger-bg);color:var(--danger-ink)}
.wd-reqtog.mandatory::after{content:"R"}
.wd-reqtog.optional{border-color:transparent;background:var(--info-bg);color:var(--info-ink)}
.wd-reqtog.optional::after{content:"O"}
.wd-reqtog.disabled,.wd-reqtog:disabled{opacity:.5;cursor:default}
.wd-gp-variants,.wd-gp-codes{display:grid;gap:6px}
.wd-gp-variant-row,.wd-gp-code-row{display:flex;align-items:center;gap:8px}
.wd-gp-variant{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--border2);border-radius:9px;background:var(--surface2);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;min-width:0}
.wd-gp-variant:hover{border-color:var(--mint)}
.wd-gp-variant.is-this{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-dark)}
.wd-gp-variant span{font-size:11px;font-weight:600;color:var(--muted)}
.wd-gp-code{flex:1;display:flex;align-items:center;gap:14px;height:36px;padding:0 12px;border:1px solid var(--border2);border-radius:9px;background:var(--surface2);min-width:0}
.wd-gp-code-val{font:700 12.5px var(--wd-mono);color:var(--info-ink);min-width:36px}
.wd-gp-code-label{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-gp-codes-none{font-size:13px;color:var(--muted)}
.wd-gp-add{margin-top:8px;border:0;background:transparent;color:var(--mint-dark);font:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:6px 0;display:inline-flex;align-items:center;gap:6px}
.wd-gp-add i{font-size:11px}
.wd-gp-add-code{margin-top:10px;max-width:420px}
.wd-gp-add-code .wd-combo-btn{color:var(--mint-dark);font-weight:700}
/* live validation off-canvas */
.wd-gv .wd-offcanvas-body{padding:14px 0 0;gap:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
.wd-gv .wd-offcanvas-body > *{flex:none}
.wd-gv .wd-offcanvas-body > .wd-gv-findings{flex:1 1 auto;min-height:0;overflow-y:auto}
.wd-gv-banner{margin:0 18px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13.5px;font-weight:700}
.wd-gv-banner.is-ok{background:var(--success-bg);color:var(--success-ink)}
.wd-gv-banner.is-bad{background:var(--danger-bg);color:var(--danger-ink)}
.wd-gv-banner.is-wait{background:var(--neutral-bg);color:var(--muted)}
.wd-gv-banner span:first-of-type{flex:1;min-width:0}
.wd-gv-live{font-size:12.5px;opacity:.8;font-weight:500;white-space:nowrap}
.wd-gv-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px 0;flex-wrap:wrap}
.wd-gv-bar:empty{display:none}
.wd-gv-pick{position:relative;min-width:0;flex:1}
.wd-gv-pick-btn{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.wd-gv-pick-btn:hover{background:var(--surface2)}
.wd-gv-pick-btn > i:first-child{color:var(--muted);font-size:12px}
.wd-gv-pick-btn > i:last-child{font-size:10px;color:var(--muted)}
.wd-gv-pick-btn > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-gv-pick-menu{min-width:300px;max-width:min(420px,90vw)}
.wd-gv-pick-menu .wd-menu-item{height:auto;min-height:36px;padding:6px 10px;white-space:normal}
.wd-gv-pick-menu .wd-menu-item .wd-menu-right{font-size:11px}
.wd-gv-pick-empty{padding:8px 10px;font-size:12.5px;color:var(--muted)}
.gv_pick_upload{color:var(--mint-dark) !important;font-weight:800}
.wd-gv-mfc{margin:12px 18px 0;min-height:120px;position:relative;--wd-viewer-h:50vh}
.wd-gv-mfc #valid_x12_container,.wd-gv-mfc .multiple_format_content_container,.wd-gv-mfc .multiple_format_content_container > .flex-grow-1,.wd-gv-mfc .tab-content,.wd-gv-mfc .tab-pane{height:auto !important;min-height:0 !important;overflow:visible !important;flex:none !important}
.wd-gv-mfc .tab-pane:not(.active){display:none !important}
.wd-gv-mfc .h-100,.wd-gv-mfc .h-0{height:auto !important}
.wd-gv-mfc.is-loading::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.5);border-radius:9px}
.wd-gv-mfc .top_container{padding:0 0 10px !important;border:0 !important}
.wd-gv-mfc .top_container > div:first-child{flex:1;min-width:0}
.wd-gv-mfc .multiple_format_content_container{border-radius:9px;overflow:hidden}
.wd-gv-mfc.wd-docviewer .multiple_format_content_container,.wd-gv-mfc.wd-docviewer .wd-docviewer-auto{height:auto !important;min-height:0}
.wd-gv-mfc.wd-docviewer .multiple_format_content_container > .tab-content{flex:none !important;overflow:visible}
.wd-gv-mfc.wd-docviewer .multiple_format_content_container > .tab-content > .tab-pane.active{flex:none !important}
.wd-gv-mfc.wd-docviewer .multiple_format_content_container > .tab-content > .tab-pane > .format_container,.wd-gv-mfc .format_container{flex:none !important;height:50vh !important;min-height:120px;max-height:none !important;overflow:auto !important}
.wd-gv-mfc .format_container.raw_x12,.wd-gv-mfc .format_container.raw_x12.bg_off_white{border-radius:9px;background:var(--code) !important;color:#e6f1f6 !important;padding:14px 16px 18px !important;font-family:var(--wd-mono);font-size:13px}
.wd-gv-mfc .rawX12_container_parent{align-items:flex-start}
.wd-gv-mfc .lines_container.raw_line_number{width:44px;padding:0 14px 0 0;opacity:1;color:rgba(230,241,246,.4);font-size:12.5px;text-align:right}
.wd-gv-mfc .lines_container.raw_line_number > div{box-sizing:border-box}
.wd-gv-mfc .rawx12_ind_line{line-height:1.9;min-height:24px}
.wd-gv-mfc .rawX12_container{color:#e6f1f6}
.wd-gv-mfc .raw_line{font-size:0}
.wd-gv-mfc .raw_x12 .raw_line_base,.wd-gv-mfc .raw_x12 .raw_line_value,.wd-gv-mfc .raw_x12 .raw_line_value span,.wd-gv-mfc .raw_x12 .raw_line_sep{font-size:13px;line-height:1.9;font-family:var(--wd-mono)}
.wd-gv-mfc .raw_line_base{color:var(--mint) !important;font-weight:800;padding-right:8px;min-width:34px}
.wd-gv-mfc .raw_line_value,.wd-gv-mfc .raw_line_value span{color:#e6f1f6 !important}
.wd-gv-mfc .raw_line_sep{color:rgba(230,241,246,.35) !important}
.wd-gv-mfc .raw_line.contenteditable span.focusable:hover{background:rgba(255,255,255,.08) !important;border-radius:3px}
.wd-gv-mfc .raw_line.contenteditable span.focusable:focus,.wd-gv-mfc .raw_line.contenteditable span.focusable.outlined{outline:1px solid var(--mint) !important;border-radius:3px}
.wd-gv-mfc .raw_x12.active span{opacity:.6}
.wd-gv-mfc .raw_x12.active .sub_active > .uline{border-bottom-color:var(--mint)}
.wd-gv-mfc .rawX12_container .drag_handle{color:rgba(230,241,246,.7)}
.wd-gv-mfc .rawX12_container .error,.wd-gv-mfc .rawX12_container .raw_line.error{background:rgba(255,154,150,.16);border:0 !important;box-shadow:inset 0 0 0 1px rgba(255,154,150,.4);color:#ffd7d5;border-radius:4px}
.wd-gv-mfc .rawX12_container .error span{color:#ffd7d5 !important}
.wd-gv-mfc .rawX12_container .error.error_active{box-shadow:inset 0 0 0 1px #ff9a96;background:rgba(255,154,150,.3)}
.wd-gv-mfc .rawX12_container .error{background:rgba(255,154,150,.18);border:1px solid rgba(255,154,150,.35);color:#ffd7d5;border-radius:4px}
.wd-gv-mfc .rawX12_container .error.error_active{box-shadow:inset 0 0 0 1px #ff9a96;background:rgba(255,154,150,.3)}
.wd-gv-findings{margin:12px 0 0;border-top:1px solid var(--border);background:var(--surface2);padding-bottom:12px}
.wd-gv-findings-title{position:sticky;top:0;background:var(--surface2);z-index:1}
.wd-gv-findings:empty{display:none}
.wd-gv-findings-title{padding:10px 18px 4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wd-gv-finding{width:100%;display:flex;gap:10px;align-items:flex-start;padding:8px 18px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left;font:inherit;font-size:13px}
.wd-gv-finding:hover{background:var(--neutral-bg)}
.wd-gv-finding-dot{width:8px;height:8px;border-radius:50%;background:var(--danger-ink);flex:none;margin-top:6px}
.wd-gv-finding-text{flex:1;min-width:0;line-height:1.45}
.wd-gv-finding-text b{font-weight:700}
.wd-gv-fix{display:block;margin-top:6px;max-width:360px;background-color:var(--surface)}
.wd-gv-finding-go{font-size:12px;color:var(--faint);white-space:nowrap;margin-top:2px}
.wd-gv-valid{display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;color:var(--success-ink)}
/* Mappings list */
.wd-mp-json-link{font-weight:700;color:var(--link)}
.wd-mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.wd-mp-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;color:var(--text) !important;text-decoration:none !important;min-width:0}
.wd-mp-card:hover{border-color:var(--mint)}
.wd-mp-card-top{display:flex;align-items:center;gap:10px}
.wd-mp-card-top .wd-guide-dir{font-size:12.5px}
.wd-mp-card-state{margin-left:auto}
.wd-mp-card-name{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-mp-card-desc{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-mp-card-foot{display:flex;gap:14px;font-size:12.5px;color:var(--muted);align-items:center;min-width:0}
.wd-mp-card-partner{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-mp-card-partner i{font-size:11px;color:var(--faint)}
.wd-mp-card-updated{margin-left:auto;white-space:nowrap}
.wd-mp-empty{background:var(--surface);border:1px dashed var(--border);border-radius:16px;padding:56px 24px;text-align:center}
.wd-mp-empty-ico{width:56px;height:56px;border-radius:16px;background:var(--mint-soft);color:var(--mint-dark);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}
.wd-mp-empty-title{font-weight:800;font-size:18px}
.wd-mp-empty-body{color:var(--muted);max-width:480px;margin:6px auto 18px;text-wrap:pretty}
.wd-mp-empty-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.wd-mp-json-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-mp-json-modal .wd-modal-body{padding:18px 20px 20px;gap:16px;font-size:14px;line-height:1.55;text-wrap:pretty}
.wd-mp-json{display:grid;gap:16px}
.wd-mp-json p{margin:0}
.wd-mp-json-ex{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.wd-mp-json-box{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--neutral-bg)}
.wd-mp-json-box.is-json{background:var(--code);color:#e6f1f6}
.wd-mp-json-box-k{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.wd-mp-json-box.is-json .wd-mp-json-box-k{color:rgba(207,227,236,.55)}
.wd-mp-json-box pre{margin:0;font:12px/1.5 var(--wd-mono);white-space:pre-wrap;word-break:break-all}
.wd-mp-json-tip{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:9px;background:var(--mint-soft);color:var(--mint-dark);font-size:13px;font-weight:600}
.wd-mp-json-tip i{margin-top:3px}
/* ---- Integrations ---- */
.wd-ig-h2{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.wd-ig-plus{font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--info-bg);color:var(--info-ink)}
.wd-ig-empty{background:var(--surface);border:1px dashed var(--border);border-radius:14px;padding:22px;color:var(--muted);max-width:720px;margin-bottom:24px;text-wrap:pretty}
.wd-ig-empty-title{font-weight:800;color:var(--text);margin-bottom:4px}
.wd-ig-upsell{font-size:12.5px;color:var(--warning-ink);margin:-2px 0 10px}
.wd-ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:26px}
.wd-ig-grid-available{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.wd-ig-card{padding:18px;min-width:0}
.wd-ig-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.wd-ig-logo{height:34px;width:auto;max-width:150px;object-fit:contain;display:block}
.wd-ig-logo.is-sm{height:30px;max-width:140px;align-self:flex-start}
.wd-ig-logo-text{font-weight:800;font-size:15px;color:var(--navy)}
.wd-ig-name{font-weight:800;font-size:16px;margin-top:14px}
.wd-ig-name.is-sm{font-size:15px;margin-top:0}
.wd-ig-meta{font-size:12.5px;color:var(--muted);text-wrap:pretty}
.wd-ig-card-link{display:flex;flex-direction:column;color:var(--text) !important;text-decoration:none !important;transition:border-color .12s}
.wd-ig-card-link:hover{border-color:var(--mint)}
.wd-ig-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 0}
.wd-ig-foot{display:flex;justify-content:flex-end;margin-top:auto;padding-top:14px}
.wd-ig-last{font-size:12.5px;color:var(--muted)}
.wd-ig-stat{padding:8px 10px;border-radius:9px;background:var(--surface2);min-width:0}
.wd-ig-stat-v{font-size:16px;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-ig-stat-k{font-size:11px;color:var(--muted);margin-top:3px}
.wd-ig-card-available{display:flex;flex-direction:column;gap:10px}
.wd-ig-card-available .wd-btn{align-self:flex-start}

/* ---- Lookup tables list ---- */
.wd-lt-filters .wd-list-search{width:280px}
.wd-lt-total{margin-left:auto;white-space:nowrap}
.wd-lt-list tbody tr.cr td{padding-top:14px;padding-bottom:14px;white-space:nowrap;vertical-align:middle}
.wd-lt-list tbody tr.cr td.wd-col-name{white-space:normal;min-width:260px}
.wd-lt-list .wd-cell-main{font-size:14px}
.wd-lt-list .wd-col-name .wd-cell-sub{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-lt-list .wd-col-lines,.wd-lt-list .wd-col-updated{color:var(--muted)}
.wd-lt-list tbody tr.cr:hover .wd-col-lines,.wd-lt-list tbody tr.cr:hover .wd-col-updated{color:inherit}
.wd-lt-lines{font-variant-numeric:tabular-nums;font-weight:600}
.wd-lt-entity{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--neutral-bg);color:var(--neutral-ink);font-size:12px;font-weight:700}
.wd-lt-noapp{color:var(--muted);font-size:13px}
.wd-lt-list td:first-child,.wd-lt-list th:first-child{padding-left:24px}
.wd-lt-list td:last-child,.wd-lt-list th:last-child{padding-right:24px}

/* ---- Lookup table page (/lookup_tables/{id}) ---- */
.wd-lk-head{margin-bottom:18px}
.wd-lk-head .wd-rename{margin-left:-8px}
.wd-lk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;align-items:start}
@media (max-width:1000px){.wd-lk-grid{grid-template-columns:minmax(0,1fr)}}
.wd-lk-side{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.wd-lk-section{padding:16px 18px;min-width:0}
.wd-lk-h2{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.wd-lk-fields{display:grid;gap:12px}
.wd-lk-fields .wd-field{display:grid;gap:6px;min-width:0}
.wd-lk-fields .wd-label{font-size:12.5px;font-weight:700;margin:0}
.wd-lk-fields .wd-select,.wd-lk-fields .wd-combo-btn{font-weight:600}
.wd-lk-app-wrap{position:relative}
.wd-lk-app-wrap.has-logo .wd-combo-btn,.wd-lk-app-wrap.has-logo .wd-select{padding-left:44px}
.wd-lk-app-logo{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:6px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}
.wd-lk-app-logo img{width:18px;height:18px;object-fit:contain}
.wd-lk-help{margin-top:12px;font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:flex-start}
.wd-lk-help i{margin-top:3px;color:var(--info-ink)}
.wd-lk-note{margin-top:12px;font-size:12.5px;color:var(--muted)}
.wd-lk-add{gap:10px}
.wd-lk-add .wd-input{font-size:13.5px}
.wd-lk-dup{font-size:12.5px;color:var(--warning-ink);display:flex;gap:6px;align-items:center}
.wd-lk-add .wd-btn{justify-content:center}
.wd-lk-used{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
.wd-lk-used-empty{font-size:12.5px;color:var(--muted);text-wrap:pretty}
.wd-lk-use{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border2);border-radius:9px;color:var(--text) !important;font-size:13px;min-width:0;overflow:hidden;text-decoration:none !important}
.wd-lk-use:hover{border-color:var(--mint);background:var(--surface2)}
.wd-lk-use .wd-chip{flex:none}
.wd-lk-use-text{flex:1;min-width:0}
.wd-lk-use-name{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-lk-use-field{display:block;font:600 11.5px var(--wd-mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-lk-use > i{font-size:10px;color:var(--faint);flex:none}
.wd-lk-entries{overflow:hidden;min-width:0;padding:0;position:relative;display:flex;flex-direction:column}
.wd-lk-bar{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border2);flex-wrap:wrap}
.wd-lk-search{flex:1;min-width:180px}
.wd-lk-search .wd-input{height:36px;background:var(--surface2);font-size:13px;border-radius:9px}
.wd-lk-count{font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.wd-lk-missing-btn{height:30px;padding:0 10px;border:1px solid rgba(154,74,18,.3);border-radius:8px;background:var(--warning-bg);color:var(--warning-ink);font:700 12.5px inherit;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.wd-lk-missing-btn i{font-size:11px}
.wd-lk-missing{padding:10px 14px;border-bottom:1px solid var(--border2);background:var(--warning-bg);color:var(--warning-ink);font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wd-lk-missing-intro{flex:1;min-width:160px}
.wd-lk-missing-code{height:26px;padding:0 9px;border:1px solid rgba(154,74,18,.3);border-radius:6px;background:var(--surface);color:var(--warning-ink);font:700 12px var(--wd-mono);cursor:pointer}
.wd-lk-missing-code:hover{background:var(--surface2)}
.wd-lk-tablewrap{overflow:auto;min-height:320px}
.wd-lk-list th.wd-col-lk-remove{width:48px}
.wd-lk-list tbody tr.cr td{vertical-align:middle}
.wd-lk-key{font:600 13px var(--wd-mono)}
.wd-lk-end-id{color:var(--muted);font-size:12.5px}
.wd-lk-when{color:var(--muted);font-size:12.5px;white-space:nowrap}
.wd-lk-remove{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--faint);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.wd-lk-remove:hover{background:var(--danger-bg);color:var(--danger-ink)}
.wd-lk-list td.wd-col-lk-remove{text-align:right;padding-right:10px}
.wd-lk-empty{padding:56px 24px;text-align:center}
.wd-lk-empty-ico{width:56px;height:56px;border-radius:16px;background:var(--mint-soft);color:var(--mint-dark);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}
.wd-lk-empty-title{font-weight:800;font-size:16px}
.wd-lk-empty-body{color:var(--muted);max-width:440px;margin:6px auto 0;text-wrap:pretty}
.wd-lk-page.is-new .wd-lk-entries .wd-lk-bar{opacity:.5}
.wd-lk-import-modal .wd-modal-head{padding:16px 18px}
.wd-lk-import-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-lk-import-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-lk-import-modal .wd-modal-body{padding:18px;gap:14px}
.wd-lk-import-help{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5;text-wrap:pretty}
.wd-lk-drop{display:grid;justify-items:center;gap:6px;padding:28px 18px;border:1.5px dashed var(--border);border-radius:12px;background:var(--surface2);cursor:pointer;text-align:center}
.wd-lk-drop:hover,.wd-lk-drop.is-over{border-color:var(--mint);background:var(--mint-soft)}
.wd-lk-drop > i{font-size:24px;color:var(--mint-dark)}
.wd-lk-drop-t{font-size:13.5px}
.wd-lk-drop-t b{color:var(--mint-dark)}
.wd-lk-drop-s{font-size:12px;color:var(--muted)}
.wd-lk-import-err{padding:10px 12px;border-radius:9px;background:var(--danger-bg);color:var(--danger-ink);font-size:13px;font-weight:600}

/* ---- Automation details ---- */
.wd-ad-head{margin-bottom:16px}
.wd-ad-head .wd-h1{font-size:24px}
.wd-ad-desc{font-size:14px;color:var(--muted);margin-top:4px;max-width:100%}
.wd-ad-desc .wd-rename-btn{font-size:14px;font-weight:500;color:var(--muted);padding:2px 6px;margin-left:-6px}
.wd-ad-desc .wd-rename-btn > span{white-space:normal;text-wrap:pretty}
.wd-ad-desc .wd-rename-btn .fa-pen{font-size:11px}
.wd-ad-desc .wd-rename-input{font-size:14px;font-weight:500}
.wd-ad-when{padding:14px 16px;margin-bottom:12px;display:grid;gap:12px}
.wd-ad-when-title{display:flex;align-items:center;gap:8px;color:var(--mint-dark);font-weight:800;font-size:13px}
.wd-ad-when-ico{width:30px;height:30px;border-radius:9px;background:var(--mint-soft);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.wd-ad-when-grid{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(0,1fr);gap:14px;min-width:0}
@media (max-width:900px){.wd-ad-when-grid{grid-template-columns:minmax(0,1fr)}}
.wd-ad-when-grid .wd-field{display:grid;gap:6px;min-width:0}
.wd-ad-when-grid .wd-label{font-size:12.5px;font-weight:700;margin:0}
.wd-ad-multi{position:relative;min-width:0}
.wd-ad-multi-btn{width:100%;height:38px;padding:0 36px 0 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;min-width:0}
.wd-ad-multi-btn:focus-visible,.wd-ad-multi-btn[aria-expanded="true"]{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft);outline:none}
.wd-ad-multi-btn > i{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted)}
.wd-ad-multi-val{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.wd-ad-multi-val .wd-chip{height:26px;padding:0 10px;font-size:13px}
.wd-ad-multi-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-ad-multi-any{color:var(--muted);font-weight:600}
.wd-ad-multi-more{font-size:12px;color:var(--muted);flex:none}
.wd-ad-multi-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35);z-index:61;overflow:hidden;animation:wpop .14s ease-out}
.wd-ad-multi-search{position:relative;padding:8px}
.wd-ad-multi-search i{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--faint)}
.wd-ad-multi-search .wd-input{height:36px;padding-left:34px;border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}
.wd-ad-multi-list{max-height:300px;overflow:auto;padding:0 6px 6px;display:grid;gap:2px}
.wd-ad-multi-item{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:8px;cursor:pointer;min-width:0;font-size:13.5px;font-weight:600}
.wd-ad-multi-item:hover{background:var(--neutral-bg)}
.wd-ad-multi-item input{position:absolute;opacity:0;width:0;height:0}
.wd-ad-multi-item .wd-chip{height:26px;padding:0 10px;font-size:13px;flex:none}
.wd-ad-multi-item .wd-ad-multi-name{flex:1}
.wd-ad-multi-item > i{color:var(--mint-dark);font-size:12px;visibility:hidden}
.wd-ad-multi-item:has(input:checked) > i{visibility:visible}
.wd-ad-multi-none{padding:14px;text-align:center;color:var(--muted);font-size:13px}
.wd-ad-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;align-items:stretch;--wd-ad-h:auto;height:var(--wd-ad-h);min-height:420px}
.wd-ad-grid > .wd-card{min-height:0;height:100%}
@media (max-width:1000px){.wd-ad-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto}.wd-ad-grid > .wd-card{height:auto;max-height:70vh}}
.wd-ad-viewer{padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.wd-ad-viewer .wd-card-head.wd-ad-viewer-head{padding:12px 14px 0;margin-bottom:-40px;pointer-events:none;display:flex;align-items:center}
.wd-ad-sample{position:relative;display:flex;min-width:0;max-width:170px;pointer-events:auto}
.wd-ad-sample .wd-select{height:28px;padding:0 24px 0 8px;border-radius:7px;font-size:12px;font-weight:700;appearance:none;-webkit-appearance:none}
.wd-ad-sample i{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--muted);pointer-events:none}
.wd-ad-viewer .top_container{padding-left:200px !important;min-height:52px;display:flex;align-items:center}
.wd-ad-viewer .wd-docviewer-body,.wd-ad-viewer .wd-docviewer-body > *,.wd-ad-viewer .multiple_format_content_container,.wd-ad-viewer .tab-content,.wd-ad-viewer .tab-pane{padding:0 !important;margin:0 !important}
.wd-ad-viewer .format_container{margin:0 !important;border-radius:0 !important}
.wd-ad-sample .wd-select{background-image:none}
.wd-ad-viewer .wd-docviewer-body > *{flex:1 1 0%;min-height:0}
.wd-ad-viewer .multiple_format_content_container{height:100% !important;min-height:0;display:flex;flex-direction:column}
.wd-ad-viewer .multiple_format_content_container > .tab-content > .tab-pane > .format_container{padding-bottom:0 !important;border-radius:0}
.wd-ad-viewer .format_container.raw_x12{border-radius:0;overflow:auto}
.wd-ad-viewer .raw_x12 .raw_line,.wd-ad-viewer .raw_x12 .rawx12_ind_line,.wd-ad-viewer .raw_x12 > div{white-space:nowrap;width:max-content;min-width:100%}
.wd-ad-viewer .wd-docviewer-body{flex:1;min-height:0;display:flex;flex-direction:column}
.wd-ad-viewer .wd-docviewer-body.is-loading{opacity:.5}
.wd-ad-skel,.wd-ad-viewer .wd-docviewer-body > .wd-ad-skel{display:grid;gap:14px;padding:66px 18px 18px !important;align-content:start}
.wd-ad-skel-line{display:block;height:12px;border-radius:6px;background:var(--skel);animation:wshimmer 1.3s infinite}
.wd-ad-skel.is-light{padding:18px}
.wd-ad-skel.is-light .wd-ad-skel-line:nth-child(odd){width:70%}
.wd-ad-skel.is-light .wd-ad-skel-line:nth-child(even){width:45%}
.wd-ad-viewer-empty{display:grid;gap:10px;justify-items:center;text-align:center;color:var(--muted);font-size:13px;padding:56px 24px;text-wrap:pretty;margin-top:44px}
.wd-ad-viewer-empty i{font-size:22px;color:var(--faint)}
.wd-ad-action{padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.wd-ad-action-head{padding:10px 14px;border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:8px;flex:none}
.wd-ad-action-head i{color:var(--mint-dark)}
.wd-ad-action-head span{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wd-ad-action-body{flex:1;min-height:0;overflow:auto;padding:16px 14px;display:grid;gap:16px;align-content:start}
.wd-ad-action-body .wd-field{display:grid;gap:6px;min-width:0}
.wd-ad-action-body .wd-label{font-size:12.5px;font-weight:700;margin:0}
.wd-ad-lbl{display:flex;justify-content:space-between;gap:8px}
.wd-ad-lbl span{font-weight:600;color:var(--faint);font-size:11.5px}
.wd-ad-then{position:relative}
.wd-ad-then .wd-select{height:40px;padding-left:40px;border:1.5px solid var(--mint);font-weight:700}
.wd-ad-then > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--mint-dark);pointer-events:none}
.wd-ad-block{display:grid;gap:12px}
.wd-ad-kicker{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}
.wd-ad-kicker i{color:var(--faint);cursor:help}
.wd-ad-attach{border-top:1px solid var(--border2);padding-top:14px;display:grid;gap:12px}
.wd-ad-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;font-weight:700}
.wd-ad-check input{position:absolute;opacity:0;width:0;height:0}
.wd-ad-check-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;flex:none}
.wd-ad-check-box i{visibility:hidden}
.wd-ad-check input:checked ~ .wd-ad-check-box{background:var(--mint);border-color:var(--mint)}
.wd-ad-check input:checked ~ .wd-ad-check-box i{visibility:visible}
.wd-ad-doc{display:grid;gap:12px}
.wd-ad-edit-map{font-size:12.5px;font-weight:700;color:var(--mint-dark);display:inline-flex;align-items:center;gap:6px;justify-self:start}
.wd-ad-edit-map i{font-size:10px}
/* output off-canvas */
.wd-ao .wd-offcanvas-body{padding:14px 0 0;gap:0;display:flex;flex-direction:column;align-items:stretch}
.wd-ao .wd-offcanvas-body > *{flex:none}
.wd-ao-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;flex-wrap:wrap}
.wd-ao-file{display:flex;align-items:center;gap:10px;min-width:0}
.wd-ao-meta{font-size:12px;color:var(--muted)}
.wd-ao-tools{display:flex;align-items:center;gap:10px}
.wd-ao-all{font-size:12px;font-weight:700;color:var(--muted)}
.wd-mo-tool:disabled{opacity:.4;cursor:default}
.wd-ao-body{flex:1 1 auto !important;min-height:0;overflow:auto;margin:0 18px 18px;border:1px solid var(--border2);border-radius:9px;font-size:12.5px}
.wd-ao-body .wd-ao-code{border-radius:8px;max-height:none;margin:0;min-height:100%}
.wd-ao-body:has(.wd-ao-code){border:0;background:var(--code)}
.wd-ao-empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:13px;text-wrap:pretty}
.wd-ao-html{padding:12px 14px;overflow:auto}
.wd-ao-raw{min-height:100%;display:flex;flex-direction:column}
.wd-ao-raw .format_container.raw_x12{flex:1;height:auto !important;min-height:100%;border-radius:8px;padding:14px 18px !important;overflow:auto}
.wd-ao-raw .rawx12_ind_line,.wd-ao-raw .raw_line{white-space:nowrap}
.wd-ao-raw .lines_container{display:none}
.wd-ao-raw .rawX12_container{counter-reset:wdline}
.wd-ao-raw .rawx12_ind_line{counter-increment:wdline;align-items:baseline}
.wd-ao-raw .rawx12_ind_line::before{content:counter(wdline);width:44px;padding-right:14px;text-align:right;flex:none;color:rgba(230,241,246,.35);font-size:12px;user-select:none}
.wd-ao-body:has(.wd-ao-raw){border:0;background:var(--code)}
.wd-ao-sheet{border-collapse:collapse;min-width:100%;font-variant-numeric:tabular-nums}
.wd-ao-sheet th,.wd-ao-sheet td{border:1px solid var(--border2);padding:5px 9px;white-space:nowrap;text-align:left;font-size:12.5px}
.wd-ao-sheet th{background:var(--surface2);color:var(--muted);font-weight:800;font-size:11px;letter-spacing:.04em;text-align:center;position:sticky;top:0;z-index:1}
.wd-ao-sheet .wd-ao-corner{width:34px}
.wd-ao-sheet .wd-ao-rowhead{background:var(--surface2);color:var(--muted);font-weight:700;text-align:center;position:sticky;left:0}
.wd-ao-sheet td.is-num{text-align:right}

/* ---- Automation list ---- */
.wd-au-list{display:grid;gap:10px}
.wd-au-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 18px;color:var(--text) !important;text-decoration:none !important;transition:border-color .12s;min-width:0}
.wd-au-row:hover{border-color:var(--mint)}
.wd-au-switch{display:inline-flex;align-items:center}
.wd-au-main{min-width:0}
.wd-au-name{display:block;font-weight:800;font-size:15px}
.wd-au-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--muted)}
.wd-au-trigger{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:7px;font-weight:700;background:var(--mint-soft);color:var(--mint-dark)}
.wd-au-trigger.is-out{background:var(--warning-bg);color:var(--warning-ink)}
.wd-au-trigger i{font-size:10px}
.wd-au-arrow{color:var(--faint)}
.wd-au-step{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:var(--neutral-bg);color:var(--neutral-ink);font-weight:600;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-au-side{text-align:right;white-space:nowrap}
.wd-au-runs{display:block;font-size:12.5px;color:var(--muted)}
.wd-au-last{display:block;font-size:12.5px;font-weight:700;margin-top:2px;color:var(--muted)}
.wd-au-last.is-ok{color:var(--success-ink)}
.wd-au-last.is-bad{color:var(--danger-ink)}
.wd-au-empty{background:var(--surface);border:1px dashed var(--border);border-radius:16px;padding:56px 24px;text-align:center}
.wd-au-empty-ico{width:56px;height:56px;border-radius:16px;background:var(--mint-soft);color:var(--mint-dark);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}
.wd-au-empty-title{font-weight:800;font-size:18px}
.wd-au-empty-body{color:var(--muted);max-width:480px;margin:6px auto 18px;text-wrap:pretty}
@media (max-width:700px){.wd-au-row{grid-template-columns:auto 1fr}.wd-au-side{grid-column:2;text-align:left}}

/* ---- Integration page (/integrations/{id}) ---- */
.wd-ig2-head{margin-bottom:14px}
.wd-ig2-tile{width:56px;height:56px;border-radius:14px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;font-weight:800;color:var(--navy)}
.wd-ig2-tile img{max-width:42px;max-height:36px;object-fit:contain}
.wd-ig2-org{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}
.wd-ig2-org .wd-select,.wd-ig2-org .wd-combo-btn{height:36px;border-radius:10px;font-size:13px;font-weight:700;max-width:220px;min-width:160px}
.wd-ig2-setup{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:14px 18px;margin-bottom:12px}
.wd-ig2-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.wd-ig2-fields .wd-field{display:grid;gap:6px;min-width:0}
.wd-ig2-fields .wd-label{font-size:12.5px;font-weight:700;margin:0}
.wd-ig2-fields .wd-select,.wd-ig2-fields .wd-combo-btn{font-weight:600}
.wd-ig2-hint{font-size:12px;font-weight:500;color:var(--muted)}
.wd-ig2-flows{display:flex;gap:4px;margin-top:16px;border-bottom:1px solid var(--border);overflow:auto}
.wd-ig2-flow{display:flex;align-items:center;gap:8px;padding:0 6px 0 2px;border-bottom:2px solid transparent;margin-bottom:-1px;flex:none}
.wd-ig2-flow.is-active{border-bottom-color:var(--mint)}
.wd-ig2-flow-tab{height:40px;padding:0 6px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.wd-ig2-flow.is-active .wd-ig2-flow-tab{color:var(--text)}
.wd-ig2-flow-tab .wd-guide-dir{font-size:11.5px}
.wd-ig2-flow-switch{margin-right:6px}
.wd-ig2-flow-off{margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--neutral-bg);color:var(--muted);font-size:12.5px;display:flex;gap:8px;align-items:center}
.wd-ig2-dup-modal .wd-modal-head{padding:16px 18px}
.wd-ig2-dup-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-ig2-dup-modal .wd-modal-body{padding:18px;gap:14px}
.wd-ig2-dup-text{margin:0;font-size:14px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.wd-ig2-choices{display:grid;gap:8px}
.wd-ig2-choice{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:var(--surface)}
.wd-ig2-choice:hover{border-color:var(--mint)}
.wd-ig2-choice input{position:absolute;opacity:0;width:0;height:0}
.wd-ig2-choice-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex:none;margin-top:1px;position:relative}
.wd-ig2-choice input:checked ~ .wd-ig2-choice-dot{border-color:var(--mint)}
.wd-ig2-choice input:checked ~ .wd-ig2-choice-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--mint)}
.wd-ig2-choice input:checked ~ .wd-ig2-choice-text{color:var(--text)}
.wd-ig2-choice:has(input:checked){border-color:var(--mint);background:var(--mint-soft)}
.wd-ig2-choice-text{display:grid;gap:2px;font-size:13.5px}
.wd-ig2-choice-text b{font-weight:800}
.wd-ig2-choice-text span{color:var(--muted);font-size:12.5px;text-wrap:pretty}
.wd-ig2-off{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:24px;align-items:center;padding:28px 32px}
@media (max-width:900px){.wd-ig2-off{grid-template-columns:minmax(0,1fr)}.wd-ig2-off-art{display:none}}
.wd-ig2-off-notice{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:10px;background:var(--warning-bg);color:var(--warning-ink);font-size:13.5px;font-weight:600;margin:0 0 12px;text-wrap:pretty}
.wd-ig2-off-notice i{margin-top:3px}
.wd-ig2-off-status{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--danger-ink);margin-bottom:8px}
.wd-ig2-off-help{color:var(--muted);font-size:14px;line-height:1.5;max-width:560px;text-wrap:pretty;margin:0 0 16px}
.wd-ig2-creds{display:grid;gap:10px;max-width:420px}
.wd-ig2-creds .wd-field{display:grid;gap:6px}
.wd-ig2-creds .wd-label{font-size:12.5px;font-weight:700;margin:0}
.wd-ig2-creds-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.wd-ig2-off-art{width:100%;max-height:320px;object-fit:contain;justify-self:end}
.wd-ig2-page.is-off .wd-page-actions .wd-btn[disabled]{opacity:.6}

/* ---- Mapping editor (/mappings/{id}) ---- */
.wd-me-head{margin-bottom:14px}
.wd-me-head .wd-rename{margin-left:-8px}
.wd-me-setup{margin:0 0 12px}
.wd-me-setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.wd-me-setup-grid .wd-field{display:grid;gap:6px;min-width:0}
.wd-me-setup-grid .wd-label{font-size:12.5px;font-weight:700;margin:0}
.wd-me-setup-grid .wd-select,.wd-me-setup-grid .wd-combo-btn{font-weight:600}
.wd-me-dir{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface);height:38px;box-sizing:border-box}
.wd-me-dir-btn{flex:1;min-width:0;height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.wd-me-dir-btn.is-active{background:var(--mint-soft);color:var(--mint-dark)}
.wd-me-dir-btn i{font-size:11px}
.wd-me-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1.1fr);gap:12px;align-items:stretch;--wd-me-h:auto;height:var(--wd-me-h);min-height:360px}
@media (max-width:1100px){.wd-me-grid{grid-template-columns:minmax(0,1fr);height:auto}.wd-me-col{max-height:70vh}}
.wd-me-col{overflow:hidden;min-width:0;display:flex;flex-direction:column;min-height:0;padding:0}
.wd-me-insp{align-self:start;max-height:100%;overflow:auto}
.wd-me-col-head{padding:12px 14px;border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:8px;flex:none}
.wd-me-col-body{padding:6px;flex:1;min-height:0;overflow:auto}
.wd-me-col-body.is-loading{opacity:.5}
.wd-me-col-foot{padding:10px 14px;border-top:1px solid var(--border2);background:var(--surface2);font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex:none}
.wd-me-empty{display:grid;gap:10px;justify-items:center;text-align:center;color:var(--muted);font-size:13px;font-family:Mulish,system-ui,sans-serif;padding:36px 18px;text-wrap:pretty}
.wd-me-empty i{font-size:22px;color:var(--faint)}
/* source column */
.wd-me-source .wd-me-col-head .wd-chip{flex:none}
.wd-me-src-pick{flex:1;min-width:0;overflow:hidden}
.wd-me-src-sel{display:block;position:relative}
.wd-me-guide{width:100%;min-width:0;appearance:none;-webkit-appearance:none;height:28px;padding:0 26px 0 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-me-src-sel i{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--faint);pointer-events:none}
.wd-me-src-sub{font-size:11.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-me-src-body{padding:0 6px 6px}
.wd-me-src-search{position:sticky;top:0;z-index:2;background:var(--surface);padding:8px 2px 6px;margin:0 -2px 2px}
.wd-me-src-search .wd-input{height:32px;background:var(--surface2);font-size:12.5px;border-radius:8px}
.wd-me-src-nomatch{padding:24px 12px}
.wd-me-tree.is-loading{opacity:.5}
.wd-me-section{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:10px 8px 4px}
.wd-me-node{display:flex;align-items:center;gap:8px;padding:5px 8px;padding-left:calc(8px + var(--lvl,0) * 14px);border-radius:7px;cursor:pointer;min-width:0;border:1px solid transparent;user-select:none}
.wd-me-node:hover{background:var(--neutral-bg)}
.wd-me-node.is-selected{background:var(--mint-soft);border-color:var(--mint)}
.wd-me-node.is-absent{opacity:.55}
.wd-me-node.is-absent:hover,.wd-me-node.is-absent.is-selected{opacity:1}
.wd-me-tag{flex:none;font-family:var(--wd-mono)}
.wd-me-tag.is-loop{font-weight:800;font-size:10.5px;color:var(--text);border:1px solid var(--border);padding:0 5px;border-radius:4px}
.wd-me-tag.is-seg{font-weight:800;font-size:10.5px;color:#fff;background:var(--navy);padding:1px 6px;border-radius:4px;min-width:30px;text-align:center}
.wd-me-tag.is-el{font-weight:700;font-size:11.5px;color:var(--mint-dark);min-width:56px}
.wd-me-node-name{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.wd-me-node.is-loop .wd-me-node-name,.wd-me-node.is-seg .wd-me-node-name{font-weight:700}
.wd-me-count{font-size:10.5px;font-weight:700;color:var(--muted);flex:none}
.wd-me-val{font:600 11px var(--wd-mono);color:var(--muted);background:var(--neutral-bg);padding:1px 6px;border-radius:4px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}
.wd-me-linked{display:none;color:var(--mint);font-size:10px;flex:none}
.wd-me-node.is-mapped .wd-me-linked{display:inline-block}
/* target column */
.wd-me-tgt-head{justify-content:space-between;flex-wrap:wrap}
.wd-me-tgt-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 200px}
.wd-me-app-ico{width:28px;height:28px;border-radius:7px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--navy);font-size:13px}
.wd-me-tgt-text{min-width:0}
.wd-me-tgt-name{font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-me-tgt-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-me-mapped{font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap;flex:none}
.wd-me-hbtn{height:28px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:6px}
.wd-me-hbtn:hover{background:var(--neutral-bg)}
.wd-me-hbtn i{font-size:11px}
.wd-me-json{font:12.5px/1.5 var(--wd-mono)}
.wd-me-j-row{display:flex;align-items:center;gap:6px;padding:3px 8px;padding-left:calc(8px + var(--d,0) * 18px);border-radius:6px;cursor:pointer;min-width:0;border:1px solid transparent}
.wd-me-j-row:hover{background:var(--neutral-bg)}
.wd-me-j-row.is-selected{background:var(--info-bg);border-color:var(--info-ink)}
.wd-me-j-caret{width:12px;flex:none;color:var(--faint);font-size:9px;display:inline-flex;justify-content:center}
.wd-me-j-key{color:var(--info-ink);font-weight:700;flex:none}
.wd-me-j-idx{color:var(--faint);font-weight:700;flex:none}
.wd-me-j-colon,.wd-me-j-brace{color:var(--faint);flex:none}
.wd-me-j-more{color:var(--faint);font-weight:800;letter-spacing:.15em;padding:0 8px 2px;padding-left:calc(8px + 12px + 6px + var(--d,0) * 18px);cursor:default;line-height:1}
.wd-me-j-close{color:var(--faint);padding:0 8px 2px;padding-left:calc(8px + 12px + 6px + var(--d,0) * 18px)}
.wd-me-j-loop{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:5px;background:var(--mint-soft);color:var(--mint-dark);font:700 11px var(--wd-mono);flex:none;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-me-j-loop i{font-size:9px;flex:none}
.wd-me-j-noloop{height:20px;padding:0 7px;border-radius:5px;border:1px dashed var(--border);color:var(--faint);font-size:11px;display:inline-flex;align-items:center;flex:none;font-family:inherit}
.wd-me-j-add{margin-left:auto;height:22px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--mint-dark);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:5px}
.wd-me-j-add:hover{background:var(--mint-soft)}
.wd-me-j-add i{font-size:11px}
.wd-me-j-remove{margin-left:auto;width:22px;height:22px;border:0;border-radius:5px;background:transparent;color:var(--danger-ink);cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center}
.wd-me-j-remove:hover{background:var(--danger-bg)}
.wd-me-j-remove i{font-size:12px}
.wd-me-j-toks{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0;flex:1}
.wd-me-j-empty{color:var(--faint);font-style:italic;font-family:inherit;font-size:12px}
.wd-me-json .wd-me-j-empty{font-family:Mulish,system-ui,sans-serif}
.wd-me-tok{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font:700 11px var(--wd-mono);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.wd-me-tok i{font-size:9px;margin-right:4px}
.wd-me-tok.is-path{background:var(--mint-soft);color:var(--mint-dark)}
.wd-me-tok.is-fn{background:var(--info-bg);color:var(--info-ink)}
.wd-me-tok.is-lookup{background:var(--warning-bg);color:var(--warning-ink)}
.wd-me-tok.is-lit{background:var(--neutral-bg);color:var(--text)}
.wd-me-tok-op{color:var(--faint);white-space:pre}
.wd-me-j-assign{height:22px;padding:0 7px;border:0;border-radius:5px;background:var(--mint);color:#fff;font-size:11px;font-weight:800;font-family:inherit;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:4px}
.wd-me-j-assign i{font-size:9px}
.wd-me-j-warn{color:var(--warning-ink);font-size:11px;flex:none}
.wd-me-j-preview{color:var(--faint);font-size:11.5px;flex:none;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
/* inspector */
.wd-me-insp-head{display:block}
.wd-me-insp-kicker{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.wd-me-insp-row{display:flex;align-items:center;gap:8px;margin-top:2px;min-width:0}
.wd-me-insp-path{flex:1;min-width:0;font:800 13px var(--wd-mono);color:var(--info-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-me-type{height:20px;padding:0 8px;border-radius:5px;background:var(--neutral-bg);color:var(--muted);font-size:11px;font-weight:700;display:inline-flex;align-items:center;flex:none}
.wd-me-insp-body{padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.wd-me-insp-body > [hidden]{display:none}
.wd-me-insp-body .wd-field{display:grid;gap:6px;min-width:0}
.wd-me-insp-body .wd-label{font-size:12.5px;font-weight:700;margin:0}
#me_insp_array,#me_insp_leaf{display:grid;gap:12px;min-width:0}
.wd-me-insp-empty{display:grid;gap:10px;justify-items:center;text-align:center;color:var(--muted);font-size:13px;padding:28px 10px;text-wrap:pretty}
.wd-me-insp-empty i{font-size:22px;color:var(--faint)}
.wd-me-lbl-row{display:flex;justify-content:space-between;align-items:center}
.wd-me-lbl-mono{font-size:11px;font-weight:700;color:var(--muted);font-family:var(--wd-mono)}
.wd-me-lbl-kicker{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--faint)}
.wd-me-code-input{width:100%;min-width:0;min-height:0;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--code);color:#e6f1f6;font:12.5px/1.6 var(--wd-mono);resize:vertical;box-sizing:border-box}
.wd-me-code-input:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}
.wd-me-code-input::placeholder{color:rgba(230,241,246,.35)}
.wd-me-help{font-size:12.5px;color:var(--muted)}
.wd-me-insert{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
.wd-me-insert-sel{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-width:0}
.wd-me-insert-sel:hover{background:var(--neutral-bg)}
.wd-me-insert-sel:disabled{opacity:.5;cursor:not-allowed}
.wd-me-insert-sel i{font-size:10px}
.wd-me-insert-sel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-me-docs{justify-self:end;font-size:12px;font-weight:700;color:var(--link);margin:4px 0 -2px}
.wd-me-docs:hover{text-decoration:underline}
.wd-me-insert-pick{position:relative;display:flex;min-width:0}
.wd-me-insert-pick select{width:100%;min-width:0;height:30px;padding:0 26px 0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}
.wd-me-insert-pick .wd-combo-btn{height:30px;padding:0 26px 0 10px;border-radius:8px;font-size:12.5px;font-weight:700}
.wd-me-insert-pick .wd-combo-btn .wd-combo-label{font-weight:700;color:var(--text)}
.wd-me-insert-pick .wd-combo-btn .is-placeholder{color:var(--text)}
.wd-me-insert-pick i{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);pointer-events:none}
.wd-me-fnhelp{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:flex-start}
.wd-me-fnhelp > i{margin-top:3px;color:var(--info-ink)}
.wd-me-fnhelp b{font-family:var(--wd-mono);color:var(--info-ink)}
.wd-me-fnhelp a{font-weight:700}
.wd-me-preview{border:1px solid var(--border2);border-radius:9px;background:var(--surface2);padding:10px 12px;display:grid;gap:4px;min-width:0}
.wd-me-preview-k{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.wd-me-preview-v{font:600 13px var(--wd-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wd-me-preview-s{font-size:11.5px;color:var(--muted)}
.wd-me-lookup{border:1px solid var(--border2);border-radius:9px;padding:10px 12px;display:flex;gap:10px;align-items:center}
.wd-me-lookup > i{color:var(--info-ink)}
.wd-me-lookup-text{flex:1;min-width:0;font-size:12.5px}
.wd-me-lookup-name{font-weight:700}
.wd-me-lookup-meta{color:var(--muted)}
.wd-me-lookup a{font-size:12.5px;font-weight:700;white-space:nowrap}
.wd-me-insp-actions{display:flex;justify-content:space-between;gap:8px}
.wd-me-insp-actions .wd-btn{height:32px;font-size:12.5px}
#me_save.is-dirty{box-shadow:0 0 0 3px var(--mint-soft)}
.wd-me-autosave{margin-right:4px}
.wd-me-autosave .wd-state-pill{font-size:11.5px}
.wd-me-j-row.is-leaf,.wd-me-j-row.is-array{user-select:none}
/* replace target structure modal */
.wd-me-schema-modal .wd-modal-head{padding:16px 18px;gap:12px}
.wd-me-schema-modal .wd-modal-head > i{width:32px;height:32px;border-radius:9px;background:var(--mint-soft);color:var(--mint-dark);display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.wd-me-schema-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-me-schema-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-me-schema-modal .wd-modal-body{padding:18px;gap:14px;grid-template-columns:minmax(0,1fr);min-width:0}
.wd-me-schema-input{height:260px;min-height:120px;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.55;tab-size:2}
.wd-me-schema-wrap{position:relative;min-width:0}
.wd-me-schema-wrap .wd-me-schema-input{display:block;width:100%}
.wd-me-schema-empty{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;pointer-events:none;padding:24px}
.wd-me-schema-empty-t{font-size:14px;font-weight:700;color:rgba(230,241,246,.55)}
.wd-me-schema-empty-s{font-size:12.5px;color:rgba(230,241,246,.4)}
.wd-me-schema-upload{pointer-events:auto;border:0;background:transparent;padding:0;font:inherit;font-weight:800;color:var(--mint);cursor:pointer}
.wd-me-schema-upload:hover{text-decoration:underline}
.wd-me-schema-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wd-me-schema-btns{display:flex;gap:8px;flex-wrap:wrap}
.wd-me-schema-stat{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);min-width:0}
.wd-me-schema-stat.is-ok{color:var(--success-ink)}
.wd-me-schema-stat.is-bad{color:var(--danger-ink)}
.wd-me-schema-modal .wd-modal-foot{justify-content:space-between;padding:12px 18px}
.wd-me-schema-keep{font-size:13.5px;font-weight:500;color:var(--text)}
.wd-me-schema-keep-label{margin-left:2px}
/* output off-canvas */
.wd-mo .wd-offcanvas-body{padding:14px 0 0;gap:0;display:flex;flex-direction:column;align-items:stretch}
.wd-mo .wd-offcanvas-body > *{flex:none}
.wd-mo-top{display:grid;gap:0}
.wd-mo-banner{margin:0 18px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13.5px;font-weight:700}
.wd-mo-banner span:first-of-type{flex:1;min-width:0}
.wd-mo-live{font-size:12px;opacity:.8;font-weight:600}
.wd-mo-banner.is-ok{background:var(--success-bg);color:var(--success-ink)}
.wd-mo-banner.is-warn{background:var(--warning-bg);color:var(--warning-ink)}
.wd-mo-banner.is-bad{background:var(--danger-bg);color:var(--danger-ink)}
.wd-mo-banner.is-wait{background:var(--neutral-bg);color:var(--muted)}
.wd-mo-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;flex-wrap:wrap;justify-content:space-between}
.wd-mo-sample{display:flex;align-items:center;min-width:0;flex:1 1 180px;max-width:320px}
.wd-mo-sample .wd-select{height:30px;padding:0 8px;border-radius:7px;font-size:12.5px;font-weight:700}
.wd-mo-tools{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:9px;padding:2px;background:var(--surface)}
.wd-mo-tool{width:30px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.wd-mo-tool:hover{background:var(--neutral-bg)}
.wd-mo-sep{width:1px;height:18px;background:var(--border);margin:0 4px}
.wd-mo-tabs{display:inline-flex;gap:2px}
.wd-mo-tab{height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.wd-mo-tab.is-active{background:var(--navy);color:#fff}
.wd-mo-code{margin:0 18px;border-radius:9px;background:var(--code);padding:12px 0;overflow:auto;max-height:60vh;font:12.5px/1.6 var(--wd-mono);color:#e6f1f6}
.wd-mo-line{display:flex;gap:12px;padding:0 14px}
.wd-mo-ln{width:26px;text-align:right;color:rgba(207,227,236,.35);user-select:none;flex:none}
.wd-mo-src{white-space:pre}
.wd-mo-src .k{color:#8dd3ef}.wd-mo-src .s{color:#a9e6c3}.wd-mo-src .n{color:#ffcf8a}.wd-mo-src .b{color:#f2a5a2}
.wd-mo-empty{padding:16px 18px;color:rgba(207,227,236,.6);font-size:13px;line-height:1.5;font-family:Mulish,system-ui,sans-serif;text-wrap:pretty}
.wd-mo-issues{margin:12px 0 0;border-top:1px solid var(--border);background:var(--surface2);padding-bottom:12px}
.wd-mo-issues-title{padding:10px 18px 4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wd-mo-issue{width:100%;display:flex;gap:10px;align-items:flex-start;padding:8px 18px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left;font:inherit;font-size:13px}
.wd-mo-issue:hover{background:var(--neutral-bg)}
.wd-mo-issue-dot{width:8px;height:8px;border-radius:50%;background:var(--warning-ink);margin-top:6px;flex:none}
.wd-mo-issue-dot.is-danger{background:var(--danger-ink)}
.wd-mo-issue-text{flex:1;min-width:0}
.wd-mo-issue-text b{font-family:var(--wd-mono);font-weight:700}
.wd-mo-issue-fix{font-size:12px;color:var(--faint);white-space:nowrap}
.wd-ps-file{display:inline-flex;align-items:center;gap:10px;font-family:var(--wd-mono);font-weight:700;font-size:13px}
.wd-ps-file i{color:var(--muted);font-size:14px}
.wd-ps-actions{display:inline-flex;gap:6px;justify-content:flex-end}
.wd-ps-delete:hover{background:var(--danger-bg);border-color:transparent;color:var(--danger-ink) !important}
.wd-samples-table td:first-child,.wd-samples-table th:first-child{padding-left:24px}
.wd-samples-table td:last-child,.wd-samples-table th:last-child{padding-right:18px}
.wd-samples-table tbody tr[data-sample]{cursor:pointer}
/* upload sample modal */
.wd-ps-modal .wd-modal-dialog{width:min(820px,92vw)}
.wd-ps-modal .wd-modal-head{padding:16px 18px}
.wd-ps-modal .wd-modal-title{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-ps-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400}
.wd-ps-modal .wd-modal-body{padding:20px;gap:14px;grid-template-columns:minmax(0,1fr);min-width:0}
.wd-ps-modal .wd-modal-foot .wd-foot-left{font-size:13px}
.wd-ps-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.wd-ps-seg{display:inline-flex;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--surface2);gap:2px}
.wd-ps-seg-btn{height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.wd-ps-seg-btn.is-active{background:var(--surface);color:var(--mint-dark);box-shadow:var(--shadow)}
.wd-ps-paste{position:relative;border-radius:12px;background:var(--code);min-height:300px}
.wd-ps-paste.is-over{outline:2px solid var(--mint)}
.wd-ps-raw{display:block;width:100%;min-height:300px;height:300px;resize:vertical;border:0;border-radius:12px;background:transparent;color:#e6f1f6;font-family:var(--wd-mono);font-size:12.5px;line-height:1.6;padding:14px 16px;box-sizing:border-box;outline:none}
.wd-ps-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;color:#b8c7cf;font-size:16px;font-weight:700;text-align:center;padding:0 24px}
.wd-ps-placeholder-sub{font-size:13px;font-weight:600;color:#7f94a0}
.wd-ps-upload-link{pointer-events:auto;border:0;background:transparent;padding:0;font:inherit;color:var(--mint);cursor:pointer}
.wd-ps-upload-link:hover{text-decoration:underline}
.wd-ps-view{position:relative;min-width:0;max-width:100%;overflow:hidden;border-radius:12px}
.wd-ps-code{width:100%;max-width:100%;box-sizing:border-box;height:300px;padding:14px 16px 14px 8px;border-radius:12px;font-size:12.5px;line-height:1.95;color:#e6f1f6}
.wd-ps-code .wd-ln{width:3.4em;text-align:right;padding-right:1.4em;box-sizing:border-box;color:rgba(230,241,246,.4)}
.wd-ps-code .wd-sep{color:#e6f1f6;opacity:.35}
.wd-ps-copy{position:absolute;top:12px;right:12px;z-index:1;height:34px;padding:0 14px;border-radius:9px;border:1px solid rgba(255,255,255,.22);background:rgba(15,42,56,.92);color:#fff;font:inherit;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.wd-ps-copy:hover{background:rgba(255,255,255,.14)}
.wd-ps-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wd-ps-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wd-ps-status{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.wd-ps-status.is-ok{color:var(--success-ink)}
.wd-ps-status.is-bad{color:var(--danger-ink)}
@media (max-width:759px){.wd-ps-top{grid-template-columns:minmax(0,1fr)}}
/* connection test modal */
.wd-ct-modal .wd-modal-body{gap:14px}
.wd-ct-summary{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--border)}
.wd-ct-summary.is-ok{background:var(--success-bg);border-color:var(--success-ink);color:var(--success-ink)}
.wd-ct-summary.is-fail{background:var(--danger-bg);border-color:var(--danger-ink);color:var(--danger-ink)}
.wd-ct-summary-ico{font-size:22px;flex:none}
.wd-ct-summary b{font-size:14px;font-weight:800;color:inherit}
.wd-ct-summary-sub{font-size:12.5px;color:var(--text);margin-top:2px}
.wd-ct-steps{display:grid;gap:6px}
.wd-ct-step{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border2);border-radius:10px;background:var(--surface2)}
.wd-ct-step > i{font-size:16px;margin-top:2px;flex:none;color:var(--faint)}
.wd-ct-step.is-ok > i{color:var(--success-ink)}
.wd-ct-step.is-fail > i{color:var(--danger-ink)}
.wd-ct-step.is-fail{border-color:var(--danger-ink);background:var(--danger-bg)}
.wd-ct-step.is-run > i{color:var(--mint-dark)}
.wd-ct-step-text{display:grid;gap:2px;min-width:0}
.wd-ct-step-label{font-weight:700;font-size:13.5px}
.wd-ct-step-detail{font-size:12px;color:var(--muted);font-family:var(--wd-mono);word-break:break-word}
.wd-ct-warn{font-size:12.5px;color:var(--warning-ink);background:var(--warning-bg);border-radius:10px;padding:8px 12px}
.wd-ct-note{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)}
/* shared rules modal: partner mode */
.wd-arm-override{margin-bottom:4px}
.wd-arm-body[data-inherit]{opacity:.55;pointer-events:none}
.wd-arm-notifs.is-readonly{opacity:.7}
.wd-arm-notifs.is-readonly .wd-input{background:var(--surface2)}

/* Stepper / lifecycle */
.wd-steps{display:flex;gap:8px;align-items:stretch}
.wd-step{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;min-width:0;font:inherit;text-decoration:none !important}
.wd-step.is-current{border-color:var(--mint);background:var(--mint-soft)}
.wd-step .wd-step-label{font-weight:700;font-size:13px}
.wd-step .wd-step-when{font-size:12px;color:var(--muted)}
.wd-step-arrow{align-self:center;color:var(--faint);font-size:11px}
@media (max-width:899px){.wd-steps{flex-wrap:wrap}.wd-step{flex:1 1 40%}}

/* Segmented (small toggle group, e.g. view tabs inside a toolbar) */
.wd-seg{display:inline-flex;gap:2px}
.wd-seg .wd-seg-btn{height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit}
.wd-seg .wd-seg-btn.is-active{background:var(--neutral-bg);font-weight:800}

/* Timeline (delivery details) */
.wd-tl-skel{display:grid;gap:18px;padding:4px 0 8px}
.wd-tl-skel-row{display:grid;grid-template-columns:22px minmax(0,1fr) 70px;gap:12px;align-items:center}
.wd-tl-skel .wd-skel-dot{width:22px;height:22px;border-radius:50%}
.wd-tl-skel .wd-skel-line{height:14px;max-width:260px}
.wd-tl-skel .wd-skel-when{height:12px}
.wd-tl-pending{color:var(--faint);font-style:italic}
.wd-timeline{display:grid;gap:0}
.wd-tl-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px}
.wd-tl-rail{display:flex;flex-direction:column;align-items:center;position:relative}
/* delivery details: the steps scroll inside the card (66vh at most) under the fixed "Timeline" header */
#dd_timeline .wd-timeline{max-height:66vh;overflow-y:auto;overscroll-behavior:contain;padding:0 14px 0 10px;margin:0 -14px 0 -10px;scrollbar-width:thin}   /* the gutters: the current step's border hangs 9px left of the rail and 11px right of the dates */
.wd-tl-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex:none;background:var(--success-bg);color:var(--success-ink)}
.wd-tl-dot.is-fail{background:var(--danger-bg);color:var(--danger-ink)}
.wd-tl-dot.is-wait{background:var(--warning-bg);color:var(--warning-ink)}
.wd-tl-line{flex:1;width:2px;background:var(--border);margin:4px 0}
.wd-tl-body{padding-bottom:14px;min-width:0}
.wd-tl-item:last-child .wd-tl-body{padding-bottom:0}
/* the step that is the delivery on screen: a mint border around the whole step, its status dot included (no fill); the negative
   margins keep the dot and the title where the other steps have theirs */
.wd-tl-item.is-here{border:1px solid var(--mint);border-radius:10px;padding:7px 10px 7px 8px;margin:-8px -11px 6px -9px}
.wd-tl-item.is-here .wd-tl-body{padding-bottom:0}
.wd-tl-item.is-here:first-child{margin-top:0}
.wd-tl-item.is-here:last-child{margin-bottom:0}
.wd-tl-head{width:100%;text-align:left;border:0;background:transparent;padding:0;color:var(--text);cursor:pointer;font:inherit;display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:22px}
.wd-tl-head:disabled{cursor:default}
.wd-tl-title{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.wd-tl-title .wd-chip{min-width:0;padding:2px 8px;font-size:11.5px}
.wd-tl-app{width:22px;height:22px;object-fit:contain;border-radius:6px}
.wd-tl-right{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums}
.wd-tl-when{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.wd-tl-date{font-size:11px;font-weight:700;color:var(--muted)}
.wd-tl-chev{font-size:10px;transition:transform .15s}
.wd-tl-item.is-open .wd-tl-chev{transform:rotate(180deg)}
.wd-tl-sub{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:66%}
.wd-tl-panel{margin-top:8px;padding:10px 12px;border-radius:9px;background:var(--surface2);border:1px solid var(--border2);display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;max-width:100%;overflow:hidden;animation:wpop .15s ease-out}
.wd-tl-panel > *{min-width:0}
.wd-tl-kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;min-width:0}
.wd-tl-k{color:var(--muted);flex:none}
.wd-tl-v{flex:1;min-width:0;font-weight:600;font-family:var(--wd-mono);font-size:12px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-tl-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}
.wd-tl-link{font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.wd-tl-link i,.wd-tl-link svg{font-size:10px}
.wd-tl-json{margin-left:auto;height:24px;padding:0 8px;color:var(--muted) !important;font:700 11.5px var(--wd-mono);gap:5px;border-radius:6px}
.wd-tl-json i,.wd-tl-json svg{font-size:10px}
.wd-tl-raw{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:2px;min-width:0}
.wd-tl-tabs{display:inline-flex;gap:6px;margin-top:4px}
.wd-tl-tab{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-family:inherit}
.wd-tl-tab i,.wd-tl-tab svg{font-size:10px}
.wd-tl-tab.is-active{border-color:var(--mint);background:var(--mint-soft)}
.wd-tl-code{position:relative;min-width:0;max-width:100%}
.wd-tl-code .wd-code{padding:10px 12px;border-radius:8px;color:#cfe3ec;font-size:11.5px;line-height:1.6;max-height:220px;white-space:pre;overflow:auto;margin:0;width:100%;max-width:100%;box-sizing:border-box}
.wd-tl-copy{position:absolute;top:8px;right:8px;height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.18) !important;background:rgba(255,255,255,.08) !important;color:#cfe3ec !important;font:700 11.5px var(--wd-mono);gap:5px;border-radius:6px}
.wd-tl-copy i,.wd-tl-copy svg{font-size:11px}
.wd-tl-pre{margin-top:6px;max-height:260px;font-size:11.5px;white-space:pre-wrap;word-break:break-word}

/* Hero (navy) */
.wd-hero{background:var(--navy);color:#fff;border-radius:14px;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;position:relative;overflow:hidden}
.wd-hero::before{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(58,176,116,.5),rgba(58,176,116,0) 70%)}
.wd-hero > *{position:relative}
.wd-hero .wd-kicker{color:#3ab074}
.wd-hero .wd-hero-title{font-size:22px;font-weight:800;margin-top:4px}
.wd-hero .wd-hero-body{font-size:13px;opacity:.8;margin-top:4px}

/* --------------------------------------------------------------------------
   6. Login / signup (split layout)
   -------------------------------------------------------------------------- */
.wd-login{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--bg)}
.wd-login-form{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(24px,8vw,120px);position:relative}
.wd-login-logo{height:56px;width:auto;align-self:flex-start;margin-bottom:40px}
.wd-login h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;color:var(--text)}
.wd-login .wd-login-sub{margin:0 0 28px;color:var(--muted)}
.wd-login-providers{display:grid;gap:10px;max-width:400px}
.wd-login-provider{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border:1px solid var(--border);background:var(--surface);color:var(--text) !important;border-radius:10px;font-weight:600;cursor:pointer;font-family:inherit;font-size:14px;text-decoration:none !important;text-align:left;width:100%}
.wd-login-provider:hover{background:var(--surface2)}
.wd-login-provider svg, .wd-login-provider i, .wd-login-provider svg{flex:none;width:18px;text-align:center}
.wd-login-provider i, .wd-login-provider svg{color:var(--mint);font-size:17px}
.wd-login-or{display:flex;align-items:center;gap:12px;max-width:400px;margin:24px 0;color:var(--faint);font-size:12px;font-weight:700;letter-spacing:.08em}
.wd-login-or::before,.wd-login-or::after{content:"";flex:1;height:1px;background:var(--border)}
.wd-login-fields{max-width:400px;display:grid;gap:6px}
.wd-login-fields .wd-label{font-size:13px}
.wd-login-actions{display:flex;align-items:center;justify-content:space-between;max-width:400px;margin-top:14px;gap:12px;flex-wrap:wrap}
.wd-login-actions a{font-size:13px;font-weight:600}
.wd-login-foot{margin:32px 0 0;font-size:13px;color:var(--muted);max-width:400px}
.wd-login-foot a{font-weight:700}
.wd-login-legal{margin-top:18px;font-size:12px;color:var(--faint);max-width:400px}
.wd-login-legal a{color:var(--muted);font-weight:600}
.wd-login-msg{color:var(--danger-ink);font-size:13px;font-weight:600;margin:8px 0}
.wd-login-msg .red{color:inherit;background:none;margin:0 !important;display:block}
.wd-login-msg:empty{display:none}
.wd-login-lang{position:absolute;top:20px;right:20px}
.wd-login-panel{background:linear-gradient(160deg,rgb(11,58,79) 0%,rgb(11,58,79) 55%,rgb(17,78,88) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:48px clamp(24px,6vw,96px);position:relative;overflow:hidden}
.wd-login-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3ab074;margin-bottom:16px}
.wd-login-headline{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.15;max-width:520px;text-wrap:pretty}
.wd-login-logos{margin-top:36px;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;position:relative}
/* Every logo is exactly 24px tall and as wide as its aspect ratio needs; tiles never shrink or wrap. The row may
   run past the panel's padding; only the panel's own overflow:hidden (its border box = the viewport edge) cuts it. */
.wd-login-logos > div{background:#fff;border-radius:10px;padding:8px 12px;display:flex;align-items:center;flex:0 0 auto}
.wd-login-logos img{display:block;height:24px;width:auto;max-width:none}
.wd-login-panel-foot{margin-top:36px;font-size:13px;color:rgba(255,255,255,.65)}
.wd-otp{display:flex;justify-content:space-between;gap:8px;max-width:400px}
.wd-otp .wd-otp-digit{width:52px;height:52px;font-size:20px;padding:0;text-align:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;outline:none}
.wd-otp .wd-otp-digit:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}
.wd-login-terms{margin:14px 0 0;font-size:12.5px;color:var(--muted);max-width:400px;text-wrap:pretty}
.wd-login-terms a{font-weight:600}
.wd-login-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:400px}
.wd-login-optional{font-weight:500;color:var(--faint)}
.wd-login-hint{font-size:12.5px;color:var(--muted);margin-top:6px;max-width:400px;text-wrap:pretty}
.wd-login-mail{display:flex;gap:16px;max-width:400px;margin-top:4px;font-size:13px}
.wd-login-mail a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.wd-pp{position:relative;max-width:400px}
.wd-pp-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35);max-height:280px;overflow:auto;display:none;padding:6px}
.wd-pp-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:600}
.wd-pp-item:hover,.wd-pp-item.is-active{background:var(--neutral-bg)}
.wd-pp-item img,.wd-pp-item .is-ph{width:32px;height:32px;object-fit:contain;border-radius:7px;background:#fff;border:1px solid var(--border);padding:3px;flex:none}
.wd-pp-item .is-ph{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--muted);background:var(--neutral-bg);border:0}
.wd-pp-chosen{display:none;align-items:center;gap:12px;margin-top:10px;font-size:14px;font-weight:700}
.wd-pp-chosen .wd-pp-logo{width:44px;height:44px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid var(--border);padding:4px;flex:none}
.wd-pp-chosen .wd-pp-logo.is-ph{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--muted);background:var(--neutral-bg);border:0}
.wd-pp-chosen a{margin-left:auto;font-size:12.5px;color:var(--danger-ink);font-weight:600}
.wd-login-links{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:400px;margin-top:16px;font-size:13px;flex-wrap:wrap}
.wd-login-links a{font-weight:600}
@media (max-width:899px){
	.wd-login{grid-template-columns:minmax(0,1fr)}
	.wd-login-form{padding:32px 20px 40px;justify-content:flex-start;min-height:0}
	.wd-login-logo{height:44px;margin-bottom:28px}
	.wd-login h1{font-size:24px}
	.wd-login-panel{padding:32px 20px 40px;justify-content:flex-start}
	.wd-login-headline{font-size:24px}
	.wd-login-logos{margin-top:24px}
	.wd-login-logos{gap:6px}
	.wd-login-logos > div{padding:6px 10px}
	.wd-login-logos img{height:20px}
	.wd-login-panel-foot{margin-top:24px}
	.wd-login-lang{top:14px;right:14px}
	.wd-otp{gap:6px}
	.wd-otp .wd-otp-digit{width:46px;height:48px}
}

/* --------------------------------------------------------------------------
   7. Compatibility — legacy (not yet migrated) pages inside the new shell
   -------------------------------------------------------------------------- */
.wd-main > .main_content,.wd-main > #main_content{padding-top:0 !important;padding-left:0 !important;font-size:1rem;line-height:1.6}
.wd-main > .main_content.vh-100,.wd-main > #main_content.vh-100{height:calc(100dvh - var(--wd-topbar-h)) !important}
.wd-main > .main_content > .container-fluid{padding-top:14px}
/* the old full-page loading GIF (header.php): the redesign uses skeletons, never a blocking overlay */
.loading_full_page{display:none !important}
/* first load of a list shows its skeleton rows only; the spinner overlay is for later reloads */
.wd-list-wrap.is-first .loading_overlay{display:none !important}
/* dropdowns from the old header that other scripts might still target */
#slide-out,.top_navbar{display:none !important}

/* --------------------------------------------------------------------------
   8. Print
   -------------------------------------------------------------------------- */
/* ---------- Account & billing (/account) ---------- */
.wd-ac-head{margin-bottom:16px}
.wd-ac-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}
.wd-ac-nav{padding:8px;display:grid;gap:2px}
.wd-ac-navlink{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:9px;background:transparent;color:var(--text) !important;font-weight:600;font-size:13.5px;text-decoration:none !important;text-align:left;transition:background .12s}
.wd-ac-navlink i{width:16px;text-align:center;font-size:12px}
.wd-ac-navlink:hover{background:var(--neutral-bg)}
.wd-ac-navlink.is-active{background:var(--mint-soft);font-weight:800}
.wd-ac-main{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.wd-ac-card{padding:18px}
.wd-ac-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.wd-ac-card-title{margin:0 0 12px}
.wd-ac-card-title.is-tight{margin-bottom:4px}
.wd-ac-card-body{color:var(--muted);font-size:13px;margin-bottom:14px}
.wd-ac-muted{color:var(--muted);font-size:13px}
.wd-ac-h3{font-size:14px;font-weight:800;margin:0}
.wd-ac-actions{display:flex;justify-content:flex-end;gap:8px}
.wd-ac-btnrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wd-ac-link{border:0;background:transparent;padding:0;color:var(--mint-dark);font:inherit;font-weight:700;cursor:pointer}
.wd-ac-link:hover{text-decoration:underline}
/* subscription */
.wd-ac-failed{align-items:flex-start;flex-wrap:wrap}
.wd-ac-failed > i{margin-top:2px}
.wd-ac-failed-link{font-weight:700;color:inherit !important;text-decoration:underline}
.wd-ac-hero{background:linear-gradient(160deg,rgb(11,58,79) 0%,rgb(11,58,79) 55%,rgb(17,78,88) 100%);color:#fff;border-radius:14px;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;position:relative;overflow:hidden}
.wd-ac-hero-text{position:relative;min-width:0}
.wd-ac-hero-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3ab074}
.wd-ac-hero-title{font-size:22px;font-weight:800;margin-top:4px}
.wd-ac-hero-body{font-size:13px;opacity:.8;margin-top:4px}
.wd-ac-hero-btn{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 18px;border:0;border-radius:10px;background:var(--mint);color:#fff !important;font-weight:800;font-size:14px;cursor:pointer;text-decoration:none !important;flex:none}
.wd-ac-hero-btn:hover{filter:brightness(1.05)}
.wd-ac-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.wd-ac-plan{padding:18px}
.wd-ac-plan.is-current{border-color:var(--mint)}
.wd-ac-plan-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wd-ac-plan-name{font-weight:800;font-size:16px}
.wd-ac-plan-badge{font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--mint);color:#fff;white-space:nowrap}
.wd-ac-plan-price{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:8px 0 2px}
.wd-ac-plan-price span{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}
.wd-ac-plan-sub{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.wd-ac-plan-feats{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px}
.wd-ac-plan-feats li{display:flex;gap:8px}
.wd-ac-plan-feats i{color:var(--mint-dark);margin-top:3px;flex:none}
.wd-ac-pricing{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:var(--mint-dark) !important;width:max-content;text-decoration:none !important}
.wd-ac-pricing i{font-size:12px}
.wd-ac-pricing:hover{text-decoration:underline !important}
.wd-ac-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.wd-ac-pay{display:flex;align-items:center;gap:12px;min-width:0}
.wd-ac-cc-tile{width:44px;height:30px;border-radius:6px;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.06em;flex:none}
.wd-ac-cc-tile.is-empty{background:var(--neutral-bg);color:var(--muted);font-size:13px}
.wd-ac-pay-num{font-weight:700}
.wd-ac-pay-exp{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.wd-ac-rows{display:grid;gap:8px;font-size:13px}
.wd-ac-row{display:flex;justify-content:space-between;gap:10px}
.wd-ac-row > span:first-child{color:var(--muted)}
.wd-ac-row > span:last-child{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.wd-ac-renew{margin-top:12px;font-size:12.5px;color:var(--muted)}
/* company */
.wd-ac-subtabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin:-4px 0 0;overflow-x:auto;scrollbar-width:none}
.wd-ac-subtab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--muted) !important;font:inherit;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-decoration:none !important}
.wd-ac-subtab i{font-size:12px}
.wd-ac-subtab:hover{color:var(--text) !important}
.wd-ac-subtab.is-active{border-bottom-color:var(--mint);color:var(--text) !important}
.wd-ac-subtab-count{font-size:11px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--neutral-bg);color:var(--muted)}
.wd-ac-co{display:grid;gap:18px}
.wd-ac-co-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.wd-ac-co-col{display:grid;gap:12px;min-width:0}
.wd-ac-co-colhead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wd-ac-co-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transition:opacity .15s}
.wd-ac-co-grid .is-full{grid-column:1 / -1}
.wd-ac-co-grid.is-dim{opacity:.55}
.wd-ac-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--muted);position:relative;user-select:none}
.wd-ac-check-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);background:var(--surface);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .12s,border-color .12s}
.wd-ac-check-box i{font-size:11px;display:none}
.wd-ac-check.is-on .wd-ac-check-box{border-color:var(--mint);background:var(--mint)}
.wd-ac-check.is-on .wd-ac-check-box i{display:inline}
.wd-ac-co-tax{border-top:1px solid var(--border2);padding-top:16px;display:grid;gap:12px}
.wd-ac-co-taxgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.wd-ac-kv-wide .wd-kv-k{min-width:130px}
.wd-ac-shipbody{color:var(--muted);font-size:13px;margin:-4px 0 0}
.wd-ac-ships{display:grid;gap:10px}
.wd-ac-ship{padding:16px 18px}
.wd-ac-ship.is-main{border-color:var(--mint)}
.wd-ac-ship-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.wd-ac-ship-main{flex:1;min-width:0}
.wd-ac-ship-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wd-ac-ship-name{font-weight:800;font-size:15px}
.wd-ac-mainbadge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:var(--mint-soft);color:var(--mint-dark);font-size:11.5px;font-weight:800}
.wd-ac-mainbadge i{font-size:9px}
.wd-ac-ship-line{font-size:13px;color:var(--text);margin-top:4px}
.wd-ac-ship-meta{font-size:12.5px;color:var(--muted);margin-top:2px}
.wd-ac-ship-btns{display:flex;align-items:center;gap:4px;flex:none}
.wd-ac-linkbtn{height:30px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.wd-ac-linkbtn:hover{background:var(--neutral-bg)}
.wd-ac-linkbtn.is-info{color:var(--info-ink)}
.wd-ac-linkbtn.is-danger{color:var(--danger-ink)}
.wd-ac-ship-actions{margin-top:14px}
.wd-ac-ship-add{width:100%;justify-content:center;height:42px}
/* account › company: standard tax rates (the 810's invoice / line taxes) */
.wd-ac-taxrates{display:grid;gap:8px;margin-top:12px}
.wd-ac-taxrate{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.wd-ac-taxrate.is-default{border-color:var(--mint)}
.wd-ac-taxrate-name{font-weight:800;font-size:14px}
.wd-ac-taxrate-rate{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}
.wd-ac-taxrate-btns{display:flex;align-items:center;gap:4px;margin-left:auto}
.wd-ac-taxrate-form{padding:12px 14px;border:1px dashed var(--border);border-radius:10px;background:var(--surface2)}
.wd-ac-taxrate-form .wd-ac-co-grid{margin-bottom:10px}
.wd-ac-taxrate-pct{display:flex;align-items:center;gap:6px}
.wd-ac-taxrate-pct .wd-input{max-width:120px;text-align:right}
.wd-ac-taxrate-default{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}
.wd-ac-taxrate-add{justify-self:start}
/* a rate's regions: on the row, quiet codes; in the form, chips with a cross + the searchable picker */
.wd-ac-taxrate-where{font-family:var(--wd-mono);font-size:11.5px;color:var(--faint);letter-spacing:.02em}
.wd-ac-taxrate-regions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wd-ac-taxrate-regions .tr_regions{display:inline-flex;gap:6px;flex-wrap:wrap}
.wd-ac-taxrate-regions .wd-select,.wd-ac-taxrate-regions .wd-combo-btn{width:auto;min-width:170px}
.wd-ac-regionchip{gap:4px;min-width:0}
.wd-ac-regionchip button{background:none;border:0;padding:0 1px;color:inherit;opacity:.55;cursor:pointer;font-size:10px;line-height:1}
.wd-ac-regionchip button:hover{opacity:1}
/* users */
.wd-ac-user{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--border2)}
.wd-ac-user-av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.wd-ac-user .wd-avatar-initials{background:var(--navy);font-size:12px}
.wd-ac-user-main{flex:1;min-width:0}
.wd-ac-user-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:700}
.wd-ac-user-mail{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-ac-user-tag{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border-radius:999px;background:var(--mint-soft);color:var(--mint-dark);font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.wd-ac-user-tag i{font-size:8px}
.wd-ac-user-tag.is-info{background:var(--info-bg);color:var(--info-ink)}
.wd-ac-user-tag.is-warn{background:var(--warning-bg);color:var(--warning-ink)}
.wd-ac-role{width:auto;flex:none}
.wd-ac-user-last{font-size:12.5px;color:var(--muted);min-width:90px;text-align:right;flex:none}
.wd-ac-user-spacer{width:30px;flex:none}
.wd-ac-users .wd-card-foot{background:transparent}
/* API & connection */
.wd-ac-as2-title span{font-weight:600;color:var(--muted);font-size:13px}
.wd-ac-as2-title{margin-bottom:10px}
.wd-ac-cert{margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;display:grid;gap:6px}
.wd-ac-cert-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.wd-ac-cert-title{font-weight:800;font-size:13.5px}
.wd-ac-cert-label{font-size:12px;color:var(--muted)}
.wd-ac-cert-fp{display:flex;align-items:center;gap:8px;min-width:0}
.wd-ac-cert-fp > span{flex:1;font:600 12px var(--wd-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wd-ac-cert-actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
/* billing history */
.wd-ac-bill{min-width:0;overflow:hidden}
.wd-ac-bill-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border2);flex-wrap:wrap}
.wd-ac-bill-sub{font-size:12.5px;color:var(--muted);margin-top:2px}
.wd-ac-bill-tools{display:flex;align-items:center;gap:8px;flex:1;min-width:0;justify-content:flex-end}
.wd-ac-bill-search{position:relative;display:flex;min-width:120px;flex:0 1 260px}
.wd-ac-bill-search i{position:absolute;left:11px;top:11px;font-size:12px;color:var(--muted);pointer-events:none}
.wd-ac-bill-search .wd-input{height:34px;padding:0 12px 0 32px;font-size:13px}
.wd-ac-bill-wrap{overflow-x:auto}
.wd-ac-bill.is-menu-open,.wd-ac-bill.is-menu-open .wd-ac-bill-wrap{overflow:visible}
.wd-ac-bill-no{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.wd-ac-bill-table th{padding:10px 18px;font-size:11px;border-bottom:0}
.wd-ac-bill-table td{padding:11px 18px;white-space:nowrap}
.wd-ac-bill-table .is-left{text-align:left}
.wd-ac-bill-type{display:inline-flex;align-items:center;gap:8px}
.wd-ac-bill-type i{color:var(--muted);width:16px;text-align:center}
.wd-ac-bill-no{font:600 13px var(--wd-mono)}
.wd-ac-bill-period{color:var(--muted)}
.wd-ac-bill-amount{font-weight:700}
.wd-ac-bill-nomatch{padding:28px 18px;text-align:center;color:var(--muted);font-size:13.5px;font-weight:600}
.wd-ac-bx-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wd-ac-bx-chips{display:flex;gap:6px;flex-wrap:wrap}
.wd-ac-bx-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.wd-ac-bx-chip.is-on{border-color:var(--mint);background:var(--mint-soft);color:var(--text)}
.wd-ac-bx-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wd-ac-bx-format{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.wd-ac-bx-format.is-on{border-color:var(--mint);background:var(--mint-soft)}
.wd-ac-bx-format > i{font-size:16px}
.wd-ac-bx-format > span{display:grid}
.wd-ac-bx-fname{font-weight:800}
.wd-ac-bx-fsub{font-size:11.5px;font-weight:600;color:var(--muted)}
.wd-ac-bx-count{font-size:12.5px;color:var(--muted)}
/* profile */
.wd-ac-prof-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.wd-ac-photo-wrap{flex:none}
.wd-ac-photo-tile{display:inline-flex;width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;border:1px solid transparent;transition:border-color .12s}
.wd-ac-photo-wrap:hover .wd-ac-photo-tile{border-color:var(--mint)}
.wd-ac-photo-tile img{width:100%;height:100%;object-fit:cover;display:block}
.wd-ac-avatar{background:var(--navy);font-size:18px}
.wd-lg-canvas-wrap.is-round{border-radius:50%}
.wd-lg-previews .wd-partner-logo.is-round{border-radius:50%;overflow:hidden}
.wd-ac-prof-name{font-weight:800;font-size:16px}
.wd-ac-prof-role{font-size:12.5px;color:var(--muted)}
.wd-ac-prof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.wd-ac-prof-grid + .wd-ac-actions{margin-top:16px}
.wd-ac-pk-list{display:grid;gap:8px;margin-bottom:12px}
.wd-ac-pk{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border2);border-radius:10px}
.wd-ac-pk > i{color:var(--mint-dark)}
.wd-ac-pk-main{flex:1;min-width:0}
.wd-ac-pk-name{font-weight:700;font-size:13.5px}
.wd-ac-pk-when{font-size:12.5px;color:var(--muted)}
/* approve-request modal body */
.wd-ac-approve{display:flex;align-items:flex-start;gap:12px}
.wd-ac-approve > i{font-size:22px;margin-top:2px}
.wd-ac-approve > i.is-ok{color:var(--success-ink)}
.wd-ac-approve > i.is-bad{color:var(--danger-ink)}
.wd-ac-approve-title{font-weight:700}
.wd-ac-approve-body{color:var(--muted);font-size:13px;margin:2px 0 8px}
.wd-ac-approve-kv{font-size:13px}
.wd-ac-approve-kv span{font-weight:700}
.wd-ac-approve-list{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--muted)}
/* payment methods modal */
.wd-ac-pm-title{flex:1;font-weight:800}
.wd-ac-pm-body{padding:16px 18px 18px;gap:10px}
.wd-ac-pm-view{display:grid;gap:10px}
.wd-ac-pm-toolbar{display:flex;justify-content:flex-end}
.wd-ac-pm-addbtn{height:34px}
.wd-ac-pm-list{display:grid;gap:10px}
.wd-ac-pm-empty{padding:12px 0;color:var(--muted);font-size:13px}
.wd-ac-pm-empty.is-danger{color:var(--danger-ink)}
.wd-ac-pm-skel{display:grid;gap:10px}
.wd-ac-pm-skel .wd-skel-line{height:58px;border-radius:12px;background:var(--skel);animation:wshimmer 1.3s ease-in-out infinite}
.wd-ac-pm-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.wd-ac-pm-main{flex:1;min-width:0}
.wd-ac-pm-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wd-ac-pm-name{font-weight:700}
.wd-ac-pm-default{height:22px;padding:0 9px;border-radius:6px;background:var(--success-ink);color:#fff;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center}
.wd-ac-pm-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--muted);margin-top:2px;flex-wrap:wrap}
.wd-ac-pm-meta .is-expired{color:var(--danger-ink);font-weight:700}
.wd-ac-pm-del{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--danger-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:0}
.wd-ac-pm-setdefault{height:32px;padding:0 12px;border:1px solid var(--info-ink);border-radius:8px;background:var(--surface);color:var(--info-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;flex:none}
.wd-ac-pm-setdefault:hover{background:var(--info-bg)}
.wd-ac-pm-addhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wd-ac-pm-addtitle{font-weight:800;font-size:15px}
.wd-ac-pm-back{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--mint-dark);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;padding:0}
.wd-ac-pm-form{border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:14px}
.wd-ac-pm-cardwrap{position:relative;height:44px;padding:0 12px 0 38px;border:1px solid var(--border);border-radius:9px;background:var(--surface);display:flex;align-items:center}
.wd-ac-pm-cardwrap > i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint)}
.wd-ac-pm-cardwrap > div{width:100%}
.wd-ac-pm-cardwrap.is-focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}
.wd-ac-pm-cardwrap.is-invalid{border-color:var(--danger-ink)}
.wd-ac-pm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.wd-ac-pm-actions{display:flex;justify-content:flex-end;gap:8px}
.wd-ac-pm-error{color:var(--danger-ink);font-size:12.5px;font-weight:600}
.wd-ac-pm-note{font-size:12.5px;color:var(--muted)}
@media (max-width:1100px){
	.wd-ac-co-cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
	.wd-ac-layout{grid-template-columns:minmax(0,1fr)}
	.wd-ac-nav{display:flex;overflow-x:auto;scrollbar-width:none}
	.wd-ac-navlink{flex:none}
	.wd-ac-user{flex-wrap:wrap}
	.wd-ac-user-last{min-width:0;text-align:left}
}

@media print{
	.wd-sidebar,.wd-topbar,.wd-drawer,.wd-drawer-overlay,.wd-offcanvas,.wd-toast-host,.wd-cmd,.wd-skip,.wd-bulk{display:none !important}
	.wd-shell{display:block;background:#fff}
	.wd-content{padding:0;max-width:none}
	body{background:#fff !important}
}

/* ============================================================
   New document modal (new_document_modal_include.php): steps, document / source pickers,
   the All-X12 chooser, the content-step builders (855 / 810 / 856 / 820), the guide
   "Partner requirements" block and the Review & send step.
   ============================================================ */
.wd-nd-modal .wd-modal-dialog{width:min(960px,94vw);max-height:92vh}
.wd-nd-modal .wd-modal-head{padding:14px 20px;gap:18px;flex-wrap:wrap}
.wd-nd-modal .wd-modal-title{flex:1 1 260px;font-size:20px;letter-spacing:-.02em;text-transform:none;color:var(--text);font-weight:400}
.wd-nd-modal .wd-nd-title-new{font-weight:800}
.wd-nd-modal .wd-modal-title .wd-modal-sub{font-size:13px;font-weight:400;margin-top:2px}
.wd-nd-modal .wd-modal-body{padding:16px 20px 20px;gap:0;display:block}
.wd-nd-modal .wd-modal-foot{padding:14px 20px}
.wd-nd-modal .wd-modal-foot .wd-foot-left{margin-right:auto}
.wd-nd-steps{display:flex;gap:8px;list-style:none;margin:0;padding:0;font-size:12.5px;font-weight:700;flex:none}
.wd-nd-steps li{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:transparent;color:var(--muted)}
.wd-nd-steps li.is-on{background:var(--mint-soft);color:var(--text)}
.wd-nd-steps li.is-done{color:var(--text)}
.wd-nd-step-n{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;background:var(--neutral-bg);color:var(--muted)}
.wd-nd-steps li.is-on .wd-nd-step-n,.wd-nd-steps li.is-done .wd-nd-step-n{background:var(--mint);color:#fff}
.wd-nd-steps li.is-done .wd-nd-step-n i{font-size:9px}
.wd-nd-q{font-weight:800;font-size:15px;margin-bottom:12px}
/* step 1 · sources row: question left, type filter (810) + search right */
.wd-nd-qrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.wd-nd-qrow .wd-nd-q{margin:0;flex:1;min-width:200px}
.wd-nd-qrow .wd-nd-seg[hidden]{display:none}
.wd-nd-qrow .wd-nd-seg-btn .wd-chip{font-size:11px;min-width:36px;padding:2px 6px}
.wd-nd-srcsearch{width:min(300px,100%)}
.wd-nd-srcsearch .wd-input{height:34px;font-size:13px}
.wd-nd-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:22px}
.wd-nd-type{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;font:inherit;transition:border-color .12s,background .12s}
.wd-nd-type:hover{border-color:var(--mint)}
.wd-nd-type.is-on{border-color:var(--mint);background:var(--mint-soft)}
.wd-nd-type-other{border-style:dashed}
.wd-nd-type-other.is-on{border-style:solid}
.wd-nd-type-name{font-weight:700;font-size:13px;margin-top:8px}
.wd-nd-type-hint{font-size:11.5px;color:var(--muted)}
.wd-nd-sources{display:grid;gap:8px;margin-bottom:22px}
.wd-nd-sources.is-off{display:none}
.wd-nd-source{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text) !important;text-decoration:none !important;transition:border-color .12s}
.wd-nd-source:hover{border-color:var(--mint)}
.wd-nd-source.is-on{border-color:var(--mint);background:var(--mint-soft)}
/* received / sent arrow beside a source's document chip (the guides' .wd-guide-dir colours) */
.wd-nd-source-dir{font-size:13px;margin-left:-4px;flex:none}
.wd-nd-source-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wd-nd-source-ref{font-weight:700}
.wd-nd-source-meta{font-size:12.5px;color:var(--muted)}
.wd-nd-source-use{font-size:12.5px;font-weight:700;color:var(--mint-dark);white-space:nowrap}
/* a document received more than once: one row (its latest copy), the earlier copies unfold under it */
.wd-nd-source-stack{display:grid;gap:4px}
.wd-nd-source-more{justify-self:start;padding:0 2px 2px 16px;font-size:12px;display:inline-flex;align-items:center;gap:6px}
.wd-nd-source-more i{font-size:10px;width:10px}
.wd-nd-source-held{color:var(--warning-ink);font-weight:600}
.wd-nd-source-copies{display:grid;gap:6px;margin:2px 0 4px 16px;padding-left:12px;border-left:2px solid var(--border)}
.wd-nd-source.is-copy{padding:8px 12px;background:transparent}
.wd-nd-source.is-copy .wd-nd-source-ref{font-weight:600;font-size:13px}
.wd-nd-source-draft{background:var(--warning-bg);color:var(--warning-ink)}
.wd-nd-source.is-skel{pointer-events:none}
.wd-nd-source.is-skel .wd-skel{display:block;height:12px;border-radius:6px;background:var(--skel)}
.wd-nd-source-group{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 0 -2px}
.wd-nd-source.is-invoiced{opacity:.72}
.wd-nd-source.is-invoiced:hover,.wd-nd-source.is-invoiced.is-on{opacity:1}
.wd-nd-sources-empty{padding:20px;text-align:center;color:var(--muted);font-size:13.5px;border:1px dashed var(--border);border-radius:10px}
.wd-nd-blank{font-weight:700;font-size:13px;color:var(--muted);margin-right:auto;display:inline-flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}   /* "Or start from a blank form for: [partner]" */
.wd-nd-blank label{margin:0;white-space:nowrap}
.wd-nd-blank .wd-combo-btn,.wd-nd-blank select{width:230px;max-width:100%}
/* a blank form = the generic builder's form (GenericX12Builder::renderForm, skinned by new_document_generic.php) in the look of the
   Partner requirements block: a card per segment, a dotted box per loop, magenta element refs, R / O chips */
.wd-nd-gx{display:grid;gap:12px}
.wd-nd-gx-pick{max-width:640px}
.wd-nd-gx-drafts:empty{display:none}
.wd-nd-gx-drafts .wd-nd-banner + .wd-nd-banner{margin-top:6px}
.wd-nd-gx-drafts .wd-nd-banner > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-nd-gx-drafts .wd-nd-banner.is-current{background:var(--mint-soft);color:var(--text);border-color:var(--mint)}
.wd-nd-gx-name{background:var(--surface2)}
.wd-nd-gx-name .wd-input{flex:1;min-width:0}
.wd-nd-gx-form.is-loading{opacity:.5;pointer-events:none}
.wd-nd-gx-form{display:grid;gap:10px}
.wd-nd-gx .gx_seg{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px 14px;min-width:0}
.wd-nd-gx .gx_seg.gx_loop{border-style:dashed;background:transparent;display:grid;gap:10px}
.wd-nd-gx .gx_seg[data-req="mandatory"]{box-shadow:inset 3px 0 0 var(--danger-ink)}
.wd-nd-gx .gx_seg.gx_loop[data-req="mandatory"]{box-shadow:none}
.wd-nd-gx .gx_seg_title,.wd-nd-gx .gx_loop_head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px}
.wd-nd-gx .gx_loop_head{margin-bottom:0}
.wd-nd-gx .gx_icon{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:none;background:var(--info-bg);color:var(--info-ink)}
.wd-nd-gx .gx_icon.mandatory{background:var(--danger-bg);color:var(--danger-ink)}
.wd-nd-gx .gx_seg_code{font-family:var(--wd-mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--neutral-bg);color:var(--text)}
.wd-nd-gx .gx_loop_name{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wd-nd-gx .gx_req{color:var(--danger-ink)}
.wd-nd-gx .gx_card{font-size:11px;font-weight:700;color:var(--muted);background:var(--neutral-bg);border-radius:6px;padding:1px 6px;white-space:nowrap}
.wd-nd-gx .gx_info{color:var(--faint);font-size:12px;cursor:help}
.wd-nd-gx .gx_add{margin-left:auto}
.wd-nd-gx .gx_els{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 12px;min-width:0}
.wd-nd-gx .gx_el{display:flex;flex-direction:column;gap:4px;min-width:0}
.wd-nd-gx .gx_el.is-flash,.wd-nd-gx .gx_seg.is-flash,.wd-nd-gx .gx_row.is-flash,.wd-nd-gx .gx_iter.is-flash{animation:wd-nd-flash 1.8s ease-out}
.wd-nd-gx .gx_lbl{display:flex;align-items:center;gap:6px;font-size:12px;margin:0;min-width:0}
.wd-nd-gx .gx_el_pos{font-weight:700;color:var(--text);flex:none}
.wd-nd-gx .gx_el_code{font-family:var(--wd-mono);font-size:11px;font-weight:700;color:#a966bc;flex:none}
.wd-nd-gx .gx_elname{flex:1;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-nd-gx .gx_ro{width:19px;height:19px;flex:none;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;background:var(--neutral-bg);color:var(--muted)}
.wd-nd-gx .gx_ro::after{content:"N"}
.wd-nd-gx .gx_ro.mandatory{background:var(--danger-bg);color:var(--danger-ink)}
.wd-nd-gx .gx_ro.mandatory::after{content:"R"}
.wd-nd-gx .gx_ro.optional{background:var(--info-bg);color:var(--info-ink)}
.wd-nd-gx .gx_ro.optional::after{content:"O"}
.wd-nd-gx .gx_el .wd-input,.wd-nd-gx .gx_el .wd-select,.wd-nd-gx .gx_el .wd-combo-btn{width:100%}
.wd-nd-gx .gx_rows,.wd-nd-gx .gx_iters{display:grid;gap:10px}
.wd-nd-gx .gx_row{display:flex;align-items:flex-start;gap:8px;padding-top:10px;border-top:1px solid var(--border2)}
.wd-nd-gx .gx_row:first-child{padding-top:0;border-top:0}
.wd-nd-gx .gx_row > .gx_els{flex:1}
.wd-nd-gx .gx_row > .gx_del{margin-top:22px}
.wd-nd-gx .gx_iter{position:relative;display:grid;gap:10px;padding:12px;border:1px solid var(--border2);border-radius:10px;background:var(--surface2)}
.wd-nd-gx .gx_iter > .gx_del{position:absolute;top:8px;right:8px}
.wd-nd-gx .gx_var_select{width:auto;max-width:220px;height:26px;font-size:11.5px;padding-top:0;padding-bottom:0}
.wd-nd-gx .alert{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--warning-bg);color:var(--warning-ink);font-size:13px}
.wd-nd-foot-tools{display:inline-flex;align-items:center;gap:8px}
.wd-nd-pick .wd-modal-dialog{max-height:80vh}
.wd-nd-pick .wd-modal-title{font-size:14px;letter-spacing:0;text-transform:none;color:var(--text)}
.wd-nd-pick .wd-modal-title .wd-modal-sub{font-size:12.5px;font-weight:400}
.wd-nd-pick-search{padding:12px 18px;border-bottom:1px solid var(--border2);flex:none;display:flex;gap:8px;align-items:center}
.wd-nd-pick-search .wd-input-icon{flex:1;min-width:0}
.wd-nd-pick-rel{flex:none;width:170px}
.wd-nd-pick-search .wd-combo-btn{flex:none;width:170px}
.wd-nd-pick-list{padding:8px;gap:0;display:block}
.wd-nd-pick-item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;cursor:pointer;text-align:left}
.wd-nd-pick-item:hover{background:var(--neutral-bg)}
.wd-nd-pick-main{flex:1;min-width:0;display:flex;flex-direction:column}
.wd-nd-pick-name{font-weight:700;font-size:13.5px}
.wd-nd-pick-hint{font-size:12px;color:var(--muted)}
.wd-nd-pick-group{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.wd-nd-pick-empty{padding:24px;text-align:center;color:var(--muted);font-size:13.5px}
.wd-nd-loading{padding:32px;text-align:center;color:var(--muted);font-size:13.5px}
.wd-nd-error{padding:14px 16px;border:1px solid var(--danger-bg);background:var(--danger-bg);color:var(--danger-ink);border-radius:10px;font-size:13px;font-weight:600}
/* content step: shared builder chrome */
.wd-nd-builder{display:grid;gap:14px;min-width:0}
.wd-nd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wd-nd-head-main{min-width:0}
.wd-nd-head-fields{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}
.wd-nd-eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700}
.wd-nd-head-title{font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-top:2px}
.wd-nd-head-sub{font-size:13px;color:var(--muted)}
.wd-nd-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface);display:grid;gap:10px;min-width:0}
.wd-nd-cardlbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:6px}
.wd-nd-sectlbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:4px 0 -6px}
.wd-nd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;min-width:0}
.wd-nd-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
.wd-nd-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px}
.wd-nd-span3{grid-column:1 / -1}
.wd-nd-grid3 > .wd-nd-rowstart{grid-column-start:1}   /* opens a new row, so the value that follows stays beside it */
.wd-nd-grid3 > .wd-nd-span2{grid-column:span 2}   /* a qualifier + its value on one line (REF-01 + REF-02) */
.wd-nd-seg{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}
.wd-nd-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:34px;font:inherit;font-size:12.5px;font-weight:700;color:var(--muted);background:transparent;border:0;border-left:1px solid var(--border);cursor:pointer}
.wd-nd-seg-btn:disabled{opacity:.4;cursor:not-allowed}
.wd-nd-seg-btn:first-child{border-left:0}
.wd-nd-seg-btn:hover{background:var(--surface2);color:var(--text)}
.wd-nd-seg-btn.is-on{background:var(--mint);color:#fff}
.wd-nd-seg-btn.is-on[data-act="IB"],.wd-nd-seg-btn.is-on[data-os="hold"]{background:var(--warning-ink)}
.wd-nd-seg-btn.is-on[data-act="IQ"]{background:var(--info-ink)}
.wd-nd-seg-btn.is-danger.is-on{background:var(--danger-ink)}
.wd-nd-note{min-height:38px;height:38px;padding:8px 12px}
.wd-nd-hint{font-size:12px;color:var(--faint)}
.wd-nd-mono{font-family:var(--wd-mono);font-size:12px;color:var(--faint)}
.wd-nd-addlink{font-size:12.5px;color:var(--link);font-weight:700;cursor:pointer;background:none;border:0;padding:4px 2px;display:inline-flex;align-items:center;gap:6px;font-family:inherit;justify-self:start}
.wd-nd-x{color:var(--faint);cursor:pointer;background:none;border:0;font-size:14px;padding:4px;margin-left:auto}
.wd-nd-x:hover{color:var(--danger-ink)}
.wd-nd-linktool{color:var(--faint);font-size:12.5px;cursor:pointer;padding:6px 4px;display:inline-flex;align-items:center;gap:5px;background:none;border:0;font-family:inherit;font-weight:600}
.wd-nd-linktool:hover,.wd-nd-linktool.is-on{color:var(--link)}
.wd-nd-banner{padding:9px 12px;border-radius:9px;font-size:12.5px;display:flex;align-items:center;gap:8px;border:1px solid var(--border)}
.wd-nd-banner.is-warn{background:var(--warning-bg);border-color:transparent;color:var(--warning-ink)}
.wd-nd-banner.is-resume{background:var(--info-bg);border-color:transparent;color:var(--info-ink);justify-content:space-between}
.wd-nd-banner.is-resume + .wd-nd-banner.is-resume{margin-top:6px}   /* the resume banners stack with a breath between them */
.wd-nd-banner-actions{display:flex;gap:6px}
/* 855 */
.wd-nd-bulk{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;background:var(--surface2);border:1px solid var(--border2);border-radius:10px}
.wd-nd-summary{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
.wd-nd-pill{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.wd-nd-pill.is-strong{color:var(--text);font-weight:700}
.wd-nd-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.wd-nd-dot.is-ia{background:var(--mint)}.wd-nd-dot.is-ib{background:var(--warning-ink)}.wd-nd-dot.is-iq{background:var(--info-ink)}.wd-nd-dot.is-ir{background:var(--danger-ink)}.wd-nd-dot.is-sp{background:#7a5cd0}
.wd-nd-lines{display:grid;gap:8px}
.wd-nd-line{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface)}
.wd-nd-line[data-status="IB"]{border-color:var(--warning-ink);background:var(--warning-bg)}
.wd-nd-line[data-status="IQ"]{border-color:var(--info-ink);background:var(--info-bg)}
.wd-nd-line[data-status="IR"]{border-color:var(--danger-ink);background:var(--danger-bg)}
.wd-nd-line[data-split="1"]{border-color:#7a5cd0}
.wd-nd-line-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.wd-nd-lineno{font-size:12px;color:var(--faint);font-weight:800;margin-right:6px}
.wd-nd-line-desc{font-size:14px;font-weight:700}
.wd-nd-line-codes{font-size:12px;color:var(--muted);margin-top:2px}
.wd-nd-line-codes .k{color:var(--faint)}
.wd-nd-line-ordered{font-size:13px;color:var(--muted);white-space:nowrap}
.wd-nd-line-ordered b{color:var(--text)}
/* the 865's lines: the buyer's change code (POC-02) and what the PO had before it */
.wd-nd-change{background:var(--info-bg);color:var(--info-ink);font:700 11px var(--wd-mono);margin-right:4px}
.wd-nd-was{color:var(--faint);font-size:12px}
.wd-nd-price{display:inline-flex;align-items:center;gap:3px}
.wd-nd-pricein{width:72px;border:0;border-bottom:1px dashed var(--border);background:transparent;color:var(--link);font-size:13px;text-align:right;padding:1px 2px;font-family:inherit}
.wd-nd-pricein:focus{outline:none;border-bottom:1px solid var(--mint)}
.wd-nd-pricein.is-changed{color:var(--info-ink);font-weight:700;border-bottom-style:solid}
.wd-nd-line-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}
.wd-nd-line-actions .wd-nd-linktool:first-of-type{margin-left:auto}
.wd-nd-simple{margin-top:10px;display:grid;gap:8px}
.wd-nd-qtywrap,.wd-nd-datewrap{display:none;align-items:center;gap:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.wd-nd-line[data-qtyedit="1"]:not([data-split="1"]) .wd-nd-qtywrap{display:flex}
.wd-nd-statmore:not(:empty){width:230px;max-width:100%}
.wd-nd-line[data-showdate="1"]:not([data-split="1"]) .wd-nd-datewrap{display:flex}
.wd-nd-line[data-split="1"] .wd-nd-simple{display:none}
.wd-nd-qtyin,.wd-nd-schedqty{width:88px !important;text-align:right;font-weight:700}
.wd-nd-smalldate{width:160px !important}
.wd-nd-splitwrap{display:none;margin-top:10px}
.wd-nd-line[data-split="1"] .wd-nd-splitwrap{display:block}
.wd-nd-splithdr{font-size:12px;color:#7a5cd0;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:5px}
.wd-nd-sched{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;background:var(--surface)}
.wd-nd-sched[data-status="IB"]{border-color:var(--warning-ink)}
.wd-nd-sched[data-status="IR"]{border-color:var(--danger-ink)}
/* the schedule's status picker (a searchable select); the row's border carries the status colour */
.wd-nd-sched > .wd-combo-btn,.wd-nd-sched > .wd-nd-schedstat{width:230px;max-width:100%}
.wd-nd-tagged{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}   /* a control under its element tag (ACK-01 …), left aligned */
.wd-nd-tagged.is-grow{flex:1 1 0}
.wd-nd-tagged.is-grow2{flex:2 1 0}
.wd-nd-bitem{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0}   /* the 856's typed item (blank form): code type, code, description, unit */
.wd-nd-bitem > select,.wd-nd-bitem > .wd-combo-btn{width:150px;flex:none}
.wd-nd-bitem > .wd-input{flex:1;min-width:0}
.wd-nd-bitem > .wd-nd-bline-uom{flex:none}
/* a blank form's typed line (810 / 855): code type, code, description, quantity / unit, each under its element tag */
.wd-nd-bcells,.wd-nd-bline{display:flex;align-items:flex-end;gap:8px;min-width:0;flex:1}
.wd-nd-bcells .wd-nd-tagged > select,.wd-nd-bline .wd-nd-tagged > select,.wd-nd-bcells .wd-nd-tagged > .wd-combo-btn,.wd-nd-bline .wd-nd-tagged > .wd-combo-btn{width:150px}   /* code type: "VP — Vendor's…", searchable */
.wd-nd-bcells .wd-nd-tagged > .wd-input,.wd-nd-bline .wd-nd-tagged > .wd-input{width:100%;min-width:0}
.wd-nd-bcells .ta810_buom,.wd-nd-bline .wd-nd-bline-uom{width:52px !important;text-align:center;text-transform:uppercase}
.wd-nd-bcells > .wd-nd-x,.wd-nd-bline > .wd-nd-x{flex:none;margin-bottom:7px}
.wd-nd-bcells .wd-input,.wd-nd-bline .wd-nd-tagged > .wd-input:not(.wd-nd-qtyin){text-align:left}
.wd-nd-bline .wd-nd-lineno{align-self:flex-end;margin-bottom:8px}
.wd-nd-line-top:has(.wd-nd-bline){flex-wrap:wrap}
.wd-nd-tagged > .wd-nd-eltag{font-size:10.5px;line-height:1}
.wd-nd-sched{flex-wrap:nowrap;align-items:flex-end;gap:8px}   /* one line: the two pickers share what the quantity and the date leave */
.wd-nd-sched .wd-nd-tagged > .wd-combo-btn,.wd-nd-sched .wd-nd-tagged > select{width:100%;min-width:0}
.wd-nd-sched .wd-nd-schedqty{width:72px !important}
.wd-nd-sched .wd-nd-smalldate{width:132px}
.wd-nd-sched .wd-nd-scheduom,.wd-nd-sched > .wd-nd-x{flex:none;margin-bottom:7px}
@media (max-width:640px){ .wd-nd-sched{flex-wrap:wrap} .wd-nd-tagged.is-grow{flex-basis:100%} }
.wd-nd-sched[data-status="IA"]{border-color:var(--mint)}
.wd-nd-sched[data-status="IB"]{border-color:var(--warning-ink)}
.wd-nd-sched[data-status="ID"]{border-color:var(--danger-ink)}
/* 810 */
.wd-nd-ship{display:flex;gap:8px;flex-wrap:wrap}
.wd-nd-ship:empty{display:none}
.wd-nd-shipchip{border:1px solid var(--border);border-radius:9px;padding:7px 11px;font-size:12.5px;cursor:pointer;background:var(--surface);color:var(--text);font-family:inherit;text-align:left}
.wd-nd-shipchip.is-on{border-color:var(--mint);background:var(--mint-soft)}
.wd-nd-shipinv{display:block;color:var(--danger-ink);font-size:11px}
.wd-nd-termsq{margin-bottom:10px}   /* ITD-01 / ITD-02 above the terms sentence */
.wd-nd-terms{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.wd-nd-terms .wd-input{width:56px;text-align:center}
.wd-nd-termstr{margin-left:auto;font-family:var(--wd-mono);font-size:12px;color:var(--faint)}
.wd-nd-ptytop{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wd-nd-ptyname{font-weight:700}
.wd-nd-ptyloc{color:var(--muted);font-size:12.5px;line-height:1.5}
.wd-nd-ptyloc.is-multi{white-space:pre-line}
.wd-nd-ptymiss{font-size:12.5px;color:var(--warning-ink)}
.wd-nd-ptyfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border2);padding-top:7px}
.wd-nd-ptyform{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px}
.wd-nd-ptyform .full{grid-column:1 / -1}
.wd-nd-ptyactions{grid-column:1 / -1;display:flex;gap:8px;justify-content:flex-end;margin-top:2px}
.wd-nd-party.is-missing{border-color:var(--warning-ink)}
.wd-nd-party{gap:8px}
.wd-nd-party .wd-nd-ptytop{gap:8px}
.wd-nd-pcodewrap{flex:1;min-width:0}
/* the X12 segment / element a box writes (BIG-02, N1-03 …): the header cards and the party editor, same mark as the guide panels */
.wd-nd-eltag{font-family:var(--wd-mono);font-size:11px;font-weight:700;color:#a966bc;letter-spacing:.02em;flex:none;white-space:nowrap}
.wd-nd-lblrow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.wd-nd-ptyfield{display:grid;gap:3px;min-width:0}
.wd-nd-ptyfield .wd-nd-eltag{font-size:10.5px;color:var(--faint)}
.wd-nd-ptyfield .wd-nd-eltag::first-letter{color:#a966bc}
.wd-nd-terms .wd-nd-eltag{margin-left:4px}
.wd-nd-pcodewrap .wd-select,.wd-nd-pcodewrap .wd-combo-btn{font-weight:700}
.wd-nd-party .wd-nd-x{margin-left:0}
.wd-nd-party .wd-nd-ptyfoot{border-top:0;padding-top:0;margin-top:-2px}
.wd-nd-bookrow{cursor:help}
.wd-nd-addparty{grid-column:1 / -1;justify-self:start}
.wd-nd-tbl{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.wd-nd-thead,.wd-nd-lrow{display:grid;grid-template-columns:1fr 72px 92px 96px 32px;gap:8px;align-items:center}
.wd-nd-thead{padding:7px 10px;background:var(--surface2);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}
.wd-nd-thead .r,.wd-nd-lrow .r{text-align:right}
.wd-nd-tline{border-top:1px solid var(--border2)}
.wd-nd-lrow{padding:9px 10px}
.wd-nd-lname{font-weight:700;font-size:13px}
.wd-nd-lcode{font-family:var(--wd-mono);font-size:11px;color:var(--faint)}
.wd-nd-lrow .wd-input{text-align:right}
.wd-nd-ext{font-variant-numeric:tabular-nums}
.wd-nd-exp{color:var(--faint);cursor:pointer;text-align:center;background:none;border:0;font-size:13px}
.wd-nd-exp.is-on{color:var(--link)}
.wd-nd-lexp{padding:2px 12px 10px;background:var(--surface2);border-top:1px dashed var(--border)}
.wd-nd-linetools{padding:0 10px 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}   /* under the line's row (810): the "Guide fields" toggle, the live charges / taxes summary */
.wd-nd-linetools.is-empty{display:none}
.wd-nd-lsub{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums;text-align:right}
.wd-nd-lsub b{font-weight:700;color:var(--muted)}
.wd-nd-tline .wd-nd-lineguide{padding:0 10px 10px}
.wd-nd-explbl{font-size:11px;color:var(--muted);margin:8px 0 4px;font-weight:700}
/* charge / allowance and tax rows (invoice-level and per line): code chips on the left, the description wraps (top-aligned),
   the percent / amount boxes stay right-aligned in fixed columns */
.wd-nd-sacrow,.wd-nd-taxrow{display:grid;gap:8px;align-items:start;margin-bottom:6px;min-width:0}
.wd-nd-sacrow{grid-template-columns:minmax(90px,128px) minmax(118px,1fr) 80px 56px 26px}   /* fits the half-width invoice card; the "= amount" readout of a % charge sits under the amount */
.wd-nd-taxrow{grid-template-columns:minmax(140px,1fr) 72px 92px 30px}
.wd-nd-taxrow.is-mirror{grid-template-columns:auto minmax(140px,1fr) 72px 92px}
.wd-nd-sacrow > *,.wd-nd-taxrow > *{box-sizing:border-box;min-width:0}
.wd-nd-sacrow .wd-select,.wd-nd-taxrow .wd-select{width:100%;max-width:none;min-width:0}
.wd-nd-sacrow .ta810_sacind{width:100%;text-overflow:ellipsis}
.wd-nd-sacrow .wd-input,.wd-nd-taxrow .wd-input{width:100%;min-width:0;text-align:right}
.wd-nd-sacrow .wd-nd-x,.wd-nd-taxrow .wd-nd-x{margin-left:0;margin-top:1px}
.wd-nd-saccalc{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums;min-width:0;text-align:right;grid-column:3 / 5;grid-row:2;margin-top:-4px}
.wd-nd-saccalc:empty{display:none}
.wd-nd-sacrow .ta810_sacmode{padding-right:24px;background-position:right 7px center}
.wd-nd-sacrow .wd-combo-btn,.wd-nd-taxrow .wd-combo-btn{width:100%;height:auto;min-height:30px;align-items:flex-start;padding-top:4px;padding-bottom:4px;overflow:hidden}
/* the picked code flows as text: the chip first, the description wrapping after it across the button's width */
.wd-nd-sacrow .wd-combo-btn .wd-combo-label,.wd-nd-taxrow .wd-combo-btn .wd-combo-label{white-space:normal;overflow:visible;display:block;min-width:0;line-height:1.35}
.wd-nd-sacrow .wd-combo-btn .wd-chip,.wd-nd-taxrow .wd-combo-btn .wd-chip{margin-right:6px;vertical-align:baseline}
.wd-nd-sacrow .wd-combo-btn .wd-combo-text,.wd-nd-taxrow .wd-combo-btn .wd-combo-text{display:inline;min-width:0}
/* an invoice charge's "Taxable" switch: second row, under the indicator and code */
/* an invoice charge's taxes: the company's rates as chips, between the amount and the remove cross (the card is full width) */
#ta810_charges .wd-nd-sacrow,.wd-nd-hcharges .wd-nd-sacrow{grid-template-columns:minmax(110px,150px) minmax(160px,1fr) 92px 60px auto 26px}
#ta810_charges .wd-nd-sacrow .wd-nd-saccalc,.wd-nd-hcharges .wd-nd-sacrow .wd-nd-saccalc{grid-column:3 / 5}
.wd-nd-sactaxes{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:30px}
/* a line charge with tax chips (the 810's line expander): the invoice charges' columns */
.wd-nd-lexp .wd-nd-sacrow.has-chips{grid-template-columns:minmax(110px,150px) minmax(160px,1fr) 92px 60px auto 26px}
/* the 855's charges & taxes sections (shared tax model): spaced like the builder's own cards; :not([hidden]) so the attribute still hides them */
#ta855_taxsec:not([hidden]),#ta855_taxsec2:not([hidden]){display:grid;gap:10px}
.wd-nd-sacsrc{grid-column:1 / 3;grid-row:2;justify-self:start;font-size:11px;color:var(--faint);margin-top:-4px}   /* a charge carried over from the PO */
.wd-nd-sactaxes .wd-nd-taxchip{padding:3px 9px;font-size:12px}
.wd-nd-grid2 > .wd-nd-totals{align-self:start}
/* a summary tax row's note: how the amount is made, or the computed amount + reset on an override (warning ink beyond rounding) */
.wd-nd-taxnote{grid-column:2 / 5;font-size:11.5px;color:var(--faint);margin-top:-4px;font-variant-numeric:tabular-nums}
.wd-nd-taxnote:empty{display:none}
.wd-nd-taxnote.is-warn{color:var(--warning-ink)}
.wd-nd-taxreset{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--link);cursor:pointer}
.wd-nd-taxrow.is-override .ta810_mamt{border-color:var(--mint)}
.wd-nd-taxrow.is-mirror .wd-chip{margin-top:3px}
.wd-nd-taxrow.is-mirror .wd-nd-hint{padding-top:6px;line-height:1.3;white-space:normal;min-width:0}
.wd-nd-totals{border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--surface2)}
.wd-nd-totrow{display:flex;justify-content:space-between;padding:2px 0;color:var(--muted);font-size:13px}
.wd-nd-totrow span:last-child{font-variant-numeric:tabular-nums}
.wd-nd-grand{display:flex;justify-content:space-between;padding:6px 0 0;margin-top:4px;border-top:1px solid var(--border);font-weight:800;font-size:15px}
/* 856 */
.wd-nd-sectrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 -6px}
.wd-nd-sectrow .wd-nd-sectlbl{margin:0}
.wd-nd-sectrow .wd-nd-addlink{padding:0;font-size:12px}
/* 810: line taxes — the company's standard rates as toggles, applied to every line in one click */
.wd-nd-linetax{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 2px}
.wd-nd-linetax-lbl{font-size:12px;color:var(--muted);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.wd-nd-taxchip{border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:12.5px;cursor:pointer;background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.wd-nd-taxchip-pct{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.wd-nd-taxchip.is-on{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-dark)}
.wd-nd-taxchip.is-on .wd-nd-taxchip-pct{color:var(--mint-dark)}
.wd-nd-linetax .wd-btn{margin-left:auto}
/* "Taxes on this invoice": the active set as chips with a remove cross, the company's other rates behind a compact searchable picker */
#ta810_activechips,#ta810_taxchips,.wd-nd-chipset{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}
.wd-nd-taxchip.is-static{cursor:default;padding-right:5px}
.wd-nd-taxchip-x{background:none;border:0;padding:0 3px;margin-left:2px;color:inherit;opacity:.55;cursor:pointer;font-size:11px;line-height:1}
.wd-nd-taxchip-x:hover{opacity:1}
#ta810_addactive_wrap .wd-select,#ta810_addactive_wrap .wd-combo-btn,.wd-nd-addtaxwrap .wd-select,.wd-nd-addtaxwrap .wd-combo-btn{width:auto;min-width:84px;height:28px;border-radius:999px;border-style:dashed;color:var(--link);font-weight:700;font-size:12.5px}
.wd-nd-linetax-none{font-size:12.5px;color:var(--faint)}
.wd-nd-taxrow.is-mirror .wd-input[disabled]{opacity:.75}
.wd-nd-taxmirror-hint{font-size:11.5px;color:var(--faint);margin-top:2px}
/* where the 856's quantities to pack come from (the acknowledgment, the earlier ship notices) and its two switches */
.wd-nd-prefill{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);font-size:12.5px;color:var(--muted)}
.wd-nd-prefill[hidden]{display:none}
.wd-nd-prefill > i{margin-top:2px;color:var(--mint)}
.wd-nd-prefill.is-warn{background:var(--warning-bg);border-color:transparent;color:var(--warning-ink)}
.wd-nd-prefill.is-warn > i{color:var(--warning-ink)}
.wd-nd-prefill-txt{flex:1;min-width:0;display:grid;gap:2px}
.wd-nd-prefill-txt b{color:var(--text);font-weight:600}
.wd-nd-prefill.is-warn .wd-nd-prefill-txt b{color:inherit}
.wd-nd-prefill-acts{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
.wd-nd-prefill-acts .wd-nd-addlink{padding:0;font-size:12px;white-space:nowrap}
.wd-nd-poolnote{flex-basis:100%;font-size:11.5px;color:var(--muted);margin-top:-2px}
/* the items to pack: a plain line-separated list — the state (left / packed / over) is carried by the figure on the right and the bar, not by a tinted box */
.wd-nd-pool{display:grid;gap:0;max-height:300px;overflow:auto;align-content:start;padding-right:2px}
.wd-nd-pool.is-hide-packed .wd-nd-poolrow[data-state="full"]{display:none}
.wd-nd-poolrow{display:flex;align-items:center;gap:4px 12px;padding:6px 2px;border-bottom:1px solid var(--border2);flex-wrap:wrap}
.wd-nd-poolrow:last-child{border-bottom:0}
.wd-nd-pooldesc{flex:1;min-width:160px}
.wd-nd-pooldesc .nm{font-size:13.5px;font-weight:600}
.wd-nd-pooldesc .cd{font-size:12px;color:var(--faint);margin-left:8px;font-family:var(--wd-mono)}
.wd-nd-poolconf{font-size:13px;color:var(--muted)}
.wd-nd-poolconf b{color:var(--text)}
.wd-nd-bar{width:150px;height:7px;border-radius:4px;background:var(--neutral-bg);overflow:hidden}
.wd-nd-bar > span{display:block;height:100%;background:var(--mint);width:0}
.wd-nd-poolrow[data-state="under"] .wd-nd-bar > span{background:var(--warning-ink)}
.wd-nd-poolrow[data-state="over"] .wd-nd-bar > span{background:var(--danger-ink)}
.wd-nd-poolstat{font-size:12px;font-weight:700;min-width:70px;text-align:right;color:var(--success-ink)}
.wd-nd-poolrow[data-state="under"] .wd-nd-poolstat{color:var(--warning-ink)}
.wd-nd-poolrow[data-state="over"] .wd-nd-poolstat{color:var(--danger-ink)}
.wd-nd-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wd-nd-tools-right{margin-left:auto}
.wd-nd-quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--mint);border-radius:10px;background:var(--mint-soft);font-size:13px}
.wd-nd-quick .wd-input{width:120px}
.wd-nd-tree{display:grid;gap:8px}
.wd-nd-treeempty{padding:22px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--faint);font-size:13px}
.wd-nd-pallet{border:1px solid #cfc3ef;background:rgba(122,92,208,.06);border-radius:12px;padding:10px 12px;display:grid;gap:6px}
.wd-nd-palletbar{display:flex;align-items:center;gap:8px;font-size:13px;color:#7a5cd0;font-weight:700}
.wd-nd-sscc{font-weight:400;color:var(--faint);font-size:12px;font-family:var(--wd-mono)}
.wd-nd-carton{border:1px solid var(--border);background:var(--surface2);border-radius:10px;padding:9px 11px;display:grid;gap:4px}
.wd-nd-cartonbar{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--info-ink);font-weight:600}
.wd-nd-msel{position:relative;margin-left:4px}
.wd-nd-msel-btn .wd-nd-msel-caret{font-size:10px;color:var(--faint)}
.wd-nd-msel-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:min(440px,80vw);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35);padding:8px;display:grid;gap:6px}
.wd-nd-msel-list{max-height:240px;overflow:auto;display:grid;gap:2px}
.wd-nd-msel-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text);min-width:0}
.wd-nd-msel-item:hover{background:var(--surface2)}
.wd-nd-msel-item.is-on{background:var(--mint-soft)}
.wd-nd-msel-item input{accent-color:var(--mint);margin:0;flex:none}
/* the picker's first option, "Add all remaining items": a button in the items' shape, set apart by a rule */
.wd-nd-msel-all{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;color:var(--mint-dark);margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid var(--border2);border-radius:8px 8px 0 0}
.wd-nd-msel-all[hidden]{display:none}
.wd-nd-msel-all i{width:13px;text-align:center;font-size:12px;flex:none}
.wd-nd-msel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-nd-msel-code{font-family:var(--wd-mono);font-size:11px;color:var(--faint);white-space:nowrap}
.wd-nd-msel-rem{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--warning-ink);white-space:nowrap}
.wd-nd-msel-rem.is-zero{color:var(--success-ink)}
.wd-nd-msel-empty{padding:10px;text-align:center;color:var(--muted);font-size:12.5px}
.wd-nd-allrem{white-space:nowrap}
.wd-nd-item{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;flex-wrap:wrap}
.wd-nd-itemsel{max-width:260px;flex:1;min-width:140px}
.wd-nd-itemqty{width:72px !important;text-align:right}
.wd-nd-wt{width:72px !important;text-align:right}
.wd-nd-tally{font-size:13px;color:var(--muted)}
.wd-nd-tally b{color:var(--text)}
/* guide block */
.wd-nd-guide{min-width:0}
.wd-nd-guide.is-loading{opacity:.55;pointer-events:none}
.wd-nd-guide-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface);display:grid;gap:12px}
.wd-nd-guide-head{display:flex;align-items:center;gap:12px}
.wd-nd-guide-head > i{color:var(--mint-dark);font-size:16px}
.wd-nd-guide-titles{flex:1;min-width:0}
.wd-nd-guide-title{font-weight:800;font-size:14px}
.wd-nd-guide-sub{font-size:12.5px;color:var(--muted)}
.wd-nd-guide-note{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);padding:10px 12px;border:1px dashed var(--border);border-radius:10px}
.wd-nd-guide-ok{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--success-ink);font-weight:600}
.wd-nd-guide-intro{font-size:12.5px;color:var(--muted)}
.wd-nd-guide-pick{max-width:520px}
.wd-nd-guide-sect{display:grid;gap:10px;padding-top:10px;border-top:1px solid var(--border2)}
.wd-nd-guide-sect-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:6px}
/* one card per guide segment, every element inside — the generic builder's look with wd controls */
.wd-nd-gseg{border:1px solid var(--border);border-radius:11px;padding:12px 14px;background:var(--surface)}
.wd-nd-gseg[data-req="mandatory"][data-reason="missing"]:not([data-nd-filled="1"]){box-shadow:inset 3px 0 0 var(--danger-ink)}   /* a required segment the document still lacks, with a mandatory element still blank and nothing typed for it yet */
.wd-nd-gseg-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.wd-nd-gicon{width:20px;height:20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--text);flex:none}
.wd-nd-gicon.mandatory{background:var(--danger-bg)}
.wd-nd-gicon.optional{background:var(--info-bg)}
.wd-nd-gcode{background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:3px;font-family:var(--wd-mono)}
.wd-nd-gname{font-weight:600}
.wd-nd-gstar{color:var(--danger-ink)}
.wd-nd-gcard{display:inline-block;font-size:10px;font-weight:700;color:var(--muted);background:var(--neutral-bg);border-radius:6px;padding:1px 6px;white-space:nowrap}
.wd-nd-ginfo{color:var(--faint);cursor:help;font-size:11px;display:inline-flex}
.wd-nd-ginfo:hover{color:var(--mint)}
.wd-nd-gadd{margin-left:auto;padding:0}
.wd-nd-gels{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px 12px;position:relative}
.wd-nd-gels + .wd-nd-gels{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}
.wd-nd-gels:has(> .wd-nd-gdel){padding-right:30px}   /* room for the remove cross, so it never sits on the last column's badges */
.wd-nd-gdel{position:absolute;right:0;top:0;margin:0;z-index:1}
.wd-nd-gels + .wd-nd-gels > .wd-nd-gdel{top:12px}
.wd-nd-gel{display:flex;flex-direction:column;min-width:0}
.wd-nd-gel .wd-input,.wd-nd-gel .wd-select,.wd-nd-gel .wd-combo-btn{height:32px;font-size:12.5px;font-weight:500;border-radius:7px}
.wd-nd-gfixed[readonly]{background:var(--surface2);color:var(--muted);cursor:default}
.wd-nd-gtoggle{margin-left:4px}
.wd-nd-gtoggle .wd-nd-hint{font-family:var(--wd-mono);font-size:11px}
.wd-nd-gpanel{display:grid;gap:8px;margin:6px 0 4px}
.wd-nd-gseg.is-inline{padding:8px 10px;margin:0;background:var(--surface)}
.wd-nd-gseg.is-inline .wd-nd-gels{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.wd-nd-itemwrap{display:grid;gap:2px}
.wd-nd-itemwrap .wd-nd-gpanel{margin-left:0}
.wd-nd-glbl{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:4px;min-width:0;cursor:default}
.wd-nd-gpos{font-weight:700;flex:none}
.wd-nd-gelcode{color:#a966bc;font-weight:700;flex:none;font-family:var(--wd-mono);font-size:11.5px}
.wd-nd-gelname{color:var(--muted);flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wd-nd-gissue{font-size:11px;font-weight:700;color:var(--warning-ink);white-space:nowrap}
.wd-nd-gel[data-issue="blank"] .wd-nd-gelname,.wd-nd-gel[data-issue="not_allowed"] .wd-nd-gelname{color:var(--danger-ink)}
.wd-nd-gro{width:19px;height:19px;flex:none;border-radius:5px;background:var(--neutral-bg);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.wd-nd-gro::after{content:"N";color:var(--muted)}
.wd-nd-gro.mandatory{background:var(--danger-bg)}
.wd-nd-gro.mandatory::after{content:"R";color:var(--danger-ink)}
.wd-nd-gro.optional{background:var(--info-bg)}
.wd-nd-gro.optional::after{content:"O";color:var(--info-ink)}
/* rich tooltip card (guide descriptions) */
.wd-tip.is-rich{text-align:left;max-width:min(360px,calc(100vw - 12px));padding:10px 12px;border-radius:10px;font-weight:600}
.wd-tip .wd-tip-title{font-weight:800;font-size:13px;margin-bottom:5px}
.wd-tip .wd-tip-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}
.wd-tip .wd-tip-badge{display:inline-block;font-size:10px;font-weight:700;color:#fff;padding:1px 8px;border-radius:4px;letter-spacing:.2px}
.wd-tip .wd-tip-badge.is-req{background:#e0574a}
.wd-tip .wd-tip-badge.is-opt{background:#2d6a9f}
.wd-tip .wd-tip-meta{font-size:11px;opacity:.85}
.wd-tip .wd-tip-desc{font-size:11.5px;line-height:1.45;opacity:.92;margin-top:6px;font-weight:600}
.wd-tip .wd-tip-notes{font-size:11px;line-height:1.45;opacity:.72;margin-top:4px;font-weight:500}
/* review step */
.wd-nd-valbar{position:sticky;bottom:-20px;margin:14px -20px -20px;padding:0 20px 20px;background:var(--surface);z-index:5}
.wd-nd-valbar-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer;text-align:left}
.wd-nd-valbar-btn:disabled{cursor:default}
.wd-nd-valbar[data-state="bad"] .wd-nd-valbar-btn{border-color:var(--danger-ink);background:var(--danger-bg);color:var(--danger-ink)}
.wd-nd-valbar[data-state="ok"] .wd-nd-valbar-btn{background:var(--success-bg);border-color:transparent;color:var(--success-ink)}
.wd-nd-valbar[data-state="wait"] .wd-nd-valbar-btn,.wd-nd-valbar[data-state="none"] .wd-nd-valbar-btn{color:var(--muted);font-weight:600}
.wd-nd-valbar[data-state="error"] .wd-nd-valbar-btn{border-color:var(--warning-ink);background:var(--warning-bg);color:var(--warning-ink)}
.wd-nd-valbar[data-state="error"] .wd-nd-valbar-chev{display:none}
.wd-nd-valbar-text{flex:1;min-width:0}
.wd-nd-valbar-chev{font-size:11px;transition:transform .15s}
.wd-nd-valbar-btn[aria-expanded="true"] .wd-nd-valbar-chev{transform:rotate(180deg)}
.wd-nd-valbar[data-state="ok"] .wd-nd-valbar-chev,.wd-nd-valbar[data-state="wait"] .wd-nd-valbar-chev,.wd-nd-valbar[data-state="none"] .wd-nd-valbar-chev{display:none}
.wd-nd-valbar-list{max-height:190px;overflow:auto;border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;margin:-8px 0 0;padding:12px 6px 6px;background:var(--surface);display:grid;gap:2px}
.wd-nd-valbar-item{width:100%;display:flex;align-items:center;gap:10px;height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:12.5px;text-align:left;cursor:pointer;min-width:0}
.wd-nd-valbar-item:hover{background:var(--surface2)}
.wd-nd-valbar-item code{font-family:var(--wd-mono);font-size:12px;background:var(--neutral-bg);padding:1px 6px;border-radius:5px;flex:none}
.wd-nd-valbar-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-nd-gseg.is-flash,.wd-nd-gel.is-flash,.wd-nd-gpanel.is-flash,.wd-nd-party.is-flash,.wd-field.is-flash,.wd-nd-terms.is-flash{animation:wd-nd-flash 1.8s ease-out}
@keyframes wd-nd-flash{0%,60%{box-shadow:0 0 0 3px var(--mint-soft),inset 0 0 0 1px var(--mint)}100%{box-shadow:none}}
.wd-nd-valid{margin-bottom:14px}
.wd-nd-valid-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:grid;gap:8px;font-size:13px}
.wd-nd-valid-card.is-ok{display:flex;align-items:center;gap:8px;color:var(--success-ink);background:var(--success-bg);border-color:transparent;font-weight:700}
.wd-nd-valid-card.is-neutral{display:flex;align-items:center;gap:8px;color:var(--muted)}
.wd-nd-valid-card.is-bad{border-color:var(--danger-ink);background:var(--danger-bg)}
.wd-nd-valid-title{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--danger-ink)}
.wd-nd-valid-list{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--text);max-height:220px;overflow:auto}
.wd-nd-valid-list code{font-family:var(--wd-mono);font-size:12px;background:var(--surface);padding:1px 5px;border-radius:5px}
.wd-nd-force{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;padding-top:6px;border-top:1px solid var(--border2)}
.wd-nd-force input{position:absolute;opacity:0;width:0;height:0}
.wd-nd-force input:checked + .wd-switch{background:var(--mint)}
.wd-nd-force input:checked + .wd-switch .wd-knob{left:18px}
.wd-nd-force small{display:block;color:var(--muted);font-weight:400}
.wd-nd-mfc{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}
.wd-nd-mfc.wd-gv-mfc{margin:0}   /* the card's edges line up with the validation bar above it */
.wd-nd-mfc .top_container{padding:8px 18px !important}
.wd-nd-mfc .multiple_format_content_container > .tab-content > .tab-pane > .format_container,.wd-nd-mfc .format_container{height:52vh !important;min-height:240px}
.wd-nd-mfc .wd-nd-loading{padding:48px 18px}
/* the viewer's ghost state while the formats load: toolbar + the first tab's shape, as tall as the real viewer */
.wd-nd-prevskel-bar{display:flex;justify-content:flex-end;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border2)}
.wd-nd-prevskel-bar .wd-skel{height:24px;border-radius:8px}
.wd-nd-prevskel-body{height:52vh;min-height:240px;overflow:hidden;padding:22px 24px;display:grid;gap:14px;align-content:start}
.wd-nd-prevskel .wd-skel{height:12px}
.wd-nd-prevskel .wd-skel.is-title{height:20px}
.wd-nd-prevskel .wd-skel.is-label{height:9px;opacity:.7}
.wd-nd-prevskel .wd-skel.is-tag{height:14px;flex:0 0 auto}
.wd-nd-prevskel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.wd-nd-prevskel-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:14px 0 18px;border-bottom:1px solid var(--border2)}
.wd-nd-prevskel-facts > div{display:grid;gap:8px}
.wd-nd-prevskel-row{display:grid;grid-template-columns:1fr 56px 78px 88px;gap:22px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border2)}
.wd-nd-prevskel-totals{display:grid;gap:10px;justify-items:end;padding-top:8px}
.wd-nd-prevskel-line{display:flex;gap:10px;align-items:center}
/* the pane fills the card edge to edge: every wrapper the ajax page adds (.mt-2 alerts, #valid_x12_container, tab-content, tab-pane) loses its gutters */
.wd-nd-mfc .wd-docviewer-body > div,.wd-nd-mfc .wd-docviewer-body > div:not(.multiple_format_content_container),.wd-nd-mfc #valid_x12_container,.wd-nd-mfc .multiple_format_content_container,.wd-nd-mfc .multiple_format_content_container > .tab-content,.wd-nd-mfc .multiple_format_content_container > .tab-content > .tab-pane{padding:0 !important;margin:0 !important}
.wd-nd-mfc .multiple_format_content_container,.wd-nd-mfc .multiple_format_content_container > .tab-content > .tab-pane,.wd-nd-mfc .format_container,.wd-nd-mfc .format_container.raw_x12,.wd-nd-mfc .format_container.raw_x12.bg_off_white{border-radius:0 !important}
/* EDI and JSON panes are dark: their own inner spacing stays, the dark background reaches the card border; the rich pane keeps its row padding */
.wd-nd-mfc .format_container.json,.wd-nd-mfc .format_container.schema{padding:0 !important;background:var(--code)}
.wd-nd-mfc .format_container.json .json_editor_element.readonly{padding:14px 18px 18px !important;min-height:100%}
@media (max-width:760px){
	.wd-nd-grid2,.wd-nd-grid3,.wd-nd-grid4{grid-template-columns:1fr}
	.wd-nd-grid3 > .wd-nd-span2,.wd-nd-grid3 > .wd-nd-rowstart{grid-column:auto}
	.wd-nd-thead,.wd-nd-lrow{grid-template-columns:1fr 60px 80px 80px 28px}
	.wd-nd-line-top{flex-direction:column;gap:6px}
}