@import url("/static/readability-v571.css?v=5.7.1-3");
@import url("/static/stability-v601.css?v=6.0.6");
/* Version 5.7.0 — typography, light and motion identity. */
:root{
  --font-display:"Segoe UI Variable Display","SF Pro Display","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;
  --font-text:"Segoe UI Variable Text","SF Pro Text","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;
  --font-number:"Segoe UI Variable Display","SF Pro Display","DIN Alternate","Microsoft YaHei UI",system-ui,sans-serif;
  --type-ink:#1f1826;
  --type-body:#443b4a;
  --type-muted:#716777;
  --light-violet:rgba(151,111,181,.18);
  --light-blue:rgba(93,143,190,.12);
  --light-warm:rgba(255,255,255,.72);
}

/* Order linking · complete dialog viewport and compact controls */
html body.appbody dialog.orderlinkruledialog[open]{display:block!important;box-sizing:border-box!important;width:min(860px,calc(100vw - 24px))!important;min-width:0!important;max-width:860px!important;height:min(780px,calc(100dvh - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;padding:0!important;border:0!important;border-radius:22px!important;overflow:hidden!important}
html body.appbody dialog.orderlinkruledialog .orderlinkdialogshell{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
html body.appbody dialog.orderlinkruledialog .orderlinkdialoghead{position:relative!important;z-index:3!important;flex:0 0 auto!important;min-height:82px!important;padding:18px 22px!important}
html body.appbody dialog.orderlinkruledialog .orderlinkdialogcontent{display:block!important;flex:1 1 auto!important;box-sizing:border-box!important;width:100%!important;min-height:0!important;max-height:none!important;padding:20px 20px 0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;-webkit-overflow-scrolling:touch!important}
html body.appbody dialog.orderlinkruledialog .orderlinkruleform{position:static!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-height:max-content!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}
html body.appbody dialog.orderlinkruledialog .orderlinkstatusbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 16px!important;padding:13px 15px!important;border:1px solid rgba(91,69,108,.1)!important;border-radius:14px!important;background:rgba(247,244,249,.86)!important}
.orderlinkstatusbar>span{display:grid;gap:2px}.orderlinkstatusbar>span>b{color:var(--text);font-size:13px}.orderlinkstatusbar>span>small{color:var(--muted);font-size:10px}.orderlinkswitch{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:var(--text)!important;font-size:12px!important;cursor:pointer}.orderlinkswitch input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.orderlinkswitch i{position:relative;display:block;width:42px;height:24px;border-radius:999px;background:#c9c2cd;box-shadow:inset 0 1px 2px rgba(38,27,46,.14);transition:.2s ease}.orderlinkswitch i::after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(34,24,42,.24);content:"";transition:.2s ease}.orderlinkswitch input:checked+i{background:#6b4a80}.orderlinkswitch input:checked+i::after{transform:translateX(18px)}.orderlinkswitch input:focus-visible+i{outline:3px solid rgba(107,74,128,.2);outline-offset:2px}
html body.appbody dialog.orderlinkruledialog .orderlinkruleactions{position:static!important;z-index:1!important;margin:20px -20px 0!important;padding:15px 20px max(17px,env(safe-area-inset-bottom))!important;border-top:1px solid rgba(85,63,104,.1)!important;background:rgba(255,255,255,.96)!important;box-shadow:none!important}
.orderlinkpanelactions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.orderlinknewbutton{min-height:42px!important;margin:0!important;padding:9px 15px!important;border-radius:12px!important}
@media(max-width:700px){html body.appbody dialog.orderlinkruledialog[open]{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:18px!important}html body.appbody dialog.orderlinkruledialog .orderlinkdialoghead{min-height:72px!important;padding:15px 16px!important}html body.appbody dialog.orderlinkruledialog .orderlinkdialogcontent{padding:14px 14px 0!important}html body.appbody dialog.orderlinkruledialog .orderlinkruleactions{margin:16px -14px 0!important;padding:13px 14px max(15px,env(safe-area-inset-bottom))!important}.orderlinkstatusbar>span small{display:none}.orderlinkpanelactions{width:100%;justify-content:space-between}.orderlinknewbutton{width:auto!important;min-width:124px!important}.orderlinkrulespanel .paneltitle{gap:13px!important}}

html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,button,input,select,textarea{font-family:var(--font-text)!important}
body{color:var(--type-body);font-size:14.5px;line-height:1.62;font-optical-sizing:auto;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"tnum" 1}
.appbody :where(h1,h2,h3,h4,.pagehead h1,.paneltitle h2,.modalhead h3,.homewelcome h2,.periodhero h2,.businesshero h2,.people-hero h2){font-family:var(--font-display)!important;color:var(--type-ink);font-weight:760!important;line-height:1.18;letter-spacing:-.042em;text-wrap:balance}
.appbody .pagehead h1{font-size:clamp(27px,2.25vw,34px)!important;font-weight:790!important;letter-spacing:-.052em!important}
.appbody :where(.paneltitle h2,.panel>h2){font-size:clamp(18px,1.45vw,21px)!important;letter-spacing:-.035em!important}
.appbody :where(.modalhead h3,.profile-center-head h2,.person-dialog-head h2){font-size:clamp(19px,1.7vw,23px)!important;letter-spacing:-.042em!important}
.appbody :where(p,.paneltitle p,.pagehead p,.muted,small){color:var(--type-muted);font-weight:470;letter-spacing:-.005em}
.appbody :where(strong,b){font-weight:720}
.appbody :where(.metric strong,.adminmetrics strong,.billamount strong,.businessherostat strong,.homeclock strong,.releasecurrent,.backupcount){font-family:var(--font-number)!important;font-variant-numeric:tabular-nums lining-nums;font-weight:780!important;letter-spacing:-.045em!important}
/* Keep financial figures crisp even when an older module rule is more specific. */
html body.appbody :is(.metric strong,.adminmetrics strong,.billamount strong,.businessherostat strong,.homeclock strong,.releasecurrent,.backupcount):not(#allow-standard-numbers){font-family:var(--font-number)!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:"tnum" 1,"lnum" 1!important;font-weight:780!important}
.appbody .metric strong{color:#251c2d!important;font-size:clamp(23px,2vw,28px)!important}
.appbody :where(label,th,.eyebrow,.tag,.duebadge,.presencetag,.releasebadge span){font-weight:690!important}
.appbody :where(input,select,textarea){font-size:13.5px;letter-spacing:-.008em}
.appbody :where(button,.primary,.secondary,a.primary,a.secondary){font-weight:700!important;letter-spacing:-.012em!important}
.appbody table{font-variant-numeric:tabular-nums lining-nums}.appbody th{color:#655a6d!important;font-size:11px!important;font-weight:740!important;letter-spacing:.04em!important}.appbody td{color:#39303f;font-weight:500}
.appbody .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#765d89!important;font-family:var(--font-text)!important;font-size:9px!important;font-weight:820!important;letter-spacing:.19em!important}
.appbody .eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#9a72b8;box-shadow:0 0 0 4px rgba(154,114,184,.1),0 0 14px rgba(154,114,184,.35)}
.appbody :where(.periodhero,.businesshero,.databasehero,.people-hero) .eyebrow{color:rgba(255,255,255,.68)!important}.appbody :where(.periodhero,.businesshero,.databasehero,.people-hero) .eyebrow::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12),0 0 18px rgba(255,255,255,.4)}

body.appbody{background:radial-gradient(circle at 7% -8%,rgba(143,101,173,.23),transparent 31rem),radial-gradient(circle at 96% 10%,rgba(87,137,184,.15),transparent 29rem),radial-gradient(circle at 52% 108%,rgba(160,111,151,.11),transparent 34rem),linear-gradient(155deg,#e6e1ec 0%,#f1edf4 47%,#e7e7ef 100%) fixed!important}
.appbody :where(.panel,.metric,.glasscard:not(.weathercard),.commoninfocard,.shortcutcard,.homeactioncard,.adminmetrics>article){background:radial-gradient(circle at 95% 0,rgba(153,118,177,.065),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.9),rgba(250,248,252,.75))!important;border-color:rgba(255,255,255,.86)!important;box-shadow:0 20px 55px rgba(43,30,55,.085),0 2px 9px rgba(43,30,55,.035),inset 0 1px 0 rgba(255,255,255,.92)!important}
.appbody :where(.panel,.metric,.glasscard:not(.weathercard),.commoninfocard,.shortcutcard,.homeactioncard){background-clip:padding-box!important}
.appbody :where(.periodhero,.businesshero,.databasehero,.people-hero,.homewelcome){position:relative;isolation:isolate;overflow:hidden;background-size:160% 160%!important;animation:uiHeroLight 12s ease-in-out infinite alternate}
.appbody :where(.periodhero,.businesshero,.databasehero,.people-hero,.homewelcome)::after{content:"";position:absolute;z-index:0;top:-55%;right:-12%;width:48%;height:210%;border-radius:50%;background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.16) 48%,transparent 76%);filter:blur(3px);transform:rotate(14deg);pointer-events:none;animation:uiHeroSheen 9s ease-in-out infinite}
.appbody :where(.periodhero,.businesshero,.databasehero,.people-hero,.homewelcome)>*{position:relative;z-index:1}
.appbody .metric{position:relative;isolation:isolate;overflow:hidden}
.appbody .metric::after{content:"";position:absolute;z-index:0;right:-24px;bottom:-30px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(144,104,171,.13),transparent 68%);opacity:.72;pointer-events:none;animation:uiMetricGlow 5.5s ease-in-out infinite alternate}
.appbody .metric>*{position:relative;z-index:1}
.appbody header{box-shadow:0 20px 58px rgba(29,21,38,.24),inset 0 1px 0 rgba(255,255,255,.12)!important}
.appbody header nav a{position:relative;isolation:isolate}.appbody header nav a.is-current::after{content:"";position:absolute;left:22%;right:22%;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#d7b9ed,transparent);box-shadow:0 0 12px rgba(215,185,237,.55);animation:uiNavGlow 2.8s ease-in-out infinite}
.appbody :where(.adminnav a.active,.superadmintabs a.active){box-shadow:0 9px 24px rgba(74,49,93,.24),inset 0 1px 0 rgba(255,255,255,.22),0 0 22px rgba(129,91,158,.12)!important}
.appbody :where(.primary,button.primary,form button:not(.secondary):not(.danger):not(.icon):not(.modalclose):not(.tiny)){background-size:180% 180%!important;box-shadow:0 10px 25px rgba(74,48,92,.21),inset 0 1px 0 rgba(255,255,255,.18)!important;transition:background-position 360ms ease,box-shadow 220ms ease,filter 160ms ease,transform 140ms ease!important}
.appbody :where(.primary,button.primary,form button:not(.secondary):not(.danger):not(.icon):not(.modalclose):not(.tiny)):hover{background-position:100% 50%!important;box-shadow:0 13px 30px rgba(74,48,92,.26),inset 0 1px 0 rgba(255,255,255,.22)!important;filter:brightness(1.045) saturate(1.04)!important}
.appbody :where(input,select,textarea):focus{box-shadow:0 0 0 4px rgba(116,82,142,.1),0 8px 24px rgba(69,48,85,.07),inset 0 1px 0 rgba(255,255,255,.95)!important}
.appbody :where(dialog.homemodal,dialog.settlementmodal,.profile-center-dialog,.people-dialog,.chat-dialog){border-color:rgba(255,255,255,.9)!important;box-shadow:0 38px 120px rgba(27,18,35,.34),0 0 55px rgba(127,88,153,.11),inset 0 1px 0 rgba(255,255,255,.94)!important}
.appbody dialog::backdrop{background:radial-gradient(circle at 50% 35%,rgba(105,76,127,.18),rgba(20,15,25,.56))!important;backdrop-filter:blur(11px) saturate(1.08)!important}
.appbody tbody tr{transition:background-color 180ms ease,box-shadow 180ms ease!important}.appbody tbody tr:hover{background:rgba(117,82,142,.06)!important;box-shadow:inset 3px 0 rgba(126,90,153,.28)!important}
.appbody :where(.presence.online,.chat-avatar>i.online,.people-avatar>i.online,.is-online .presenceavatar i){animation:uiPresence 2.4s ease-in-out infinite}
.appbody :where(.success,.tag.ok,.presencetag){text-shadow:0 1px 0 rgba(255,255,255,.55)}

@media(max-width:700px){
  body{font-size:14px;line-height:1.58}.appbody .pagehead h1{font-size:24px!important}.appbody :where(.paneltitle h2,.panel>h2){font-size:18px!important}.appbody :where(.modalhead h3,.profile-center-head h2,.person-dialog-head h2){font-size:19px!important}
  .appbody .metric strong{font-size:21px!important}.appbody :where(input,select,textarea){font-size:16px!important}
  .appbody :where(.panel,.metric,.glasscard:not(.weathercard),.commoninfocard,.shortcutcard,.homeactioncard,.adminmetrics>article){box-shadow:0 12px 32px rgba(43,30,55,.07),0 1px 5px rgba(43,30,55,.025),inset 0 1px 0 rgba(255,255,255,.9)!important}
  .appbody :where(.periodhero,.businesshero,.databasehero,.people-hero,.homewelcome)::after{width:62%;right:-24%;opacity:.7}
}

@media(hover:hover) and (pointer:fine){.appbody :where(.panel,.metric,.glasscard:not(.weathercard),.commoninfocard,.shortcutcard,.homeactioncard,.adminmetrics>article):hover{border-color:rgba(135,99,161,.2)!important;box-shadow:0 24px 66px rgba(43,30,55,.12),0 3px 12px rgba(43,30,55,.045),inset 0 1px 0 #fff!important}}

@media(prefers-reduced-motion:reduce){.appbody :where(.periodhero,.businesshero,.databasehero,.people-hero,.homewelcome),.appbody :where(.periodhero,.businesshero,.databasehero,.people-hero,.homewelcome)::after,.appbody .metric::after,.appbody header nav a.is-current::after,.appbody :where(.presence.online,.chat-avatar>i.online,.people-avatar>i.online,.is-online .presenceavatar i){animation:none!important}}

@keyframes uiHeroLight{from{background-position:0% 44%}to{background-position:100% 56%}}
@keyframes uiHeroSheen{0%,18%{transform:translateX(55%) rotate(14deg);opacity:0}42%{opacity:.7}72%,100%{transform:translateX(-210%) rotate(14deg);opacity:0}}
@keyframes uiMetricGlow{from{transform:scale(.88);opacity:.45}to{transform:scale(1.12);opacity:.9}}
@keyframes uiNavGlow{0%,100%{opacity:.45;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}
@keyframes uiPresence{0%,100%{box-shadow:0 0 0 2px rgba(50,185,121,.12),0 0 0 0 rgba(50,185,121,.22)}50%{box-shadow:0 0 0 2px rgba(50,185,121,.12),0 0 0 6px rgba(50,185,121,0)}}

/* Cross-database rule designer */
.orderlinkrulename{display:grid!important;gap:7px!important;margin:0 0 16px!important;color:var(--muted);font-size:12px;font-weight:750}.orderlinkrulename input{width:100%!important;height:45px!important;margin:0!important}.orderlinkflowdesigner{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:stretch;gap:14px}.orderlinkside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding:17px;border:1px solid rgba(82,63,101,.11);border-radius:17px;background:rgba(249,247,251,.78)}.orderlinkside>.orderlinksidehead{display:flex;grid-column:1/-1;align-items:center;gap:10px;margin-bottom:3px;padding-bottom:13px;border-bottom:1px solid rgba(82,63,101,.09)}.orderlinkside>.orderlinksidehead>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#67507b;color:#fff;font-size:11px;font-weight:850}.orderlinktarget>.orderlinksidehead>span{background:#426d86}.orderlinkside>.orderlinksidehead div{display:grid;gap:2px}.orderlinkside>.orderlinksidehead b{color:var(--text);font-size:15px}.orderlinkside>.orderlinksidehead small{font-size:10px}.orderlinkside>label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px;font-weight:700}.orderlinkside :is(input,select){box-sizing:border-box;width:100%!important;min-width:0!important;height:42px!important;margin:0!important}.orderlinklogic{display:grid;place-items:center;align-content:center;gap:6px;color:#6d5a79;text-align:center}.orderlinklogic i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6b4a80,#47758e);box-shadow:0 9px 22px rgba(66,54,82,.18);color:#fff;font-size:24px;font-style:normal}.orderlinklogic b{font-size:12px}.orderlinklogic small{max-width:76px;font-size:9px;line-height:1.4}.orderlinkrulefooter{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:16px;padding:14px 15px;border:1px solid rgba(82,63,101,.09);border-radius:14px;background:rgba(248,246,250,.7)}.orderlinkrulefooter>label:first-child{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750}.orderlinkrulefooter select{width:190px!important;height:40px!important;margin:0!important}
@media(max-width:820px){.orderlinkflowdesigner{grid-template-columns:1fr}.orderlinklogic{grid-template-columns:auto auto auto;justify-content:center;padding:2px 0}.orderlinklogic i{width:38px;height:38px;transform:rotate(90deg);font-size:20px}.orderlinklogic small{max-width:none}.orderlinkside{grid-template-columns:1fr}.orderlinkside>.orderlinksidehead{grid-column:auto}.orderlinkrulefooter{align-items:stretch;flex-direction:column}.orderlinkrulefooter select{width:100%!important}}

/* Rule dialog v2: fixed head/footer with one deliberate scrolling surface. */
html body.appbody dialog.orderlinkruledialog .orderlinkdialogcontent{display:flex!important;flex:1 1 auto!important;padding:0!important;overflow:hidden!important;scrollbar-gutter:auto!important}
html body.appbody dialog.orderlinkruledialog .orderlinkruleform{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
html body.appbody dialog.orderlinkruledialog .orderlinkformscroll{flex:1 1 auto!important;box-sizing:border-box!important;min-height:0!important;padding:20px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;-webkit-overflow-scrolling:touch!important}
html body.appbody dialog.orderlinkruledialog .orderlinkruleactions{position:relative!important;z-index:5!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-height:72px!important;margin:0!important;padding:14px 20px max(14px,env(safe-area-inset-bottom))!important;border-top:1px solid rgba(85,63,104,.1)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -10px 24px rgba(43,31,53,.055)!important;overflow:visible!important}
html body.appbody dialog.orderlinkruledialog .orderlinkruleactions button{min-width:132px!important;margin:0!important}
@media(max-width:700px){html body.appbody dialog.orderlinkruledialog .orderlinkformscroll{padding:14px!important}html body.appbody dialog.orderlinkruledialog .orderlinkruleactions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:68px!important;margin:0!important;padding:11px 14px max(12px,env(safe-area-inset-bottom))!important}html body.appbody dialog.orderlinkruledialog .orderlinkruleactions button{width:100%!important;min-width:0!important}.orderlinkside{padding:14px!important}.orderlinklogic small{display:none}}
.orderlinkside [data-orderlink-flow][hidden]{display:none!important}.orderlinkside.is-no-flow>label:has(select[data-orderlink-database]){grid-column:1/-1!important}.orderlinkside select[data-orderlink-database]{text-overflow:ellipsis}

/* v7.3.1 order-link editor: larger canvas, consistent icons and fully editable choices. */
html body.appbody dialog.orderlinkruledialog[open]{box-sizing:border-box!important;width:min(1120px,calc(100vw - 28px))!important;max-width:1120px!important;height:min(900px,calc(100dvh - 24px))!important;max-height:min(900px,calc(100dvh - 24px))!important;margin:auto!important;padding:0!important;border:0!important}
html body.appbody dialog.orderlinkruledialog .orderlinkdialogshell{max-height:none!important}
html body.appbody dialog.orderlinkruledialog .orderlinkdialoghead{box-sizing:border-box!important;width:100%!important;margin:0!important;border-radius:0!important}
.orderlinkflowdesigner{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)!important;gap:18px!important}
.orderlinkside{gap:14px!important;padding:20px!important;border-radius:20px!important}
.orderlinkeditable{position:relative;display:block;min-width:0}.orderlinkeditable input{padding-right:40px!important}.orderlinkeditable [data-orderlink-clear]{position:absolute!important;right:7px!important;top:50%!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;border:0!important;border-radius:9px!important;background:rgba(105,83,121,.08)!important;color:#74647e!important;font-size:17px!important;line-height:1!important;box-shadow:none!important}.orderlinkeditable [data-orderlink-clear]:hover{background:rgba(105,83,121,.15)!important;color:#493b53!important}
.orderlinksidecontext{display:grid;grid-column:1/-1;gap:3px;margin-top:2px;padding:11px 13px;border:1px solid rgba(83,66,96,.08);border-radius:12px;background:rgba(255,255,255,.68)}.orderlinksidecontext b{overflow:hidden;color:#4a3b54;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.orderlinksidecontext span{color:#85778d;font-size:10px;line-height:1.4}
.orderlinklogic i svg,.orderlinkrulecardicon svg,.orderlinkrulecardarrow svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.orderlinklogic i svg{width:25px;height:25px}.orderlinkrulecardarrow svg{width:18px;height:18px}.orderlinkrulecardcopy em{color:#8b7d94;font-size:10px;font-style:normal;font-weight:750}.orderlinkrulecardcopy small{color:#64566e!important}.orderlinkrulecardicon{color:#63427b!important}
.orderlinkrulefooter{display:grid!important;grid-template-columns:minmax(260px,1fr) 190px auto!important;align-items:end!important}.orderlinkmatchnote{display:grid;gap:3px;align-self:center}.orderlinkmatchnote b{color:#4b3d54;font-size:11px}.orderlinkmatchnote span{color:#887b90;font-size:10px;line-height:1.4}
@media(max-width:900px){.orderlinkflowdesigner{grid-template-columns:1fr!important}.orderlinklogic{grid-template-columns:auto auto auto!important;justify-content:center!important;padding:1px 0!important}.orderlinklogic i{width:40px!important;height:40px!important;transform:rotate(90deg)}.orderlinkrulefooter{grid-template-columns:1fr!important;align-items:stretch!important}.orderlinkrulefooter select{width:100%!important}}
@media(max-width:700px){html body.appbody dialog.orderlinkruledialog[open]{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important}.orderlinkside{padding:15px!important}.orderlinksidecontext span{font-size:9px}}

/* v7.3.3: one direct three-step workflow. */
.orderlinklogic small,.orderlinksidecontext,.orderlinkmatchnote{display:none!important}.orderlinklogic{align-self:stretch!important}.orderlinkrulefooter{grid-template-columns:minmax(260px,1fr) 210px auto!important;align-items:center!important}.orderlinksettingshead{display:flex;align-items:center;gap:10px}.orderlinksettingshead>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#67507b;color:#fff;font-size:11px;font-weight:850}.orderlinksettingshead>div{display:grid;gap:2px}.orderlinksettingshead b{color:#493b52;font-size:13px}.orderlinksettingshead small{color:#85788d;font-size:10px}.orderlinkside>label input{padding-right:12px!important}.orderlinkrulecardcopy{gap:4px!important}
@media(max-width:900px){.orderlinkrulefooter{grid-template-columns:1fr!important}.orderlinksettingshead{margin-bottom:3px}}
@media(max-width:700px){html body.appbody dialog.orderlinkruledialog .orderlinkruleactions button:only-child{grid-column:1/-1!important}}

/* v7.3.9: aligned labels, centered chevrons and two-level business database picker. */
html body.appbody dialog.orderlinkruledialog select{appearance:none!important;-webkit-appearance:none!important;padding:0 38px 0 13px!important;background-color:rgba(255,255,255,.94)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6179' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;line-height:42px!important}
html body.appbody dialog.orderlinkruledialog input[list]{padding:0 38px 0 13px!important;background-color:rgba(255,255,255,.94)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6179' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important}html body.appbody dialog.orderlinkruledialog input[list]::-webkit-calendar-picker-indicator{width:30px!important;height:100%!important;margin:0 -31px 0 0!important;padding:0!important;opacity:0!important;cursor:pointer!important}
.orderlinkdatabasecontrol{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;min-width:0!important}.orderlinkdatabasecontrol.has-business{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important}.orderlinkdatabasecontrol select{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.orderlinkdatabasecontrol [data-orderlink-business-ledger][hidden]{display:none!important}
.orderlinkside>label{align-content:start!important;grid-auto-rows:max-content!important;gap:7px!important;line-height:18px!important}.orderlinkside>label>[data-orderlink-field-label],.orderlinkside>label:not([data-orderlink-field]){line-height:18px!important}.orderlinkside :is(input,select){height:44px!important;min-height:44px!important;line-height:1.25!important}.orderlinksidehead b{line-height:20px!important}.orderlinksidehead small{display:block!important;line-height:16px!important}.orderlinkrulename{line-height:18px!important}.orderlinkrulefooter>label{display:grid!important;align-content:start!important;gap:7px!important;line-height:18px!important}.orderlinkrulefooter select{height:44px!important;min-height:44px!important;line-height:44px!important}
@media(max-width:700px){.orderlinkdatabasecontrol.has-business{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:7px!important}html body.appbody dialog.orderlinkruledialog :is(select,input[list]){padding-right:34px!important;background-position:right 10px center!important}}

/* v7.4.3: dispatch tabs follow the same left-aligned pattern as other ledgers. */
.beta-app>.beta-tabs{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;align-items:center!important;gap:5px!important;width:100%!important;margin:0 0 24px!important;padding:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.beta-app>.beta-tabs::-webkit-scrollbar{display:none!important}.beta-app>.beta-tabs>a{display:flex!important;place-items:unset!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:0!important;min-height:39px!important;padding:9px 14px!important;border-radius:12px!important;text-align:left!important;scroll-snap-align:start!important}
@media(max-width:700px){.beta-app>.beta-tabs{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;gap:5px!important;margin-bottom:18px!important;padding:6px!important;overflow-x:auto!important}.beta-app>.beta-tabs>a{display:flex!important;place-items:unset!important;flex:0 0 auto!important;min-width:max-content!important;min-height:39px!important;padding:8px 12px!important;text-align:left!important}}

/* v7.4.4: remove the unused vertical scrollbar gutter from summary tables. */
.beta-view-ledger>.panel>.tablewrap{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-gutter:auto!important}.beta-view-ledger>.panel>.tablewrap>table{width:100%!important;margin:0!important}