/* /Components/Layout/LoginLayout.razor.rz.scp.css */ .fp-auth-layout[b-3vsyu7voys] { width: 100%; min-height: 100vh; min-height: 100dvh; isolation: isolate; } /* /Components/Modules/AccountSearchLookup.razor.rz.scp.css */ .shared-account-lookup[b-1vun6xke1k]{min-width:160px;width:100%;text-align:right;color:var(--mud-palette-text-primary)} .shared-account-lookup__editor[b-1vun6xke1k]{display:flex;align-items:center;min-height:38px;border:1px solid var(--mud-palette-lines-inputs);border-radius:6px;background:var(--mud-palette-surface);overflow:hidden} .shared-account-lookup__editor:focus-within[b-1vun6xke1k]{border-color:var(--mud-palette-primary);box-shadow:0 0 0 2px var(--mud-palette-primary-hover)} .shared-account-lookup input[b-1vun6xke1k]{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit;text-align:start} .shared-account-lookup input[readonly][b-1vun6xke1k]{cursor:default;opacity:.7} .shared-account-lookup__toggle[b-1vun6xke1k],.shared-account-lookup__clear[b-1vun6xke1k]{border:0;background:transparent;color:var(--mud-palette-text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none} .shared-account-lookup button:disabled[b-1vun6xke1k]{opacity:.4;cursor:default} .account-popup[b-1vun6xke1k]{position:fixed;z-index:1400;display:flex;flex-direction:column;max-height:min(480px,calc(100vh - 24px));max-width:calc(100vw - 24px);width:min(720px,calc(100vw - 24px));background:var(--mud-palette-surface,#fff);color:var(--mud-palette-text-primary,#243550);border:1px solid var(--mud-palette-primary,#185abd);border-radius:7px;box-shadow:0 10px 28px #182f522b;overflow:hidden;visibility:hidden} .account-popup__search[b-1vun6xke1k]{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--mud-palette-lines-default,#dce4ee);flex-shrink:0} .account-popup__search label[b-1vun6xke1k]{display:flex;align-items:center;gap:8px;border:1px solid var(--mud-palette-primary,#185abd);border-radius:4px;padding-inline:9px;min-height:36px;flex:1;min-width:0;color:var(--mud-palette-primary,#185abd)} .account-popup__search input[b-1vun6xke1k]{width:100%;min-width:0;border:0;background:transparent;color:var(--mud-palette-text-primary,#243550);font:inherit;font-size:.85rem;padding:7px 0} .account-popup__scroll[b-1vun6xke1k]{overflow:auto;min-height:0} .account-popup table[b-1vun6xke1k]{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap;text-align:start} .account-popup th[b-1vun6xke1k]{padding:9px 10px;background:var(--mud-palette-background-gray,#f4f7fb);color:var(--mud-palette-text-secondary,#65758d);position:sticky;top:0;font-weight:600;border-bottom:1px solid var(--mud-palette-lines-default,#dce4ee)} .account-popup td[b-1vun6xke1k]{padding:9px 10px;border-bottom:1px solid var(--mud-palette-lines-default,#dce4ee)} .account-popup tbody tr:nth-child(odd)[b-1vun6xke1k]{background:color-mix(in srgb,var(--mud-palette-surface,#fff) 94%,#e5cc33)} .account-popup tbody tr.account-popup__active[b-1vun6xke1k],.account-popup tbody tr:hover[b-1vun6xke1k]{background:var(--mud-palette-primary-hover,#edf4ff);color:var(--mud-palette-primary,#185abd)} .account-popup tbody tr.account-popup__active[b-1vun6xke1k]{box-shadow:inset -3px 0 var(--mud-palette-primary,#185abd)} .account-popup button[data-lookup-choice][b-1vun6xke1k]{font:inherit;font-weight:600;text-align:start;background:transparent;color:inherit;padding:0;border:0;white-space:nowrap} .account-popup__message[b-1vun6xke1k]{padding:20px;text-align:center;font-size:.85rem} .account-popup__footer[b-1vun6xke1k]{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--mud-palette-background-gray,#f4f7fb);color:var(--mud-palette-text-secondary,#65758d);padding:7px 10px;font-size:.76rem;flex-shrink:0} .account-entry-sr[b-1vun6xke1k]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:600px){.account-popup__keys[b-1vun6xke1k]{display:none}.account-popup__search input[b-1vun6xke1k]{font-size:16px}} @media(pointer:coarse){.account-popup__search label[b-1vun6xke1k],.account-popup button[data-lookup-choice][b-1vun6xke1k]{min-height:44px}.account-popup td[b-1vun6xke1k]{padding-block:0}} /* /Components/Modules/FinancialLineEditor.razor.rz.scp.css */ .financial-item-cell[b-tkldyauu7i]{min-width:260px;max-width:440px;white-space:nowrap} .financial-row-actions[b-tkldyauu7i]{margin-block-start:8px} /* /Components/Modules/ModuleNavigation.razor.rz.scp.css */ /* Keep the brand and the single-line search compact inside the drawer's flex column. */ .module-nav-header[b-230pwbmczq]{display:block;flex:0 0 auto;padding:20px 22px 12px} .module-nav-header strong[b-230pwbmczq]{display:block;white-space:nowrap;font-size:24px;line-height:1.5} .module-nav-header span[b-230pwbmczq]{display:block;margin-top:3px;font-size:11px;line-height:1.7} .module-nav-search[b-230pwbmczq]{flex:0 0 auto;min-width:0} .erp-navigation-shell[b-230pwbmczq]{flex:0 1 auto;min-width:0} .erp-navigation-shell[b-230pwbmczq] .erp-area-settings{--navigation-accent:#6e73a6} .erp-navigation-shell[b-230pwbmczq] .erp-area-accounts{--navigation-accent:#198c79} .erp-navigation-shell[b-230pwbmczq] .erp-area-stores{--navigation-accent:#bd8436} .erp-navigation-shell[b-230pwbmczq] .erp-area-purchases{--navigation-accent:#7d64b5} .erp-navigation-shell[b-230pwbmczq] .erp-area-sales{--navigation-accent:#297eaf} .erp-navigation-shell[b-230pwbmczq] .mud-nav-link:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default{color:color-mix(in srgb,var(--navigation-accent,var(--mud-palette-primary)) 72%,var(--mud-palette-text-primary))} .erp-navigation-shell[b-230pwbmczq] .mud-nav-link.active{background:color-mix(in srgb,var(--navigation-accent,var(--mud-palette-primary)) 10%,transparent);border-inline-end:3px solid var(--navigation-accent,var(--mud-palette-primary));font-weight:700} /* /Components/Pages/AccountStatement.razor.rz.scp.css */ .statement-print[b-z39jy8dm9o] { display:none; } @media print { .statement-screen[b-z39jy8dm9o] { display:none !important; } .statement-print[b-z39jy8dm9o] { display:block; } } /* /Components/Pages/Auth/Login.razor.rz.scp.css */ /* FastPro Site — isolated styles. Only this login page is branded; ERP screens are untouched. */ .fp-auth[b-0u2olevmct] { --fp-red: #ed101e; --fp-red-deep: #bc0011; --fp-red-soft: #fff0f1; --fp-ink: var(--mud-palette-text-primary, #162b45); --fp-muted: var(--mud-palette-text-secondary, #6b7990); --fp-surface: var(--mud-palette-surface, #ffffff); --fp-background: var(--mud-palette-background, #f7f9fc); --fp-line: #dce2eb; --fp-font: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; min-height: 100vh; min-height: 100dvh; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 15% 7%, #fff 8%, transparent 67%), var(--fp-background); color: var(--fp-ink); font-family: var(--fp-font); font-size: 14px; line-height: 1.55; } .fp-auth *[b-0u2olevmct], .fp-auth[b-0u2olevmct] * { box-sizing: border-box; } /* Keep router focus announcements without a browser outline around the display heading. */ #fp-login-title:focus[b-0u2olevmct] { outline: none; } .fp-auth[data-theme="dark"][b-0u2olevmct] { --fp-ink: #eef2fa; --fp-muted: #abb6c9; --fp-surface: #192337; --fp-background: #0e1523; --fp-line: #364158; --fp-red-soft: #361b29; background: radial-gradient(ellipse at 10% 0, #1f2b42 0, transparent 60%), var(--fp-background); color-scheme: dark; } .fp-auth__shell[b-0u2olevmct] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(440px, 1fr); gap: 20px; min-height: 100vh; min-height: 100dvh; max-width: 1720px; margin: 0 auto; padding: 20px 30px 16px; position: relative; z-index: 1; direction: ltr; } .fp-auth__ribbon[b-0u2olevmct] { position: absolute; width: 720px; height: 1120px; top: -430px; left: calc(59% - 210px); border: 116px solid transparent; background: linear-gradient(142deg, #b90012 2%, #ff3642 47%, #ff8e98 70%, #de0317 98%) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; border-radius: 50%; transform: rotate(31deg); opacity: .98; pointer-events: none; } .fp-auth__floor[b-0u2olevmct] { position: absolute; bottom: -255px; left: -190px; width: min(1200px, 90%); height: 470px; transform: rotate(-13deg); border-radius: 50% 28% 0 0; background: linear-gradient(160deg, #ff727b 4%, #f02c3a 37%, #bf0013 66%, #ffabb0 83%, transparent); box-shadow: 0 -5px 0 #ffffffb3, 0 -11px 0 #ffdedfa1; pointer-events: none; } .fp-auth__skyline[b-0u2olevmct] { position: absolute; display: flex; align-items: flex-end; gap: 23px; width: 51%; height: 240px; top: 165px; left: 25%; opacity: .095; filter: blur(4px); pointer-events: none; } .fp-auth__skyline i[b-0u2olevmct] { width: 58px; height: 63%; background: linear-gradient(#789, transparent); } .fp-auth__skyline i:nth-child(2)[b-0u2olevmct] { height: 90%; } .fp-auth__skyline i:nth-child(3)[b-0u2olevmct] { height: 56%; } .fp-auth__skyline i:nth-child(4)[b-0u2olevmct] { height: 110%; } .fp-auth__skyline i:nth-child(5)[b-0u2olevmct] { height: 135%; } .fp-auth__skyline i:nth-child(6)[b-0u2olevmct] { height: 75%; } .fp-auth__showcase[b-0u2olevmct] { position: relative; min-height: 790px; direction: rtl; } .fp-auth__brand[b-0u2olevmct] { position: absolute; top: 34px; left: 38px; width: min(62%, 490px); text-align: center; z-index: 3; } .fp-auth__brand img[b-0u2olevmct] { display: block; width: 100%; height: auto; } .fp-auth__brand p[b-0u2olevmct] { margin: 5px 0 0; color: #48576c; font-size: clamp(16px, 1.55vw, 24px); font-weight: 500; white-space: nowrap; } .fp-auth__brand p span[b-0u2olevmct] { display: inline-block; font: 600 11px/1.5 "Segoe UI", sans-serif; color: var(--fp-red); border: 1px solid #f6bbc0; border-radius: 5px; padding: 0 7px; margin-inline-start: 8px; vertical-align: middle; } .fp-auth__pitch[b-0u2olevmct] { position: absolute; top: 207px; left: 13px; width: 43%; text-align: center; z-index: 3; } .fp-auth__eyebrow[b-0u2olevmct] { font-size: 11px; font-weight: 700; color: #7a889b; } .fp-auth__pitch h2[b-0u2olevmct] { color: #131821; font-size: clamp(29px, 2.8vw, 47px); font-weight: 800; letter-spacing: -.8px; line-height: 1.62; margin: 8px -12px 25px; white-space: nowrap; } .fp-auth__pitch h2 strong[b-0u2olevmct] { color: var(--fp-red-deep); font-weight: 850; position: relative; } .fp-auth__pitch h2 strong[b-0u2olevmct]::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 125px; height: 13px; border-top: 3px solid var(--fp-red); border-radius: 80% 50% 0 0; transform: rotate(-7deg); } .fp-auth__pitch p[b-0u2olevmct] { margin: 0; color: #495972; font-size: clamp(12px, 1.17vw, 18px); line-height: 2; } .fp-auth__modules[b-0u2olevmct] { position: absolute; top: 497px; left: 30px; width: min(35%, 310px); display: grid; direction: ltr; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; z-index: 3; } .fp-auth__modules > div[b-0u2olevmct] { background: #ffffffda; border: 1px solid #ffffffef; border-radius: 16px; box-shadow: 0 6px 22px #22384c0a; min-height: 78px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-align: center; } .fp-auth__modules[b-0u2olevmct] .mud-icon-root { color: var(--fp-red); font-size: 29px; } .fp-auth__modules span[b-0u2olevmct] { color: #24354f; font-size: 11px; font-weight: 700; white-space: nowrap; } .fp-auth__devices[b-0u2olevmct] { position: absolute; left: 3%; top: 210px; width: 100%; max-width: 940px; height: auto; z-index: 2; filter: drop-shadow(0 20px 13px #42061330); pointer-events: none; } .fp-auth__showcase-footer[b-0u2olevmct] { position: absolute; bottom: 5px; left: 36px; display: flex; align-items: center; gap: 10px; color: #334258; direction: ltr; font-size: 11px; z-index: 4; } .fp-auth__showcase-footer > span:first-child[b-0u2olevmct] { font-weight: 800; letter-spacing: 1px; } .fp-auth__showcase-footer i[b-0u2olevmct] { display: block; height: 11px; border-inline-start: 1px solid currentColor; opacity: .4; } .fp-auth__main[b-0u2olevmct] { align-self: center; direction: rtl; min-width: 0; position: relative; z-index: 5; } .fp-auth__preferences[b-0u2olevmct] { display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 14px; min-height: 40px; } .fp-auth[b-0u2olevmct] .fp-auth__language { padding: 7px 14px; border: 1px solid #ffffffbf; border-radius: 25px; background: #ffffffde; color: #253e61; box-shadow: 0 5px 20px #15324f09; font-family: var(--fp-font); font-weight: 700; font-size: 12px; min-height: 38px; text-transform: none; } .fp-auth[b-0u2olevmct] .fp-auth__language .mud-icon-root { font-size: 20px; } .fp-auth__theme-switch[b-0u2olevmct] { padding: 3px; display: flex; direction: ltr; gap: 4px; border: 1px solid #fff; border-radius: 25px; background: #ffffffde; box-shadow: 0 5px 20px #15324f09; } .fp-auth[b-0u2olevmct] .fp-auth__theme-button { color: #335780; padding: 6px 9px; border-radius: 24px; } .fp-auth[b-0u2olevmct] .fp-auth__theme-button .mud-icon-root { font-size: 21px; } .fp-auth[b-0u2olevmct] .fp-auth__theme-button--active { background: #203d60; color: white; box-shadow: inset 0 1px 0 #ffffff40; } .fp-auth__card[b-0u2olevmct] { border: 1px solid #ffffffdb; border-radius: 25px; padding: 22px 35px 16px; background: linear-gradient(125deg, #fffffff5, #f9fbffef); box-shadow: 0 18px 64px #12334e15, 0 2px 10px #45618007; backdrop-filter: blur(14px); } .fp-auth__intro[b-0u2olevmct] { text-align: center; margin-bottom: 16px; } .fp-auth__card-kicker[b-0u2olevmct] { font: 700 10px/1.5 "Segoe UI", sans-serif; letter-spacing: 2.5px; color: #ab5260; } .fp-auth__intro h1[b-0u2olevmct] { font-size: clamp(28px, 2.35vw, 38px); font-weight: 800; line-height: 1.45; margin: 1px 0 0; letter-spacing: -.75px; } .fp-auth__intro p[b-0u2olevmct] { font-size: 13px; color: var(--fp-muted); margin: 0; } .fp-auth__mobile-brand[b-0u2olevmct] { display: none; } .fp-auth__field[b-0u2olevmct] { margin-bottom: 9px; } .fp-auth__field > label[b-0u2olevmct] { display: block; margin: 0 1px 3px; color: var(--fp-ink); font-size: 13px; font-weight: 700; line-height: 1.5; } .fp-auth__company-wrap[b-0u2olevmct] { position: relative; } .fp-auth[b-0u2olevmct] .fp-auth__input { margin: 0; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input { min-height: 43px; border-radius: 10px; background: #ffffff80; color: var(--fp-ink); font-family: var(--fp-font); } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-outlined-border { border: 1px solid var(--fp-line); border-radius: 10px; transition: border-color .15s ease, box-shadow .15s ease; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-outlined:hover .mud-input-outlined-border { border-color: #a7b6cb; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input:focus-within .mud-input-outlined-border { border-color: var(--fp-red); box-shadow: 0 0 0 3px #ee102013; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input.mud-input-error .mud-input-outlined-border { border-color: #d7162c; } .fp-auth[b-0u2olevmct] .fp-auth__input input.mud-input-slot, .fp-auth[b-0u2olevmct] .fp-auth__input div.mud-input-slot { padding-top: 10px; padding-bottom: 10px; font-size: 13px; line-height: 1.6; height: auto; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-slot::placeholder { color: #8b98ab; opacity: 1; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-adornment { color: #294366; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-adornment .mud-icon-root { font-size: 22px; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-adornment .mud-icon-button { padding: 5px; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-helper-text { margin: 3px 2px 0; font-family: var(--fp-font); font-size: 11px; line-height: 1.6; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input-helper-text:empty { display: none; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-disabled { opacity: .68; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input.mud-disabled { background: #f2f5fa; opacity: .85; } .fp-auth[b-0u2olevmct] .fp-auth__company-input .mud-input-slot { padding-inline-end: 43px; } .fp-auth[b-0u2olevmct] .fp-auth__company-load { position: absolute; left: 4px; top: 4px; width: 35px; height: 35px; border-radius: 8px; color: #354e70; z-index: 1; } .fp-auth__context-hint[b-0u2olevmct] { min-height: 19px; display: flex; align-items: center; gap: 5px; margin-top: 4px; color: #718096; font-size: 9.5px; line-height: 1.5; } .fp-auth__context-hint[b-0u2olevmct] .mud-icon-root { font-size: 13px; color: #4b8270; } .fp-auth[b-0u2olevmct] .fp-auth__small-progress { width: 13px; height: 13px; color: var(--fp-red); } .fp-auth__form-options[b-0u2olevmct] { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin: -2px -7px 7px; min-height: 33px; } .fp-auth[b-0u2olevmct] .fp-auth__remember { margin: 0; } .fp-auth[b-0u2olevmct] .fp-auth__remember .mud-checkbox { padding: 7px; color: var(--fp-red); } .fp-auth[b-0u2olevmct] .fp-auth__remember .mud-typography { font-family: var(--fp-font); font-size: 12px; color: var(--fp-ink); line-height: 1.5; } .fp-auth[b-0u2olevmct] .fp-auth__forgot { color: var(--fp-red-deep); font-size: 11px; font-weight: 700; font-family: var(--fp-font); text-transform: none; min-width: 0; padding: 4px 6px; white-space: nowrap; } .fp-auth[b-0u2olevmct] .fp-auth__submit { min-height: 47px; border-radius: 11px; border: 1px solid #ff4a56; background: linear-gradient(115deg, #ff2e39 0, #ed0c1e 50%, #c60016 100%); color: #fff; box-shadow: 0 8px 20px #e30b1d1f, inset 0 1px 0 #ffffff50; font-family: var(--fp-font); font-size: 17px; font-weight: 750; text-transform: none; transition: box-shadow .18s, transform .18s; } .fp-auth[b-0u2olevmct] .fp-auth__submit .mud-button-label { display: flex; align-items: center; justify-content: center; gap: 14px; } .fp-auth[b-0u2olevmct] .fp-auth__submit:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 10px 26px #e30b1d38; background: linear-gradient(115deg, #ed202d, #b80014); } .fp-auth[b-0u2olevmct] .fp-auth__submit:disabled { background: #e9969e; border-color: transparent; color: white; box-shadow: none; } .fp-auth__divider[b-0u2olevmct] { display: flex; align-items: center; gap: 14px; margin: 9px 0; color: #66778e; font-size: 11px; line-height: 1; } .fp-auth__divider[b-0u2olevmct]::before, .fp-auth__divider[b-0u2olevmct]::after { content: ""; height: 1px; background: var(--fp-line); flex: 1; } .fp-auth[b-0u2olevmct] .fp-auth__register { min-height: 44px; border: 1px solid var(--fp-red); color: var(--fp-red-deep); border-radius: 10px; background: transparent; font-size: 13px; font-weight: 750; font-family: var(--fp-font); text-transform: none; } .fp-auth[b-0u2olevmct] .fp-auth__register:hover { background: var(--fp-red-soft); } .fp-auth__security[b-0u2olevmct] { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 11px; color: #8290a4; font-size: 9.5px; } .fp-auth__security[b-0u2olevmct] .mud-icon-root { font-size: 15px; } .fp-auth__footer[b-0u2olevmct] { text-align: center; font-size: 9.5px; color: #748296; margin-top: 11px; } .fp-auth__footer span[b-0u2olevmct] { margin: 0 6px; } .fp-auth__message[b-0u2olevmct] { margin-bottom: 10px; } .fp-auth__message[b-0u2olevmct] .mud-alert { font-family: var(--fp-font); font-size: 12px; border-radius: 9px; } .fp-auth[b-0u2olevmct] :is(button, a, input, [role="combobox"]):focus-visible { outline: 3px solid #cc122d; outline-offset: 3px; } /* Keep local dark mode useful even when the host owns the global MudThemeProvider. */ .fp-auth[data-theme="dark"] .fp-auth__card[b-0u2olevmct] { background: linear-gradient(130deg, #1b263beF, #141e31f5); border-color: #39465e; box-shadow: 0 20px 60px #0005; } .fp-auth[data-theme="dark"] .fp-auth__brand p[b-0u2olevmct], .fp-auth[data-theme="dark"] .fp-auth__pitch p[b-0u2olevmct], .fp-auth[data-theme="dark"] .fp-auth__showcase-footer[b-0u2olevmct] { color: #bec8d9; } .fp-auth[data-theme="dark"] .fp-auth__pitch h2[b-0u2olevmct] { color: #f1f5fb; } .fp-auth[data-theme="dark"] .fp-auth__pitch h2 strong[b-0u2olevmct] { color: #ff5967; } .fp-auth[data-theme="dark"] .fp-auth__modules > div[b-0u2olevmct] { background: #1d2a40c9; border-color: #34425a; } .fp-auth[data-theme="dark"] .fp-auth__modules span[b-0u2olevmct] { color: #e4eaf5; } .fp-auth[data-theme="dark"] .fp-auth__theme-switch[b-0u2olevmct] { background: #1d2c43; border-color: #364259; } .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__language { background: #1d2c43; border-color: #364259; color: #e4eaf5; } .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__theme-button { color: #b9cbe1; } .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__theme-button--active { background: #e6edfa; color: #1f3454; } .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__input .mud-input { color: #eef2fa; background: #101a2a80; } .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__input .mud-input-adornment, .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__company-load { color: #b7c7de; } .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__input .mud-input.mud-disabled { background: #141e2f; } .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__register, .fp-auth[data-theme="dark"][b-0u2olevmct] .fp-auth__forgot { color: #ff7783; } .fp-auth[data-theme="dark"] .fp-auth__floor[b-0u2olevmct] { opacity: .55; } .fp-auth[data-theme="dark"] .fp-auth__ribbon[b-0u2olevmct] { opacity: .85; } .fp-auth[dir="ltr"] .fp-auth__main[b-0u2olevmct], .fp-auth[dir="ltr"] .fp-auth__showcase[b-0u2olevmct] { direction: ltr; } .fp-auth[dir="ltr"] .fp-auth__preferences[b-0u2olevmct] { justify-content: flex-end; } .fp-auth[dir="ltr"] .fp-auth__company-wrap[b-0u2olevmct] .fp-auth__company-load { left: auto; right: 4px; } .fp-auth[dir="ltr"] .fp-auth__pitch h2[b-0u2olevmct] { font-size: clamp(23px, 2.2vw, 36px); line-height: 1.6; white-space: normal; } .fp-auth[dir="ltr"] .fp-auth__pitch p[b-0u2olevmct] { font-size: 14px; } /* Tablet: retain the approved split layout and illustration without squeezing the form. */ @media (max-width: 1280px) { .fp-auth__shell[b-0u2olevmct] { grid-template-columns: minmax(0, 1.15fr) minmax(410px, 1fr); gap: 12px; padding: 16px 22px; } .fp-auth__card[b-0u2olevmct] { padding-inline: 28px; } .fp-auth__brand[b-0u2olevmct] { left: 12px; width: 77%; } .fp-auth__brand p[b-0u2olevmct] { font-size: 19px; } .fp-auth__pitch[b-0u2olevmct] { left: 0; width: 52%; top: 218px; } .fp-auth__pitch h2[b-0u2olevmct] { font-size: 31px; } .fp-auth__pitch p[b-0u2olevmct] { font-size: 13px; } .fp-auth__modules[b-0u2olevmct] { left: 5px; width: 43%; top: 453px; gap: 7px; } .fp-auth__modules > div[b-0u2olevmct] { min-height: 69px; border-radius: 12px; } .fp-auth__modules span[b-0u2olevmct] { font-size: 10px; } .fp-auth__devices[b-0u2olevmct] { width: 115%; left: -6%; top: 325px; } .fp-auth__showcase[b-0u2olevmct] { min-height: 790px; } } @media (max-width: 1020px) { .fp-auth__shell[b-0u2olevmct] { grid-template-columns: minmax(0, .88fr) minmax(395px, 1fr); gap: 15px; } .fp-auth__brand[b-0u2olevmct] { width: 92%; left: 0; top: 55px; } .fp-auth__brand p[b-0u2olevmct] { font-size: 15px; } .fp-auth__pitch[b-0u2olevmct] { width: 96%; left: 0; top: 203px; } .fp-auth__pitch h2[b-0u2olevmct] { font-size: 30px; } .fp-auth__devices[b-0u2olevmct] { top: 430px; width: 116%; left: -10%; } .fp-auth__modules[b-0u2olevmct] { display: none; } .fp-auth__showcase-footer[b-0u2olevmct] { left: 0; } } /* Mobile: the form remains complete. Decorative illustration is hidden, not form functionality. */ @media (max-width: 780px) { .fp-auth__shell[b-0u2olevmct] { display: block; max-width: 570px; padding: 14px 18px 20px; } .fp-auth__showcase[b-0u2olevmct] { display: none; } .fp-auth__main[b-0u2olevmct] { width: 100%; } .fp-auth__preferences[b-0u2olevmct] { margin-bottom: 12px; } .fp-auth__mobile-brand[b-0u2olevmct] { display: block; width: 190px; margin: 0 auto 16px; } .fp-auth__mobile-brand img[b-0u2olevmct] { display: block; width: 100%; height: auto; } .fp-auth__card[b-0u2olevmct] { padding: 23px 24px 17px; border-radius: 21px; } .fp-auth__card-kicker[b-0u2olevmct] { font-size: 9px; } .fp-auth__intro h1[b-0u2olevmct] { font-size: 28px; } .fp-auth__intro p[b-0u2olevmct] { font-size: 11px; } .fp-auth__field[b-0u2olevmct] { margin-bottom: 11px; } .fp-auth__field > label[b-0u2olevmct] { font-size: 12px; } .fp-auth[b-0u2olevmct] .fp-auth__input .mud-input { min-height: 44px; } .fp-auth__form-options[b-0u2olevmct] { margin-inline: -5px; } .fp-auth[b-0u2olevmct] .fp-auth__remember .mud-typography { font-size: 10px; } .fp-auth[b-0u2olevmct] .fp-auth__forgot { font-size: 10px; } .fp-auth[b-0u2olevmct] .fp-auth__submit { font-size: 16px; min-height: 47px; } .fp-auth[b-0u2olevmct] .fp-auth__register { min-height: 45px; font-size: 12px; } .fp-auth__ribbon[b-0u2olevmct] { left: 8%; top: -490px; width: 730px; height: 990px; opacity: .82; } .fp-auth__floor[b-0u2olevmct] { width: 1050px; opacity: .35; bottom: -390px; } .fp-auth__skyline[b-0u2olevmct] { display: none; } } @media (max-width: 365px) { .fp-auth__shell[b-0u2olevmct] { padding-inline: 10px; } .fp-auth__card[b-0u2olevmct] { padding-inline: 17px; } .fp-auth__form-options[b-0u2olevmct] { align-items: flex-start; flex-direction: column; gap: 0; margin-bottom: 8px; } } @media (prefers-reduced-motion: reduce) { .fp-auth[b-0u2olevmct] *, .fp-auth *[b-0u2olevmct] { scroll-behavior: auto !important; transition: none !important; } .fp-auth[b-0u2olevmct] .fp-auth__submit:hover { transform: none; } } /* Icon/placeholder alignment follows the page, not the value's LTR direction. */ .fp-auth__select-wrap[b-0u2olevmct] { position: relative; } .fp-auth__select-glyph[b-0u2olevmct] { position: absolute; inset-inline-start: 12px; top: 10px; display: flex; pointer-events: none; z-index: 1; color: #294366; } .fp-auth__select-glyph[b-0u2olevmct] .mud-icon-root { font-size: 21px; } .fp-auth[b-0u2olevmct] .fp-auth__select-input .mud-input-slot { padding-inline-start: 41px !important; } .fp-auth[dir="rtl"][b-0u2olevmct] .fp-auth__input input.mud-input-slot { text-align: right; } .fp-auth[dir="rtl"][b-0u2olevmct] .fp-auth__company-input input.mud-input-slot { padding-left: 42px; padding-right: 8px; } .fp-auth[dir="ltr"][b-0u2olevmct] .fp-auth__company-input input.mud-input-slot { padding-right: 42px; padding-left: 8px; } .fp-auth[data-theme="dark"] .fp-auth__select-glyph[b-0u2olevmct] { color: #b7c7de; } /* /Components/Pages/Auth/Register.razor.rz.scp.css */ .fp-activation[b-9gql88y2gg] { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 28px 18px; background: radial-gradient(ellipse at 15% 7%, #fff 8%, transparent 67%), #f7f9fc; color: #162b45; font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; } .fp-activation__card[b-9gql88y2gg] { width: min(100%, 610px); padding: 38px; border: 1px solid #fff; border-radius: 25px; background: #ffffffed; box-shadow: 0 18px 64px #12334e15; } .fp-activation__logo[b-9gql88y2gg] { display: block; width: min(100%, 330px); height: auto; margin: 0 auto 28px; } .fp-activation__kicker[b-9gql88y2gg] { display: block; text-align: center; font: 700 10px/1.5 "Segoe UI", sans-serif; letter-spacing: 2.5px; color: #ab5260; } .fp-activation h1[b-9gql88y2gg] { margin: 10px 0 22px; text-align: center; color: #162b45; font-size: 28px; font-weight: 800; } .fp-activation p[b-9gql88y2gg] { color: #6b7990; font-size: 14px; line-height: 1.9; margin-bottom: 16px; } .fp-activation__english[b-9gql88y2gg] { border-top: 1px solid #dce2eb; padding-top: 18px; margin-top: 20px; } .fp-activation__english h2[b-9gql88y2gg] { color: #162b45; font-size: 18px; margin-bottom: 12px; } .fp-activation__back[b-9gql88y2gg] { display: block; margin-top: 26px; padding: 12px 18px; text-align: center; color: #fff; background: linear-gradient(115deg, #ff2e39, #ed0c1e 50%, #c60016); border-radius: 11px; font-size: 13px; font-weight: 700; text-decoration: none; } .fp-activation__back:focus-visible[b-9gql88y2gg] { outline: 3px solid #cc122d; outline-offset: 3px; } @media (max-width: 480px) { .fp-activation__card[b-9gql88y2gg] { padding: 26px 22px; } .fp-activation h1[b-9gql88y2gg] { font-size: 23px; } } /* /Components/Pages/Auth/Registration/Register.razor.rz.scp.css */ /* Registration only. Existing login, AppTheme and ERP screens are not overwritten. */ .fp-reg[b-2filaoebqg] { --reg-red: #e71024; --reg-deep: #b80017; --reg-soft: #fff0f2; --reg-ink: var(--mud-palette-text-primary, #172b46); --reg-muted: var(--mud-palette-text-secondary, #6b7b92); --reg-surface: var(--mud-palette-surface, #fff); --reg-bg: var(--mud-palette-background, #f6f8fc); --reg-line: #e1e6ee; --reg-green: #187454; --reg-font: var(--mud-typography-default-family, "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif); position: relative; isolation: isolate; overflow: clip; min-height: 100vh; min-height: 100dvh; color: var(--reg-ink); background: radial-gradient(ellipse at 2% 0%, #fff, transparent 65%), var(--reg-bg); font-family: var(--reg-font); font-size: 14px; line-height: 1.7; } .fp-reg *[b-2filaoebqg], .fp-reg[b-2filaoebqg] * { box-sizing: border-box; } .fp-reg[data-theme="dark"][b-2filaoebqg] { --reg-ink: #edf2fc; --reg-muted: #abb7cd; --reg-surface: #192439; --reg-bg: #0f1727; --reg-line: #34415a; --reg-soft: #372032; --reg-green: #6addb6; background: radial-gradient(ellipse at 6% 0, #283347, transparent 65%), var(--reg-bg); color-scheme: dark; } .fp-reg[b-2filaoebqg] button, .fp-reg[b-2filaoebqg] input, .fp-reg[b-2filaoebqg] select { font-family: inherit; } .fp-reg[b-2filaoebqg] button, .fp-reg[b-2filaoebqg] a { -webkit-tap-highlight-color: transparent; } .fp-reg[b-2filaoebqg] button:focus-visible, .fp-reg[b-2filaoebqg] a:focus-visible { outline: 3px solid #e7102470; outline-offset: 3px; } .fp-reg__ribbon[b-2filaoebqg] { position: absolute; z-index: -1; width: 770px; height: 1000px; left: -360px; top: 345px; border: 90px solid #e91024; border-radius: 48%; transform: rotate(34deg); box-shadow: 0 0 0 18px #e910240b, inset 0 0 0 17px #e910240f; opacity: .9; pointer-events: none; } .fp-reg__layout[b-2filaoebqg] { display: grid; grid-template-columns: minmax(310px, .76fr) minmax(0, 1.5fr); direction: ltr; gap: 42px; max-width: 1500px; padding: 28px 42px 24px; margin: auto; min-height: 100vh; min-height: 100dvh; } .fp-reg__aside[b-2filaoebqg] { direction: rtl; padding: 35px 3px 0; display: flex; flex-direction: column; min-width: 0; position: relative; } .fp-reg__brand[b-2filaoebqg] { text-align: start; } .fp-reg__brand img[b-2filaoebqg] { display: block; max-width: 360px; width: 92%; height: auto; } .fp-reg__brand p[b-2filaoebqg] { font-size: 14px; font-weight: 500; margin: 9px 0 0; color: var(--reg-muted); } .fp-reg__brand p span[b-2filaoebqg] { margin-inline-start: 8px; padding: 0 7px; border-radius: 5px; color: var(--reg-red); border: 1px solid #f1aeb7; font: 600 11px/1.5 "Segoe UI", sans-serif; } .fp-reg__pitch[b-2filaoebqg] { margin-top: 47px; position: relative; z-index: 1; } .fp-reg[b-2filaoebqg] .fp-reg__eyebrow { color: var(--reg-red); font-size: 11px; font-weight: 800; letter-spacing: .5px; } .fp-reg__pitch h1[b-2filaoebqg] { margin: 13px 0 12px; font-weight: 800; font-size: clamp(31px, 3vw, 46px); line-height: 1.5; letter-spacing: -1px; color: var(--reg-ink); } .fp-reg__pitch h1 strong[b-2filaoebqg] { color: var(--reg-red); font-weight: 850; } .fp-reg__pitch > p[b-2filaoebqg] { color: var(--reg-muted); max-width: 340px; margin: 0; font-size: 14px; line-height: 1.95; } .fp-reg__benefits[b-2filaoebqg] { display: grid; gap: 15px; margin: 25px 0 0; z-index: 1; } .fp-reg__benefits > div[b-2filaoebqg] { display: flex; align-items: center; gap: 12px; } .fp-reg__benefits > div > span[b-2filaoebqg] { background: var(--reg-surface); color: var(--reg-red); width: 40px; height: 40px; border: 1px solid var(--reg-line); display: grid; place-items: center; border-radius: 12px; box-shadow: 0 4px 15px #233b5405; flex: 0 0 auto; } .fp-reg__benefits p[b-2filaoebqg] { margin: 0; display: flex; flex-direction: column; } .fp-reg__benefits b[b-2filaoebqg] { font-size: 13px; font-weight: 750; } .fp-reg__benefits small[b-2filaoebqg] { font-size: 11px; color: var(--reg-muted); } .fp-reg__device-wrap[b-2filaoebqg] { margin: 25px -27px 0; position: relative; max-width: 480px; z-index: 0; } .fp-reg__device-wrap img[b-2filaoebqg] { width: 100%; height: auto; display: block; filter: drop-shadow(0 13px 12px #53162218); } .fp-reg__device-caption[b-2filaoebqg] { position: relative; padding: 4px 35px; font-size: 11px; color: var(--reg-muted); text-align: center; } .fp-reg__device-caption span[b-2filaoebqg] { margin: 0 6px; } .fp-reg__aside-footer[b-2filaoebqg] { margin-top: auto; padding: 25px 0 5px; display: flex; gap: 8px; align-items: center; color: var(--reg-muted); font-size: 13px; } .fp-reg__aside-footer[b-2filaoebqg] .mud-link { color: var(--reg-red); font-weight: 750; } .fp-reg__main[b-2filaoebqg] { direction: rtl; min-width: 0; } .fp-reg[dir="ltr"] .fp-reg__main[b-2filaoebqg], .fp-reg[dir="ltr"] .fp-reg__aside[b-2filaoebqg] { direction: ltr; } .fp-reg__topbar[b-2filaoebqg] { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 17px; } .fp-reg__breadcrumb[b-2filaoebqg] { color: var(--reg-muted); font-size: 11px; letter-spacing: .1px; } .fp-reg__breadcrumb i[b-2filaoebqg] { margin: 0 8px; color: #bbc3d0; font-style: normal; } .fp-reg__preferences[b-2filaoebqg] { display: flex; gap: 7px; align-items: center; } .fp-reg[b-2filaoebqg] .fp-reg__preference { text-transform: none; font-size: 12px; color: var(--reg-ink); font-family: var(--reg-font); background: var(--reg-surface); border: 1px solid var(--reg-line); border-radius: 24px; min-height: 36px; padding: 6px 12px; box-shadow: 0 3px 10px #172b4610; } .fp-reg[b-2filaoebqg] .fp-reg__preference.mud-icon-button { padding: 7px; width: 37px; height: 37px; } .fp-reg[b-2filaoebqg] .fp-reg__preference .mud-icon-root { font-size: 19px; } .fp-reg__card[b-2filaoebqg] { background: var(--reg-surface); border: 1px solid #ffffffd0; border-radius: 24px; padding: 30px 36px 24px; box-shadow: 0 20px 70px #132c4a0b, 0 2px 10px #26456106; position: relative; min-height: 724px; } .fp-reg[data-theme="dark"] .fp-reg__card[b-2filaoebqg] { border-color: var(--reg-line); box-shadow: 0 20px 70px #0003; } .fp-reg__heading[b-2filaoebqg] { display: flex; justify-content: space-between; gap: 18px; align-items: center; } .fp-reg__heading h2[b-2filaoebqg] { font-size: clamp(25px, 2.2vw, 33px); color: var(--reg-ink); letter-spacing: -.7px; font-weight: 800; line-height: 1.5; margin: 6px 0 8px; } .fp-reg__heading p[b-2filaoebqg] { color: var(--reg-muted); font-size: 12px; margin: 0; } .fp-reg__step-count[b-2filaoebqg] { width: 59px; height: 59px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 3px; background: var(--reg-soft); color: var(--reg-red); border: 1px solid #ea102419; border-radius: 16px; direction: ltr; font: 800 24px/1.3 "Segoe UI", sans-serif; } .fp-reg__step-count small[b-2filaoebqg] { font-size: 11px; font-weight: 600; color: var(--reg-muted); padding-top: 7px; } .fp-reg__steps[b-2filaoebqg] { display: flex; justify-content: space-between; gap: 0; margin: 26px 0 28px; border-bottom: 1px solid var(--reg-line); padding-bottom: 22px; position: relative; } .fp-reg__step[b-2filaoebqg] { flex: 1; min-width: 0; position: relative; } .fp-reg__step:not(:last-child)[b-2filaoebqg]:after { position: absolute; content: ""; top: 17px; inset-inline-start: 68%; width: 64%; height: 1px; background: var(--reg-line); } .fp-reg__step--done:not(:last-child)[b-2filaoebqg]:after { background: #ee9da8; } .fp-reg[b-2filaoebqg] .fp-reg__step-button { display: flex; flex-direction: column; padding: 0 3px; min-width: 0; width: 100%; text-transform: none; color: var(--reg-muted); background: transparent; font-weight: 600; font-size: 11px; line-height: 1.65; border-radius: 8px; } .fp-reg[b-2filaoebqg] .fp-reg__step-button .mud-button-label { display: flex; flex-direction: column; gap: 8px; } .fp-reg[b-2filaoebqg] .fp-reg__step-button.mud-disabled { opacity: 1; color: var(--reg-muted) !important; } .fp-reg[b-2filaoebqg] .fp-reg__step-number { width: 34px; height: 34px; border-radius: 50%; background: var(--reg-bg); color: var(--reg-muted); display: inline-grid; place-items: center; border: 1px solid var(--reg-line); font: 700 12px "Segoe UI", sans-serif; } .fp-reg__step--current[b-2filaoebqg] .fp-reg__step-number { background: var(--reg-red); border-color: var(--reg-red); color: #fff; box-shadow: 0 0 0 5px var(--reg-soft); } .fp-reg__step--done[b-2filaoebqg] .fp-reg__step-number { color: var(--reg-red); background: var(--reg-soft); border-color: #f5bac4; } .fp-reg__step--current[b-2filaoebqg] .fp-reg__step-button .mud-button-label > span:last-child { color: var(--reg-ink); font-weight: 800; } .fp-reg[b-2filaoebqg] .fp-reg__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px 18px; } .fp-reg[b-2filaoebqg] .fp-reg__wide { grid-column: 1 / -1; } .fp-reg[b-2filaoebqg] .fp-reg__field { min-width: 0; } .fp-reg[b-2filaoebqg] .fp-reg__field > label { color: var(--reg-ink); display: block; font-size: 12px; font-weight: 700; margin-bottom: 6px; } .fp-reg[b-2filaoebqg] .fp-reg__field em { color: var(--reg-red); font-style: normal; font-size: 12px; } .fp-reg[b-2filaoebqg] .fp-reg__field small { font-size: 10px; font-weight: 400; color: var(--reg-muted); margin-inline-start: 6px; } .fp-reg[b-2filaoebqg] .fp-reg__control { margin: 0; width: 100%; } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-input { font-family: var(--reg-font); color: var(--reg-ink); font-size: 13px; border-radius: 10px; background: var(--reg-surface); } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-input-outlined-border { border-color: var(--reg-line); } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-input-outlined-border:focus-within { border-color: var(--reg-red); } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-input.mud-input-focused .mud-input-outlined-border { border-color: var(--reg-red); border-width: 1px; } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-input-outlined input.mud-input-slot { padding-top: 12px; padding-bottom: 12px; min-height: 47px; } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-select-input { min-height: 47px; padding-top: 11px; padding-bottom: 11px; } .fp-reg[b-2filaoebqg] .fp-reg__control input::placeholder { color: var(--reg-muted); opacity: .75; font-size: 12px; } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-input-adornment { color: var(--reg-muted); } .fp-reg[b-2filaoebqg] .fp-reg__control .mud-input-adornment .mud-icon-root { font-size: 20px; } .fp-reg[b-2filaoebqg] .mud-input-helper-text, .fp-reg[b-2filaoebqg] .validation-message { font-family: var(--reg-font); font-size: 11px; } .fp-reg[b-2filaoebqg] .validation-message { color: var(--reg-red); margin-top: 3px; } .fp-reg[b-2filaoebqg] .fp-reg__domain-row { display: flex; gap: 10px; align-items: start; } .fp-reg[b-2filaoebqg] .fp-reg__check-domain { flex: 0 0 auto; min-height: 47px; margin: 0; border: 1px solid #f2b1be; border-radius: 10px; color: var(--reg-red); background: var(--reg-soft); font-size: 12px; text-transform: none; padding: 8px 15px; } .fp-reg[b-2filaoebqg] .fp-reg__domain-preview { margin-top: 9px; padding: 8px 12px; border-radius: 8px; background: var(--reg-bg); color: var(--reg-muted); font: 500 12px/1.6 "Segoe UI", sans-serif; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; overflow-wrap: anywhere; } .fp-reg[b-2filaoebqg] .fp-reg__available { color: var(--reg-green); margin-inline-start: auto; font-family: var(--reg-font); font-size: 10px; } .fp-reg[b-2filaoebqg] .fp-reg__unavailable { color: var(--reg-red); margin-inline-start: auto; font-family: var(--reg-font); font-size: 10px; } .fp-reg[b-2filaoebqg] .fp-reg__hint { font-size: 10px; color: var(--reg-muted); margin: 7px 0 0; line-height: 1.85; } .fp-reg[b-2filaoebqg] .fp-reg__password-policy { display: flex; gap: 9px; padding: 11px 14px; border-radius: 9px; background: var(--reg-bg); color: var(--reg-muted); font-size: 11px; line-height: 1.85; } .fp-reg[b-2filaoebqg] .fp-reg__password-policy > .mud-icon-root { margin-top: 2px; flex: 0 0 auto; color: var(--reg-red); } .fp-reg[b-2filaoebqg] .fp-reg__note { display: flex; gap: 10px; align-items: start; border-radius: 11px; background: var(--reg-bg); padding: 14px; margin-top: 20px; } .fp-reg[b-2filaoebqg] .fp-reg__note .mud-icon-root { color: var(--reg-red); font-size: 21px; flex: 0 0 auto; } .fp-reg[b-2filaoebqg] .fp-reg__note p { font-size: 11px; color: var(--reg-muted); margin: 0; line-height: 1.9; } .fp-reg[b-2filaoebqg] .fp-reg__actions { margin-top: 28px; padding-top: 23px; border-top: 1px solid var(--reg-line); display: flex; align-items: center; gap: 13px; } .fp-reg[b-2filaoebqg] .fp-reg__primary { background: linear-gradient(110deg, #fd2f44, #da051c 72%); color: #fff !important; font-weight: 750; font-family: var(--reg-font); text-transform: none; font-size: 14px; line-height: 1.5; padding: 13px 24px; min-height: 49px; border-radius: 11px; min-width: 220px; box-shadow: 0 7px 20px #df0b2520; border: 1px solid #ea0b24; transition: transform .15s, box-shadow .15s; } .fp-reg[b-2filaoebqg] .fp-reg__primary:hover { background: linear-gradient(110deg, #e5162d, #bd071b); box-shadow: 0 9px 24px #df0b2535; } .fp-reg[b-2filaoebqg] .fp-reg__primary.mud-disabled { opacity: .55; } .fp-reg[b-2filaoebqg] .fp-reg__primary .mud-button-label { gap: 11px; } .fp-reg[b-2filaoebqg] .fp-reg__primary .mud-icon-root { font-size: 21px; } .fp-reg[b-2filaoebqg] .fp-reg__secondary { color: var(--reg-muted); min-height: 46px; padding: 8px 20px; font-size: 13px; text-transform: none; } .fp-reg[b-2filaoebqg] .fp-reg__required-note { margin-inline-start: auto; color: var(--reg-muted); font-size: 10px; white-space: nowrap; } .fp-reg[b-2filaoebqg] .fp-reg__draft-note { color: var(--reg-muted); font-size: 10px; line-height: 1.8; margin: 13px 0 0; } .fp-reg__footer[b-2filaoebqg] { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 7px 0; font-size: 10px; color: var(--reg-muted); } .fp-reg__footer i[b-2filaoebqg] { margin: 0 5px; font-style: normal; } .fp-reg[b-2filaoebqg] .fp-reg__text-button, .fp-reg[b-2filaoebqg] .fp-reg__retry { color: var(--reg-red); font-size: 11px; font-weight: 650; text-transform: none; font-family: var(--reg-font); } .fp-reg[b-2filaoebqg] .fp-reg__text-button .mud-icon-root { font-size: 18px; } .fp-reg[b-2filaoebqg] .fp-reg__retry { margin-bottom: 16px; border-radius: 8px; } .fp-reg[b-2filaoebqg] .fp-reg__alert { margin: 12px 0; font-family: var(--reg-font); font-size: 12px; border-radius: 10px; } .fp-reg__busy[b-2filaoebqg] { margin: 12px 0; color: var(--reg-red); font-size: 11px; } .fp-reg__busy > span[b-2filaoebqg] { display: block; padding: 5px; } .fp-reg[b-2filaoebqg] .fp-reg__validation { border: 1px solid #edbac3; background: var(--reg-soft); border-radius: 10px; font-size: 11px; color: var(--reg-red); padding: 12px 20px; margin: 12px 0 18px; } .fp-reg[b-2filaoebqg] .fp-reg__validation ul { margin: 0; padding-inline-start: 15px; } .fp-reg[b-2filaoebqg] .fp-reg__plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .fp-reg[b-2filaoebqg] .fp-reg__plan { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--reg-line); border-radius: 15px; padding: 17px 15px; background: var(--reg-surface); } .fp-reg[b-2filaoebqg] .fp-reg__plan--selected { border: 2px solid var(--reg-red); padding: 16px 14px; background: linear-gradient(150deg, var(--reg-soft), var(--reg-surface) 45%); box-shadow: 0 6px 23px #e7102410; } .fp-reg[b-2filaoebqg] .fp-reg__plan-head { display: flex; align-items: center; justify-content: space-between; min-height: 25px; } .fp-reg[b-2filaoebqg] .fp-reg__plan-head .mud-icon-root { color: var(--reg-muted); font-size: 22px; } .fp-reg[b-2filaoebqg] .fp-reg__plan--selected .fp-reg__plan-head .mud-icon-root { color: var(--reg-red); } .fp-reg[b-2filaoebqg] .fp-reg__tag { padding: 2px 6px; font-size: 9px; font-weight: 700; color: var(--reg-red); background: var(--reg-soft); border-radius: 5px; white-space: nowrap; } .fp-reg[b-2filaoebqg] .fp-reg__plan h3 { font-size: 18px; font-weight: 800; margin: 16px 0 4px; } .fp-reg[b-2filaoebqg] .fp-reg__plan-description { color: var(--reg-muted); font-size: 11px; min-height: 44px; line-height: 1.9; margin: 0 0 17px; } .fp-reg[b-2filaoebqg] .fp-reg__plan-price { color: var(--reg-red); font-size: 15px; font-weight: 800; } .fp-reg[b-2filaoebqg] .fp-reg__plan > small { font-size: 10px; color: var(--reg-muted); } .fp-reg[b-2filaoebqg] .fp-reg__plan ul { list-style: none; padding: 14px 0; margin: 13px 0 19px; border-top: 1px solid var(--reg-line); display: grid; gap: 9px; flex: 1; } .fp-reg[b-2filaoebqg] .fp-reg__plan li { display: flex; gap: 6px; font-size: 10px; align-items: start; } .fp-reg[b-2filaoebqg] .fp-reg__plan li .mud-icon-root { color: var(--reg-green); font-size: 17px; flex: 0 0 auto; } .fp-reg[b-2filaoebqg] .fp-reg__select-plan { border-color: var(--reg-line); border-radius: 8px; color: var(--reg-ink); font-size: 11px; text-transform: none; min-height: 40px; } .fp-reg[b-2filaoebqg] .fp-reg__plan--selected .fp-reg__select-plan { border-color: var(--reg-red); color: var(--reg-red); background: var(--reg-soft); } .fp-reg[b-2filaoebqg] .fp-reg__quote-state { border: 1px dashed var(--reg-line); border-radius: 14px; padding: 40px 26px; text-align: center; } .fp-reg[b-2filaoebqg] .fp-reg__quote-state > .mud-icon-root { width: 48px; height: 48px; color: var(--reg-red); } .fp-reg[b-2filaoebqg] .fp-reg__quote-state h3 { font-size: 23px; margin: 13px 0; } .fp-reg[b-2filaoebqg] .fp-reg__quote-state p { max-width: 520px; margin: auto; color: var(--reg-muted); font-size: 13px; line-height: 2; } .fp-reg[b-2filaoebqg] .fp-reg__review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .fp-reg[b-2filaoebqg] .fp-reg__review-section { padding: 15px; border: 1px solid var(--reg-line); border-radius: 12px; min-width: 0; } .fp-reg[b-2filaoebqg] .fp-reg__review-section header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 9px; } .fp-reg[b-2filaoebqg] .fp-reg__review-section h3 { margin: 0; font-size: 13px; font-weight: 750; display: flex; gap: 7px; align-items: center; } .fp-reg[b-2filaoebqg] .fp-reg__review-section h3 .mud-icon-root { color: var(--reg-red); font-size: 20px; } .fp-reg[b-2filaoebqg] .fp-reg__review-section h4 { font-size: 16px; margin: 14px 0 10px; } .fp-reg[b-2filaoebqg] .fp-reg__review-section > p { font-size: 12px; } .fp-reg[b-2filaoebqg] .fp-reg__review-section dl, .fp-reg[b-2filaoebqg] .fp-reg__status-details dl { display: grid; grid-template-columns: minmax(75px, auto) minmax(0, 1fr); gap: 10px; margin: 0; font-size: 11px; } .fp-reg[b-2filaoebqg] dt { color: var(--reg-muted); } .fp-reg[b-2filaoebqg] dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; text-align: end; } .fp-reg[b-2filaoebqg] .fp-reg__terms { background: var(--reg-bg); border-radius: 11px; margin-top: 19px; padding: 11px; } .fp-reg[b-2filaoebqg] .fp-reg__terms .mud-typography { font-size: 11px; font-family: var(--reg-font); } .fp-reg[b-2filaoebqg] .fp-reg__policy-links { display: flex; flex-wrap: wrap; gap: 10px; padding-inline-start: 40px; margin-top: -3px; } .fp-reg[b-2filaoebqg] .fp-reg__policy-links a { font-size: 11px; color: var(--reg-red); text-decoration: underline; } .fp-reg[b-2filaoebqg] .fp-reg__verification, .fp-reg[b-2filaoebqg] .fp-reg__status { text-align: center; max-width: 490px; margin: 8px auto; padding: 17px 4px; } .fp-reg[b-2filaoebqg] .fp-reg__state-icon { width: 82px; height: 82px; margin: 0 auto 23px; border: 1px solid #e7102420; border-radius: 24px; background: var(--reg-soft); color: var(--reg-red); display: grid; place-items: center; box-shadow: 0 0 0 10px #e7102404; } .fp-reg[b-2filaoebqg] .fp-reg__state-icon .mud-icon-root { width: 43px; height: 43px; } .fp-reg[b-2filaoebqg] .fp-reg__verification h2, .fp-reg[b-2filaoebqg] .fp-reg__status h2 { font-size: 27px; line-height: 1.65; margin: 10px 0; font-weight: 800; letter-spacing: -.6px; } .fp-reg[b-2filaoebqg] .fp-reg__verification > p, .fp-reg[b-2filaoebqg] .fp-reg__status > p { font-size: 12px; color: var(--reg-muted); line-height: 2; } .fp-reg[b-2filaoebqg] .fp-reg__destination { display: block; font: 600 15px "Segoe UI", sans-serif; background: var(--reg-bg); padding: 10px; border-radius: 8px; margin: 12px auto 22px; max-width: 340px; } .fp-reg[b-2filaoebqg] .fp-reg__verification > label { font-size: 12px; font-weight: 650; display: block; margin-bottom: 9px; } .fp-reg[b-2filaoebqg] .fp-reg__otp { max-width: 340px; margin: auto; } .fp-reg[b-2filaoebqg] .fp-reg__otp .mud-input-outlined input.mud-input-slot { text-align: center; letter-spacing: .45em; font: 700 27px "Segoe UI", sans-serif; height: 65px; padding-inline-start: .45em; } .fp-reg[b-2filaoebqg] .fp-reg__otp input::placeholder { font: 600 24px "Segoe UI", sans-serif; } .fp-reg[b-2filaoebqg] .fp-reg__verification > .fp-reg__primary { margin-top: 23px; } .fp-reg[b-2filaoebqg] .fp-reg__resend { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 3px; margin: 16px 0; font-size: 11px; color: var(--reg-muted); } .fp-reg[b-2filaoebqg] .fp-reg__request-reference { border-top: 1px solid var(--reg-line); padding-top: 18px; margin-top: 20px; } .fp-reg[b-2filaoebqg] .fp-reg__request-reference b { color: var(--reg-ink); font-family: "Segoe UI", sans-serif; } .fp-reg[b-2filaoebqg] .fp-reg__status-details { text-align: start; background: var(--reg-bg); border: 1px solid var(--reg-line); border-radius: 14px; padding: 22px; margin: 24px 0; } .fp-reg[b-2filaoebqg] .fp-reg__status-details dl { font-size: 12px; gap: 15px; } .fp-reg[b-2filaoebqg] .fp-reg__status[data-status="Active"] .fp-reg__state-icon { color: var(--reg-green); background: #17856512; border-color: #19876520; box-shadow: 0 0 0 10px #19876505; } .fp-reg[b-2filaoebqg] .fp-reg__status-message { padding: 13px; background: var(--reg-bg); border-radius: 10px; } .fp-reg__sr-only[b-2filaoebqg] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } @media (min-width: 1600px) { .fp-reg__layout[b-2filaoebqg] { padding-top: 40px; } .fp-reg__card[b-2filaoebqg] { min-height: 765px; } } @media (max-width: 1200px) { .fp-reg__layout[b-2filaoebqg] { padding: 20px 25px; gap: 28px; grid-template-columns: minmax(250px, .62fr) minmax(0, 1.5fr); } .fp-reg__card[b-2filaoebqg] { padding: 27px 25px 22px; } .fp-reg__pitch[b-2filaoebqg] { margin-top: 35px; } .fp-reg__device-wrap[b-2filaoebqg] { margin-inline: -17px; } .fp-reg__pitch h1[b-2filaoebqg] { font-size: 33px; } .fp-reg[b-2filaoebqg] .fp-reg__plan-grid { gap: 8px; } .fp-reg[b-2filaoebqg] .fp-reg__plan { padding: 13px 10px; } .fp-reg[b-2filaoebqg] .fp-reg__plan--selected { padding: 12px 9px; } } @media (max-width: 960px) { .fp-reg__layout[b-2filaoebqg] { grid-template-columns: 1fr; max-width: 820px; padding: 20px 25px; gap: 20px; } .fp-reg__aside[b-2filaoebqg] { padding-top: 5px; } .fp-reg__brand img[b-2filaoebqg] { width: 225px; } .fp-reg__brand p[b-2filaoebqg] { font-size: 11px; } .fp-reg__pitch[b-2filaoebqg], .fp-reg__benefits[b-2filaoebqg], .fp-reg__device-wrap[b-2filaoebqg] { display: none; } .fp-reg__aside-footer[b-2filaoebqg] { position: absolute; top: 11px; inset-inline-end: 0; margin: 0; padding: 0; font-size: 11px; } .fp-reg__ribbon[b-2filaoebqg] { opacity: .07; top: 60px; left: -550px; } .fp-reg__card[b-2filaoebqg] { min-height: 680px; } } @media (max-width: 600px) { .fp-reg__layout[b-2filaoebqg] { padding: 18px 14px; gap: 15px; } .fp-reg__brand img[b-2filaoebqg] { width: 190px; } .fp-reg__brand p[b-2filaoebqg] { font-size: 10px; } .fp-reg__aside-footer[b-2filaoebqg] { top: 3px; font-size: 10px; max-width: 103px; flex-wrap: wrap; gap: 0; justify-content: end; line-height: 2; text-align: end; } .fp-reg__card[b-2filaoebqg] { border-radius: 18px; padding: 23px 18px 18px; min-height: auto; } .fp-reg__topbar[b-2filaoebqg] { margin-bottom: 12px; } .fp-reg__breadcrumb[b-2filaoebqg] { font-size: 9px; } .fp-reg__preferences[b-2filaoebqg] { gap: 5px; } .fp-reg[b-2filaoebqg] .fp-reg__preference { font-size: 10px; padding: 5px 9px; min-height: 33px; } .fp-reg[b-2filaoebqg] .fp-reg__preference.mud-icon-button { width: 33px; height: 33px; } .fp-reg__heading h2[b-2filaoebqg] { font-size: 23px; } .fp-reg__heading p[b-2filaoebqg] { font-size: 11px; } .fp-reg__step-count[b-2filaoebqg] { width: 43px; height: 43px; border-radius: 12px; font-size: 19px; } .fp-reg__steps[b-2filaoebqg] { margin: 24px 0; padding-bottom: 20px; } .fp-reg[b-2filaoebqg] .fp-reg__step-button { font-size: 9px; padding: 0; } .fp-reg[b-2filaoebqg] .fp-reg__step-number { width: 28px; height: 28px; font-size: 11px; } .fp-reg__step:not(:last-child)[b-2filaoebqg]:after { top: 14px; } .fp-reg[b-2filaoebqg] .fp-reg__grid { grid-template-columns: minmax(0, 1fr); gap: 17px; } .fp-reg[b-2filaoebqg] .fp-reg__field > label { font-size: 12px; } .fp-reg[b-2filaoebqg] .fp-reg__plan-grid, .fp-reg[b-2filaoebqg] .fp-reg__review-grid { grid-template-columns: minmax(0, 1fr); } .fp-reg[b-2filaoebqg] .fp-reg__plan { padding: 19px; } .fp-reg[b-2filaoebqg] .fp-reg__plan--selected { padding: 18px; } .fp-reg[b-2filaoebqg] .fp-reg__plan-description { min-height: auto; } .fp-reg[b-2filaoebqg] .fp-reg__plan ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fp-reg[b-2filaoebqg] .fp-reg__actions { gap: 7px; flex-wrap: wrap; margin-top: 25px; padding-top: 20px; } .fp-reg[b-2filaoebqg] .fp-reg__primary { min-width: 0; flex: 1; font-size: 13px; padding: 13px 16px; } .fp-reg[b-2filaoebqg] .fp-reg__required-note { flex-basis: 100%; text-align: end; margin-top: 4px; } .fp-reg[b-2filaoebqg] .fp-reg__secondary { padding: 8px 13px; } .fp-reg__footer[b-2filaoebqg] { padding-inline: 0; font-size: 8px; gap: 3px; } .fp-reg__footer[b-2filaoebqg] .fp-reg__text-button { font-size: 9px; padding-inline: 3px; } .fp-reg[b-2filaoebqg] .fp-reg__verification h2, .fp-reg[b-2filaoebqg] .fp-reg__status h2 { font-size: 22px; } .fp-reg[b-2filaoebqg] .fp-reg__verification, .fp-reg[b-2filaoebqg] .fp-reg__status { padding: 12px 0; } .fp-reg[b-2filaoebqg] .fp-reg__status-details { padding: 15px; } .fp-reg[b-2filaoebqg] .fp-reg__status-details dl { font-size: 10px; } .fp-reg[b-2filaoebqg] .fp-reg__otp .mud-input-outlined input.mud-input-slot { letter-spacing: .35em; font-size: 25px; } } @media (prefers-reduced-motion: reduce) { .fp-reg *[b-2filaoebqg], .fp-reg[b-2filaoebqg] * { animation-duration: .01ms !important; transition-duration: .01ms !important; } } /* /Components/Pages/ErpReports.razor.rz.scp.css */ .erp-reports[b-u3d9glyips] { display:flex; flex-direction:column; gap:1rem; } .erp-reports__heading[b-u3d9glyips] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0; } .erp-reports__heading h1[b-u3d9glyips] { font-size:1.75rem; font-weight:700; margin:.35rem 0; } .erp-reports__heading span[b-u3d9glyips], .erp-reports__heading p[b-u3d9glyips] { color:var(--mud-palette-text-secondary); } .erp-reports__criteria[b-u3d9glyips] { border:1px solid var(--mud-palette-lines-default); border-radius:12px; } .erp-reports__section-title[b-u3d9glyips] { font-size:1rem; font-weight:600; margin:1.2rem 0 .65rem; } .erp-reports__toolbar[b-u3d9glyips] { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--mud-palette-lines-default); } .erp-reports__progress[b-u3d9glyips] { display:flex; flex-wrap:wrap; align-items:center; gap:.7rem; } .erp-reports__progress[b-u3d9glyips] .mud-progress-linear { flex-basis:100%; } .erp-reports__result-status[b-u3d9glyips] { display:flex; flex-wrap:wrap; gap:1.25rem; font-size:.85rem; color:var(--mud-palette-text-secondary); } .erp-reports__grid[b-u3d9glyips] { max-height:32rem; overflow:auto; border:1px solid var(--mud-palette-lines-default); border-radius:8px; } .erp-reports__grid th[b-u3d9glyips] { position:sticky; top:0; background:var(--mud-palette-surface); z-index:1; white-space:nowrap; } .erp-reports__grid td[b-u3d9glyips] { white-space:nowrap; } .erp-reports__number[b-u3d9glyips] { direction:ltr; text-align:right; font-variant-numeric:tabular-nums; } .erp-reports__pager[b-u3d9glyips], .erp-reports__footer[b-u3d9glyips] { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:1rem; } .erp-reports__preview iframe[b-u3d9glyips] { width:100%; height:75vh; border:1px solid var(--mud-palette-lines-default); border-radius:8px; } .erp-reports__preview[hidden][b-u3d9glyips] { display:none; } @media(max-width:600px) { .erp-reports__heading[b-u3d9glyips] { align-items:start; flex-direction:column; } .erp-reports__toolbar[b-u3d9glyips] { gap:.4rem; } } /* /Components/Pages/Home.razor.rz.scp.css */ .dashboard[b-r5wojaaqus]{--dash-ink:var(--mud-palette-text-primary);--dash-muted:var(--mud-palette-text-secondary);--dash-surface:var(--mud-palette-surface);--dash-line:var(--mud-palette-lines-default);--dash-blue:#368ac2;--dash-teal:#249c88;--dash-amber:#d49b42;color:var(--dash-ink);max-width:1540px;margin:0 auto;font-size:13px;line-height:1.7} .dash-hero h1:focus[b-r5wojaaqus]{outline:none} .recent-table-scroll[b-r5wojaaqus]{position:relative;overscroll-behavior-inline:contain} .dashboard h1[b-r5wojaaqus],.dashboard h2[b-r5wojaaqus],.dashboard h3[b-r5wojaaqus],.dashboard p[b-r5wojaaqus],.dashboard figure[b-r5wojaaqus]{margin:0}.dashboard h2[b-r5wojaaqus]{font-size:18px;font-weight:700;line-height:1.6;color:var(--dash-ink)}.dash-muted[b-r5wojaaqus]{color:var(--dash-muted);font-size:12px}.dashboard a[b-r5wojaaqus]{text-decoration:none}.dashboard button[b-r5wojaaqus],.dashboard input[b-r5wojaaqus]{font:inherit}.dashboard a:focus-visible[b-r5wojaaqus],.dashboard button:focus-visible[b-r5wojaaqus],.dashboard summary:focus-visible[b-r5wojaaqus],.chart-column:focus-visible[b-r5wojaaqus]{outline:3px solid var(--dash-teal);outline-offset:4px;border-radius:7px}.dashboard bdi[b-r5wojaaqus]{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums} .dash-hero[b-r5wojaaqus]{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 30px;border-radius:18px;background:linear-gradient(112deg,#176b74 0%,#17495f 40%,#132f48 100%);color:#fff;box-shadow:0 10px 25px #123b4e18}.dash-hero[b-r5wojaaqus]:after{content:"";position:absolute;z-index:-1;inset-inline-end:-75px;top:-130px;width:380px;height:380px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff04;pointer-events:none}.hero-eyebrow[b-r5wojaaqus]{display:flex;align-items:center;gap:10px;font-size:12px;color:#d0e5eb}.hero-mark[b-r5wojaaqus]{border:1px solid #ffffff40;background:#ffffff0d;border-radius:8px;padding:1px 8px;font-family:Arial,sans-serif;letter-spacing:1px;font-weight:700;color:#fff}.hero-divider[b-r5wojaaqus]{opacity:.5}.dashboard .dash-hero h1[b-r5wojaaqus]{font-size:28px;color:#fff;font-weight:700;letter-spacing:-.5px;line-height:1.65;margin-top:9px}.hero-copy p[b-r5wojaaqus]{color:#d2e5eb;font-size:13px;margin-top:3px}.hero-context[b-r5wojaaqus]{display:flex;flex-wrap:wrap;gap:16px;margin-top:15px;font-size:11px;color:#d6e9ed}.hero-context>span[b-r5wojaaqus]{display:flex;align-items:center;gap:6px}.hero-context>span+span[b-r5wojaaqus]{border-inline-start:1px solid #ffffff30;padding-inline-start:16px}.hero-aside[b-r5wojaaqus]{display:flex;flex-direction:column;gap:15px;align-items:flex-end;min-width:230px}.hero-date[b-r5wojaaqus]{font-size:12px;color:#d9e9ed}.hero-primary[b-r5wojaaqus]{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff50;border-radius:10px;background:#fff;color:#164b5c;box-shadow:0 4px 10px #071e2920;padding:11px 15px;font-weight:700;font-size:12px;min-height:44px}.hero-primary>span[b-r5wojaaqus]{margin-inline-start:8px}.hero-primary:hover[b-r5wojaaqus]{background:#e6f6f2;transform:translateY(-1px)} .dash-toolbar[b-r5wojaaqus]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px}.dash-toolbar h2[b-r5wojaaqus]{font-size:19px}.toolbar-controls[b-r5wojaaqus]{display:flex;align-items:center;gap:9px}.period-switch[b-r5wojaaqus]{display:flex;background:color-mix(in srgb,var(--dash-surface) 65%,var(--mud-palette-background));border:1px solid var(--dash-line);padding:4px;border-radius:11px;gap:3px}.period-switch button[b-r5wojaaqus]{background:transparent;border:0;color:var(--dash-muted);padding:6px 13px;border-radius:7px;min-height:34px;cursor:pointer;font-size:12px;white-space:nowrap}.period-switch button.selected[b-r5wojaaqus]{background:var(--dash-surface);box-shadow:0 1px 5px #163e4c14;color:var(--mud-palette-primary);font-weight:700}.refresh-button[b-r5wojaaqus]{border:1px solid var(--dash-line);background:var(--dash-surface);color:var(--mud-palette-primary);width:43px;height:43px;display:grid;place-items:center;border-radius:10px;cursor:pointer}.refresh-button:disabled[b-r5wojaaqus]{opacity:.55;cursor:wait}.dash-read-status[b-r5wojaaqus]{display:flex;align-items:center;gap:7px;min-height:27px;color:var(--dash-muted);font-size:10px;margin-bottom:9px}.status-dot[b-r5wojaaqus]{height:6px;width:6px;border-radius:50%;background:var(--dash-teal)}.status-dot.loading[b-r5wojaaqus]{background:var(--dash-amber)}.dash-alert[b-r5wojaaqus]{display:flex;align-items:center;gap:10px;padding:12px;margin-top:12px;border:1px solid #d49b4260;background:#d49b4210;border-radius:10px}.dash-alert a[b-r5wojaaqus]{margin-inline-start:auto;color:var(--mud-palette-primary);white-space:nowrap} .tone-sales[b-r5wojaaqus]{--tone:#3381b2;--tone-wash:#3381b212}.tone-purchases[b-r5wojaaqus]{--tone:#8070bc;--tone-wash:#8070bc12}.tone-receipts[b-r5wojaaqus]{--tone:#1e9882;--tone-wash:#1e988212}.tone-payments[b-r5wojaaqus]{--tone:#cb8a3e;--tone-wash:#cb8a3e12}.kpi-grid[b-r5wojaaqus]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card[b-r5wojaaqus]{display:flex;flex-direction:column;min-width:0;padding:16px 19px 0;border:1px solid var(--dash-line);border-radius:13px;background:var(--dash-surface);box-shadow:0 4px 14px #18394a04;position:relative;overflow:hidden}.kpi-card[b-r5wojaaqus]:before{content:"";position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;height:3px;background:var(--tone);opacity:.75}.kpi-top[b-r5wojaaqus]{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-top h3[b-r5wojaaqus]{font-size:13px;font-weight:700;color:var(--dash-muted)}.kpi-icon[b-r5wojaaqus]{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--tone);background:var(--tone-wash)}.kpi-value[b-r5wojaaqus]{display:flex;align-items:baseline;gap:9px;margin-top:1px}.kpi-value bdi[b-r5wojaaqus]{font-family:Arial,Tahoma,sans-serif;font-weight:700;font-size:37px;line-height:1.4;letter-spacing:-1px}.kpi-value>span[b-r5wojaaqus]{font-size:11px;color:var(--dash-muted)}.kpi-amounts[b-r5wojaaqus]{margin-top:4px;margin-bottom:13px;display:flex;flex-wrap:wrap;gap:3px 12px;align-items:center;min-height:22px}.kpi-amounts>div[b-r5wojaaqus]{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}.kpi-amounts bdi[b-r5wojaaqus]{font-size:12px;font-weight:700}.kpi-amounts span[b-r5wojaaqus]{font-size:10px;color:var(--dash-muted)}.kpi-link[b-r5wojaaqus]{display:flex;justify-content:space-between;align-items:center;color:var(--tone);border-top:1px solid var(--dash-line);font-size:10px;font-weight:700;padding:8px 0;margin-top:auto}.kpi-unavailable[b-r5wojaaqus]{display:flex;gap:8px;align-items:center;color:var(--dash-muted);margin:9px 0;font-size:20px}.kpi-message[b-r5wojaaqus]{font-size:11px;color:var(--dash-muted);margin-bottom:12px!important;min-height:32px}.kpi-skeleton[b-r5wojaaqus]{width:60%;height:43px;border-radius:7px;margin:8px 0}.skeleton[b-r5wojaaqus]{background:linear-gradient(90deg,var(--dash-line),var(--dash-surface),var(--dash-line));background-size:200%;animation:shimmer-b-r5wojaaqus 2s infinite} .dashboard-columns[b-r5wojaaqus]{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,300px);gap:18px;margin-top:19px;align-items:stretch}.dash-panel[b-r5wojaaqus]{border:1px solid var(--dash-line);background:var(--dash-surface);border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 3px 14px #18394a03}.panel-heading[b-r5wojaaqus]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 21px 10px}.panel-heading>svg[b-r5wojaaqus]{color:var(--dash-muted)}.section-eyebrow[b-r5wojaaqus]{display:block;color:var(--dash-muted);font-size:10px;line-height:1.6;margin-bottom:3px}.panel-heading h2[b-r5wojaaqus]{font-size:16px}.unit-badge[b-r5wojaaqus]{font-size:10px;padding:4px 9px;border-radius:6px;white-space:nowrap;background:color-mix(in srgb,var(--dash-line) 35%,transparent);color:var(--dash-muted)}.chart-legend[b-r5wojaaqus]{display:flex;flex-wrap:wrap;gap:9px 17px;margin:5px 22px 5px;font-size:10px;color:var(--dash-muted)}.chart-legend>span[b-r5wojaaqus]{display:flex;align-items:center;gap:6px}.chart-legend i[b-r5wojaaqus]{width:7px;height:7px;background:var(--tone);border-radius:2px}.chart-legend small[b-r5wojaaqus]{font-size:9px;opacity:.75}.activity-chart[b-r5wojaaqus]{padding:12px 22px 14px 20px;display:grid;grid-template-columns:27px 1fr;direction:ltr;gap:0 10px}.chart-axis[b-r5wojaaqus]{display:flex;flex-direction:column;justify-content:space-between;height:158px;color:var(--dash-muted);font-size:9px;text-align:right;padding:0 0 0 2px;font-variant-numeric:tabular-nums}.chart-plot[b-r5wojaaqus]{position:relative;display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));height:158px;gap:7px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--dash-line) calc(50% - 1px),var(--dash-line) 50%);border-bottom:1px solid var(--dash-line)}.chart-column[b-r5wojaaqus]{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%;border-radius:4px 4px 0 0}.chart-column:hover[b-r5wojaaqus]{background:#249c880a}.chart-stack[b-r5wojaaqus]{display:flex;flex-direction:column-reverse;width:min(27px,80%);border-radius:4px 4px 0 0;overflow:hidden;min-width:3px}.chart-segment[b-r5wojaaqus]{display:block;flex-shrink:0;width:100%;background:var(--tone);opacity:.9}.chart-date[b-r5wojaaqus]{position:absolute;top:100%;margin-top:7px;white-space:nowrap;font-size:9px;font-variant-numeric:tabular-nums;color:var(--dash-muted)}.activity-chart figcaption[b-r5wojaaqus]{grid-column:1/-1;text-align:start;direction:rtl;font-size:9px;color:var(--dash-muted);padding-top:33px}.chart-empty[b-r5wojaaqus]{min-height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:20px;color:var(--dash-muted);font-size:12px}.chart-empty[b-r5wojaaqus] svg{width:40px;height:40px;opacity:.5}.chart-empty span[b-r5wojaaqus]{font-size:11px} .quick-panel[b-r5wojaaqus]{display:flex;flex-direction:column}.quick-grid[b-r5wojaaqus]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:5px 17px 16px}.quick-action[b-r5wojaaqus]{display:flex;align-items:flex-start;flex-direction:column;border:1px solid var(--dash-line);border-radius:10px;padding:11px 12px;transition:background .15s,border-color .15s;min-width:0;color:var(--dash-ink)}.quick-action:hover[b-r5wojaaqus]{border-color:var(--tone);background:var(--tone-wash)}.quick-action>span[b-r5wojaaqus]{background:var(--tone-wash);color:var(--tone);width:31px;height:31px;display:grid;place-items:center;border-radius:8px;margin-bottom:8px}.quick-action b[b-r5wojaaqus]{font-size:11px}.quick-action small[b-r5wojaaqus]{font-size:9px;color:var(--dash-muted);margin-top:3px}.directory-jump[b-r5wojaaqus]{display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:11px;border-top:1px solid var(--dash-line);color:var(--mud-palette-primary);margin-top:auto}.directory-jump>span[b-r5wojaaqus]{margin-inline-start:auto}.directory-jump[b-r5wojaaqus] svg{width:19px;height:19px}.quick-empty[b-r5wojaaqus]{grid-column:1/-1;padding:30px 5px;text-align:center} .recent-panel .panel-heading[b-r5wojaaqus]{padding-bottom:16px}.recent-table-scroll[b-r5wojaaqus]{overflow-x:auto}.recent-table[b-r5wojaaqus]{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:11px}.recent-table th[b-r5wojaaqus]{font-weight:400;color:var(--dash-muted);background:color-mix(in srgb,var(--dash-line) 23%,transparent);font-size:10px;padding:9px 15px;border-block:1px solid var(--dash-line)}.recent-table td[b-r5wojaaqus]{padding:10px 15px;border-bottom:1px solid var(--dash-line)}.recent-table tbody tr:last-child td[b-r5wojaaqus]{border-bottom:0}.recent-table th:first-child[b-r5wojaaqus],.recent-table td:first-child[b-r5wojaaqus]{padding-inline-start:20px}.recent-table tr:hover td[b-r5wojaaqus]{background:color-mix(in srgb,var(--dash-line) 13%,transparent)}.document-cell[b-r5wojaaqus]{display:flex;align-items:center;gap:10px}.document-icon[b-r5wojaaqus]{display:grid;place-items:center;width:33px;height:36px;border-radius:8px;background:var(--tone-wash);color:var(--tone);flex-shrink:0}.document-cell strong[b-r5wojaaqus]{font-size:10px;font-weight:700}.document-cell small[b-r5wojaaqus]{display:block;font-size:9px;color:var(--dash-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.document-amount[b-r5wojaaqus]{font-weight:700;font-size:11px}.document-amount small[b-r5wojaaqus]{display:block;font-size:9px;color:var(--dash-muted);font-weight:400;margin-top:2px}.document-status[b-r5wojaaqus]{display:inline-block;font-size:9px;border-radius:5px;padding:3px 8px}.document-status.posted[b-r5wojaaqus]{color:#16866e;background:#249c8812}.document-status.draft[b-r5wojaaqus]{color:#4389b7;background:#368ac212}.document-status.suspended[b-r5wojaaqus]{color:#b08135;background:#d49b4215}.document-open[b-r5wojaaqus]{color:var(--dash-muted);width:28px;height:30px;display:grid;place-items:center;border:1px solid var(--dash-line);border-radius:7px}.document-open:hover[b-r5wojaaqus]{color:var(--mud-palette-primary);border-color:var(--mud-palette-primary)}.recent-empty[b-r5wojaaqus]{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--dash-muted);font-size:12px;padding:20px;text-align:center} .state-summary[b-r5wojaaqus]{display:flex;justify-content:center;padding:11px 0 16px}.state-donut[b-r5wojaaqus]{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;transform:rotate(-90deg)}.state-donut>div[b-r5wojaaqus]{width:107px;height:107px;border-radius:50%;background:var(--dash-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.state-donut bdi[b-r5wojaaqus]{font-family:Arial,sans-serif;font-size:29px;font-weight:700;line-height:1.3}.state-donut span[b-r5wojaaqus]{font-size:9px;color:var(--dash-muted);margin-top:3px}.state-rows[b-r5wojaaqus]{display:flex;flex-direction:column;gap:9px;padding:0 22px;font-size:11px}.state-rows>div[b-r5wojaaqus]{display:flex;justify-content:space-between;align-items:center}.state-rows span[b-r5wojaaqus]{display:flex;gap:7px;align-items:center;color:var(--dash-muted)}.state-dot[b-r5wojaaqus]{width:7px;height:7px;border-radius:50%}.state-dot.posted[b-r5wojaaqus]{background:var(--dash-teal)}.state-dot.draft[b-r5wojaaqus]{background:var(--dash-blue)}.state-dot.suspended[b-r5wojaaqus]{background:var(--dash-amber)}.state-note[b-r5wojaaqus]{font-size:9px!important;color:var(--dash-muted);padding:14px 20px 16px;margin-top:13px!important;border-top:1px solid var(--dash-line);text-align:center}.data-note[b-r5wojaaqus]{margin-top:12px;color:var(--dash-muted);font-size:10px}.data-note summary[b-r5wojaaqus]{display:flex;gap:6px;align-items:center;cursor:pointer;width:fit-content;padding:5px}.data-note p[b-r5wojaaqus]{padding:9px 14px;border-inline-start:2px solid var(--dash-line);line-height:1.9;max-width:1100px;font-size:11px} .screen-directory[b-r5wojaaqus]{margin-top:25px;scroll-margin-top:90px}.directory-heading[b-r5wojaaqus]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.directory-heading h2[b-r5wojaaqus]{font-size:18px}.directory-heading p[b-r5wojaaqus]{font-size:11px;margin-top:3px}.directory-search[b-r5wojaaqus]{display:flex;align-items:center;gap:8px;border:1px solid var(--dash-line);background:var(--dash-surface);border-radius:10px;min-width:285px;padding:9px 12px;color:var(--dash-muted)}.directory-search input[b-r5wojaaqus]{border:0;outline:0;width:100%;color:var(--dash-ink);background:transparent;font-size:11px;min-width:0}.directory-search:focus-within[b-r5wojaaqus]{outline:2px solid var(--mud-palette-primary);outline-offset:2px}.directory-groups[b-r5wojaaqus]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}.directory-group[b-r5wojaaqus]{background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:11px;overflow:hidden}.directory-group summary[b-r5wojaaqus]{display:flex;align-items:center;gap:9px;padding:15px 12px;cursor:pointer;list-style:none}.directory-group summary[b-r5wojaaqus]::-webkit-details-marker{display:none}.directory-group summary strong[b-r5wojaaqus]{font-size:11px;display:block}.directory-group summary small[b-r5wojaaqus]{font-size:9px;color:var(--dash-muted);display:block;margin-top:3px}.directory-group-icon[b-r5wojaaqus]{height:33px;width:33px;border-radius:9px;background:color-mix(in srgb,var(--dash-line) 30%,transparent);color:var(--mud-palette-primary);display:grid;place-items:center;flex-shrink:0}.directory-group-icon[b-r5wojaaqus] svg{width:20px;height:20px}.directory-chevron[b-r5wojaaqus]{margin-inline-start:auto;font-size:14px;color:var(--dash-muted)}.directory-group[open] .directory-chevron[b-r5wojaaqus]{transform:rotate(180deg)}.directory-entries[b-r5wojaaqus]{border-top:1px solid var(--dash-line);padding:7px 12px 12px}.directory-entries h3[b-r5wojaaqus]{font-size:10px;color:var(--dash-muted);padding:12px 0 5px}.directory-entries a[b-r5wojaaqus]{display:block;color:var(--dash-ink);padding:7px 5px;font-size:10px;border-radius:5px;overflow-wrap:anywhere}.directory-entries a:hover[b-r5wojaaqus]{background:color-mix(in srgb,var(--dash-line) 30%,transparent);color:var(--mud-palette-primary)}.directory-entries a small[b-r5wojaaqus]{display:block;font-size:9px;color:var(--dash-muted);margin-top:2px;line-height:1.7}.directory-no-results[b-r5wojaaqus]{border:1px dashed var(--dash-line);border-radius:10px;padding:20px;color:var(--dash-muted);text-align:center}.dashboard-footer[b-r5wojaaqus]{display:flex;align-items:center;justify-content:space-between;color:var(--dash-muted);font-size:9px;border-top:1px solid var(--dash-line);margin-top:25px;padding-top:14px}.sr-only[b-r5wojaaqus]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .hero-context[b-r5wojaaqus]{font-size:12px}.hero-date[b-r5wojaaqus]{font-size:13px}.kpi-top h3[b-r5wojaaqus]{font-size:14px}.kpi-amounts bdi[b-r5wojaaqus]{font-size:13px}.kpi-amounts span[b-r5wojaaqus]{font-size:11px}.kpi-link[b-r5wojaaqus]{font-size:11px}.section-eyebrow[b-r5wojaaqus]{font-size:11px}.panel-heading h2[b-r5wojaaqus]{font-size:18px}.chart-legend[b-r5wojaaqus]{font-size:11px}.activity-chart figcaption[b-r5wojaaqus]{font-size:10px}.quick-action b[b-r5wojaaqus]{font-size:12px}.quick-action small[b-r5wojaaqus]{font-size:10px}.directory-jump[b-r5wojaaqus]{font-size:12px}.recent-table[b-r5wojaaqus]{font-size:12px}.recent-table th[b-r5wojaaqus]{font-size:11px}.document-cell strong[b-r5wojaaqus]{font-size:12px}.document-cell small[b-r5wojaaqus]{font-size:10px}.document-amount[b-r5wojaaqus]{font-size:12px}.document-amount small[b-r5wojaaqus]{font-size:10px}.document-status[b-r5wojaaqus]{font-size:10px}.state-rows[b-r5wojaaqus]{font-size:12px}.directory-group summary strong[b-r5wojaaqus]{font-size:13px}.directory-group summary small[b-r5wojaaqus]{font-size:10px}.directory-entries a[b-r5wojaaqus]{font-size:12px}.directory-entries h3[b-r5wojaaqus],.directory-entries a small[b-r5wojaaqus]{font-size:10px}.directory-search input[b-r5wojaaqus]{font-size:12px} .kpi-link[b-r5wojaaqus]{color:color-mix(in srgb,var(--tone) 75%,var(--dash-ink))}.document-status.posted[b-r5wojaaqus]{color:color-mix(in srgb,#249c88 65%,var(--dash-ink))}.document-status.draft[b-r5wojaaqus]{color:color-mix(in srgb,#368ac2 65%,var(--dash-ink))}.document-status.suspended[b-r5wojaaqus]{color:color-mix(in srgb,#d49b42 65%,var(--dash-ink))} @keyframes shimmer-b-r5wojaaqus{to{background-position:-200%}}@keyframes spin-b-r5wojaaqus{to{transform:rotate(360deg)}}.refresh-button[b-r5wojaaqus] .refresh-spin{animation:spin-b-r5wojaaqus 1.5s linear infinite} @media(min-width:1900px){.dashboard[b-r5wojaaqus]{font-size:14px}.dash-hero[b-r5wojaaqus]{padding:30px 35px}.dashboard .dash-hero h1[b-r5wojaaqus]{font-size:32px}.kpi-value bdi[b-r5wojaaqus]{font-size:42px}.chart-plot[b-r5wojaaqus],.chart-axis[b-r5wojaaqus]{height:185px}.panel-heading[b-r5wojaaqus]{padding-top:22px}.quick-action[b-r5wojaaqus]{padding:15px}} @media(max-width:1200px){.hero-aside[b-r5wojaaqus]{min-width:200px}.dash-hero[b-r5wojaaqus]{padding:22px}.dashboard .dash-hero h1[b-r5wojaaqus]{font-size:25px}.dashboard-columns[b-r5wojaaqus]{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.kpi-card[b-r5wojaaqus]{padding:14px 14px 0}.kpi-top h3[b-r5wojaaqus]{font-size:12px}.recent-table td[b-r5wojaaqus],.recent-table th[b-r5wojaaqus]{padding-inline:10px}.directory-groups[b-r5wojaaqus]{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1000px){.dashboard-columns[b-r5wojaaqus]{grid-template-columns:minmax(0,1fr) 270px}.kpi-grid[b-r5wojaaqus]{gap:10px}.kpi-card[b-r5wojaaqus]{padding:14px 13px 0}.kpi-value bdi[b-r5wojaaqus]{font-size:32px}.hero-aside[b-r5wojaaqus]{min-width:190px}.chart-plot[b-r5wojaaqus]{gap:5px}.recent-table td[b-r5wojaaqus],.recent-table th[b-r5wojaaqus]{padding-inline:10px}.document-cell small[b-r5wojaaqus]{max-width:135px}} @media(max-width:760px){.dash-hero[b-r5wojaaqus]{align-items:flex-start;gap:17px;flex-direction:column;padding:22px;border-radius:14px}.hero-aside[b-r5wojaaqus]{flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:0;gap:10px}.hero-date[b-r5wojaaqus]{font-size:10px;max-width:120px}.hero-primary[b-r5wojaaqus]{font-size:11px;padding:10px;gap:5px}.hero-primary>span[b-r5wojaaqus]{display:none}.hero-copy p[b-r5wojaaqus]{font-size:11px}.hero-context[b-r5wojaaqus]{font-size:10px}.dashboard .dash-hero h1[b-r5wojaaqus]{font-size:25px}.dash-toolbar[b-r5wojaaqus]{align-items:flex-start}.dash-toolbar h2[b-r5wojaaqus]{font-size:16px}.dash-toolbar .dash-muted[b-r5wojaaqus]{font-size:10px}.period-switch button[b-r5wojaaqus]{padding:5px 8px;font-size:10px}.period-switch[b-r5wojaaqus]{padding:3px;gap:0}.toolbar-controls[b-r5wojaaqus]{gap:5px}.refresh-button[b-r5wojaaqus]{width:37px;height:40px}.dashboard-columns[b-r5wojaaqus]{grid-template-columns:1fr;gap:14px}.quick-panel[b-r5wojaaqus]{grid-row:3}.state-panel[b-r5wojaaqus]{grid-row:4}.quick-grid[b-r5wojaaqus]{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-action[b-r5wojaaqus]{padding:10px 8px}.quick-action b[b-r5wojaaqus]{font-size:10px}.quick-action small[b-r5wojaaqus]{font-size:8px}.state-summary[b-r5wojaaqus]{float:right;width:45%;padding-top:12px}.state-rows[b-r5wojaaqus]{padding-top:30px;min-height:145px}.state-note[b-r5wojaaqus]{clear:both}.directory-heading[b-r5wojaaqus]{align-items:stretch;flex-direction:column}.directory-search[b-r5wojaaqus]{min-width:0;width:100%}.directory-groups[b-r5wojaaqus]{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-table[b-r5wojaaqus]{min-width:550px}.kpi-grid[b-r5wojaaqus]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi-top h3[b-r5wojaaqus]{font-size:12px}.kpi-value bdi[b-r5wojaaqus]{font-size:35px}.recent-panel[b-r5wojaaqus]{grid-row:2}.activity-chart[b-r5wojaaqus]{padding-inline:17px;gap:0 8px}.panel-heading[b-r5wojaaqus]{padding:16px 18px 10px}.chart-legend[b-r5wojaaqus]{margin-inline:18px}.chart-plot[b-r5wojaaqus]{gap:5px}.chart-axis[b-r5wojaaqus]{font-size:9px}.unit-badge[b-r5wojaaqus]{font-size:9px}.dashboard-footer[b-r5wojaaqus]{font-size:8px}} @media(max-width:420px){.dash-toolbar[b-r5wojaaqus]{flex-direction:column;gap:10px}.toolbar-controls[b-r5wojaaqus]{width:100%}.period-switch[b-r5wojaaqus]{flex:1}.period-switch button[b-r5wojaaqus]{flex:1;min-height:34px}.refresh-button[b-r5wojaaqus]{width:42px}.hero-date[b-r5wojaaqus]{max-width:105px}.hero-primary[b-r5wojaaqus]{font-size:10px}.dashboard .dash-hero h1[b-r5wojaaqus]{font-size:23px}.hero-copy p[b-r5wojaaqus]{font-size:10px}.hero-context[b-r5wojaaqus]{gap:10px}.hero-context>span+span[b-r5wojaaqus]{padding-inline-start:10px}.kpi-card[b-r5wojaaqus]{padding:13px 12px 0}.kpi-icon[b-r5wojaaqus]{width:31px;height:31px}.kpi-top h3[b-r5wojaaqus]{font-size:11px}.kpi-value bdi[b-r5wojaaqus]{font-size:33px}.kpi-amounts bdi[b-r5wojaaqus]{font-size:11px}.kpi-amounts span[b-r5wojaaqus]{font-size:9px}.quick-grid[b-r5wojaaqus]{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action[b-r5wojaaqus]{padding:12px}.directory-groups[b-r5wojaaqus]{grid-template-columns:1fr}.chart-legend[b-r5wojaaqus]{gap:7px 13px;font-size:9px}.chart-date[b-r5wojaaqus]{font-size:8px}.chart-plot[b-r5wojaaqus]{gap:4px}.activity-chart figcaption[b-r5wojaaqus]{font-size:8px}.panel-heading h2[b-r5wojaaqus]{font-size:15px}.unit-badge[b-r5wojaaqus]{padding:3px 7px;font-size:8px}} @media(prefers-reduced-motion:reduce){.dashboard *[b-r5wojaaqus],.dashboard[b-r5wojaaqus] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* /Components/Pages/VoucherRequestDraft.razor.rz.scp.css */ .request-lines[b-18jy2w9rld]{overflow:visible} .request-grid-scroll[b-18jy2w9rld]{overflow:auto;max-height:65vh;border-radius:8px 8px 0 0} .request-entry-grid[b-18jy2w9rld]{width:100%;min-width:1810px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.86rem} .request-entry-grid thead[b-18jy2w9rld]{position:sticky;top:0;z-index:2} .request-entry-grid th[b-18jy2w9rld]{background:var(--mud-palette-background-gray);font-weight:600;color:var(--mud-palette-text-secondary);height:40px;text-align:right;padding:8px;border-bottom:1px solid var(--mud-palette-lines-default)} .request-entry-grid th:first-child[b-18jy2w9rld]{width:44px;text-align:center} .request-entry-grid th.account-column[b-18jy2w9rld]{width:300px} .request-entry-grid th.statement-column[b-18jy2w9rld]{width:240px} .request-entry-grid th:last-child[b-18jy2w9rld]{width:48px} .request-entry-grid td[b-18jy2w9rld]{padding:5px 6px;height:46px;border-bottom:1px solid var(--mud-palette-lines-default);vertical-align:middle;background:var(--mud-palette-surface)} .request-entry-grid td+td[b-18jy2w9rld],.request-entry-grid th+th[b-18jy2w9rld]{border-inline-start:1px solid var(--mud-palette-lines-default)} .request-entry-grid tr:focus-within td[b-18jy2w9rld]{background:var(--mud-palette-action-default-hover)} .request-entry-grid input[b-18jy2w9rld],.request-entry-grid select[b-18jy2w9rld]{width:100%;min-width:0;height:34px;padding:5px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--mud-palette-text-primary);font:inherit} .request-entry-grid input[type=number][b-18jy2w9rld],.request-entry-grid input[type=date][b-18jy2w9rld]{direction:ltr;text-align:right} .request-entry-grid input:focus[b-18jy2w9rld],.request-entry-grid select:focus[b-18jy2w9rld]{outline:2px solid var(--mud-palette-primary);outline-offset:0;background:var(--mud-palette-surface)} .request-entry-grid input:disabled[b-18jy2w9rld],.request-entry-grid select:disabled[b-18jy2w9rld]{opacity:.55;cursor:default} .request-entry-grid .prepared-row th[b-18jy2w9rld]{color:var(--mud-palette-text-disabled)} .request-delete[b-18jy2w9rld]{width:30px;height:30px;font-size:1.3rem;color:var(--mud-palette-error);border:0;background:transparent;border-radius:5px;cursor:pointer} .request-delete:disabled[b-18jy2w9rld]{opacity:.35;cursor:default} .request-grid-footer[b-18jy2w9rld]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px} .request-grid-hint[b-18jy2w9rld]{padding:0 16px 12px;font-size:.75rem;color:var(--mud-palette-text-secondary)} /* /Components/Reports/OriginalReportDialog.razor.rz.scp.css */ .original-report-heading[b-srr42sgvtk] { display: flex; align-items: center; gap: 12px; padding-inline-start: 40px; color: var(--mud-palette-text-primary); } .original-report-heading-icon[b-srr42sgvtk] { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 12px; background: var(--mud-palette-primary-hover); color: var(--mud-palette-primary); } .original-report-heading h2[b-srr42sgvtk] { margin: 0; font-size: 1.16rem; font-weight: 750; line-height: 1.6; } .original-report-heading p[b-srr42sgvtk] { margin: 1px 0 0; color: var(--mud-palette-text-secondary); font-size: .8rem; } .original-report[b-srr42sgvtk] { position: relative; min-height: 260px; } .original-report-frame[b-srr42sgvtk] { display: block; width: 100%; height: min(72dvh, 1050px); min-height: 260px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: #525659; } .original-report-frame--hidden[b-srr42sgvtk] { display: none; } .original-report-state[b-srr42sgvtk] { display: flex; min-height: min(56dvh, 540px); align-items: center; justify-content: center; flex-direction: column; gap: 14px; padding: 32px 24px; text-align: center; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-background-gray); } .original-report-state strong[b-srr42sgvtk] { font-size: 1.05rem; line-height: 1.8; } .original-report-state > span[b-srr42sgvtk] { color: var(--mud-palette-text-secondary); max-width: 480px; font-size: .9rem; line-height: 1.9; } .original-report-footer[b-srr42sgvtk] { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; padding-block-start: 10px; font-size: .78rem; color: var(--mud-palette-text-secondary); line-height: 1.8; } .original-report-file[b-srr42sgvtk] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .original-report-actions[b-srr42sgvtk] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; width: 100%; } .original-report-actions[b-srr42sgvtk] .original-report-close { margin-inline-start: auto; } .original-report-link[b-srr42sgvtk] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 8px 14px; border-radius: 8px; border: 1px solid var(--mud-palette-lines-default); color: var(--mud-palette-text-primary); text-decoration: none; font-size: .86rem; font-weight: 650; } .original-report-link:hover[b-srr42sgvtk] { background: var(--mud-palette-action-default-hover); } .original-report-link:focus-visible[b-srr42sgvtk] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; } .original-report-link--primary[b-srr42sgvtk] { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); border-color: var(--mud-palette-primary); } .original-report-link--primary:hover[b-srr42sgvtk] { background: var(--mud-palette-primary-darken); } @media (max-width: 600px) { .original-report-heading[b-srr42sgvtk] { gap: 9px; } .original-report-heading h2[b-srr42sgvtk] { font-size: 1rem; } .original-report-heading-icon[b-srr42sgvtk] { flex-basis: 36px; height: 36px; border-radius: 10px; } .original-report-frame[b-srr42sgvtk] { height: 62dvh; } .original-report-actions[b-srr42sgvtk] { gap: 8px; } .original-report-link[b-srr42sgvtk] { flex: 1 1 auto; padding-inline: 10px; } .original-report-actions[b-srr42sgvtk] .original-report-close { width: 100%; } .original-report-state[b-srr42sgvtk] { padding: 24px 16px; } } /* /Components/Sales/ItemLookupPopup.razor.rz.scp.css */ .sales-item-popup[b-ljqccx9oh2]{position:fixed;z-index:1400;display:flex;flex-direction:column;max-height:min(480px,calc(100vh - 24px));max-width:calc(100vw - 24px);width:min(1040px,calc(100vw - 24px));background:var(--mud-palette-surface,#fff);color:var(--mud-palette-text-primary,#243550);border:1px solid var(--mud-palette-primary,#185abd);border-radius:7px;box-shadow:0 10px 28px #182f522b;overflow:hidden;visibility:hidden} .sales-item-popup__search[b-ljqccx9oh2]{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--mud-palette-lines-default,#dce4ee);flex-shrink:0} .sales-item-popup__search label[b-ljqccx9oh2]{display:flex;align-items:center;gap:8px;border:1px solid var(--mud-palette-primary,#185abd);border-radius:4px;padding-inline:9px;min-height:36px;flex:1;min-width:0;color:var(--mud-palette-primary,#185abd)} .sales-item-popup__search input[b-ljqccx9oh2]{width:100%;min-width:0;border:0;background:transparent;color:var(--mud-palette-text-primary,#243550);font:inherit;font-size:.85rem;padding:7px 0} .sales-item-popup__scroll[b-ljqccx9oh2]{overflow:auto;min-height:0} .sales-item-popup table[b-ljqccx9oh2]{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap;text-align:start} .sales-item-popup th[b-ljqccx9oh2]{padding:9px 10px;background:var(--mud-palette-background-gray,#f4f7fb);color:var(--mud-palette-text-secondary,#65758d);position:sticky;top:0;font-weight:600;border-bottom:1px solid var(--mud-palette-lines-default,#dce4ee)} .sales-item-popup td[b-ljqccx9oh2]{padding:9px 10px;border-bottom:1px solid var(--mud-palette-lines-default,#dce4ee)} .sales-item-popup tbody tr:nth-child(odd)[b-ljqccx9oh2]{background:color-mix(in srgb,var(--mud-palette-surface,#fff) 94%,#e5cc33)} .sales-item-popup tbody tr.sales-item-popup__active[b-ljqccx9oh2],.sales-item-popup tbody tr:hover[b-ljqccx9oh2]{background:var(--mud-palette-primary-hover,#edf4ff);color:var(--mud-palette-primary,#185abd)} .sales-item-popup tbody tr.sales-item-popup__active[b-ljqccx9oh2]{box-shadow:inset -3px 0 var(--mud-palette-primary,#185abd)} .sales-item-popup button[data-lookup-choice][b-ljqccx9oh2]{font:inherit;font-weight:600;text-align:start;background:transparent;color:inherit;padding:0;border:0;white-space:nowrap} .sales-item-popup__message[b-ljqccx9oh2]{padding:20px;text-align:center;font-size:.85rem} .sales-item-popup__footer[b-ljqccx9oh2]{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--mud-palette-background-gray,#f4f7fb);color:var(--mud-palette-text-secondary,#65758d);padding:7px 10px;font-size:.76rem;flex-shrink:0} .sales-entry-sr[b-ljqccx9oh2]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:600px){.sales-item-popup__keys[b-ljqccx9oh2]{display:none}.sales-item-popup__search input[b-ljqccx9oh2]{font-size:16px}} @media(pointer:coarse){.sales-item-popup__search label[b-ljqccx9oh2],.sales-item-popup button[data-lookup-choice][b-ljqccx9oh2]{min-height:44px}.sales-item-popup td[b-ljqccx9oh2]{padding-block:0}} /* /Components/Sales/ItemSearchLookup.razor.rz.scp.css */ .shared-item-lookup[b-dtfm0jpu4q]{min-width:160px;width:100%;text-align:right;color:var(--mud-palette-text-primary)} .shared-item-lookup__editor[b-dtfm0jpu4q]{display:flex;align-items:center;min-height:38px;border:1px solid var(--mud-palette-lines-inputs);border-radius:6px;background:var(--mud-palette-surface);overflow:hidden} .shared-item-lookup__editor:focus-within[b-dtfm0jpu4q]{border-color:var(--mud-palette-primary);box-shadow:0 0 0 2px var(--mud-palette-primary-hover)} .shared-item-lookup input[b-dtfm0jpu4q]{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit;text-align:start} .shared-item-lookup input[readonly][b-dtfm0jpu4q]{cursor:default;opacity:.7} .shared-item-lookup__toggle[b-dtfm0jpu4q],.shared-item-lookup__clear[b-dtfm0jpu4q]{border:0;background:transparent;color:var(--mud-palette-text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none} .shared-item-lookup button:disabled[b-dtfm0jpu4q]{opacity:.4;cursor:default} /* /Components/Sales/SalesLines.razor.rz.scp.css */ .sales-entry-grid[b-w1wqm0b5xy]{position:relative;min-width:0} .sales-entry-grid .line-grid[b-w1wqm0b5xy]{min-width:2090px} .sales-entry-grid .line-grid .item-name[b-w1wqm0b5xy]{width:260px} .sales-entry-grid .line-grid td[b-w1wqm0b5xy]{height:44px} .sales-entry-grid .line-grid td.item-name[b-w1wqm0b5xy]{padding:3px} .sales-item-cell[b-w1wqm0b5xy]{display:flex;align-items:center;border:1px solid var(--mud-palette-lines-inputs,#bdcbdc);border-radius:4px;background:var(--mud-palette-surface,#fff);min-width:0;min-height:36px} .sales-item-cell--open[b-w1wqm0b5xy],.sales-item-cell:focus-within[b-w1wqm0b5xy]{border-color:var(--mud-palette-primary,#185abd);box-shadow:inset 0 0 0 1px var(--mud-palette-primary,#185abd)} .sales-item-cell input[b-w1wqm0b5xy]{width:100%;min-width:0;border:0;padding:7px 9px;background:transparent;color:var(--mud-palette-text-primary,#243550);font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start} .sales-item-cell button[b-w1wqm0b5xy]{display:grid;place-items:center;padding:4px;border:0;background:transparent;color:var(--mud-palette-text-secondary,#65758d);flex-shrink:0} .sales-item-cell input[readonly][b-w1wqm0b5xy],.sales-item-cell button:disabled[b-w1wqm0b5xy]{opacity:.7} .sales-entry-empty td[b-w1wqm0b5xy]{background:var(--mud-palette-surface,#fff)} .sales-entry-empty input[b-w1wqm0b5xy]::placeholder{color:var(--mud-palette-text-secondary,#65758d);opacity:.7} .sales-entry-shortcuts[b-w1wqm0b5xy]{color:var(--mud-palette-text-secondary,#65758d);font-size:.76rem;padding-top:4px} @media(pointer:coarse){.sales-item-cell[b-w1wqm0b5xy],.sales-item-cell button[b-w1wqm0b5xy]{min-height:44px}.sales-item-cell input[b-w1wqm0b5xy]{font-size:16px}} /* /Components/Shared/WorkspaceSurface.razor.rz.scp.css */ .workspace-surface[b-p9u96hqfpk]{min-width:0;--workspace-ink:var(--mud-palette-text-primary);--workspace-muted:var(--mud-palette-text-secondary);--workspace-line:var(--mud-palette-lines-default);--workspace-paper:var(--mud-palette-surface);--workspace-tint:color-mix(in srgb,var(--workspace-accent) 7%,var(--workspace-paper));--workspace-text-accent:color-mix(in srgb,var(--workspace-accent) 64%,var(--workspace-ink))} .workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading){border:1px solid color-mix(in srgb,var(--workspace-accent) 23%,var(--workspace-line));border-inline-start:4px solid var(--workspace-accent);background:linear-gradient(100deg,var(--workspace-paper),var(--workspace-tint));border-radius:14px;padding:17px 20px;margin-bottom:18px;gap:15px;box-shadow:0 4px 15px #173b4c05} .workspace-surface--decorated[b-p9u96hqfpk] .d-flex:has(>div>.mud-typography-h5){border:1px solid color-mix(in srgb,var(--workspace-accent) 23%,var(--workspace-line));border-inline-start:4px solid var(--workspace-accent);background:linear-gradient(100deg,var(--workspace-paper),var(--workspace-tint));padding:16px 20px;border-radius:14px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading) h1,.workspace-surface--decorated[b-p9u96hqfpk] .mud-typography-h5{display:flex;align-items:center;gap:12px;color:var(--workspace-ink);font-size:24px;font-weight:700;line-height:1.6;min-width:0;overflow-wrap:anywhere} .workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading) h1::before,.workspace-surface--decorated[b-p9u96hqfpk] .mud-typography-h5::before{content:"";display:block;flex:0 0 42px;width:42px;height:42px;background:var(--workspace-text-accent);mask-image:var(--workspace-icon);mask-repeat:no-repeat;mask-position:center;mask-size:29px;-webkit-mask-image:var(--workspace-icon);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:29px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading) h1:focus{outline:none} .workspace-surface--decorated[b-p9u96hqfpk] :is(.eyebrow,.module-breadcrumb){color:var(--workspace-text-accent);font-size:11px;font-weight:600;letter-spacing:0;margin-bottom:3px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading)>div>p:last-child{color:var(--workspace-muted);font-size:12px;margin:4px 0 0;line-height:1.8} .workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading)>div{min-width:0} .workspace-surface--decorated[b-p9u96hqfpk] :is(.document-toolbar,.module-toolbar){border:1px solid color-mix(in srgb,var(--workspace-accent) 20%,var(--workspace-line));background:var(--workspace-paper);border-radius:12px;box-shadow:0 3px 12px #173b4c04;gap:7px;padding:11px 12px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.document-toolbar,.module-toolbar) .mud-button-root{min-height:39px;border-radius:8px;font-size:12px;letter-spacing:0;line-height:1.7;padding-inline:12px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.document-toolbar,.module-toolbar) .mud-button-root:not(.mud-button-filled):not(.mud-disabled):hover{background:var(--workspace-tint)} .workspace-surface--decorated[b-p9u96hqfpk] :is(.document-toolbar,.module-toolbar) .mud-button-icon-start{margin-inline-end:7px;margin-inline-start:0} .workspace-surface--decorated[b-p9u96hqfpk] :is(.document-toolbar,.module-toolbar) .mud-button-icon-start svg{width:20px;height:20px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.panel,.module-master-list,.module-editor,.module-detail){border-color:color-mix(in srgb,var(--workspace-accent) 10%,var(--workspace-line));box-shadow:0 3px 14px #173b4c04} .workspace-surface--decorated[b-p9u96hqfpk] :is(.module-section-title,.section-heading){color:var(--workspace-ink);border-bottom:1px solid color-mix(in srgb,var(--workspace-accent) 15%,var(--workspace-line));background:var(--workspace-tint);border-radius:9px 9px 0 0;padding:12px 15px;gap:12px;flex-wrap:wrap} .workspace-surface--decorated[b-p9u96hqfpk] :is(.module-section-title,.section-heading) strong{color:var(--workspace-text-accent);font-variant-numeric:tabular-nums} .workspace-surface--decorated[b-p9u96hqfpk] :is(.module-section-title,.section-heading) h2{margin:0;font-weight:700;font-size:15px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.mud-tabs-toolbar,.mud-tabs-toolbar-inner){border-radius:10px 10px 0 0} .workspace-surface--decorated[b-p9u96hqfpk] .mud-tab{min-height:44px;font-size:12px;letter-spacing:0;border-radius:8px 8px 0 0;gap:5px} .workspace-surface--decorated[b-p9u96hqfpk] .mud-tab.mud-tab-active{color:var(--workspace-text-accent);background:var(--workspace-tint);font-weight:700} .workspace-surface--decorated[b-p9u96hqfpk] .mud-tab-slider{background:var(--workspace-accent);height:3px} .workspace-surface--decorated[b-p9u96hqfpk] .mud-table-head .mud-table-cell,.workspace-surface--decorated[b-p9u96hqfpk] :is(.original-table,.line-grid,.module-table) th{background:var(--workspace-tint);color:var(--workspace-ink);border-bottom:1px solid color-mix(in srgb,var(--workspace-accent) 25%,var(--workspace-line));font-weight:700;font-size:12px} .workspace-surface--decorated[b-p9u96hqfpk] .mud-table-hover .mud-table-body .mud-table-row:hover{background-color:color-mix(in srgb,var(--workspace-accent) 4%,var(--workspace-paper))} .workspace-surface--decorated[b-p9u96hqfpk] .mud-table-row-selected{box-shadow:inset -3px 0 var(--workspace-accent);background-color:var(--workspace-tint)} .workspace-surface--decorated[b-p9u96hqfpk] :is(.preview-summary,.invoice-head-grid){border-color:color-mix(in srgb,var(--workspace-accent) 20%,var(--workspace-line))} .workspace-surface--decorated[b-p9u96hqfpk] :is(.summary-total,.confirmed-total){color:var(--workspace-text-accent);font-weight:700} .workspace-surface--decorated[b-p9u96hqfpk] .summary-total{background:var(--workspace-tint)} .workspace-surface--decorated[b-p9u96hqfpk] .status-tag{background:var(--workspace-tint);color:var(--workspace-text-accent);border:1px solid color-mix(in srgb,var(--workspace-accent) 22%,var(--workspace-line));font-weight:600} .workspace-surface--decorated[b-p9u96hqfpk] .mud-input-outlined:focus-within .mud-input-outlined-border{border-color:var(--workspace-accent)} .workspace-surface--decorated[b-p9u96hqfpk] :is(button,a,input,select,textarea,[role="tab"]):focus-visible{outline:2px solid var(--workspace-accent);outline-offset:3px} .workspace-surface--decorated[b-p9u96hqfpk] :is(.module-toolbar,.document-toolbar).command-deck{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;position:static;overflow:visible} .workspace-surface--decorated[b-p9u96hqfpk] .command-deck-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;background:var(--workspace-tint);border-radius:11px 11px 0 0} .workspace-surface--decorated[b-p9u96hqfpk] .command-deck-row--secondary{background:var(--workspace-paper);border-radius:0 0 11px 11px;border-top:1px solid var(--workspace-line)} .workspace-surface--decorated[b-p9u96hqfpk] .command-deck-row--secondary .command-group--navigation{flex:3 1 650px;border-top:0} .workspace-surface--decorated[b-p9u96hqfpk] .command-deck-row--secondary .command-group--tools{flex:1 1 260px;border-top:0} .workspace-surface--decorated[b-p9u96hqfpk] .command-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;min-width:0} .workspace-surface--decorated[b-p9u96hqfpk] .command-group-title{flex-basis:100%;color:var(--workspace-muted);font-size:11px;font-weight:700;line-height:1.6;margin-bottom:2px} .workspace-surface--decorated[b-p9u96hqfpk] .command-deck-row .command-group:not(:first-child){border-inline-start:1px solid var(--workspace-line)} .workspace-surface--decorated[b-p9u96hqfpk] .command-group--primary .mud-button-filled{min-width:104px;box-shadow:0 2px 5px #173b4c18} .workspace-surface--decorated[b-p9u96hqfpk] .command-group--danger{margin-inline-start:auto} .workspace-surface--decorated[b-p9u96hqfpk] .command-group--lifecycle:not(:has(.mud-button-root)){display:none} .workspace-surface--decorated[b-p9u96hqfpk] :is(.command-group--navigation,.command-group--tools){border-top:1px solid var(--workspace-line)} .workspace-surface--decorated[b-p9u96hqfpk] .command-group--navigation .mud-input-control{flex:0 1 150px;width:150px;min-width:120px;margin:0 7px} .workspace-surface--decorated[b-p9u96hqfpk] .command-group--navigation .mud-input-control-input-container{min-width:0} .workspace-surface--decorated[b-p9u96hqfpk] .command-deck .mud-input-numeric-spin .mud-button-root{min-height:18px;height:18px;width:22px;min-width:0;padding:0;border-radius:3px;line-height:1} .workspace-surface--decorated[b-p9u96hqfpk] .command-deck .mud-input-numeric-spin .mud-button-root svg{width:18px;height:18px} .workspace-surface--decorated[b-p9u96hqfpk] .command-group--tools .mud-checkbox{margin-inline-start:auto} @media(max-width:760px){.workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading),.workspace-surface--decorated[b-p9u96hqfpk] .d-flex:has(>div>.mud-typography-h5){padding:14px 13px;border-radius:11px;gap:10px}.workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading) h1,.workspace-surface--decorated[b-p9u96hqfpk] .mud-typography-h5{font-size:21px;gap:8px}.workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading) h1::before,.workspace-surface--decorated[b-p9u96hqfpk] .mud-typography-h5::before{width:33px;height:33px;flex-basis:33px;mask-size:25px;-webkit-mask-size:25px}.workspace-surface--decorated[b-p9u96hqfpk] :is(.document-toolbar,.module-toolbar){padding:9px;gap:6px}.workspace-surface--decorated[b-p9u96hqfpk] :is(.document-toolbar,.module-toolbar) .mud-button-root{font-size:12px;min-height:40px;padding-inline:9px}.workspace-surface--decorated[b-p9u96hqfpk] .command-deck-row .command-group{flex:1 1 100%;border-inline-start:0;border-top:1px solid var(--workspace-line)}.workspace-surface--decorated[b-p9u96hqfpk] .command-deck-row .command-group:first-child{border-top:0}.workspace-surface--decorated[b-p9u96hqfpk] .command-group--danger{margin-inline-start:0}.workspace-surface--decorated[b-p9u96hqfpk] .command-group{padding:10px}.workspace-surface--decorated[b-p9u96hqfpk] .mud-tab{font-size:11px}} @media print{.workspace-surface[b-p9u96hqfpk]{--workspace-accent:#174b67;--workspace-tint:transparent;--workspace-text-accent:inherit}.workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading),.workspace-surface--decorated[b-p9u96hqfpk] .d-flex:has(>div>.mud-typography-h5){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.workspace-surface--decorated[b-p9u96hqfpk] :is(.page-heading,.module-heading,.erp-reports__heading) h1::before,.workspace-surface--decorated[b-p9u96hqfpk] .mud-typography-h5::before{display:none}.workspace-surface--decorated[b-p9u96hqfpk] :is(.original-table,.line-grid,.module-table) th,.workspace-surface--decorated[b-p9u96hqfpk] .mud-table-head .mud-table-cell{background:transparent!important;color:#000!important}.workspace-surface--decorated[b-p9u96hqfpk] .mud-table-row-selected{box-shadow:none!important}}