/* Shared language controls and layout rules override the historical CSS layers. */
html{color-scheme:dark;scrollbar-color:#416587 #0a1c30}body{overflow-x:hidden}
html[dir=rtl]{direction:rtl!important}html[dir=ltr]{direction:ltr!important}
html[dir] body,html[dir] body>main,html[dir] body main>header{direction:inherit!important;text-align:start!important}
html[dir] body #content .noon-account-filters{display:flex!important;flex-wrap:wrap;gap:16px;align-items:end;background:transparent!important;border:0!important;margin-block:16px}
html[dir] body #content .noon-account-filters>div{flex:0 1 170px;min-width:120px;background:transparent!important;border:0!important;padding:0!important}
html[dir] body #content .noon-account-filters>div:first-child{flex-basis:320px}
html[dir] body #content .noon-account-filters label{display:block;margin-bottom:6px}
html[dir] body #content .noon-account-filters input{width:100%!important}
html[dir] body #content #saleProfitThreshold{width:220px!important;max-width:100%;direction:ltr}
html[dir] body #content .order-status-filter{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;margin-block:16px;padding:14px;border:1px solid #335575;border-radius:12px;background:#10253b!important}html[dir] body #content .order-status-filter select{width:auto!important;min-width:180px;flex:0 1 240px}html[dir] body #content .order-status-filter p{margin:0;color:#b9d6eb}
.gift-language-switcher{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0 8px;direction:ltr;max-width:100%}
.gift-language-switcher button{width:auto!important;flex:1;min-width:80px;padding:9px 13px!important;border:1px solid #53789a!important;border-radius:10px;background:#122e4b;color:#d9edff;font-size:14px!important;cursor:pointer}
.gift-language-switcher button[aria-pressed=true]{background:#157eae!important;border-color:#8ad4eb!important;color:white}
.gift-language-switcher button::before{content:none!important}
html[dir] body:has(>aside){display:block!important;direction:inherit!important}
html[dir] body>aside{position:fixed!important;inset-block:0!important;width:var(--giftops-sidebar-width,240px)!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important}
html[dir=rtl] body>aside{right:0!important;left:auto!important}
html[dir=ltr] body>aside{left:0!important;right:auto!important}
html[dir] body:has(>aside)>main{position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - var(--giftops-sidebar-width,240px))!important;max-width:none!important;margin-block:0!important;padding:24px!important;min-width:0;overflow:visible!important}
html[dir=rtl] body:has(>aside)>main{margin-right:var(--giftops-sidebar-width,240px)!important;margin-left:0!important}
html[dir=ltr] body:has(>aside)>main{margin-left:var(--giftops-sidebar-width,240px)!important;margin-right:0!important}
html[dir] body #content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;direction:inherit!important;min-width:0;overflow:visible!important}
html[dir] body main>header{position:relative!important;inset:auto!important;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;height:auto!important;margin-bottom:24px}
html[dir] body aside #nav{position:relative!important;inset:auto!important;height:auto!important;width:100%!important;overflow:visible!important}
html[dir] body aside #nav button{text-align:start!important;font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5}
html[dir] body #content table,html[dir] body table{direction:inherit!important;text-align:start!important}
html[dir] body :is(th,td){text-align:start!important;vertical-align:top;white-space:normal!important;overflow-wrap:anywhere}
html[dir] body :is(.wf-table,.table-scroll,.table-wrap,.table-responsive){max-width:100%!important;min-width:0;overflow:auto}
html[dir] body :is(.wallet-flow,.wf-actions,.toolbar,.actions){direction:inherit!important}
html[dir] body .wallet-flow :is(.wf-amount,.wf-stat strong){text-align:start}
html[dir] body :is(button,.button-link){white-space:normal;line-height:1.4;max-width:100%}
html[dir] body :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
html[dir] body :is(input[type=number],input[type=date],input[type=datetime-local],input[type=password],input[type=email],input[inputmode=numeric],.code,code){direction:ltr}
html[dir] body :is(.wf-tabs,.actions,.toolbar,.wf-toolbar){flex-wrap:wrap;gap:10px}
html[dir] body .wallet-flow .wf-form{width:100%;min-width:0;max-width:720px;margin-inline:auto}
html[dir] body>#modal{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;z-index:2000!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow:auto!important}
html[dir] body>#modal.hidden{display:none!important}
html[dir] body>#modal:not(.hidden){display:flex!important}
html[dir] body>#modal>.modal-card{position:relative!important;inset:auto!important;transform:none!important;max-width:900px!important;width:100%!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;margin:auto!important;padding:44px 24px 24px!important}
html[dir] body dialog{max-height:calc(100dvh - 32px)!important;overflow:auto!important;box-sizing:border-box}
html[dir] body #accountsTable{table-layout:fixed;white-space:normal!important}
#accountsTable th:nth-child(1){width:13%}#accountsTable th:nth-child(2){width:13%}#accountsTable th:nth-child(3){width:13%}#accountsTable th:nth-child(4){width:9%}#accountsTable th:nth-child(5){width:29%}#accountsTable th:nth-child(6){width:23%}
#accountsTable td button{display:block;width:100%;margin:0 0 8px;padding:9px!important}
#accountsTable td:nth-child(5){line-height:1.8}
#unlinkedEmployees>p{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0;margin:0;border-bottom:1px solid #335575}
#unlinkedPanel{margin-top:24px;padding:20px;border:1px solid #335575;border-radius:14px}
@media(max-width:1100px){
 html[dir] body #accountsTable,html[dir] body #accountsTable :is(tbody,tr,td){display:block;width:100%!important;max-width:100%!important}
 #accountsTable thead{display:none}#accountsTable tr{border:1px solid #416587;border-radius:12px;padding:14px;margin-bottom:16px}
 html[dir] body #accountsTable td{border:0!important;padding:8px!important;display:grid;grid-template-columns:minmax(90px,25%) minmax(0,1fr);gap:12px}
 #accountsTable td::before{content:attr(data-label);color:#a7d4f3;font-weight:700}
 #accountsTable td:last-child{display:flex!important;flex-wrap:wrap}#accountsTable td:last-child::before{width:100%}#accountsTable td button{width:auto;flex:1;min-width:160px}
}
@media(max-width:760px){
 :root{--giftops-sidebar-width:180px}
 html[dir] body:has(>aside)>main{padding:16px!important}
 .wallet-flow .wf-grid,.summary-grid{grid-template-columns:1fr!important}
 html[dir] body .wf-tabs button{min-width:120px;flex:1}
}
@media(max-width:520px){
 html[dir] body>aside{position:relative!important;width:100%!important;height:auto!important;max-height:none!important;padding:14px!important}
 html[dir] body:has(>aside)>main{width:100%!important;margin:0!important;padding:16px!important}
 html[dir] body aside #nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 html[dir] body aside .session-card{margin-top:12px}
 .gift-language-switcher{margin-top:12px}
 html[dir] body>#modal{padding:10px!important}
 html[dir] body>#modal>.modal-card{max-height:calc(100dvh - 20px)!important;padding:42px 16px 20px!important}
 html[dir] body .wf-form-grid{grid-template-columns:1fr}
}

#jobTitlesPanel{padding:20px;margin-bottom:24px;border:1px solid #335575;border-radius:14px}.job-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px 0;border-bottom:1px solid #335575}.job-title-row strong{min-width:100px}#jobTitleDialog{width:min(640px,94vw)}#jobTitleDialog label{display:block;margin-block:10px}#jobTitleDialog input:not([type=checkbox]),#jobTitleDialog select{width:100%}
html[dir] body :is(#jobTitleDialog,#userDialog){background:#10253b;color:#e5efff;border:1px solid #416587;border-radius:16px;padding:24px}
html[dir] body :is(#jobTitleDialog,#userDialog)::backdrop{background:#020c19b3}
html[dir] body #jobTitleDialog .check-label{display:flex;align-items:center;gap:10px}

/* Gift Ops visual system: shared by management, staff, partner and sign-in. */
:root{
 --giftops-sidebar-width:248px;
 --ui-bg:#0b1020;--ui-surface:#131c30;--ui-soft:#10192b;
 --ui-ink:#e4edfb;--ui-muted:#a2b1ca;--ui-line:#2a3650;
 --ui-accent:#72d6ff;--ui-accent-soft:#192840;--ui-violet:#b6a3ff;--ui-action:linear-gradient(115deg,#17668f 0%,#4654ab 52%,#6d42b5 100%);
 --safe-bg:var(--ui-bg);--safe-bg2:var(--ui-bg);--safe-text:var(--ui-ink);
 --safe-muted:var(--ui-muted);--safe-panel:var(--ui-surface);--safe-panel2:var(--ui-surface);--safe-border:var(--ui-line);
 font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;
}
html[dir]{color-scheme:dark;background:var(--ui-bg)!important;scrollbar-color:#465576 transparent}
html[dir] body{background:var(--ui-bg)!important;color:var(--ui-ink)!important;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.65}
html[dir] body :is(button,input,select,textarea){font-family:inherit;font-size:.9375rem}
html[dir] body :is(h1,h2,h3,h4){color:var(--ui-ink)!important;line-height:1.5;letter-spacing:normal}
html[dir] body #content :is(h1,h2,h3,h4){color:var(--ui-ink)!important}
html[dir] body h1{font-size:1.7rem;font-weight:750;margin:0}
html[dir] body h2{font-size:1.3rem;font-weight:700;margin:0 0 16px}
html[dir] body h3{font-size:1.05rem;font-weight:700;margin:0 0 14px}
html[dir] body :is(p,.wf-muted,.muted,.small,.empty,.wf-empty){line-height:1.8}
html[dir] body :is(.wf-muted,.muted,.small,.empty,.wf-empty,.wf-stat span){color:var(--ui-muted)!important;font-size:.875rem}
html[dir] body :is(.wallet-flow,#content){color:var(--ui-ink)!important;background:transparent!important}
html[dir] body :is(a){color:var(--ui-accent)}
html[dir] body main>header{padding:4px 0 22px;border-bottom:1px solid var(--ui-line);margin-bottom:26px!important;box-shadow:none!important;background:transparent!important}
html[dir] body main>header p{color:var(--ui-muted)!important;font-size:.875rem;margin:4px 0 0}
html[dir] body:has(>aside)>main{padding:28px 32px!important}
html[dir] body>aside{background:#0d1426!important;color:#dce7fa!important;padding:26px 18px!important;border:0!important;box-shadow:none!important;scrollbar-width:thin}
html[dir] body aside .brand{display:flex;align-items:center;gap:12px;color:#fff!important;font-size:1.3rem;letter-spacing:.07em;margin:0 8px 24px;direction:ltr;white-space:nowrap}
html[dir] body aside .brand::before{content:"";display:block;width:27px;height:27px;border:7px solid #87d9ff;border-radius:8px;box-sizing:border-box;flex:none}
html[dir] body aside .users-link{background:#1a2943!important;color:#d4eaff!important;border:1px solid #384b70!important;border-radius:10px;margin:0 0 20px;padding:11px;text-decoration:none;font-size:.875rem}
html[dir] body aside #nav{background:transparent!important;border:0!important;display:flex;flex-direction:column;gap:3px}
html[dir] body aside #nav button{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px!important;margin:0!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#acbed8!important;font-weight:500;box-shadow:none!important;transition:background .15s,color .15s}
html[dir] body aside #nav button:hover{background:#1a2943!important;color:#fff!important;transform:none!important}
html[dir] body aside #nav button:is(.active,[aria-current=page]){background:var(--ui-action)!important;border-color:#7773c8!important;color:#fff!important;font-weight:650;box-shadow:0 4px 12px #07152820!important}
html[dir] body aside #nav button::before{content:""!important;display:block;width:18px;height:18px;flex:0 0 18px;background:currentColor;opacity:.9;mask:var(--nav-icon) center/contain no-repeat;--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M8 9h8M8 15h8'/%3E%3C/svg%3E")}
html[dir] body aside #nav button[data-page=Dashboard]::before{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
html[dir] body aside #nav button[data-page="Gift Cards"]::before{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='3'/%3E%3Cpath d='M3 10h18M6 15h4'/%3E%3C/svg%3E")}
html[dir] body aside #nav button[data-page="Noon Accounts"]::before{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
html[dir] body aside #nav button:is([data-page=Employees],[data-page=Partners],[data-page=Suppliers])::before{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6M18 13a5 5 0 0 1 3 5v3'/%3E%3C/svg%3E")}
html[dir] body aside #nav button[data-page=Inventory]::before{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='m3 7 9-4 9 4v10l-9 4-9-4V7Zm0 0 9 5 9-5M12 12v9M7 5l10 5'/%3E%3C/svg%3E")}
html[dir] body aside .session-card{margin-top:24px;padding-top:20px;border-top:1px solid #293650;font-size:.8125rem;gap:10px;color:#acbed8!important;align-items:stretch}
html[dir] body aside .session-card a{color:#b9c9ff!important}
html[dir] body aside .session-card button{color:#dce7fa!important;background:transparent!important;border-color:#3c4b69!important}
html[dir] body .gift-language-switcher{gap:4px;padding:4px;background:#10182b;border-radius:10px;max-width:240px}
html[dir] body .gift-language-switcher button{background:transparent!important;color:#a9b9d2!important;border:0!important;border-radius:7px!important;padding:8px 12px!important;font-size:.875rem!important;box-shadow:none!important;min-height:36px}
html[dir] body .gift-language-switcher button[aria-pressed=true]{background:var(--ui-surface)!important;color:#a3e4ff!important;box-shadow:0 1px 4px #00000026!important}
html[dir] body aside .gift-language-switcher{background:#1a2943}
html[dir] body aside .gift-language-switcher button{color:#acbed8!important}
html[dir] body aside .gift-language-switcher button[aria-pressed=true]{background:#293459!important;color:#fff!important}
html[dir] body :is(.wf-panel,.panel,.auth-card,.wf-stat),html[dir] body #content .card,html[dir] body #jobTitlesPanel,html[dir] body #unlinkedPanel{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;box-shadow:0 2px 5px #00000012!important;padding:22px}
html[dir] body .wallet-flow .wf-grid{gap:18px;margin-block:20px 28px}
html[dir] body .wallet-flow .wf-metric{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:174px;margin:0;padding:22px 24px;border-block-start:3px solid #508bb5!important}
html[dir] body .wallet-flow .wf-metric>.wf-muted:first-child{font-weight:650;color:#d1def4!important}
html[dir] body .wallet-flow .wf-metric>.wf-muted:not(:first-child){font-size:.8125rem;line-height:1.75}
html[dir] body .wallet-flow .wf-amount{font-size:1.8rem;font-weight:750;letter-spacing:-.035em;line-height:1.5;color:#b4e5ff;margin:10px 0 8px;font-variant-numeric:tabular-nums}
html[dir] body .wallet-flow .wf-metric>.wf-actions{margin-top:auto;padding-top:16px}
html[dir] body .wallet-flow .wf-cash{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 24px;align-items:center;min-height:160px;background:linear-gradient(115deg,#12384e,#202b50 55%,#38274f)!important;border-color:#4c5882!important;box-shadow:0 6px 18px #00000030!important}
html[dir] body .wallet-flow .wf-cash>.wf-muted{color:#b9cde9!important;grid-column:1}
html[dir] body .wallet-flow .wf-cash>.wf-muted:first-child{color:#d9e9ff!important}
html[dir] body .wallet-flow .wf-cash>.wf-amount{grid-column:1;color:#fff;font-size:2.1rem;margin:2px 0}
html[dir] body .wallet-flow .wf-cash>.wf-actions{grid-column:2;grid-row:1/4;margin:0;padding:0}
html[dir] body .wallet-flow .wf-cash button{background:var(--ui-action)!important;color:#fff!important;border-color:#8b8ad3!important;padding:12px 20px!important}
html[dir] body :is(button,.button-link){border:1px solid #354661!important;border-radius:9px!important;background:var(--ui-surface)!important;color:#c5d9f5!important;font-weight:600;padding:10px 15px;min-height:42px;box-shadow:0 1px 2px #00000018!important;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s;transform:none!important;text-shadow:none!important}
html[dir] body :is(button,.button-link):hover{filter:none!important;background:#24324d!important;border-color:#6189b9!important;transform:none!important}
html[dir] body :is(button.primary,.button-link:not(.secondary),.auth-card button[type=submit]){background:var(--ui-action)!important;border-color:#716cc7!important;color:#fff!important;box-shadow:0 3px 7px #7364d933!important}
html[dir] body :is(button.primary,.button-link:not(.secondary),.auth-card button[type=submit]):hover{background:#256cb0!important;border-color:#256cb0!important}
html[dir] body button.danger{color:#ff9fb1!important;border-color:#74394e!important;background:#361e31!important}
html[dir] body button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}
html[dir] body :is(input,select,textarea),html[dir] body #content :is(input,select,textarea){background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid #3a4964!important;border-radius:9px!important;padding:10px 12px;min-height:44px;box-shadow:none!important;direction:inherit;text-align:start}
html[dir] body :is(input,textarea)::placeholder{color:#8f9fba;opacity:1}
html[dir] body :is(input,select,textarea):focus{border-color:#75cfff!important;outline:3px solid #72d6ff26!important;outline-offset:1px}
html[dir] body :is(button,a):focus-visible{outline:3px solid #a998ff!important;outline-offset:3px}
html[dir] body :is(input[type=checkbox],#content input[type=checkbox]){width:18px;min-height:18px;height:18px;padding:0;accent-color:var(--ui-accent);flex-shrink:0}
html[dir] body label{color:#c8d6ec!important;font-size:.875rem;font-weight:600;line-height:1.6}
html[dir] body :is(table,#content table){background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-size:.875rem}
html[dir] body :is(th,td),html[dir] body #content :is(th,td){padding:14px 16px!important;border-color:var(--ui-line)!important;color:#c8d6ec!important;line-height:1.75;font-size:.875rem;vertical-align:middle}
html[dir] body th,html[dir] body #content thead th{background:#19233b!important;color:#adbeda!important;font-size:.8125rem;font-weight:650}
html[dir] body tbody tr:hover td,html[dir] body #content tbody tr:hover td{background:#1a2941!important}
html[dir] body :is(.wf-table,.table-scroll,.table-wrap,.table-responsive){border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface)}
html[dir] body td button{min-height:34px;font-size:.8125rem;padding:7px 11px!important}
html[dir] body :is(.notice,.wf-notice,#content .order-status-filter){background:#192840!important;border:1px solid #355079!important;color:#bedbf6!important;border-radius:10px;padding:14px 16px;font-size:.875rem}
html[dir] body #content .order-status-filter p{color:#bedbf6!important}
html[dir] body :is(.wf-error,.error){color:#ff9fb1!important}
html[dir] body :is(.wf-success,.success){color:#83dfb8!important}
html[dir] body :is(.wf-badge,.badge,.pill){background:#192840!important;border:1px solid #485c85!important;color:#afccff!important;border-radius:6px;padding:4px 9px;font-size:.8125rem}
html[dir] body :is(.status.available,.badge.available){color:#8fe3bd!important;background:#17382f!important;border-color:#356951!important}
html[dir] body :is(.status.sold,.status.used,.badge.sold,.badge.used){color:#b7b1dc!important;background:#28243e!important}
html[dir] body :is(.wf-tabs,.tabs){gap:6px!important;background:#10182b;border:1px solid #2a3650;border-radius:12px;padding:6px;margin-block:20px 24px}
html[dir] body :is(.wf-tabs,.tabs) button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;min-height:44px;padding:10px 16px!important;color:#adbeda!important}
html[dir] body :is(.wf-tabs,.tabs) button[aria-selected=true]{background:var(--ui-surface)!important;border-color:#596293!important;color:#a3e4ff!important;box-shadow:0 2px 5px #00000020!important}
html[dir] body :is(.wf-empty,.empty){padding:48px 24px;text-align:center!important;margin:0}
html[dir] body :is(.permission-list,fieldset){border:1px solid var(--ui-line)!important;background:#10192b!important;border-radius:10px}
html[dir] body :is(.job-title-row,#unlinkedEmployees>p,.activity){border-color:var(--ui-line)!important}
html[dir] body #accountsTable td::before{color:var(--ui-muted)}
html[dir] body :is(dialog,#jobTitleDialog,#userDialog),html[dir] body>#modal>.modal-card{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;box-shadow:0 24px 80px #00000070!important}
html[dir] body>#modal{background:#030715b8!important;backdrop-filter:blur(4px)}
html[dir] body dialog::backdrop{background:#030715b8!important;backdrop-filter:blur(4px)}
html[dir] body :is(.dialog-header,.wf-form>h2){padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--ui-line)}
html[dir] body :is(.x,.dialog-header button){min-width:34px;min-height:34px;padding:2px 10px!important;font-size:1.35rem;line-height:1.2;box-shadow:none!important}
html[dir] body .brand-mark{color:#72d6ff;font-size:1rem;letter-spacing:.12em;margin-bottom:12px}
html[dir] body .auth-card{padding:36px;box-shadow:0 18px 70px #00000030!important;border-top:4px solid var(--ui-violet)!important}
html[dir] body .workspace{max-width:1440px;padding:28px 32px}
html[dir] body .workspace .session-card{color:var(--ui-muted);align-items:center}
html[dir] body .summary-number{color:#b4e5ff;font-variant-numeric:tabular-nums}
@media(min-width:1550px){html[dir] body:has(>aside)>main{padding:32px 46px!important}}
@media(max-width:1100px){:root{--giftops-sidebar-width:218px}html[dir] body:has(>aside)>main{padding:24px!important}html[dir] body .wallet-flow .wf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[dir] body #accountsTable tr{border-color:var(--ui-line);background:var(--ui-surface)}}
@media(max-width:760px){:root{--giftops-sidebar-width:184px}html[dir] body>aside{padding:20px 12px!important}html[dir] body aside .brand{font-size:1rem;gap:8px;margin-inline:2px}html[dir] body aside .brand::before{width:22px;height:22px;border-width:5px}html[dir] body aside #nav button{gap:8px;padding:10px 8px!important}html[dir] body:has(>aside)>main,html[dir] body .workspace{padding:18px!important}html[dir] body .wallet-flow .wf-grid{grid-template-columns:1fr}html[dir] body .wallet-flow .wf-cash{grid-template-columns:1fr}html[dir] body .wallet-flow .wf-cash>.wf-actions{grid-column:1;grid-row:auto;padding-top:14px}html[dir] body .wallet-flow .wf-amount{font-size:1.65rem}}
@media(max-width:520px){html[dir] body>aside{padding:18px!important}html[dir] body aside #nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}html[dir] body aside .brand{font-size:1.2rem;margin-bottom:16px}html[dir] body aside .users-link{margin-bottom:14px}html[dir] body aside .session-card{margin-top:16px;padding-top:14px}html[dir] body aside #nav button{font-size:.8125rem!important}html[dir] body h1{font-size:1.45rem}html[dir] body .auth-card{padding:24px}html[dir] body .wallet-flow .wf-panel{padding:20px}html[dir] body .wallet-flow .wf-form-grid{grid-template-columns:1fr}html[dir] body .wallet-flow .wf-summary{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[dir] body *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Keep legacy form and value rules consistent with the shared surfaces. */
html[dir] body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:#3a4964!important}
html[dir] body :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline:3px solid #72d6ff26!important;outline-offset:1px;border-color:#75cfff!important}
html[dir] body :is(.value-main,.face-value,.actual-value,.nominal-value){color:#b4e5ff!important;line-height:1.5!important}
html[dir] body :is(.value-cost,.cost-value,.discounted-value,.purchase-cost){color:var(--ui-muted)!important;font-size:.8125rem!important;line-height:1.6!important}
html[dir] body :is(.modal-content,.modal-dialog,.dialog-content,.popup-content){background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
html[dir] body :is(.modal-content,.modal-dialog) :is(h1,h2,h3,label){color:var(--ui-ink)!important}
html[dir] body :is(th,td),html[dir] body #content :is(th,td){font-size:.875rem!important}
html[dir] body :is(.badge,.status,.status-badge){font-size:.8125rem!important;line-height:1.5!important}
html[dir] body :is(.wf-table,.table-scroll,.table-wrap,.table-responsive){border-color:var(--ui-line)!important;background:var(--ui-surface)!important}
html[dir] body :is(input[type=checkbox],#content input[type=checkbox]){width:18px!important;height:18px!important;min-height:18px!important}

/* Restrained cyan and violet accents across the dark workspace. */
html[dir] body{background:radial-gradient(ellipse at 100% 0%,#56399a15,transparent 48%),var(--ui-bg)!important}
html[dir] body aside .brand::before{border-color:#7bd5fb #b6a3ff #b6a3ff #7bd5fb}
html[dir] body .wallet-flow .wf-metric:nth-child(3n){border-block-start-color:#8b72c6!important}
html[dir] body .wallet-flow .wf-metric:nth-child(3n) .wf-amount{color:#cbbcff}
html[dir] body .wallet-flow .wf-metric:nth-child(3n + 1):not(.wf-cash){border-block-start-color:#777bcc!important}
html[dir] body :is(.wf-tabs,.tabs) button[aria-selected=true]{background:linear-gradient(110deg,#20374c,#302746)!important;border-color:#586a98!important;color:#d2e9ff!important;box-shadow:inset 0 -2px #a792f0!important}
html[dir] body .gift-language-switcher button[aria-pressed=true]{background:#2c3152!important;color:#d9d2ff!important}
html[dir] body aside .gift-language-switcher button[aria-pressed=true]{background:#323451!important;color:#dfd9ff!important}
html[dir] body :is(input,select,textarea),html[dir] body #content :is(input,select,textarea),html[dir] body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#0e1729!important}
html[dir] body option{background:#131c30;color:#e4edfb}
html[dir] body input::file-selector-button{background:#293652;color:#cde6ff;border:1px solid #4a6086;border-radius:7px;padding:8px 12px;margin-inline-end:12px;font:inherit;cursor:pointer}
html[dir] body ::selection{background:#554380;color:#f1edff}

/* Small mint accents complement the cyan/violet palette. */
:root{--ui-mint:#89ddbe;--ui-mint-line:#417c70}
html[dir] body aside .brand::before{border-color:#7bd5fb #b6a3ff #89ddbe #7bd5fb}
html[dir] body .wallet-flow .wf-cash{background:linear-gradient(115deg,#163b3d 0%,#173447 28%,#202b50 62%,#38274f 100%)!important}
html[dir] body .wallet-flow .wf-grid>.wf-metric:nth-child(2){border-block-start-color:var(--ui-mint-line)!important}
html[dir] body .wallet-flow .wf-grid>.wf-metric:nth-child(2) .wf-amount{color:#a0e3cc}
html[dir] body :is(.wf-success,.success){color:var(--ui-mint)!important}
html[dir] body :is(.status.available,.badge.available,.status-available,.badge-success,.status-success){color:var(--ui-mint)!important;background:#16342e!important;border-color:#376555!important}
html[dir] body :is(input[type=checkbox],#content input[type=checkbox]){accent-color:var(--ui-mint)}

#employeeActivityPanel progress{display:block;width:120px;max-width:100%;height:7px;margin-top:8px;appearance:none;border:0;border-radius:8px;background:#24334e;overflow:hidden}#employeeActivityPanel progress::-webkit-progress-bar{background:#24334e}#employeeActivityPanel progress::-webkit-progress-value{background:linear-gradient(90deg,#64c8ea,#aa91e6);border-radius:8px}#employeeActivityPanel progress::-moz-progress-bar{background:#84a8ed}

/* AURORA — exact attached reference: glass panels, circular icons and flowing cash panel. */
:root{--giftops-sidebar-width:288px;--ui-bg:#071226;--ui-surface:#101f3b;--ui-soft:#0b1930;--ui-ink:#dfebff;--ui-muted:#a2bce4;--ui-line:#284773;--ui-accent:#79c9ff;--ui-violet:#b891ff;--ui-mint:#82f2d6;--ui-action:linear-gradient(110deg,#20395f,#44317d);--ui-glass:linear-gradient(125deg,#12294bd9,#0c1a33e8 60%,#14234be8)}
html[dir] body{background:radial-gradient(ellipse at 0% 0%,#3530a078,transparent 34%),radial-gradient(ellipse at 90% 100%,#123d8155,transparent 40%),#071226!important;background-attachment:fixed!important;color:var(--ui-ink)!important}
html[dir] body:has(>aside)>main{padding:40px 24px 28px 48px!important}
html[dir=ltr] body:has(>aside)>main{padding:40px 48px 28px 24px!important}
html[dir] body>aside{inset-block:14px!important;height:calc(100dvh - 28px)!important;width:270px!important;padding:26px 12px!important;background:radial-gradient(ellipse at 100% 0%,#1c3971aa,transparent 40%),linear-gradient(160deg,#142445e8,#0b1730f2 70%,#192652ef)!important;border:1px solid #426197!important;border-radius:20px!important;box-shadow:inset 0 0 24px #3156a324!important;scrollbar-width:thin}
html[dir=rtl] body>aside{right:14px!important;left:auto!important}html[dir=ltr] body>aside{left:14px!important;right:auto!important}
html[dir] body aside .brand{direction:ltr;justify-content:center;gap:10px;margin:0 0 22px;color:#eff4ff!important;font-size:1.85rem;letter-spacing:-.025em;line-height:1.2}
html[dir] body aside .brand span{color:#a774ff}
html[dir] body aside .brand::before{width:42px;height:44px;border:0;border-radius:0;background:#7cc5ff;mask:var(--aurora-gift) center/contain no-repeat}
html[dir] body aside .users-link{display:block;text-align:center;background:transparent!important;border:0!important;border-bottom:1px solid #35527b!important;border-radius:0;margin:0 8px 12px;padding:0 0 15px;color:#95b5e3!important;font-size:.8125rem}
html[dir] body aside #nav{gap:4px}
html[dir] body aside #nav button{min-height:52px;padding:13px 18px!important;gap:20px;border-radius:15px!important;font-weight:450;font-size:1rem!important;color:#b9d2fa!important;background:transparent!important}
html[dir] body aside #nav button::before{width:26px;height:26px;flex-basis:26px;color:#8dbdff;opacity:1}
html[dir] body aside #nav button:hover{background:#21355980!important;color:#e5efff!important}
html[dir] body aside #nav button:is(.active,[aria-current=page]){background:linear-gradient(100deg,#282054,#6445b9)!important;border-color:#a991ff!important;box-shadow:inset 0 0 16px #beadff52,0 0 16px #7058ed42!important;color:#fff!important}
html[dir] body aside #nav button:is(.active,[aria-current=page])::before{color:#eee3ff;filter:drop-shadow(0 0 7px #cbb5ff)}
html[dir] body aside .session-card{margin:22px 8px 0;padding-top:18px;border-color:#365183;color:#9ebce5!important}
html[dir] body aside .session-card a{color:#b7caff!important}
html[dir] body aside .session-card button{background:#17264a!important;border-color:#3e548b!important}
html[dir] body .gift-language-switcher,html[dir] body aside .gift-language-switcher{background:#11203c!important;border-radius:10px}
html[dir] body .gift-language-switcher button[aria-pressed=true],html[dir] body aside .gift-language-switcher button[aria-pressed=true]{background:#373060!important;color:#e5d9ff!important}
html[dir] body main>header{border:0!important;background:transparent!important;min-height:76px;margin:0 0 28px!important;padding:0;box-shadow:none!important}
html[dir] body main>header h1{font-size:2.4rem;line-height:1.35}
html[dir] body main>header p{font-size:1rem;margin-top:7px;color:#a9c7f3!important}
html[dir] body .aurora-profile{display:none}
html[dir] body main:has(.aurora-dashboard)>header .aurora-profile{display:grid;grid-template-columns:56px auto;gap:2px 14px;align-items:center;margin-inline-start:auto;direction:ltr}
html[dir] body .aurora-profile::before{content:"";width:54px;height:54px;grid-row:1/3;border:1px solid #627add;border-radius:50%;background:radial-gradient(circle at 40% 22%,#244a9b,#122748 65%);box-shadow:inset 0 0 14px #506bc74d}
html[dir] body .aurora-profile strong{font-size:1rem;color:#c2d8ff;font-weight:650;direction:auto}
html[dir] body .aurora-profile time{color:#92b3ed;font-size:.8125rem}
html[dir] body main:has(.aurora-dashboard)>header>button{width:48px;min-width:48px;height:48px;border-radius:50%!important;padding:10px!important;font-size:0;background:radial-gradient(circle at 45% 20%,#294b88,#111d3b)!important;border-color:#5265b0!important}
html[dir] body main:has(.aurora-dashboard)>header>button::before{content:"↻";font-size:27px;line-height:1;color:#9dc7ff}
html[dir] body :is(.wf-panel,.panel,.auth-card,.wf-stat),html[dir] body #content .card,html[dir] body #jobTitlesPanel,html[dir] body #unlinkedPanel{background:var(--ui-glass)!important;border:1px solid #335c9a!important;border-radius:17px!important;box-shadow:inset 0 1px #749ae724,0 7px 22px #020b2324!important}
html[dir] body :is(button,.button-link){background:linear-gradient(120deg,#14294a,#10213e)!important;color:#c4ddff!important;border-color:#345b91!important;border-radius:11px!important;box-shadow:none!important}
html[dir] body :is(button,.button-link):hover{background:#243967!important;border-color:#87b3ef!important}
html[dir] body :is(button.primary,.button-link:not(.secondary),.auth-card button[type=submit]){background:linear-gradient(115deg,#1a5681,#50418e)!important;border-color:#8473c8!important;color:#eaf2ff!important;box-shadow:inset 0 1px #c8c4ff26!important}
html[dir] body :is(.wf-tabs,.tabs){background:#0e1d35!important;border-color:#2e4772!important}
html[dir] body :is(.wf-tabs,.tabs) button:is(.active,[aria-selected=true]){background:linear-gradient(110deg,#1d3155,#44316a)!important;border-color:#9380d5!important;color:#e7ddff!important;box-shadow:inset 0 -2px #aa8bee!important}
html[dir] body :is(input:not([type=checkbox]):not([type=radio]),select,textarea),html[dir] body #content :is(input,select,textarea){background:#0a1830!important;border-color:#395786!important;border-radius:10px!important}
html[dir] body option{background:#10203b;color:#e3efff}
html[dir] body :is(dialog,#jobTitleDialog,#userDialog),html[dir] body>#modal>.modal-card{background:linear-gradient(135deg,#182c4e,#0e1c35 72%,#252447)!important;border-color:#617cb6!important;border-radius:18px!important;box-shadow:0 25px 80px #0009!important}
html[dir] body :is(table,#content table){background:#0e1d34!important}
html[dir] body th,html[dir] body #content thead th{background:linear-gradient(#162e50,#122746)!important;color:#b1cef5!important;font-weight:500}
html[dir] body :is(.wf-table,.table-scroll,.table-wrap,.table-responsive){background:#0e1d34!important;border-color:#294674!important;border-radius:13px}
html[dir] body :is(th,td),html[dir] body #content :is(th,td){border-color:#263f65!important;color:#c6dcfa!important}
html[dir] body #content tbody tr:hover td{background:#172c4d!important}
html[dir] body .workspace{width:100%;box-sizing:border-box}
html[dir] body .aurora-dashboard>#walletMessage:empty{display:none}
html[dir] body .wallet-flow .aurora-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}
html[dir] body .wallet-flow .aurora-balances>.wf-metric:nth-child(n){--metric-accent:#7cc7ff;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:center;grid-column:auto;grid-row:auto;min-height:124px;padding:18px 24px 16px 110px!important;border:1px solid #3768bb!important;border-radius:16px!important;background:radial-gradient(ellipse at 10% 0%,#224b7b45,transparent 65%),linear-gradient(120deg,#14294d,#0e1e38 68%,#152952)!important;box-shadow:inset 0 1px #8db5ff1f!important;margin:0;overflow:hidden;text-align:left!important}
html[dir] body .aurora-balances>.wf-metric::before{content:"";position:absolute;left:24px;top:calc(50% - 34px);width:68px;height:68px;border:1px solid #448edb;border-radius:50%;background:radial-gradient(circle at 40% 25%,#225387,#112849 75%);box-shadow:inset 0 0 12px #68a8ff35,0 0 12px #00449d29}
html[dir] body .aurora-balances>.wf-metric::after{content:"";position:absolute;left:42px;top:calc(50% - 17px);width:34px;height:34px;background:var(--metric-accent);mask:var(--metric-icon) center/contain no-repeat}
html[dir] body .wallet-flow .aurora-balances>.wf-metric>.wf-muted:first-child{color:#adccff!important;font-size:1rem;font-weight:500;text-align:left!important;line-height:1.4}
html[dir] body .wallet-flow .aurora-balances>.wf-metric>.wf-amount{color:#deebff!important;font-size:clamp(1.5rem,2.2vw,2.35rem);font-weight:750;letter-spacing:-.03em;line-height:1.3;direction:ltr;text-align:left!important;overflow-wrap:anywhere;margin:4px 0}
html[dir] body .aurora-balances .wf-currency{font:inherit;font-size:.65em;letter-spacing:0}
html[dir] body .wallet-flow .aurora-balances>.wf-metric>.wf-muted:not(:first-child){font-size:.75rem;color:#9bb8dc!important;text-align:left!important;line-height:1.55}
html[dir] body .wallet-flow .aurora-balances>[data-kind=bank]{grid-column:3;grid-row:1}
html[dir] body .wallet-flow .aurora-balances>[data-kind=usdt]:nth-child(n){grid-column:3;grid-row:2;--metric-accent:#91eddf}
html[dir] body .aurora-balances>[data-kind=usdt]::before{border-color:#339a92;background:radial-gradient(circle at 40% 25%,#17655e,#113848 75%)}
html[dir] body .wallet-flow .aurora-balances>[data-kind=cards]:nth-child(n){--metric-accent:#b086ff;background:radial-gradient(ellipse at 100% 100%,#383bc277,transparent 65%),linear-gradient(110deg,#1d2042,#171b40)!important;border-color:#8b66ee!important}
html[dir] body .aurora-balances>[data-kind=cards]::before{background:radial-gradient(circle at 40% 25%,#493083,#211a4a 75%);border-color:#8c64ed}
html[dir] body .wallet-flow .aurora-balances>[data-kind=cards]>.wf-muted:first-child{color:#b69be7!important}
html[dir] body .wallet-flow .aurora-balances>[data-kind=accounts]:nth-child(n){--metric-accent:#f7d13b;background:radial-gradient(ellipse at 0% 100%,#1b6b6666,transparent 55%),radial-gradient(ellipse at 100% 100%,#593bb35c,transparent 60%),#102139!important;border-color:#3a969d!important}
html[dir] body .aurora-balances>[data-kind=accounts]::before{background:radial-gradient(circle at 40% 25%,#1c555d,#163245 75%);border-color:#439da8}
html[dir] body .wallet-flow .aurora-balances>[data-kind=orders]:nth-child(n){background:radial-gradient(ellipse at 100% 100%,#136aab66,transparent 60%),#102442!important}
html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]:nth-child(n){--metric-accent:#8efbe6;grid-column:1/3;grid-row:1/3;min-height:258px;justify-content:flex-start;padding:36px 26px 28px 140px!important;background:url('/static/aurora-waves.svg') bottom/100% 100% no-repeat,radial-gradient(ellipse at 100% 0%,#165576aa,transparent 64%),linear-gradient(130deg,#102f3a,#09192b 70%,#102d45)!important;border:1px solid #65d5f1!important;border-radius:18px!important;box-shadow:inset 0 0 15px #61e4ef0d,0 0 16px #33bad51c!important}
html[dir] body .aurora-balances>[data-kind=cash]::before{display:none}
html[dir] body .aurora-balances>[data-kind=cash]::after{left:32px;top:42px;width:66px;height:66px;filter:drop-shadow(0 0 7px #68ebd877)}
html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]>.wf-muted:first-child{font-size:1.4rem;line-height:1.5;color:#c1e3ff!important}
html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]>.wf-amount{color:#8af5dc!important;font-size:clamp(2rem,3.65vw,3.9rem);line-height:1.2;letter-spacing:-.025em;margin:14px 0 6px;white-space:nowrap}
html[dir] body .aurora-balances>[data-kind=cash]>.wf-actions{margin:8px 0 0;padding:0;align-self:flex-end}
html[dir] body .wallet-flow .wf-cash .wf-actions button.primary{background:linear-gradient(110deg,#78f5d5,#a0ffe4)!important;border:1px solid #99ffe1!important;border-radius:16px!important;color:#042d2d!important;box-shadow:0 6px 18px #0e927126!important;font-size:1.1rem;padding:14px 24px!important;min-height:56px;white-space:nowrap}
html[dir] body .wallet-flow .wf-cash .wf-actions button.primary:hover{background:#b2ffe9!important}
html[dir] body .wallet-flow .aurora-balances>:is([data-kind=stock],[data-kind=expenses],[data-kind=profit]):nth-child(n){min-height:112px;padding:15px 20px 15px 94px!important}
html[dir] body .aurora-balances>:is([data-kind=stock],[data-kind=expenses],[data-kind=profit])::before{left:20px;width:58px;height:62px;top:calc(50% - 31px);border-radius:16px;border-color:#2b4275;background:linear-gradient(135deg,#213760,#111c39);box-shadow:none}
html[dir] body .aurora-balances>:is([data-kind=stock],[data-kind=expenses],[data-kind=profit])::after{left:34px;width:30px;height:30px;top:calc(50% - 15px)}
html[dir] body .wallet-flow .aurora-balances>:is([data-kind=stock],[data-kind=expenses],[data-kind=profit])>.wf-amount{font-size:1.65rem}
html[dir] body .wallet-flow .aurora-balances>[data-kind=stock]:nth-child(n){--metric-accent:#d9ccff}
html[dir] body .wallet-flow .aurora-balances>[data-kind=expenses]:nth-child(n){--metric-accent:#d2d9ff}
html[dir] body .wallet-flow .aurora-balances>[data-kind=profit]:nth-child(n){--metric-accent:#85f4d9}
html[dir] body .aurora-balances>:is([data-kind=expenses],[data-kind=profit])>.wf-actions{position:absolute;inset:0;margin:0;padding:0;display:block}
html[dir] body .aurora-balances>:is([data-kind=expenses],[data-kind=profit]) button{width:100%;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:16px!important;color:transparent!important;font-size:0!important}
html[dir] body .aurora-balances>:is([data-kind=expenses],[data-kind=profit]) button:hover{background:#668cff0a!important}
html[dir] body .aurora-balances>:is([data-kind=expenses],[data-kind=profit]) button:focus-visible{outline:2px solid #be9bff!important;outline-offset:-4px}
html[dir] body .aurora-partners{padding:18px 22px!important;background:linear-gradient(130deg,#152848ee,#0c1930ee)!important}
html[dir] body .aurora-partners>h3{font-size:1.4rem;line-height:1.5;margin:4px 0 22px}
html[dir] body .aurora-partners .wf-table{border-radius:14px;border:1px solid #2b4c7b!important}
html[dir] body #content .aurora-partners td{font-size:1rem!important;font-weight:500;padding:16px 20px!important}
html[dir] body #content .aurora-partners th{padding:14px 20px!important;font-size:.875rem!important}
html[dir] body .aurora-partners td:first-child{font-weight:650!important}
@media(max-width:1300px){:root{--giftops-sidebar-width:244px}html[dir] body>aside{width:226px!important}html[dir] body:has(>aside)>main{padding:30px 20px!important}html[dir] body aside .brand{font-size:1.55rem}html[dir] body .wallet-flow .aurora-balances>.wf-metric:nth-child(n){padding:18px 16px 16px 88px!important}html[dir] body .aurora-balances>.wf-metric::before{left:16px;width:54px;height:54px;top:calc(50% - 27px)}html[dir] body .aurora-balances>.wf-metric::after{left:30px;width:28px;height:28px;top:calc(50% - 14px)}html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]:nth-child(n){padding:32px 24px 22px 90px!important}html[dir] body .aurora-balances>[data-kind=cash]::after{left:22px;top:38px;width:48px;height:48px}html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]>.wf-amount{font-size:clamp(1.8rem,3.5vw,3.2rem)}}
@media(max-width:1100px){html[dir] body .wallet-flow .aurora-balances{grid-template-columns:repeat(2,minmax(0,1fr))}html[dir] body .wallet-flow .aurora-balances>[data-kind]:nth-child(n){grid-row:auto;grid-column:auto}html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]:nth-child(n){grid-column:1/-1;min-height:240px}html[dir] body main>header h1{font-size:1.9rem}html[dir] body main:has(.aurora-dashboard)>header .aurora-profile{grid-template-columns:auto}html[dir] body .aurora-profile::before{display:none}}
@media(max-width:760px){:root{--giftops-sidebar-width:190px}html[dir] body>aside{width:176px!important;inset-block:7px!important;height:calc(100dvh - 14px)!important;padding:20px 8px!important}html[dir=rtl] body>aside{right:7px!important}html[dir=ltr] body>aside{left:7px!important}html[dir] body aside .brand{font-size:1.1rem;gap:7px}html[dir] body aside .brand::before{width:28px;height:30px}html[dir] body aside #nav button{font-size:.875rem!important;gap:10px;padding:12px 10px!important}html[dir] body .wallet-flow .aurora-balances{grid-template-columns:1fr}html[dir] body main>header h1{font-size:1.7rem}html[dir] body main:has(.aurora-dashboard)>header .aurora-profile{display:none}html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]:nth-child(n){padding:28px 20px 22px!important;min-height:250px}html[dir] body .aurora-balances>[data-kind=cash]::after{display:none}html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]>.wf-amount{font-size:clamp(1.65rem,5vw,2.5rem)}html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]>.wf-muted:first-child{font-size:1.1rem}}
@media(max-width:520px){html[dir] body>aside{position:relative!important;inset:auto!important;width:calc(100% - 20px)!important;height:auto!important;margin:10px!important;border-radius:16px!important;padding:20px!important}html[dir=rtl] body>aside,html[dir=ltr] body>aside{left:auto!important;right:auto!important}html[dir] body:has(>aside)>main{padding:20px!important;width:100%!important;margin:0!important}html[dir] body main>header{gap:12px;margin-bottom:20px!important}html[dir] body main>header p{font-size:.875rem}html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]>.wf-amount{font-size:2rem}}
html[dir] body aside #nav button:is([data-page=Employees],[data-page=Partners],[data-page=Suppliers])::before{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6M18 13a5 5 0 0 1 3 5v3'/%3E%3C/svg%3E")}
html[dir] body .aurora-balances>[data-kind=cash]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m4%206%2012-4v4M21%2011h-6v5h6%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=bank]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205H3Zm2%203v7m7-7v7m7-7v7M3%2021h18%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=usdt]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M6%206h12M12%206v14M6%2011c0%203%2012%203%2012%200%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=cards]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2012v9h14v-9M12%208v13M12%208C2%208%205%200%209%203l3%205Zm0%200c10%200%207-8%203-5l-3%205Z%22%2F%3E%3C%2Fsvg%3E")}
:root{--aurora-gift:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2012v9h14v-9M12%208v13M12%208C2%208%205%200%209%203l3%205Zm0%200c10%200%207-8%203-5l-3%205Z%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=accounts]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m4%207%208%206%208-6%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=orders]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l3%2012h12l2-9H6%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=stock]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%209-4%209%204v10l-9%204-9-4V7Zm0%200%209%205%209-5M12%2012v9M7%205l10%205%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=expenses]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h9l4%204v16H6V2Zm9%200v5h4M9%2011h7M9%2015h7M9%2019h4%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body .aurora-balances>[data-kind=profit]{--metric-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2019V5M3%2019h18M7%2014l5-5%204%203%205-8M16%204h5v5%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body aside #nav button:is([data-page="Gift Cards"])::before{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2012v9h14v-9M12%208v13M12%208C2%208%205%200%209%203l3%205Zm0%200c10%200%207-8%203-5l-3%205Z%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body aside #nav button:is([data-page=Orders])::before{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l3%2012h12l2-9H6%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body aside #nav button:is([data-page=Inventory],#inventoryNavButton)::before{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%209-4%209%204v10l-9%204-9-4V7Zm0%200%209%205%209-5M12%2012v9M7%205l10%205%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body aside #nav button:is([data-page=Sales],#salesNavButton)::before{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2019V5M3%2019h18M7%2014l5-5%204%203%205-8M16%204h5v5%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body aside #nav button:is([data-page="Direct Purchases"],#directPurchasesNav)::before{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h9l4%204v16H6V2Zm9%200v5h4M9%2011h7M9%2015h7M9%2019h4%22%2F%3E%3C%2Fsvg%3E")}
html[dir] body aside #nav button:is([data-page=Finance])::before{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205H3Zm2%203v7m7-7v7m7-7v7M3%2021h18%22%2F%3E%3C%2Fsvg%3E")}

html[dir] body main:has(.aurora-dashboard)>header .aurora-profile{position:relative;margin-inline-start:0;margin-right:auto}
html[dir=ltr] body main:has(.aurora-dashboard)>header .aurora-profile{margin-right:0;margin-left:auto}
html[dir] body .aurora-profile::after{content:"";position:absolute;left:16px;top:14px;width:25px;height:25px;background:#81afff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 23v-4a8 8 0 0 1 16 0v4Z'/%3E%3C/svg%3E") center/contain no-repeat}
html[dir] body main:has(.aurora-dashboard)>header>button.primary{background:radial-gradient(circle at 45% 20%,#294b88,#111d3b)!important}
html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]:nth-child(n){min-height:250px;padding-top:30px!important;padding-bottom:80px!important}
html[dir] body .aurora-balances>[data-kind=cash]>.wf-actions{position:absolute;right:28px;bottom:26px;margin:0;align-self:auto}
html[dir] body .wallet-flow .aurora-balances>:is([data-kind=bank],[data-kind=usdt]):nth-child(n){min-height:118px}
html[dir] body .aurora-balances>:is([data-kind=expenses],[data-kind=profit]) button::after{content:"›";position:absolute;right:14px;top:calc(50% - 17px);font-size:26px;color:#9ec2ed}
html[dir] body .aurora-partners{position:relative}
html[dir] body .aurora-partners>.aurora-partner-link{position:absolute;left:22px;top:16px;min-height:42px}
html[dir] body .aurora-partners>h3{padding-inline-start:42px}
html[dir] body .aurora-partners>h3::before{content:"";position:absolute;right:24px;width:28px;height:28px;background:#88c8ff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6M18 13a5 5 0 0 1 3 5v3'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:1100px){html[dir] body .aurora-profile::after{display:none}}
@media(max-width:760px){html[dir] body .wallet-flow .aurora-balances>[data-kind=cash]:nth-child(n){padding-bottom:96px!important}html[dir] body .aurora-balances>[data-kind=cash]>.wf-actions{right:20px;bottom:22px}html[dir] body .aurora-partners>.aurora-partner-link{position:static;margin-bottom:16px}html[dir] body .aurora-partners>h3{margin-bottom:16px}}
html[dir=ltr] body .aurora-partners>.aurora-partner-link{left:auto;right:22px}
html[dir=ltr] body .aurora-partners>h3::before{right:auto;left:24px}

/* One searchable account control shared by admin and staff order dialogs. */
.order-account-picker{min-width:0;width:100%;}
.order-account-picker input{width:100%;box-sizing:border-box;margin-bottom:0;}
.order-account-results{max-height:230px;overflow-y:auto;overscroll-behavior:contain;margin-top:6px;border:1px solid #345285;border-radius:12px;background:#0b1930;padding:5px;}
.order-account-results[hidden]{display:none!important;}
.order-account-results .order-account-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;margin:0;padding:11px 12px;text-align:start;border:0;border-radius:8px;box-shadow:none;background:transparent;color:#dce9ff;font-size:14px;line-height:1.5;white-space:normal;cursor:pointer;}
.order-account-option span{overflow-wrap:anywhere;min-width:0;direction:ltr;unicode-bidi:plaintext;}
.order-account-option small{color:#81ead4;white-space:nowrap;direction:ltr;}
.order-account-results .order-account-option:hover,.order-account-results .order-account-option.is-highlighted,.order-account-results .order-account-option[aria-selected="true"]{background:#233761;}
.order-account-results p{margin:10px;}

.wf-received-stock{margin-top:24px;border:1px solid #345285;border-radius:14px;padding:18px;}
.wf-received-stock>summary{cursor:pointer;color:#b9d5ff;font-weight:600;margin-bottom:16px;}
#invoiceIMEIs,#saleIMEIFields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;}
#invoiceIMEIs>h3,#saleIMEIFields>h3{grid-column:1/-1;}

/* Compact work dialogs, with a consistent one-step Back control. */
html[dir] body dialog{width:min(660px,calc(100% - 24px))!important;padding:18px 20px!important;max-height:calc(100dvh - 24px)!important}
html[dir] body dialog.staff-card-dialog{width:min(800px,calc(100% - 24px))!important}
html[dir] body>#modal>.modal-card{max-width:720px!important;padding:16px 20px 20px!important}
html[dir] body :is(.dialog-header,.modal-toolbar){display:flex;align-items:center;gap:10px;position:sticky;top:-18px;z-index:5;background:#152641;border-bottom:1px solid #395786;padding-block:8px 12px!important;margin:0 0 14px!important}
html[dir] body .dialog-header h2{flex:1;font-size:1.15rem!important;margin:0!important}
html[dir] body .modal-toolbar{justify-content:space-between;top:-16px}
html[dir] body .modal-toolbar .x{position:static!important;inset:auto!important;float:none!important;margin:0!important}
html[dir] body :is(.modal-back,.modal-toolbar .x,.dialog-header>button){display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:6px!important;flex-shrink:0;margin:0!important}
html[dir=rtl] body .modal-back svg{transform:rotate(180deg)}
html[dir] body :is(dialog,.modal-card) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:14px!important;line-height:1.45!important;min-height:38px!important;padding:7px 10px!important;margin-block:0 10px!important}
html[dir] body :is(dialog,.modal-card) textarea{height:66px;min-height:66px!important;resize:vertical}
html[dir] body :is(dialog,.modal-card) label{display:block;margin-block:0 5px!important;font-size:13px!important;line-height:1.5!important}
html[dir] body :is(dialog,.modal-card) .check-label{display:flex;margin-block:8px!important}
html[dir] body :is(dialog,.modal-card) :is(.forms-grid,.wf-form-grid){gap:10px 14px!important}
html[dir] body :is(dialog,.modal-card) :is(.notice,.wf-notice){padding:9px 12px!important;margin-block:0 12px!important;font-size:13px!important;line-height:1.6}
html[dir] body :is(dialog,.modal-card) :is(h2,h3){margin-block:8px 12px;font-size:1.1rem}
html[dir] body .wf-form>h2{padding-bottom:10px;margin-bottom:14px}
html[dir] body :is(dialog,.modal-card) .muted{font-size:13px;line-height:1.6;margin-block:0 10px}
html[dir] body :is(dialog,.modal-card) :is(.error,.wf-error):empty{display:none}
html[dir] body :is(dialog,.modal-card) :is(button[type=submit],.staff-copy button){min-height:38px;padding:8px 14px!important;font-size:14px!important}
html[dir] body :is(dialog,.modal-card) .staff-copy input{margin:0!important}
@media(max-width:600px){
 html[dir] body dialog{padding:14px!important}
 html[dir] body>#modal{padding:10px!important}
 html[dir] body>#modal>.modal-card{padding:14px!important}
 html[dir] body :is(.dialog-header,.modal-toolbar){top:-14px}
 html[dir] body :is(dialog,.modal-card) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:42px!important}
 html[dir] body :is(.modal-back,.modal-toolbar .x,.dialog-header>button){width:42px;height:42px;min-width:42px}
}

.staff-card-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:14px}.staff-card-filter label,.staff-card-filter p{margin:0}.staff-card-filter select{width:190px;margin:0}.staff-card-filter p{color:#a9c5e6;font-size:14px}

html[dir] body .card-number-toggle{display:inline-flex;align-items:center;gap:8px;max-width:100%;text-align:start;font-variant-numeric:tabular-nums;cursor:pointer}
html[dir] body .card-number-toggle span{overflow-wrap:anywhere;user-select:text}
html[dir] body .card-number-toggle svg{flex-shrink:0;color:#80cbf6}
html[dir] body .card-number-toggle[aria-pressed=true]{border-color:#70c9b6!important;color:#a8efdf!important}

/* Keep the amount/currency and unit count together in either language. */
.wf-cost-unit-amount,.wf-unit-count{white-space:nowrap;unicode-bidi:isolate}
#workPicker{display:grid;gap:8px}#workRecord{min-height:150px;width:100%;padding:8px}
#workEditFields{display:grid;gap:7px}#workEditFields input,#workEditFields select{width:100%}

.staff-use-email-grid{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(200px,1.2fr);gap:14px;align-items:start}
.staff-use-email-grid input{width:100%;min-width:0}.staff-use-email-grid .staff-copy{display:flex;margin:0;gap:6px}.staff-use-email-grid .staff-copy input{flex:1;width:0}
.staff-noon-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-block:10px 16px}.noon-link-button{border-color:#51d5b3!important}
@media(max-width:580px){.staff-use-email-grid{grid-template-columns:1fr}}

.comparison-report{min-width:0}.comparison-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-block:18px}.comparison-tabs [aria-selected="true"]{background:linear-gradient(110deg,#323f87,#673da6);border-color:#a590ec}
.comparison-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comparison-filter input{max-width:200px}.comparison-filter[hidden]{display:none}
.comparison-table{max-width:100%;overflow:auto;border:1px solid #344872;border-radius:12px;margin-block:14px}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:12px;text-align:start;border-bottom:1px solid #273954}.comparison-table th{background:#152542;font-weight:600}.comparison-table td{vertical-align:top}
.comparison-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.comparison-total{display:flex;flex-direction:column;gap:12px;background:linear-gradient(130deg,#10263b,#232144);border:1px solid #365576;padding:18px;border-radius:14px}.comparison-total strong{font-size:24px;color:#8fe5d3}.comparison-unknown{color:#e8be78}.comparison-loss{color:#f69fa9}.comparison-invoice-details summary{cursor:pointer;color:#99c8ff;white-space:nowrap}.comparison-invoice-details[open]{min-width:520px}
html[dir] body .comparison-table :is(th,td){overflow-wrap:normal!important;word-break:normal!important}
html[dir] body .comparison-table td>span,html[dir] body .comparison-table bdi{white-space:nowrap!important}

/* Operational tables keep identifiers and words intact; narrow screens scroll locally. */
html[dir] body .orders-table-scroll{max-width:100%!important;overflow:auto!important;min-width:0;overscroll-behavior-inline:contain}
html[dir] body #content .orders-table{width:100%!important;min-width:1100px;table-layout:auto!important}
html[dir] body #content .orders-table :is(th,td){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle;padding:12px!important;line-height:1.6}
html[dir] body #content .orders-table th{font-size:13px!important}
html[dir] body #content .orders-table td{font-size:14px!important}
html[dir] body #content .orders-table td :is(span,div,button){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
html[dir] body #content .orders-table td input{width:105px!important;min-width:105px!important;padding:8px!important;height:36px!important;min-height:36px!important;margin:0!important;text-align:center}
html[dir] body #content .orders-table :is(td:first-child,td:nth-child(2)){unicode-bidi:plaintext}
html[dir] body .partner-table :is(th,td){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;padding:12px}
.partner-scope-note{margin-block:12px 20px;color:#adc4e8;line-height:1.7}

html[dir] body #content .admin-orders-table td:is(:nth-child(1),:nth-child(2),:nth-child(5),:nth-child(8)){direction:ltr;unicode-bidi:isolate}
html[dir] body #content .admin-orders-table td:nth-child(4){unicode-bidi:plaintext}

.person-avatar{width:88px;height:88px;object-fit:cover;border-radius:50%;flex-shrink:0;border:1px solid #5676a7}.person-avatar.small{width:36px;height:36px;vertical-align:middle;margin-inline-end:8px}.profile-photo-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-block-end:14px}#profileForm .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#profileForm input[type=file]{max-width:100%;font-size:13px}#profileDialog{width:min(600px,calc(100vw - 24px))}#profileForm input[readonly]{opacity:.75}@media(max-width:520px){#profileForm .form-grid{grid-template-columns:1fr}.profile-photo-row{gap:8px}}

/* Protected card disclosure and security enrollment, shared on all layouts. */
.security-layout{max-width:980px;margin:32px auto;padding:16px}.security-layout .auth-card{width:100%;max-width:none;box-sizing:border-box}.security-layout form{display:grid;gap:10px;margin-block:16px}.security-layout img{display:block;max-width:100%;margin:12px auto}.security-layout code{display:block;overflow-wrap:anywhere}.security-layout pre{white-space:pre-wrap;overflow-wrap:anywhere}.security-layout details{margin-block:22px}.security-layout button,.security-layout a{margin:6px}.security-dialog{width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #6474ac;border-radius:18px;background:#111f38;color:#e2edff}.security-dialog::backdrop{background:#050914bd;backdrop-filter:blur(6px)}.security-dialog input{box-sizing:border-box;width:100%;margin-block:8px;padding:10px;background:#091729;color:#e2edff;border:1px solid #536a94;border-radius:8px}.security-dialog button{margin:6px;padding:8px 16px}.secure-card{display:flex;gap:7px;align-items:center;flex-wrap:wrap;max-width:450px}.secure-card span{user-select:text;overflow-wrap:anywhere}.secure-card small{flex-basis:100%;color:#ffbcaa}.secure-card button{padding:5px 9px!important;min-height:30px!important}.security-user{border:1px solid #3d537d;padding:16px;margin-block:16px;border-radius:14px}.security-user h3{overflow-wrap:anywhere}.security-user form{grid-template-columns:repeat(2,minmax(0,1fr))}.security-user label input{width:100%;box-sizing:border-box}.security-management ol{max-height:400px;overflow:auto;overflow-wrap:anywhere}.security-management li{margin-block:10px}.security-management h2{margin-block-start:30px}@media(max-width:550px){.security-layout{margin:8px auto;padding:8px}.security-layout .auth-card{padding:18px}.security-user form{grid-template-columns:1fr}}

/* Explicit grants, readable on desktop and phone. */
.permission-list{display:block!important}.permission-group{border:1px solid #375078;border-radius:12px;padding:12px;margin:12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;min-width:0}.permission-group legend{font-weight:700;color:#8bdcff;padding:0 8px}.permission-group .check-label{display:flex;align-items:flex-start;gap:9px;margin:0;line-height:1.6;font-size:14px}.permission-group input[type=checkbox]{width:18px!important;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#8e79f8}.permission-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.permission-tools button{width:auto!important}.permission-tools span{font-size:13px;color:#a8bddb}@media(max-width:600px){.permission-group{grid-template-columns:1fr}}

/* AHK digital wordmark fits the narrow sidebar and keeps its exact casing. */
html[dir] body aside .brand{font-size:clamp(1.05rem,1.85vw,1.5rem);gap:8px;letter-spacing:-.035em;text-transform:none}
html[dir] body aside .brand span{font-size:.87em}
html[dir] body .brand-mark{text-transform:none;letter-spacing:.04em;unicode-bidi:isolate}
@media(max-width:760px){html[dir] body aside .brand{font-size:1.05rem;gap:6px}}

.private-records-dialog{width:min(760px,94vw);max-height:88vh;overflow:auto;padding:24px;color:var(--text,#e3edff);background:#101e36;border:1px solid #53618d;border-radius:20px}
.private-records-dialog::backdrop{background:#020817bd;backdrop-filter:blur(4px)}
.private-records-dialog input,.private-records-dialog textarea{box-sizing:border-box;width:100%;margin:8px 0 14px;padding:10px;min-width:0}
.private-records-dialog .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.private-records-dialog .private-documents{display:grid;gap:12px;margin-top:20px}
.private-records-dialog h4{overflow-wrap:anywhere;margin:0 0 8px}
.private-records-dialog .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:600px){.private-records-dialog{padding:16px}.private-records-dialog .form-grid{grid-template-columns:1fr}}

.private-records-dialog input[type=tel]{direction:ltr!important;text-align:left!important}

/* Readable data at every viewport: scroll tables instead of splitting identifiers. */
html[dir] body :is(th,td){word-break:normal!important;overflow-wrap:normal!important;white-space:nowrap!important;line-height:1.6;vertical-align:middle}
html[dir] body table{table-layout:auto!important;max-width:none}
html[dir] body :is(main,#content,dialog,.modal-card) :is(div,section):has(>table){max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}
html[dir] body :is(button,label,h1,h2,h3,h4,legend,aside #nav button){word-break:normal!important;overflow-wrap:normal!important;hyphens:none}
html[dir] body td :is(button,a){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
html[dir] body #accountsTable{width:100%;table-layout:auto!important;min-width:900px}
html[dir] body #accountsTable td:nth-child(2){direction:ltr;unicode-bidi:isolate;white-space:nowrap!important;min-width:230px}
html[dir] body #accountsTable td:nth-child(5){white-space:normal!important;min-width:180px;max-width:320px}
html[dir] body #accountsTable td:last-child{min-width:320px}
html[dir] body .employee-row-actions{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:8px;min-width:320px}
html[dir] body .employee-row-actions button{width:100%!important;margin:0!important;padding:8px 10px!important;font-size:13px!important;min-height:36px;white-space:normal!important}
html[dir] body #unlinkedEmployees p{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
html[dir] body #unlinkedEmployees p>span{margin-inline-end:auto}
html[dir] body :is(.toolbar,.actions,.wf-actions){align-items:center;gap:10px}
html[dir] body :is(input,select,textarea){font-size:14px;line-height:1.5}
@media(max-width:600px){html[dir] body :is(th,td){padding:10px!important;font-size:13px}html[dir] body .panel{padding:12px!important}html[dir] body :is(.toolbar,.actions,.wf-actions)>button{min-height:40px}}

/* Physical left-to-right order, including in Arabic forms. */
.quantity-stepper {
  display: inline-grid !important;
  grid-template-columns: 38px minmax(48px, 1fr) 38px;
  direction: ltr !important;
  align-items: stretch;
  gap: 0;
  width: 180px;
  max-width: 100%;
  vertical-align: middle;
}
.quantity-stepper > input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  direction: ltr !important;
  border-radius: 0 !important;
}
.quantity-stepper > input::-webkit-inner-spin-button,
.quantity-stepper > input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-stepper > button {
  width: 38px !important;
  min-width: 0 !important;
  padding: 6px !important;
  margin: 0 !important;
  font-size: 22px;
  line-height: 1;
  border-radius: 0 9px 9px 0 !important;
}
.quantity-stepper > button:first-child { border-radius: 9px 0 0 9px !important; }
.quantity-stepper > button:disabled { opacity: .4; cursor: not-allowed; }

/* Matching compact panels for the Noon link and automatic OTP. */
.staff-noon-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,195px));
  gap:10px;
  align-items:stretch;
}
.staff-noon-links :is(.noon-link-box,.noon-otp-box){
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:195px;
  padding:8px 10px;
  border:1px solid #38618a;
  border-radius:10px;
  background:#10213b;
}
.staff-noon-links label,.staff-noon-links small{display:block;margin:4px 0;line-height:1.4}
.staff-noon-links label{font-size:13px}
.staff-noon-links small{font-size:11px;overflow-wrap:anywhere}
.noon-otp-value{display:flex;gap:5px;align-items:center}
.staff-noon-links .noon-otp-value input{
  box-sizing:border-box;
  min-width:0!important;
  width:100%;
  height:36px;
  padding:5px!important;
  margin:0!important;
  text-align:center;
  letter-spacing:1px;
  font-size:14px;
  font-weight:bold;
}
.staff-noon-links .noon-otp-value button{flex:0 0 auto;min-width:0;min-height:36px;padding:5px 8px!important;margin:0!important;font-size:12px}
.staff-noon-links .noon-link-button{
  box-sizing:border-box;
  display:block;
  width:100%;
  min-width:0;
  min-height:36px;
  padding:5px 8px!important;
  margin:0 0 5px!important;
  border:1px solid #38618a;
  border-radius:8px;
  background:#0b192e;
  font-size:14px;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media(max-width:360px){
 .staff-noon-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .staff-noon-links :is(.noon-link-box,.noon-otp-box){padding:6px}
}