/* /Components/Common/CashControlAction.razor.rz.scp.css */ .cash-control-action-wrap[b-rfi2pokpph] { display:inline-flex; flex-direction:column; align-items:start; gap:.35rem; max-width:100%; } small[b-rfi2pokpph] { color:var(--text-muted,#526575); font-size:.75rem; max-width:22rem; overflow-wrap:anywhere; } button[b-rfi2pokpph] { min-height:44px; white-space:normal; } /* /Components/Common/CashControlMovementDetails.razor.rz.scp.css */ .cc-details[b-n143l8f55y] { border-top:1px solid #dce5eb; margin-top:1rem; padding-top:.8rem; min-width:0; } h3[b-n143l8f55y] { font-size:1rem; } .cc-table-scroll[b-n143l8f55y] { max-width:100%; overflow-x:auto; } table[b-n143l8f55y] { width:100%; min-width:540px; border-collapse:collapse; } th[b-n143l8f55y],td[b-n143l8f55y] { text-align:right; padding:.7rem; border-bottom:1px solid #dce5eb; font-size:.8rem; } td small[b-n143l8f55y] { display:block; } .cc-actions[b-n143l8f55y] { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; margin-top:.8rem; } button[b-n143l8f55y] { min-height:44px; } button:focus-visible[b-n143l8f55y],.cc-table-scroll:focus-visible[b-n143l8f55y] { outline:3px solid #146ba6; outline-offset:3px; } /* /Components/Common/CashControlPrint.razor.rz.scp.css */ .cc-print-document[b-mmw0fhkxz1] { max-width: 210mm; } .cc-print-document[b-mmw0fhkxz1], .cc-print-document *[b-mmw0fhkxz1] { font-family: "Vazirmatn", Tahoma, sans-serif !important; } .cc-print-page[b-mmw0fhkxz1] { position: relative; padding-bottom: 12mm; } .cc-print-page footer[b-mmw0fhkxz1] { margin-top: 6mm; padding-top: 2mm; border-top: 1px solid #777; font-size: .7rem; text-align: center; } .cc-print-page p[b-mmw0fhkxz1] { font-size: .76rem; overflow-wrap: anywhere; } .cc-print-page h3[b-mmw0fhkxz1] { font-size: .85rem; } .cc-print-fingerprint[b-mmw0fhkxz1] { font-size: .6rem !important; word-break: break-all; } .cc-print-appendix[b-mmw0fhkxz1] { margin-top: 2rem; } @media print { .cc-print-page[b-mmw0fhkxz1] { padding: 0 0 10mm; min-height: 260mm; box-sizing: border-box; break-after: page; } .cc-print-page:last-child[b-mmw0fhkxz1] { break-after: auto; } .cc-print-appendix[b-mmw0fhkxz1] { margin-top: 0; } .cc-print-page footer[b-mmw0fhkxz1] { position: absolute; bottom: 0; right: 0; left: 0; } .cc-print-page[b-mmw0fhkxz1] table { min-width: 0 !important; } .cc-print-page[b-mmw0fhkxz1] td, .cc-print-page[b-mmw0fhkxz1] th { overflow-wrap: anywhere; } } /* /Components/Common/CashControlSectionPrint.razor.rz.scp.css */ .cc-section-print[b-tgtrat40js],.cc-section-print *[b-tgtrat40js] { box-sizing:border-box; font-family:"Vazirmatn",Tahoma,sans-serif!important; color:#172c3d; } .cc-section-print[b-tgtrat40js] { width:190mm; max-width:100%; background:white; direction:rtl; font-size:10pt; line-height:1.8; } header[b-tgtrat40js] { border-bottom:2px solid #253b4c; padding-bottom:3mm; } h2[b-tgtrat40js] { font-size:16pt; margin:0; } h3[b-tgtrat40js] { font-size:12pt; margin:5mm 0 2mm; } h4[b-tgtrat40js] { font-size:10pt; margin:0; } p[b-tgtrat40js] { margin:2mm 0; overflow-wrap:anywhere; } dl[b-tgtrat40js] { margin:2mm 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2mm 5mm; } dl div[b-tgtrat40js] { display:flex; justify-content:space-between; gap:3mm; border-bottom:1px solid #c5cdd3; } dt[b-tgtrat40js] { font-weight:500; } dd[b-tgtrat40js] { margin:0; font-weight:700; overflow-wrap:anywhere; } .cc-print-source[b-tgtrat40js],.cc-print-sales-row[b-tgtrat40js] { border:1px solid #b7c3cc; padding:3mm; margin-block:3mm; break-inside:avoid; } footer[b-tgtrat40js] { border-top:1px solid #354b5b; padding-top:3mm; margin-top:5mm; font-size:9pt; } .cc-print-warning[b-tgtrat40js] { border:1px solid #6b4a1e; padding:2mm; font-weight:700; } .cc-section-paper[b-tgtrat40js] { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; } .cc-section-paper>thead>tr>td[b-tgtrat40js],.cc-section-paper>tbody>tr>td[b-tgtrat40js] { padding:0; border:0; text-align:right; } h2[b-tgtrat40js],h3[b-tgtrat40js],h4[b-tgtrat40js],dt[b-tgtrat40js],dd[b-tgtrat40js] { min-width:0; overflow-wrap:anywhere; } .cc-thermal[b-tgtrat40js] { width:72mm; max-width:72mm; font-size:9pt; line-height:1.65; } .cc-thermal h2[b-tgtrat40js] { font-size:12pt; } .cc-thermal h3[b-tgtrat40js] { font-size:10pt; } .cc-thermal dl[b-tgtrat40js] { grid-template-columns:1fr; } .cc-thermal .cc-print-source[b-tgtrat40js],.cc-thermal .cc-print-sales-row[b-tgtrat40js] { padding:2mm; } @page aria-cash-control-a4 { size:A4 portrait; margin:10mm; } @page aria-cash-control-80 { size:80mm 297mm; margin:3mm; } @media print { .cc-section-print[b-tgtrat40js] { max-width:100%!important; } .cc-a4[b-tgtrat40js] { page:aria-cash-control-a4; } .cc-thermal[b-tgtrat40js] { page:aria-cash-control-80; width:72mm!important; max-width:72mm!important; } h3[b-tgtrat40js] { break-after:avoid; } .cc-section-paper thead[b-tgtrat40js] { display:table-header-group; } .cc-section-paper tbody[b-tgtrat40js],.cc-section-paper>tbody>tr[b-tgtrat40js],.cc-section-paper>tbody>tr>td[b-tgtrat40js] { break-inside:auto; } } /* /Components/Common/DashboardCarousel.razor.rz.scp.css */ .dashboard-carousel[b-6fznxe2ojv] { min-width:0; } .carousel-track[b-6fznxe2ojv] { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2rem) / 3); gap:1rem; padding:.9rem .15rem .65rem; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#92b6ba #f0f5f6; border-radius:.7rem; } .carousel-track[b-6fznxe2ojv] > * { min-width:0; scroll-snap-align:start; } .carousel-track:focus-visible[b-6fznxe2ojv] { outline:3px solid var(--brand); outline-offset:3px; } .carousel-footer[b-6fznxe2ojv] { display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding-top:.65rem; color:var(--ink-soft); font-size:.78rem; } .carousel-controls[b-6fznxe2ojv] { display:flex; align-items:center; gap:.6rem; flex-shrink:0; } .carousel-controls button[b-6fznxe2ojv] { display:grid; place-items:center; width:2.6rem; height:2.6rem; border:1px solid #c7d8df; border-radius:50%; background:#fff; color:var(--brand-strong); font-size:1.3rem; cursor:pointer; transition:background .15s; } .carousel-controls button:hover:enabled[b-6fznxe2ojv] { background:#e4f2f3; } .carousel-controls button:disabled[b-6fznxe2ojv] { opacity:.35; cursor:default; } .carousel-controls button:focus-visible[b-6fznxe2ojv] { outline:3px solid var(--brand); outline-offset:3px; } .carousel-position[b-6fznxe2ojv] { min-width:3.8rem; text-align:center; font-variant-numeric:tabular-nums; } .compact .carousel-track[b-6fznxe2ojv] { grid-auto-columns:clamp(14rem,27%,18rem); gap:.65rem; padding:.35rem .15rem .5rem; } .compact .carousel-footer[b-6fznxe2ojv] { padding-top:.25rem; font-size:.7rem; } .compact .carousel-controls[b-6fznxe2ojv] { gap:.4rem; } .compact .carousel-controls button[b-6fznxe2ojv] { width:2.75rem; height:2.75rem; } @media(max-width:1000px) { .carousel-track[b-6fznxe2ojv] { grid-auto-columns:calc((100% - 1rem) / 2); } } @media(max-width:600px) { .carousel-track[b-6fznxe2ojv] { grid-auto-columns:88%; gap:.75rem; } .carousel-hint[b-6fznxe2ojv] { max-width:9rem; line-height:1.8; } } @media(max-width:600px) { .compact .carousel-track[b-6fznxe2ojv] { grid-auto-columns:85%; } } @media(prefers-reduced-motion:reduce) { .carousel-controls button[b-6fznxe2ojv] { transition:none; } } /* /Components/Common/DashboardCashFlow.razor.rz.scp.css */ .cash-story[b-zkij4bomui] { min-width:0; height:100%; padding:1.3rem; border:1px solid #d4e5e1; border-radius:1.1rem; background:linear-gradient(130deg,#fff,#f2f9f6); } header[b-zkij4bomui] { display:flex; align-items:center; gap:.7rem; }h3[b-zkij4bomui] { margin:0 0 .2rem; color:#18454b; font-size:1rem; }header div > span[b-zkij4bomui] { color:#506d78; font-size:.73rem; } .cash-icon[b-zkij4bomui] { display:grid; place-items:center; width:2.4rem; height:2.4rem; background:#e1f0e9; color:#217462; border-radius:.8rem; }.cash-icon[b-zkij4bomui] svg { width:1.3rem; height:1.3rem; } .cash-visual[b-zkij4bomui] { display:flex; align-items:center; gap:1.2rem; margin:1.3rem 0; }.cash-ring[b-zkij4bomui] { width:8.2rem; height:8.2rem; flex-shrink:0; padding:.8rem; border-radius:50%; background:conic-gradient(from -90deg,#278474 0 var(--inflow-share),#dfb464 var(--inflow-share) 100%); box-shadow:0 .4rem 1rem #3864570d; }.cash-ring.no-share[b-zkij4bomui] { background:#e1e9e6; } .cash-ring > div[b-zkij4bomui] { display:grid; place-content:center; gap:.15rem; text-align:center; height:100%; border-radius:50%; background:#f8fcfa; box-shadow:inset 0 .1rem .3rem #2a5c4d0d; }.cash-ring strong[b-zkij4bomui] { color:#205d54; font-size:1.4rem; }.cash-ring span[b-zkij4bomui] { color:#577367; font-size:.66rem; } .cash-legend[b-zkij4bomui] { display:grid; gap:1rem; min-width:0; margin:0; }.cash-legend dt[b-zkij4bomui] { display:flex; align-items:center; gap:.4rem; color:#536b77; font-size:.75rem; }.cash-legend dd[b-zkij4bomui] { margin:.3rem 0 0; color:#274d56; font-size:.9rem; font-weight:750; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }.cash-legend i[b-zkij4bomui] { width:.5rem; height:.5rem; border-radius:50%; }.inflow-dot[b-zkij4bomui] { background:#278474; }.outflow-dot[b-zkij4bomui] { background:#be8d38; } .cash-net[b-zkij4bomui] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; padding-top:1rem; border-top:1px solid #dbe8e1; }.cash-net span[b-zkij4bomui] { color:#456672; font-size:.78rem; }.cash-net strong[b-zkij4bomui] { font-size:1.1rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.gain[b-zkij4bomui] { color:#147056; }.loss[b-zkij4bomui] { color:#a52f43; } p[b-zkij4bomui] { margin:.6rem 0 .4rem; font-size:.75rem; line-height:1.9; color:#45626d; }.cash-note[b-zkij4bomui] { display:block; color:#526c76; font-size:.68rem; line-height:1.9; } @media(max-width:360px) { .cash-story[b-zkij4bomui] { padding:1rem; }.cash-visual[b-zkij4bomui] { gap:.75rem; }.cash-ring[b-zkij4bomui] { width:6.7rem; height:6.7rem; padding:.65rem; }.cash-ring strong[b-zkij4bomui] { font-size:1.2rem; }.cash-legend dd[b-zkij4bomui] { font-size:.78rem; } } /* /Components/Common/DashboardInsights.razor.rz.scp.css */ .insights-panel[b-matobhjqib] { margin-top:1.5rem; padding:clamp(1rem,2.7vw,1.8rem); border:1px solid #d4e5e3; border-radius:1.4rem; background:linear-gradient(145deg,#eff7f4,#f6f9fc 58%,#fff8eb); color:var(--ink); min-width:0; } .insights-heading[b-matobhjqib] { display:flex; justify-content:space-between; align-items:center; gap:1rem; } .insights-kicker[b-matobhjqib] { display:flex; gap:.5rem; align-items:center; color:#25796e; font-size:.78rem; font-weight:750; }.insights-kicker[b-matobhjqib] svg { width:1.3rem; height:1.3rem; } .insights-heading h2[b-matobhjqib] { font-size:1.55rem; margin:.65rem 0 .35rem; }.insights-heading p[b-matobhjqib] { color:#506879; font-size:.83rem; line-height:1.9; margin:0; } .insights-link[b-matobhjqib] { display:flex; flex-shrink:0; align-items:center; gap:.8rem; padding:.8rem 1rem; border-radius:.8rem; color:#fff; background:#0c625f; text-decoration:none; font-size:.82rem; font-weight:750; } .insights-period[b-matobhjqib] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; color:#526b79; font-size:.74rem; margin:1.4rem 0 .85rem; } .insight-metrics[b-matobhjqib] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; } .insight-metrics article[b-matobhjqib] { position:relative; padding:1.1rem; background:#fff; border:1px solid #dce9e6; border-radius:1rem; min-width:0; } .insight-metrics article > span:not(.insight-icon)[b-matobhjqib] { display:block; color:#50677a; font-size:.8rem; margin:.65rem 0; }.insight-metrics strong[b-matobhjqib] { font-size:1.3rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.insight-metrics p[b-matobhjqib] { font-size:.75rem; line-height:1.9; color:#536c7c; margin:.6rem 0 0; } .insight-icon[b-matobhjqib] { display:grid; place-items:center; width:2.1rem; height:2.1rem; border-radius:.65rem; color:#0c756b; background:#eaf5f1; }.insight-icon.gold[b-matobhjqib] { background:#fff4de; color:#946f22; }.insight-icon[b-matobhjqib] svg { width:1.15rem; height:1.15rem; } .gain[b-matobhjqib] { color:#117557; }.loss[b-matobhjqib] { color:#b13749; } .insight-columns[b-matobhjqib] { display:grid; grid-template-columns:1fr 1fr; gap:.9rem; margin-top:1rem; }.insight-section[b-matobhjqib] { padding:1.1rem; background:#ffffffb8; border:1px solid #dce8e6; border-radius:1rem; min-width:0; } .insight-section-title[b-matobhjqib] { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; justify-content:space-between; margin-bottom:.5rem; }.insight-section h3[b-matobhjqib] { font-size:.95rem; margin:0; }.insight-section-title > span[b-matobhjqib] { font-size:.73rem; color:#55727b; } .department-insight[b-matobhjqib] { padding:.9rem 0; }.department-insight > div:first-child[b-matobhjqib] { display:flex; justify-content:space-between; gap:.5rem; font-size:.82rem; }.department-insight strong[b-matobhjqib] { overflow-wrap:anywhere; }.department-insight span[b-matobhjqib] { flex-shrink:0; font-weight:750; }.department-insight small[b-matobhjqib] { color:#506a7a; font-size:.71rem; } .department-meter[b-matobhjqib] { height:5px; background:#e7efee; border-radius:5px; margin:.7rem 0 .4rem; overflow:hidden; }.department-meter i[b-matobhjqib] { display:block; height:100%; background:linear-gradient(90deg,#4bb2a5,#147868); border-radius:5px; }.department-meter i.negative[b-matobhjqib] { background:#c96772; } .insight-footnote[b-matobhjqib] { margin:.5rem 0 0; color:#566f7b; font-size:.72rem; line-height:1.9; }.insight-empty[b-matobhjqib] { padding:1rem 0; color:#4e687a; font-size:.83rem; line-height:1.9; } .alert-insight[b-matobhjqib] { display:flex; gap:.75rem; padding:.85rem 0; border-bottom:1px solid #e3eae9; }.alert-insight:last-child[b-matobhjqib] { border:0; }.alert-marker[b-matobhjqib] { flex-shrink:0; display:grid; place-items:center; width:1.7rem; height:1.7rem; border-radius:.5rem; background:#fcf0d6; color:#8c6215; }.critical .alert-marker[b-matobhjqib] { background:#fce9ec; color:#b33649; }.alert-insight strong[b-matobhjqib] { display:block; font-size:.82rem; }.alert-insight small[b-matobhjqib] { color:#7c6240; font-size:.68rem; }.alert-insight p[b-matobhjqib] { color:#536b7a; font-size:.73rem; line-height:1.9; margin:.25rem 0 0; }.alert-insight .alert-action[b-matobhjqib] { color:#295f69; } .insight-clear[b-matobhjqib] { display:grid; justify-items:start; gap:.65rem; padding:1.5rem 0; }.insight-clear[b-matobhjqib] svg { width:2rem; height:2rem; color:#1b886c; }.insight-clear strong[b-matobhjqib] { font-size:.9rem; }.insight-clear p[b-matobhjqib] { margin:0; font-size:.8rem; color:#516b79; line-height:1.9; } .insights-bottom[b-matobhjqib] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:1rem; margin-top:.5rem; font-size:.73rem; color:#526e79; line-height:1.9; }.insights-bottom > span[b-matobhjqib] { display:flex; gap:.5rem; }.insights-bottom[b-matobhjqib] svg { width:1.2rem; height:1.2rem; flex-shrink:0; margin-top:.2rem; }.insights-bottom a[b-matobhjqib] { color:#0b6c65; flex-shrink:0; text-decoration:none; font-weight:750; } .insights-state[b-matobhjqib] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; margin-top:1rem; padding:1rem; background:#fff; border:1px solid #d5e5e1; border-radius:.8rem; color:#506775; font-size:.84rem; line-height:1.9; }.insights-state.error[b-matobhjqib] { color:#953c49; border-color:#ecccd0; }.insights-state button[b-matobhjqib] { padding:.6rem .9rem; background:white; color:#0d6864; border:1px solid #a6c6c2; border-radius:.65rem; font-family:inherit; cursor:pointer; } a:focus-visible[b-matobhjqib],button:focus-visible[b-matobhjqib] { outline:3px solid var(--brand); outline-offset:3px; } @media(max-width:850px) { .insight-columns[b-matobhjqib] { grid-template-columns:1fr; }.insights-bottom[b-matobhjqib] { flex-direction:column; align-items:flex-start; }.insight-metrics strong[b-matobhjqib] { font-size:1.05rem; } } @media(max-width:600px) { .insights-heading[b-matobhjqib] { align-items:flex-start; flex-direction:column; }.insights-heading h2[b-matobhjqib] { font-size:1.3rem; }.insight-metrics[b-matobhjqib] { grid-template-columns:1fr; }.insight-metrics article[b-matobhjqib] { padding:1rem; }.insight-icon[b-matobhjqib] { float:left; }.insight-metrics strong[b-matobhjqib] { font-size:1.3rem; }.department-insight > div:first-child[b-matobhjqib] { flex-wrap:wrap; }.insights-link[b-matobhjqib] { width:100%; justify-content:space-between; } } /* Cash movement takes the lead; the smaller measures remain alongside it. */ .insight-metrics[b-matobhjqib] { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:stretch; } .insight-metric-stack[b-matobhjqib] { display:grid; gap:.8rem; min-width:0; }.insight-metric-stack article[b-matobhjqib] { padding:1.2rem; }.insight-metric-stack article > small[b-matobhjqib] { display:block; margin-top:.6rem; color:#526f7b; font-size:.71rem; }.insight-metric-stack .insight-icon[b-matobhjqib] { float:left; } .ranking-toggle[b-matobhjqib] { display:flex; padding:.2rem; border:1px solid #d9e5e3; border-radius:.7rem; background:#edf3f1; } .ranking-toggle button[b-matobhjqib] { min-height:2.6rem; padding:.45rem .7rem; border:1px solid transparent; border-radius:.5rem; background:transparent; color:#41685f; font:650 .73rem Vazirmatn,sans-serif; cursor:pointer; }.ranking-toggle button[aria-pressed=true][b-matobhjqib] { background:#fff; border-color:#d2e3dd; color:#0c6b5e; box-shadow:0 .15rem .4rem #22473b0a; } @media(max-width:650px) { .insight-metrics[b-matobhjqib] { grid-template-columns:1fr; }.insight-metric-stack[b-matobhjqib] { grid-template-columns:1fr; }.insight-metrics strong[b-matobhjqib] { font-size:1.2rem; } } /* /Components/Common/DashboardSales.razor.rz.scp.css */ .sales-panel[b-op91v8j04q] { min-width:0; border-radius:1.2rem; padding:clamp(.9rem,2vw,1.4rem); } .panel-heading[b-op91v8j04q] { align-items:center; flex-wrap:wrap; gap:.65rem; margin-bottom:.35rem; } .panel-title h2[b-op91v8j04q] { font-size:1.1rem; }.panel-title p[b-op91v8j04q] { font-size:.79rem; line-height:1.9; }.badge[b-op91v8j04q] { white-space:nowrap; font-size:.72rem; } .sale-slide[b-op91v8j04q] { border:1px solid #dde9e7; border-radius:1rem; padding:.9rem; background:linear-gradient(155deg,#f2faf7,#fff 50%); display:flex; flex-direction:column; min-width:0; box-shadow:0 .3rem .8rem #102a4304; } .slide-top[b-op91v8j04q] { display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; } .slide-icon[b-op91v8j04q] { display:grid; place-items:center; width:2.15rem; height:2.15rem; color:#1b7b76; background:#e4f1ee; border-radius:.7rem; flex-shrink:0; }.slide-icon[b-op91v8j04q] svg { width:1.2rem; height:1.2rem; } .buyer-badge[b-op91v8j04q] { margin-inline-start:auto; padding:.25rem .55rem; border-radius:1rem; background:#edf1f5; color:#4b667e; font-size:.72rem; }.buyer-badge.employee[b-op91v8j04q] { background:#e4f0fb; color:#356d9e; }.return-badge[b-op91v8j04q] { color:#aa394a; background:#fbe9ec; padding:.25rem .45rem; border-radius:1rem; font-size:.68rem; }.returned[b-op91v8j04q] { border-color:#e6c6cd; } .sale-slide h3[b-op91v8j04q] { margin:0; font-size:.94rem; line-height:1.9; overflow-wrap:anywhere; color:var(--ink); } .sale-department[b-op91v8j04q] { color:#5e7384; font-size:.74rem; margin:.2rem 0 .55rem; } .sale-products[b-op91v8j04q] { background:#f5f8fa; border:1px solid #e5ecef; border-radius:.65rem; padding:.5rem .65rem; margin-bottom:.65rem; flex:1; }.sale-products > span[b-op91v8j04q] { color:#5d7181; font-size:.68rem; }.sale-products p[b-op91v8j04q] { margin:.25rem 0 0; color:#355266; line-height:1.85; font-size:.78rem; overflow-wrap:anywhere; }.sale-products small[b-op91v8j04q] { font-size:inherit; } .sale-amount span[b-op91v8j04q] { color:#617486; font-size:.72rem; }.sale-amount strong[b-op91v8j04q] { display:block; margin:.2rem 0 .5rem; color:#10675f; font-size:1.13rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.returned .sale-amount strong[b-op91v8j04q] { color:#ad3b4d; } .sale-paid[b-op91v8j04q] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem; color:#5c7183; font-size:.73rem; }.sale-paid strong[b-op91v8j04q] { font-weight:600; } .sale-time[b-op91v8j04q] { display:flex; align-items:center; gap:.4rem; border-top:1px dashed #dae4e7; margin-top:.6rem; padding-top:.5rem; color:#65798a; font-size:.7rem; }.sale-time[b-op91v8j04q] svg { width:.95rem; height:.95rem; flex-shrink:0; } .sale-slide:focus-visible[b-op91v8j04q] { outline:3px solid #127e83; outline-offset:-3px; } .sales-more-card[b-op91v8j04q] { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.65rem; padding:1.1rem; border:1px dashed #94bdb7; border-radius:1rem; background:linear-gradient(145deg,#f0f8f5,#f8fbfa); text-align:center; color:#284e58; } .more-icon[b-op91v8j04q] { display:grid; place-items:center; width:3rem; height:3rem; border:1px solid #cde4dd; background:#e2f0eb; border-radius:1rem; color:#217b70; }.more-icon[b-op91v8j04q] svg { width:1.4rem; height:1.4rem; } .sales-more-card > strong[b-op91v8j04q] { font-size:.9rem; }.sales-more-card p[b-op91v8j04q],.sales-more-card small[b-op91v8j04q] { margin:0; color:#54727c; font-size:.78rem; line-height:1.9; } .sales-load-more[b-op91v8j04q] { min-height:44px; min-width:8rem; justify-content:center; margin-top:.35rem; } .sales-completeness[b-op91v8j04q] { color:#58747d; font-size:.7rem; line-height:1.8; margin-top:.55rem; } .sales-error[b-op91v8j04q] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem; padding:.6rem .75rem; color:#a43d47; background:#fff4f4; border:1px solid #efced0; border-radius:.75rem; font-size:.8rem; } .empty-line[b-op91v8j04q] { padding:1.5rem .3rem; line-height:1.9; } @media(max-width:600px) { .panel-title[b-op91v8j04q] { align-items:flex-start; }.panel-title-icon[b-op91v8j04q] { flex-shrink:0; } } @media(forced-colors:active) { .sales-more-card[b-op91v8j04q],.sale-slide[b-op91v8j04q] { background:Canvas; border-color:CanvasText; } } /* /Components/Common/DashboardTrend.razor.rz.scp.css */ .trend-panel[b-3zihj51ci6] { margin:1.1rem 0; padding:clamp(1rem,2.5vw,1.65rem); border:1px solid var(--line); border-radius:1.3rem; background:#fff; box-shadow:var(--shadow-sm); min-width:0; } .trend-heading[b-3zihj51ci6] { display:flex; align-items:center; justify-content:space-between; gap:1rem; } .trend-heading h2[b-3zihj51ci6] { margin:.3rem 0; color:var(--ink); font-size:1.2rem; } .trend-heading p[b-3zihj51ci6] { color:var(--ink-soft); font-size:.82rem; margin:0; line-height:1.9; } .trend-total[b-3zihj51ci6] { display:grid; gap:.4rem; text-align:left; padding:.85rem 1.2rem; background:#f6faf9; border:1px solid #e0eeeb; border-radius:1rem; } .trend-total span[b-3zihj51ci6],.trend-total small[b-3zihj51ci6] { color:#47645f; font-size:.76rem; } .trend-total strong[b-3zihj51ci6] { font-size:1.4rem; color:#096862; font-variant-numeric:tabular-nums; } .trend-legend[b-3zihj51ci6] { display:flex; flex-wrap:wrap; gap:1.2rem; font-size:.78rem; color:var(--ink-soft); margin:1.3rem 0 .6rem; } .trend-legend span[b-3zihj51ci6] { display:flex; align-items:center; gap:.4rem; } .trend-legend i[b-3zihj51ci6] { width:.65rem; height:.65rem; border-radius:3px; display:inline-block; } .sales-key[b-3zihj51ci6] { background:#d3a041; }.profit-key[b-3zihj51ci6] { background:#127d7c; }.negative-key[b-3zihj51ci6] { margin-inline-start:auto; } .trend-plot[b-3zihj51ci6] { max-width:100%; } .trend-axis[b-3zihj51ci6] { display:flex; justify-content:space-between; color:#5d7084; font-size:.72rem; direction:rtl; padding:.2rem; } .trend-plot svg[b-3zihj51ci6] { display:block; width:100%; height:auto; max-height:310px; } .grid-line[b-3zihj51ci6] { stroke:#e8eef1; stroke-dasharray:4 5; }.zero-line[b-3zihj51ci6] { stroke:#7a929f; stroke-width:1.4; } .trend-days[b-3zihj51ci6] { display:grid; gap:.2rem; padding:0 3.2%; } .trend-days button[b-3zihj51ci6] { padding:.5rem .15rem; border:1px solid transparent; background:transparent; border-radius:.7rem; cursor:pointer; color:#52687d; font-family:inherit; } .trend-days span[b-3zihj51ci6],.trend-days small[b-3zihj51ci6] { display:block; line-height:1.8; font-size:.73rem; white-space:nowrap; }.trend-days small[b-3zihj51ci6] { font-size:.66rem; } .trend-days .selected[b-3zihj51ci6] { color:#096862; border-color:#b2d9d3; background:#edf7f4; font-weight:800; } .trend-days button:focus-visible[b-3zihj51ci6],summary:focus-visible[b-3zihj51ci6] { outline:3px solid var(--brand); outline-offset:2px; } .trend-detail[b-3zihj51ci6] { display:grid; grid-template-columns:1.1fr repeat(3,1fr); gap:1rem; margin-top:1.2rem; padding:1rem; border:1px solid #e1ebef; background:#f8fafb; border-radius:.95rem; } .trend-detail > div[b-3zihj51ci6] { display:grid; align-content:center; gap:.45rem; min-width:0; }.trend-detail span[b-3zihj51ci6] { font-size:.76rem; color:#50687d; }.trend-detail strong[b-3zihj51ci6] { font-size:.86rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } .detail-date[b-3zihj51ci6] { color:var(--brand-strong); }.detail-date[b-3zihj51ci6] svg { width:1.4rem; height:1.4rem; } .profit strong[b-3zihj51ci6] { color:#117657; }.loss strong[b-3zihj51ci6] { color:#af3649; } .trend-table[b-3zihj51ci6] { margin-top:1rem; font-size:.78rem; color:var(--ink-soft); }.trend-table summary[b-3zihj51ci6] { cursor:pointer; padding:.35rem 0; width:fit-content; } .trend-table-scroll[b-3zihj51ci6] { overflow-x:auto; margin-top:.65rem; }.trend-table table[b-3zihj51ci6] { min-width:620px; width:100%; border-collapse:collapse; text-align:right; }.trend-table th[b-3zihj51ci6],.trend-table td[b-3zihj51ci6] { padding:.7rem; border-bottom:1px solid var(--line); white-space:nowrap; }.trend-table caption[b-3zihj51ci6] { text-align:right; padding:.5rem; } .trend-empty[b-3zihj51ci6] { padding:.7rem 0; margin:0; line-height:1.9; color:var(--ink-soft); font-size:.85rem; } @media(max-width:600px) { .trend-heading[b-3zihj51ci6] { align-items:stretch; flex-direction:column; }.trend-total[b-3zihj51ci6] { text-align:right; }.trend-total strong[b-3zihj51ci6] { font-size:1.25rem; }.negative-key[b-3zihj51ci6] { margin-inline-start:0; }.trend-detail[b-3zihj51ci6] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem .6rem; }.trend-days span[b-3zihj51ci6] { font-size:.6rem; }.trend-days small[b-3zihj51ci6] { font-size:.6rem; }.trend-legend[b-3zihj51ci6] { gap:.7rem; } } /* Weekly brief keeps the chart and its interpretation together. */ .trend-workspace[b-3zihj51ci6] { display:grid; grid-template-columns:minmax(0,1fr) 14.5rem; gap:1.35rem; margin-top:1.1rem; } .trend-main[b-3zihj51ci6] { min-width:0; }.trend-main .trend-legend[b-3zihj51ci6] { margin-top:.2rem; } .week-brief[b-3zihj51ci6] { min-width:0; padding:1.15rem; border:1px solid #dce7e4; border-radius:1rem; background:linear-gradient(165deg,#edf6f2,#f8faf9); } .brief-kicker[b-3zihj51ci6] { display:flex; align-items:center; gap:.45rem; color:#426f66; font-size:.76rem; font-weight:750; }.brief-kicker[b-3zihj51ci6] svg { width:1.2rem; height:1.2rem; } .best-day[b-3zihj51ci6] { display:grid; gap:.2rem; width:100%; text-align:right; font-family:inherit; padding:1rem; margin:.9rem 0 0; border:1px solid #e5dac0; border-radius:.8rem; color:#574d30; background:linear-gradient(135deg,#fff8e8,#fffdf8); cursor:pointer; transition:border-color .18s,box-shadow .18s; } .best-day:hover[b-3zihj51ci6] { border-color:#caa65b; box-shadow:0 .3rem 1rem #8e702116; }.best-day:focus-visible[b-3zihj51ci6] { outline:3px solid #158078; outline-offset:3px; }.best-day > span:first-child[b-3zihj51ci6] { font-size:.72rem; color:#756130; }.best-day > strong[b-3zihj51ci6] { font-size:1.3rem; margin:.2rem 0; }.best-day > small[b-3zihj51ci6] { font-size:.69rem; color:#776c51; }.best-day > b[b-3zihj51ci6] { font-size:.97rem; margin-top:.65rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.best-day .brief-action[b-3zihj51ci6] { display:flex; justify-content:space-between; align-items:center; margin-top:.5rem; font-size:.7rem; color:#756239; } .brief-average[b-3zihj51ci6],.brief-profit[b-3zihj51ci6] { display:grid; gap:.45rem; padding-top:1rem; margin-top:1rem; border-top:1px solid #d9e6df; }.brief-average > span[b-3zihj51ci6],.brief-profit > span[b-3zihj51ci6] { color:#45685f; font-size:.74rem; }.brief-average > strong[b-3zihj51ci6],.brief-profit > strong[b-3zihj51ci6] { font-size:1.02rem; color:#245e54; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.brief-average small[b-3zihj51ci6],.brief-profit small[b-3zihj51ci6] { font-size:.68rem; line-height:1.9; color:#506d68; }.brief-profit .week-loss[b-3zihj51ci6] { color:#a53548; }.profit-days[b-3zihj51ci6] { display:flex; gap:4px; margin:.25rem 0; direction:ltr; }.profit-days i[b-3zihj51ci6] { height:6px; flex:1; border-radius:5px; background:#d7e1dd; }.profit-days .gain[b-3zihj51ci6] { background:#3f927c; }.profit-days .loss[b-3zihj51ci6] { background:#cb7480; } .brief-no-sales[b-3zihj51ci6] { margin-top:1rem; color:#4f6c63; font-size:.78rem; line-height:1.9; } @media(max-width:1150px) { .trend-workspace[b-3zihj51ci6] { grid-template-columns:1fr; }.week-brief[b-3zihj51ci6] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.brief-kicker[b-3zihj51ci6] { grid-column:1/-1; }.best-day[b-3zihj51ci6] { margin:0; }.brief-average[b-3zihj51ci6],.brief-profit[b-3zihj51ci6] { margin:0; padding:.5rem 0; border:0; } } @media(max-width:650px) { .week-brief[b-3zihj51ci6] { grid-template-columns:1fr 1fr; gap:.8rem; padding:1rem; }.best-day[b-3zihj51ci6],.brief-no-sales[b-3zihj51ci6] { grid-column:1/-1; }.best-day[b-3zihj51ci6] { grid-template-columns:1fr auto; gap:.3rem .8rem; }.best-day > span:first-child[b-3zihj51ci6],.best-day > strong[b-3zihj51ci6],.best-day > small[b-3zihj51ci6] { grid-column:1; }.best-day > b[b-3zihj51ci6] { grid-column:2; grid-row:2; align-self:center; margin:0; }.best-day .brief-action[b-3zihj51ci6] { grid-column:1/-1; }.brief-average[b-3zihj51ci6],.brief-profit[b-3zihj51ci6] { padding-top:.7rem; border-top:1px solid #d9e6df; }.brief-average > strong[b-3zihj51ci6],.brief-profit > strong[b-3zihj51ci6] { font-size:.9rem; } } @media(prefers-reduced-motion:reduce) { .best-day[b-3zihj51ci6] { transition:none; } } /* /Components/Common/DashboardWatchlist.razor.rz.scp.css */ .watchlist-grid[b-wa47u2dmu1] { display:grid; grid-template-columns:1fr 1.25fr; gap:1rem; margin-top:1rem; } .capital-card[b-wa47u2dmu1],.outflow-card[b-wa47u2dmu1] { min-width:0; padding:1.3rem; border:1px solid #dce5e7; border-radius:1.1rem; background:#ffffffb8; } header[b-wa47u2dmu1] { display:flex; align-items:center; gap:.75rem; }.section-symbol[b-wa47u2dmu1] { display:grid; place-items:center; width:2.4rem; height:2.4rem; flex-shrink:0; border-radius:.8rem; background:#eaf0f9; color:#35658b; }.section-symbol.gold[b-wa47u2dmu1] { background:#fcf1d8; color:#997329; }.section-symbol[b-wa47u2dmu1] svg { width:1.3rem; height:1.3rem; } h3[b-wa47u2dmu1] { margin:.25rem 0 0; color:#214b59; font-size:.98rem; line-height:1.7; }.watch-kicker[b-wa47u2dmu1] { font-size:.68rem; color:#566e7c; } .capital-amount[b-wa47u2dmu1] { display:grid; gap:.35rem; margin-top:1.2rem; }.capital-amount > span[b-wa47u2dmu1] { color:#4c6978; font-size:.78rem; }.capital-amount strong[b-wa47u2dmu1] { font-size:1.3rem; color:#31596c; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }.capital-amount small[b-wa47u2dmu1] { color:#5d7381; font-size:.68rem; }.receivable[b-wa47u2dmu1] { padding-bottom:1rem; border-bottom:1px solid #e5edef; }.receivable strong[b-wa47u2dmu1] { color:#166d68; } .overdue-callout[b-wa47u2dmu1] { padding:.85rem 1rem; margin-top:1rem; background:#edf4f2; border:1px solid #dce8e2; border-radius:.8rem; }.overdue-callout > span[b-wa47u2dmu1] { display:flex; align-items:center; gap:.4rem; color:#436b62; font-size:.75rem; }.overdue-callout[b-wa47u2dmu1] svg { width:1rem; height:1rem; }.overdue-callout strong[b-wa47u2dmu1] { display:block; font-size:1.1rem; color:#286458; margin:.4rem 0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.overdue-callout small[b-wa47u2dmu1] { color:#566f69; font-size:.69rem; }.has-debt[b-wa47u2dmu1] { background:#fff6ed; border-color:#efdfca; }.has-debt > span[b-wa47u2dmu1],.has-debt strong[b-wa47u2dmu1] { color:#9b532f; } .overdue-meter[b-wa47u2dmu1] { height:5px; border-radius:5px; background:#e9ddd0; overflow:hidden; margin:.65rem 0; }.overdue-meter i[b-wa47u2dmu1] { display:block; height:100%; background:#c7864d; border-radius:5px; } .watch-note[b-wa47u2dmu1] { color:#536f79; font-size:.69rem; line-height:1.95; margin:1rem 0 0; }.outflow-intro[b-wa47u2dmu1] { color:#526d7b; font-size:.75rem; margin:.9rem 0 .45rem; } .outflow-row[b-wa47u2dmu1] { display:grid; grid-template-columns:1.65rem minmax(0,1fr) auto; align-items:start; gap:.6rem; padding:1rem 0; border-bottom:1px solid #e7edef; }.outflow-rank[b-wa47u2dmu1] { display:grid; place-items:center; width:1.65rem; height:1.65rem; border-radius:.55rem; background:#f5efdf; color:#886e39; font-size:.8rem; font-weight:800; }.outflow-row strong[b-wa47u2dmu1] { color:#315568; font-size:.83rem; line-height:1.8; overflow-wrap:anywhere; }.outflow-row > b[b-wa47u2dmu1] { padding-top:.15rem; color:#395f63; font-size:.83rem; font-variant-numeric:tabular-nums; }.outflow-caption[b-wa47u2dmu1] { display:flex; flex-wrap:wrap; gap:.5rem; margin:.4rem 0; color:#607782; font-size:.66rem; }.outflow-caption .sensitive[b-wa47u2dmu1] { color:#975438; }.outflow-meter[b-wa47u2dmu1] { height:4px; border-radius:5px; background:#f1ede3; }.outflow-meter i[b-wa47u2dmu1] { display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,#ecdbb4,#c3a155); } .outflow-empty[b-wa47u2dmu1] { display:flex; align-items:center; justify-content:center; gap:.7rem; padding:2rem 0; font-size:.8rem; color:#4d6c79; line-height:1.9; }.outflow-empty[b-wa47u2dmu1] svg { width:2rem; height:2rem; flex-shrink:0; } .stock-watch[b-wa47u2dmu1] { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-top:1rem; }.stock-watch > div[b-wa47u2dmu1] { display:grid; gap:.15rem; padding:.75rem; border-radius:.8rem; background:#f3f6f6; }.stock-watch strong[b-wa47u2dmu1] { color:#486a6c; font-size:1.45rem; }.stock-watch span[b-wa47u2dmu1] { color:#4c6877; font-size:.68rem; line-height:1.8; }.stock-watch .negative-stock[b-wa47u2dmu1] { background:#faf0f1; }.negative-stock strong[b-wa47u2dmu1] { color:#aa3d50; } @media(max-width:900px) { .watchlist-grid[b-wa47u2dmu1] { grid-template-columns:1fr; } } @media(max-width:500px) { .capital-card[b-wa47u2dmu1],.outflow-card[b-wa47u2dmu1] { padding:1rem; }.outflow-row[b-wa47u2dmu1] { grid-template-columns:1.5rem minmax(0,1fr); }.outflow-row > b[b-wa47u2dmu1] { grid-column:2; }.capital-amount strong[b-wa47u2dmu1] { font-size:1.15rem; } } /* /Components/Common/InventoryMovementManagementPanel.razor.rz.scp.css */ .movement-management[b-yqdbnwqkho]{padding:1rem;border:1px solid var(--aria-line);border-radius:1rem;background:var(--aria-surface,#fff);color:var(--aria-ink-900);min-width:0} .management-heading[b-yqdbnwqkho]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.management-heading h3[b-yqdbnwqkho]{margin:0 0 .4rem}.management-heading p[b-yqdbnwqkho],.correction-editor p[b-yqdbnwqkho],.history-empty[b-yqdbnwqkho]{color:var(--aria-ink-600);line-height:1.9;margin:.4rem 0} .correction-editor[b-yqdbnwqkho]{border:0;padding:0;margin:1.2rem 0;min-width:0}.correction-editor legend[b-yqdbnwqkho]{font-weight:700}.correction-inputs[b-yqdbnwqkho]{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:1rem}.correction-editor textarea[b-yqdbnwqkho]{min-height:88px;resize:vertical}.correction-actions[b-yqdbnwqkho]{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.8rem}.source-editor>button[b-yqdbnwqkho]{margin-top:.8rem} .workflow-notice[b-yqdbnwqkho]{padding:.85rem;background:var(--aria-bg,#f4f7fa);border-radius:.7rem;line-height:1.9}.source-link[b-yqdbnwqkho]{display:inline-flex;align-items:center;gap:.7rem;font-weight:700;margin:.3rem 0 1rem;color:var(--aria-primary,#116b60)} .correction-preview[b-yqdbnwqkho]{border:1px solid #85b6a8;border-radius:.8rem;padding:1rem;background:#f7fbf9;margin-top:.8rem;line-height:1.9}.correction-preview h4[b-yqdbnwqkho]{margin:0}.impact-row[b-yqdbnwqkho]{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;padding:.65rem 0;border-bottom:1px solid var(--aria-line)}.correction-confirm[b-yqdbnwqkho]{display:flex;align-items:flex-start;gap:.65rem;margin:1rem 0}.correction-confirm input[b-yqdbnwqkho]{width:20px;height:20px;flex-shrink:0;margin-top:.3rem} .source-lines[b-yqdbnwqkho]{list-style:none;padding:0;margin:0}.source-lines li[b-yqdbnwqkho]{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--aria-line)}.source-lines span[b-yqdbnwqkho]{overflow-wrap:anywhere}.source-lines strong[b-yqdbnwqkho]{flex-shrink:0} .movement-history-details[b-yqdbnwqkho]{margin-top:1rem;border-top:1px solid var(--aria-line);padding-top:.8rem}.movement-history-details summary[b-yqdbnwqkho]{cursor:pointer;font-weight:600;line-height:1.9}.correction-timeline[b-yqdbnwqkho]{padding-inline-start:1.4rem}.correction-timeline li[b-yqdbnwqkho]{padding:.8rem;border-inline-start:3px solid #208b77;margin:.6rem 0;background:var(--aria-bg,#f4f7fa);border-radius:.7rem;overflow-wrap:anywhere}.correction-timeline time[b-yqdbnwqkho],.correction-timeline small[b-yqdbnwqkho]{display:block;color:var(--aria-ink-600);margin-top:.35rem}.correction-timeline p[b-yqdbnwqkho]{margin:.45rem 0} @media(max-width:760px){.movement-management[b-yqdbnwqkho]{padding:.8rem}.management-heading[b-yqdbnwqkho]{flex-direction:column}.correction-inputs[b-yqdbnwqkho]{grid-template-columns:1fr}.correction-actions button[b-yqdbnwqkho]{flex:1 1 100%}.impact-row[b-yqdbnwqkho]{flex-direction:column}.source-lines li[b-yqdbnwqkho]{gap:.5rem}.source-lines strong[b-yqdbnwqkho]{flex-shrink:1}} /* /Components/Common/InventoryRequestDocument.razor.rz.scp.css */ .inventory-request-document[b-rlrk4iem8y] { max-width: 210mm; min-width: 0; margin: auto; padding: 1.2rem; background: white; color: #111; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; } header[b-rlrk4iem8y] { text-align: center; border-bottom: 2px solid #333; padding-bottom: .7rem; } h2[b-rlrk4iem8y], h3[b-rlrk4iem8y] { margin: .25rem 0; color: #111; } .request-print-notice[b-rlrk4iem8y] { padding: .6rem; border: 1px solid #555; font-weight: 600; } dl[b-rlrk4iem8y] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #777; } dl div[b-rlrk4iem8y] { padding: .4rem .6rem; border-bottom: 1px solid #aaa; } dt[b-rlrk4iem8y] { font-weight: 700; } dd[b-rlrk4iem8y] { margin: 0; } table[b-rlrk4iem8y] { width: 100%; border-collapse: collapse; table-layout: fixed; } th[b-rlrk4iem8y], td[b-rlrk4iem8y] { padding: .45rem; border: 1px solid #555; text-align: right; vertical-align: top; white-space: normal; } th[b-rlrk4iem8y] { background: #eee; } th:first-child[b-rlrk4iem8y] { width: 7%; } th:nth-child(2)[b-rlrk4iem8y] { width: 29%; } th:nth-child(3)[b-rlrk4iem8y], th:nth-child(4)[b-rlrk4iem8y] { width: 17%; } small[b-rlrk4iem8y] { display: block; color: #222; font-size: inherit; } footer[b-rlrk4iem8y] { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.2rem; } footer p[b-rlrk4iem8y] { flex: 1 1 40%; } footer small[b-rlrk4iem8y] { flex-basis: 100%; text-align: center; } @media (max-width: 560px) { .inventory-request-document[b-rlrk4iem8y] { padding: .5rem; font-size: 10px; } dl[b-rlrk4iem8y] { grid-template-columns: 1fr; } th[b-rlrk4iem8y], td[b-rlrk4iem8y] { padding: .2rem; } } @media print { .inventory-request-document[b-rlrk4iem8y] { width: auto; max-width: none; padding: 0; font-size: 10pt; box-shadow: none; } thead[b-rlrk4iem8y] { display: table-header-group; } tr[b-rlrk4iem8y] { break-inside: avoid; } header[b-rlrk4iem8y], footer[b-rlrk4iem8y] { break-inside: avoid; } } /* /Components/Common/MoneyInput.razor.rz.scp.css */ input[b-r0hejnu7b9] { direction: ltr; text-align: right; font-variant-numeric: tabular-nums; } /* /Components/Common/PayrollConsumptionInvoice.razor.rz.scp.css */ .consumption-slip[b-s5qddu563n]{color:#183c32;background:#fff;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.consumption-slip header[b-s5qddu563n]{display:flex;justify-content:space-between;gap:12px;align-items:start;border-bottom:2px solid #286750;padding-bottom:15px}.consumption-slip h3[b-s5qddu563n]{font-size:16px;direction:ltr;text-align:right;margin:7px 0}.consumption-slip p[b-s5qddu563n]{margin:5px 0}.consumption-slip header>span[b-s5qddu563n]{background:#edf5ef;border-radius:7px;padding:5px 9px;font-size:10px;flex-shrink:0}.consumption-slip table[b-s5qddu563n]{width:100%;border-collapse:collapse;table-layout:fixed;margin:16px 0}.consumption-slip th[b-s5qddu563n]{text-align:right;font-size:10px;background:#f1f6f2;padding:10px 7px}.consumption-slip th:first-child[b-s5qddu563n]{width:43%}.consumption-slip td[b-s5qddu563n]{padding:13px 7px;border-bottom:1px solid #e1eae4;vertical-align:top;font-variant-numeric:tabular-nums}.consumption-slip td small[b-s5qddu563n]{display:block;font-size:10px;color:#60786b}.consumption-slip dl[b-s5qddu563n]{margin:20px 0}.consumption-slip dl>div[b-s5qddu563n]{display:flex;justify-content:space-between;gap:12px;padding:7px 10px}.consumption-slip dd[b-s5qddu563n]{margin:0;font-weight:650;font-variant-numeric:tabular-nums}.consumption-slip .primary[b-s5qddu563n]{background:#edf5ef;border-radius:8px;margin:5px 0}.slip-note[b-s5qddu563n]{font-size:10px;color:#61776a}.consumption-slip thead[b-s5qddu563n]{display:table-header-group}.consumption-slip tr[b-s5qddu563n],.consumption-slip dl>div[b-s5qddu563n]{break-inside:avoid}@media(max-width:480px){.consumption-slip[b-s5qddu563n]{font-size:10px}.consumption-slip th[b-s5qddu563n],.consumption-slip td[b-s5qddu563n]{padding:9px 4px}.consumption-slip header[b-s5qddu563n]{flex-wrap:wrap}.consumption-slip td small[b-s5qddu563n]{font-size:9px}.consumption-slip h3[b-s5qddu563n]{font-size:12px}.consumption-slip th:first-child[b-s5qddu563n]{width:38%}}@media print{.consumption-slip[b-s5qddu563n]{font-size:11px}.consumption-slip header[b-s5qddu563n]{break-inside:avoid}.consumption-slip th[b-s5qddu563n]{print-color-adjust:exact}} /* /Components/Common/PersianDateField.razor.rz.scp.css */ .persian-date-field[b-0shllxchs4] { display:grid; grid-template-columns:1.15fr 1.35fr .8fr; gap:.4rem; direction:rtl; } .persian-date-field select[b-0shllxchs4] { min-width:0; } .persian-year-return[b-0shllxchs4] { grid-column:1/-1;justify-self:start;min-height:44px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-soft);color:var(--brand-strong);font:inherit;font-size:.8rem;cursor:pointer; } .persian-date-field select:focus-visible[b-0shllxchs4],.persian-year-return:focus-visible[b-0shllxchs4] { outline:3px solid var(--brand);outline-offset:2px; } @media (max-width:520px) { .persian-date-field[b-0shllxchs4] { grid-template-columns:1fr 1fr 1fr; } } /* /Components/Common/PersonnelConsumptionInvoiceDetail.razor.rz.scp.css */ .personnel-invoice-card[b-xddtaj2tin] { min-width: 0; overflow: hidden; border: 1px solid #dbe5ea; border-radius: 1rem; background: #fff; } .personnel-invoice-heading[b-xddtaj2tin] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .7rem; padding: .9rem 1rem; background: #f7fafb; border-bottom: 1px solid #e3eaee; } .personnel-invoice-heading h3[b-xddtaj2tin] { margin: .15rem 0; font-size: .94rem; } .personnel-invoice-heading p[b-xddtaj2tin] { margin: .2rem 0 0; color: #61788b; font-size: .74rem; } .personnel-invoice-values[b-xddtaj2tin] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; padding: .8rem 1rem; margin: 0; } .personnel-invoice-values div[b-xddtaj2tin] { min-width: 0; } .personnel-invoice-values dt[b-xddtaj2tin] { color: #61788b; font-size: .7rem; } .personnel-invoice-values dd[b-xddtaj2tin] { margin: .25rem 0 0; font-size: .81rem; font-weight: 800; overflow-wrap: anywhere; } .personnel-invoice-details[b-xddtaj2tin] { padding: 0 1rem .65rem; } .personnel-invoice-details summary[b-xddtaj2tin] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem; padding: .75rem 0; color: #185b76; border-top: 1px dashed #d9e4e9; font-size: .75rem; font-weight: 800; cursor: pointer; } .personnel-invoice-details summary[b-xddtaj2tin]::after { content: "⌄"; } .personnel-invoice-details[open] summary[b-xddtaj2tin]::after { transform: rotate(180deg); } .personnel-invoice-details h4[b-xddtaj2tin] { margin: 1rem 0 .5rem; color: #203f55; font-size: .82rem; } .personnel-history-note[b-xddtaj2tin] { margin: .45rem 0 .7rem; padding: .6rem .75rem; color: #4c6375; background: #f5f8fa; border-radius: .6rem; font-size: .71rem; line-height: 1.9; } .personnel-invoice-adjustments[b-xddtaj2tin] { display: flex; flex-wrap: wrap; gap: .4rem 1rem; padding: .7rem 0; color: #5d7485; font-size: .7rem; } .personnel-return-event[b-xddtaj2tin] { padding: .7rem; margin-block: .45rem; background: #fff9ec; border: 1px solid #eddfba; border-radius: .7rem; } .personnel-return-event header[b-xddtaj2tin] { display: flex; flex-wrap: wrap; gap: .3rem 1rem; justify-content: space-between; font-size: .75rem; } .personnel-return-event p[b-xddtaj2tin] { margin: .4rem 0 0; font-size: .7rem; line-height: 1.85; overflow-wrap: anywhere; } summary:focus-visible[b-xddtaj2tin] { outline: 3px solid #d1ae59; outline-offset: 3px; border-radius: .35rem; } @media (max-width: 760px) { .personnel-invoice-values[b-xddtaj2tin] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; } .personnel-invoice-heading[b-xddtaj2tin] { padding: .75rem; } .personnel-invoice-details[b-xddtaj2tin] { padding-inline: .75rem; } } @media (max-width: 360px) { .personnel-invoice-values[b-xddtaj2tin] { grid-template-columns: 1fr; } } .personnel-invoice-products[b-xddtaj2tin] { min-width: 0; margin: .4rem 1rem .85rem; border-top: 1px solid #e0e9ed; padding-top: .75rem; } .personnel-products-heading[b-xddtaj2tin] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .4rem; padding-bottom: .65rem; } .personnel-products-heading h4[b-xddtaj2tin] { margin: 0; font-size: .82rem; color: #20485d; } .personnel-products-heading > span[b-xddtaj2tin] { font-size: .68rem; color: #607b8c; } .personnel-invoice-products .row-title[b-xddtaj2tin] { font-size: .83rem; line-height: 1.9; } .personnel-invoice-products .table-scroll[b-xddtaj2tin] { border: 1px solid #e1eaee; border-radius: .65rem; } /* /Components/Common/PersonnelConsumptionStatementPrint.razor.rz.scp.css */ .personnel-statement-document[b-4vfjnyqqo2] { font-family: Vazirmatn, Tahoma, sans-serif; } .personnel-statement-print-table[b-4vfjnyqqo2] { min-width: 45rem; } .personnel-statement-print-table thead th:first-child[b-4vfjnyqqo2] { width: 14%; } .personnel-statement-print-table thead th:nth-child(2)[b-4vfjnyqqo2] { width: 11%; } .personnel-statement-print-table thead th:nth-child(3)[b-4vfjnyqqo2] { width: 11%; } .personnel-statement-print-table thead th:nth-child(4)[b-4vfjnyqqo2] { width: 24%; } .personnel-statement-print-table thead th:nth-child(5)[b-4vfjnyqqo2] { width: 11%; } .personnel-statement-print-table thead th:nth-child(6)[b-4vfjnyqqo2], .personnel-statement-print-table thead th:nth-child(7)[b-4vfjnyqqo2] { width: 14.5%; } .personnel-statement-page-heading th[b-4vfjnyqqo2] { padding: .8rem !important; text-align: right; } .personnel-print-brand[b-4vfjnyqqo2] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .personnel-print-brand h2[b-4vfjnyqqo2] { margin: .2rem 0; font-size: 1.2rem; } .personnel-print-brand small[b-4vfjnyqqo2], .personnel-print-brand > span[b-4vfjnyqqo2] { font-size: .7rem; } .personnel-print-person[b-4vfjnyqqo2] { display: flex; flex-wrap: wrap; gap: .4rem 1.3rem; margin: .5rem 0; font-size: .83rem; } .personnel-statement-page-heading p[b-4vfjnyqqo2] { margin: .3rem 0; font-weight: 500; font-size: .7rem; } .personnel-print-invoice-summary[b-4vfjnyqqo2], .personnel-print-invoice-balance[b-4vfjnyqqo2] { background: #f5f8fa; font-weight: 800; } .personnel-print-event td[b-4vfjnyqqo2] { font-size: .65rem; } .personnel-print-return-line td[b-4vfjnyqqo2] { font-size: .65rem; color: #796025; } .personnel-print-final-totals[b-4vfjnyqqo2] { margin-top: 1rem; } .personnel-statement-print-table .personnel-print-final-totals-row > tr > td[b-4vfjnyqqo2] { padding: 0; border: 0; } .personnel-print-final-totals h3[b-4vfjnyqqo2] { margin: 0; font-size: .94rem; } .personnel-print-collectible[b-4vfjnyqqo2] { background: #edf5f6; } @media print { .personnel-statement-document[b-4vfjnyqqo2] { font-family: Vazirmatn, Tahoma, sans-serif !important; } .personnel-statement-print-table[b-4vfjnyqqo2] { width: 100% !important; min-width: 0 !important; } .personnel-statement-print-table thead[b-4vfjnyqqo2] { display: table-header-group !important; } .personnel-statement-print-table tbody[b-4vfjnyqqo2] { display: table-row-group !important; } .personnel-statement-print-table tr[b-4vfjnyqqo2] { break-inside: avoid !important; page-break-inside: avoid !important; } .personnel-statement-print-table th[b-4vfjnyqqo2], .personnel-statement-print-table td[b-4vfjnyqqo2] { white-space: normal !important; overflow-wrap: anywhere !important; } .personnel-statement-page-heading th[b-4vfjnyqqo2] { padding: 3mm !important; } .personnel-print-brand[b-4vfjnyqqo2] { flex-direction: row !important; } .personnel-print-brand h2[b-4vfjnyqqo2] { font-size: 14pt !important; } .personnel-print-person[b-4vfjnyqqo2] { font-size: 9pt !important; } .personnel-statement-page-heading p[b-4vfjnyqqo2] { font-size: 7.5pt !important; } .personnel-print-final-totals[b-4vfjnyqqo2] { break-inside: avoid !important; page-break-inside: avoid !important; } .personnel-statement-print-table .personnel-print-final-totals-row > tr > td[b-4vfjnyqqo2] { padding: 0 !important; border: 0 !important; } .personnel-print-final-totals h3[b-4vfjnyqqo2] { break-after: avoid !important; font-size: 10pt !important; } } /* /Components/Common/PersonnelConsumptionSummaryPrint.razor.rz.scp.css */ .personnel-summary-document[b-clgohz8pai] { color: #163345; background: #fff; } .personnel-summary-brand[b-clgohz8pai] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .7rem; border-bottom: 2px solid #244d61; } .personnel-summary-brand span[b-clgohz8pai] { font-size: 10pt; color: #526675; } .personnel-summary-brand h2[b-clgohz8pai] { margin: 0; font-size: 18pt; } .personnel-summary-print-table[b-clgohz8pai] { width: 100%; table-layout: fixed; border-collapse: collapse; } .personnel-summary-print-table th[b-clgohz8pai], .personnel-summary-print-table td[b-clgohz8pai] { padding: 3mm 4mm; border-bottom: 1px solid #d8e1e5; text-align: right; overflow-wrap: anywhere; } .personnel-summary-print-table thead[b-clgohz8pai] { display: table-header-group; } .personnel-summary-print-table thead tr:first-child th[b-clgohz8pai] { background: #fff; font-weight: normal; } .personnel-summary-print-table thead p[b-clgohz8pai] { margin: 2mm 0; color: #526675; font-size: 9pt; } .personnel-summary-print-table thead tr:last-child th[b-clgohz8pai] { background: #edf3f5; color: #163345; } .personnel-summary-print-table td:last-child[b-clgohz8pai] { font-variant-numeric: tabular-nums; } .personnel-summary-row[b-clgohz8pai] { break-inside: avoid; page-break-inside: avoid; } .personnel-summary-final[b-clgohz8pai] { break-inside: avoid; page-break-inside: avoid; } .personnel-summary-final tr:first-child td[b-clgohz8pai] { font-weight: 800; border-top: 2px solid #244d61; background: #edf3f5; } .personnel-summary-final p[b-clgohz8pai] { margin: 0; line-height: 1.9; font-size: 9pt; font-weight: normal; color: #526675; } @media print { .personnel-summary-document .financial-print-table th[b-clgohz8pai], .personnel-summary-document .financial-print-table td[b-clgohz8pai] { padding: 2.2mm 3mm !important; font-size: 10pt !important; line-height: 1.65 !important; } } /* /Components/Common/PoolInvoiceAmendEditor.razor.rz.scp.css */ .pool-amend-modal[b-24r2q3lxxa] { display:flex; flex-direction:column; max-height:92dvh; } .pool-amend-modal .modal-body[b-24r2q3lxxa] { overflow:auto; min-height:0; } .pool-amend-modal fieldset[b-24r2q3lxxa] { min-width:0; border:0; padding:0; } .pool-amend-lines[b-24r2q3lxxa] { display:grid; gap:.8rem; margin-bottom:1rem; } .pool-amend-line[b-24r2q3lxxa] { padding:1rem; border:1px solid var(--border-color,#dbe3ee); border-radius:12px; } .pool-amend-line-head[b-24r2q3lxxa] { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; justify-content:space-between; margin-bottom:.75rem; } .pool-amend-line-head strong[b-24r2q3lxxa] { overflow-wrap:anywhere; } .pool-amend-line.removed .form-grid[b-24r2q3lxxa] { opacity:.6; } .pool-amend-line-total[b-24r2q3lxxa] { margin:.65rem 0 0; font-weight:600; overflow-wrap:anywhere; } .pool-amend-total[b-24r2q3lxxa] { font-size:1.15rem; font-weight:700; margin-top:1rem; } .pool-amend-actions[b-24r2q3lxxa] { flex-shrink:0; margin:0; padding:1rem; border-top:1px solid var(--border-color,#dbe3ee); } @media(max-width:540px) { .pool-amend-line[b-24r2q3lxxa] { padding:.75rem; } .pool-amend-line .form-grid[b-24r2q3lxxa] { grid-template-columns:1fr; } .pool-amend-actions button[b-24r2q3lxxa] { flex:1 1 9rem; min-height:44px; } } /* /Components/Common/PoolShiftHandoffReport.razor.rz.scp.css */ .pool-handoff-print[b-nj224a663f]{direction:rtl}.pool-handoff-print p[b-nj224a663f]{line-height:1.8}.pool-handoff-print small[b-nj224a663f]{line-height:1.65}.pool-handoff-print .financial-print-table td[b-nj224a663f]{vertical-align:top;overflow-wrap:anywhere}.pool-handoff-print .financial-print-footer[b-nj224a663f]{display:grid;gap:.45rem;overflow-wrap:anywhere}.pool-handoff-print .financial-print-footer small[b-nj224a663f]{color:#617785} @media print{.pool-handoff-print .financial-print-section[b-nj224a663f]{break-inside:auto}.pool-handoff-print .financial-print-table thead[b-nj224a663f]{display:table-header-group}.pool-handoff-print .financial-print-table tr[b-nj224a663f]{break-inside:avoid}.pool-handoff-print .financial-print-section h3[b-nj224a663f]{break-after:avoid}} /* /Components/Common/PoolShiftSourceSummary.razor.rz.scp.css */ .pool-source-summary[b-pcxcgid3hh]{display:grid;gap:.6rem;min-width:180px;max-width:360px}.pool-source-summary article[b-pcxcgid3hh]{padding:.55rem;border:1px solid #dce7eb;border-radius:9px;overflow-wrap:anywhere}.pool-source-summary strong[b-pcxcgid3hh],.pool-source-summary small[b-pcxcgid3hh]{display:block;white-space:normal;line-height:1.8;font-size:.8rem} @media(max-width:600px){.pool-source-summary[b-pcxcgid3hh]{min-width:0;max-width:none;width:100%}} /* /Components/Common/PoolShiftStrip.razor.rz.scp.css */ .smart-shift-strip[b-98bojz7lrg]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.15rem;margin:.85rem 0;border:1px solid #c8dedc;border-radius:18px;background:linear-gradient(120deg,#f8fcfc,#eaf6f4);direction:rtl} .smart-shift-copy[b-98bojz7lrg]{display:grid;gap:.4rem;min-width:0;flex:1 1 290px}.smart-shift-copy strong[b-98bojz7lrg]{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;font-size:1.05rem;color:#173b48}.smart-shift-copy small[b-98bojz7lrg]{line-height:1.9;color:#536d79;overflow-wrap:anywhere}.smart-shift-copy .danger-text[b-98bojz7lrg]{color:#a33030}.smart-shift-actions[b-98bojz7lrg]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.smart-shift-actions>*[b-98bojz7lrg]{min-height:40px}.smart-shift-notice[b-98bojz7lrg]{flex-basis:100%;color:#89620a;line-height:1.8} @media(max-width:600px){.smart-shift-strip[b-98bojz7lrg]{padding:.9rem;gap:.8rem}.smart-shift-actions[b-98bojz7lrg]{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.smart-shift-actions>*[b-98bojz7lrg]{justify-content:center;white-space:normal;text-align:center;padding:.55rem .6rem}} /* /Components/Common/RequestDetailPanel.razor.rz.scp.css */ .request-detail-panel[b-21pl9dl8bt]{position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 130px);overflow:auto;padding:1rem;border:1px solid #315071;border-radius:18px;background:#0f1d31;box-shadow:0 18px 45px rgba(3,11,22,.25)}.detail-empty[b-21pl9dl8bt]{display:grid;place-items:center;min-height:380px;text-align:center;color:#8fa3ba}.detail-empty svg[b-21pl9dl8bt]{width:2.4rem;height:2.4rem;color:#d4aa4a}.detail-empty strong[b-21pl9dl8bt]{margin-top:.8rem;color:#dce6f2}.detail-empty p[b-21pl9dl8bt]{max-width:260px;line-height:1.8;font-size:.72rem}.request-detail-panel header[b-21pl9dl8bt]{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding-bottom:.85rem;border-bottom:1px solid #2b4562}.request-detail-panel header span[b-21pl9dl8bt]{color:#8da1b9;font-size:.67rem}.request-detail-panel h2[b-21pl9dl8bt]{margin:.25rem 0 0;font-size:1.15rem}.detail-state[b-21pl9dl8bt]{display:inline-flex;padding:.38rem .6rem;border-radius:999px;white-space:nowrap;font-weight:800}.state-1[b-21pl9dl8bt]{background:rgba(191,145,47,.2);color:#f1cc72}.state-2[b-21pl9dl8bt]{background:rgba(43,126,95,.25);color:#8de0bd}.state-3[b-21pl9dl8bt]{background:rgba(151,53,68,.25);color:#ff9aa6}.state-4[b-21pl9dl8bt]{background:rgba(95,111,132,.25);color:#b8c5d3}.request-detail-panel dl[b-21pl9dl8bt]{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0}.request-detail-panel dl div[b-21pl9dl8bt]{padding:.65rem;border:1px solid #2c4868;border-radius:11px;background:#132640}.request-detail-panel dt[b-21pl9dl8bt]{color:#8298b0;font-size:.62rem}.request-detail-panel dd[b-21pl9dl8bt]{margin:.3rem 0 0;font-size:.75rem;font-weight:700}.detail-note[b-21pl9dl8bt],.review-result[b-21pl9dl8bt]{padding:.75rem;border-radius:11px;background:#142842}.detail-note p[b-21pl9dl8bt],.review-result p[b-21pl9dl8bt],.review-result span[b-21pl9dl8bt]{display:block;margin:.35rem 0 0;color:#aebed0;font-size:.69rem;line-height:1.7}.detail-items[b-21pl9dl8bt]{margin-top:.85rem}.detail-items h3[b-21pl9dl8bt]{margin:0 0 .55rem;font-size:.83rem}.detail-items article[b-21pl9dl8bt]{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.7rem 0;border-bottom:1px solid #263f5d}.detail-items article strong[b-21pl9dl8bt],.detail-items article small[b-21pl9dl8bt]{display:block}.detail-items article small[b-21pl9dl8bt]{margin-top:.25rem;color:#849ab2;font-size:.62rem}.detail-items article b[b-21pl9dl8bt]{color:#f0ca70;font-size:.78rem}.detail-items article p[b-21pl9dl8bt]{grid-column:1/-1;margin:0;color:#aab8c8;font-size:.66rem}.review-result[b-21pl9dl8bt]{margin-top:.85rem;border:1px solid #355474}.decision-box[b-21pl9dl8bt]{margin-top:.9rem;padding-top:.9rem;border-top:1px solid #2b4562}.decision-box label[b-21pl9dl8bt]{display:block;margin-bottom:.4rem;color:#aebed1;font-size:.7rem}.decision-box textarea[b-21pl9dl8bt]{width:100%;padding:.7rem;border:1px solid #355474;border-radius:11px;color:#edf3fa;background:#142842;font-family:inherit;resize:vertical}.decision-actions[b-21pl9dl8bt]{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.6rem}.decision-actions button[b-21pl9dl8bt],.cancel-button[b-21pl9dl8bt]{height:2.6rem;border:0;border-radius:11px;font-family:inherit;font-weight:800;cursor:pointer}.reject-button[b-21pl9dl8bt],.cancel-button[b-21pl9dl8bt]{color:#fff;background:#8a3442}.approve-button[b-21pl9dl8bt]{color:#142033;background:#d7ad50}.cancel-button[b-21pl9dl8bt]{width:100%;margin-top:.9rem}.decision-actions button:disabled[b-21pl9dl8bt],.cancel-button:disabled[b-21pl9dl8bt]{opacity:.5;cursor:not-allowed}@media(max-width:980px){.request-detail-panel[b-21pl9dl8bt]{position:static;max-height:none}} /* /Components/Common/RequestRows.razor.rz.scp.css */ .request-rows-scroll[b-7esk0pokdt]{overflow:auto;max-height:calc(100vh - 310px);min-height:430px}.request-rows-table[b-7esk0pokdt]{width:100%;min-width:860px;border-collapse:separate;border-spacing:0}.request-rows-table th[b-7esk0pokdt]{position:sticky;top:0;z-index:2;padding:.8rem;text-align:right;color:#9fb2ca;background:#142842;border-bottom:1px solid #355474;font-size:.72rem}.request-rows-table td[b-7esk0pokdt]{padding:.82rem;border-bottom:1px solid rgba(65,91,121,.42);vertical-align:middle;font-size:.77rem;cursor:pointer}.request-rows-table tr:hover td[b-7esk0pokdt],.request-rows-table tr.selected td[b-7esk0pokdt]{background:rgba(44,79,116,.45)}.request-rows-table strong[b-7esk0pokdt],.request-rows-table small[b-7esk0pokdt]{display:block}.request-rows-table small[b-7esk0pokdt]{margin-top:.25rem;color:#91a5bd;font-size:.66rem;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-state[b-7esk0pokdt]{display:inline-flex;padding:.36rem .6rem;border-radius:999px;white-space:nowrap;font-size:.68rem;font-weight:800}.state-1[b-7esk0pokdt]{background:rgba(191,145,47,.2);color:#f1cc72}.state-2[b-7esk0pokdt]{background:rgba(43,126,95,.25);color:#8de0bd}.state-3[b-7esk0pokdt]{background:rgba(151,53,68,.25);color:#ff9aa6}.state-4[b-7esk0pokdt]{background:rgba(95,111,132,.25);color:#b8c5d3}@media(max-width:760px){.request-rows-scroll[b-7esk0pokdt]{overflow:visible;min-height:0}.request-rows-table[b-7esk0pokdt]{display:block;min-width:0}.request-rows-table thead[b-7esk0pokdt]{display:none}.request-rows-table tbody[b-7esk0pokdt]{display:grid;gap:.7rem}.request-rows-table tr[b-7esk0pokdt]{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:.85rem;border:1px solid #2d4969;border-radius:15px;background:#101f35}.request-rows-table td[b-7esk0pokdt]{display:flex;flex-direction:column;gap:.2rem;padding:0;border:0}.request-rows-table td[b-7esk0pokdt]::before{content:attr(data-label);color:#8197af;font-size:.62rem}.request-rows-table td:first-child[b-7esk0pokdt]{grid-column:1/-1}.request-rows-table small[b-7esk0pokdt]{max-width:none;white-space:normal}} .request-cards[b-7esk0pokdt]{display:grid;gap:.7rem;max-height:65vh;overflow:auto;padding:.15rem} .request-card-button[b-7esk0pokdt]{display:grid;gap:.4rem;text-align:right;width:100%;padding:1rem;border:1px solid #35516f;border-radius:12px;background:#12243b;color:#e8f0fa;font:inherit;cursor:pointer;overflow-wrap:anywhere} .request-card-button strong[b-7esk0pokdt]{font-size:.9rem}.request-card-button small[b-7esk0pokdt]{color:#afc1d4}.request-card-button .request-state[b-7esk0pokdt]{justify-self:start} .request-card-button.selected[b-7esk0pokdt]{background:#203a57;border-color:#d9b461;box-shadow:inset -3px 0 #d9b461}.request-card-button:hover[b-7esk0pokdt]{border-color:#e4c57f}.request-card-button:focus-visible[b-7esk0pokdt]{outline:3px solid #e4c57f;outline-offset:1px}.request-card-button:disabled[b-7esk0pokdt]{cursor:wait;opacity:.65} /* /Components/Common/SalesInvoiceReadOnlyPreview.razor.rz.scp.css */ .invoice-readonly-preview[b-jss13zlck9]{display:grid;gap:.8rem;margin-top:1rem;padding:1rem;border:1px solid rgba(93,130,166,.3);border-radius:16px;background:linear-gradient(145deg,#102039,#0c192c);color:#edf4fb;direction:rtl} .invoice-readonly-preview header[b-jss13zlck9]{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.invoice-readonly-preview header span:first-child[b-jss13zlck9]{color:#e7c86f;font-size:.7rem;font-weight:850}.invoice-readonly-preview h3[b-jss13zlck9]{margin:.18rem 0;font-size:1.08rem}.invoice-readonly-preview header p[b-jss13zlck9]{margin:0;color:#9fb3c8;font-size:.7rem}.invoice-status[b-jss13zlck9]{padding:.35rem .58rem;border:1px solid rgba(100,214,170,.32);border-radius:999px;background:rgba(28,124,89,.2);color:#8fe0bd;font-size:.68rem;font-weight:850;white-space:nowrap} .invoice-facts[b-jss13zlck9]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0}.invoice-facts div[b-jss13zlck9],.invoice-items article[b-jss13zlck9],.payment-list article[b-jss13zlck9]{border:1px solid rgba(91,128,166,.23);border-radius:11px;background:rgba(20,42,68,.78)}.invoice-facts div[b-jss13zlck9]{padding:.55rem}.invoice-facts dt[b-jss13zlck9],.invoice-items dt[b-jss13zlck9]{color:#91a8be;font-size:.62rem}.invoice-facts dd[b-jss13zlck9],.invoice-items dd[b-jss13zlck9]{margin:.16rem 0 0;font-size:.74rem;font-weight:800}.accent[b-jss13zlck9]{color:#f2d27e!important} .invoice-note[b-jss13zlck9]{padding:.7rem;border:1px solid rgba(224,177,74,.25);border-radius:11px;background:rgba(104,76,22,.16)}.invoice-note p[b-jss13zlck9]{margin:.18rem 0;color:#d9e3ed;font-size:.7rem;line-height:1.7}.preview-section-heading[b-jss13zlck9]{display:flex;align-items:center;justify-content:space-between;margin-top:.2rem}.preview-section-heading h4[b-jss13zlck9]{margin:0;font-size:.84rem}.preview-section-heading span[b-jss13zlck9]{color:#9fb3c8;font-size:.65rem} .invoice-items[b-jss13zlck9]{display:grid;gap:.45rem}.invoice-items article[b-jss13zlck9]{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(0,2fr);gap:.65rem;padding:.65rem}.line-main[b-jss13zlck9]{display:grid;align-content:start;gap:.16rem}.line-main strong[b-jss13zlck9]{font-size:.77rem}.line-main small[b-jss13zlck9]{color:#9fb3c8;font-size:.62rem}.line-main .pricing-audit[b-jss13zlck9]{color:#e5ca84}.invoice-items dl[b-jss13zlck9]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:0}.invoice-items dl div[b-jss13zlck9]{padding:.35rem;border-radius:8px;background:rgba(12,27,47,.62)} .payment-list[b-jss13zlck9]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.payment-list article[b-jss13zlck9]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.62rem}.payment-list article>div[b-jss13zlck9]{display:grid;gap:.12rem}.payment-list article>div:last-child[b-jss13zlck9]{text-align:left}.payment-list strong[b-jss13zlck9]{font-size:.72rem}.payment-list small[b-jss13zlck9],.empty-payment[b-jss13zlck9]{color:#9fb3c8;font-size:.62rem}.empty-payment[b-jss13zlck9]{margin:0;padding:.65rem;border:1px dashed rgba(102,139,175,.3);border-radius:10px;text-align:center} @media(max-width:700px){.invoice-readonly-preview[b-jss13zlck9]{padding:.72rem}.invoice-facts[b-jss13zlck9]{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-items article[b-jss13zlck9]{grid-template-columns:1fr}.invoice-items dl[b-jss13zlck9]{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-list[b-jss13zlck9]{grid-template-columns:1fr}} /* /Components/Common/SplitPaymentEditor.razor.rz.scp.css */ .split-payment[b-75m0s89734] { display: grid; gap: 1rem; min-width: 0; text-align: right; color: #16334c; background: #fff; padding: 1rem; border: 1px solid #d5e0e8; border-radius: 16px; } .split-heading[b-75m0s89734] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; } .split-heading h3[b-75m0s89734] { margin: 0 0 .35rem; font-size: 1.05rem; color: #16334c; } .split-heading p[b-75m0s89734], .split-footer small[b-75m0s89734] { margin: 0; opacity: .75; font-size: .8rem; } .payment-mode[b-75m0s89734] { display: grid; gap: .5rem; } .payment-mode label[b-75m0s89734] { font-size: .85rem; font-weight: 700; color: #16334c; } .payment-mode-select[b-75m0s89734] { min-height: 46px; border: 1px solid #aabfca; border-radius: 10px; padding: .55rem .75rem; color: #16334c; background: #f5f9fb; font: inherit; width: 100%; } .payment-mode-select:focus-visible[b-75m0s89734] { outline: 3px solid #36968c50; outline-offset: 2px; } .is-multiple .split-part[b-75m0s89734] { border-inline-start: 3px solid #3b8d86; background: #fafcfd; } .split-fill[b-75m0s89734] { font-size: .75rem; min-height: 32px; padding: .25rem .5rem; margin-top: .3rem; color: #17685f; } .split-notes[b-75m0s89734] { margin-top: .6rem; font-size: .8rem; } .split-notes summary[b-75m0s89734] { cursor: pointer; padding: .35rem 0; } .split-notes input[b-75m0s89734] { width: 100%; box-sizing: border-box; } .split-totals[b-75m0s89734] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; padding: 1rem; border: 1px solid #71809640; background: #7180960c; border-radius: 14px; } .split-totals div[b-75m0s89734] { display: grid; gap: .4rem; } .split-totals span[b-75m0s89734] { font-size: .75rem; opacity: .8; } .split-totals strong[b-75m0s89734] { font-size: 1rem; overflow-wrap: anywhere; } .split-part[b-75m0s89734] { min-width: 0; position: relative; margin: 0; padding: .8rem 1rem 1rem; border: 1px solid #71809650; border-radius: 12px; } .split-part legend[b-75m0s89734] { padding: 0 .5rem; font-weight: 600; font-size: .85rem; } .split-fields[b-75m0s89734] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1rem; } .split-fields .field[b-75m0s89734] { min-width: 0; } .receipt-source[b-75m0s89734] { grid-column: 1 / -1; } .receipt-source-warning[b-75m0s89734] { color: #805211; line-height: 1.8; } .receipt-evidence[b-75m0s89734] { display: flex; align-items: center; gap: .6rem; min-height: 44px; line-height: 1.8; cursor: pointer; } .receipt-evidence input[b-75m0s89734] { width: 20px; height: 20px; flex: 0 0 auto; } .split-fields .field label[b-75m0s89734] { color: #435f73; } .split-totals strong[b-75m0s89734] { color: #16334c; } .split-totals .success-text strong[b-75m0s89734] { color: #167849; } .split-totals .danger-text strong[b-75m0s89734] { color: #b42332; } .split-amount[b-75m0s89734] { font-weight: 700; direction: ltr; text-align: right; } .split-remove[b-75m0s89734] { margin-top: .6rem; font-size: .75rem; } .split-remove[b-75m0s89734] svg { width: 14px; height: 14px; } .split-footer[b-75m0s89734] { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; } .split-check-note[b-75m0s89734] { margin: 0; font-size: .8rem; padding: .8rem; background: #d69e2e12; border-radius: 9px; line-height: 1.9; } @media (max-width: 520px) { .split-fields[b-75m0s89734] { grid-template-columns: 1fr; } .split-totals[b-75m0s89734] { grid-template-columns: 1fr; gap: .6rem; } .split-totals div[b-75m0s89734] { display: flex; justify-content: space-between; gap: 1rem; } .split-part[b-75m0s89734] { padding: .7rem; } } /* /Components/Common/WalletHistory.razor.rz.scp.css */ .wallet-history[b-ebe86v0883] { display:grid; gap:1rem; min-width:0; } .wallet-history-footer[b-ebe86v0883] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1rem 0; } .wallet-history-footer > span[b-ebe86v0883] { flex:1 1 18rem; line-height:1.9; } .wallet-history[b-ebe86v0883] td { overflow-wrap:anywhere; } .wallet-history[b-ebe86v0883] .row-subtitle { white-space:normal; } @media(max-width:600px) { .wallet-history-footer .row-actions[b-ebe86v0883] { width:100%; } .wallet-history-footer button[b-ebe86v0883] { flex:1; } } /* /Components/Common/WebNfcScan.razor.rz.scp.css */ .web-nfc-scan[b-lhupf05l8d] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; min-width: 0; max-width: 100%; margin-block: .5rem; } .web-nfc-scan[hidden][b-lhupf05l8d] { display: none; } .web-nfc-scan button[b-lhupf05l8d] { min-height: 44px; max-width: 100%; white-space: normal; } .web-nfc-scan small[b-lhupf05l8d] { flex: 1 1 12rem; overflow-wrap: anywhere; } .web-nfc-scan small:empty[b-lhupf05l8d] { display: none; } /* /Components/Common/WorkspaceActionDock.razor.rz.scp.css */ .action-dock-reserve[b-or0kus63zu] { grid-column:1/-1; height:7rem; min-width:0; pointer-events:none; } .workspace-action-dock[b-or0kus63zu] { position:fixed; z-index:35; left:var(--dock-left,.85rem); right:var(--dock-right,calc(var(--sidebar-width,0px) + .85rem)); bottom:var(--dock-bottom,calc(.75rem + env(safe-area-inset-bottom,0px))); max-width:54rem; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.65rem .85rem; color:#f5faf9; background:#123c49; border:1px solid #86b8b557; border-radius:1.15rem; box-shadow:0 .6rem 1.8rem #12374730,inset 0 1px 0 #ffffff1a; pointer-events:auto; overflow-wrap:anywhere; } .workspace-action-dock[b-or0kus63zu] > div:first-child { display:grid; gap:.15rem; min-width:0; } .workspace-action-dock[b-or0kus63zu] small,.workspace-action-dock[b-or0kus63zu] > div:first-child > span { color:#d1e2e5; font-size:.72rem; line-height:1.6; } .workspace-action-dock[b-or0kus63zu] strong,.workspace-action-dock[b-or0kus63zu] b { font-size:1rem; font-variant-numeric:tabular-nums; } .workspace-action-dock[b-or0kus63zu] .submit-actions { display:flex; flex-wrap:wrap; gap:.5rem; } .workspace-action-dock[b-or0kus63zu] button { min-height:44px; padding:.55rem .85rem; border:1px solid #efd68d; border-radius:.8rem; background:#efd68d; color:#183a44; font:inherit; font-weight:750; font-size:.8rem; cursor:pointer; touch-action:manipulation; } .workspace-action-dock[b-or0kus63zu] button.save-all { color:#edf7f5; background:#ffffff0a; border-color:#a6c9ca60; } .workspace-action-dock[b-or0kus63zu] button:disabled { opacity:.55; cursor:default; } .workspace-action-dock[b-or0kus63zu] button:hover:enabled { filter:brightness(1.08); } .workspace-action-dock[b-or0kus63zu] button:focus-visible { outline:3px solid #fff; outline-offset:3px; } @supports(backdrop-filter:blur(1px)) { .workspace-action-dock[b-or0kus63zu] { background:linear-gradient(130deg,#163e50f5,#104c49ee); backdrop-filter:blur(20px); } } @media(max-width:980px) { .workspace-action-dock[b-or0kus63zu] { bottom:var(--dock-bottom,var(--mobile-nav-clearance,7.75rem)); } } @media(max-width:540px) { .workspace-action-dock[b-or0kus63zu] { gap:.5rem; padding:.6rem .7rem; } .workspace-action-dock:has(.submit-actions)[b-or0kus63zu] { flex-wrap:wrap; } .workspace-action-dock[b-or0kus63zu] .submit-actions { width:100%; } .workspace-action-dock[b-or0kus63zu] .submit-actions button { flex:1; padding-inline:.5rem; } .workspace-action-dock[b-or0kus63zu] > button { flex-shrink:0; } } @media(prefers-reduced-transparency:reduce) { .workspace-action-dock[b-or0kus63zu] { background:#123c49; backdrop-filter:none; } } @media(forced-colors:active) { .workspace-action-dock[b-or0kus63zu] { background:Canvas; color:CanvasText; border-color:CanvasText; } .workspace-action-dock[b-or0kus63zu] button { border-color:ButtonText; color:ButtonText; } } @media print { .action-dock-reserve[b-or0kus63zu] { display:none; } } /* /Components/Common/WristbandBadge.razor.rz.scp.css */ .wristband-badge[b-xrqzix3vws] { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; min-width: 0; max-width: 100%; padding: .85rem 1rem; margin-block: .65rem; border: 1px solid #70bec4; border-radius: 1.2rem; color: #084f5d; background: linear-gradient(120deg, #e4f6f4, #f5fcfb); box-shadow: 0 5px 18px #08768714, inset 0 1px 0 #ffffff; animation: wristband-arrive-b-xrqzix3vws .5s ease-out both; } .wristband-badge-icon[b-xrqzix3vws] { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; flex: 0 0 auto; border-radius: .85rem; background: #087b89; color: white; } .wristband-badge-icon[b-xrqzix3vws] svg { width: 1.5rem; height: 1.5rem; } .wristband-badge-label[b-xrqzix3vws] { font-weight: 700; font-size: 1rem; } .wristband-badge-number[b-xrqzix3vws] { min-width: 0; font-size: clamp(1.65rem, 5vw, 2.3rem); line-height: 1.4; font-weight: 800; overflow-wrap: anywhere; unicode-bidi: plaintext; } .wristband-badge-missing[b-xrqzix3vws] { overflow-wrap: anywhere; } @keyframes wristband-arrive-b-xrqzix3vws { from { opacity: .65; box-shadow: 0 0 0 5px #1596a22b; } to { opacity: 1; box-shadow: 0 5px 18px #08768714; } } @media (prefers-reduced-motion: reduce) { .wristband-badge[b-xrqzix3vws] { animation: none; } } @media (max-width: 360px) { .wristband-badge[b-xrqzix3vws] { padding: .65rem; gap: .45rem; } .wristband-badge-icon[b-xrqzix3vws] { width: 2rem; height: 2rem; } } /* /Components/Layout/MainLayout.razor.rz.scp.css */ /* * Aria Enterprise shell * The business pages stay light and highly legible while the navigation shell * uses a deep navy surface with restrained gold and turquoise accents. */ /* ---------- Authentication shell ---------- */ .auth-layout[b-jnd7ruvgc9] { position: relative; isolation: isolate; display: grid; min-height: 100dvh; overflow: hidden; grid-template-rows: auto minmax(0, 1fr) auto; color: #f4f8fc; background: radial-gradient(circle at 14% 12%, rgba(19, 135, 161, .26), transparent 29rem), radial-gradient(circle at 88% 90%, rgba(210, 157, 43, .18), transparent 27rem), linear-gradient(142deg, #06101d 0%, #071a2b 48%, #082538 100%); } .auth-layout[b-jnd7ruvgc9]::before { position: absolute; z-index: -3; inset: 0; content: ""; opacity: .27; background-image: linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px); background-size: 4rem 4rem; mask-image: linear-gradient(to bottom, #000, transparent 78%); } .auth-mesh[b-jnd7ruvgc9] { position: absolute; z-index: -2; width: min(74vw, 70rem); aspect-ratio: 1.45; inset: 12% auto auto -18%; opacity: .25; background: repeating-radial-gradient(circle at 50% 50%, transparent 0 2.2rem, rgba(79, 193, 209, .12) 2.25rem 2.3rem); border-radius: 50%; transform: rotate(-14deg); pointer-events: none; } .auth-orbit[b-jnd7ruvgc9] { position: absolute; z-index: -1; width: 22rem; aspect-ratio: 1; border: 1px solid rgba(245, 211, 116, .11); border-radius: 50%; pointer-events: none; } .auth-orbit[b-jnd7ruvgc9]::before, .auth-orbit[b-jnd7ruvgc9]::after { position: absolute; inset: 12%; content: ""; border: 1px solid rgba(255, 255, 255, .05); border-radius: inherit; } .auth-orbit[b-jnd7ruvgc9]::after { inset: 29%; } .auth-orbit-one[b-jnd7ruvgc9] { inset: -8rem -7rem auto auto; animation: shell-orbit-b-jnd7ruvgc9 28s linear infinite; } .auth-orbit-two[b-jnd7ruvgc9] { width: 16rem; inset: auto auto -7rem 7%; animation: shell-orbit-b-jnd7ruvgc9 22s linear infinite reverse; } .auth-orbit > span[b-jnd7ruvgc9] { position: absolute; width: .65rem; height: .65rem; inset: 13% 14% auto auto; background: #f2cd6e; border-radius: 50%; box-shadow: 0 0 0 .45rem rgba(242, 205, 110, .08), 0 0 1.4rem rgba(242, 205, 110, .45); } .auth-header[b-jnd7ruvgc9], .auth-footer[b-jnd7ruvgc9] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-inline: clamp(1.1rem, 4vw, 4rem); } .auth-header[b-jnd7ruvgc9] { min-height: 6.5rem; } .auth-footer[b-jnd7ruvgc9] { min-height: 4.5rem; color: #738ba2; font-size: .76rem; } .auth-footer span[b-jnd7ruvgc9] { display: inline-flex; align-items: center; gap: .5rem; } .auth-footer i[b-jnd7ruvgc9] { width: .52rem; height: .52rem; background: #43d39f; border-radius: 50%; box-shadow: 0 0 0 .35rem rgba(67, 211, 159, .09); } .auth-brand[b-jnd7ruvgc9], .brand[b-jnd7ruvgc9] { display: inline-flex; min-width: 0; align-items: center; gap: .82rem; color: #f5f9fc; text-decoration: none; } .brand-mark[b-jnd7ruvgc9] { position: relative; display: grid; width: 3rem; height: 3rem; flex: 0 0 auto; place-items: center; overflow: hidden; color: #102538; background: linear-gradient(145deg, #ffeaa8 0%, #edc764 38%, #bd7d17 100%); border: 1px solid rgba(255, 235, 166, .65); border-radius: 1rem; box-shadow: 0 .8rem 2rem rgba(192, 126, 20, .25), inset 0 1px rgba(255, 255, 255, .8); font-size: 1.42rem; font-weight: 950; } .brand-mark[b-jnd7ruvgc9]::after { position: absolute; width: 4rem; height: 1.25rem; inset: -.5rem -2.5rem auto auto; content: ""; background: rgba(255, 255, 255, .32); transform: rotate(-36deg); } .brand-mark > span[b-jnd7ruvgc9] { position: relative; z-index: 1; } .brand-mark > img[b-jnd7ruvgc9] { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .brand-mark.large[b-jnd7ruvgc9] { width: 4.35rem; height: 4.35rem; border-radius: 1.35rem; font-size: 2rem; } .brand-copy[b-jnd7ruvgc9] { min-width: 0; } .brand-copy strong[b-jnd7ruvgc9], .brand-copy small[b-jnd7ruvgc9] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .brand-copy strong[b-jnd7ruvgc9] { font-size: 1rem; font-weight: 850; letter-spacing: -.025em; } .brand-copy small[b-jnd7ruvgc9] { margin-top: .16rem; color: #849bb1; font-size: .75rem; } .auth-security[b-jnd7ruvgc9] { display: inline-flex; min-height: 2.7rem; align-items: center; gap: .5rem; padding-inline: .9rem; color: #a9bdcd; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .08); border-radius: 999px; backdrop-filter: blur(14px); font-size: .75rem; } .auth-security .app-icon[b-jnd7ruvgc9] { width: 1rem; height: 1rem; color: #55d5ae; } .auth-content[b-jnd7ruvgc9] { display: grid; width: 100%; min-height: 0; place-items: center; } /* ---------- Signed-out state ---------- */ .session-required[b-jnd7ruvgc9] { display: grid; min-height: 100dvh; place-items: center; padding: 1.25rem; background: radial-gradient(circle at 50% 25%, rgba(20, 137, 157, .13), transparent 26rem), #f3f7fa; } .session-required-card[b-jnd7ruvgc9] { width: min(100%, 32rem); padding: clamp(1.7rem, 5vw, 3rem); text-align: center; background: rgba(255, 255, 255, .92); border: 1px solid rgba(31, 67, 92, .1); border-radius: 1.8rem; box-shadow: 0 2rem 5rem rgba(20, 49, 72, .12); backdrop-filter: blur(18px); } .session-required-card .brand-mark[b-jnd7ruvgc9] { margin: 0 auto 1.2rem; } .session-required-card h1[b-jnd7ruvgc9] { margin-bottom: .45rem; color: #102a43; } .session-required-card p[b-jnd7ruvgc9] { margin: 0 auto 1.4rem; color: #657b8d; line-height: 1.9; } /* ---------- Application structure ---------- */ .app-frame[b-jnd7ruvgc9] { --sidebar-width: 22.5rem; --topbar-height: 5.35rem; min-width: min(20rem, 100%); min-height: 100dvh; overflow-x: clip; color: #102a43; background: radial-gradient(circle at 7% 3%, rgba(31, 157, 171, .07), transparent 30rem), radial-gradient(circle at 90% 94%, rgba(207, 158, 48, .055), transparent 32rem), #f2f6f9; } .app-sidebar[b-jnd7ruvgc9] { position: fixed; z-index: 60; width: var(--sidebar-width); height: 100dvh; inset: 0 0 0 auto; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; overflow: hidden; color: #eff5fa; background: radial-gradient(circle at 20% -6%, rgba(35, 142, 161, .2), transparent 19rem), radial-gradient(circle at 90% 104%, rgba(213, 163, 49, .12), transparent 20rem), linear-gradient(172deg, #081a2b 0%, #071625 45%, #06131f 100%); border-left: 1px solid rgba(142, 174, 201, .13); box-shadow: -1.5rem 0 4.2rem rgba(5, 22, 37, .14); transition: width .28s cubic-bezier(.2, .8, .2, 1), transform .28s cubic-bezier(.2, .8, .2, 1); } .app-sidebar[b-jnd7ruvgc9]::before { position: absolute; inset: 0; content: ""; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px); background-size: 100% 3.5rem; pointer-events: none; } .sidebar-head[b-jnd7ruvgc9] { position: relative; z-index: 1; display: flex; min-height: 5.85rem; align-items: center; justify-content: space-between; gap: .8rem; padding: 1.05rem 1.15rem; border-bottom: 1px solid rgba(146, 174, 200, .09); } .sidebar-head .brand[b-jnd7ruvgc9] { min-width: 0; flex: 1; } .sidebar-head .brand-mark[b-jnd7ruvgc9] { width: 3rem; height: 3rem; border-radius: .94rem; font-size: 1.42rem; } .sidebar-head .brand-copy strong[b-jnd7ruvgc9] { font-size: 1.04rem; font-weight: 820; letter-spacing: -.015em; } .sidebar-head .brand-copy small[b-jnd7ruvgc9] { margin-top: .12rem; color: #8298ab; font-size: .79rem; } .icon-button[b-jnd7ruvgc9] { position: relative; display: inline-grid; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; place-items: center; color: #5c7183; background: rgba(255, 255, 255, .82); border: 1px solid rgba(29, 66, 93, .1); border-radius: .88rem; box-shadow: 0 .25rem .9rem rgba(22, 53, 77, .045); cursor: pointer; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; } .icon-button:hover:not(:disabled)[b-jnd7ruvgc9] { color: #087b88; background: #fff; border-color: rgba(8, 123, 136, .2); box-shadow: 0 .5rem 1.3rem rgba(22, 53, 77, .09); transform: translateY(-1px); } .icon-button .app-icon[b-jnd7ruvgc9] { width: 1.15rem; height: 1.15rem; } .mobile-close[b-jnd7ruvgc9] { display: none; color: #9ab0c2; background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .08); box-shadow: none; } /* Chromium otherwise paints a second native X beside our accessible clear button. */ .sidebar-search input[b-jnd7ruvgc9]::-webkit-search-cancel-button { width: 0; height: 0; appearance: none; -webkit-appearance: none; } /* ---------- Sidebar command area ---------- */ .sidebar-command[b-jnd7ruvgc9] { position: relative; z-index: 1; display: grid; gap: .68rem; padding: .9rem .9rem .65rem; } .edition-card[b-jnd7ruvgc9] { display: grid; min-height: 4rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding: .68rem .72rem; background: linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)); border: 1px solid rgba(164, 190, 211, .11); border-radius: 1rem; box-shadow: inset 0 1px rgba(255, 255, 255, .04); } .edition-symbol[b-jnd7ruvgc9] { display: grid; width: 2.45rem; height: 2.45rem; place-items: center; color: #f1cf73; background: linear-gradient(145deg, rgba(242, 205, 115, .16), rgba(190, 128, 26, .08)); border: 1px solid rgba(242, 205, 115, .17); border-radius: .76rem; } .edition-symbol .app-icon[b-jnd7ruvgc9] { width: 1.12rem; height: 1.12rem; } .edition-card strong[b-jnd7ruvgc9], .edition-card small[b-jnd7ruvgc9] { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .edition-card strong[b-jnd7ruvgc9] { color: #eef5fa; font-size: .85rem; font-weight: 780; } .edition-card small[b-jnd7ruvgc9] { margin-top: .15rem; color: #7890a5; font-size: .75rem; } .connection-light[b-jnd7ruvgc9] { width: .58rem; height: .58rem; background: #e7af43; border-radius: 50%; box-shadow: 0 0 0 .32rem rgba(231, 175, 67, .08); } .connection-light.connected[b-jnd7ruvgc9] { background: #48d4a2; box-shadow: 0 0 0 .32rem rgba(72, 212, 162, .08), 0 0 1rem rgba(72, 212, 162, .25); } .sidebar-search[b-jnd7ruvgc9] { position: relative; display: flex; min-height: 3rem; align-items: center; gap: .55rem; padding: 0 .75rem; color: #71889e; background: rgba(1, 11, 21, .38); border: 1px solid rgba(135, 166, 192, .12); border-radius: .9rem; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } .sidebar-search:focus-within[b-jnd7ruvgc9] { color: #e8c76f; background: rgba(1, 11, 21, .57); border-color: rgba(229, 190, 91, .25); box-shadow: 0 0 0 .2rem rgba(229, 190, 91, .055); } .sidebar-search > .app-icon[b-jnd7ruvgc9] { width: 1rem; height: 1rem; flex: 0 0 auto; } .sidebar-search input[b-jnd7ruvgc9] { min-width: 0; flex: 1; appearance: none; -webkit-appearance: none; color: #e8eff5; background: transparent; border: 0; outline: 0; font-size: .86rem; font-weight: 520; } .sidebar-search input[b-jnd7ruvgc9]::placeholder { color: #657c91; } .sidebar-search button[b-jnd7ruvgc9] { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; color: #8298aa; background: transparent; border: 0; border-radius: .45rem; cursor: pointer; } .sidebar-search button:hover[b-jnd7ruvgc9] { color: #fff; background: rgba(255, 255, 255, .07); } .sidebar-search button .app-icon[b-jnd7ruvgc9] { width: .82rem; height: .82rem; } .sidebar-search kbd[b-jnd7ruvgc9] { padding: .12rem .34rem; color: #71889d; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .07); border-radius: .35rem; font: 600 .75rem/1.4 Vazirmatn, sans-serif; } /* ---------- Boxed primary navigation ---------- */ .sidebar-nav[b-jnd7ruvgc9] { position: relative; z-index: 1; min-height: 0; padding: .3rem .82rem 1.3rem; overflow: hidden auto; overscroll-behavior: contain; scrollbar-gutter: stable; } .sidebar-nav[b-jnd7ruvgc9]::-webkit-scrollbar { width: .45rem; } .sidebar-nav[b-jnd7ruvgc9]::-webkit-scrollbar-thumb { background: rgba(150, 177, 199, .16); border: 1px solid transparent; border-radius: 1rem; background-clip: padding-box; } .nav-group[b-jnd7ruvgc9] { margin-bottom: 1.2rem; } .nav-group-title[b-jnd7ruvgc9] { display: flex; min-height: 2rem; align-items: center; gap: .55rem; margin: 0 .45rem .45rem; color: #7890a6; font-size: .77rem; font-weight: 780; } .nav-group-title[b-jnd7ruvgc9]::after { height: 1px; flex: 1; content: ""; background: linear-gradient(90deg, rgba(137, 166, 191, .14), transparent); } .nav-group-title b[b-jnd7ruvgc9] { order: 3; min-width: 1.35rem; padding: .08rem .32rem; color: #637b90; background: rgba(255, 255, 255, .035); border-radius: 999px; text-align: center; font-size: .75rem; } .nav-card-list[b-jnd7ruvgc9] { display: grid; gap: .46rem; } .nav-item[b-jnd7ruvgc9] { position: relative; display: grid; min-height: 4.65rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .78rem; padding: .66rem .7rem; overflow: hidden; color: #c0cfdb; background: linear-gradient(135deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .018)); border: 1px solid rgba(147, 176, 199, .095); border-radius: 1.08rem; text-decoration: none; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .2s ease; } .nav-item[b-jnd7ruvgc9]::before { position: absolute; width: .2rem; inset: .62rem 0 .62rem auto; content: ""; opacity: 0; background: linear-gradient(#f7dc8b, #cb8b24); border-radius: .2rem 0 0 .2rem; transform: scaleY(.4); transition: opacity .2s ease, transform .2s ease; } .nav-item:hover[b-jnd7ruvgc9] { color: #fff; background: rgba(255, 255, 255, .055); border-color: rgba(150, 180, 202, .15); box-shadow: 0 .55rem 1.4rem rgba(0, 8, 16, .12); transform: translateX(-.18rem); } .nav-item.active[b-jnd7ruvgc9] { color: #fff; background: linear-gradient(125deg, rgba(21, 139, 153, .22), rgba(255, 255, 255, .055)), rgba(255, 255, 255, .035); border-color: rgba(220, 178, 77, .24); box-shadow: 0 .75rem 1.8rem rgba(0, 11, 21, .18), inset 0 1px rgba(255, 255, 255, .04); } .nav-item.active[b-jnd7ruvgc9]::before { opacity: 1; transform: scaleY(1); } .nav-icon[b-jnd7ruvgc9] { display: grid; width: 2.8rem; height: 2.8rem; flex: 0 0 auto; place-items: center; color: #8ba1b3; background: rgba(255, 255, 255, .055); border: 1px solid rgba(255, 255, 255, .055); border-radius: .88rem; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; } .nav-icon .app-icon[b-jnd7ruvgc9] { width: 1.28rem; height: 1.28rem; } .nav-item:hover .nav-icon[b-jnd7ruvgc9] { color: #7ce0d5; background: rgba(45, 175, 176, .1); border-color: rgba(90, 210, 205, .1); transform: scale(1.03); } .nav-item.active .nav-icon[b-jnd7ruvgc9] { color: #f6d77e; background: linear-gradient(145deg, rgba(239, 201, 102, .16), rgba(193, 127, 24, .08)); border-color: rgba(239, 201, 102, .18); box-shadow: 0 .45rem 1rem rgba(0, 0, 0, .1); } .nav-copy[b-jnd7ruvgc9] { min-width: 0; } .nav-copy strong[b-jnd7ruvgc9], .nav-copy small[b-jnd7ruvgc9] { display: block; min-width: 0; white-space: normal; word-break: normal; overflow-wrap: normal; } .nav-copy strong[b-jnd7ruvgc9] { color: inherit; font-size: .91rem; font-weight: 790; line-height: 1.45; } .nav-copy small[b-jnd7ruvgc9] { display: -webkit-box; margin-top: .2rem; overflow: hidden; color: #7990a4; font-size: .76rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color .2s ease; } .nav-item:hover .nav-copy small[b-jnd7ruvgc9], .nav-item.active .nav-copy small[b-jnd7ruvgc9] { color: #92a9bb; } .nav-cue[b-jnd7ruvgc9] { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; color: #4f687e; border-radius: .5rem; transition: color .2s ease, background .2s ease, transform .2s ease; } .nav-cue .app-icon[b-jnd7ruvgc9] { width: .75rem; height: .75rem; transform: rotate(180deg); } .nav-item:hover .nav-cue[b-jnd7ruvgc9] { color: #d9e4ec; background: rgba(255, 255, 255, .05); transform: translateX(-.12rem); } .nav-item.active .nav-cue[b-jnd7ruvgc9] { color: #e6c46a; } .menu-empty[b-jnd7ruvgc9] { display: grid; min-height: 8rem; place-items: center; align-content: center; gap: .55rem; color: #688095; text-align: center; font-size: .75rem; } .menu-empty .app-icon[b-jnd7ruvgc9] { width: 1.4rem; height: 1.4rem; } /* ---------- Sidebar footer and compact mode ---------- */ .sidebar-foot[b-jnd7ruvgc9] { position: relative; z-index: 2; display: grid; gap: .55rem; padding: .72rem .85rem .9rem; background: linear-gradient(transparent, rgba(1, 9, 17, .68) 22%); border-top: 1px solid rgba(149, 178, 201, .08); } .sync-card[b-jnd7ruvgc9], .sidebar-collapse[b-jnd7ruvgc9] { display: grid; min-height: 3.35rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .52rem .62rem; color: #aebfcd; background: rgba(255, 255, 255, .035); border: 1px solid rgba(143, 173, 198, .09); border-radius: .9rem; } .sync-pulse[b-jnd7ruvgc9] { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; background: rgba(229, 172, 57, .08); border-radius: .7rem; } .sync-pulse i[b-jnd7ruvgc9] { width: .55rem; height: .55rem; background: #e4ab3c; border-radius: 50%; box-shadow: 0 0 0 .3rem rgba(228, 171, 60, .08); } .sync-card.connected .sync-pulse[b-jnd7ruvgc9] { background: rgba(64, 207, 157, .08); } .sync-card.connected .sync-pulse i[b-jnd7ruvgc9] { background: #42d09e; box-shadow: 0 0 0 .3rem rgba(66, 208, 158, .08), 0 0 .9rem rgba(66, 208, 158, .28); animation: shell-live-b-jnd7ruvgc9 2.2s ease infinite; } .sync-card strong[b-jnd7ruvgc9], .sync-card small[b-jnd7ruvgc9] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sync-card strong[b-jnd7ruvgc9] { color: #cbd8e2; font-size: .82rem; } .sync-card small[b-jnd7ruvgc9] { margin-top: .12rem; color: #6e8498; font-size: .75rem; } .sidebar-collapse[b-jnd7ruvgc9] { grid-template-columns: auto minmax(0, 1fr) auto; width: 100%; color: #788fa3; cursor: pointer; font: inherit; text-align: right; transition: color .18s ease, background .18s ease, border-color .18s ease; } .sidebar-collapse:hover[b-jnd7ruvgc9] { color: #e4edf4; background: rgba(255, 255, 255, .055); border-color: rgba(151, 181, 204, .14); } .sidebar-collapse .app-icon[b-jnd7ruvgc9] { width: 1rem; height: 1rem; } .sidebar-collapse span[b-jnd7ruvgc9] { font-size: .75rem; font-weight: 700; } .sidebar-collapse kbd[b-jnd7ruvgc9] { color: #5d7489; background: transparent; border: 0; font: .75rem Vazirmatn, sans-serif; } .app-frame.sidebar-compact[b-jnd7ruvgc9] { --sidebar-width: 6.2rem; } .sidebar-compact .brand-copy[b-jnd7ruvgc9], .sidebar-compact .edition-card > span:nth-child(2)[b-jnd7ruvgc9], .sidebar-compact .connection-light[b-jnd7ruvgc9], .sidebar-compact .sidebar-search input[b-jnd7ruvgc9], .sidebar-compact .sidebar-search button[b-jnd7ruvgc9], .sidebar-compact .sidebar-search kbd[b-jnd7ruvgc9], .sidebar-compact .nav-group-title span[b-jnd7ruvgc9], .sidebar-compact .nav-group-title b[b-jnd7ruvgc9], .sidebar-compact .nav-group-title[b-jnd7ruvgc9]::after, .sidebar-compact .nav-copy[b-jnd7ruvgc9], .sidebar-compact .nav-cue[b-jnd7ruvgc9], .sidebar-compact .sync-card > span:nth-child(2)[b-jnd7ruvgc9], .sidebar-compact .sidebar-collapse span[b-jnd7ruvgc9], .sidebar-compact .sidebar-collapse kbd[b-jnd7ruvgc9] { display: none; } .sidebar-compact .sidebar-head[b-jnd7ruvgc9] { justify-content: center; padding-inline: .7rem; } .sidebar-compact .sidebar-head .brand[b-jnd7ruvgc9] { flex: 0 0 auto; } .sidebar-compact .sidebar-command[b-jnd7ruvgc9] { padding-inline: .72rem; } .sidebar-compact .edition-card[b-jnd7ruvgc9] { display: grid; min-height: 3.25rem; grid-template-columns: 1fr; place-items: center; padding: .35rem; } .sidebar-compact .sidebar-search[b-jnd7ruvgc9] { width: 3rem; min-height: 3rem; justify-content: center; margin-inline: auto; padding: 0; } .sidebar-compact .nav-group-title[b-jnd7ruvgc9] { min-height: .5rem; justify-content: center; margin: .65rem 0 .25rem; } .sidebar-compact .nav-group-title[b-jnd7ruvgc9]::before { width: .35rem; height: .35rem; content: ""; background: #3e556a; border-radius: 50%; } .sidebar-compact .nav-item[b-jnd7ruvgc9] { min-height: 3.45rem; grid-template-columns: 1fr; place-items: center; padding: .4rem; border-radius: .88rem; } .sidebar-compact .nav-item:hover[b-jnd7ruvgc9] { transform: translateX(-.08rem); } .sidebar-compact .nav-icon[b-jnd7ruvgc9] { width: 2.5rem; height: 2.5rem; } .sidebar-compact .sync-card[b-jnd7ruvgc9], .sidebar-compact .sidebar-collapse[b-jnd7ruvgc9] { display: grid; min-height: 3rem; grid-template-columns: 1fr; place-items: center; padding: .3rem; } .sidebar-compact .sync-pulse[b-jnd7ruvgc9] { width: 2.2rem; height: 2.2rem; } /* ---------- Stage and top bar ---------- */ .app-stage[b-jnd7ruvgc9] { min-width: 0; min-height: 100dvh; margin-right: var(--sidebar-width); transition: margin-right .28s cubic-bezier(.2, .8, .2, 1); } .app-topbar[b-jnd7ruvgc9] { position: sticky; z-index: 45; top: .7rem; display: grid; min-height: var(--topbar-height); grid-template-columns: minmax(13rem, .8fr) minmax(18rem, 1.1fr) minmax(17rem, auto); align-items: center; gap: clamp(.65rem, 1.4vw, 1.25rem); margin: .7rem .85rem 0; padding: .7rem .85rem; background: rgba(255, 255, 255, .82); border: 1px solid rgba(31, 69, 97, .095); border-radius: 1.2rem; box-shadow: 0 .65rem 2rem rgba(19, 49, 73, .08); backdrop-filter: blur(22px) saturate(145%); } .topbar-leading[b-jnd7ruvgc9], .topbar-actions[b-jnd7ruvgc9] { display: flex; min-width: 0; align-items: center; gap: .62rem; } .menu-button[b-jnd7ruvgc9], .mobile-search-button[b-jnd7ruvgc9] { display: none; } .page-identity[b-jnd7ruvgc9] { min-width: 0; padding-inline: .1rem; } .page-identity span[b-jnd7ruvgc9], .page-identity strong[b-jnd7ruvgc9], .page-identity small[b-jnd7ruvgc9] { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-identity span[b-jnd7ruvgc9] { color: #8595a3; font-size: .75rem; font-weight: 700; } .page-identity strong[b-jnd7ruvgc9] { margin-top: .1rem; color: #102b42; font-size: .93rem; font-weight: 850; } .page-identity small[b-jnd7ruvgc9] { margin-top: .08rem; color: #78909f; font-size: .75rem; } .command-search[b-jnd7ruvgc9] { position: relative; display: flex; min-width: 0; min-height: 3rem; align-items: center; gap: .55rem; padding-inline: .82rem; color: #8293a1; background: rgba(244, 247, 249, .9); border: 1px solid rgba(35, 69, 95, .1); border-radius: .95rem; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease; } .command-search.open[b-jnd7ruvgc9], .command-search:focus-within[b-jnd7ruvgc9] { color: #087c88; background: #fff; border-color: rgba(8, 124, 136, .26); box-shadow: 0 0 0 .22rem rgba(8, 124, 136, .055), 0 .65rem 1.6rem rgba(18, 51, 75, .07); } .command-search > .app-icon[b-jnd7ruvgc9] { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; } .command-search > input[b-jnd7ruvgc9] { min-width: 0; flex: 1; color: #18384f; background: transparent; border: 0; outline: 0; font-size: .75rem; } .command-search > input[b-jnd7ruvgc9]::placeholder { color: #536f82; opacity: 1; } .command-search > kbd[b-jnd7ruvgc9] { padding: .2rem .38rem; color: #536b7c; background: #fff; border: 1px solid rgba(37, 67, 91, .1); border-radius: .4rem; box-shadow: 0 1px 2px rgba(18, 45, 66, .05); font: 650 .75rem/1.35 Vazirmatn, sans-serif; direction: ltr; } .search-results[b-jnd7ruvgc9] { position: absolute; z-index: 120; width: min(34rem, calc(100vw - 2rem)); inset: calc(100% + .55rem) 0 auto auto; overflow: hidden; color: #18364c; background: rgba(255, 255, 255, .97); border: 1px solid rgba(31, 67, 93, .11); border-radius: 1.15rem; box-shadow: 0 1.6rem 4rem rgba(12, 37, 57, .18); backdrop-filter: blur(24px); animation: shell-pop-b-jnd7ruvgc9 .18s cubic-bezier(.2, .8, .2, 1) both; max-height: min(38rem, calc(100dvh - 7rem)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } .search-results > header[b-jnd7ruvgc9], .search-results > footer[b-jnd7ruvgc9] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .68rem .8rem; color: #7a8c9a; background: #f7f9fa; font-size: .75rem; } .search-results > header[b-jnd7ruvgc9] { border-bottom: 1px solid rgba(36, 67, 92, .08); } .search-results > header span[b-jnd7ruvgc9] { color: #435f73; font-weight: 800; } .search-results > footer[b-jnd7ruvgc9] { justify-content: flex-start; border-top: 1px solid rgba(36, 67, 92, .08); } .search-results > footer span[b-jnd7ruvgc9] { display: inline-flex; align-items: center; gap: .3rem; } .search-results > footer kbd[b-jnd7ruvgc9] { color: #4f687a; font: 600 .75rem Vazirmatn, sans-serif; } .search-results > button[b-jnd7ruvgc9] { display: grid; width: calc(100% - .7rem); min-height: 4.05rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; margin: .35rem; padding: .48rem .56rem; color: #23445b; background: transparent; border: 1px solid transparent; border-radius: .85rem; text-align: right; cursor: pointer; transition: background .15s ease, border-color .15s ease, transform .15s ease; } .search-results > button:hover[b-jnd7ruvgc9] { background: #f1f8f8; border-color: rgba(11, 128, 139, .11); transform: translateX(-.12rem); } .search-results .nav-icon[b-jnd7ruvgc9] { width: 2.5rem; height: 2.5rem; color: #087f8b; background: rgba(8, 127, 139, .08); border-color: rgba(8, 127, 139, .08); } .search-results button > span:nth-child(2)[b-jnd7ruvgc9] { min-width: 0; } .search-results button strong[b-jnd7ruvgc9], .search-results button small[b-jnd7ruvgc9] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-results button strong[b-jnd7ruvgc9] { color: #18374d; font-size: .75rem; } .search-results button small[b-jnd7ruvgc9] { margin-top: .15rem; color: #7c8e9c; font-size: .75rem; } .search-results button > .app-icon[b-jnd7ruvgc9] { width: .85rem; height: .85rem; color: #9aa8b2; } .search-empty[b-jnd7ruvgc9] { display: grid; min-height: 8rem; place-items: center; align-content: center; gap: .45rem; color: #536f82; font-size: .75rem; } .search-empty .app-icon[b-jnd7ruvgc9] { width: 1.35rem; height: 1.35rem; } .topbar-actions[b-jnd7ruvgc9] { justify-content: flex-end; } .today-chip[b-jnd7ruvgc9], .live-pill[b-jnd7ruvgc9] { display: inline-flex; min-height: 2.65rem; align-items: center; gap: .45rem; padding-inline: .7rem; color: #657a8a; background: rgba(246, 248, 250, .86); border: 1px solid rgba(36, 67, 91, .085); border-radius: .84rem; white-space: nowrap; font-size: .75rem; } .today-chip .app-icon[b-jnd7ruvgc9] { width: .95rem; height: .95rem; color: #8a711e; } .live-pill[b-jnd7ruvgc9] { min-width: 4.15rem; justify-content: center; color: #896313; background: #fff9e9; border-color: #f0dfb1; font-size: .75rem; } .live-pill > span[b-jnd7ruvgc9] { width: .48rem; height: .48rem; background: #dda733; border-radius: 50%; box-shadow: 0 0 0 .3rem rgba(221, 167, 51, .1); } .live-pill.connected[b-jnd7ruvgc9] { color: #157151; background: #eef9f5; border-color: #cfeade; } .live-pill.connected > span[b-jnd7ruvgc9] { background: #35bd88; box-shadow: 0 0 0 .3rem rgba(53, 189, 136, .09); animation: shell-live-b-jnd7ruvgc9 2.2s ease infinite; } /* ---------- Notifications and profile ---------- */ .notification-menu[b-jnd7ruvgc9], .profile-menu[b-jnd7ruvgc9] { position: relative; } .notification-button.active[b-jnd7ruvgc9] { color: #087c88; background: #eff9f8; border-color: rgba(8, 124, 136, .18); } .notification-count[b-jnd7ruvgc9] { position: absolute; display: grid; min-width: 1.05rem; height: 1.05rem; inset: -.25rem -.25rem auto auto; place-items: center; padding-inline: .15rem; color: #fff; background: linear-gradient(145deg, #e96670, #bd3845); border: 2px solid #fff; border-radius: 999px; font-size: .75rem; font-weight: 850; } .notification-popover[b-jnd7ruvgc9], .profile-popover[b-jnd7ruvgc9] { position: absolute; z-index: 125; width: min(23rem, calc(100vw - 1.5rem)); inset: calc(100% + .55rem) auto auto 0; overflow: hidden; color: #18364c; background: rgba(255, 255, 255, .98); border: 1px solid rgba(31, 67, 93, .11); border-radius: 1.15rem; box-shadow: 0 1.6rem 4rem rgba(12, 37, 57, .18); backdrop-filter: blur(24px); animation: shell-pop-b-jnd7ruvgc9 .18s cubic-bezier(.2, .8, .2, 1) both; } .notification-popover > header[b-jnd7ruvgc9] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .85rem .9rem; background: #f7f9fa; border-bottom: 1px solid rgba(35, 68, 93, .08); } .notification-popover header strong[b-jnd7ruvgc9], .notification-popover header small[b-jnd7ruvgc9] { display: block; } .notification-popover header strong[b-jnd7ruvgc9] { font-size: .76rem; } .notification-popover header small[b-jnd7ruvgc9] { margin-top: .14rem; color: #81919e; font-size: .75rem; } .live-dot[b-jnd7ruvgc9] { width: .55rem; height: .55rem; background: #3bc591; border-radius: 50%; box-shadow: 0 0 0 .35rem rgba(59, 197, 145, .09); animation: shell-live-b-jnd7ruvgc9 2.2s ease infinite; } .notification-list[b-jnd7ruvgc9] { max-height: 23rem; overflow-y: auto; } .notification-list article[b-jnd7ruvgc9] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .65rem; padding: .75rem .85rem; border-bottom: 1px solid rgba(36, 67, 91, .07); } .notification-list article:last-child[b-jnd7ruvgc9] { border-bottom: 0; } .notification-list article > span[b-jnd7ruvgc9] { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; color: #168996; background: #ebf7f7; border-radius: .7rem; } .notification-list article > span .app-icon[b-jnd7ruvgc9] { width: .95rem; height: .95rem; } .notification-list strong[b-jnd7ruvgc9], .notification-list small[b-jnd7ruvgc9], .notification-list time[b-jnd7ruvgc9] { display: block; } .notification-list strong[b-jnd7ruvgc9] { color: #24465c; font-size: .75rem; } .notification-list small[b-jnd7ruvgc9] { margin-top: .13rem; color: #718594; font-size: .75rem; line-height: 1.7; } .notification-list time[b-jnd7ruvgc9] { margin-top: .2rem; color: #9aa6af; font-size: .75rem; } .notification-empty[b-jnd7ruvgc9] { display: grid; min-height: 9rem; place-items: center; align-content: center; gap: .45rem; color: #708493; font-size: .75rem; } .notification-empty .app-icon[b-jnd7ruvgc9] { width: 1.6rem; height: 1.6rem; padding: .3rem; color: #fff; background: #35b984; border-radius: 50%; } .profile-trigger[b-jnd7ruvgc9] { display: grid; min-width: 11rem; min-height: 3rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; padding: .3rem .38rem .3rem .55rem; color: #28465b; background: rgba(247, 249, 250, .86); border: 1px solid rgba(36, 67, 91, .085); border-radius: .95rem; text-align: right; cursor: pointer; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease; } .profile-trigger:hover[b-jnd7ruvgc9], .profile-trigger.active[b-jnd7ruvgc9] { background: #fff; border-color: rgba(8, 124, 136, .18); box-shadow: 0 .55rem 1.4rem rgba(19, 49, 72, .07); } .avatar[b-jnd7ruvgc9] { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; color: #fff; background: linear-gradient(145deg, #138c96, #075b71); border: 1px solid rgba(6, 86, 105, .15); border-radius: .72rem; box-shadow: 0 .35rem .85rem rgba(8, 103, 119, .18); font-size: .78rem; font-weight: 850; } .avatar.large[b-jnd7ruvgc9] { width: 2.9rem; height: 2.9rem; border-radius: .88rem; font-size: 1rem; } .profile-copy[b-jnd7ruvgc9] { min-width: 0; } .profile-copy strong[b-jnd7ruvgc9], .profile-copy small[b-jnd7ruvgc9] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-copy strong[b-jnd7ruvgc9] { color: #25445a; font-size: .75rem; } .profile-copy small[b-jnd7ruvgc9] { max-width: 8rem; margin-top: .12rem; color: #83939f; font-size: .75rem; } .profile-trigger > .app-icon[b-jnd7ruvgc9] { width: .75rem; height: .75rem; color: #92a0aa; } .profile-popover[b-jnd7ruvgc9] { width: 19rem; } .profile-popover > header[b-jnd7ruvgc9] { display: flex; align-items: center; gap: .7rem; padding: .9rem; background: linear-gradient(145deg, #f5f9fa, #fff); border-bottom: 1px solid rgba(35, 68, 93, .08); } .profile-popover header strong[b-jnd7ruvgc9], .profile-popover header small[b-jnd7ruvgc9] { display: block; } .profile-popover header strong[b-jnd7ruvgc9] { font-size: .76rem; } .profile-popover header small[b-jnd7ruvgc9] { margin-top: .14rem; color: #7d8f9c; font-size: .75rem; line-height: 1.6; } .profile-server[b-jnd7ruvgc9] { display: flex; align-items: center; gap: .6rem; margin: .65rem; padding: .62rem .68rem; background: #f5f8f9; border: 1px solid rgba(35, 68, 93, .07); border-radius: .75rem; } .profile-server .sync-dot[b-jnd7ruvgc9] { width: .55rem; height: .55rem; flex: 0 0 auto; background: #d9a33b; border-radius: 50%; } .profile-server .sync-dot.connected[b-jnd7ruvgc9] { background: #35bb87; box-shadow: 0 0 0 .28rem rgba(53, 187, 135, .08); } .profile-server strong[b-jnd7ruvgc9], .profile-server small[b-jnd7ruvgc9] { display: block; } .profile-server strong[b-jnd7ruvgc9] { color: #345266; font-size: .75rem; } .profile-server small[b-jnd7ruvgc9] { margin-top: .1rem; color: #84939e; font-size: .75rem; } .logout-button[b-jnd7ruvgc9] { display: flex; width: calc(100% - 1.3rem); min-height: 2.75rem; align-items: center; justify-content: center; gap: .5rem; margin: 0 .65rem .65rem; color: #a43d47; background: #fff2f3; border: 1px solid #f1d3d6; border-radius: .78rem; cursor: pointer; font: 750 .75rem Vazirmatn, sans-serif; } .logout-button:hover:not(:disabled)[b-jnd7ruvgc9] { background: #fde8ea; border-color: #eabfc3; } .logout-button .app-icon[b-jnd7ruvgc9] { width: 1rem; height: 1rem; } /* ---------- Content and mobile navigation ---------- */ .app-content[b-jnd7ruvgc9] { width: min(100%, 110rem); min-height: calc(100dvh - var(--topbar-height) - 1.5rem); margin-inline: auto; padding: clamp(1rem, 2vw, 1.65rem); } /* Keep route transitions opacity-only. Animating transform on this ancestor turns it into the containing block for fixed dialogs on mobile browsers, which placed the pricing bottom sheet below the long page while leaving only its scrim visible. */ .page-transition[b-jnd7ruvgc9] { animation: content-fade-v159-b-jnd7ruvgc9 .2s ease-out; transform: none !important; } .access-denied-card[b-jnd7ruvgc9] { display: grid; width: min(100%, 35rem); min-height: 24rem; place-items: center; align-content: center; gap: .55rem; margin: 5vh auto; padding: clamp(1.6rem, 4vw, 2.8rem); text-align: center; background: rgba(255, 255, 255, .93); border: 1px solid rgba(38, 70, 95, .1); border-radius: 1.6rem; box-shadow: 0 1.6rem 4rem rgba(18, 47, 70, .1); } .access-denied-card h1[b-jnd7ruvgc9] { margin: .15rem 0 0; color: #18374d; } .access-denied-card p[b-jnd7ruvgc9] { max-width: 28rem; margin: 0 0 .7rem; color: #6b7f8f; line-height: 1.95; } .drawer-scrim[b-jnd7ruvgc9] { position: fixed; z-index: 55; inset: 0; display: none; opacity: 0; background: rgba(3, 13, 23, .58); border: 0; backdrop-filter: blur(5px); transition: opacity .2s ease; } .drawer-scrim.visible[b-jnd7ruvgc9] { opacity: 1; } /* ---------- Motion ---------- */ @keyframes shell-orbit-b-jnd7ruvgc9 { to { transform: rotate(360deg); } } @keyframes shell-live-b-jnd7ruvgc9 { 50% { box-shadow: 0 0 0 .65rem rgba(59, 197, 145, 0); } } @keyframes shell-pop-b-jnd7ruvgc9 { from { opacity: 0; transform: translateY(-.35rem) scale(.985); } to { opacity: 1; transform: none; } } @keyframes content-fade-v159-b-jnd7ruvgc9 { from { opacity: 0; } to { opacity: 1; } } /* ---------- Responsive shell ---------- */ @media (max-width: 1360px) { .app-frame[b-jnd7ruvgc9] { --sidebar-width: 21.5rem; } .app-topbar[b-jnd7ruvgc9] { grid-template-columns: minmax(11rem, .75fr) minmax(16rem, 1fr) auto; } .today-chip[b-jnd7ruvgc9] { display: none; } } @media (max-width: 1120px) { .app-topbar[b-jnd7ruvgc9] { grid-template-columns: minmax(11rem, .7fr) minmax(15rem, 1fr) auto; } .live-pill[b-jnd7ruvgc9] { display: none; } .profile-trigger[b-jnd7ruvgc9] { min-width: 3rem; grid-template-columns: auto; padding: .3rem; } .profile-trigger .profile-copy[b-jnd7ruvgc9], .profile-trigger > .app-icon[b-jnd7ruvgc9] { display: none; } } @media (max-width: 980px) { .app-frame[b-jnd7ruvgc9] { --sidebar-width: 0rem; --mobile-nav-clearance: calc(7.75rem + env(safe-area-inset-bottom)); height: 100dvh; min-height: 100svh; overflow: hidden; } .app-frame.sidebar-compact[b-jnd7ruvgc9] { --sidebar-width: 0rem; } .app-stage[b-jnd7ruvgc9] { display: grid; height: 100%; min-height: 0; grid-template-rows: auto minmax(0, 1fr); margin-right: 0; overflow: hidden; } .app-sidebar[b-jnd7ruvgc9], .sidebar-compact .app-sidebar[b-jnd7ruvgc9] { width: min(22rem, calc(100vw - 1rem)); transform: translateX(105%); border-left: 1px solid rgba(146, 175, 199, .16); border-radius: 1.35rem 0 0 1.35rem; box-shadow: -2rem 0 5rem rgba(1, 12, 22, .36); } .app-sidebar.open[b-jnd7ruvgc9] { transform: translateX(0); } .drawer-scrim.visible[b-jnd7ruvgc9] { display: block; } .menu-button[b-jnd7ruvgc9], .mobile-close[b-jnd7ruvgc9] { display: inline-grid; } .app-topbar[b-jnd7ruvgc9] { position: relative; top: 0; grid-template-columns: minmax(10rem, .75fr) minmax(15rem, 1fr) auto; margin: 0; border-width: 0 0 1px; border-radius: 0; } .sidebar-collapse[b-jnd7ruvgc9] { display: none; } .sidebar-compact .brand-copy[b-jnd7ruvgc9], .sidebar-compact .edition-card > span:nth-child(2)[b-jnd7ruvgc9], .sidebar-compact .connection-light[b-jnd7ruvgc9], .sidebar-compact .sidebar-search input[b-jnd7ruvgc9], .sidebar-compact .sidebar-search button[b-jnd7ruvgc9], .sidebar-compact .sidebar-search kbd[b-jnd7ruvgc9], .sidebar-compact .nav-group-title span[b-jnd7ruvgc9], .sidebar-compact .nav-group-title b[b-jnd7ruvgc9], .sidebar-compact .nav-group-title[b-jnd7ruvgc9]::after, .sidebar-compact .nav-copy[b-jnd7ruvgc9], .sidebar-compact .nav-cue[b-jnd7ruvgc9], .sidebar-compact .sync-card > span:nth-child(2)[b-jnd7ruvgc9] { display: initial; } .sidebar-compact .sidebar-head[b-jnd7ruvgc9] { justify-content: space-between; padding: 1.05rem 1.15rem; } .sidebar-compact .sidebar-head .brand[b-jnd7ruvgc9] { flex: 1; } .sidebar-compact .sidebar-command[b-jnd7ruvgc9] { padding: .9rem .9rem .65rem; } .sidebar-compact .edition-card[b-jnd7ruvgc9] { display: grid; min-height: 4rem; grid-template-columns: auto minmax(0, 1fr) auto; place-items: initial; padding: .68rem .72rem; } .sidebar-compact .sidebar-search[b-jnd7ruvgc9] { width: auto; min-height: 3rem; justify-content: initial; margin-inline: 0; padding: 0 .75rem; } .sidebar-compact .nav-group-title[b-jnd7ruvgc9] { min-height: 2rem; justify-content: initial; margin: 0 .45rem .45rem; } .sidebar-compact .nav-group-title[b-jnd7ruvgc9]::before { display: none; } .sidebar-compact .nav-item[b-jnd7ruvgc9] { min-height: 4.15rem; grid-template-columns: auto minmax(0, 1fr) auto; place-items: initial; padding: .56rem .62rem; } .sidebar-compact .sync-card[b-jnd7ruvgc9] { display: grid; min-height: 3.35rem; grid-template-columns: auto minmax(0, 1fr) auto; place-items: initial; padding: .52rem .62rem; } .app-content[b-jnd7ruvgc9] { width: 100%; height: 100%; min-height: 0; padding-bottom: var(--mobile-nav-clearance); overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scroll-padding-block-end: var(--mobile-nav-clearance); scrollbar-gutter: stable; touch-action: pan-y; -webkit-overflow-scrolling: touch; } .page-transition[b-jnd7ruvgc9] { min-height: 100%; } .sidebar-nav[b-jnd7ruvgc9], .notification-list[b-jnd7ruvgc9] { touch-action: pan-y; -webkit-overflow-scrolling: touch; } } @media (max-width: 760px) { .auth-header[b-jnd7ruvgc9] { min-height: 5.5rem; } .auth-security[b-jnd7ruvgc9] { display: none; } .auth-footer[b-jnd7ruvgc9] { min-height: 3.5rem; } .auth-footer span:first-child[b-jnd7ruvgc9] { display: none; } .app-topbar[b-jnd7ruvgc9] { min-height: 4.65rem; grid-template-columns: minmax(0, 1fr) auto; padding: .55rem .65rem; } .topbar-leading[b-jnd7ruvgc9] { gap: .48rem; } .page-identity span[b-jnd7ruvgc9], .page-identity small[b-jnd7ruvgc9] { display: none; } .page-identity strong[b-jnd7ruvgc9] { margin: 0; font-size: .83rem; } .command-search[b-jnd7ruvgc9] { display: none; } .command-search.open[b-jnd7ruvgc9] { position: fixed; z-index: 130; display: flex; min-height: 3.4rem; inset: 5.1rem .75rem auto; background: #fff; border-color: rgba(8, 124, 136, .25); box-shadow: 0 1.4rem 3.5rem rgba(9, 33, 52, .2); } .command-search.open .search-results[b-jnd7ruvgc9] { width: 100%; } .topbar-actions[b-jnd7ruvgc9] { gap: .4rem; } .notification-popover[b-jnd7ruvgc9], .profile-popover[b-jnd7ruvgc9] { position: fixed; width: auto; inset: 5.1rem .75rem auto; } .app-content[b-jnd7ruvgc9] { padding: .85rem .75rem var(--mobile-nav-clearance); } } @media (max-width: 500px) { .auth-header[b-jnd7ruvgc9], .auth-footer[b-jnd7ruvgc9] { padding-inline: 1rem; } .auth-brand .brand-copy small[b-jnd7ruvgc9] { display: none; } .auth-footer[b-jnd7ruvgc9] { justify-content: center; } .app-sidebar[b-jnd7ruvgc9] { width: calc(100vw - .55rem); } .app-topbar[b-jnd7ruvgc9] { gap: .35rem; } .icon-button[b-jnd7ruvgc9] { width: 2.55rem; height: 2.55rem; border-radius: .78rem; } .profile-trigger[b-jnd7ruvgc9] { min-width: 2.75rem; min-height: 2.75rem; } .avatar[b-jnd7ruvgc9] { width: 2.15rem; height: 2.15rem; } .notification-popover[b-jnd7ruvgc9], .profile-popover[b-jnd7ruvgc9], .command-search.open[b-jnd7ruvgc9] { inset-inline: .45rem; } } /* ---------- Mobile shell master pass ---------- */ .nav-group-handle[b-jnd7ruvgc9] { display: inline-grid; width: 1.65rem; height: 1.65rem; flex: 0 0 auto; place-items: center; color: #a4b5c3; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .06); border-radius: .5rem; } .nav-group-handle .app-icon[b-jnd7ruvgc9] { width: .78rem; height: .78rem; } .sidebar-compact .nav-group-handle[b-jnd7ruvgc9] { display: none; } @media (max-width: 980px) { .app-sidebar[b-jnd7ruvgc9], .sidebar-compact .app-sidebar[b-jnd7ruvgc9] { z-index: 310; width: min(23rem, calc(100vw - .55rem)); border-radius: 1.55rem 0 0 1.55rem; box-shadow: -2rem 0 5rem rgba(1, 12, 22, .5); } .drawer-scrim[b-jnd7ruvgc9] { z-index: 300; } .app-topbar[b-jnd7ruvgc9] { z-index: 210; min-height: 4.5rem; background: rgba(255, 255, 255, .94); border-color: rgba(20, 67, 91, .1); box-shadow: 0 .65rem 1.65rem rgba(16, 51, 73, .08); backdrop-filter: blur(24px) saturate(155%); } .app-content[b-jnd7ruvgc9] { padding-bottom: 10.2rem; } .sidebar-head[b-jnd7ruvgc9] { min-height: 5.1rem; padding: .78rem .9rem; } .sidebar-command[b-jnd7ruvgc9] { padding: .65rem .72rem .5rem; } .sidebar-nav[b-jnd7ruvgc9] { padding: .25rem .65rem 1rem; } .nav-group[b-jnd7ruvgc9] { margin-bottom: .85rem; } .nav-group-title[b-jnd7ruvgc9], .sidebar-compact .nav-group-title[b-jnd7ruvgc9] { min-height: 2.25rem; margin: 0 .25rem .38rem; color: #93a9ba; font-size: .73rem; } .nav-group-title[b-jnd7ruvgc9]::after { opacity: .65; } .nav-card-list[b-jnd7ruvgc9] { gap: .38rem; } .nav-item[b-jnd7ruvgc9], .sidebar-compact .nav-item[b-jnd7ruvgc9] { min-height: 3.85rem; gap: .62rem; padding: .48rem .54rem; border-radius: .95rem; } .nav-icon[b-jnd7ruvgc9] { width: 2.55rem; height: 2.55rem; border-radius: .78rem; } .nav-icon .app-icon[b-jnd7ruvgc9] { width: 1.12rem; height: 1.12rem; } .nav-copy strong[b-jnd7ruvgc9] { font-size: .82rem; } .nav-copy small[b-jnd7ruvgc9] { margin-top: .12rem; font-size: .68rem; } .sidebar-foot[b-jnd7ruvgc9] { padding: .55rem .7rem calc(.65rem + env(safe-area-inset-bottom)); } } @media (max-width: 760px) { .app-topbar[b-jnd7ruvgc9] { min-height: 4.5rem; padding: .48rem .58rem; } .mobile-search-button[b-jnd7ruvgc9] { display: inline-grid; } .menu-button[b-jnd7ruvgc9] { color: #fff; background: linear-gradient(145deg, #118b95, #075c72); border-color: transparent; box-shadow: 0 .45rem 1rem rgba(7, 101, 117, .2); } .page-identity strong[b-jnd7ruvgc9] { display: -webkit-box; overflow: hidden; font-size: .82rem; font-weight: 850; line-height: 1.35; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .app-content[b-jnd7ruvgc9] { padding: .72rem .55rem 10.2rem; } } @media (prefers-reduced-motion: reduce) { .auth-orbit-one[b-jnd7ruvgc9], .auth-orbit-two[b-jnd7ruvgc9], .sync-card.connected .sync-pulse i[b-jnd7ruvgc9], .live-pill.connected > span[b-jnd7ruvgc9], .live-dot[b-jnd7ruvgc9], .page-transition[b-jnd7ruvgc9] { animation: none; } .app-sidebar[b-jnd7ruvgc9], .app-stage[b-jnd7ruvgc9], .nav-item[b-jnd7ruvgc9], .nav-icon[b-jnd7ruvgc9], .nav-cue[b-jnd7ruvgc9], .icon-button[b-jnd7ruvgc9] { transition-duration: .01ms; } } @media print { .app-sidebar[b-jnd7ruvgc9], .app-topbar[b-jnd7ruvgc9], .drawer-scrim[b-jnd7ruvgc9] { display: none !important; } .app-stage[b-jnd7ruvgc9] { margin: 0; } .app-content[b-jnd7ruvgc9] { width: 100%; padding: 0; } .page-transition[b-jnd7ruvgc9] { animation: none; } } /* The role-aware footer uses native anchors so isolated styles also own the link itself. Descendant spans cannot remove an ancestor's text decoration. */ .aria-mobile-nav-v15[b-jnd7ruvgc9] { display: none; } @media (max-width: 980px) { .aria-mobile-nav-v15[b-jnd7ruvgc9] { --aria-font-mobile-nav: clamp(.69rem, 2.2vw, .8rem); position: fixed; inset-inline: max(.6rem, env(safe-area-inset-left)) max(.6rem, env(safe-area-inset-right)); bottom: calc(.6rem + env(safe-area-inset-bottom)); z-index: 145; display: grid; grid-template-columns: repeat(var(--aria-nav-items, 4), minmax(0, 1fr)); gap: .3rem; width: auto; max-width: 38rem; margin-inline: auto; padding: .4rem; background: #f2f8f8; border: 1px solid rgba(255, 255, 255, .9); border-radius: 1.65rem; box-shadow: 0 .55rem 2rem #173e5226, 0 0 0 1px #365f6812, inset 0 1px 0 #ffffff; isolation: isolate; } @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .aria-mobile-nav-v15[b-jnd7ruvgc9] { background: linear-gradient(135deg, #ffffffba, #ecf7f5a6); backdrop-filter: blur(24px) saturate(165%); -webkit-backdrop-filter: blur(24px) saturate(165%); } } .aria-mobile-nav-item-v15[b-jnd7ruvgc9] { display: grid; min-width: 0; min-height: 4.25rem; grid-template-rows: 1.95rem auto; place-items: center; align-content: center; gap: .3rem; padding: .45rem .18rem; color: #35545f; background: transparent; border: 1px solid transparent; border-radius: 1.2rem; box-shadow: none; cursor: pointer; font: inherit; text-align: center; text-decoration: none !important; transition: background .18s ease, color .18s ease, transform .18s ease; -webkit-tap-highlight-color: transparent; } .aria-mobile-nav-item-v15:link[b-jnd7ruvgc9], .aria-mobile-nav-item-v15:visited[b-jnd7ruvgc9], .aria-mobile-nav-item-v15:hover[b-jnd7ruvgc9], .aria-mobile-nav-item-v15:active[b-jnd7ruvgc9] { text-decoration: none !important; } .aria-mobile-nav-item-v15:focus-visible[b-jnd7ruvgc9] { outline: 3px solid #127e83; outline-offset: -3px; } .aria-mobile-nav-item-v15:active[b-jnd7ruvgc9] { transform: scale(.97); } .aria-mobile-nav-item-v15:hover[b-jnd7ruvgc9] { background: #ffffff85; color: #086761; } .aria-mobile-nav-icon-v15[b-jnd7ruvgc9] { display: grid; width: 2.7rem; height: 1.95rem; place-items: center; color: inherit; border-radius: .85rem; } .aria-mobile-nav-icon-v15[b-jnd7ruvgc9] .app-icon { width: 1.3rem; height: 1.3rem; } .aria-mobile-nav-label-v15[b-jnd7ruvgc9] { display: block; width: 100%; color: inherit; font-size: var(--aria-font-mobile-nav); font-weight: 650; line-height: 1.6; text-align: center; white-space: normal; overflow-wrap: anywhere; text-decoration: none; } .aria-mobile-nav-item-v15.active[b-jnd7ruvgc9] { color: #075c59; background: linear-gradient(145deg, #ffffffb8, #cdebe55e); border-color: #ffffffb3; box-shadow: inset 0 1px 0 #ffffffcc, 0 .2rem .6rem #285b5c08; } .aria-mobile-nav-item-v15.active .aria-mobile-nav-icon-v15[b-jnd7ruvgc9] { color: #fff; background: linear-gradient(140deg, #238a82, #0f676c); box-shadow: 0 .22rem .55rem #136a6c26; } .aria-mobile-nav-item-v15.active .aria-mobile-nav-label-v15[b-jnd7ruvgc9] { font-weight: 800; } .aria-mobile-nav-menu-v15[b-jnd7ruvgc9] { color: #3b525d; background: #ffffff40; } .aria-mobile-nav-menu-v15 .aria-mobile-nav-icon-v15[b-jnd7ruvgc9] { background: #ffffff80; } .app-content[b-jnd7ruvgc9] { padding-bottom: var(--mobile-nav-clearance) !important; } } @media (min-width: 600px) and (max-width: 980px) { .aria-mobile-nav-item-v15[b-jnd7ruvgc9] { display: flex; justify-content: center; gap: .45rem; min-height: 3.3rem; } .aria-mobile-nav-label-v15[b-jnd7ruvgc9] { width: auto; } .aria-mobile-nav-icon-v15[b-jnd7ruvgc9] { flex-shrink: 0; } } @media (prefers-reduced-motion: reduce) { .aria-mobile-nav-item-v15[b-jnd7ruvgc9] { transition: none; } } @media (prefers-reduced-transparency: reduce) { .aria-mobile-nav-v15[b-jnd7ruvgc9] { background: #f2f8f8; backdrop-filter: none; -webkit-backdrop-filter: none; } } @media (forced-colors: active) { .aria-mobile-nav-v15[b-jnd7ruvgc9] { background: Canvas; border-color: CanvasText; } .aria-mobile-nav-item-v15.active[b-jnd7ruvgc9] { outline: 2px solid Highlight; outline-offset: -3px; } } /* Issue 215: compact, keyboard-safe shell density. */ @media (max-width: 980px) { .sidebar-search input[b-jnd7ruvgc9], .command-search > input[b-jnd7ruvgc9] { font-size: 1rem; } .sidebar-search button[b-jnd7ruvgc9] { width: 2.75rem; height: 2.75rem; } .command-search.open .search-results[b-jnd7ruvgc9] { max-height: calc(100dvh - 11.5rem - env(safe-area-inset-bottom)); } } @media (max-width: 500px) { .auth-header[b-jnd7ruvgc9] { min-height: 4.4rem; } .auth-footer[b-jnd7ruvgc9] { min-height: 2.6rem; } .search-results > button[b-jnd7ruvgc9] { min-height: 3.65rem; } } /* Height guards live in the isolated shell stylesheet so their scoped specificity cannot be defeated by the global Login workspace layer. */ .auth-layout[b-jnd7ruvgc9] { height: 100dvh; min-height: 0; } .auth-content[b-jnd7ruvgc9] { min-height: 0; overflow: hidden; } @media (max-height: 760px) { .auth-header[b-jnd7ruvgc9] { min-height: 4rem; } .auth-footer[b-jnd7ruvgc9] { min-height: 2.5rem; } } @media (max-height: 620px) { .auth-footer[b-jnd7ruvgc9] { display: none; } } @media (max-height: 520px) { .auth-content[b-jnd7ruvgc9] { align-items: start; overflow-y: auto; overscroll-behavior: contain; } } @media print { .aria-mobile-nav-v15[b-jnd7ruvgc9] { display: none !important; } } /* Categorized navigation: the existing dashboard, forms and glass dock keep their own styles. These selectors belong exclusively to the signed-in shell. */ .categorized-shell[b-jnd7ruvgc9] { --sidebar-width: 19.875rem; } .categorized-shell .app-sidebar[b-jnd7ruvgc9] { background:radial-gradient(ellipse at 70% 0,#0e33424d,transparent 42%),#071724; } .categorized-shell .sidebar-head[b-jnd7ruvgc9] { min-height:4.65rem; padding:.7rem 1rem; } .categorized-shell .sidebar-head .brand-mark[b-jnd7ruvgc9] { width:2.65rem; height:2.65rem; box-shadow:none; } .categorized-shell .sidebar-head .brand-copy strong[b-jnd7ruvgc9] { font-size:.99rem; } .categorized-shell .sidebar-head .brand-copy small[b-jnd7ruvgc9] { font-size:.67rem; } .categorized-shell .sidebar-command[b-jnd7ruvgc9] { gap:.45rem; padding:.5rem .8rem .4rem; } .categorized-shell .edition-card[b-jnd7ruvgc9] { min-height:1.9rem; padding:.1rem .25rem; border:0; background:transparent; box-shadow:none; gap:.45rem; } .categorized-shell .edition-symbol[b-jnd7ruvgc9] { width:1.45rem; height:1.45rem; background:transparent; border:0; } .categorized-shell .edition-card strong[b-jnd7ruvgc9] { font-size:.74rem; } .categorized-shell .edition-card small[b-jnd7ruvgc9] { display:none; } .categorized-shell .connection-light[b-jnd7ruvgc9] { width:.38rem; height:.38rem; box-shadow:none; } .categorized-shell .sidebar-search[b-jnd7ruvgc9] { min-height:2.75rem; border-radius:.75rem; padding:0 .6rem; } .categorized-shell .sidebar-search input[b-jnd7ruvgc9] { font-size:.78rem; } .categorized-shell .sidebar-search input[b-jnd7ruvgc9]::placeholder { color:#9bb0c0; } .categorized-shell .sidebar-search button[b-jnd7ruvgc9] { min-width:2.75rem; min-height:2.75rem; } .categorized-shell .sidebar-search .menu-palette-trigger[b-jnd7ruvgc9] { width:2rem; min-width:2rem; } .categorized-shell .sidebar-nav[b-jnd7ruvgc9] { padding:.25rem .75rem .65rem; scrollbar-width:thin; scrollbar-color:#728ba550 transparent; } .categorized-shell .sidebar-nav [hidden][b-jnd7ruvgc9] { display:none !important; } .menu-section-caption[b-jnd7ruvgc9] { display:flex; align-items:center; gap:.55rem; margin:.55rem .55rem .35rem; color:#a0b5c6; font-size:.65rem; line-height:1.8; } .menu-section-caption[b-jnd7ruvgc9]::after { content:""; height:1px; flex:1; background:#abc9df1a; } .menu-favorites[b-jnd7ruvgc9] { padding-bottom:.25rem; border-bottom:1px solid #abc9df14; } .menu-category[b-jnd7ruvgc9] { margin:.12rem 0; } .menu-group-toggle[b-jnd7ruvgc9] { display:grid; width:100%; min-height:3.2rem; grid-template-columns:auto minmax(0,1fr) auto auto; gap:.6rem; align-items:center; padding:.45rem .55rem; border:1px solid transparent; border-radius:.85rem; background:transparent; color:#edf4fa; font:inherit; text-align:right; cursor:pointer; } .menu-group-toggle strong[b-jnd7ruvgc9] { font-size:.86rem; line-height:1.8; font-weight:760; white-space:normal; overflow-wrap:anywhere; } .menu-group-icon[b-jnd7ruvgc9] { display:grid; place-items:center; width:2.15rem; height:2.15rem; color:#a5bdce; border:1px solid #aac8df14; border-radius:.7rem; background:#a8c8df09; } .menu-group-icon[b-jnd7ruvgc9] .app-icon { width:1.2rem; height:1.2rem; } .menu-group-toggle b[b-jnd7ruvgc9],.menu-subgroup-toggle b[b-jnd7ruvgc9] { display:grid; min-width:1.3rem; min-height:1.3rem; padding:.1rem .2rem; place-items:center; color:#a7bbcb; background:#a8c8df08; border:1px solid #aac8df10; border-radius:.38rem; font-size:.6rem; font-weight:500; } .menu-group-toggle[b-jnd7ruvgc9] > .app-icon { width:.65rem; height:.65rem; color:#a8bdcb; transition:transform .15s ease; } .menu-group-toggle.is-open[b-jnd7ruvgc9] { background:#ffffff04; } .menu-group-toggle.is-open .menu-group-icon[b-jnd7ruvgc9] { color:#f3d374; background:#f4d1740c; border-color:#f4d17429; } .menu-group-toggle.is-open[b-jnd7ruvgc9] > .app-icon { transform:rotate(180deg); } .menu-group-toggle:hover[b-jnd7ruvgc9],.menu-subgroup-toggle:hover[b-jnd7ruvgc9] { color:#fff; background:#ffffff08; } .menu-category-children[b-jnd7ruvgc9] { margin:.12rem 1.4rem .35rem .15rem; border-right:1px solid #adc9da23; padding-right:.45rem; } .menu-subgroup-toggle[b-jnd7ruvgc9] { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; width:100%; min-height:2.8rem; gap:.4rem; align-items:center; border:0; border-radius:.65rem; padding:.45rem .55rem; color:#c2d4e0; background:transparent; text-align:right; font:inherit; cursor:pointer; } .menu-subgroup-toggle strong[b-jnd7ruvgc9] { font-size:.76rem; line-height:1.8; font-weight:700; white-space:normal; } .menu-subgroup-toggle[b-jnd7ruvgc9] .app-icon { width:1rem; height:1rem; } .menu-subgroup-toggle[b-jnd7ruvgc9] > .app-icon:last-child { width:.65rem; height:.65rem; } .menu-subgroup-toggle[aria-expanded=true][b-jnd7ruvgc9] > .app-icon:last-child { transform:rotate(180deg); } .menu-subcategory-children[b-jnd7ruvgc9] { margin:.1rem .65rem .35rem 0; border-right:1px solid #9ec4d51a; padding-right:.25rem; } .categorized-shell .sidebar-foot[b-jnd7ruvgc9] { gap:.45rem; padding:.6rem .8rem calc(.5rem + env(safe-area-inset-bottom)); background:#08151eee; border-top:1px solid #a3c4dd1a; } .menu-utilities[b-jnd7ruvgc9] { display:flex; gap:.35rem; } .menu-utilities > button[b-jnd7ruvgc9] { display:grid; min-width:0; min-height:3.55rem; flex:1; place-items:center; align-content:center; gap:.35rem; padding:.5rem .2rem; color:#c1d0dc; background:#a4bdd406; border:1px solid #a4bdd419; border-radius:.8rem; font:inherit; cursor:pointer; } .menu-utilities > button[b-jnd7ruvgc9] .app-icon { width:1.05rem; height:1.05rem; } .menu-utilities > button span[b-jnd7ruvgc9] { font-size:.68rem; line-height:1.5; } .menu-utilities > button:hover[b-jnd7ruvgc9],.menu-utilities > button[aria-expanded=true][b-jnd7ruvgc9] { color:#f2d478; background:#e6c3600c; border-color:#e6c36040; } .menu-connection[b-jnd7ruvgc9] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.25rem; padding:.1rem .2rem; color:#a2b8c9; font-size:.55rem; line-height:1.6; } .menu-connection > span:first-child[b-jnd7ruvgc9] { display:flex; align-items:center; gap:.35rem; } .categorized-shell .sidebar-collapse[b-jnd7ruvgc9] { min-height:2.75rem; padding:.3rem .55rem; color:#acbfd0; border:0; background:transparent; } .menu-utility-panel[b-jnd7ruvgc9] { position:absolute; z-index:5; inset:auto .55rem calc(100% + .4rem); max-height:calc(100dvh - 11.5rem); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; color:#e7f0f7; background:#0b2130; border:1px solid #a5c7dc30; border-radius:1rem; box-shadow:0 -1rem 3rem #0209116b; } .menu-utility-panel > header[b-jnd7ruvgc9],.menu-command-dialog > header[b-jnd7ruvgc9] { display:flex; min-height:3.5rem; flex-shrink:0; align-items:center; justify-content:space-between; gap:.6rem; padding:.55rem .8rem; border-bottom:1px solid #abc9db20; } .menu-utility-panel > header strong[b-jnd7ruvgc9] { font-size:.86rem; } .menu-utility-body[b-jnd7ruvgc9] { min-height:0; padding:.4rem; overflow-y:auto; overscroll-behavior:contain; touch-action:pan-y; } .menu-small-button[b-jnd7ruvgc9] { display:grid; flex:0 0 2.75rem; width:2.75rem; height:2.75rem; padding:0; place-items:center; color:#b6cbd9; background:#c5dfec09; border:1px solid #c5dfec15; border-radius:.75rem; cursor:pointer; } .menu-small-button[b-jnd7ruvgc9] .app-icon { width:1rem; height:1rem; } .menu-about[b-jnd7ruvgc9] { padding:.75rem; text-align:center; } .menu-about img[b-jnd7ruvgc9] { width:3rem; height:3rem; border-radius:.8rem; } .menu-about h2[b-jnd7ruvgc9] { margin:.65rem 0 .4rem; color:#edf5f9; font-size:1rem; } .menu-about p[b-jnd7ruvgc9],.menu-about dl[b-jnd7ruvgc9] { color:#b0c5d3; font-size:.76rem; line-height:1.8; } .menu-about dl[b-jnd7ruvgc9] { display:grid; grid-template-columns:1fr 1fr; gap:.4rem; text-align:right; } .menu-about dd[b-jnd7ruvgc9] { margin:0; color:#ebd183; } .command-palette-button[b-jnd7ruvgc9] { width:100%; font:inherit; cursor:pointer; text-align:right; } .command-palette-button > span[b-jnd7ruvgc9] { flex:1; font-size:.76rem; } .categorized-shell .app-sidebar button:focus-visible[b-jnd7ruvgc9],.categorized-shell .app-topbar button:focus-visible[b-jnd7ruvgc9],.menu-command-dialog button:focus-visible[b-jnd7ruvgc9],.categorized-shell .brand:focus-visible[b-jnd7ruvgc9] { outline:2px solid #eac355; outline-offset:2px; } .menu-command-dialog[b-jnd7ruvgc9] { position:fixed; width:min(38rem,calc(100vw - 1.5rem)); max-height:calc(100dvh - 2rem); margin:auto; padding:0; color:#eaf3f9; background:#0b2231; border:1px solid #a9cddd4d; border-radius:1.2rem; box-shadow:0 2rem 5rem #0006; overflow:hidden; direction:rtl; } .menu-command-dialog[open][b-jnd7ruvgc9] { display:flex; flex-direction:column; } .menu-command-dialog[b-jnd7ruvgc9]::backdrop { background:#05131bb3; backdrop-filter:blur(5px); } .menu-command-dialog > header strong[b-jnd7ruvgc9],.menu-command-dialog > header small[b-jnd7ruvgc9] { display:block; } .menu-command-dialog > header strong[b-jnd7ruvgc9] { font-size:.94rem; } .menu-command-dialog > header small[b-jnd7ruvgc9] { margin-top:.2rem; font-size:.7rem; color:#adc4d4; } .menu-command-input[b-jnd7ruvgc9] { display:flex; min-height:3.2rem; flex-shrink:0; align-items:center; gap:.6rem; margin:.75rem .75rem .1rem; padding:.45rem .65rem; border:1px solid #a6c7da40; border-radius:.75rem; background:#03121e66; } .menu-command-input[b-jnd7ruvgc9] .app-icon { width:1.2rem; height:1.2rem; color:#d8bc63; } .menu-command-input input[b-jnd7ruvgc9] { width:100%; min-width:0; color:#eef4f8; background:transparent; border:0; font:inherit; font-size:1rem; outline:none; } .menu-command-input input[b-jnd7ruvgc9]::placeholder { color:#a2b7c6; } .menu-command-input:focus-within[b-jnd7ruvgc9] { outline:2px solid #e6be55; outline-offset:2px; } .menu-palette-count[b-jnd7ruvgc9] { margin:.4rem 1rem; color:#adc3d1; font-size:.7rem; } .menu-palette-results[b-jnd7ruvgc9] { min-height:0; padding:.2rem .5rem .5rem; overflow-y:auto; overscroll-behavior:contain; touch-action:pan-y; } .menu-palette-result[b-jnd7ruvgc9] { display:grid; width:100%; min-height:3.5rem; grid-template-columns:1.4rem minmax(0,1fr) 1rem; align-items:center; gap:.65rem; margin:.15rem 0; padding:.6rem .75rem; color:#d2e0ea; background:transparent; border:1px solid transparent; border-radius:.75rem; text-align:right; font:inherit; cursor:pointer; } .menu-palette-result[b-jnd7ruvgc9] > .app-icon { width:1.2rem; height:1.2rem; } .menu-palette-result strong[b-jnd7ruvgc9],.menu-palette-result small[b-jnd7ruvgc9] { display:block; line-height:1.8; overflow-wrap:anywhere; } .menu-palette-result strong[b-jnd7ruvgc9] { font-size:.83rem; } .menu-palette-result small[b-jnd7ruvgc9] { color:#a1bacc; font-size:.7rem; } .menu-palette-result.is-current[b-jnd7ruvgc9],.menu-palette-result:hover[b-jnd7ruvgc9] { color:#f3d473; background:#eccb6410; border-color:#eccb6433; } .menu-command-dialog > footer[b-jnd7ruvgc9] { display:flex; flex-shrink:0; gap:1rem; padding:.7rem 1rem; border-top:1px solid #abc9db20; color:#abc1d0; font-size:.7rem; } .categorized-shell .app-content:focus[b-jnd7ruvgc9] { outline:none; } @media (min-width:981px) { .categorized-shell.sidebar-compact[b-jnd7ruvgc9] { --sidebar-width:5.2rem; } .categorized-shell.sidebar-compact .sidebar-head[b-jnd7ruvgc9] { padding:.7rem .4rem; } .categorized-shell.sidebar-compact .sidebar-command[b-jnd7ruvgc9] { padding:.3rem .5rem; } .categorized-shell.sidebar-compact .edition-card[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .sidebar-search[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .menu-section-caption[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .menu-favorites[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .menu-category-children[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .menu-connection[b-jnd7ruvgc9] { display:none; } .categorized-shell.sidebar-compact .sidebar-nav[b-jnd7ruvgc9] { padding:.15rem .45rem; } .categorized-shell.sidebar-compact .menu-group-toggle[b-jnd7ruvgc9] { grid-template-columns:1fr; justify-items:center; padding:.4rem; min-height:3.2rem; } .categorized-shell.sidebar-compact .menu-group-toggle strong[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .menu-group-toggle b[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .menu-group-toggle[b-jnd7ruvgc9] > .app-icon { display:none; } .categorized-shell.sidebar-compact .sidebar-nav[b-jnd7ruvgc9] .leaf-copy,.categorized-shell.sidebar-compact .sidebar-nav[b-jnd7ruvgc9] .leaf-star { display:none; } .categorized-shell.sidebar-compact .sidebar-nav[b-jnd7ruvgc9] .menu-leaf a { justify-content:center; min-height:3.2rem; } .categorized-shell.sidebar-compact .menu-utilities[b-jnd7ruvgc9] { flex-direction:column; } .categorized-shell.sidebar-compact .menu-utilities > button[b-jnd7ruvgc9] { min-height:2.75rem; } .categorized-shell.sidebar-compact .menu-utilities span[b-jnd7ruvgc9] { display:none; } .categorized-shell.sidebar-compact .sidebar-foot[b-jnd7ruvgc9] { padding:.45rem; } .categorized-shell .app-topbar[b-jnd7ruvgc9] { grid-template-columns:minmax(10rem,.85fr) minmax(10rem,1fr) auto; } } @media (max-width:980px) { .categorized-shell[b-jnd7ruvgc9] { --sidebar-width:0rem; } .categorized-shell .app-sidebar[b-jnd7ruvgc9],.categorized-shell.sidebar-compact .app-sidebar[b-jnd7ruvgc9] { width:min(23rem,calc(100vw - 2rem)); right:calc(100% - 100vw); border-radius:0; padding-top:env(safe-area-inset-top); } .categorized-shell .app-sidebar:not(.open)[b-jnd7ruvgc9] { visibility:hidden; } .categorized-shell .app-sidebar.open[b-jnd7ruvgc9] { visibility:visible; } .categorized-shell .sidebar-search input[b-jnd7ruvgc9] { font-size:1rem; } .categorized-shell .sidebar-foot[b-jnd7ruvgc9] { padding-bottom:calc(.55rem + env(safe-area-inset-bottom)); } .categorized-shell .sidebar-collapse[b-jnd7ruvgc9] { display:none; } .categorized-shell .sidebar-head .icon-button[b-jnd7ruvgc9] { min-width:2.75rem; min-height:2.75rem; } .menu-utility-panel[b-jnd7ruvgc9] { max-height:calc(100dvh - 8.5rem - env(safe-area-inset-bottom)); } } @media (max-width:760px) { .command-palette-button[b-jnd7ruvgc9] { display:none; } } @media (max-width:360px) { .categorized-shell .sidebar-head[b-jnd7ruvgc9] { padding:.65rem .7rem; gap:.4rem; } .categorized-shell .sidebar-head .brand[b-jnd7ruvgc9] { gap:.5rem; } .categorized-shell .sidebar-head .brand-copy strong[b-jnd7ruvgc9] { font-size:.83rem; } .menu-group-toggle strong[b-jnd7ruvgc9] { font-size:.82rem; } .menu-category-children[b-jnd7ruvgc9] { margin-right:.65rem; padding-right:.2rem; } } @media (max-height:520px) { .categorized-shell .sidebar-head[b-jnd7ruvgc9] { min-height:3.7rem; padding-block:.35rem; } .categorized-shell .edition-card[b-jnd7ruvgc9] { display:none; } .categorized-shell .sidebar-command[b-jnd7ruvgc9] { padding-block:.2rem; } .categorized-shell .menu-utilities > button[b-jnd7ruvgc9] { min-height:2.75rem; display:flex; justify-content:center; gap:.3rem; } .categorized-shell .menu-connection[b-jnd7ruvgc9] { display:none; } .categorized-shell .sidebar-foot[b-jnd7ruvgc9] { padding-block:.3rem; } .menu-utility-panel[b-jnd7ruvgc9] { max-height:calc(100dvh - 5.75rem); } .menu-command-dialog[b-jnd7ruvgc9] { max-height:calc(100dvh - .75rem); } } @media (prefers-reduced-motion:reduce) { .categorized-shell .app-sidebar[b-jnd7ruvgc9],.categorized-shell .app-stage[b-jnd7ruvgc9],.menu-group-toggle[b-jnd7ruvgc9] > .app-icon { transition:none; } } @media (forced-colors:active) { .menu-group-toggle[b-jnd7ruvgc9],.menu-subgroup-toggle[b-jnd7ruvgc9],.menu-utilities > button[b-jnd7ruvgc9],.menu-command-dialog[b-jnd7ruvgc9],.menu-utility-panel[b-jnd7ruvgc9] { color:CanvasText; background:Canvas; border-color:CanvasText; } .menu-palette-result.is-current[b-jnd7ruvgc9] { outline:2px solid Highlight; } } /* Mobile category cards keep the existing tree, routes and desktop density. */ .menu-group-copy[b-jnd7ruvgc9] { display:contents; } .menu-group-preview[b-jnd7ruvgc9] { display:none; } @media (min-width:981px) { .categorized-shell.sidebar-compact .menu-group-copy[b-jnd7ruvgc9] { display:none; } } @media (max-width:980px) { .categorized-shell .app-sidebar[b-jnd7ruvgc9], .categorized-shell.sidebar-compact .app-sidebar[b-jnd7ruvgc9] { width:min(25rem,calc(100vw - 1.5rem)); grid-template-columns:minmax(0,1fr); border-radius:1.5rem 0 0 1.5rem; background:radial-gradient(ellipse at 100% 0,#17465466,transparent 42%),#081b28; } .categorized-shell .sidebar-head[b-jnd7ruvgc9] { min-height:72px; gap:8px; padding:10px max(14px,env(safe-area-inset-right)) 10px 14px; } .categorized-shell .sidebar-head .brand[b-jnd7ruvgc9] { gap:10px; } .categorized-shell .sidebar-head .brand-mark[b-jnd7ruvgc9] { width:42px; height:42px; } .categorized-shell .sidebar-head .icon-button[b-jnd7ruvgc9] { width:44px; height:44px; min-width:44px; min-height:44px; } .categorized-shell .sidebar-head .brand-copy small[b-jnd7ruvgc9] { color:#a9bfca; font-size:.72rem; } .categorized-shell .sidebar-command[b-jnd7ruvgc9] { min-width:0; grid-template-columns:minmax(0,1fr); gap:7px; padding:7px 14px 10px; } .categorized-shell .edition-card[b-jnd7ruvgc9] { min-height:28px; padding:2px 4px; gap:7px; } .categorized-shell .sidebar-search[b-jnd7ruvgc9] { min-height:48px; gap:8px; padding-inline:10px; background:#061521; border-color:#a6c9db30; border-radius:1rem; } .categorized-shell .sidebar-search button[b-jnd7ruvgc9],.categorized-shell .sidebar-search .menu-palette-trigger[b-jnd7ruvgc9] { width:44px; height:44px; min-width:44px; min-height:44px; } .categorized-shell .sidebar-search input[b-jnd7ruvgc9] { font-size:1rem; } .categorized-shell .sidebar-nav[b-jnd7ruvgc9] { padding:4px 14px 14px; scroll-padding-block:8px; } .menu-section-caption[b-jnd7ruvgc9] { margin:.65rem .4rem .5rem; color:#b6c9d5; font-size:.75rem; } .menu-category[b-jnd7ruvgc9] { --category-accent:#85d9d1; margin:.4rem 0; border:1px solid #a5c5d51c; border-radius:1.05rem; background:linear-gradient(115deg,#ffffff06,#ffffff03); transition:background .16s ease,border-color .16s ease; } .menu-category[data-category="daily"][b-jnd7ruvgc9],.menu-category[data-category="people"][b-jnd7ruvgc9] { --category-accent:#a5d3fc; } .menu-category[data-category="finance"][b-jnd7ruvgc9],.menu-category[data-category="inventory"][b-jnd7ruvgc9] { --category-accent:#edd08a; } .menu-category[data-category="analysis"][b-jnd7ruvgc9],.menu-category[data-category="smart"][b-jnd7ruvgc9] { --category-accent:#c6b8fa; } .menu-category.is-expanded[b-jnd7ruvgc9] { border-color:#b6d9e340; background:#123140; } .menu-category.has-active-page[b-jnd7ruvgc9] { border-color:#edca7659; } .menu-group-toggle[b-jnd7ruvgc9] { min-height:64px; gap:8px; padding:9px 10px; border-radius:1rem; } .menu-group-copy[b-jnd7ruvgc9] { display:block; min-width:0; } .menu-group-toggle strong[b-jnd7ruvgc9] { font-size:.94rem; line-height:1.8; font-weight:750; overflow-wrap:normal; } .menu-group-preview[b-jnd7ruvgc9] { display:block; margin-top:.08rem; color:#b4c6d2; font-size:.73rem; line-height:1.8; overflow-wrap:anywhere; } .menu-group-icon[b-jnd7ruvgc9] { width:40px; height:40px; color:var(--category-accent); background:#b7deee0a; border-color:#b7deee20; border-radius:14px; } .menu-group-icon[b-jnd7ruvgc9] .app-icon { width:21px; height:21px; } .menu-group-toggle b[b-jnd7ruvgc9],.menu-subgroup-toggle b[b-jnd7ruvgc9] { min-width:24px; min-height:24px; color:#c4d7e1; font-size:.73rem; border-radius:8px; } .menu-group-toggle[b-jnd7ruvgc9] > .app-icon { width:13px; height:13px; } .menu-group-toggle.is-open[b-jnd7ruvgc9] { background:transparent; } .menu-group-toggle.is-open strong[b-jnd7ruvgc9],.has-active-page > .menu-group-toggle strong[b-jnd7ruvgc9] { color:#f4d78a; } .menu-group-toggle.is-open .menu-group-icon[b-jnd7ruvgc9] { color:var(--category-accent); background:#b7deee12; border-color:#b7deee38; } .menu-category-children[b-jnd7ruvgc9] { margin:0 12px 10px 8px; padding:4px 6px 0 0; border-color:#b3d1dd35; } .menu-subgroup-toggle[b-jnd7ruvgc9] { min-height:50px; padding:8px 6px; gap:8px; } .menu-subgroup-toggle strong[b-jnd7ruvgc9] { font-size:.88rem; } .menu-subgroup-toggle[aria-expanded=true][b-jnd7ruvgc9] { color:#f4d78a; background:#ffffff07; } .menu-subcategory-children[b-jnd7ruvgc9] { margin-right:5px; padding-right:4px; } .categorized-shell .sidebar-foot[b-jnd7ruvgc9] { padding:10px 14px calc(10px + env(safe-area-inset-bottom)); background:#081b28; } .menu-utilities > button[b-jnd7ruvgc9] { min-height:58px; padding:8px 3px; border-radius:1rem; background:#ffffff05; } .menu-utilities > button span[b-jnd7ruvgc9] { font-size:.77rem; } .menu-utilities > button[b-jnd7ruvgc9] .app-icon { width:20px; height:20px; } .menu-connection[b-jnd7ruvgc9] { color:#b2c7d2; font-size:.68rem; } .menu-empty[b-jnd7ruvgc9] { padding:1rem; color:#bed0dc; font-size:.9rem; line-height:1.9; } .categorized-shell .sidebar-nav[b-jnd7ruvgc9] .menu-leaf a { min-height:50px; padding:8px; gap:8px; } .categorized-shell .app-sidebar[b-jnd7ruvgc9] .leaf-icon { flex-basis:20px; } .categorized-shell .app-sidebar[b-jnd7ruvgc9] .leaf-icon .app-icon { width:20px; height:20px; } .categorized-shell .app-sidebar[b-jnd7ruvgc9] .leaf-copy strong { font-size:.88rem; line-height:1.85; } .categorized-shell .app-sidebar[b-jnd7ruvgc9] .leaf-copy small { font-size:.75rem; } .categorized-shell .app-sidebar[b-jnd7ruvgc9] .leaf-star { min-width:44px; width:44px; flex-basis:44px; } .categorized-shell .app-sidebar[b-jnd7ruvgc9] .menu-leaf.is-active { background:#edc96b17; border-color:#edc96b55; } .menu-group-toggle:active[b-jnd7ruvgc9],.menu-subgroup-toggle:active[b-jnd7ruvgc9] { background:#ffffff10; } } @media (max-width:360px) { .categorized-shell .sidebar-nav[b-jnd7ruvgc9] { padding-inline:9px; } .menu-group-toggle[b-jnd7ruvgc9] { gap:6px; padding-inline:8px; } .menu-group-toggle strong[b-jnd7ruvgc9] { font-size:.9rem; } .menu-group-icon[b-jnd7ruvgc9] { width:35px; height:35px; } } @media (max-width:980px) and (max-height:520px) { .categorized-shell .sidebar-head[b-jnd7ruvgc9] { min-height:3.5rem; padding-block:.3rem; } .categorized-shell .sidebar-command[b-jnd7ruvgc9] { padding-block:.25rem; } .categorized-shell .sidebar-foot[b-jnd7ruvgc9] { padding-block:.3rem; } .menu-utilities > button[b-jnd7ruvgc9] { min-height:2.75rem; } .menu-group-toggle[b-jnd7ruvgc9] { min-height:3.5rem; padding-block:.35rem; } } @media (prefers-reduced-motion:reduce) { .menu-category[b-jnd7ruvgc9] { transition:none; } } @media (forced-colors:active) { .categorized-shell .app-sidebar[b-jnd7ruvgc9],.menu-category[b-jnd7ruvgc9],.menu-category.is-expanded[b-jnd7ruvgc9] { background:Canvas; color:CanvasText; border-color:CanvasText; } .menu-group-preview[b-jnd7ruvgc9],.menu-group-icon[b-jnd7ruvgc9],.menu-group-toggle strong[b-jnd7ruvgc9],.menu-group-toggle b[b-jnd7ruvgc9] { color:CanvasText; } .menu-category.has-active-page[b-jnd7ruvgc9] { outline:2px solid Highlight; outline-offset:-2px; } } /* Shared visual language with the glass navigation dock. */ .categorized-shell .app-topbar[b-jnd7ruvgc9] { background:#f2f8f8; border:1px solid #ffffffe6; border-radius:1.4rem; box-shadow:0 .55rem 2rem #173e521a,0 0 0 1px #365f6812,inset 0 1px 0 #fff; } .categorized-shell .app-topbar .command-search[b-jnd7ruvgc9], .categorized-shell .app-topbar .profile-trigger[b-jnd7ruvgc9], .categorized-shell .app-topbar .today-chip[b-jnd7ruvgc9], .categorized-shell .app-topbar .icon-button:not(.menu-button)[b-jnd7ruvgc9] { background:#ffffff66; border-color:#ffffffb3; color:#35545f; box-shadow:inset 0 1px 0 #ffffff99; } .categorized-shell .app-topbar .command-search:hover[b-jnd7ruvgc9], .categorized-shell .app-topbar .profile-trigger:hover[b-jnd7ruvgc9], .categorized-shell .app-topbar .icon-button:hover[b-jnd7ruvgc9] { background:#ffffffb8; color:#075c59; } .categorized-shell .app-topbar .page-identity > span[b-jnd7ruvgc9] { color:#506d77; } .categorized-shell .app-topbar .page-identity > strong[b-jnd7ruvgc9] { color:#173e4c; } .categorized-shell .app-topbar .profile-copy small[b-jnd7ruvgc9] { color:#536f79; } @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .categorized-shell .app-topbar[b-jnd7ruvgc9] { background:linear-gradient(135deg,#ffffffba,#ecf7f5a6); backdrop-filter:blur(24px) saturate(165%); -webkit-backdrop-filter:blur(24px) saturate(165%); } } @media(max-width:980px) { /* Let the scrolling page pass behind the glass, as it does behind the dock. */ .categorized-shell .app-stage[b-jnd7ruvgc9] { grid-template-rows:minmax(0,1fr); } .categorized-shell .app-topbar[b-jnd7ruvgc9] { position:fixed; top:calc(.5rem + env(safe-area-inset-top)); inset-inline:max(.6rem,env(safe-area-inset-left)) max(.6rem,env(safe-area-inset-right)); margin:0; border-radius:1.3rem; } .categorized-shell .app-content[b-jnd7ruvgc9] { grid-area:1 / 1; padding-top:calc(var(--aria-header-height,6.5rem) + .5rem + env(safe-area-inset-top) + clamp(1rem,2vw,1.65rem)); scroll-padding-top:calc(var(--aria-header-height,6.5rem) + 1rem + env(safe-area-inset-top)); } } @media(max-width:760px) { .categorized-shell .app-content[b-jnd7ruvgc9] { padding-top:calc(var(--aria-header-height,6.5rem) + 1.22rem + env(safe-area-inset-top)); } } @media(prefers-reduced-transparency:reduce) { .categorized-shell .app-topbar[b-jnd7ruvgc9] { background:#f2f8f8; backdrop-filter:none; -webkit-backdrop-filter:none; } } @media(forced-colors:active) { .categorized-shell .app-topbar[b-jnd7ruvgc9] { color:CanvasText; background:Canvas; border-color:CanvasText; backdrop-filter:none; } } /* /Components/Layout/NavigationLeaf.razor.rz.scp.css */ .menu-leaf[b-ipx38i884f] { display:flex; align-items:stretch; min-width:0; color:#c2d0dc; border:1px solid transparent; border-radius:.75rem; } .menu-leaf a[b-ipx38i884f] { display:flex; flex:1; min-width:0; min-height:2.8rem; align-items:center; gap:.55rem; padding:.5rem .65rem; color:inherit; text-decoration:none; border-radius:inherit; } .leaf-icon[b-ipx38i884f] { display:grid; flex:0 0 1.25rem; place-items:center; color:#9cb6c8; } .leaf-icon[b-ipx38i884f] .app-icon { width:1.1rem; height:1.1rem; } .leaf-copy[b-ipx38i884f] { min-width:0; flex:1; } .leaf-copy strong[b-ipx38i884f] { display:block; font-size:.82rem; font-weight:650; line-height:1.8; overflow-wrap:anywhere; } .leaf-copy small[b-ipx38i884f] { display:block; font-size:.7rem; color:#a4b7c7; line-height:1.8; } .leaf-star[b-ipx38i884f] { flex:0 0 2.75rem; width:2.75rem; min-height:2.75rem; display:grid; place-items:center; padding:0; border:0; border-radius:.6rem; background:transparent; color:#96acbb; cursor:pointer; } .leaf-star svg[b-ipx38i884f] { width:1rem; height:1rem; } .leaf-star[aria-pressed=true][b-ipx38i884f] { color:#f2d06c; } .menu-leaf:hover[b-ipx38i884f],.menu-leaf:focus-within[b-ipx38i884f] { background:#ffffff09; color:#fff; } .menu-leaf.is-active[b-ipx38i884f] { color:#f6d575; border-color:#e5ba503d; background:#e4bb5017; } .menu-leaf.is-active .leaf-icon[b-ipx38i884f] { color:inherit; } .is-prominent .leaf-copy strong[b-ipx38i884f] { font-weight:800; } .leaf-star:hover[b-ipx38i884f] { color:#ffe398; background:#ffffff0d; } .menu-leaf a:focus-visible[b-ipx38i884f],.leaf-star:focus-visible[b-ipx38i884f] { outline:2px solid #edc559; outline-offset:-2px; } @media (forced-colors:active) { .menu-leaf.is-active[b-ipx38i884f] { outline:2px solid Highlight; } .menu-leaf[b-ipx38i884f],.leaf-star[b-ipx38i884f] { color:CanvasText; } } /* /Components/Layout/NavMenu.razor.rz.scp.css */ .navbar-toggler[b-bg9aeaiwzz] { appearance: none; cursor: pointer; width: 3.5rem; height: 2.5rem; color: white; position: absolute; top: 0.5rem; right: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1); } .navbar-toggler:checked[b-bg9aeaiwzz] { background-color: rgba(255, 255, 255, 0.5); } .top-row[b-bg9aeaiwzz] { min-height: 3.5rem; background-color: rgba(0,0,0,0.4); } .navbar-brand[b-bg9aeaiwzz] { font-size: 1.1rem; } .bi[b-bg9aeaiwzz] { display: inline-block; position: relative; width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; top: -1px; background-size: cover; } .bi-house-door-fill-nav-menu[b-bg9aeaiwzz] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E"); } .bi-plus-square-fill-nav-menu[b-bg9aeaiwzz] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E"); } .bi-list-nested-nav-menu[b-bg9aeaiwzz] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E"); } .nav-item[b-bg9aeaiwzz] { font-size: 0.9rem; padding-bottom: 0.5rem; } .nav-item:first-of-type[b-bg9aeaiwzz] { padding-top: 1rem; } .nav-item:last-of-type[b-bg9aeaiwzz] { padding-bottom: 1rem; } .nav-item[b-bg9aeaiwzz] .nav-link { color: #d7d7d7; background: none; border: none; border-radius: 4px; height: 3rem; display: flex; align-items: center; line-height: 3rem; width: 100%; } .nav-item[b-bg9aeaiwzz] a.active { background-color: rgba(255,255,255,0.37); color: white; } .nav-item[b-bg9aeaiwzz] .nav-link:hover { background-color: rgba(255,255,255,0.1); color: white; } .nav-scrollable[b-bg9aeaiwzz] { display: none; } .navbar-toggler:checked ~ .nav-scrollable[b-bg9aeaiwzz] { display: block; } @media (min-width: 641px) { .navbar-toggler[b-bg9aeaiwzz] { display: none; } .nav-scrollable[b-bg9aeaiwzz] { /* Never collapse the sidebar for wide screens */ display: block; /* Allow sidebar to scroll for tall menus */ height: calc(100vh - 3.5rem); overflow-y: auto; } } /* /Components/Pages/Accounting.razor.rz.scp.css */ .accounting-health[b-i51hach71a] { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(18rem, .9fr) minmax(32rem, 1.4fr); gap: 1rem; align-items: stretch; margin-bottom: .85rem; padding: 1.1rem; border: 1px solid rgba(80, 199, 142, .28); border-radius: 1.2rem; background: radial-gradient(circle at 8% 25%, rgba(51, 190, 126, .14), transparent 30%), linear-gradient(135deg, rgba(16, 47, 64, .98), rgba(12, 29, 48, .98)); } .accounting-health.degraded[b-i51hach71a] { border-color: rgba(233, 164, 72, .38); background: radial-gradient(circle at 8% 25%, rgba(221, 151, 54, .16), transparent 30%), linear-gradient(135deg, rgba(48, 41, 36, .96), rgba(15, 30, 48, .98)); } .health-summary[b-i51hach71a] { display: flex; align-items: center; gap: .9rem; min-width: 0; } .health-orb[b-i51hach71a] { flex: 0 0 auto; display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border: 1px solid rgba(99, 225, 166, .45); border-radius: 50%; color: #71e3ae; background: rgba(39, 174, 112, .12); } .degraded .health-orb[b-i51hach71a] { border-color: rgba(241, 190, 95, .48); color: #f1c66f; background: rgba(205, 137, 43, .12); } .health-summary h2[b-i51hach71a] { margin: .25rem 0 .3rem; color: #f6f9fc; font-size: 1.25rem; } .health-summary p[b-i51hach71a] { margin: 0; color: #c3d2df; font-size: .85rem; line-height: 1.75; } .health-summary small[b-i51hach71a] { display: block; margin-top: .45rem; color: #88a3b9; } .health-metrics[b-i51hach71a] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; } .health-metrics article[b-i51hach71a] { min-width: 0; padding: .8rem; border: 1px solid rgba(129, 165, 193, .16); border-radius: .85rem; background: rgba(5, 19, 33, .38); } .health-metrics span[b-i51hach71a], .health-metrics small[b-i51hach71a] { display: block; color: #a8bccd; font-size: .71rem; line-height: 1.55; } .health-metrics strong[b-i51hach71a] { display: block; margin: .45rem 0 .35rem; color: #f2f6fa; font-size: .95rem; line-height: 1.5; } .page-header.accounting-hero[b-i51hach71a] { position: relative; overflow: hidden; min-height: 13.5rem; padding: clamp(1.3rem, 3vw, 2.2rem); border: 1px solid rgba(108, 180, 207, .28); border-radius: 1.6rem; background: radial-gradient(circle at 9% 14%, rgba(69, 193, 169, .18), transparent 31%), radial-gradient(circle at 92% 88%, rgba(98, 130, 214, .17), transparent 34%), linear-gradient(132deg,#0a1c31,#163c55 56%,#285b5d); color: #fff; box-shadow: 0 1.4rem 3.4rem rgba(3,18,33,.25); } .page-header.accounting-hero[b-i51hach71a]::after { content:""; position:absolute; inset:auto -4rem -7rem auto; width:20rem; height:20rem; border:2.6rem solid rgba(255,255,255,.035); border-radius:50%; pointer-events:none; } .page-header.accounting-hero > *[b-i51hach71a] { position:relative; z-index:1; }.page-header.accounting-hero h1[b-i51hach71a] { margin:.35rem 0 .5rem; color:#fff; font-size:clamp(1.9rem,4vw,2.85rem); }.page-header.accounting-hero p[b-i51hach71a] { max-width:54rem; color:#d3e4ea; line-height:1.95; }.page-header.accounting-hero .eyebrow[b-i51hach71a] { color:#8ce4d4; } .accounting-health[b-i51hach71a] { margin-top: -1.1rem; margin-inline: 1rem; position: relative; z-index: 2; box-shadow: 0 .9rem 2rem rgba(4,18,32,.17); } .accounting-command-grid[b-i51hach71a] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin-bottom:.8rem; } .accounting-command-grid > button[b-i51hach71a] { --command-accent:#5f91bc; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.7rem; min-width:0; min-height:6rem; padding:.8rem; border:1px solid color-mix(in srgb,var(--command-accent) 28%,var(--line-strong)); border-radius:1rem; background:color-mix(in srgb,var(--command-accent) 6%,var(--surface-card)); color:var(--ink); font:inherit; text-align:right; cursor:pointer; transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease; } .accounting-command-grid > button:nth-child(2)[b-i51hach71a]{--command-accent:#8a78d0}.accounting-command-grid > button:nth-child(3)[b-i51hach71a]{--command-accent:#bd8d36}.accounting-command-grid > button:nth-child(4)[b-i51hach71a]{--command-accent:#3bae80}.accounting-command-grid > button:hover[b-i51hach71a],.accounting-command-grid > button:focus-visible[b-i51hach71a],.accounting-command-grid > button.active[b-i51hach71a]{transform:translateY(-2px);border-color:var(--command-accent);box-shadow:0 .65rem 1.5rem color-mix(in srgb,var(--command-accent) 12%,transparent);outline:none}.accounting-command-grid > button.active[b-i51hach71a]{background:color-mix(in srgb,var(--command-accent) 12%,var(--surface-card))} .accounting-command-grid .command-icon[b-i51hach71a] { display:grid; place-items:center; width:2.8rem; height:2.8rem; border-radius:.85rem; color:var(--command-accent); background:color-mix(in srgb,var(--command-accent) 14%,transparent); }.accounting-command-grid .command-icon[b-i51hach71a] .app-icon{width:1.25rem;height:1.25rem}.accounting-command-grid strong[b-i51hach71a],.accounting-command-grid small[b-i51hach71a]{display:block}.accounting-command-grid strong[b-i51hach71a]{margin-bottom:.28rem;color:var(--ink);font-size:.88rem}.accounting-command-grid small[b-i51hach71a]{color:var(--text-muted-dark);font-size:.68rem;line-height:1.5}.accounting-command-grid b[b-i51hach71a]{max-width:5.5rem;overflow:hidden;padding:.28rem .45rem;border-radius:.55rem;color:var(--command-accent);background:color-mix(in srgb,var(--command-accent) 10%,transparent);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap} @media (max-width: 1100px) { .accounting-health[b-i51hach71a] { grid-template-columns: 1fr; } .accounting-command-grid[b-i51hach71a] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .health-summary[b-i51hach71a] { align-items: flex-start; } .health-metrics[b-i51hach71a] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-header.accounting-hero[b-i51hach71a] { min-height: 0; padding: 1.1rem; border-radius: 1.3rem; } .accounting-health[b-i51hach71a] { margin: .8rem 0; } .accounting-command-grid[b-i51hach71a] { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .accounting-command-grid > button[b-i51hach71a] { transition: none; } .accounting-command-grid > button:hover[b-i51hach71a], .accounting-command-grid > button:focus-visible[b-i51hach71a] { transform: none; } } @media print { .accounting-health[b-i51hach71a] { break-inside: avoid; box-shadow: none; } } .accounting-editor-fields[b-i51hach71a] { border: 0; margin: 0; padding: 0; min-width: 0; } .accounting-editor-fields:disabled[b-i51hach71a] { opacity: .78; } .accounting-command-grid > button:focus-visible[b-i51hach71a] { outline: 3px solid var(--command-accent); outline-offset: 3px; } /* /Components/Pages/AiInventoryIntake.razor.rz.scp.css */ .ai-hero[b-m2p0fh5v4y] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.35rem; border: 1px solid rgba(102, 177, 226, .25); border-radius: 24px; background: radial-gradient(circle at 88% 5%, rgba(66, 195, 190, .18), transparent 31%), radial-gradient(circle at 10% 100%, rgba(196, 154, 66, .15), transparent 34%), linear-gradient(145deg, #0b2138, #102c49); box-shadow: 0 20px 52px rgba(2, 10, 22, .3); } .ai-hero h1[b-m2p0fh5v4y] { margin: .25rem 0 .4rem; font-size: clamp(1.45rem, 2.6vw, 2.1rem); } .ai-hero p[b-m2p0fh5v4y] { margin: 0; max-width: 790px; color: #b3c4d5; line-height: 1.9; } .ai-hero-actions[b-m2p0fh5v4y] { display: flex; flex-wrap: wrap; gap: .55rem; } .feature-unavailable[b-m2p0fh5v4y] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .9rem; margin-top: .8rem; padding: 1rem 1.1rem; border: 1px solid rgba(239, 112, 108, .42); border-radius: 18px; background: linear-gradient(145deg, rgba(92, 33, 43, .34), rgba(17, 33, 54, .97)); } .feature-unavailable h2[b-m2p0fh5v4y] { margin: 0; font-size: 1.05rem; } .feature-unavailable p[b-m2p0fh5v4y] { margin: .25rem 0 0; color: #c8aeb4; line-height: 1.85; } .unavailable-icon[b-m2p0fh5v4y] { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; color: #ffd2cf; background: rgba(231, 104, 101, .18); font-size: 1.35rem; font-weight: 900; } .ai-metrics[b-m2p0fh5v4y] { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: .7rem; margin-top: .8rem; } .ai-metrics article[b-m2p0fh5v4y] { display: flex; min-height: 106px; flex-direction: column; justify-content: center; padding: .9rem 1rem; border: 1px solid rgba(118, 160, 201, .2); border-radius: 18px; background: linear-gradient(155deg, rgba(21, 43, 69, .97), rgba(12, 29, 49, .97)); box-shadow: 0 10px 28px rgba(3, 10, 21, .18); } .ai-metrics span[b-m2p0fh5v4y] { color: #9fb2c7; font-size: .78rem; } .ai-metrics strong[b-m2p0fh5v4y] { margin-top: .35rem; font-size: 1.55rem; } .ai-metrics small[b-m2p0fh5v4y] { margin-top: .25rem; color: #8197ad; } .ai-metrics .ready strong[b-m2p0fh5v4y] { color: #f1c66b; } .ai-metrics .success strong[b-m2p0fh5v4y] { color: #76d5ad; } .ai-metrics .warning strong[b-m2p0fh5v4y] { color: #ff8d86; } .ai-upload-card[b-m2p0fh5v4y], .ai-toolbar[b-m2p0fh5v4y], .ai-board[b-m2p0fh5v4y] { margin-top: .8rem; border: 1px solid rgba(118, 160, 201, .2); border-radius: 20px; background: rgba(11, 27, 47, .95); box-shadow: 0 12px 34px rgba(2, 9, 20, .18); color: #f4f8fc; } .ai-upload-card[b-m2p0fh5v4y] { padding: 1rem; } .intake-steps[b-m2p0fh5v4y] { display: flex; align-items: center; gap: .45rem; margin-top: .75rem; padding: .55rem .7rem; border-radius: 12px; color: #a9bacb; background: rgba(7, 22, 39, .42); font-size: .74rem; } .intake-steps span[b-m2p0fh5v4y] { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; color: #102139; background: #dfb65f; font-weight: 900; } .intake-steps i[b-m2p0fh5v4y] { color: #6f8aa4; font-style: normal; } .panel-heading[b-m2p0fh5v4y] { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; } .panel-heading h2[b-m2p0fh5v4y], .panel-heading h3[b-m2p0fh5v4y] { margin: 0; } .panel-heading p[b-m2p0fh5v4y] { margin: .25rem 0 0; color: #91a6bb; } .privacy-chip[b-m2p0fh5v4y], .confidence[b-m2p0fh5v4y] { padding: .4rem .65rem; border: 1px solid rgba(70, 197, 187, .35); border-radius: 999px; color: #8fe2d4; background: rgba(45, 162, 153, .1); font-size: .75rem; white-space: nowrap; } .upload-grid[b-m2p0fh5v4y] { display: grid; grid-template-columns: 1fr 2fr; gap: .75rem; margin-top: .9rem; } .span-two[b-m2p0fh5v4y] { grid-column: span 2; } .span-full[b-m2p0fh5v4y] { grid-column: 1 / -1; } .capture-actions[b-m2p0fh5v4y] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: .8rem; } .capture-tile[b-m2p0fh5v4y] { position: relative; display: grid; min-height: 125px; place-items: center; align-content: center; gap: .2rem; overflow: hidden; border: 1px dashed rgba(118, 181, 223, .42); border-radius: 18px; background: rgba(22, 49, 77, .55); cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; } .capture-tile:hover[b-m2p0fh5v4y] { transform: translateY(-2px); border-color: #d5ad59; background: rgba(31, 61, 92, .7); } .capture-tile.camera[b-m2p0fh5v4y] { background: linear-gradient(145deg, rgba(30, 91, 104, .35), rgba(18, 44, 70, .7)); } .capture-tile[b-m2p0fh5v4y] input[type="file"] { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .capture-tile[b-m2p0fh5v4y] input[type="file"]:disabled { cursor: wait; } .capture-icon[b-m2p0fh5v4y] { color: #f0c76f; font-size: 2rem; line-height: 1; } .capture-tile strong[b-m2p0fh5v4y] { color: #f7fbff; } .capture-tile small[b-m2p0fh5v4y] { color: #b8cada; } .selected-files[b-m2p0fh5v4y] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; margin-top: .75rem; } .file-chip[b-m2p0fh5v4y] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .5rem; padding: .55rem; border: 1px solid rgba(118, 160, 201, .2); border-radius: 13px; background: rgba(20, 42, 67, .82); } .file-chip > span[b-m2p0fh5v4y] { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 9px; color: #0c1e31; background: #ddb35b; font-weight: 800; } .file-chip div[b-m2p0fh5v4y] { min-width: 0; display: flex; flex-direction: column; } .file-chip strong[b-m2p0fh5v4y] { overflow: hidden; color: #f2f7fb; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; } .file-chip small[b-m2p0fh5v4y] { color: #b3c5d6; } .file-chip button[b-m2p0fh5v4y] { border: 0; color: #ff9b96; background: transparent; font-size: 1.25rem; cursor: pointer; } .upload-footer[b-m2p0fh5v4y] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .8rem; padding-top: .75rem; border-top: 1px solid rgba(117, 157, 197, .15); color: #9cb0c5; } .upload-footer button[b-m2p0fh5v4y] { display: inline-flex; align-items: center; gap: .4rem; } .ai-toolbar[b-m2p0fh5v4y] { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; gap: .6rem; padding: .75rem; } .ai-toolbar select[b-m2p0fh5v4y] { min-width: 160px; } .ai-board[b-m2p0fh5v4y] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; padding: .65rem; } .ai-board > .loading-state[b-m2p0fh5v4y], .ai-board[b-m2p0fh5v4y] > .empty-state { grid-column: 1 / -1; } .intake-row-shell[b-m2p0fh5v4y] { position: relative; min-width: 0; border: 1px solid rgba(119, 159, 198, .2); border-right: 4px solid #7896b4; border-radius: 14px; background: linear-gradient(150deg, rgba(22, 45, 71, .92), rgba(14, 32, 53, .97)); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; overflow: hidden; } .intake-row-shell:hover[b-m2p0fh5v4y], .intake-row-shell:focus-within[b-m2p0fh5v4y], .intake-row-shell.selected[b-m2p0fh5v4y] { transform: translateY(-1px); border-color: rgba(221, 179, 91, .68); box-shadow: 0 10px 24px rgba(2, 9, 19, .24); } .intake-row-shell.processing[b-m2p0fh5v4y] { border-right-color: #66bce5; } .intake-row-shell.ready[b-m2p0fh5v4y] { border-right-color: #e5b75a; } .intake-row-shell.failed[b-m2p0fh5v4y], .intake-row-shell.rejected[b-m2p0fh5v4y] { border-right-color: #e97878; } .intake-row-shell.approved[b-m2p0fh5v4y] { border-right-color: #55c59b; } .intake-row[b-m2p0fh5v4y] { display: grid; width: 100%; min-width: 0; min-height: 72px; grid-template-areas: "dot identity supplier meta progress chevron"; grid-template-columns: auto minmax(160px, .9fr) minmax(180px, 1fr) minmax(210px, 1.25fr) 112px auto; align-items: center; gap: .7rem; padding: .65rem 3.45rem .65rem .8rem; border: 0; color: #f2f7fb; background: transparent; font: inherit; text-align: right; cursor: pointer; } .intake-row:focus-visible[b-m2p0fh5v4y] { outline: 2px solid #efc66e; outline-offset: -3px; border-radius: 11px; } .status-dot[b-m2p0fh5v4y] { width: 10px; height: 10px; border-radius: 50%; background: #7896b4; box-shadow: 0 0 0 5px rgba(120, 150, 180, .1); } .processing .status-dot[b-m2p0fh5v4y] { background: #6bc9f4; animation: pulse-b-m2p0fh5v4y 1.4s infinite; } .ready .status-dot[b-m2p0fh5v4y] { background: #e9bc63; } .approved .status-dot[b-m2p0fh5v4y] { background: #62d2a7; } .failed .status-dot[b-m2p0fh5v4y], .rejected .status-dot[b-m2p0fh5v4y] { background: #f07f7a; } .intake-row > .status-dot[b-m2p0fh5v4y] { grid-area: dot; } .row-identity[b-m2p0fh5v4y] { grid-area: identity; } .row-supplier[b-m2p0fh5v4y] { grid-area: supplier; } .row-meta[b-m2p0fh5v4y] { grid-area: meta; } .row-progress[b-m2p0fh5v4y] { grid-area: progress; } .row-chevron[b-m2p0fh5v4y] { grid-area: chevron; } .row-identity[b-m2p0fh5v4y], .row-supplier[b-m2p0fh5v4y], .row-meta[b-m2p0fh5v4y] { display: flex; min-width: 0; flex-direction: column; gap: .12rem; } .row-identity strong[b-m2p0fh5v4y], .row-supplier strong[b-m2p0fh5v4y], .row-meta strong[b-m2p0fh5v4y] { overflow: hidden; color: #f6f9fc; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; } .row-identity small[b-m2p0fh5v4y], .row-supplier small[b-m2p0fh5v4y], .row-meta small[b-m2p0fh5v4y] { overflow: hidden; color: #aebfd0; text-overflow: ellipsis; white-space: nowrap; font-size: .68rem; } .row-supplier small[b-m2p0fh5v4y] { color: #89a4bc; } .row-progress[b-m2p0fh5v4y] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .4rem; } .row-progress > span[b-m2p0fh5v4y] { height: 5px; overflow: hidden; border-radius: 999px; background: rgba(91, 125, 158, .25); } .row-progress i[b-m2p0fh5v4y] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4db8db, #e5ba61); transition: width .35s ease; } .row-progress strong[b-m2p0fh5v4y] { min-width: 34px; color: #f0c66d; font-size: .72rem; text-align: left; } .row-chevron[b-m2p0fh5v4y] { color: #88a8c4; font-size: 1.6rem; line-height: 1; } .intake-row-delete[b-m2p0fh5v4y] { position: absolute; z-index: 2; left: .65rem; top: 50%; display: grid; width: 30px; height: 30px; padding: 0; place-items: center; transform: translateY(-50%); border: 1px solid rgba(233, 112, 112, .4); border-radius: 9px; color: #ffd0cd; background: rgba(138, 49, 56, .24); cursor: pointer; font-size: 1.15rem; } .intake-row-delete:hover[b-m2p0fh5v4y], .intake-row-delete:focus-visible[b-m2p0fh5v4y] { border-color: rgba(255, 162, 155, .82); background: rgba(173, 56, 64, .42); outline: none; } .progress-track[b-m2p0fh5v4y] { height: 6px; margin-top: .75rem; overflow: hidden; border-radius: 999px; background: rgba(91, 125, 158, .2); } .progress-track span[b-m2p0fh5v4y] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4db8db, #e5ba61); transition: width .35s ease; } .status-message[b-m2p0fh5v4y] { margin: .4rem 0 0; color: #bdccda; font-size: .75rem; } .intake-footer[b-m2p0fh5v4y] { display: flex; justify-content: space-between; gap: .5rem; margin-top: .65rem; color: #b2c3d3; font-size: .72rem; } .intake-footer strong[b-m2p0fh5v4y] { color: #d8b261; } .ai-detail-modal[b-m2p0fh5v4y] { width: min(1120px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); } .ai-detail-head[b-m2p0fh5v4y] { min-width: 0; } .ai-detail-title[b-m2p0fh5v4y] { min-width: 0; } .ai-detail-title h2[b-m2p0fh5v4y] { margin: .16rem 0 .2rem; overflow-wrap: anywhere; color: #f6f9fc; } .ai-detail-meta[b-m2p0fh5v4y] { margin: 0; overflow-wrap: anywhere; color: #9fb2c7; } .detail-status[b-m2p0fh5v4y] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .75rem .9rem; border: 1px solid rgba(106, 167, 207, .25); border-radius: 14px; background: rgba(42, 109, 139, .12); } .detail-status > div[b-m2p0fh5v4y] { display: flex; flex-direction: column; } .detail-status small[b-m2p0fh5v4y] { margin-top: .2rem; color: #91a7bb; } .detail-status > span[b-m2p0fh5v4y] { min-width: max-content; color: #efc46b; font-size: 1.2rem; font-weight: 800; white-space: nowrap; } .detail-status.approved[b-m2p0fh5v4y] { border-color: rgba(82, 197, 150, .35); background: rgba(47, 153, 113, .12); } .detail-status.failed[b-m2p0fh5v4y] { border-color: rgba(233, 112, 112, .35); background: rgba(190, 70, 70, .12); } .warning-list[b-m2p0fh5v4y] { margin-top: .7rem; padding: .7rem .9rem; border: 1px solid rgba(232, 177, 69, .32); border-radius: 14px; background: rgba(175, 118, 25, .1); } .warning-list strong[b-m2p0fh5v4y] { color: #f1c66b; } .warning-list ul[b-m2p0fh5v4y] { margin: .4rem 0 0; padding-right: 1.2rem; color: #c7b48c; line-height: 1.8; } .attachment-strip[b-m2p0fh5v4y] { display: flex; gap: .5rem; margin-top: .7rem; overflow-x: auto; padding-bottom: .25rem; } .attachment[b-m2p0fh5v4y] { display: grid; min-width: 210px; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; overflow: hidden; border: 1px solid rgba(115, 158, 199, .22); border-radius: 12px; color: #d8e2eb; background: #132d49; } .attachment.selected[b-m2p0fh5v4y] { border-color: rgba(229, 183, 90, .65); box-shadow: 0 0 0 2px rgba(229, 183, 90, .08); } .attachment-main[b-m2p0fh5v4y] { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .4rem; padding: .55rem .65rem; border: 0; color: inherit; background: transparent; cursor: pointer; text-align: right; } .attachment-main svg[b-m2p0fh5v4y] { grid-row: span 2; } .attachment-main span[b-m2p0fh5v4y] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .attachment-main small[b-m2p0fh5v4y] { color: #89a0b7; } .attachment-download[b-m2p0fh5v4y] { width: 38px; border: 0; border-right: 1px solid rgba(115, 158, 199, .18); color: #efc46b; background: rgba(6, 20, 35, .35); cursor: pointer; font-size: 1.1rem; } .document-preview[b-m2p0fh5v4y] { margin-top: .7rem; padding: .65rem; border: 1px solid rgba(115, 158, 199, .24); border-radius: 15px; background: rgba(5, 17, 30, .65); } .document-preview header[b-m2p0fh5v4y] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: .55rem; } .document-preview header div[b-m2p0fh5v4y] { display: flex; min-width: 0; flex-direction: column; } .document-preview header small[b-m2p0fh5v4y] { color: #8fa5bb; } .document-preview header button[b-m2p0fh5v4y] { border: 0; color: #ffaaa3; background: transparent; cursor: pointer; font-size: 1.25rem; } .preview-tools[b-m2p0fh5v4y] { display: flex !important; flex-direction: row !important; align-items: center; gap: .35rem; } .preview-tools button[b-m2p0fh5v4y] { min-width: 38px; min-height: 38px; border: 1px solid rgba(132,170,207,.24) !important; border-radius: 9px; background: rgba(14,37,61,.82) !important; } .preview-tools span[b-m2p0fh5v4y] { min-width: 48px; color: #dce9f5; text-align: center; font-size: .75rem; } .preview-canvas[b-m2p0fh5v4y] { min-height: 420px; max-height: 72vh; overflow: auto; border-radius: 11px; background: #07121f; resize: vertical; } .preview-canvas iframe[b-m2p0fh5v4y] { display: block; width: 100%; height: 70vh; min-height: 420px; border: 0; background: #fff; } .preview-canvas img[b-m2p0fh5v4y] { display: block; max-width: 100%; max-height: 70vh; margin: 0 auto; border-radius: 10px; object-fit: contain; transform-origin: center; transition: transform .18s ease; } .review-form[b-m2p0fh5v4y] { margin-top: .8rem; padding: .85rem; border: 1px solid rgba(115, 158, 199, .2); border-radius: 16px; background: rgba(8, 22, 39, .48); } .reconciliation-banner[b-m2p0fh5v4y] { display: grid; grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(130px, .75fr)); gap: .55rem; align-items: stretch; margin-top: .75rem; padding: .75rem; border: 1px solid rgba(236,187,82,.38); border-radius: 14px; background: rgba(9,25,43,.9); } .reconciliation-banner > div[b-m2p0fh5v4y], .reconciliation-banner > span[b-m2p0fh5v4y] { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: .2rem; padding: .45rem .55rem; border-radius: 10px; background: rgba(255,255,255,.035); } .reconciliation-banner small[b-m2p0fh5v4y] { color: #9eb2c6; line-height: 1.55; } .reconciliation-banner strong[b-m2p0fh5v4y] { color: #f4f8fc; overflow-wrap: anywhere; } .reconciliation-1[b-m2p0fh5v4y] { border-color: rgba(64,199,145,.52); background: rgba(18,76,60,.35); } .reconciliation-2[b-m2p0fh5v4y], .reconciliation-3[b-m2p0fh5v4y], .reconciliation-4[b-m2p0fh5v4y], .reconciliation-5[b-m2p0fh5v4y] { border-color: rgba(235,109,99,.58); background: rgba(91,34,42,.36); } .approval-blockers[b-m2p0fh5v4y] { display: grid; grid-template-columns: minmax(210px,.75fr) minmax(0,1.6fr); gap: .75rem; margin-top: .7rem; padding: .75rem; border: 1px solid rgba(238,178,75,.48); border-radius: 14px; background: rgba(77,51,19,.38); } .approval-blockers > div[b-m2p0fh5v4y] { display: flex; flex-direction: column; gap: .25rem; } .approval-blockers strong[b-m2p0fh5v4y] { color: #ffd17a; } .approval-blockers small[b-m2p0fh5v4y] { color: #d6bd91; line-height: 1.65; } .approval-blockers ul[b-m2p0fh5v4y] { margin: 0; padding-right: 1.15rem; color: #ffe5b8; line-height: 1.85; } .packaging-check[b-m2p0fh5v4y] { display: flex; align-items: flex-start; gap: .7rem; margin-top: .7rem; padding: .75rem .85rem; border: 1px solid rgba(73, 199, 157, .48); border-radius: 14px; color: #d7f5e9; background: rgba(25, 91, 70, .28); line-height: 1.85; } .packaging-check strong[b-m2p0fh5v4y] { min-width: max-content; color: #8ce0bf; } .packaging-check span[b-m2p0fh5v4y] { overflow-wrap: anywhere; } .form-grid.four[b-m2p0fh5v4y] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-top: .7rem; } .review-lines[b-m2p0fh5v4y] { display: grid; gap: .65rem; margin-top: .8rem; } .review-line[b-m2p0fh5v4y] { padding: .7rem; border: 1px solid rgba(111, 154, 194, .22); border-radius: 14px; background: rgba(20, 42, 67, .78); } .review-line.unresolved[b-m2p0fh5v4y] { border-color: rgba(230, 109, 105, .55); } .review-line header[b-m2p0fh5v4y] { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.35fr); gap: .5rem; align-items: center; margin-bottom: .55rem; } .review-line header span[b-m2p0fh5v4y] { padding: .25rem .45rem; border-radius: 8px; color: #eac16b; background: rgba(214, 168, 72, .1); font-size: .72rem; } .review-line header small[b-m2p0fh5v4y] { color: #8fa5bb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .catalog-suggestion[b-m2p0fh5v4y] { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin: 0 0 .6rem; padding: .55rem .65rem; border: 1px solid rgba(92,178,213,.42); border-radius: 11px; color: #cfe9f7; background: rgba(32,101,133,.18); } .catalog-suggestion span[b-m2p0fh5v4y] { min-width: 0; overflow-wrap: anywhere; } .catalog-suggestion strong[b-m2p0fh5v4y] { color: #8ed7f1; } .line-grid[b-m2p0fh5v4y] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; align-items: end; } .review-line .field[b-m2p0fh5v4y] { min-width: 0; } .review-line input[b-m2p0fh5v4y], .review-line select[b-m2p0fh5v4y], .review-line textarea[b-m2p0fh5v4y] { width: 100%; min-width: 0; } .ai-detail-modal[b-m2p0fh5v4y] .persian-date-field { min-width: 0; } .ai-detail-modal[b-m2p0fh5v4y] .persian-year-input { min-width: 0; text-align: center; } .line-result[b-m2p0fh5v4y] { display: flex; min-height: 59px; flex-direction: column; justify-content: center; padding: .45rem; border-radius: 10px; background: rgba(4, 17, 31, .55); } .line-result span[b-m2p0fh5v4y] { color: #8299b0; font-size: .68rem; } .line-result strong[b-m2p0fh5v4y] { color: #7bd8b3; } .review-total[b-m2p0fh5v4y] { display: flex; align-items: center; justify-content: flex-end; gap: .8rem; margin-top: .7rem; padding: .7rem; border-radius: 12px; background: rgba(193, 150, 61, .09); } .review-total strong[b-m2p0fh5v4y] { color: #f1c66b; font-size: 1.2rem; } .review-actions[b-m2p0fh5v4y] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .7rem; margin-top: .7rem; } .review-action-buttons[b-m2p0fh5v4y] { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; } .approval-check[b-m2p0fh5v4y] { display: flex; align-items: center; gap: .4rem; padding: .45rem .6rem; border-radius: 10px; background: rgba(55, 125, 102, .1); color: #acd4c4; cursor: pointer; } .approval-check input[b-m2p0fh5v4y] { width: 18px; height: 18px; accent-color: #50bb91; } .reject-row[b-m2p0fh5v4y] { display: flex; justify-content: flex-end; gap: .45rem; margin-top: .55rem; } .reject-row input[b-m2p0fh5v4y] { max-width: 420px; } .failure-box[b-m2p0fh5v4y], .approved-box[b-m2p0fh5v4y] { margin-top: .8rem; padding: 1rem; border-radius: 15px; } .failure-box[b-m2p0fh5v4y] { border: 1px solid rgba(230, 104, 104, .38); background: rgba(177, 52, 52, .1); } .approved-box[b-m2p0fh5v4y] { border: 1px solid rgba(75, 196, 144, .38); background: rgba(44, 143, 103, .1); } .event-history[b-m2p0fh5v4y] { margin-top: .8rem; padding: .7rem; border: 1px solid rgba(111, 154, 194, .18); border-radius: 13px; } .event-history summary[b-m2p0fh5v4y] { cursor: pointer; color: #d9b563; font-weight: 700; } .event-history div[b-m2p0fh5v4y] { display: grid; grid-template-columns: 135px 1fr auto; gap: .6rem; padding: .55rem .2rem; border-bottom: 1px solid rgba(111, 154, 194, .12); } .event-history span[b-m2p0fh5v4y], .event-history small[b-m2p0fh5v4y] { color: #8198af; font-size: .72rem; } @keyframes pulse-b-m2p0fh5v4y { 0%, 100% { box-shadow: 0 0 0 4px rgba(107, 201, 244, .12); } 50% { box-shadow: 0 0 0 9px rgba(107, 201, 244, .03); } } @media (max-width: 1100px) { .selected-files[b-m2p0fh5v4y] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .intake-row[b-m2p0fh5v4y] { grid-template-areas: "dot identity supplier progress chevron" "dot meta meta progress chevron"; grid-template-columns: auto minmax(150px, .8fr) minmax(180px, 1fr) 105px auto; } .form-grid.four[b-m2p0fh5v4y] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .line-grid[b-m2p0fh5v4y] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 820px) { .ai-hero[b-m2p0fh5v4y] { align-items: stretch; flex-direction: column; padding: 1rem; } .ai-hero-actions button[b-m2p0fh5v4y] { flex: 1; } .ai-metrics[b-m2p0fh5v4y] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .upload-grid[b-m2p0fh5v4y], .capture-actions[b-m2p0fh5v4y], .ai-board[b-m2p0fh5v4y] { grid-template-columns: 1fr; } .span-two[b-m2p0fh5v4y] { grid-column: auto; } .ai-toolbar[b-m2p0fh5v4y] { grid-template-columns: 1fr; } .ai-toolbar select[b-m2p0fh5v4y] { width: 100%; } .upload-footer[b-m2p0fh5v4y] { align-items: stretch; flex-direction: column; } .ai-board > .loading-state[b-m2p0fh5v4y], .ai-board[b-m2p0fh5v4y] > .empty-state { grid-column: auto; } .review-line header[b-m2p0fh5v4y] { grid-template-columns: auto 1fr; } .review-line header small[b-m2p0fh5v4y] { grid-column: 1 / -1; } .feature-unavailable[b-m2p0fh5v4y] { grid-template-columns: auto 1fr; } .feature-unavailable button[b-m2p0fh5v4y] { grid-column: 1 / -1; width: 100%; } .intake-steps[b-m2p0fh5v4y] { flex-wrap: wrap; } .intake-row[b-m2p0fh5v4y] { min-height: 96px; grid-template-areas: "dot identity chevron" ". supplier chevron" ". progress chevron"; grid-template-columns: auto minmax(0, 1fr) auto; gap: .12rem .65rem; padding-block: .45rem; } .row-meta[b-m2p0fh5v4y] { display: none; } .row-progress[b-m2p0fh5v4y] { margin-top: .2rem; } } @media (max-width: 560px) { .ai-metrics[b-m2p0fh5v4y], .selected-files[b-m2p0fh5v4y], .form-grid.four[b-m2p0fh5v4y], .line-grid[b-m2p0fh5v4y] { grid-template-columns: minmax(0, 1fr); } .ai-metrics article[b-m2p0fh5v4y] { min-height: 88px; } .intake-row[b-m2p0fh5v4y] { padding-right: .75rem; padding-left: 3.2rem; } .ai-detail-modal[b-m2p0fh5v4y] { width: calc(100vw - .75rem); max-height: calc(100dvh - .75rem); } .reject-row[b-m2p0fh5v4y], .intake-footer[b-m2p0fh5v4y] { align-items: stretch; flex-direction: column; } .event-history div[b-m2p0fh5v4y] { grid-template-columns: 1fr; } } .worker-banner[b-m2p0fh5v4y] { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .55rem; align-items: start; margin-top: .65rem; padding: .7rem .8rem; border: 1px solid rgba(118,157,195,.22); border-radius: 13px; background: rgba(8,23,40,.45); } .worker-banner > span[b-m2p0fh5v4y] { width: 10px; height: 10px; margin-top: .3rem; border-radius: 50%; background: #e56e72; } .worker-banner.ok > span[b-m2p0fh5v4y] { background: #61d3a7; box-shadow: 0 0 0 5px rgba(97,211,167,.1); } .worker-banner > div[b-m2p0fh5v4y] { display: flex; flex-direction: column; } .worker-banner small[b-m2p0fh5v4y] { margin-top: .12rem; color: #8fa5ba; } .provider-message[b-m2p0fh5v4y] { margin: .35rem 0 0; color: #83b6d8; font-size: .69rem; line-height: 1.6; } .card-error[b-m2p0fh5v4y] { margin-top: .55rem; padding: .55rem .65rem; border: 1px solid rgba(236,111,111,.36); border-radius: 10px; color: #ffc5c5; background: rgba(159,51,57,.11); font-size: .72rem; line-height: 1.7; } .provider-trace[b-m2p0fh5v4y] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; } .provider-trace span[b-m2p0fh5v4y] { padding: .28rem .48rem; border: 1px solid rgba(107,159,201,.24); border-radius: 999px; color: #91b9d7; background: rgba(22,55,84,.45); font-size: .66rem; direction: rtl; } .processing-diagnostics[b-m2p0fh5v4y] { margin-top: .7rem; padding: .75rem; border: 1px solid rgba(78, 144, 190, .34); border-radius: 13px; background: rgba(12, 33, 55, .72); } .processing-diagnostics.stalled[b-m2p0fh5v4y] { border-color: rgba(232, 173, 61, .72); background: rgba(77, 52, 14, .34); } .processing-diagnostics summary[b-m2p0fh5v4y] { cursor: pointer; color: #88c9f2; font-weight: 800; } .processing-diagnostics.stalled summary[b-m2p0fh5v4y] { color: #ffd26f; } .diagnostic-head[b-m2p0fh5v4y] { display: flex; justify-content: space-between; gap: .8rem; margin-top: .7rem; } .diagnostic-head span[b-m2p0fh5v4y], .processing-diagnostics p[b-m2p0fh5v4y] { color: #a9bfd2; font-size: .76rem; } .diagnostic-action[b-m2p0fh5v4y] { padding: .55rem; border-radius: 9px; background: rgba(25, 67, 94, .42); } .processing-diagnostics pre[b-m2p0fh5v4y] { max-height: 260px; overflow: auto; margin: .65rem 0 0; padding: .7rem; direction: rtl; text-align: right; white-space: pre-wrap; user-select: text; color: #d6e8f5; background: #091829; border-radius: 9px; font-family: Consolas, Tahoma, sans-serif; font-size: .69rem; line-height: 1.65; } .inline-error[b-m2p0fh5v4y] { margin-bottom: 0; } /* Queue reliability and responsive sizing */ .connection-health[b-m2p0fh5v4y] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; margin-top: .75rem; padding: .8rem 1rem; border: 1px solid rgba(118, 160, 201, .28); border-radius: 16px; background: rgba(15, 38, 60, .96); } .connection-health.healthy[b-m2p0fh5v4y] { border-color: rgba(84, 211, 161, .44); background: linear-gradient(145deg, rgba(20, 70, 60, .45), rgba(13, 35, 54, .96)); } .connection-health.warning[b-m2p0fh5v4y] { border-color: rgba(231, 185, 91, .45); background: linear-gradient(145deg, rgba(86, 64, 27, .36), rgba(13, 35, 54, .96)); } .connection-health.danger[b-m2p0fh5v4y] { border-color: rgba(233, 112, 112, .42); background: linear-gradient(145deg, rgba(91, 35, 44, .38), rgba(13, 35, 54, .96)); } .connection-dot[b-m2p0fh5v4y] { width: 13px; height: 13px; border-radius: 50%; background: #e97878; box-shadow: 0 0 0 6px rgba(233, 120, 120, .08); } .connection-health.healthy .connection-dot[b-m2p0fh5v4y] { background: #62d2a7; box-shadow: 0 0 0 6px rgba(98, 210, 167, .1); } .connection-health.warning .connection-dot[b-m2p0fh5v4y] { background: #e9bc63; box-shadow: 0 0 0 6px rgba(233, 188, 99, .1); } .connection-health > div[b-m2p0fh5v4y] { display: flex; min-width: 0; flex-direction: column; } .connection-health strong[b-m2p0fh5v4y] { color: #effff9; } .connection-health small[b-m2p0fh5v4y] { margin-top: .15rem; color: #c7d9e5; line-height: 1.7; } .connection-health time[b-m2p0fh5v4y] { color: #d3e1eb; font-size: .72rem; white-space: nowrap; } .ai-toolbar[b-m2p0fh5v4y] { grid-template-columns: minmax(240px, 1fr) auto auto auto; align-items: center; } .intake-top[b-m2p0fh5v4y] { grid-template-columns: auto minmax(0, 1fr) auto auto; } .card-delete[b-m2p0fh5v4y] { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(233, 112, 112, .34); border-radius: 9px; color: #ffc1bd; background: rgba(138, 49, 56, .16); cursor: pointer; font-size: 1.15rem; } .card-delete:hover[b-m2p0fh5v4y] { border-color: rgba(255, 148, 140, .75); background: rgba(173, 56, 64, .28); } .progress-line[b-m2p0fh5v4y] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .55rem; margin-top: .75rem; } .progress-line .progress-track[b-m2p0fh5v4y] { margin-top: 0; } .progress-line > strong[b-m2p0fh5v4y] { min-width: 38px; color: #f0c66d; font-size: .77rem; text-align: left; } .status-message[b-m2p0fh5v4y] { display: flex; flex-direction: column; gap: .08rem; line-height: 1.65; } .status-message small[b-m2p0fh5v4y] { color: #6f8ca7; font-size: .62rem; } .modal-head-actions[b-m2p0fh5v4y] { display: flex; align-items: center; gap: .5rem; } .ai-detail-modal .modal-body[b-m2p0fh5v4y] { overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; } @media (max-width: 980px) { .ai-board[b-m2p0fh5v4y] { grid-template-columns: 1fr; } .ai-toolbar[b-m2p0fh5v4y] { grid-template-columns: 1fr 1fr; } .ai-toolbar .search-field[b-m2p0fh5v4y] { grid-column: 1 / -1; } .reconciliation-banner[b-m2p0fh5v4y] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .connection-health[b-m2p0fh5v4y] { grid-template-columns: auto 1fr; } .connection-health time[b-m2p0fh5v4y] { grid-column: 2; white-space: normal; } .ai-toolbar[b-m2p0fh5v4y] { grid-template-columns: 1fr; } .ai-toolbar .search-field[b-m2p0fh5v4y] { grid-column: auto; } .intake-top[b-m2p0fh5v4y] { grid-template-columns: auto minmax(0, 1fr) auto; } .intake-top time[b-m2p0fh5v4y] { grid-column: 2; } .card-delete[b-m2p0fh5v4y] { grid-column: 3; grid-row: 1 / span 2; } .modal-head[b-m2p0fh5v4y] { align-items: flex-start; } .modal-head-actions[b-m2p0fh5v4y] { flex-direction: column-reverse; align-items: flex-end; } } /* Issue #115: compact, single-scroll review workspace. */ .review-form[b-m2p0fh5v4y] { position: relative; } .review-overview-sticky[b-m2p0fh5v4y] { position: sticky; top: .35rem; z-index: 12; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; padding: .7rem; margin: .65rem 0; border: 1px solid rgba(215,169,70,.42); border-radius: 14px; background: rgba(11,25,44,.96); backdrop-filter: blur(10px); box-shadow: 0 12px 28px rgba(0,0,0,.24); } .review-overview-sticky span[b-m2p0fh5v4y] { display:flex; flex-direction:column; gap:.2rem; min-width:0; } .review-overview-sticky small[b-m2p0fh5v4y] { color:var(--muted-text); } .review-overview-sticky strong[b-m2p0fh5v4y] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .review-lines[b-m2p0fh5v4y] { max-height: none; overflow: visible; padding: .65rem; border: 1px solid rgba(118, 160, 201, .18); border-radius: 15px; background: rgba(7, 20, 36, .42); } .review-line[b-m2p0fh5v4y] { min-width: 0; } .complimentary-badge[b-m2p0fh5v4y] { align-self:end; padding:.55rem .7rem; border:1px solid rgba(102,197,159,.38); border-radius:10px; color:#8de0bd; background:rgba(40,125,92,.14); font-size:.78rem; } .review-actions[b-m2p0fh5v4y] { position: sticky; bottom: 0; z-index: 14; background: rgba(11,25,44,.97); border-top:1px solid rgba(215,169,70,.35); padding:.8rem; box-shadow:0 -10px 24px rgba(0,0,0,.24); } @media (max-width: 800px) { .review-overview-sticky[b-m2p0fh5v4y] { grid-template-columns:repeat(2,minmax(0,1fr)); } .review-actions[b-m2p0fh5v4y] { grid-template-columns:minmax(0,1fr); } .review-action-buttons[b-m2p0fh5v4y] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .review-action-buttons button[b-m2p0fh5v4y] { width:100%; min-height:44px; } } @media (max-width: 760px) { .ai-detail-modal[b-m2p0fh5v4y] { width: calc(100vw - .5rem); max-height: calc(100dvh - .5rem); } .ai-detail-modal .modal-body[b-m2p0fh5v4y] { overflow-x: hidden; touch-action: pan-y; padding: .65rem; } .ai-detail-head[b-m2p0fh5v4y] { gap: .5rem; padding: .7rem .75rem; } .ai-detail-title h2[b-m2p0fh5v4y] { font-size: 1.05rem; } .ai-detail-meta[b-m2p0fh5v4y] { font-size: .76rem; line-height: 1.55; } .modal-head-actions[b-m2p0fh5v4y] { flex-direction: row; align-items: center; } .modal-head-actions .danger-button[b-m2p0fh5v4y] { min-height: 40px; padding-inline: .65rem; } .detail-status[b-m2p0fh5v4y] { align-items: flex-start; padding: .65rem; } .provider-trace[b-m2p0fh5v4y] { gap: .3rem; } .provider-trace span[b-m2p0fh5v4y] { max-width: 100%; overflow-wrap: anywhere; } .attachment[b-m2p0fh5v4y] { min-width: min(210px, calc(100vw - 3rem)); } .review-form[b-m2p0fh5v4y] { padding: .55rem; } .reconciliation-banner[b-m2p0fh5v4y] { grid-template-columns: minmax(0, 1fr); } .approval-blockers[b-m2p0fh5v4y] { grid-template-columns: minmax(0, 1fr); } .packaging-check[b-m2p0fh5v4y] { flex-direction: column; gap: .25rem; } .preview-canvas[b-m2p0fh5v4y], .preview-canvas iframe[b-m2p0fh5v4y] { min-height: 55vh; height: 55vh; } .panel-heading[b-m2p0fh5v4y] { align-items: flex-start; gap: .45rem; } .review-overview-sticky[b-m2p0fh5v4y] { top: 0; padding: .55rem; } .review-overview-sticky strong[b-m2p0fh5v4y] { font-size: .78rem; } .review-lines[b-m2p0fh5v4y] { max-height: none; overflow: visible; padding: .4rem; } .review-line[b-m2p0fh5v4y] { padding: .6rem; } .review-line header[b-m2p0fh5v4y] { grid-template-columns: auto minmax(0,1fr); } .review-line header small[b-m2p0fh5v4y] { grid-column: 1 / -1; white-space: normal; overflow-wrap: anywhere; } .catalog-suggestion[b-m2p0fh5v4y] { align-items: stretch; flex-direction: column; } .catalog-suggestion button[b-m2p0fh5v4y] { width: 100%; min-height: 42px; } .line-grid[b-m2p0fh5v4y] { grid-template-columns: minmax(0,1fr); } .span-two[b-m2p0fh5v4y] { grid-column: auto; } .review-total[b-m2p0fh5v4y] { justify-content: space-between; } .review-actions[b-m2p0fh5v4y] { margin-inline: -.15rem; border-radius: 14px 14px 0 0; } .approval-check[b-m2p0fh5v4y] { align-items: flex-start; min-height: 44px; } .reject-row input[b-m2p0fh5v4y] { max-width: none; width: 100%; } .event-history[b-m2p0fh5v4y] { overflow-wrap: anywhere; } } @media (max-width: 390px) { .review-action-buttons[b-m2p0fh5v4y] { grid-template-columns: minmax(0,1fr); } .review-overview-sticky[b-m2p0fh5v4y] { grid-template-columns: minmax(0,1fr); } } /* The workspace stylesheet is loaded after isolated styles and defines generic heading/label colors for light pages. Dark AI surfaces therefore own their foreground colors explicitly instead of inheriting an unreadable navy. */ .ai-hero h1[b-m2p0fh5v4y], .feature-unavailable h2[b-m2p0fh5v4y], .ai-metrics strong[b-m2p0fh5v4y], .ai-upload-card h2[b-m2p0fh5v4y], .ai-upload-card h3[b-m2p0fh5v4y], .ai-board h2[b-m2p0fh5v4y], .ai-board h3[b-m2p0fh5v4y], .review-form h2[b-m2p0fh5v4y], .review-form h3[b-m2p0fh5v4y], .review-form strong[b-m2p0fh5v4y] { color: #f4f8fc; } .ai-upload-card .field label[b-m2p0fh5v4y], .review-form .field label[b-m2p0fh5v4y] { color: #c7d6e5; } .review-form .line-result strong[b-m2p0fh5v4y] { color: #7bd8b3; } .review-form .review-total strong[b-m2p0fh5v4y] { color: #f1c66b; } /* Issue #202: the queue and the review are separate workspaces. The review uses an edge-to-edge document surface, one page scroll, and explicit native control colors so browser/OS themes cannot make options unreadable. */ .open-review-button[b-m2p0fh5v4y], .review-back-button[b-m2p0fh5v4y] { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: .4rem; border: 1px solid rgba(226, 184, 91, .55); border-radius: 11px; color: #ffe4a5; background: rgba(197, 148, 49, .12); font: inherit; font-weight: 800; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; } .open-review-button[b-m2p0fh5v4y] { width: 100%; margin-top: .7rem; } .open-review-button:hover[b-m2p0fh5v4y], .review-back-button:hover[b-m2p0fh5v4y] { border-color: #f0c86f; background: rgba(218, 170, 70, .2); transform: translateY(-1px); } .review-back-button[b-m2p0fh5v4y] { padding: .55rem .8rem; } .review-back-button:disabled[b-m2p0fh5v4y] { opacity: .55; cursor: wait; transform: none; } .ai-review-page[b-m2p0fh5v4y] { min-height: calc(100dvh - 7rem); padding: clamp(.45rem, 1.2vw, 1rem); border: 1px solid rgba(98, 151, 195, .24); border-radius: 22px; background: radial-gradient(circle at 92% 0, rgba(44, 164, 155, .13), transparent 30rem), linear-gradient(145deg, #071728, #0b2036 58%, #081a2d); color: #f6f9fc; box-shadow: 0 18px 48px rgba(1, 8, 18, .25); } .ai-review-card[b-m2p0fh5v4y] { width: min(1240px, 100%); max-height: none; margin: 0 auto; overflow: visible; border: 1px solid rgba(116, 167, 207, .3); border-radius: 19px; background: #0d2239; box-shadow: 0 24px 70px rgba(0, 7, 16, .32); } .ai-review-card .modal-head[b-m2p0fh5v4y] { position: static; z-index: 30; border-bottom: 1px solid rgba(121, 168, 207, .26); border-radius: 18px 18px 0 0; background: rgba(13, 34, 57, .97); backdrop-filter: blur(14px); } .ai-review-card .modal-body[b-m2p0fh5v4y] { max-height: none; overflow: visible; padding: clamp(.65rem, 1.4vw, 1.15rem); overscroll-behavior: auto; } .ai-review-page .review-actions[b-m2p0fh5v4y] { position: static; border: 1px solid rgba(215, 169, 70, .38); border-radius: 14px; box-shadow: none; } .ai-review-page .review-overview-sticky[b-m2p0fh5v4y] { position: static; } .ai-review-loading[b-m2p0fh5v4y] { display: grid; min-height: 56vh; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .9rem; padding: clamp(1rem, 3vw, 2rem); border: 1px solid rgba(104, 167, 211, .3); border-radius: 22px; color: #f4f8fc; background: linear-gradient(145deg, #0b2036, #102b47); } .ai-review-loading div[b-m2p0fh5v4y] { display: flex; flex-direction: column; gap: .25rem; } .ai-review-loading small[b-m2p0fh5v4y] { color: #b7c9da; line-height: 1.8; } .ai-review-loading.error[b-m2p0fh5v4y] { border-color: rgba(238, 107, 121, .56); background: linear-gradient(145deg, #291522, #172941); } .review-load-error-icon[b-m2p0fh5v4y] { display: inline-grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #fff; background: #b4374b; font-weight: 900; } .ai-upload-card input[b-m2p0fh5v4y], .ai-upload-card select[b-m2p0fh5v4y], .ai-toolbar input[b-m2p0fh5v4y], .ai-toolbar select[b-m2p0fh5v4y], .ai-review-card input:not([type="checkbox"])[b-m2p0fh5v4y], .ai-review-card select[b-m2p0fh5v4y], .ai-review-card textarea[b-m2p0fh5v4y], .ai-review-card[b-m2p0fh5v4y] input:not([type="checkbox"]), .ai-review-card[b-m2p0fh5v4y] select, .ai-review-card[b-m2p0fh5v4y] textarea { min-height: 44px; border: 1px solid #9fb4c7; border-radius: 10px; color: #10273d; background: #f8fbfe; caret-color: #0c756f; color-scheme: light; opacity: 1; pointer-events: auto; touch-action: manipulation; } .ai-upload-card select[b-m2p0fh5v4y], .ai-toolbar select[b-m2p0fh5v4y], .ai-review-card select[b-m2p0fh5v4y], .ai-review-card[b-m2p0fh5v4y] select { cursor: pointer; appearance: auto; } .ai-upload-card select option[b-m2p0fh5v4y], .ai-toolbar select option[b-m2p0fh5v4y], .ai-review-card select option[b-m2p0fh5v4y], .ai-review-card[b-m2p0fh5v4y] select option { color: #10273d; background: #ffffff; } .ai-review-card input:not([type="checkbox"]):focus[b-m2p0fh5v4y], .ai-review-card select:focus[b-m2p0fh5v4y], .ai-review-card textarea:focus[b-m2p0fh5v4y], .ai-review-card[b-m2p0fh5v4y] input:focus, .ai-review-card[b-m2p0fh5v4y] select:focus, .ai-review-card[b-m2p0fh5v4y] textarea:focus { outline: 3px solid rgba(59, 187, 176, .3); outline-offset: 1px; border-color: #2b9f96; box-shadow: 0 0 0 1px #2b9f96; } .ai-review-card input:disabled[b-m2p0fh5v4y], .ai-review-card select:disabled[b-m2p0fh5v4y], .ai-review-card textarea:disabled[b-m2p0fh5v4y], .ai-review-card[b-m2p0fh5v4y] input:disabled, .ai-review-card[b-m2p0fh5v4y] select:disabled, .ai-review-card[b-m2p0fh5v4y] textarea:disabled { color: #5c6f80; background: #dce5ec; cursor: not-allowed; } .ai-review-card .field label[b-m2p0fh5v4y] { color: #e6eef6; font-weight: 750; } .ai-review-card .field small[b-m2p0fh5v4y] { color: #b4c5d5; line-height: 1.6; } @media (max-width: 760px) { .ai-review-page[b-m2p0fh5v4y] { margin-inline: -.45rem; padding: .25rem .25rem calc(6.75rem + env(safe-area-inset-bottom)); border-radius: 14px; } .ai-review-card[b-m2p0fh5v4y] { border-radius: 13px; } .ai-review-card .modal-head[b-m2p0fh5v4y] { border-radius: 12px 12px 0 0; } .ai-review-loading[b-m2p0fh5v4y] { min-height: 48vh; grid-template-columns: auto 1fr; } .ai-review-loading button[b-m2p0fh5v4y] { grid-column: 1 / -1; width: 100%; } .review-back-button[b-m2p0fh5v4y] { min-height: 42px; padding-inline: .65rem; } } /* /Components/Pages/AiInventorySettings.razor.rz.scp.css */ .settings-hero[b-5jxlo9jpoz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; border: 1px solid rgba(118, 164, 204, .24); border-radius: 22px; background: radial-gradient(circle at 85% 15%, rgba(73, 190, 181, .15), transparent 30%), linear-gradient(145deg, #0b2037, #122e4c); } .settings-hero h1[b-5jxlo9jpoz] { margin: .25rem 0 .35rem; } .settings-hero p[b-5jxlo9jpoz] { max-width: 790px; margin: 0; color: #a6b8ca; line-height: 1.9; } .feature-unavailable[b-5jxlo9jpoz] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .9rem; margin-top: .8rem; padding: 1rem 1.1rem; border: 1px solid rgba(239, 112, 108, .42); border-radius: 18px; background: linear-gradient(145deg, rgba(92, 33, 43, .34), rgba(17, 33, 54, .97)); } .feature-unavailable h2[b-5jxlo9jpoz] { margin: 0; font-size: 1.05rem; } .feature-unavailable p[b-5jxlo9jpoz] { margin: .25rem 0 0; color: #c8aeb4; line-height: 1.85; } .unavailable-icon[b-5jxlo9jpoz] { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; color: #ffd2cf; background: rgba(231, 104, 101, .18); font-size: 1.35rem; font-weight: 900; } .settings-grid[b-5jxlo9jpoz] { display: grid; grid-template-columns: 1.1fr 1.1fr .8fr; gap: .75rem; margin-top: .8rem; align-items: start; } .settings-card[b-5jxlo9jpoz] { padding: 1rem; border: 1px solid rgba(116, 158, 199, .2); border-radius: 18px; background: linear-gradient(155deg, rgba(19, 40, 65, .97), rgba(11, 27, 47, .98)); box-shadow: 0 13px 35px rgba(2, 9, 20, .2); } .card-title[b-5jxlo9jpoz] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; margin-bottom: .85rem; } .card-title h2[b-5jxlo9jpoz] { margin: 0; font-size: 1.05rem; } .card-title p[b-5jxlo9jpoz] { margin: .2rem 0 0; color: #8fa5bb; font-size: .78rem; } .card-icon[b-5jxlo9jpoz] { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #87d8cf; background: rgba(53, 177, 165, .12); } .card-icon.accent[b-5jxlo9jpoz] { color: #efc46b; background: rgba(207, 158, 61, .11); } .card-icon.success[b-5jxlo9jpoz] { color: #73d1a8; } .card-icon[b-5jxlo9jpoz] svg { width: 22px; height: 22px; } .switch[b-5jxlo9jpoz] { position: relative; display: inline-block; width: 48px; height: 26px; cursor: pointer; } .switch input[b-5jxlo9jpoz] { width: 0; height: 0; opacity: 0; } .switch span[b-5jxlo9jpoz] { position: absolute; inset: 0; border-radius: 999px; background: #42566d; transition: .2s; } .switch span[b-5jxlo9jpoz]::before { position: absolute; width: 20px; height: 20px; top: 3px; right: 3px; border-radius: 50%; background: white; content: ""; transition: .2s; } .switch input:checked + span[b-5jxlo9jpoz] { background: #3fae88; } .switch input:checked + span[b-5jxlo9jpoz]::before { transform: translateX(-22px); } .settings-card .field[b-5jxlo9jpoz] { margin-top: .65rem; } .clear-option[b-5jxlo9jpoz] { display: flex; align-items: center; gap: .4rem; margin-top: .45rem; color: #93a8bc; font-size: .74rem; cursor: pointer; } .clear-option input[b-5jxlo9jpoz] { accent-color: #e87575; } .model-options[b-5jxlo9jpoz] { display: grid; gap: .5rem; } .model-option[b-5jxlo9jpoz] { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .55rem; padding: .65rem; border: 1px solid rgba(113, 155, 195, .2); border-radius: 13px; background: rgba(8, 23, 40, .4); cursor: pointer; transition: .2s; } .model-option:hover[b-5jxlo9jpoz], .model-option.selected[b-5jxlo9jpoz] { border-color: rgba(229, 183, 90, .62); background: rgba(195, 145, 50, .09); } .model-option input[b-5jxlo9jpoz] { accent-color: #dbae54; } .model-option span[b-5jxlo9jpoz] { display: flex; flex-direction: column; } .model-option strong[b-5jxlo9jpoz] { display: flex; align-items: center; gap: .4rem; } .model-option em[b-5jxlo9jpoz] { padding: .15rem .35rem; border-radius: 999px; color: #f3cc78; background: rgba(216, 170, 74, .12); font-size: .62rem; font-style: normal; } .model-option small[b-5jxlo9jpoz] { margin-top: .15rem; color: #8ca2b7; } .form-grid.two[b-5jxlo9jpoz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-top: .65rem; } .span-full[b-5jxlo9jpoz] { grid-column: 1 / -1; } .connection-state[b-5jxlo9jpoz] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; padding: .7rem; border: 1px solid rgba(118, 157, 195, .2); border-radius: 13px; background: rgba(8, 23, 40, .45); } .state-dot[b-5jxlo9jpoz] { width: 11px; height: 11px; border-radius: 50%; background: #8297ab; } .connection-state.ok .state-dot[b-5jxlo9jpoz] { background: #61d3a7; box-shadow: 0 0 0 5px rgba(97, 211, 167, .1); } .connection-state.bad .state-dot[b-5jxlo9jpoz] { background: #f07c78; box-shadow: 0 0 0 5px rgba(240, 124, 120, .1); } .connection-state > div[b-5jxlo9jpoz] { display: flex; flex-direction: column; min-width: 0; } .connection-state small[b-5jxlo9jpoz] { margin-top: .15rem; color: #8ca2b8; line-height: 1.6; } .connection-state time[b-5jxlo9jpoz] { color: #8298ae; font-size: .68rem; } .diagnostic-grid[b-5jxlo9jpoz] { display: grid; gap: .45rem; margin-top: .65rem; } .diagnostic-item[b-5jxlo9jpoz] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: .55rem; padding: .62rem; border: 1px solid rgba(118,157,195,.2); border-radius: 12px; background: rgba(8,23,40,.42); } .diagnostic-item.ok[b-5jxlo9jpoz] { border-color: rgba(78,196,145,.38); background: rgba(42,135,94,.09); } .diagnostic-item.bad[b-5jxlo9jpoz] { border-color: rgba(239,112,108,.42); background: rgba(166,54,58,.10); } .diagnostic-item.optional[b-5jxlo9jpoz] { border-color: rgba(222,177,79,.35); background: rgba(169,119,24,.08); } .diagnostic-icon[b-5jxlo9jpoz] { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #eef7ff; background: #50657c; font-weight: 900; } .diagnostic-item.ok .diagnostic-icon[b-5jxlo9jpoz] { background: #32946f; } .diagnostic-item.bad .diagnostic-icon[b-5jxlo9jpoz] { background: #bc5156; } .diagnostic-item.optional .diagnostic-icon[b-5jxlo9jpoz] { background: #a77828; } .diagnostic-item > div[b-5jxlo9jpoz] { display: flex; min-width: 0; flex-direction: column; } .diagnostic-item small[b-5jxlo9jpoz] { margin-top: .16rem; color: #94a9bc; line-height: 1.55; } .diagnostic-item em[b-5jxlo9jpoz] { color: #7f95aa; font-size: .64rem; font-style: normal; white-space: nowrap; } .worker-health[b-5jxlo9jpoz] { display: grid; grid-template-columns: auto 1fr; gap: .55rem; margin-top: .55rem; padding: .6rem; border-radius: 12px; background: rgba(8,23,40,.42); } .worker-health > span[b-5jxlo9jpoz] { width: 10px; height: 10px; margin-top: .25rem; border-radius: 50%; background: #e46e6e; } .worker-health.ok > span[b-5jxlo9jpoz] { background: #61d3a7; box-shadow: 0 0 0 5px rgba(97,211,167,.1); } .worker-health > div[b-5jxlo9jpoz] { display: flex; flex-direction: column; } .worker-health small[b-5jxlo9jpoz] { margin-top: .12rem; color: #8da3b8; } .diagnostic-placeholder[b-5jxlo9jpoz] { margin-top: .65rem; padding: .68rem; border: 1px dashed rgba(118,157,195,.28); border-radius: 12px; color: #8ea4b8; font-size: .73rem; line-height: 1.75; } .cost-box[b-5jxlo9jpoz] { display: flex; flex-direction: column; margin-top: .65rem; padding: .75rem; border-radius: 13px; background: rgba(47, 143, 105, .11); } .cost-box span[b-5jxlo9jpoz], .cost-box small[b-5jxlo9jpoz] { color: #88ad9f; } .cost-box strong[b-5jxlo9jpoz] { margin: .25rem 0; color: #78d9b1; font-size: 1.4rem; direction: ltr; text-align: right; } .balance-note[b-5jxlo9jpoz] { display: grid; grid-template-columns: auto 1fr; gap: .5rem; margin-top: .65rem; padding: .65rem; border: 1px solid rgba(211, 166, 72, .25); border-radius: 12px; color: #c4b288; background: rgba(177, 124, 23, .08); } .balance-note p[b-5jxlo9jpoz] { margin: 0; font-size: .73rem; line-height: 1.75; } .balance-note[b-5jxlo9jpoz] svg { width: 18px; color: #e9bd61; } .wide-button[b-5jxlo9jpoz] { width: 100%; justify-content: center; margin-top: .65rem; } .advanced-settings[b-5jxlo9jpoz] { margin-top: .75rem; padding: .65rem .7rem; border: 1px solid rgba(116, 158, 199, .18); border-radius: 13px; background: rgba(7, 22, 39, .35); } .advanced-settings summary[b-5jxlo9jpoz] { color: #d8b768; cursor: pointer; font-size: .77rem; font-weight: 700; } .sticky-actions[b-5jxlo9jpoz] { position: sticky; bottom: .7rem; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .8rem; padding: .75rem .9rem; border: 1px solid rgba(118, 161, 201, .26); border-radius: 15px; color: #9eb1c4; background: rgba(8, 23, 40, .94); box-shadow: 0 14px 36px rgba(2, 8, 18, .35); backdrop-filter: blur(12px); } @media (max-width: 1180px) { .settings-grid[b-5jxlo9jpoz] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .verification-card[b-5jxlo9jpoz] { grid-column: 1 / -1; } } @media (max-width: 760px) { .settings-hero[b-5jxlo9jpoz] { align-items: stretch; flex-direction: column; } .settings-grid[b-5jxlo9jpoz] { grid-template-columns: 1fr; } .verification-card[b-5jxlo9jpoz] { grid-column: auto; } .form-grid.two[b-5jxlo9jpoz] { grid-template-columns: 1fr; } .span-full[b-5jxlo9jpoz] { grid-column: auto; } .sticky-actions[b-5jxlo9jpoz] { align-items: stretch; flex-direction: column; } .sticky-actions button[b-5jxlo9jpoz] { width: 100%; } .feature-unavailable[b-5jxlo9jpoz] { grid-template-columns: auto 1fr; } .feature-unavailable button[b-5jxlo9jpoz] { grid-column: 1 / -1; width: 100%; } } .settings-hero h1[b-5jxlo9jpoz], .feature-unavailable h2[b-5jxlo9jpoz], .settings-card h2[b-5jxlo9jpoz], .settings-card h3[b-5jxlo9jpoz], .settings-card strong[b-5jxlo9jpoz] { color: #f4f8fc; } .settings-card .field label[b-5jxlo9jpoz] { color: #c7d6e5; } .settings-card .cost-box strong[b-5jxlo9jpoz] { color: #78d9b1; } /* /Components/Pages/Analytics.razor.rz.scp.css */ .executive-page-header[b-chd6eo2yp8] { align-items: flex-end; } .header-actions[b-chd6eo2yp8], .quick-ranges[b-chd6eo2yp8] { display: flex; flex-wrap: wrap; gap: .55rem; } .executive-filter[b-chd6eo2yp8] { display: grid; gap: .9rem; } .range-chip[b-chd6eo2yp8] { min-height: 2.35rem; padding: .45rem .9rem; border: 1px solid rgba(148, 178, 207, .28); border-radius: 999px; color: var(--text-primary, #f4f7fb); background: rgba(20, 43, 71, .72); cursor: pointer; } .range-chip:hover[b-chd6eo2yp8] { border-color: #d6a84b; background: rgba(214, 168, 75, .12); } .full-width[b-chd6eo2yp8] { width: 100%; } .command-hero[b-chd6eo2yp8] { position: relative; overflow: hidden; display: grid; grid-template-columns: 9rem minmax(18rem, 1fr) minmax(22rem, .9fr); gap: 1.25rem; align-items: center; margin-top: .85rem; padding: 1.35rem; border: 1px solid rgba(112, 159, 197, .34); border-radius: 1.35rem; background: radial-gradient(circle at 10% 20%, rgba(214, 168, 75, .14), transparent 30%), linear-gradient(135deg, #102640 0%, #0b1c30 52%, #142f4d 100%); box-shadow: 0 1.2rem 3rem rgba(4, 12, 23, .22); } .command-hero[b-chd6eo2yp8]::after { content: ""; position: absolute; inset: auto -6rem -8rem auto; width: 18rem; height: 18rem; border-radius: 50%; background: rgba(55, 139, 180, .1); pointer-events: none; } .control-score[b-chd6eo2yp8] { --control-score: 0%; width: 8.2rem; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#e5bd5c var(--control-score), rgba(255,255,255,.09) 0); box-shadow: 0 0 0 .45rem rgba(214, 168, 75, .07); } .score-core[b-chd6eo2yp8] { width: 6.45rem; aspect-ratio: 1; display: grid; place-content: center; text-align: center; border-radius: 50%; background: #0b1c30; } .score-core strong[b-chd6eo2yp8] { color: #f3d982; font-size: 2rem; line-height: 1; } .score-core span[b-chd6eo2yp8] { margin-top: .35rem; color: #92aac0; font-size: .72rem; } .command-copy[b-chd6eo2yp8] { position: relative; z-index: 1; } .command-copy h2[b-chd6eo2yp8] { margin: .65rem 0 .45rem; color: #f6f9fc; font-size: clamp(1.2rem, 2vw, 1.7rem); } .command-copy p[b-chd6eo2yp8] { max-width: 52rem; margin: 0; color: #d3dee7; line-height: 1.9; } .command-copy small[b-chd6eo2yp8] { display: block; margin-top: .7rem; color: #88a4bb; } .status-pill[b-chd6eo2yp8] { display: inline-flex; padding: .35rem .7rem; border: 1px solid; border-radius: 999px; font-size: .78rem; } .status-pill.excellent[b-chd6eo2yp8], .status-pill.good[b-chd6eo2yp8] { color: #7ce0b0; border-color: rgba(74, 205, 140, .35); background: rgba(32, 158, 102, .12); } .status-pill.warning[b-chd6eo2yp8] { color: #f2cc70; border-color: rgba(224, 177, 65, .4); background: rgba(224, 177, 65, .12); } .status-pill.danger[b-chd6eo2yp8] { color: #ff9f9f; border-color: rgba(239, 91, 91, .42); background: rgba(239, 91, 91, .12); } .ratio-grid[b-chd6eo2yp8] { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; } .ratio-grid article[b-chd6eo2yp8] { min-height: 5rem; padding: .8rem; border: 1px solid rgba(140, 174, 201, .16); border-radius: .9rem; background: rgba(4, 18, 32, .42); } .ratio-grid span[b-chd6eo2yp8], .insight-card span[b-chd6eo2yp8] { display: block; color: #91a9bd; font-size: .76rem; } .ratio-grid strong[b-chd6eo2yp8] { display: block; margin-top: .45rem; color: #f4f7fb; font-size: 1.05rem; } .command-metrics[b-chd6eo2yp8] { margin-top: .8rem; } .metric-title[b-chd6eo2yp8] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; } .delta[b-chd6eo2yp8] { display: inline-flex; direction: ltr; padding: .18rem .4rem; border-radius: .45rem; font-size: .7rem; font-style: normal; white-space: nowrap; } .delta.up[b-chd6eo2yp8] { color: #72dfaa; background: rgba(46, 181, 120, .12); } .delta.down[b-chd6eo2yp8] { color: #ff9b9b; background: rgba(231, 77, 77, .12); } .delta.flat[b-chd6eo2yp8] { color: #a9bac9; background: rgba(148, 166, 183, .1); } .insight-grid[b-chd6eo2yp8] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-top: .75rem; } .insight-card[b-chd6eo2yp8] { min-width: 0; padding: 1rem; border: 1px solid rgba(120, 156, 185, .2); border-radius: 1rem; background: linear-gradient(145deg, rgba(20, 43, 71, .92), rgba(12, 29, 48, .92)); } .insight-card.leader[b-chd6eo2yp8] { border-color: rgba(64, 201, 137, .3); } .insight-card.attention[b-chd6eo2yp8] { border-color: rgba(231, 170, 70, .34); } .insight-card strong[b-chd6eo2yp8] { display: block; overflow: hidden; margin-top: .55rem; color: #f5f8fb; text-overflow: ellipsis; white-space: nowrap; } .insight-card small[b-chd6eo2yp8] { display: block; margin-top: .4rem; color: #9db2c4; } .trend-panel[b-chd6eo2yp8], .alerts-panel[b-chd6eo2yp8], .analytics-tabs[b-chd6eo2yp8] { margin-top: .75rem; } .alerts-grid[b-chd6eo2yp8] { margin-top: .7rem; } .positive-empty[b-chd6eo2yp8] { margin-top: .75rem; padding: 1rem; border: 1px solid rgba(66, 199, 137, .25); border-radius: .8rem; color: #72dfaa; background: rgba(41, 154, 103, .08); } .executive-table[b-chd6eo2yp8] { border-radius: 0 0 1rem 1rem; } @media (max-width: 1100px) { .command-hero[b-chd6eo2yp8] { grid-template-columns: 8rem 1fr; } .ratio-grid[b-chd6eo2yp8] { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); } .insight-grid[b-chd6eo2yp8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .executive-page-header[b-chd6eo2yp8] { align-items: stretch; } .header-actions > button[b-chd6eo2yp8] { flex: 1; } .quick-ranges[b-chd6eo2yp8] { display: grid; grid-template-columns: repeat(2, 1fr); } .command-hero[b-chd6eo2yp8] { grid-template-columns: 1fr; padding: 1rem; text-align: center; } .control-score[b-chd6eo2yp8] { margin-inline: auto; } .ratio-grid[b-chd6eo2yp8] { grid-column: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); text-align: right; } .insight-grid[b-chd6eo2yp8] { grid-template-columns: 1fr; } .insight-card strong[b-chd6eo2yp8] { white-space: normal; } .analytics-tabs[b-chd6eo2yp8] { overflow-x: auto; justify-content: flex-start; } .analytics-tabs .segment-button[b-chd6eo2yp8] { min-width: 10.5rem; } } @media print { .header-actions[b-chd6eo2yp8], .executive-filter[b-chd6eo2yp8], .analytics-tabs[b-chd6eo2yp8], .alerts-panel[b-chd6eo2yp8] { display: none !important; } .command-hero[b-chd6eo2yp8], .metric-card[b-chd6eo2yp8], .insight-card[b-chd6eo2yp8], .panel-card[b-chd6eo2yp8], .data-table-card[b-chd6eo2yp8] { break-inside: avoid; box-shadow: none !important; } .command-hero[b-chd6eo2yp8] { grid-template-columns: 7rem 1fr 22rem; } } .signed-trend[b-chd6eo2yp8] { overflow-x: auto; direction: ltr; } .metric-source[b-chd6eo2yp8] { border: 0; background: transparent; color: inherit; padding: .2rem 0; text-align: start; cursor: pointer; } .metric-source:hover[b-chd6eo2yp8] { text-decoration: underline; }.metric-source:focus-visible[b-chd6eo2yp8] { outline: 3px solid var(--accent); outline-offset: 3px; } .signed-trend .trend-column[b-chd6eo2yp8] { min-width: 4.6rem; flex: 1 0 4.6rem; } .signed-trend .trend-bars[b-chd6eo2yp8] { position: relative; height: 12rem; display: block; } .signed-trend .trend-bars > span[b-chd6eo2yp8] { position: absolute; min-height: 0; width: 26%; inset-inline-start: 18%; border-radius: .2rem; } .signed-trend .trend-bars > .profit-bar[b-chd6eo2yp8] { inset-inline-start: 52%; } .signed-trend .trend-zero[b-chd6eo2yp8] { position: absolute; inset-inline: 0; height: 1px; background: var(--text-muted-dark); } .trend-data[b-chd6eo2yp8] { margin-top: 1rem; }.trend-data summary[b-chd6eo2yp8] { cursor: pointer; padding: .7rem; font-weight: 600; } @media print { .trend-data > .table-scroll[b-chd6eo2yp8] { display: block; } } /* /Components/Pages/CashControl.razor.rz.scp.css */ .cash-control-workspace[b-ycomgtu0bi] { max-width: 1400px; margin: auto; padding: 1rem; color: var(--text, #17334b); } .cc-heading[b-ycomgtu0bi],.cc-source header[b-ycomgtu0bi] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; } h1[b-ycomgtu0bi] { margin: .25rem 0; font-size: 1.6rem; } h2[b-ycomgtu0bi] { margin: 0 0 .4rem; font-size: 1.12rem; } h3[b-ycomgtu0bi] { font-size: 1rem; } .cc-heading p[b-ycomgtu0bi],.cc-cutoff[b-ycomgtu0bi] { color: #5b7081; font-size: .86rem; } .cc-filter[b-ycomgtu0bi],.cc-source[b-ycomgtu0bi],.cc-state[b-ycomgtu0bi] { margin: 1rem 0; padding: 1.2rem; border: 1px solid #dce5eb; border-radius: 1rem; background: var(--surface,#fff); } .cc-filter summary[b-ycomgtu0bi] { cursor: pointer; font-weight: 700; } .cc-filter-grid[b-ycomgtu0bi],.cc-entry[b-ycomgtu0bi] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1rem; align-items: end; } .cc-filter-grid[b-ycomgtu0bi] { grid-template-columns: repeat(3,minmax(0,1fr)) auto; } label[b-ycomgtu0bi] { display: grid; gap: .4rem; font-size: .86rem; font-weight: 650; min-width: 0; } input[b-ycomgtu0bi],select[b-ycomgtu0bi],textarea[b-ycomgtu0bi] { width: 100%; min-width: 0; box-sizing: border-box; min-height: 44px; padding: .6rem .7rem; border: 1px solid #adbfce; border-radius: .65rem; background: #fff; color: #17334b; font: inherit; } input[type=text][b-ycomgtu0bi] { direction: ltr; text-align: right; font-variant-numeric: tabular-nums; } textarea[b-ycomgtu0bi] { resize: vertical; } input:focus-visible[b-ycomgtu0bi],select:focus-visible[b-ycomgtu0bi],textarea:focus-visible[b-ycomgtu0bi],button:focus-visible[b-ycomgtu0bi],summary:focus-visible[b-ycomgtu0bi] { outline: 3px solid #146ba6; outline-offset: 3px; } .cc-actions[b-ycomgtu0bi] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-top: .8rem; } .cc-actions button[b-ycomgtu0bi],.cc-actions a[b-ycomgtu0bi] { min-height: 44px; white-space: normal; } .cc-checkbox[b-ycomgtu0bi] { display: flex; align-items: center; font-weight: 500; } .cc-checkbox input[b-ycomgtu0bi] { width: 20px; min-height: 20px; } .cc-status[b-ycomgtu0bi],.cc-shared[b-ycomgtu0bi] { display: inline-block; padding: .3rem .7rem; border-radius: 2rem; background: #edf2f6; font-size: .8rem; } .cc-shared[b-ycomgtu0bi] { margin-right: .5rem; background: #e9efff; color: #244b82; } .cc-approved[b-ycomgtu0bi],.cc-matched[b-ycomgtu0bi] { background: #e5f5ed; color: #165536; } .cc-variance[b-ycomgtu0bi],.cc-review[b-ycomgtu0bi],.cc-incomplete[b-ycomgtu0bi] { background: #fff0dc; color: #794816; } .cc-amounts[b-ycomgtu0bi] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; margin: 1rem 0; } .cc-amounts div[b-ycomgtu0bi] { background: #f5f8fb; border-radius: .7rem; padding: .8rem; min-width: 0; } dt[b-ycomgtu0bi] { font-size: .78rem; color: #506a80; } dd[b-ycomgtu0bi] { margin: .35rem 0 0; font-weight: 750; font-size: 1.08rem; overflow-wrap: anywhere; } .cc-expected[b-ycomgtu0bi] { border: 1px solid #b8ccde; } .cc-shares[b-ycomgtu0bi] { display: flex; gap: .8rem; flex-wrap: wrap; font-size: .8rem; border-top: 1px solid #e0e7ed; padding-top: .8rem; } .cc-result[b-ycomgtu0bi] { display: grid; gap: .4rem; font-size: .8rem; } .cc-result span[b-ycomgtu0bi] { color: #506a80; } .cc-result strong[b-ycomgtu0bi] { font-size: .95rem; } .cc-reason[b-ycomgtu0bi] { margin-top: 1rem; } .cc-message[b-ycomgtu0bi],.cc-warning[b-ycomgtu0bi] { margin: .8rem 0; padding: .9rem; border-radius: .65rem; overflow-wrap: anywhere; font-size: .85rem; } .cc-warning[b-ycomgtu0bi] { background: #fff6e7; color: #664213; border: 1px solid #ead3ad; } .cc-error[b-ycomgtu0bi] { background: #ffefef; color: #852d2d; border: 1px solid #ebbbbb; } .cc-success[b-ycomgtu0bi] { background: #e9f7ef; color: #23593a; } .cc-details[b-ycomgtu0bi] { border-top: 1px solid #dce5eb; margin-top: 1rem; padding-top: .8rem; } .cc-table-scroll[b-ycomgtu0bi] { overflow-x: auto; } table[b-ycomgtu0bi] { width: 100%; border-collapse: collapse; min-width: 540px; } th[b-ycomgtu0bi],td[b-ycomgtu0bi] { text-align: right; padding: .7rem; border-bottom: 1px solid #dce5eb; font-size: .8rem; } td small[b-ycomgtu0bi] { display:block; } .cc-print-preview[b-ycomgtu0bi] { display:none; } .cc-section-links[b-ycomgtu0bi] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:.75rem; } .cc-section-link[b-ycomgtu0bi] { display:grid; gap:.4rem; border:1px solid #bbcddd; border-radius:.7rem; padding:.9rem; color:#21465f; text-decoration:none; background:#f6f9fc; overflow-wrap:anywhere; } .cc-section-link:focus-visible[b-ycomgtu0bi] { outline:3px solid #146ba6; outline-offset:3px; } .cc-section-link span[b-ycomgtu0bi],.cc-section-link small[b-ycomgtu0bi],.cc-source-context[b-ycomgtu0bi] { font-size:.8rem; } .cc-source-context[b-ycomgtu0bi] { color:#506a80; overflow-wrap:anywhere; } .cc-source header>div[b-ycomgtu0bi] { min-width:0; } .cc-source h2[b-ycomgtu0bi] { overflow-wrap:anywhere; } .cc-table-scroll[b-ycomgtu0bi] { max-width:100%; min-width:0; } .cash-control-workspace[b-ycomgtu0bi] { min-width:0; padding-bottom:calc(1rem + env(safe-area-inset-bottom)); } @media(max-width:767px) { .cash-control-workspace[b-ycomgtu0bi] { padding: .65rem; } .cc-filter[b-ycomgtu0bi],.cc-source[b-ycomgtu0bi],.cc-state[b-ycomgtu0bi] { padding: .9rem; } .cc-filter-grid[b-ycomgtu0bi],.cc-entry[b-ycomgtu0bi] { grid-template-columns: 1fr; } .cc-amounts[b-ycomgtu0bi] { grid-template-columns: repeat(2,minmax(0,1fr)); } .cc-actions>*[b-ycomgtu0bi] { max-width:100%; } } @media(max-width:359px) { .cc-amounts[b-ycomgtu0bi] { grid-template-columns:1fr; } } /* /Components/Pages/CashDeskTransferRoutes.razor.rz.scp.css */ .transfer-workspace[b-wpc4hrkdco]{display:grid;gap:1.2rem;max-width:1440px;margin:auto;padding:1.2rem;min-width:0;color:var(--text-primary,#edf3ff)} .transfer-workspace header[b-wpc4hrkdco]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.transfer-workspace h1[b-wpc4hrkdco]{margin:.3rem 0;font-size:1.8rem}.transfer-workspace h2[b-wpc4hrkdco]{font-size:1.2rem;margin:0 0 .65rem}.transfer-workspace p[b-wpc4hrkdco]{line-height:1.9}.transfer-workspace header p[b-wpc4hrkdco],.transfer-editor>p[b-wpc4hrkdco]{color:var(--text-muted,#b4c2d7);margin:.35rem 0} .transfer-layout[b-wpc4hrkdco]{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);gap:1rem}.transfer-list[b-wpc4hrkdco],.transfer-editor[b-wpc4hrkdco],.transfer-state[b-wpc4hrkdco]{border:1px solid var(--border,#30425e);border-radius:16px;background:var(--surface,#15243b);padding:1.15rem;min-width:0}.transfer-list[b-wpc4hrkdco]{display:flex;flex-direction:column;gap:.65rem;align-self:start;max-height:75vh;overflow:auto}.transfer-row[b-wpc4hrkdco]{display:grid;gap:.35rem;text-align:right;padding:1rem;border:1px solid var(--border,#30425e);border-radius:12px;background:var(--surface,#15243b);color:inherit;white-space:normal;overflow-wrap:anywhere}.transfer-row.selected[b-wpc4hrkdco]{border-color:#71b5ff;background:#203653}.transfer-row small[b-wpc4hrkdco]{color:#becbdf} .transfer-grid[b-wpc4hrkdco]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.transfer-editor fieldset[b-wpc4hrkdco]{border:0;padding:0;margin:0;min-width:0;display:grid;gap:.65rem}.transfer-editor label[b-wpc4hrkdco]{display:grid;gap:.4rem;line-height:1.7}.transfer-editor input:not([type=checkbox])[b-wpc4hrkdco],.transfer-editor select[b-wpc4hrkdco]{width:100%;min-width:0;min-height:44px;background:#0f1c30;border:1px solid #425671;border-radius:10px;color:inherit;padding:.65rem;font:inherit}.transfer-editor .transfer-check[b-wpc4hrkdco]{display:flex;gap:.6rem;align-items:center;margin-top:.6rem}.transfer-actions[b-wpc4hrkdco]{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.transfer-editor .transfer-actions[b-wpc4hrkdco]{margin-top:1rem}.transfer-message[b-wpc4hrkdco]{border-radius:10px;padding:.8rem 1rem;overflow-wrap:anywhere}.transfer-message.error[b-wpc4hrkdco]{background:#412d37;color:#ffdfdf;border:1px solid #805162}.transfer-message.success[b-wpc4hrkdco]{background:#173d39;color:#d1fff0;border:1px solid #37645c}.transfer-workspace button:focus-visible[b-wpc4hrkdco],.transfer-workspace a:focus-visible[b-wpc4hrkdco],.transfer-workspace input:focus-visible[b-wpc4hrkdco],.transfer-workspace select:focus-visible[b-wpc4hrkdco]{outline:3px solid #93c5fd;outline-offset:3px}.transfer-workspace button:disabled[b-wpc4hrkdco],.transfer-editor fieldset:disabled[b-wpc4hrkdco]{opacity:.62} @media(max-width:900px){.transfer-layout[b-wpc4hrkdco]{grid-template-columns:1fr}.transfer-list[b-wpc4hrkdco]{max-height:320px}.transfer-workspace[b-wpc4hrkdco]{padding:.7rem}}@media(max-width:520px){.transfer-grid[b-wpc4hrkdco]{grid-template-columns:1fr}.transfer-workspace h1[b-wpc4hrkdco]{font-size:1.45rem}.transfer-list[b-wpc4hrkdco],.transfer-editor[b-wpc4hrkdco]{padding:.9rem}.transfer-actions>*[b-wpc4hrkdco]{flex:1 1 auto;text-align:center}} /* /Components/Pages/CashShifts.razor.rz.scp.css */ @media screen and (max-width: 920px) { /* Keep the report above the fixed navigation and below a financial editor. */ .receipt-backdrop[b-r5067hlh4n] { z-index: 1190 !important; } /* A shift report has no POS cart or dock to reserve space for. */ .receipt-backdrop .receipt-modal[b-r5067hlh4n] { top: max(.65rem, env(safe-area-inset-top)) !important; right: max(.65rem, env(safe-area-inset-right)) !important; bottom: max(.65rem, env(safe-area-inset-bottom)) !important; left: max(.65rem, env(safe-area-inset-left)) !important; } } /* /Components/Pages/CustomerWallets.razor.rz.scp.css */ .wallet-modal-body > .segmented-control[b-i8o7v64arx] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); width: 100%; overflow: visible; } .wallet-modal-body > .segmented-control .segment-button[b-i8o7v64arx] { min-width: 0; padding: .8rem .5rem; white-space: normal; line-height: 1.7; } /* /Components/Pages/Expenses.razor.rz.scp.css */ .page-header.expense-command-hero[b-m088qcqahv] { overflow: hidden; padding: clamp(1.2rem, 2.8vw, 2rem); border: 1px solid rgba(86, 206, 198, .32); border-radius: 1.5rem; background: radial-gradient(circle at 8% 18%, rgba(91, 227, 211, .2), transparent 31%), linear-gradient(135deg, #17334a, #15555e 62%, #18756f); color: #fff; box-shadow: var(--shadow-lg); }.page-header.expense-command-hero h1[b-m088qcqahv] { color: #fff; font-size: clamp(1.65rem, 3vw, 2.4rem); }.page-header.expense-command-hero p[b-m088qcqahv] { color: #d6efee; }.page-header.expense-command-hero .eyebrow[b-m088qcqahv] { color: #8ff0e6; }.page-header.expense-command-hero .secondary-button[b-m088qcqahv] { border-color: rgba(255,255,255,.35); background: rgba(5,29,40,.25); color: #fff; } .expense-metrics .metric-card[b-m088qcqahv] { position: relative; overflow: hidden; }.expense-metrics .metric-card[b-m088qcqahv]::after { content: ""; position: absolute; inset: auto -1.2rem -1.3rem auto; width: 5rem; height: 5rem; border-radius: 50%; background: rgba(16, 161, 150, .07); } .expense-filter-card[b-m088qcqahv] { display: grid; gap: .8rem; margin-top: .8rem; }.expense-quick-ranges[b-m088qcqahv] { display: flex; flex-wrap: wrap; gap: .45rem; }.expense-quick-ranges button[b-m088qcqahv] { min-height: 2.25rem; padding: .4rem .9rem; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface-card); color: var(--ink); cursor: pointer; }.expense-quick-ranges button:hover[b-m088qcqahv], .expense-quick-ranges button:focus-visible[b-m088qcqahv] { border-color: var(--brand); background: var(--brand-soft); outline: none; } .expense-filters[b-m088qcqahv] { grid-template-columns: minmax(15rem, 1.6fr) repeat(5, minmax(8rem, 1fr)); }.expense-search[b-m088qcqahv] { min-width: 0; }.expense-table-card[b-m088qcqahv] { margin-top: .85rem; } .expense-editor-modal[b-m088qcqahv] { width: min(52rem, calc(100vw - 2rem)); }.expense-form-step[b-m088qcqahv] { display: flex; align-items: center; gap: .55rem; margin: .2rem 0 .75rem; padding-bottom: .55rem; border-bottom: 1px solid var(--line); }.expense-form-step span[b-m088qcqahv] { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: .6rem; background: var(--brand-soft); color: var(--brand); font-weight: 800; }.expense-form-step:nth-of-type(2)[b-m088qcqahv] { margin-top: 1.2rem; }.expense-live-summary[b-m088qcqahv] { display: grid; gap: .25rem; margin-top: 1rem; padding: .9rem 1rem; border: 1px solid rgba(8,127,140,.22); border-radius: .9rem; background: var(--brand-soft); }.expense-live-summary span[b-m088qcqahv], .expense-live-summary small[b-m088qcqahv] { color: var(--text-muted-dark); }.expense-live-summary strong[b-m088qcqahv] { color: var(--brand-strong); font-size: 1.35rem; } @media (max-width: 1120px) { .expense-filters[b-m088qcqahv] { grid-template-columns: repeat(3, minmax(0,1fr)); } } @media (max-width: 680px) { .expense-command-hero[b-m088qcqahv] { align-items: flex-start; }.expense-command-hero .page-actions[b-m088qcqahv] { width: 100%; }.expense-filters[b-m088qcqahv] { grid-template-columns: 1fr; }.expense-editor-modal[b-m088qcqahv] { width: calc(100vw - 1rem); } } @media (prefers-reduced-motion: reduce) { .expense-quick-ranges button[b-m088qcqahv] { transition: none; } } /* /Components/Pages/GeneralSettings.razor.rz.scp.css */ .general-settings-hero[b-sw189j5jzv]{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.45rem 1.6rem;border:1px solid rgba(111,145,183,.32);border-radius:22px;background:radial-gradient(circle at 8% 10%,rgba(211,170,75,.15),transparent 32%),linear-gradient(135deg,#0d1b2f,#142b48);box-shadow:0 20px 48px rgba(3,11,22,.28)} .hero-copy[b-sw189j5jzv]{max-width:780px}.eyebrow[b-sw189j5jzv]{display:block;color:#e8c774;font-size:.72rem;font-weight:800;letter-spacing:.02em}.hero-copy h1[b-sw189j5jzv]{margin:.28rem 0 .4rem;font-size:clamp(1.45rem,2.5vw,2.15rem)}.hero-copy p[b-sw189j5jzv]{margin:0;color:#aebed1;line-height:1.9}.hero-actions[b-sw189j5jzv]{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.health-pill[b-sw189j5jzv]{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border-radius:999px;background:rgba(26,89,72,.5);border:1px solid rgba(94,190,151,.4);font-size:.78rem;font-weight:700}.health-pill i[b-sw189j5jzv]{width:.55rem;height:.55rem;border-radius:50%;background:#74d5aa;box-shadow:0 0 0 4px rgba(116,213,170,.12)}.health-pill.bad[b-sw189j5jzv]{background:rgba(126,42,54,.45);border-color:rgba(235,117,130,.4)}.health-pill.bad i[b-sw189j5jzv]{background:#ef8d98} .settings-shell[b-sw189j5jzv]{display:grid;grid-template-columns:255px minmax(0,1fr);gap:1rem;margin-top:1rem;align-items:start}.settings-nav[b-sw189j5jzv]{position:sticky;top:1rem;padding:.75rem;border:1px solid #2c4665;border-radius:18px;background:#0e1c31}.settings-nav>button[b-sw189j5jzv]{width:100%;display:flex;gap:.75rem;align-items:center;padding:.85rem;border:0;border-radius:13px;text-align:right;color:#e7eef8;background:transparent;cursor:pointer}.settings-nav>button.active[b-sw189j5jzv]{background:linear-gradient(135deg,rgba(212,170,73,.18),rgba(38,68,103,.65));box-shadow:inset 0 0 0 1px rgba(221,184,94,.3)}.settings-nav>button>span[b-sw189j5jzv]{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:10px;background:#203b5e;color:#e8c774}.settings-nav strong[b-sw189j5jzv],.settings-nav small[b-sw189j5jzv]{display:block}.settings-nav small[b-sw189j5jzv]{margin-top:.2rem;color:#96abc3;font-size:.68rem}.settings-nav-note[b-sw189j5jzv]{display:flex;gap:.6rem;margin-top:.8rem;padding:.8rem;border-top:1px solid #273e5b;color:#93a7bf}.settings-nav-note p[b-sw189j5jzv]{margin:0;font-size:.7rem;line-height:1.8} .settings-content[b-sw189j5jzv]{min-width:0}.metric-strip[b-sw189j5jzv]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.metric-strip article[b-sw189j5jzv]{padding:1rem 1.1rem;border:1px solid #2d4969;border-radius:16px;background:linear-gradient(145deg,#101f35,#132946)}.metric-strip span[b-sw189j5jzv],.metric-strip small[b-sw189j5jzv]{display:block;color:#96abc3;font-size:.7rem}.metric-strip strong[b-sw189j5jzv]{display:block;margin:.35rem 0;font-size:1.65rem}.metric-strip .success strong[b-sw189j5jzv]{color:#75d4aa}.metric-strip .warning strong[b-sw189j5jzv]{color:#e8c774} .rfid-toolbar[b-sw189j5jzv]{display:flex;align-items:center;gap:.7rem;margin-top:.8rem;padding:.8rem;border:1px solid #2d4969;border-radius:16px;background:#101f35}.search-box[b-sw189j5jzv]{display:flex;align-items:center;gap:.6rem;flex:1;min-width:190px;padding:0 .8rem;border:1px solid #355474;border-radius:11px;background:#142842}.search-box input[b-sw189j5jzv]{width:100%;height:2.55rem;border:0;outline:0;color:#e8eef7;background:transparent;font-family:inherit}.switch-label[b-sw189j5jzv]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;color:#c6d2e0;font-size:.75rem}.switch-label input[b-sw189j5jzv]{accent-color:#d7ad50} .rfid-list-card[b-sw189j5jzv]{margin-top:.8rem;min-height:360px;border:1px solid #2d4969;border-radius:18px;background:#0e1b2e;overflow:hidden}.rfid-table-scroll[b-sw189j5jzv]{overflow:auto;max-height:calc(100vh - 390px);min-height:360px}.rfid-table[b-sw189j5jzv]{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.rfid-table th[b-sw189j5jzv]{position:sticky;top:0;z-index:2;padding:.8rem .75rem;text-align:right;color:#9fb2ca;background:#142842;border-bottom:1px solid #355474;font-size:.7rem}.rfid-table td[b-sw189j5jzv]{padding:.78rem .75rem;border-bottom:1px solid rgba(65,91,121,.42);vertical-align:middle;font-size:.76rem}.rfid-table tr:hover td[b-sw189j5jzv]{background:rgba(34,63,96,.35)}.rfid-table tr.inactive[b-sw189j5jzv]{opacity:.62}.band-number[b-sw189j5jzv]{font-size:.95rem;color:#f1cf78}.rfid-table code[b-sw189j5jzv]{direction:ltr;display:inline-block;padding:.32rem .5rem;border-radius:7px;background:#172b45;color:#c5d6e9}.state-badge[b-sw189j5jzv],.usage-badge[b-sw189j5jzv]{display:inline-flex;padding:.35rem .55rem;border-radius:999px;white-space:nowrap;font-size:.67rem;font-weight:700}.state-badge.active[b-sw189j5jzv],.usage-badge.free[b-sw189j5jzv]{background:rgba(43,126,95,.26);color:#8de0bd}.state-badge.inactive[b-sw189j5jzv]{background:rgba(109,124,145,.22);color:#aebed0}.usage-badge.busy[b-sw189j5jzv]{background:rgba(175,132,44,.23);color:#f2d17d}.notes[b-sw189j5jzv]{display:block;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aebed0}.row-actions[b-sw189j5jzv]{display:flex;gap:.35rem}.row-actions button[b-sw189j5jzv]{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid #365879;border-radius:9px;color:#c7d5e5;background:#172d49;cursor:pointer}.row-actions button:hover[b-sw189j5jzv]{border-color:#d4aa4a;color:#f1cf78}.row-actions button.danger:hover[b-sw189j5jzv]{border-color:#d56b79;color:#ff9aa6}.row-actions button:disabled[b-sw189j5jzv]{opacity:.3;cursor:not-allowed} .modal-backdrop[b-sw189j5jzv]{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(2,8,17,.78);backdrop-filter:blur(5px)}.rfid-editor[b-sw189j5jzv]{display:flex;flex-direction:column;width:min(680px,100%);max-height:min(780px,calc(100dvh - 2rem));overflow:hidden;border:1px solid #3c5c7d;border-radius:22px;background:#0f1d31;box-shadow:0 28px 90px rgba(0,0,0,.55)}.rfid-editor header[b-sw189j5jzv]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #2d4765}.rfid-editor h2[b-sw189j5jzv]{margin:.2rem 0 0;font-size:1.25rem}.modal-close[b-sw189j5jzv]{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:10px;color:#d3deeb;background:#1b334f;cursor:pointer}.scan-card[b-sw189j5jzv]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin:1rem 1.15rem 0;padding:.9rem;border:1px solid rgba(213,174,79,.35);border-radius:15px;background:linear-gradient(135deg,rgba(202,161,64,.11),rgba(28,53,84,.55));transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.scan-card.armed[b-sw189j5jzv]{border-color:#e3bc59;box-shadow:0 0 0 3px rgba(227,188,89,.12),0 14px 32px rgba(0,0,0,.2)}.scan-icon[b-sw189j5jzv]{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:12px;background:#2a4567;color:#f0cb71}.scan-copy[b-sw189j5jzv]{min-width:0}.scan-card strong[b-sw189j5jzv],.scan-card small[b-sw189j5jzv]{display:block}.scan-card small[b-sw189j5jzv]{margin-top:.2rem;color:#9eb0c5;font-size:.69rem;line-height:1.65}.scan-live[b-sw189j5jzv]{display:inline-flex;align-items:center;gap:.4rem;margin-top:.55rem;padding:.3rem .55rem;border:1px solid #395978;border-radius:999px;color:#b7c7d8;background:#142842;font-size:.65rem;font-weight:700}.scan-live i[b-sw189j5jzv]{width:.45rem;height:.45rem;border-radius:50%;background:#7f96af}.scan-live.waiting[b-sw189j5jzv]{color:#f3d37e;border-color:rgba(226,185,79,.5);background:rgba(126,91,25,.2)}.scan-live.waiting i[b-sw189j5jzv]{background:#f0c85f;box-shadow:0 0 0 4px rgba(240,200,95,.12);animation:rfid-pulse-b-sw189j5jzv 1.1s infinite}.scan-action[b-sw189j5jzv]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:142px;height:2.75rem;padding:0 .9rem;border:1px solid #e0b54f;border-radius:11px;color:#08111e;background:linear-gradient(180deg,#f0cb6f,#c99532);font-family:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.22)}.scan-action:hover:not(:disabled)[b-sw189j5jzv]{transform:translateY(-1px);filter:brightness(1.05)}.scan-action:disabled[b-sw189j5jzv]{opacity:.48;cursor:not-allowed}.scan-armed-input[b-sw189j5jzv]{border-color:#e0b54f!important;box-shadow:0 0 0 3px rgba(224,181,79,.14)!important}.editor-scroll[b-sw189j5jzv]{overflow:auto;padding:1rem 1.15rem;touch-action:pan-y;-webkit-overflow-scrolling:touch}.field[b-sw189j5jzv]{margin-bottom:.9rem}.field label[b-sw189j5jzv]{display:block;margin-bottom:.4rem;color:#aebed1;font-size:.72rem;font-weight:700}.field input[b-sw189j5jzv],.field textarea[b-sw189j5jzv]{width:100%;border:1px solid #355474;border-radius:11px;color:#edf3fa;background:#142842;font-family:inherit;outline:0}.field input[b-sw189j5jzv]{height:2.75rem;padding:0 .8rem}.field textarea[b-sw189j5jzv]{padding:.75rem;resize:vertical}.field input:focus[b-sw189j5jzv],.field textarea:focus[b-sw189j5jzv]{border-color:#d4aa4a;box-shadow:0 0 0 3px rgba(212,170,74,.12)}.field input[readonly][b-sw189j5jzv]{opacity:.72;cursor:not-allowed}.field small[b-sw189j5jzv]{display:block;margin-top:.35rem;color:#8298b0;font-size:.65rem}.ltr-input[b-sw189j5jzv]{direction:ltr;text-align:left}.active-option[b-sw189j5jzv]{display:flex;gap:.65rem;padding:.8rem;border:1px solid #304d6c;border-radius:12px;background:#132640}.active-option input[b-sw189j5jzv]{accent-color:#d5aa4b}.active-option strong[b-sw189j5jzv],.active-option small[b-sw189j5jzv]{display:block}.active-option small[b-sw189j5jzv]{margin-top:.2rem;color:#8fa4bc;font-size:.67rem}.usage-warning[b-sw189j5jzv]{display:flex;gap:.7rem;margin-top:.85rem;padding:.8rem;border:1px solid rgba(225,177,76,.36);border-radius:12px;background:rgba(178,132,42,.12);color:#e8c978}.usage-warning p[b-sw189j5jzv]{margin:0;color:#c9d4e0;font-size:.72rem;line-height:1.75}.rfid-editor footer[b-sw189j5jzv]{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.15rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid #2d4765;background:#0c1829} @keyframes rfid-pulse-b-sw189j5jzv{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}} @media(max-width:980px){.settings-shell[b-sw189j5jzv]{grid-template-columns:1fr}.settings-nav[b-sw189j5jzv]{position:static}.settings-nav-note[b-sw189j5jzv]{display:none}.settings-nav>button[b-sw189j5jzv]{max-width:360px}.rfid-table-scroll[b-sw189j5jzv]{max-height:none}} @media(max-width:720px){.general-settings-hero[b-sw189j5jzv]{align-items:flex-start;flex-direction:column;padding:1rem}.hero-actions[b-sw189j5jzv]{width:100%;justify-content:space-between}.metric-strip[b-sw189j5jzv]{grid-template-columns:1fr 1fr}.metric-strip article:last-child[b-sw189j5jzv]{grid-column:1/-1}.rfid-toolbar[b-sw189j5jzv]{align-items:stretch;flex-direction:column}.rfid-toolbar .primary-button[b-sw189j5jzv]{width:100%}.rfid-list-card[b-sw189j5jzv]{border:0;background:transparent}.rfid-table-scroll[b-sw189j5jzv]{overflow:visible;min-height:0}.rfid-table[b-sw189j5jzv]{display:block;min-width:0}.rfid-table thead[b-sw189j5jzv]{display:none}.rfid-table tbody[b-sw189j5jzv]{display:grid;gap:.7rem}.rfid-table tr[b-sw189j5jzv]{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:.85rem;border:1px solid #2d4969;border-radius:15px;background:#101f35}.rfid-table td[b-sw189j5jzv]{display:flex;flex-direction:column;gap:.2rem;padding:0;border:0}.rfid-table td[b-sw189j5jzv]::before{content:attr(data-label);color:#8197af;font-size:.62rem}.rfid-table td:nth-child(2)[b-sw189j5jzv],.rfid-table td:nth-child(4)[b-sw189j5jzv],.rfid-table td:nth-child(5)[b-sw189j5jzv]{grid-column:1/-1}.rfid-table .row-actions[b-sw189j5jzv]{grid-column:1/-1;flex-direction:row;justify-content:flex-end}.notes[b-sw189j5jzv]{max-width:none}.modal-backdrop[b-sw189j5jzv]{align-items:end;padding:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left))}.rfid-editor[b-sw189j5jzv]{max-height:calc(100dvh - max(.7rem,env(safe-area-inset-top)) - max(.7rem,env(safe-area-inset-bottom)));border-radius:22px}.scan-card[b-sw189j5jzv]{grid-template-columns:auto 1fr;margin:.8rem .85rem 0}.scan-action[b-sw189j5jzv]{grid-column:1/-1;width:100%;min-height:3rem}.editor-scroll[b-sw189j5jzv],.rfid-editor header[b-sw189j5jzv],.rfid-editor footer[b-sw189j5jzv]{padding-left:.85rem;padding-right:.85rem}} .hero-copy h1[b-sw189j5jzv],.metric-strip strong[b-sw189j5jzv],.rfid-editor h2[b-sw189j5jzv]{color:#f4f8fc}.health-pill[b-sw189j5jzv]{color:#e8f3ee}.rfid-table td[b-sw189j5jzv]{color:#d7e2ed}.rfid-editor[b-sw189j5jzv]{color:#e8eef7}.rfid-editor header p[b-sw189j5jzv]{color:#9eb0c5} .row-actions[b-sw189j5jzv]{align-items:center;flex-wrap:wrap}.row-actions button.status-action[b-sw189j5jzv]{width:auto;min-width:7rem;min-height:2.75rem;padding:.35rem .65rem;font-family:inherit;white-space:nowrap;font-size:.72rem;font-weight:700}.row-actions button:focus-visible[b-sw189j5jzv]{outline:2px solid #f1cf78;outline-offset:3px}.rfid-editor footer[b-sw189j5jzv]{flex-wrap:wrap}.rfid-editor footer button[b-sw189j5jzv]{min-height:2.75rem}.rfid-table tr.inactive[b-sw189j5jzv]{opacity:1}.rfid-editor .form-message[b-sw189j5jzv]{margin:0 0 1rem} .editor-scroll[b-sw189j5jzv]{min-width:0;margin:0;border:0}.editor-scroll:disabled[b-sw189j5jzv]{opacity:.8} .editor-scroll[b-sw189j5jzv]{flex:1 1 auto;min-height:0}.rfid-editor header[b-sw189j5jzv],.rfid-editor footer[b-sw189j5jzv]{flex-shrink:0}.rfid-editor header>div[b-sw189j5jzv]{min-width:0}.rfid-editor h2[b-sw189j5jzv],.scan-live[b-sw189j5jzv],.band-number[b-sw189j5jzv]{overflow-wrap:anywhere}.modal-close[b-sw189j5jzv]{flex-shrink:0}.editor-scroll .scan-card[b-sw189j5jzv]{margin:0 0 1rem}.rfid-table code[b-sw189j5jzv]{max-width:100%;overflow-wrap:anywhere;word-break:break-word} @media(max-width:720px){.rfid-table tr[b-sw189j5jzv]{grid-template-columns:repeat(2,minmax(0,1fr))}.rfid-table td[b-sw189j5jzv]{min-width:0}.usage-badge[b-sw189j5jzv]{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.65}} .editor-fields[b-sw189j5jzv]{min-width:0;width:100%;margin:0;padding:0;border:0}.editor-fields:disabled[b-sw189j5jzv]{opacity:.8} .field select[b-sw189j5jzv]{width:100%;min-width:0;box-sizing:border-box;min-height:2.75rem;padding:.6rem .8rem;border:1px solid #355474;border-radius:11px;color:#edf3fa;background:#142842;font-family:inherit}.field select:focus-visible[b-sw189j5jzv]{outline:2px solid #f1cf78;outline-offset:3px}.series-description[b-sw189j5jzv]{display:block;overflow-wrap:anywhere;line-height:1.7;color:#aebed0}.rfid-toolbar[b-sw189j5jzv]{flex-wrap:wrap} @media(max-width:720px){.rfid-table td:nth-child(3)[b-sw189j5jzv],.rfid-table td:nth-child(6)[b-sw189j5jzv]{grid-column:1/-1}} /* /Components/Pages/Home.razor.rz.scp.css */ .manager-dashboard[b-tm2l9gh4ut] { min-width:0; padding-bottom:1.5rem; } .dashboard-toolbar[b-tm2l9gh4ut] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.8rem; margin:1.6rem 0 1rem; } .dashboard-section-heading h2[b-tm2l9gh4ut] { margin:.2rem 0; font-size:1.15rem; color:#244b5b; }.dashboard-section-heading p[b-tm2l9gh4ut] { margin:.35rem 0 0; color:#547180; font-size:.74rem; }.dashboard-section-heading .eyebrow[b-tm2l9gh4ut] { color:#577b7b; font-weight:600; font-size:.69rem; } .dashboard-toolbar .period-tabs[b-tm2l9gh4ut] { margin:0; }.manager-dashboard > .form-message.info[b-tm2l9gh4ut] { background:transparent; border:0; margin:0 0 .8rem; padding:0 .2rem; color:#526f7c; } .dashboard-hero[b-tm2l9gh4ut] { position:relative; isolation:isolate; overflow:hidden; padding:clamp(1.25rem,3vw,2.15rem); border-radius:1.4rem; border:1px solid #214d5e; background:radial-gradient(ellipse at 8% 110%,#1f736b 0,transparent 48%),linear-gradient(120deg,#142a40,#0a3a45); box-shadow:0 1rem 2.7rem #123a4720; color:#fff; } .dashboard-hero[b-tm2l9gh4ut]::after { content:""; position:absolute; z-index:-1; width:19rem; height:19rem; border:1px solid #cbdcd71a; border-radius:50%; left:7%; top:-12rem; box-shadow:0 0 0 3rem #ffffff03,0 0 0 6rem #ffffff02; pointer-events:none; } .dashboard-hero .eyebrow[b-tm2l9gh4ut] { color:#efd69a; letter-spacing:0; }.dashboard-hero h1[b-tm2l9gh4ut] { color:#fff; font-size:clamp(1.3rem,2.5vw,1.95rem); line-height:1.7; margin:.6rem 0; }.hero-greeting[b-tm2l9gh4ut] { font-weight:450; font-size:.8em; color:#d2e4e5; } .dashboard-hero .muted[b-tm2l9gh4ut] { color:#c3d8de; font-size:.87rem; max-width:42rem; line-height:2; }.dashboard-trust-row[b-tm2l9gh4ut] { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1rem; }.dashboard-trust-row span[b-tm2l9gh4ut] { color:#c5dfdc; font-size:.72rem; }.dashboard-trust-row i[b-tm2l9gh4ut] { background:#72d4ac; box-shadow:none; } .dashboard-hero-actions[b-tm2l9gh4ut] { display:grid; justify-items:end; gap:.9rem; flex-shrink:0; }.dashboard-date[b-tm2l9gh4ut] { color:#e0ecee; font-size:.76rem; }.dashboard-refresh[b-tm2l9gh4ut] { background:#ffffff0e; border:1px solid #b5d4d64d; color:#fff; border-radius:.8rem; font-size:.8rem; }.dashboard-refresh:hover:enabled[b-tm2l9gh4ut] { background:#ffffff20; } .period-tabs[b-tm2l9gh4ut] { margin:1.1rem 0; padding:.3rem; width:fit-content; background:#e8eff2; border-radius:.85rem; border:1px solid #dbe6eb; }.period-button[b-tm2l9gh4ut] { min-width:5.2rem; border-radius:.6rem; }.period-button.active[b-tm2l9gh4ut] { background:#fff; color:#0a666a; box-shadow:0 .15rem .6rem #254b5912; } .dashboard-metrics[b-tm2l9gh4ut] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }.metric-card[b-tm2l9gh4ut] { padding:1.1rem 1.2rem; border-radius:1rem; min-height:8rem; }.metric-card > strong[b-tm2l9gh4ut] { font-size:clamp(1.05rem,1.8vw,1.4rem); margin:.7rem 0 .5rem; }.metric-card-head[b-tm2l9gh4ut] { font-size:.83rem; }.metric-card > small[b-tm2l9gh4ut] { font-size:.73rem; }.metric-card.highlight[b-tm2l9gh4ut] { background:linear-gradient(125deg,#123f4c,#195953); }.metric-card.highlight .metric-card-head[b-tm2l9gh4ut] { color:#e3eee7; } .dashboard-quick-stats[b-tm2l9gh4ut] { margin-top:.95rem; background:#eef4f4; box-shadow:none; }.dashboard-quick-stats > div[b-tm2l9gh4ut] { padding:.8rem; } .dashboard-launchpad[b-tm2l9gh4ut] { margin:1.1rem 0; border-radius:1.2rem; box-shadow:none; }.launchpad-heading p[b-tm2l9gh4ut] { line-height:1.9; }.launch-card[b-tm2l9gh4ut] { min-height:4.5rem; } .dashboard-streams[b-tm2l9gh4ut] { grid-template-columns:minmax(0,1fr); gap:1.1rem; }.dashboard-streams .panel-card[b-tm2l9gh4ut] { min-width:0; border-radius:1.2rem; padding:clamp(.9rem,2vw,1.4rem); }.panel-heading[b-tm2l9gh4ut] { align-items:center; flex-wrap:wrap; }.panel-title h2[b-tm2l9gh4ut] { font-size:1.1rem; }.panel-title p[b-tm2l9gh4ut] { font-size:.79rem; line-height:1.9; }.badge[b-tm2l9gh4ut] { white-space:nowrap; font-size:.72rem; } .stock-slide[b-tm2l9gh4ut],.sale-slide[b-tm2l9gh4ut] { border:1px solid #e1e8e9; border-radius:1rem; padding:1rem; background:#fff; display:flex; flex-direction:column; min-width:0; box-shadow:0 .3rem .8rem #102a4304; } .stock-slide[b-tm2l9gh4ut] { background:linear-gradient(145deg,#fffcf4,#fff); border-color:#eddfba; }.stock-slide.critical[b-tm2l9gh4ut] { background:linear-gradient(145deg,#fff5f5,#fff); border-color:#efcfd2; } .slide-top[b-tm2l9gh4ut] { display:flex; align-items:center; gap:.5rem; margin-bottom:.85rem; }.slide-icon[b-tm2l9gh4ut] { display:grid; place-items:center; width:2.4rem; height:2.4rem; color:#a37825; background:#faefda; border-radius:.7rem; flex-shrink:0; }.slide-icon[b-tm2l9gh4ut] svg { width:1.3rem; height:1.3rem; }.stock-status[b-tm2l9gh4ut] { margin-inline-start:auto; border:1px solid #e9d5a9; padding:.25rem .5rem; border-radius:1rem; background:#fff4d9; color:#885d10; font-size:.7rem; }.critical .stock-status[b-tm2l9gh4ut] { background:#fce9eb; color:#aa3548; border-color:#ecc4cb; }.critical .slide-icon[b-tm2l9gh4ut] { color:#b04f5b; background:#fae7ea; } .stock-slide h3[b-tm2l9gh4ut],.sale-slide h3[b-tm2l9gh4ut] { margin:0; font-size:.98rem; line-height:1.9; overflow-wrap:anywhere; color:var(--ink); } .stock-location[b-tm2l9gh4ut] { display:flex; align-items:flex-start; gap:.3rem; color:#637587; font-size:.75rem; line-height:1.9; margin:.35rem 0 .9rem; }.stock-location[b-tm2l9gh4ut] svg { width:1rem; height:1rem; margin-top:.2rem; flex-shrink:0; } .stock-quantity[b-tm2l9gh4ut] { display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem; margin-top:auto; }.stock-quantity strong[b-tm2l9gh4ut] { color:#946218; font-size:1.8rem; font-variant-numeric:tabular-nums; }.stock-quantity span[b-tm2l9gh4ut] { color:#687483; font-size:.72rem; }.critical .stock-quantity strong[b-tm2l9gh4ut] { color:#ac3649; } .stock-meter[b-tm2l9gh4ut] { height:6px; background:#eee7d8; border-radius:5px; overflow:hidden; margin:.8rem 0; }.stock-meter i[b-tm2l9gh4ut] { display:block; height:100%; background:linear-gradient(90deg,#efd291,#caa04b); border-radius:5px; }.critical .stock-meter[b-tm2l9gh4ut] { background:#f0dfe2; } .stock-minimum[b-tm2l9gh4ut] { display:flex; justify-content:space-between; gap:.5rem; font-size:.75rem; color:#586e7d; }.stock-minimum strong[b-tm2l9gh4ut] { color:#344e62; }.stock-foot[b-tm2l9gh4ut] { display:grid; gap:.35rem; margin-top:.9rem; padding-top:.7rem; border-top:1px dashed #ddd9ce; color:#815f2d; font-size:.72rem; line-height:1.8; }.stock-foot small[b-tm2l9gh4ut] { color:#6b7886; font-size:.67rem; overflow-wrap:anywhere; } .sale-slide[b-tm2l9gh4ut] { background:linear-gradient(155deg,#f5fbfa,#fff 45%); }.sale-slide .slide-icon[b-tm2l9gh4ut] { color:#1b7b76; background:#e4f1ee; }.buyer-badge[b-tm2l9gh4ut] { margin-inline-start:auto; padding:.25rem .55rem; border-radius:1rem; background:#edf1f5; color:#4b667e; font-size:.72rem; }.buyer-badge.employee[b-tm2l9gh4ut] { background:#e4f0fb; color:#356d9e; }.return-badge[b-tm2l9gh4ut] { color:#aa394a; background:#fbe9ec; padding:.25rem .45rem; border-radius:1rem; font-size:.68rem; }.returned[b-tm2l9gh4ut] { border-color:#e6c6cd; } .sale-department[b-tm2l9gh4ut] { color:#5e7384; font-size:.74rem; margin:.25rem 0 .7rem; }.sale-products[b-tm2l9gh4ut] { background:#f5f8fa; border:1px solid #e5ecef; border-radius:.65rem; padding:.65rem .75rem; margin-bottom:1rem; flex:1; }.sale-products > span[b-tm2l9gh4ut] { color:#6b7d8c; font-size:.68rem; }.sale-products p[b-tm2l9gh4ut] { margin:.35rem 0 0; color:#355266; line-height:1.95; font-size:.8rem; overflow-wrap:anywhere; }.sale-products small[b-tm2l9gh4ut] { font-size:inherit; } .sale-amount span[b-tm2l9gh4ut] { color:#617486; font-size:.72rem; }.sale-amount strong[b-tm2l9gh4ut] { display:block; margin:.3rem 0 .75rem; color:#10675f; font-size:1.17rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.returned .sale-amount strong[b-tm2l9gh4ut] { color:#ad3b4d; }.sale-paid[b-tm2l9gh4ut] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem; color:#5c7183; font-size:.73rem; }.sale-paid strong[b-tm2l9gh4ut] { font-weight:600; }.sale-time[b-tm2l9gh4ut] { display:flex; align-items:center; gap:.4rem; border-top:1px dashed #dae4e7; margin-top:.8rem; padding-top:.7rem; color:#65798a; font-size:.7rem; }.sale-time[b-tm2l9gh4ut] svg { width:.95rem; height:.95rem; flex-shrink:0; } .form-message[b-tm2l9gh4ut] { font-size:.78rem; }.empty-line[b-tm2l9gh4ut] { padding:1.5rem .3rem; line-height:1.9; }.table-row[b-tm2l9gh4ut] { gap:1rem; }.table-row small[b-tm2l9gh4ut] { overflow-wrap:anywhere; } @media(max-width:900px) { .dashboard-hero[b-tm2l9gh4ut] { align-items:flex-start; flex-direction:column; gap:1rem; }.dashboard-hero-actions[b-tm2l9gh4ut] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; }.dashboard-metrics[b-tm2l9gh4ut] { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:600px) { .metric-card[b-tm2l9gh4ut] { padding:.9rem; min-height:8rem; }.metric-card > strong[b-tm2l9gh4ut] { font-size:1.03rem; overflow-wrap:anywhere; }.metric-card-head[b-tm2l9gh4ut] { font-size:.75rem; }.metric-card > small[b-tm2l9gh4ut] { line-height:1.8; }.dashboard-hero[b-tm2l9gh4ut] { border-radius:1.1rem; }.hero-greeting[b-tm2l9gh4ut] { display:block; }.dashboard-trust-row[b-tm2l9gh4ut] { gap:.45rem; }.dashboard-refresh[b-tm2l9gh4ut] { width:100%; justify-content:center; }.period-tabs[b-tm2l9gh4ut] { display:flex; width:100%; }.period-button[b-tm2l9gh4ut] { flex:1; min-width:0; }.dashboard-metrics[b-tm2l9gh4ut] { gap:.6rem; }.panel-title[b-tm2l9gh4ut] { align-items:flex-start; }.panel-title-icon[b-tm2l9gh4ut] { flex-shrink:0; }.panel-heading[b-tm2l9gh4ut] { gap:.65rem; }.stock-slide[b-tm2l9gh4ut],.sale-slide[b-tm2l9gh4ut] { padding:.9rem; }.table-row[b-tm2l9gh4ut] { flex-wrap:wrap; }.table-row > div[b-tm2l9gh4ut] { min-width:0; }.table-number[b-tm2l9gh4ut] { text-align:right; } } /* Avoid retained transform layers on financial cards after viewport changes. */ .dashboard-metrics .metric-card[b-tm2l9gh4ut] { animation:dashboard-card-enter-b-tm2l9gh4ut .35s ease-out; } @keyframes dashboard-card-enter-b-tm2l9gh4ut { from { opacity:0; } to { opacity:1; } } .dashboard-refresh[b-tm2l9gh4ut] { backdrop-filter:none; -webkit-backdrop-filter:none; } @media(max-width:360px) { .dashboard-metrics[b-tm2l9gh4ut] { grid-template-columns:minmax(0,1fr); }.dashboard-metrics .metric-card[b-tm2l9gh4ut] { min-height:8.5rem; }.dashboard-metrics .metric-card > strong[b-tm2l9gh4ut] { font-size:1.2rem; } } @media(prefers-reduced-motion:reduce) { .dashboard-metrics .metric-card[b-tm2l9gh4ut] { animation:none; } } .dashboard-launchpad[b-tm2l9gh4ut] { padding:.85rem 1rem; } .launchpad-heading[b-tm2l9gh4ut] { gap:.65rem; margin-bottom:.4rem; } .launchpad-heading h2[b-tm2l9gh4ut] { font-size:1rem; margin:.15rem 0; } .launchpad-heading p[b-tm2l9gh4ut] { margin:.2rem 0 0; font-size:.72rem; } .launch-card[b-tm2l9gh4ut] { min-height:4.15rem; padding:.6rem .7rem; gap:.6rem; text-decoration:none; } .launch-card > span:nth-child(2)[b-tm2l9gh4ut] { min-width:0; } .launch-card strong[b-tm2l9gh4ut] { font-size:.8rem; }.launch-card small[b-tm2l9gh4ut] { font-size:.68rem; white-space:normal; line-height:1.7; } .launch-card .launch-icon[b-tm2l9gh4ut] { width:2.2rem; height:2.2rem; flex-shrink:0; border-radius:.7rem; } .launch-card kbd[b-tm2l9gh4ut] { flex-shrink:0; font-size:.66rem; } .inventory-panel .panel-heading[b-tm2l9gh4ut] { margin-bottom:.25rem; } .stock-slide[b-tm2l9gh4ut] { padding:.7rem .8rem; } .stock-slide .slide-top[b-tm2l9gh4ut] { margin-bottom:.3rem; } .stock-slide .slide-icon[b-tm2l9gh4ut] { width:1.85rem; height:1.85rem; border-radius:.55rem; } .stock-slide .slide-icon[b-tm2l9gh4ut] svg { width:1.05rem; height:1.05rem; } .stock-slide h3[b-tm2l9gh4ut] { font-size:.86rem; line-height:1.75; } .stock-location[b-tm2l9gh4ut] { margin:.15rem 0 .4rem; font-size:.7rem; } .stock-quantity[b-tm2l9gh4ut] { gap:.4rem; }.stock-quantity strong[b-tm2l9gh4ut] { font-size:1.25rem; }.stock-quantity span[b-tm2l9gh4ut] { font-size:.68rem; } .stock-meter[b-tm2l9gh4ut] { height:4px; margin:.45rem 0; } .stock-minimum[b-tm2l9gh4ut] { font-size:.7rem; } .stock-foot[b-tm2l9gh4ut] { margin-top:.45rem; padding-top:.4rem; gap:.1rem; font-size:.68rem; line-height:1.6; } @media(max-width:600px) { .dashboard-launchpad[b-tm2l9gh4ut] { padding:.8rem; }.launchpad-heading[b-tm2l9gh4ut] { align-items:flex-start; } } /* /Components/Pages/InterwarehouseTransfer.razor.rz.scp.css */ .transfer-page[b-thuzw3kjbq] { --transfer-surface: var(--aria-op-surface); --transfer-surface-elevated: var(--aria-op-surface-elevated); --transfer-input: var(--aria-op-input); --transfer-border: var(--aria-op-border); --transfer-text: var(--aria-op-text); --transfer-muted: var(--aria-op-muted); --transfer-primary: var(--aria-op-primary); --transfer-warning: var(--aria-op-warning); --transfer-success: var(--aria-op-success); --transfer-danger: var(--aria-op-danger); display: grid; min-width: 0; gap: .9rem; padding: .25rem 0 1.5rem; color: var(--transfer-text); } .transfer-hero[b-thuzw3kjbq] { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1.1rem; padding: 1.25rem 1.35rem; overflow: hidden; color: var(--transfer-text); border: 1px solid var(--transfer-border); border-radius: 22px; background: radial-gradient(circle at 88% 14%, rgba(221, 172, 67, .24), transparent 31%), linear-gradient(145deg, var(--transfer-surface) 0%, var(--transfer-surface-elevated) 58%, var(--transfer-surface) 100%); box-shadow: 0 20px 48px rgba(3, 12, 24, .28); } .transfer-hero[b-thuzw3kjbq]::after { position: absolute; width: 14rem; height: 14rem; inset: auto -4rem -7rem auto; content: ""; pointer-events: none; background: radial-gradient(circle, rgba(71, 175, 147, .16), transparent 68%); border-radius: 50%; } .transfer-hero > div[b-thuzw3kjbq] { position: relative; z-index: 1; } .transfer-hero .eyebrow[b-thuzw3kjbq] { color: var(--transfer-warning); font-weight: 850; } .transfer-hero h1[b-thuzw3kjbq] { margin: .28rem 0 .36rem; color: var(--transfer-text); font-size: clamp(1.5rem, 2.6vw, 2.08rem); } .transfer-hero p[b-thuzw3kjbq] { max-width: 760px; margin: 0; color: var(--transfer-muted); font-size: var(--aria-font-helper); line-height: 1.95; } .transfer-hero-actions[b-thuzw3kjbq] { display: flex; flex-wrap: wrap; gap: .6rem; } .transfer-hero-actions .secondary-button[b-thuzw3kjbq] { min-height: 2.75rem; color: var(--transfer-text); background: rgba(31, 69, 100, .88); border-color: rgba(126, 169, 203, .42); } .transfer-hero-actions .secondary-button:hover:not(:disabled)[b-thuzw3kjbq] { background: #295679; border-color: #82abc9; } .transfer-route-card[b-thuzw3kjbq] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(15rem, 1.15fr); gap: .8rem; align-items: end; padding: 1rem; color: var(--transfer-text); border: 1px solid var(--transfer-border); border-radius: 19px; background: linear-gradient(145deg, var(--transfer-surface), var(--transfer-surface-elevated)); box-shadow: 0 13px 30px rgba(4, 13, 26, .18); } .transfer-page .field label[b-thuzw3kjbq] { display: block; margin-bottom: .42rem; color: var(--transfer-muted); font-size: var(--aria-font-control); font-weight: 800; } .transfer-page select[b-thuzw3kjbq], .transfer-page input:not([type="checkbox"])[b-thuzw3kjbq], .transfer-page textarea[b-thuzw3kjbq] { width: 100%; color: #f8fbff !important; background: var(--transfer-input) !important; border: 1px solid var(--transfer-border) !important; box-shadow: inset 0 1px rgba(255, 255, 255, .025); } .transfer-page select[b-thuzw3kjbq], .transfer-page input:not([type="checkbox"])[b-thuzw3kjbq] { min-height: 2.8rem; } .transfer-page select:focus[b-thuzw3kjbq], .transfer-page input:not([type="checkbox"]):focus[b-thuzw3kjbq], .transfer-page textarea:focus[b-thuzw3kjbq] { border-color: var(--transfer-primary) !important; box-shadow: 0 0 0 .2rem rgba(210, 163, 64, .12) !important; outline: 0; } .transfer-page select option[b-thuzw3kjbq] { color: var(--transfer-text); background: var(--transfer-input); } .transfer-page input:not([type="checkbox"])[b-thuzw3kjbq]::placeholder, .transfer-page textarea[b-thuzw3kjbq]::placeholder { color: var(--transfer-muted); opacity: 1; } .transfer-page input:not([type="checkbox"]):disabled[b-thuzw3kjbq], .transfer-page select:disabled[b-thuzw3kjbq], .transfer-page textarea:disabled[b-thuzw3kjbq] { color: var(--transfer-muted) !important; opacity: .72; background: var(--transfer-surface) !important; } .transfer-swap-button[b-thuzw3kjbq] { display: grid; width: 46px; height: 46px; place-items: center; margin-bottom: 1px; color: #ffd477; background: linear-gradient(145deg, rgba(193, 145, 47, .22), rgba(25, 70, 92, .84)); border: 1px solid rgba(231, 183, 78, .58); border-radius: 14px; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; } .transfer-swap-button:hover:not(:disabled)[b-thuzw3kjbq] { transform: translateY(-2px); background: rgba(193, 145, 47, .25); border-color: #f0c66c; } .transfer-swap-button:disabled[b-thuzw3kjbq] { cursor: not-allowed; opacity: .45; } .transfer-swap-button svg[b-thuzw3kjbq] { width: 21px; height: 21px; } .transfer-workspace[b-thuzw3kjbq] { display: grid; grid-template-columns: minmax(0, 2.35fr) minmax(19rem, .8fr); gap: .9rem; align-items: start; } .transfer-products-card[b-thuzw3kjbq], .transfer-summary-card[b-thuzw3kjbq] { min-width: 0; color: var(--transfer-text); border: 1px solid var(--transfer-border); border-radius: 19px; background: linear-gradient(155deg, var(--transfer-surface), var(--transfer-surface-elevated)); box-shadow: 0 16px 36px rgba(3, 11, 22, .22); } .transfer-summary-card[b-thuzw3kjbq] { position: sticky; top: calc(var(--topbar-height, 5.35rem) + 1.25rem); padding: 1rem; } .transfer-card-head[b-thuzw3kjbq] { display: flex; align-items: center; justify-content: space-between; gap: .9rem; padding: 1rem 1.05rem; border-bottom: 1px solid rgba(111, 159, 196, .22); } .transfer-card-head.compact[b-thuzw3kjbq] { padding: 0 0 .9rem; } .transfer-card-head h2[b-thuzw3kjbq] { margin: 0; color: var(--transfer-text); font-size: 1.08rem; } .transfer-card-head p[b-thuzw3kjbq] { margin: .27rem 0 0; color: var(--transfer-muted); font-size: var(--aria-font-control); } .transfer-card-head > div:last-child[b-thuzw3kjbq] { display: flex; flex-wrap: wrap; gap: .5rem; } .transfer-card-head .ghost-button[b-thuzw3kjbq] { min-height: 2.35rem; color: #eaf4fb; background: #234563; border-color: #4b7190; } .transfer-card-head .ghost-button:hover:not(:disabled)[b-thuzw3kjbq] { color: var(--transfer-text); background: #2d5a7d; border-color: #77a1bf; } .transfer-product-list[b-thuzw3kjbq] { display: grid; gap: .62rem; max-height: 660px; padding: .72rem; overflow: auto; scrollbar-color: #4a7190 #0b2035; } .transfer-product-row[b-thuzw3kjbq] { position: relative; display: grid; grid-template-columns: 44px minmax(12rem, 1.45fr) minmax(7.4rem, .62fr) minmax(9.4rem, .82fr) minmax(10rem, .9fr); gap: .75rem; align-items: center; min-height: 6.1rem; padding: .85rem; overflow: hidden; color: var(--transfer-text); background: linear-gradient(145deg, rgba(18, 45, 72, .92), rgba(14, 36, 59, .94)); border: 1px solid rgba(105, 151, 186, .3); border-radius: 16px; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; } .transfer-product-row[b-thuzw3kjbq]::before { position: absolute; width: 4px; content: ""; inset: .65rem auto .65rem 0; background: #315c7d; border-radius: 99px; } .transfer-product-row:hover[b-thuzw3kjbq] { transform: translateY(-1px); border-color: rgba(126, 174, 208, .58); box-shadow: 0 .65rem 1.5rem rgba(2, 12, 23, .18); } .transfer-product-row.selected[b-thuzw3kjbq] { background: linear-gradient(145deg, rgba(20, 70, 67, .94), rgba(16, 49, 58, .97)); border-color: rgba(93, 207, 164, .72); box-shadow: 0 0 0 1px rgba(93, 207, 164, .11), 0 .8rem 1.8rem rgba(2, 21, 20, .2); } .transfer-product-row.selected[b-thuzw3kjbq]::before { background: #62d5a8; } .transfer-check[b-thuzw3kjbq] { display: grid; place-items: center; } .transfer-check input[b-thuzw3kjbq] { width: 21px; min-height: 21px; height: 21px; accent-color: #5ed0a3; box-shadow: none !important; } .transfer-product-main[b-thuzw3kjbq] { display: flex; min-width: 0; flex-direction: column; gap: .52rem; } .transfer-product-title[b-thuzw3kjbq] { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: .45rem; } .transfer-product-title strong[b-thuzw3kjbq] { max-width: 100%; color: var(--transfer-text); font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .transfer-code[b-thuzw3kjbq] { padding: .18rem .43rem; color: #c0d4e3; background: rgba(6, 23, 39, .56); border: 1px solid rgba(114, 159, 193, .28); border-radius: .48rem; font-family: Consolas, monospace; font-size: .68rem; direction: ltr; } .transfer-product-meta[b-thuzw3kjbq] { display: flex; align-items: center; flex-wrap: wrap; gap: .42rem; } .transfer-unit-badge[b-thuzw3kjbq] { display: inline-flex; min-height: 1.7rem; align-items: center; padding: .22rem .55rem; color: #ffd77f; background: rgba(204, 156, 54, .14); border: 1px solid rgba(222, 177, 75, .35); border-radius: 99px; font-size: .7rem; font-weight: 800; } .transfer-product-meta em[b-thuzw3kjbq] { padding: .2rem .5rem; color: #ffbd72; background: rgba(201, 111, 41, .12); border: 1px solid rgba(226, 137, 64, .28); border-radius: 99px; font-size: .67rem; font-style: normal; font-weight: 800; } .transfer-stat[b-thuzw3kjbq] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; } .transfer-stat > span[b-thuzw3kjbq], .transfer-quantity-field > label[b-thuzw3kjbq] { color: var(--transfer-muted); font-size: .69rem; font-weight: 750; } .transfer-stat strong[b-thuzw3kjbq] { margin-top: .34rem; color: var(--transfer-text); font-size: .92rem; } .transfer-stat small[b-thuzw3kjbq] { margin-top: .2rem; color: #91aabd; font-size: .65rem; } .transfer-stat.available strong[b-thuzw3kjbq] { color: #93d9ff; font-size: 1.02rem; } .transfer-stat.available small[b-thuzw3kjbq] { color: #f0c96f; } .transfer-stat.cost strong[b-thuzw3kjbq] { color: #ffd77f; } .transfer-stat.cost small[b-thuzw3kjbq] { line-height: 1.55; } .transfer-quantity-field[b-thuzw3kjbq] { display: flex; min-width: 0; flex-direction: column; } .transfer-quantity-control[b-thuzw3kjbq] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; margin-top: .34rem; } .transfer-quantity-control input[b-thuzw3kjbq] { min-width: 0; min-height: 2.45rem; text-align: center; font-weight: 800; } .transfer-quantity-control > span[b-thuzw3kjbq] { display: inline-flex; min-width: 3rem; align-items: center; justify-content: center; padding: 0 .55rem; color: #ffd77f; background: #244663; border: 1px solid #527896; border-radius: .72rem; font-size: .7rem; font-weight: 850; white-space: nowrap; } .transfer-line-status[b-thuzw3kjbq] { margin-top: .28rem; color: var(--transfer-muted); font-size: .64rem; } .transfer-line-status.ready[b-thuzw3kjbq] { color: #81d7b1; } .transfer-line-status.error[b-thuzw3kjbq] { color: #ff9ca7; } .transfer-line-value[b-thuzw3kjbq] { margin-top: .18rem; color: #ffd77f; font-size: .66rem; font-weight: 800; } .transfer-summary-list[b-thuzw3kjbq] { display: grid; gap: .5rem; } .transfer-summary-list > div[b-thuzw3kjbq] { display: flex; min-height: 3.15rem; align-items: center; justify-content: space-between; gap: .75rem; padding: .72rem .8rem; color: var(--transfer-text); background: rgba(24, 56, 87, .78); border: 1px solid rgba(103, 151, 187, .24); border-radius: 13px; } .transfer-summary-list span[b-thuzw3kjbq] { color: var(--transfer-muted); font-size: .73rem; } .transfer-summary-list strong[b-thuzw3kjbq] { max-width: 62%; color: var(--transfer-text); font-size: var(--aria-font-helper); text-align: left; overflow-wrap: anywhere; } .transfer-notes[b-thuzw3kjbq] { margin-top: .9rem; } .transfer-notes textarea[b-thuzw3kjbq] { min-height: 96px; resize: vertical; } .transfer-summary-card .alert-banner.info[b-thuzw3kjbq] { margin-top: .85rem; color: #d5e7f2; background: rgba(26, 73, 94, .66); border-color: rgba(89, 151, 177, .43); } .transfer-submit[b-thuzw3kjbq] { width: 100%; min-height: 2.95rem; margin-top: .9rem; color: #102235; background: linear-gradient(145deg, #e1b04b, #c18f30); } .transfer-submit:hover:not(:disabled)[b-thuzw3kjbq] { background: linear-gradient(145deg, #efc468, #d4a141); } .transfer-submit:disabled[b-thuzw3kjbq] { color: #90a2af; background: #263f53; border-color: #3d5b70; opacity: .68; } .transfer-result[b-thuzw3kjbq] { display: flex; flex-direction: column; gap: .36rem; margin-top: .9rem; padding: .85rem; color: #eafff5; background: rgba(43, 132, 99, .15); border: 1px solid rgba(115, 220, 178, .42); border-radius: 14px; } .transfer-result span[b-thuzw3kjbq] { color: #b9e8d3; font-size: .74rem; } .transfer-result strong[b-thuzw3kjbq] { color: #8ce1ba; } .transfer-result small[b-thuzw3kjbq] { color: #c1d5de; } .transfer-result button[b-thuzw3kjbq] { margin-top: .35rem; } .aria-transfer-dialog[b-thuzw3kjbq] { width: min(42rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); padding: 0; overflow: auto; color: var(--aria-op-text); background: linear-gradient(155deg, var(--aria-op-surface), var(--aria-op-surface-elevated)); border: 1px solid var(--aria-op-border); border-radius: 18px; box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, .48); } .aria-transfer-dialog[b-thuzw3kjbq]::backdrop { background: rgba(2, 10, 20, .72); backdrop-filter: blur(3px); } .aria-transfer-dialog:focus[b-thuzw3kjbq] { outline: 3px solid rgba(236, 188, 88, .52); outline-offset: 2px; } .aria-transfer-dialog-content[b-thuzw3kjbq] { display: grid; gap: .9rem; padding: 1.15rem; } .aria-transfer-dialog h2[b-thuzw3kjbq] { margin: .2rem 0 0; color: var(--aria-op-text); font-size: 1.25rem; } .aria-transfer-dialog p[b-thuzw3kjbq] { margin: 0; color: var(--aria-op-muted); line-height: 1.9; } .dialog-summary-grid[b-thuzw3kjbq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; } .dialog-summary-grid > div[b-thuzw3kjbq], .dialog-notes[b-thuzw3kjbq] { display: grid; gap: .3rem; padding: .7rem; background: rgba(29, 65, 94, .76); border: 1px solid rgba(103, 153, 188, .34); border-radius: 11px; } .dialog-summary-grid span[b-thuzw3kjbq], .dialog-notes span[b-thuzw3kjbq] { color: var(--aria-op-muted); font-size: var(--aria-font-helper); overflow-wrap: anywhere; } .dialog-summary-grid strong[b-thuzw3kjbq], .dialog-notes strong[b-thuzw3kjbq] { color: var(--aria-op-text); } .dialog-actions[b-thuzw3kjbq] { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: .6rem; } .dialog-actions button[b-thuzw3kjbq] { min-width: 9.5rem; min-height: 2.7rem; } .compact-dialog[b-thuzw3kjbq] { width: min(34rem, calc(100vw - 2rem)); } @media (max-width: 1240px) { .transfer-workspace[b-thuzw3kjbq] { grid-template-columns: minmax(0, 1fr); } .transfer-summary-card[b-thuzw3kjbq] { position: static; } .transfer-summary-list[b-thuzw3kjbq] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .transfer-product-list[b-thuzw3kjbq] { max-height: 700px; } } @media (max-width: 980px) { .transfer-page[b-thuzw3kjbq] { padding-top: .5rem; } .transfer-hero[b-thuzw3kjbq] { align-items: stretch; flex-direction: column; } .transfer-hero-actions button[b-thuzw3kjbq] { flex: 1; } .transfer-route-card[b-thuzw3kjbq] { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); } .transfer-search[b-thuzw3kjbq] { grid-column: 1 / -1; } .transfer-product-row[b-thuzw3kjbq] { grid-template-columns: 42px minmax(12rem, 1.45fr) minmax(8rem, .72fr) minmax(9rem, .85fr); } } @media (max-width: 760px) { .transfer-route-card[b-thuzw3kjbq] { grid-template-columns: 1fr; } .transfer-swap-button[b-thuzw3kjbq] { justify-self: center; margin: -.15rem 0; transform: rotate(90deg); } .transfer-swap-button:hover:not(:disabled)[b-thuzw3kjbq] { transform: rotate(90deg) translateX(-2px); } .transfer-search[b-thuzw3kjbq] { grid-column: auto; } .transfer-card-head[b-thuzw3kjbq] { align-items: stretch; flex-direction: column; } .transfer-card-head > div:last-child[b-thuzw3kjbq] { width: 100%; } .transfer-card-head > div:last-child button[b-thuzw3kjbq] { flex: 1; } .transfer-product-row[b-thuzw3kjbq] { grid-template-columns: 38px minmax(0, 1fr) minmax(8.6rem, .78fr); gap: .65rem; align-items: start; min-height: 0; } .transfer-product-main[b-thuzw3kjbq] { grid-column: 2; } .transfer-stat.available[b-thuzw3kjbq] { grid-column: 2; } .transfer-stat.cost[b-thuzw3kjbq] { grid-column: 2; } .transfer-quantity-field[b-thuzw3kjbq] { grid-column: 3; grid-row: 1 / span 3; } .transfer-summary-list[b-thuzw3kjbq] { grid-template-columns: 1fr; } } @media (max-width: 520px) { .transfer-page[b-thuzw3kjbq] { gap: .7rem; } .transfer-hero[b-thuzw3kjbq], .transfer-route-card[b-thuzw3kjbq], .transfer-products-card[b-thuzw3kjbq], .transfer-summary-card[b-thuzw3kjbq] { border-radius: 16px; } .transfer-hero[b-thuzw3kjbq] { padding: 1rem; } .transfer-hero-actions[b-thuzw3kjbq] { display: grid; grid-template-columns: 1fr; } .transfer-product-list[b-thuzw3kjbq] { padding: .55rem; } .transfer-product-row[b-thuzw3kjbq] { grid-template-columns: 34px minmax(0, 1fr); padding: .72rem; } .transfer-product-main[b-thuzw3kjbq], .transfer-stat.available[b-thuzw3kjbq], .transfer-stat.cost[b-thuzw3kjbq], .transfer-quantity-field[b-thuzw3kjbq] { grid-column: 2; grid-row: auto; } .transfer-quantity-control[b-thuzw3kjbq] { grid-template-columns: minmax(0, 1fr) auto; } .transfer-product-title[b-thuzw3kjbq] { align-items: flex-start; flex-direction: column; } .transfer-product-title strong[b-thuzw3kjbq] { white-space: normal; } .dialog-summary-grid[b-thuzw3kjbq] { grid-template-columns: 1fr; } .dialog-actions[b-thuzw3kjbq] { display: grid; grid-template-columns: 1fr; } .dialog-actions button[b-thuzw3kjbq] { width: 100%; } } /* /Components/Pages/InventoryMovements.razor.rz.scp.css */ .movement-header[b-jgkqv3tj8n]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.3rem}.movement-header h1[b-jgkqv3tj8n]{font-size:1.8rem;margin:0;color:#153442}.movement-header p[b-jgkqv3tj8n]{margin:.45rem 0 0;color:var(--aria-ink-600)}.movement-filters[b-jgkqv3tj8n]{padding:1.2rem;border-radius:1rem}.movement-search[b-jgkqv3tj8n]{max-width:42rem;margin-bottom:1rem}.movement-basic-filters[b-jgkqv3tj8n]{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr;gap:.85rem}.movement-more-filters[b-jgkqv3tj8n]{margin-top:1rem;border-top:1px solid var(--aria-line);padding-top:.8rem}.movement-more-filters summary[b-jgkqv3tj8n],.movement-document-details summary[b-jgkqv3tj8n]{cursor:pointer;font-weight:600;padding:.35rem 0;color:#205f68}.movement-advanced-grid[b-jgkqv3tj8n]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1rem 0}.movement-check[b-jgkqv3tj8n]{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.movement-check input[b-jgkqv3tj8n]{width:18px;height:18px}.movement-filter-actions[b-jgkqv3tj8n]{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.movement-table[b-jgkqv3tj8n]{margin-top:1.1rem;border-radius:1rem;min-width:0}.movement-table td[b-jgkqv3tj8n]{vertical-align:middle;padding-top:1rem;padding-bottom:1rem}.movement-table .row-subtitle[b-jgkqv3tj8n],.inventory-audit-detail .row-subtitle[b-jgkqv3tj8n]{display:block;font-size:.78rem;color:var(--aria-ink-600);margin-top:.3rem;overflow-wrap:anywhere}.movement-date[b-jgkqv3tj8n]{font-size:.8rem;white-space:nowrap}.movement-route[b-jgkqv3tj8n]{font-size:.84rem;line-height:1.8}.movement-route>span[b-jgkqv3tj8n]{color:#4a7d83;margin:0 .25rem}.movement-quantity[b-jgkqv3tj8n]{font-weight:700;white-space:nowrap}.movement-quantity small[b-jgkqv3tj8n]{font-weight:400}.movement-detail-button[b-jgkqv3tj8n]{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;border:0;background:transparent;color:#266876;padding:.2rem 0;cursor:pointer;text-align:start}.movement-detail-button>span[b-jgkqv3tj8n]{font-size:.75rem;color:var(--aria-ink-600);overflow-wrap:anywhere}.movement-detail-button strong[b-jgkqv3tj8n]{font-size:.8rem}.movement-detail-button:hover strong[b-jgkqv3tj8n]{text-decoration:underline}.movement-detail-button:focus-visible[b-jgkqv3tj8n]{outline:2px solid #217a83;outline-offset:5px}.correction-row[b-jgkqv3tj8n]{background:#f4faf7}.movement-pagination[b-jgkqv3tj8n]{display:flex;justify-content:center;align-items:center;gap:1.1rem;padding:1.1rem;flex-wrap:wrap}.movement-pagination span[b-jgkqv3tj8n]{font-size:.85rem;color:var(--aria-ink-600)}.inventory-audit-detail[b-jgkqv3tj8n]{max-height:92dvh;max-width:920px}.inventory-audit-detail .modal-body[b-jgkqv3tj8n]{overflow-y:auto}.movement-document-details[b-jgkqv3tj8n]{margin-top:1.25rem;border-top:1px solid var(--aria-line);padding-top:1rem}.movement-document-details .table-scroll[b-jgkqv3tj8n]{margin-top:1rem} @media(max-width:1000px){.movement-basic-filters[b-jgkqv3tj8n]{grid-template-columns:repeat(2,minmax(0,1fr))}.movement-advanced-grid[b-jgkqv3tj8n]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width: 760px){.movement-header h1[b-jgkqv3tj8n]{font-size:1.45rem}.movement-filters[b-jgkqv3tj8n]{padding:.85rem}.movement-basic-filters[b-jgkqv3tj8n],.movement-advanced-grid[b-jgkqv3tj8n]{grid-template-columns:1fr}.movement-filter-actions button[b-jgkqv3tj8n]{flex:1 1 auto}.movement-pagination[b-jgkqv3tj8n]{gap:.65rem;padding:1rem 0}.movement-pagination button[b-jgkqv3tj8n]{font-size:.8rem}.movement-table td[b-jgkqv3tj8n]{padding:.6rem}.movement-header[b-jgkqv3tj8n]{align-items:flex-start}.movement-header button[b-jgkqv3tj8n]{white-space:nowrap}.movement-detail-button[b-jgkqv3tj8n]{align-items:flex-end;width:100%}.movement-route[b-jgkqv3tj8n]{overflow-wrap:anywhere}} @media (prefers-reduced-motion: reduce){.movement-detail-button[b-jgkqv3tj8n],.inventory-audit-detail[b-jgkqv3tj8n]{animation:none;transition:none}} /* /Components/Pages/InventoryReceipt.razor.rz.scp.css */ .receipt-hero[b-n0esm7igfh],.receipt-master-card[b-n0esm7igfh],.receipt-line-card[b-n0esm7igfh],.receipt-summary-card[b-n0esm7igfh]{border:1px solid #2d4969;border-radius:18px;color:#f4f8fc;background:linear-gradient(145deg,rgba(18,38,64,.98),rgba(12,27,47,.98));box-shadow:0 14px 35px rgba(0,0,0,.18)} .receipt-hero[b-n0esm7igfh]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin-bottom:14px}.receipt-hero h1[b-n0esm7igfh]{margin:5px 0;color:#f4f8fc;font-size:clamp(1.45rem,3vw,2rem)}.receipt-hero p[b-n0esm7igfh]{margin:0;color:#aebed1;max-width:780px}.receipt-hero-actions[b-n0esm7igfh]{display:flex;gap:8px;flex-wrap:wrap}.receipt-master-card[b-n0esm7igfh],.receipt-line-card[b-n0esm7igfh]{padding:16px;margin-bottom:14px}.section-title[b-n0esm7igfh]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h2[b-n0esm7igfh]{font-size:1.15rem;margin:3px 0;color:#f4f8fc}.receipt-line-grid[b-n0esm7igfh]{display:grid;grid-template-columns:minmax(220px,2.2fr) minmax(130px,1.1fr) minmax(90px,.8fr) minmax(100px,.85fr) minmax(130px,1fr) auto;gap:10px;align-items:end}.add-line-button[b-n0esm7igfh]{min-height:42px}.receipt-preview[b-n0esm7igfh]{margin-top:11px;padding:10px 12px;border-radius:10px;background:rgba(47,156,114,.1);border:1px solid rgba(85,190,143,.26);color:#9de0bd}.receipt-content-grid[b-n0esm7igfh]{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:14px;align-items:start}.receipt-table-card[b-n0esm7igfh]{min-height:300px}.receipt-summary-card[b-n0esm7igfh]{padding:18px;display:grid;gap:6px;position:sticky;top:86px}.receipt-summary-card span[b-n0esm7igfh]{color:#aebed1;font-size:.78rem;margin-top:8px}.receipt-summary-card strong[b-n0esm7igfh]{color:#f4f8fc;font-size:1.35rem}.receipt-summary-card .gold[b-n0esm7igfh]{color:#f0ca70}.receipt-summary-card p[b-n0esm7igfh]{font-size:.78rem;color:#aebed1;line-height:1.9}.submit-receipt[b-n0esm7igfh]{width:100%;margin-top:8px} @media(max-width:980px){.receipt-hero[b-n0esm7igfh]{align-items:flex-start;flex-direction:column}.receipt-line-grid[b-n0esm7igfh]{grid-template-columns:repeat(2,minmax(0,1fr))}.product-field[b-n0esm7igfh]{grid-column:1/-1}.add-line-button[b-n0esm7igfh]{grid-column:1/-1}.receipt-content-grid[b-n0esm7igfh]{grid-template-columns:1fr}.receipt-summary-card[b-n0esm7igfh]{position:static}} @media(max-width:620px){.receipt-line-grid[b-n0esm7igfh],.form-grid.three[b-n0esm7igfh]{grid-template-columns:1fr}.receipt-hero[b-n0esm7igfh],.receipt-master-card[b-n0esm7igfh],.receipt-line-card[b-n0esm7igfh]{padding:14px}.receipt-hero-actions[b-n0esm7igfh]{width:100%}.receipt-hero-actions a[b-n0esm7igfh]{flex:1;justify-content:center}} .receipt-master-card .field label[b-n0esm7igfh],.receipt-line-card .field label[b-n0esm7igfh],.receipt-summary-card label[b-n0esm7igfh]{color:#c7d6e5} /* /Components/Pages/InventoryRequests.razor.rz.scp.css */ .request-hero[b-ipelp505t4]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.55rem;border:1px solid rgba(111,145,183,.32);border-radius:22px;background:radial-gradient(circle at 8% 10%,rgba(211,170,75,.15),transparent 32%),linear-gradient(135deg,#0d1b2f,#142b48);box-shadow:0 20px 48px rgba(3,11,22,.28)} .request-hero h1[b-ipelp505t4]{margin:.25rem 0 .4rem;font-size:clamp(1.45rem,2.5vw,2.15rem)} .review-add-product[b-ipelp505t4]{border:1px solid rgba(111,145,183,.3);border-radius:12px;padding:.8rem}.review-add-product summary[b-ipelp505t4],.review-product details summary[b-ipelp505t4]{cursor:pointer;color:#d9c181;font-weight:700}.review-add-product[open] summary[b-ipelp505t4]{margin-bottom:1rem} .review-product[b-ipelp505t4]{min-width:220px;white-space:normal;overflow-wrap:anywhere}.review-product strong[b-ipelp505t4]{display:block;font-size:1rem;line-height:1.8}.review-product details[b-ipelp505t4]{margin-top:.5rem;font-size:.75rem;color:#aebed1;line-height:1.8} .request-hero p[b-ipelp505t4]{max-width:780px;margin:0;color:#aebed1;line-height:1.9} .eyebrow[b-ipelp505t4]{display:block;color:#e8c774;font-size:.72rem;font-weight:850} .hero-actions[b-ipelp505t4]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap} .pending-pill[b-ipelp505t4]{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border:1px solid rgba(222,178,77,.4);border-radius:999px;background:rgba(153,112,30,.22);color:#f0cd76;font-size:.76rem;font-weight:850} .pending-pill i[b-ipelp505t4]{width:.55rem;height:.55rem;border-radius:50%;background:#f0c96b;box-shadow:0 0 0 4px rgba(240,201,107,.12)} .request-tabs[b-ipelp505t4]{display:flex;gap:.55rem;margin:1rem 0;overflow:auto;padding-bottom:.15rem} .request-tabs button[b-ipelp505t4]{display:inline-flex;align-items:center;gap:.42rem;min-height:2.8rem;padding:.55rem .9rem;border:1px solid rgba(104,139,177,.28);border-radius:12px;background:#12243b;color:#aebed1;font-weight:800;white-space:nowrap} .request-tabs button.active[b-ipelp505t4]{border-color:rgba(232,199,116,.6);background:#233754;color:#f5d985;box-shadow:0 8px 22px rgba(4,12,24,.2)} .request-workspace[b-ipelp505t4]{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:1rem;align-items:start} .request-builder[b-ipelp505t4]{display:grid;gap:1rem;min-width:0} .request-card[b-ipelp505t4]{min-width:0;padding:1rem;border:1px solid rgba(88,126,166,.28);border-radius:18px;background:linear-gradient(145deg,#101f34,#0d1a2c);box-shadow:0 14px 34px rgba(2,10,21,.2)} .request-form-card[b-ipelp505t4]{position:sticky;top:1rem} .card-heading[b-ipelp505t4],.detail-head[b-ipelp505t4]{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:1rem} .card-heading h2[b-ipelp505t4],.detail-head h2[b-ipelp505t4]{margin:.2rem 0 0;font-size:1.1rem}.card-heading p[b-ipelp505t4],.detail-head p[b-ipelp505t4]{margin:.35rem 0 0;color:#9db0c6;font-size:.76rem;line-height:1.7} .safe-badge[b-ipelp505t4],.count-badge[b-ipelp505t4],.status-chip[b-ipelp505t4]{display:inline-flex;align-items:center;padding:.38rem .62rem;border:1px solid rgba(104,217,172,.3);border-radius:999px;background:rgba(28,125,90,.18);color:#8fe0bd;font-size:.7rem;font-weight:850;white-space:nowrap} .field[b-ipelp505t4]{display:grid;gap:.38rem;margin-bottom:.85rem}.field label[b-ipelp505t4]{font-size:.76rem;font-weight:800;color:#cbd6e5} .field input[b-ipelp505t4],.field select[b-ipelp505t4],.field textarea[b-ipelp505t4],.request-table input[b-ipelp505t4]{width:100%;min-height:2.65rem;padding:.58rem .7rem;border:1px solid rgba(95,130,168,.35);border-radius:10px;background:#132640;color:#edf3fb;font:inherit} .field textarea[b-ipelp505t4]{resize:vertical;line-height:1.7}.field input:focus[b-ipelp505t4],.field select:focus[b-ipelp505t4],.field textarea:focus[b-ipelp505t4],.request-table input:focus[b-ipelp505t4]{outline:2px solid rgba(226,188,89,.3);border-color:#d8b65a} .automatic-source-card[b-ipelp505t4]{display:grid;gap:.28rem;margin:.95rem 0;padding:.9rem;border:1px solid rgba(83,184,177,.32);border-radius:13px;background:linear-gradient(135deg,rgba(12,86,91,.25),rgba(22,63,87,.3))} .automatic-source-card span[b-ipelp505t4]{font-size:.72rem;font-weight:850;color:#86dbc8}.automatic-source-card strong[b-ipelp505t4]{font-size:1rem}.automatic-source-card small[b-ipelp505t4]{color:#9fb8c7;line-height:1.7} .draft-summary[b-ipelp505t4]{display:grid;gap:.28rem;margin:1rem 0;padding:.9rem;border:1px solid rgba(212,171,75,.3);border-radius:13px;background:rgba(113,82,22,.16)} .draft-summary span[b-ipelp505t4],.draft-summary small[b-ipelp505t4]{color:#adbed0;font-size:.72rem}.draft-summary strong[b-ipelp505t4]{color:#f2d27e;font-size:1.2rem} .full-button[b-ipelp505t4]{width:100%;justify-content:center}.catalog-search-row[b-ipelp505t4]{display:flex;justify-content:flex-end;margin-bottom:.9rem}.catalog-search-row .search-field[b-ipelp505t4]{width:min(100%,420px)} .search-field[b-ipelp505t4]{position:relative;display:flex;align-items:center}.search-field .app-icon[b-ipelp505t4]{position:absolute;right:.75rem;width:1rem;height:1rem;color:#86a2be;pointer-events:none}.search-field input[b-ipelp505t4]{width:100%;min-height:2.65rem;padding:.6rem 2.25rem .6rem 4.2rem;border:1px solid rgba(95,130,168,.35);border-radius:10px;background:#132640;color:#edf3fb}.search-clear[b-ipelp505t4]{position:absolute;left:.35rem;min-width:3.25rem;min-height:2rem;padding:.25rem .55rem;border:1px solid rgba(118,153,188,.36);border-radius:8px;background:#203a59;color:#dce8f5;font:inherit;font-size:.68rem;font-weight:800}.search-clear:hover[b-ipelp505t4]{border-color:#d7b75e;color:#fff}.search-clear:disabled[b-ipelp505t4]{opacity:.55;cursor:wait}.search-empty[b-ipelp505t4]{margin:.15rem 0 .85rem;padding:.75rem .85rem;border:1px dashed rgba(120,151,184,.38);border-radius:11px;background:rgba(21,43,69,.62);color:#adc0d4;font-size:.76rem;text-align:center}.catalog-result-meta[b-ipelp505t4],.list-result-summary[b-ipelp505t4]{color:#9fb3c8;font-size:.7rem;font-weight:750}.list-result-summary[b-ipelp505t4]{margin:-.25rem 0 .65rem}.review-catalog-search[b-ipelp505t4]{align-items:center;justify-content:space-between}.review-catalog-search .search-field[b-ipelp505t4]{width:min(100%,440px)} .line-form[b-ipelp505t4],.review-add-line[b-ipelp505t4]{display:grid;min-width:0;grid-template-columns:minmax(0,1.55fr) minmax(170px,.85fr) auto;gap:.7rem;align-items:end}.line-form>*[b-ipelp505t4],.review-add-line>*[b-ipelp505t4]{min-width:0}.line-form .field[b-ipelp505t4],.review-add-line .field[b-ipelp505t4]{min-width:0;margin:0}.line-form select[b-ipelp505t4],.review-add-line select[b-ipelp505t4]{min-width:0;max-width:100%}.line-form .notes-field[b-ipelp505t4],.review-add-line .notes-field[b-ipelp505t4]{grid-column:1/span 2}.add-line-button[b-ipelp505t4],.review-add-line>button[b-ipelp505t4]{min-width:5.5rem;min-height:2.65rem;padding-inline:.65rem;white-space:nowrap} .request-table-scroll[b-ipelp505t4]{max-width:100%;overflow:auto;border:1px solid rgba(88,126,166,.22);border-radius:13px}.request-table[b-ipelp505t4]{width:100%;border-collapse:collapse;min-width:650px}.request-table th[b-ipelp505t4],.request-table td[b-ipelp505t4]{padding:.72rem .65rem;border-bottom:1px solid rgba(96,129,164,.18);text-align:right;vertical-align:middle}.request-table th[b-ipelp505t4]{position:sticky;top:0;z-index:1;background:#172a43;color:#b9c9da;font-size:.72rem}.request-table td[b-ipelp505t4]{font-size:.78rem}.request-table td strong[b-ipelp505t4],.request-table td small[b-ipelp505t4]{display:block}.request-table td small[b-ipelp505t4]{margin-top:.18rem;color:#849bb2}.request-table tr:last-child td[b-ipelp505t4]{border-bottom:0}.request-table .inline-quantity[b-ipelp505t4]{min-width:7rem}.request-table .action-cell[b-ipelp505t4]{width:3rem;text-align:center}.action-cell button[b-ipelp505t4]{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid rgba(220,93,104,.35);border-radius:9px;background:rgba(138,46,60,.28);color:#ffc0c5} .request-list-layout[b-ipelp505t4]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:1rem}.request-review-layout[b-ipelp505t4]{display:grid;grid-template-columns:minmax(380px,.78fr) minmax(0,1.45fr);gap:1rem;align-items:start}.list-toolbar[b-ipelp505t4]{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,190px) auto;gap:.65rem;margin-bottom:.85rem}.list-toolbar select[b-ipelp505t4]{min-height:2.65rem;padding:.55rem;border:1px solid rgba(95,130,168,.35);border-radius:10px;background:#132640;color:#edf3fb} .request-detail-v2[b-ipelp505t4],.review-editor-card[b-ipelp505t4]{display:grid;gap:.85rem}.request-facts[b-ipelp505t4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}.request-facts div[b-ipelp505t4]{padding:.68rem;border:1px solid rgba(90,126,164,.22);border-radius:10px;background:#12233a}.request-facts dt[b-ipelp505t4]{color:#91a7bd;font-size:.68rem}.request-facts dd[b-ipelp505t4]{margin:.2rem 0 0;font-weight:800}.review-table-scroll[b-ipelp505t4]{max-height:420px}.review-notes-grid[b-ipelp505t4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.review-actions[b-ipelp505t4]{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.review-actions button[b-ipelp505t4]{min-height:2.7rem}.print-button[b-ipelp505t4]{margin-right:auto} .inventory-request-receipt[b-ipelp505t4]{display:none;width:134mm;min-height:196mm;box-sizing:border-box;direction:rtl;color:#000;background:#fff;font-family:Tahoma,sans-serif;font-size:8.8pt;line-height:1.55}.inventory-request-receipt header[b-ipelp505t4]{display:grid;grid-template-columns:1.7fr 1fr;border:1px solid #000;text-align:center}.inventory-request-receipt header>div[b-ipelp505t4]{display:grid;align-content:center;gap:1mm;padding:3mm}.inventory-request-receipt .receipt-title[b-ipelp505t4]{border-left:1px solid #000}.inventory-request-receipt header strong[b-ipelp505t4]{font-size:13pt}.inventory-request-receipt header span[b-ipelp505t4]{font-weight:700}.inventory-request-receipt .receipt-number b[b-ipelp505t4]{font-size:10.5pt}.inventory-request-receipt .receipt-number small[b-ipelp505t4]{font-weight:700}.inventory-request-receipt h3[b-ipelp505t4]{margin:2.5mm 0 0;padding:1.2mm 2mm;border:1px solid #000;background:#e9e9e9;font-size:9pt}.inventory-request-receipt dl[b-ipelp505t4]{display:grid;grid-template-columns:repeat(2,1fr);margin:0 0 2.5mm}.inventory-request-receipt dl div[b-ipelp505t4]{display:flex;justify-content:space-between;gap:2mm;padding:1.5mm 2mm;border:1px solid #000;border-top:0}.inventory-request-receipt dl div:nth-child(odd)[b-ipelp505t4]{border-left:0}.inventory-request-receipt dt[b-ipelp505t4]{font-weight:700}.inventory-request-receipt dd[b-ipelp505t4]{margin:0;text-align:left}.inventory-request-receipt table[b-ipelp505t4]{width:100%;border-collapse:collapse}.inventory-request-receipt th[b-ipelp505t4],.inventory-request-receipt td[b-ipelp505t4]{padding:1.4mm;border:1px solid #000;text-align:right;vertical-align:top}.inventory-request-receipt th[b-ipelp505t4]{background:#e9e9e9;text-align:center}.inventory-request-receipt td:first-child[b-ipelp505t4],.inventory-request-receipt td:nth-child(3)[b-ipelp505t4]{text-align:center}.inventory-request-receipt td small[b-ipelp505t4]{display:block}.inventory-request-receipt p[b-ipelp505t4]{margin:2mm 0;padding:2mm;border:1px solid #000}.inventory-request-receipt .receipt-acknowledgement[b-ipelp505t4]{font-weight:700;text-align:justify}.inventory-request-receipt footer[b-ipelp505t4]{display:grid;grid-template-columns:1fr 1fr;gap:5mm;margin-top:4mm}.inventory-request-receipt footer div[b-ipelp505t4]{display:grid;min-height:25mm;align-content:space-between;padding:2.5mm;border:1px solid #000;text-align:center}.inventory-request-receipt footer div span[b-ipelp505t4]{font-size:8pt}.inventory-request-receipt footer small[b-ipelp505t4]{grid-column:1/-1;text-align:center}.inventory-request-receipt footer b[b-ipelp505t4]{font-size:8.5pt} @media(max-width:1180px){.request-workspace[b-ipelp505t4],.request-list-layout[b-ipelp505t4],.request-review-layout[b-ipelp505t4]{grid-template-columns:1fr}.request-form-card[b-ipelp505t4]{position:static}.request-review-layout .list-panel[b-ipelp505t4]{max-height:none}.review-table-scroll[b-ipelp505t4]{max-height:none}} @media(max-width:760px){.request-hero[b-ipelp505t4]{align-items:flex-start;flex-direction:column;padding:1rem}.hero-actions[b-ipelp505t4]{width:100%}.request-tabs[b-ipelp505t4]{margin-inline:-.25rem;padding-inline:.25rem}.line-form[b-ipelp505t4],.review-add-line[b-ipelp505t4],.list-toolbar[b-ipelp505t4],.review-notes-grid[b-ipelp505t4]{width:100%;grid-template-columns:minmax(0,1fr)}.line-form .field[b-ipelp505t4],.review-add-line .field[b-ipelp505t4],.line-form select[b-ipelp505t4],.review-add-line select[b-ipelp505t4]{width:100%;min-width:0;max-width:100%}.add-line-button[b-ipelp505t4],.review-add-line>button[b-ipelp505t4]{width:100%}.request-facts[b-ipelp505t4]{grid-template-columns:1fr}.request-card[b-ipelp505t4]{padding:.8rem}.card-heading[b-ipelp505t4],.detail-head[b-ipelp505t4]{align-items:flex-start;flex-direction:column}.request-table[b-ipelp505t4]{min-width:0}.responsive-request-table thead[b-ipelp505t4]{display:none}.responsive-request-table[b-ipelp505t4],.responsive-request-table tbody[b-ipelp505t4],.responsive-request-table tr[b-ipelp505t4],.responsive-request-table td[b-ipelp505t4]{display:block;width:100%}.responsive-request-table tr[b-ipelp505t4]{margin-bottom:.75rem;padding:.65rem;border:1px solid rgba(91,128,166,.25);border-radius:12px;background:#102039}.responsive-request-table td[b-ipelp505t4]{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.55rem;padding:.45rem;border:0}.responsive-request-table td[b-ipelp505t4]::before{content:attr(data-label);color:#91a7bd;font-size:.7rem;font-weight:800}.responsive-request-table .action-cell[b-ipelp505t4]{display:flex;width:100%;justify-content:flex-end}.review-actions[b-ipelp505t4]{display:grid;grid-template-columns:1fr}.review-actions button[b-ipelp505t4]{width:100%}.print-button[b-ipelp505t4]{margin:0}.catalog-search-row[b-ipelp505t4],.review-catalog-search[b-ipelp505t4]{align-items:stretch;flex-direction:column}.catalog-search-row .search-field[b-ipelp505t4],.review-catalog-search .search-field[b-ipelp505t4]{width:100%}} @media print{@page{size:A5 portrait;margin:7mm}html[b-ipelp505t4],body[b-ipelp505t4]{width:148mm;min-height:210mm;margin:0!important;padding:0!important;background:#fff!important}body *[b-ipelp505t4]{visibility:hidden!important}.inventory-request-receipt[b-ipelp505t4],.inventory-request-receipt *[b-ipelp505t4]{visibility:visible!important}.inventory-request-receipt[b-ipelp505t4]{position:absolute;inset:0;display:block!important;margin:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.inventory-request-receipt header[b-ipelp505t4],.inventory-request-receipt h3[b-ipelp505t4],.inventory-request-receipt p[b-ipelp505t4],.inventory-request-receipt tr[b-ipelp505t4],.inventory-request-receipt footer[b-ipelp505t4]{break-inside:avoid;page-break-inside:avoid}.inventory-request-receipt thead[b-ipelp505t4]{display:table-header-group}} /* Dark operational cards live inside the light application shell. Explicit foregrounds prevent dark-on-dark text. */ .request-hero[b-ipelp505t4],.request-card[b-ipelp505t4]{color:#edf4fb}.request-hero h1[b-ipelp505t4],.request-card h2[b-ipelp505t4],.request-card h3[b-ipelp505t4],.request-card strong[b-ipelp505t4],.request-card dd[b-ipelp505t4],.request-card td[b-ipelp505t4]{color:#edf4fb}.request-card p[b-ipelp505t4],.request-card small[b-ipelp505t4]{color:#9fb2c7}.request-tabs button[b-ipelp505t4]{color:#c7d5e5}.request-tabs button:hover[b-ipelp505t4]{border-color:#6f94bb;background:#1b3554;color:#fff}.request-tabs button.active[b-ipelp505t4]{color:#ffe397}.field select[b-ipelp505t4],.list-toolbar select[b-ipelp505t4],.review-add-line select[b-ipelp505t4],.line-form select[b-ipelp505t4]{color-scheme:dark}.field select option[b-ipelp505t4],.list-toolbar select option[b-ipelp505t4],.review-add-line select option[b-ipelp505t4],.line-form select option[b-ipelp505t4]{background:#132640;color:#edf4fb}.request-table tbody tr[b-ipelp505t4]{transition:background-color .16s ease}.request-table tbody tr:hover[b-ipelp505t4]{background:#182d48}.request-table input[b-ipelp505t4]::placeholder,.field input[b-ipelp505t4]::placeholder,.field textarea[b-ipelp505t4]::placeholder,.search-field input[b-ipelp505t4]::placeholder{color:#8ea5bc;opacity:1}.request-facts dt[b-ipelp505t4],.responsive-request-table td[b-ipelp505t4]::before{color:#a7bbcf}.request-card button:focus-visible[b-ipelp505t4],.request-tabs button:focus-visible[b-ipelp505t4]{outline:3px solid rgba(242,210,126,.45);outline-offset:2px} /* Keep the department selector fully theme-owned. Native dark form painting can swap the selected text/background palette after a value is chosen. */ .request-form-card .field select.request-department-select[b-ipelp505t4]{ appearance:none; -webkit-appearance:none; padding-left:2.6rem; color-scheme:light; background-color:#132640; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e2c56f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:left .8rem center; color:#f7fbff; -webkit-text-fill-color:#f7fbff; caret-color:#ffe397; } .request-form-card .field select.request-department-select option[b-ipelp505t4]{background:#fff;color:#18314c;-webkit-text-fill-color:#18314c} .request-form-card .field select.request-department-select:focus[b-ipelp505t4]{background-color:#172e4d;border-color:#e2c56f;outline:3px solid rgba(226,197,111,.22);box-shadow:0 0 0 1px rgba(226,197,111,.2)} /* Product selection is theme-owned for the same Chromium/WebView native-paint edge case as the department selector. The chosen value stays readable. */ .request-card .field select.request-product-select[b-ipelp505t4]{ appearance:none; -webkit-appearance:none; padding-left:2.6rem; color-scheme:light; background-color:#132640; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e2c56f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:left .8rem center; color:#f7fbff; -webkit-text-fill-color:#f7fbff; } .request-card .field select.request-product-select option[b-ipelp505t4]{background:#fff;color:#18314c;-webkit-text-fill-color:#18314c} .request-card .field select.request-product-select:focus[b-ipelp505t4]{background-color:#172e4d;border-color:#e2c56f;outline:3px solid rgba(226,197,111,.22);box-shadow:0 0 0 1px rgba(226,197,111,.2)} .quantity-with-unit[b-ipelp505t4]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.4rem;min-width:0} .quantity-with-unit>*:first-child[b-ipelp505t4]{min-width:0} .locked-unit[b-ipelp505t4]{display:inline-flex;min-width:3.5rem;max-width:7rem;align-items:center;justify-content:center;gap:.32rem;padding:.42rem .58rem;border:1px solid rgba(226,197,111,.34);border-radius:10px;background:linear-gradient(145deg,rgba(42,65,91,.94),rgba(25,48,76,.94));color:#f3d77f;font-size:.68rem;font-weight:850;line-height:1.25;text-align:center;white-space:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} .locked-unit span[b-ipelp505t4]{color:#85d8bd;font-size:.48rem} /* Search controls use explicit paint values because the application shell can switch themes independently. */ .request-card .search-field input[b-ipelp505t4],.list-panel .search-field input[b-ipelp505t4]{color-scheme:dark!important;background:rgba(18,42,69,.96)!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;caret-color:#ffe397!important;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} .request-card .search-field input[b-ipelp505t4]::placeholder,.list-panel .search-field input[b-ipelp505t4]::placeholder{color:#b6c8da!important;-webkit-text-fill-color:#b6c8da!important;opacity:1!important} .request-card .search-field input:focus[b-ipelp505t4],.list-panel .search-field input:focus[b-ipelp505t4]{border-color:#e2c56f!important;outline:3px solid rgba(226,197,111,.22)!important;box-shadow:0 0 0 1px rgba(226,197,111,.22),inset 0 1px 0 rgba(255,255,255,.06)} .request-card .search-field input[b-ipelp505t4]::selection,.list-panel .search-field input[b-ipelp505t4]::selection{background:#e2c56f;color:#102039;-webkit-text-fill-color:#102039} .catalog-search-results[b-ipelp505t4]{display:grid;max-height:15.5rem;margin:-.25rem 0 .9rem;padding:.4rem;gap:.35rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(111,148,185,.34);border-radius:13px;background:rgba(8,24,42,.72);scrollbar-gutter:stable} .catalog-search-result[b-ipelp505t4]{display:flex;width:100%;min-height:3.35rem;align-items:center;justify-content:space-between;gap:.8rem;padding:.62rem .75rem;border:1px solid transparent;border-radius:10px;background:rgba(24,48,77,.82);color:#edf4fb;text-align:right;font:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease} .catalog-search-result span[b-ipelp505t4]{display:grid;min-width:0;gap:.15rem}.catalog-search-result strong[b-ipelp505t4]{overflow:hidden;color:#f7fbff;text-overflow:ellipsis;white-space:nowrap}.catalog-search-result small[b-ipelp505t4]{overflow:hidden;color:#a9bdd1!important;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.catalog-search-result b[b-ipelp505t4]{flex:0 0 auto;color:#8fe0bd;font-size:.72rem;white-space:nowrap}.catalog-search-result:hover[b-ipelp505t4]{border-color:rgba(226,197,111,.48);background:#1b3858;transform:translateY(-1px)}.catalog-search-result.selected[b-ipelp505t4]{border-color:#e2c56f;background:linear-gradient(135deg,#294563,#203650);box-shadow:0 0 0 2px rgba(226,197,111,.12)}.catalog-search-result:focus-visible[b-ipelp505t4]{outline:3px solid rgba(242,210,126,.46);outline-offset:1px} @media(max-width:760px){.catalog-search-results[b-ipelp505t4]{max-height:13rem}.catalog-search-result[b-ipelp505t4]{align-items:flex-start;flex-direction:column;gap:.35rem}.catalog-search-result b[b-ipelp505t4]{white-space:normal}} @media(max-width:760px){.quantity-with-unit[b-ipelp505t4]{grid-template-columns:minmax(0,1fr) auto}.locked-unit[b-ipelp505t4]{min-width:4.2rem}.line-form .notes-field[b-ipelp505t4],.review-add-line .notes-field[b-ipelp505t4]{grid-column:auto}} .delivery-reversal-field[b-ipelp505t4] { margin-top: .85rem; padding: .85rem; color: #f7fbff; background: rgba(111, 31, 43, .2); border: 1px solid rgba(232, 111, 125, .38); border-radius: 14px; } .request-print-preview[b-ipelp505t4] { display: flex; flex-direction: column; overflow: hidden; } .request-print-preview .modal-head[b-ipelp505t4] { flex-shrink: 0; } .request-print-preview .modal-body[b-ipelp505t4] { min-height: 0; overflow: auto; } .request-print-actions[b-ipelp505t4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); flex-shrink: 0; margin: 0; padding: .8rem 1rem; } .request-print-actions > [role="status"][b-ipelp505t4] { grid-column: 1 / -1; min-height: 0; overflow-wrap: anywhere; } .delivery-reversal-field small[b-ipelp505t4] { display: block; margin-top: .4rem; color: #f0b9c0; font-size: .7rem; line-height: 1.7; } /* Keep the inbox narrow and give product decisions the available workspace. */ @media(min-width:1181px){.request-review-layout[b-ipelp505t4]{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}} .request-review-layout .list-toolbar[b-ipelp505t4]{grid-template-columns:minmax(0,1fr) auto}.request-review-layout .list-toolbar .search-field[b-ipelp505t4]{grid-column:1/-1}.request-review-layout .list-toolbar>*[b-ipelp505t4]{min-width:0} .review-editor-card .request-table th[b-ipelp505t4],.review-editor-card .request-table td[b-ipelp505t4]{white-space:normal}.review-table-scroll[b-ipelp505t4]{max-height:65vh}.review-editor-card .request-table select[b-ipelp505t4]{max-width:210px}.review-editor-card .review-notes-grid[b-ipelp505t4]{gap:.65rem} @media(max-width:760px){.review-product[b-ipelp505t4]{min-width:0}.review-table-scroll[b-ipelp505t4]{max-height:none}.review-notes-grid[b-ipelp505t4]{grid-template-columns:1fr}}/* Every decision stays visible inside its product card, including narrow inbox panes. */ .review-table-scroll .request-table[b-ipelp505t4],.review-table-scroll tbody[b-ipelp505t4]{display:block;min-width:0;width:100%}.review-table-scroll thead[b-ipelp505t4]{display:none} .review-table-scroll .request-table tr[b-ipelp505t4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.65rem;padding:.8rem;border:1px solid #35516f;border-radius:12px;background:#12243b} .review-table-scroll .request-table td[b-ipelp505t4]{display:block;width:auto;min-width:0;padding:0;border:0}.review-table-scroll .request-table td[b-ipelp505t4]::before{display:block;content:attr(data-label);color:#b8c9dd;font-size:.72rem;margin-bottom:.4rem} .review-table-scroll .request-table td:first-child[b-ipelp505t4]{grid-column:1/-1}.review-table-scroll .request-table td:nth-child(5)[b-ipelp505t4]{grid-column:1/3}.review-table-scroll .request-table .action-cell[b-ipelp505t4]{width:auto;align-self:end;text-align:left} .review-table-scroll .request-table input[b-ipelp505t4],.review-table-scroll .request-table select[b-ipelp505t4]{width:100%;min-width:0;max-width:none;min-height:2.6rem;padding:.5rem;border:1px solid #456383;border-radius:9px;background:#182f49;color:#f2f6fc;font:inherit;color-scheme:dark} .review-table-scroll .request-table input:focus[b-ipelp505t4],.review-table-scroll .request-table select:focus[b-ipelp505t4]{outline:2px solid #c7a653;outline-offset:1px} @media(max-width:600px){.review-table-scroll .request-table tr[b-ipelp505t4]{grid-template-columns:1fr}.review-table-scroll .request-table td:nth-child(5)[b-ipelp505t4]{grid-column:auto}.request-cards[b-ipelp505t4]{max-height:22rem}} /* /Components/Pages/InventoryStock.razor.rz.scp.css */ .inventory-hero[b-4s9wfifdyz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.25rem; border: 1px solid rgba(129, 164, 201, .22); border-radius: 22px; background: radial-gradient(circle at 85% 15%, rgba(182, 139, 50, .16), transparent 34%), linear-gradient(145deg, rgba(11, 26, 45, .98), rgba(20, 42, 68, .96)); box-shadow: 0 18px 45px rgba(3, 10, 21, .28); } .inventory-hero h1[b-4s9wfifdyz] { margin: .25rem 0 .35rem; font-size: clamp(1.45rem, 2.5vw, 2rem); } .inventory-hero p[b-4s9wfifdyz] { margin: 0; color: var(--muted-text, #9fb0c4); max-width: 760px; line-height: 1.9; } .inventory-hero-actions[b-4s9wfifdyz] { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: flex-end; } .inventory-metrics[b-4s9wfifdyz] { display: grid; grid-template-columns: repeat(6, minmax(150px, 1fr)); gap: .7rem; margin-top: .8rem; } .inventory-metric[b-4s9wfifdyz] { min-height: 112px; padding: .9rem 1rem; border-radius: 18px; border: 1px solid rgba(122, 158, 196, .2); background: linear-gradient(160deg, rgba(20, 39, 64, .97), rgba(13, 29, 49, .98)); display: flex; flex-direction: column; justify-content: center; box-shadow: 0 10px 28px rgba(3, 10, 21, .18); } .inventory-metric span[b-4s9wfifdyz] { color: #a7b7c9; font-size: .78rem; } .inventory-metric strong[b-4s9wfifdyz] { margin-top: .45rem; font-size: 1.35rem; line-height: 1.2; } .inventory-metric small[b-4s9wfifdyz] { margin-top: .4rem; color: #8498ad; } .inventory-metric.accent strong[b-4s9wfifdyz] { color: #f1c66b; } .inventory-metric.warning strong[b-4s9wfifdyz] { color: #ffb45a; } .inventory-metric.danger strong[b-4s9wfifdyz] { color: #ff7d7d; } .inventory-metric.info strong[b-4s9wfifdyz] { color: #83c9ff; } .inventory-metric.success strong[b-4s9wfifdyz] { color: #81d6af; } .inventory-filter-panel[b-4s9wfifdyz] { margin-top: .8rem; padding: .95rem; border-radius: 18px; border: 1px solid rgba(122, 158, 196, .2); background: rgba(13, 29, 49, .92); } .inventory-filter-grid[b-4s9wfifdyz] { display: grid; grid-template-columns: 1fr 1.6fr 1fr auto; gap: .75rem; align-items: end; } .inventory-filter-actions[b-4s9wfifdyz] { display: flex; gap: .45rem; } .inventory-selection-bar[b-4s9wfifdyz] { display: none; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .8rem; padding: .75rem .9rem; border-radius: 14px; border: 1px solid rgba(182, 139, 50, .4); background: rgba(182, 139, 50, .1); } .inventory-selection-bar.visible[b-4s9wfifdyz] { display: flex; } .inventory-selection-bar > div[b-4s9wfifdyz] { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; } .inventory-selection-bar span[b-4s9wfifdyz] { color: #b8c6d6; font-size: .8rem; } .inventory-table-card[b-4s9wfifdyz] { margin-top: .8rem; border-radius: 18px; border: 1px solid rgba(122, 158, 196, .2); background: rgba(11, 25, 43, .94); overflow: hidden; } .inventory-table-toolbar[b-4s9wfifdyz] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .75rem 1rem; border-bottom: 1px solid rgba(122, 158, 196, .18); color: #9fb0c4; font-size: .82rem; } .table-link[b-4s9wfifdyz] { border: 0; background: transparent; color: #f1c66b; cursor: pointer; font: inherit; } .inventory-table .select-column[b-4s9wfifdyz] { width: 72px; text-align: center; } .inventory-table .select-cell[b-4s9wfifdyz] { text-align: center; } .inventory-table input[type="checkbox"][b-4s9wfifdyz] { width: 18px; height: 18px; accent-color: #c49a42; } .inventory-table tr.selected-row[b-4s9wfifdyz] { background: rgba(182, 139, 50, .1); } .inventory-table tr.catalog-only-row[b-4s9wfifdyz] { background: rgba(61, 139, 190, .075); } .catalog-only-note[b-4s9wfifdyz] { display: block; margin-top: .2rem; color: #83c9ff; font-size: .72rem; } .status-badge.catalog[b-4s9wfifdyz] { color: #bde6ff; background: rgba(61, 139, 190, .18); border-color: rgba(105, 190, 236, .38); } @media (max-width: 1280px) { .inventory-metrics[b-4s9wfifdyz] { grid-template-columns: repeat(3, minmax(170px, 1fr)); } .inventory-filter-grid[b-4s9wfifdyz] { grid-template-columns: 1fr 1.4fr 1fr; } .inventory-filter-actions[b-4s9wfifdyz] { grid-column: 1 / -1; } } @media (max-width: 820px) { .inventory-hero[b-4s9wfifdyz] { align-items: stretch; flex-direction: column; padding: 1rem; } .inventory-hero-actions[b-4s9wfifdyz] { justify-content: stretch; } .inventory-hero-actions button[b-4s9wfifdyz] { flex: 1 1 145px; } .inventory-metrics[b-4s9wfifdyz] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .inventory-filter-grid[b-4s9wfifdyz] { grid-template-columns: 1fr; } .inventory-search-field[b-4s9wfifdyz] { grid-column: auto; } .inventory-filter-actions[b-4s9wfifdyz] { grid-column: auto; } .inventory-filter-actions button[b-4s9wfifdyz] { flex: 1; } .inventory-selection-bar[b-4s9wfifdyz] { align-items: stretch; flex-direction: column; } .inventory-selection-bar > div:last-child button[b-4s9wfifdyz] { flex: 1; } } @media (max-width: 520px) { .inventory-metrics[b-4s9wfifdyz] { grid-template-columns: 1fr; } .inventory-metric[b-4s9wfifdyz] { min-height: 94px; } .inventory-table-toolbar[b-4s9wfifdyz] { align-items: flex-start; flex-direction: column; } } .warehouse-receipt-button[b-4s9wfifdyz], .warehouse-archive-button[b-4s9wfifdyz] { min-height: 42px; padding: .65rem .95rem; border-radius: 13px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; font: inherit; font-weight: 800; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; } .warehouse-receipt-button[b-4s9wfifdyz] { color: #061a13; background: linear-gradient(135deg, #91e6bd, #59c995); box-shadow: 0 10px 24px rgba(65, 190, 133, .22); } .warehouse-archive-button[b-4s9wfifdyz] { color: #fff; background: linear-gradient(135deg, #b9464f, #892d3a); box-shadow: 0 10px 24px rgba(156, 47, 61, .2); } .warehouse-receipt-button:hover:not(:disabled)[b-4s9wfifdyz], .warehouse-archive-button:hover:not(:disabled)[b-4s9wfifdyz] { transform: translateY(-1px); } .warehouse-receipt-button:disabled[b-4s9wfifdyz], .warehouse-archive-button:disabled[b-4s9wfifdyz] { opacity: .45; cursor: not-allowed; box-shadow: none; } .inventory-adjustment-backdrop[b-4s9wfifdyz] { padding: clamp(.5rem, 2vw, 1.5rem); overflow-y: auto; } .inventory-adjustment-modal[b-4s9wfifdyz] { width: min(980px, 100%); max-height: calc(100dvh - 2rem); margin: auto; border: 1px solid rgba(144, 178, 212, .28); border-radius: 24px; overflow: hidden; background: linear-gradient(165deg, #102844, #0a1a2e 70%); box-shadow: 0 28px 80px rgba(0,0,0,.48); display: flex; flex-direction: column; } .inventory-adjustment-head[b-4s9wfifdyz] { padding: 1.15rem 1.25rem; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(139, 174, 210, .18); } .inventory-adjustment-head.receipt[b-4s9wfifdyz] { background: radial-gradient(circle at 15% 10%, rgba(76, 203, 143, .18), transparent 38%); } .inventory-adjustment-head.archive[b-4s9wfifdyz] { background: radial-gradient(circle at 15% 10%, rgba(213, 72, 86, .18), transparent 38%); } .inventory-adjustment-title[b-4s9wfifdyz] { display: flex; align-items: flex-start; gap: .85rem; } .inventory-adjustment-title h2[b-4s9wfifdyz] { margin: .2rem 0 .3rem; font-size: clamp(1.25rem, 3vw, 1.75rem); } .inventory-adjustment-title p[b-4s9wfifdyz] { margin: 0; color: #a9bacd; line-height: 1.8; } .inventory-adjustment-icon[b-4s9wfifdyz] { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; background: rgba(255,255,255,.08); color: #f1c66b; flex: 0 0 auto; } .inventory-adjustment-body[b-4s9wfifdyz] { padding: 1rem 1.2rem 1.2rem; overflow-y: auto; overscroll-behavior: contain; } .inventory-step-strip[b-4s9wfifdyz] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; margin-bottom: .9rem; } .inventory-step-strip span[b-4s9wfifdyz] { padding: .55rem .65rem; border-radius: 11px; text-align: center; color: #91a6bb; background: rgba(255,255,255,.035); font-size: .78rem; } .inventory-step-strip span.active[b-4s9wfifdyz] { color: #89ddb5; background: rgba(70, 195, 135, .12); border: 1px solid rgba(70, 195, 135, .2); } .inventory-adjustment-grid[b-4s9wfifdyz] { align-items: start; } .inventory-adjustment-grid small[b-4s9wfifdyz], .financial-disposition-card small[b-4s9wfifdyz] { color: #8fa4b9; line-height: 1.7; } .conversion-field[b-4s9wfifdyz] { padding: .7rem; border-radius: 14px; background: rgba(241, 198, 107, .08); border: 1px solid rgba(241, 198, 107, .22); } .inventory-effect-card[b-4s9wfifdyz] { margin-top: .85rem; padding: .8rem .9rem; border-radius: 15px; display: grid; gap: .25rem; } .inventory-effect-card.receipt[b-4s9wfifdyz] { background: rgba(67, 190, 132, .1); border: 1px solid rgba(67, 190, 132, .23); } .inventory-effect-card.archive[b-4s9wfifdyz] { background: rgba(202, 70, 83, .09); border: 1px solid rgba(202, 70, 83, .23); } .inventory-effect-card.neutral[b-4s9wfifdyz] { background: rgba(93, 159, 217, .09); border: 1px solid rgba(93, 159, 217, .22); margin-bottom: .85rem; } .inventory-effect-card span[b-4s9wfifdyz] { color: #d2dce7; line-height: 1.8; } .inventory-effect-card small[b-4s9wfifdyz] { color: #8fa4b9; } .archive-product-summary[b-4s9wfifdyz] { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: .55rem; margin-bottom: .85rem; } .archive-product-summary > div[b-4s9wfifdyz] { padding: .75rem; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(137, 170, 205, .16); display: flex; flex-direction: column; gap: .3rem; } .archive-product-summary span[b-4s9wfifdyz], .archive-product-summary small[b-4s9wfifdyz] { color: #91a5ba; font-size: .78rem; } .financial-disposition-card[b-4s9wfifdyz] { padding: .85rem; margin-bottom: .85rem; border-radius: 16px; background: rgba(255,255,255,.025); border: 1px solid rgba(217, 91, 103, .2); } .financial-disposition-card h3[b-4s9wfifdyz] { margin: 0 0 .65rem; font-size: 1rem; } .disposition-option[b-4s9wfifdyz] { display: flex; gap: .65rem; padding: .75rem; margin-top: .45rem; border-radius: 13px; border: 1px solid rgba(136, 168, 201, .18); cursor: pointer; } .disposition-option.selected[b-4s9wfifdyz] { border-color: rgba(241, 198, 107, .55); background: rgba(241, 198, 107, .08); } .disposition-option input[b-4s9wfifdyz] { margin-top: .25rem; accent-color: #c99e46; } .disposition-option span[b-4s9wfifdyz] { display: grid; gap: .2rem; } .financial-disposition-card .field[b-4s9wfifdyz] { margin-top: .7rem; } .inventory-adjustment-actions[b-4s9wfifdyz] { position: sticky; bottom: -1.2rem; margin: 1rem -1.2rem -1.2rem; padding: .9rem 1.2rem; display: flex; justify-content: flex-end; gap: .55rem; background: rgba(8, 20, 35, .96); border-top: 1px solid rgba(135, 168, 202, .18); backdrop-filter: blur(14px); } .inventory-adjustment-actions button[b-4s9wfifdyz] { min-width: 160px; } @media (max-width: 760px) { .inventory-adjustment-backdrop[b-4s9wfifdyz] { padding: 0; align-items: flex-end; } .inventory-adjustment-modal[b-4s9wfifdyz] { max-height: 94dvh; border-radius: 24px 24px 0 0; } .inventory-adjustment-head[b-4s9wfifdyz] { padding: .9rem; } .inventory-adjustment-icon[b-4s9wfifdyz] { width: 42px; height: 42px; } .inventory-adjustment-body[b-4s9wfifdyz] { padding: .85rem; } .archive-product-summary[b-4s9wfifdyz] { grid-template-columns: repeat(2, 1fr); } .inventory-adjustment-actions[b-4s9wfifdyz] { margin: .85rem -.85rem -.85rem; padding: .8rem .85rem max(.8rem, env(safe-area-inset-bottom)); } .inventory-adjustment-actions button[b-4s9wfifdyz] { flex: 1; min-width: 0; } } @media (max-width: 480px) { .inventory-step-strip[b-4s9wfifdyz] { grid-template-columns: 1fr; } .archive-product-summary[b-4s9wfifdyz] { grid-template-columns: 1fr; } .inventory-adjustment-title p[b-4s9wfifdyz] { font-size: .8rem; } } .inventory-hero h1[b-4s9wfifdyz], .inventory-metric strong[b-4s9wfifdyz], .inventory-adjustment-title h2[b-4s9wfifdyz], .financial-disposition-card h3[b-4s9wfifdyz], .inventory-adjustment-modal strong[b-4s9wfifdyz] { color: #f4f8fc; } .inventory-filter-panel .field label[b-4s9wfifdyz], .inventory-adjustment-modal .field label[b-4s9wfifdyz] { color: #c7d6e5; } .inventory-table th[b-4s9wfifdyz] { color: #aebfd1; background: #142842; border-bottom-color: #355474; } .inventory-table td[b-4s9wfifdyz] { color: #d7e2ed; border-bottom-color: rgba(93, 125, 158, .32); } .inventory-table .row-title[b-4s9wfifdyz] { color: #f4f8fc; } .inventory-table .row-subtitle[b-4s9wfifdyz] { color: #9fb0c4; } .inventory-table tbody tr:hover[b-4s9wfifdyz] { background: rgba(47, 83, 119, .34); } @media (max-width: 680px) { .inventory-table tr[b-4s9wfifdyz] { background: #101f35 !important; border-color: #2d4969 !important; } .inventory-table td[b-4s9wfifdyz]::before { color: #9fb0c4 !important; } } /* Issue 282: organized warehouse command center and explicit selection state. */ .inventory-hero[b-4s9wfifdyz] { min-height: 14rem; padding: clamp(1.35rem, 3vw, 2.3rem); border-color: rgba(111, 186, 211, .3); border-radius: 28px; background: radial-gradient(circle at 8% 12%, rgba(80, 183, 157, .2), transparent 31%), radial-gradient(circle at 92% 88%, rgba(74, 127, 218, .18), transparent 35%), linear-gradient(132deg, #081b31 0%, #173c58 56%, #285e5c 100%); } .inventory-hero h1[b-4s9wfifdyz] { margin-top: .4rem; color: #fff; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.035em; } .inventory-hero p[b-4s9wfifdyz] { max-width: 820px; color: #d2e4e9; font-size: .92rem; } .inventory-hero .eyebrow[b-4s9wfifdyz] { color: #8ce4d4; } .inventory-live[b-4s9wfifdyz] { display: flex; align-items: center; gap: .65rem; min-height: 2.75rem; padding: .55rem .75rem; border: 1px solid rgba(255,255,255,.18); border-radius: .9rem; background: rgba(3,20,36,.42); } .inventory-live i[b-4s9wfifdyz] { width: .7rem; height: .7rem; border-radius: 50%; background: #77e3b2; box-shadow: 0 0 0 .28rem rgba(119,227,178,.1), 0 0 1rem rgba(119,227,178,.38); } .inventory-live small[b-4s9wfifdyz], .inventory-live strong[b-4s9wfifdyz] { display: block; color: #fff; }.inventory-live small[b-4s9wfifdyz] { color: #aac3d0; font-size: .66rem; }.inventory-live strong[b-4s9wfifdyz] { margin-top: .12rem; font-size: .76rem; } .inventory-workflow-panel[b-4s9wfifdyz] { margin-top: -1.1rem; margin-inline: 1rem; padding: 1rem; position: relative; z-index: 2; border: 1px solid rgba(119, 157, 194, .24); border-radius: 20px; background: rgba(11, 27, 46, .97); box-shadow: 0 16px 36px rgba(3, 12, 24, .26); } .inventory-workflow-panel > header[b-4s9wfifdyz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; } .inventory-workflow-panel h2[b-4s9wfifdyz] { margin: .18rem 0; color: #f5f9fc; font-size: 1.15rem; }.inventory-workflow-panel header p[b-4s9wfifdyz] { margin: 0; color: #9fb2c5; font-size: .76rem; line-height: 1.65; } .inventory-workflow-grid[b-4s9wfifdyz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; } .inventory-workflow-action[b-4s9wfifdyz] { --workflow-accent: #55c99a; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; min-width: 0; min-height: 5.6rem; padding: .72rem; border: 1px solid color-mix(in srgb, var(--workflow-accent) 31%, #35506c); border-radius: 15px; background: color-mix(in srgb, var(--workflow-accent) 7%, #10243b); color: #eff6fa; font: inherit; text-align: right; cursor: pointer; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .inventory-workflow-action:hover[b-4s9wfifdyz], .inventory-workflow-action:focus-visible[b-4s9wfifdyz] { transform: translateY(-2px); border-color: var(--workflow-accent); box-shadow: 0 10px 22px color-mix(in srgb, var(--workflow-accent) 13%, transparent); outline: none; } .inventory-workflow-action.ai[b-4s9wfifdyz] { --workflow-accent: #8b7bd8; }.inventory-workflow-action.transfer[b-4s9wfifdyz] { --workflow-accent: #5d9bd4; }.inventory-workflow-action.request[b-4s9wfifdyz] { --workflow-accent: #cb9843; }.inventory-workflow-action.history[b-4s9wfifdyz] { --workflow-accent: #6e9ab9; }.inventory-workflow-action.nightly[b-4s9wfifdyz] { --workflow-accent: #787ec9; }.inventory-workflow-action.usage[b-4s9wfifdyz] { --workflow-accent: #ce7180; }.inventory-workflow-action.warehouse[b-4s9wfifdyz] { --workflow-accent: #7b9aa9; } .workflow-icon[b-4s9wfifdyz] { display: grid; place-items: center; width: 2.65rem; height: 2.65rem; border-radius: .8rem; color: var(--workflow-accent); background: color-mix(in srgb, var(--workflow-accent) 15%, transparent); } .workflow-icon[b-4s9wfifdyz] .app-icon { width: 1.2rem; height: 1.2rem; }.inventory-workflow-action[b-4s9wfifdyz] > .app-icon { width: .9rem; height: .9rem; color: var(--workflow-accent); } .inventory-workflow-action strong[b-4s9wfifdyz], .inventory-workflow-action small[b-4s9wfifdyz] { display: block; }.inventory-workflow-action strong[b-4s9wfifdyz] { margin-bottom: .27rem; color: #f4f8fb; font-size: .82rem; }.inventory-workflow-action small[b-4s9wfifdyz] { color: #a7b9ca; font-size: .67rem; line-height: 1.5; } .inventory-context-actions[b-4s9wfifdyz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .8rem; padding: .85rem 1rem; border: 1px dashed #45617d; border-radius: 18px; background: rgba(14, 31, 52, .83); transition: border-color .16s ease, background-color .16s ease; } .inventory-context-actions.has-selection[b-4s9wfifdyz] { border-style: solid; border-color: rgba(81, 201, 154, .42); background: linear-gradient(145deg, rgba(65, 181, 137, .08), rgba(14, 31, 52, .92)); } .context-copy[b-4s9wfifdyz] { display: flex; align-items: center; gap: .75rem; min-width: 0; }.context-copy > div[b-4s9wfifdyz] { min-width: 0; }.context-icon[b-4s9wfifdyz] { display: grid; place-items: center; flex: 0 0 auto; width: 2.8rem; height: 2.8rem; border-radius: .85rem; color: #6fcfa6; background: rgba(78, 194, 147, .12); }.context-icon[b-4s9wfifdyz] .app-icon { width: 1.25rem; height: 1.25rem; }.context-copy strong[b-4s9wfifdyz], .context-copy small[b-4s9wfifdyz] { display: block; }.context-copy strong[b-4s9wfifdyz] { color: #f2f7fa; font-size: .86rem; }.context-copy small[b-4s9wfifdyz] { margin-top: .3rem; color: #9eb1c3; font-size: .72rem; line-height: 1.55; } .context-buttons[b-4s9wfifdyz] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }.context-buttons button:disabled[b-4s9wfifdyz] { opacity: .5; cursor: not-allowed; filter: saturate(.55); } .inventory-table-card .table-scroll[b-4s9wfifdyz] { max-height: min(68vh, 820px); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } .inventory-table th[b-4s9wfifdyz] { position: sticky; top: 0; z-index: 3; } @media (max-width: 1180px) { .inventory-workflow-grid[b-4s9wfifdyz] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .inventory-workflow-grid[b-4s9wfifdyz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.inventory-context-actions[b-4s9wfifdyz] { align-items: stretch; flex-direction: column; }.context-buttons[b-4s9wfifdyz] { justify-content: stretch; }.context-buttons button[b-4s9wfifdyz] { flex: 1 1 12rem; } } @media (max-width: 680px) { .inventory-hero[b-4s9wfifdyz] { min-height: 0; padding: 1.05rem; border-radius: 21px; }.inventory-hero-actions[b-4s9wfifdyz] { align-items: stretch; }.inventory-live[b-4s9wfifdyz] { flex: 1; }.inventory-workflow-panel[b-4s9wfifdyz] { margin: .8rem 0 0; }.inventory-workflow-panel > header[b-4s9wfifdyz] { align-items: flex-start; flex-direction: column; }.inventory-workflow-grid[b-4s9wfifdyz] { grid-template-columns: 1fr; }.inventory-context-actions[b-4s9wfifdyz] { padding: .75rem; }.context-buttons[b-4s9wfifdyz] { flex-direction: column; }.context-buttons button[b-4s9wfifdyz] { flex-basis: auto; width: 100%; }.inventory-table-card .table-scroll[b-4s9wfifdyz] { max-height: 72dvh; } } @media (prefers-reduced-motion: reduce) { .inventory-workflow-action[b-4s9wfifdyz], .inventory-context-actions[b-4s9wfifdyz] { transition: none; }.inventory-workflow-action:hover[b-4s9wfifdyz], .inventory-workflow-action:focus-visible[b-4s9wfifdyz] { transform: none; } } /* /Components/Pages/InventoryTransfer.razor.rz.scp.css */ .transfer-page[b-gvfzzy8iuy] { --transfer-surface: var(--aria-op-surface); --transfer-surface-elevated: var(--aria-op-surface-elevated); --transfer-input: var(--aria-op-input); --transfer-border: var(--aria-op-border); --transfer-text: var(--aria-op-text); --transfer-muted: var(--aria-op-muted); --transfer-primary: var(--aria-op-primary); --transfer-warning: var(--aria-op-warning); --transfer-success: var(--aria-op-success); --transfer-danger: var(--aria-op-danger); display: grid; min-width: 0; gap: .9rem; padding: .25rem 0 1.5rem; color: var(--transfer-text); } .transfer-hero[b-gvfzzy8iuy] { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1.1rem; padding: 1.25rem 1.35rem; overflow: hidden; color: var(--transfer-text); border: 1px solid var(--transfer-border); border-radius: 22px; background: radial-gradient(circle at 88% 14%, rgba(221, 172, 67, .24), transparent 31%), linear-gradient(145deg, var(--transfer-surface) 0%, var(--transfer-surface-elevated) 58%, var(--transfer-surface) 100%); box-shadow: 0 20px 48px rgba(3, 12, 24, .28); } .transfer-hero[b-gvfzzy8iuy]::after { position: absolute; width: 14rem; height: 14rem; inset: auto -4rem -7rem auto; content: ""; pointer-events: none; background: radial-gradient(circle, rgba(71, 175, 147, .16), transparent 68%); border-radius: 50%; } .transfer-hero > div[b-gvfzzy8iuy] { position: relative; z-index: 1; } .transfer-hero .eyebrow[b-gvfzzy8iuy] { color: var(--transfer-warning); font-weight: 850; } .transfer-hero h1[b-gvfzzy8iuy] { margin: .28rem 0 .36rem; color: var(--transfer-text); font-size: clamp(1.5rem, 2.6vw, 2.08rem); } .transfer-hero p[b-gvfzzy8iuy] { max-width: 760px; margin: 0; color: var(--transfer-muted); font-size: var(--aria-font-helper); line-height: 1.95; } .transfer-hero-actions[b-gvfzzy8iuy] { display: flex; flex-wrap: wrap; gap: .6rem; } .transfer-hero-actions .secondary-button[b-gvfzzy8iuy] { min-height: 2.75rem; color: var(--transfer-text); background: rgba(31, 69, 100, .88); border-color: rgba(126, 169, 203, .42); } .transfer-hero-actions .secondary-button:hover:not(:disabled)[b-gvfzzy8iuy] { background: #295679; border-color: #82abc9; } .exit-decision-card[b-gvfzzy8iuy] { display: grid; gap: .85rem; padding: 1rem; color: var(--transfer-text); border: 1px solid var(--transfer-border); border-radius: 19px; background: linear-gradient(145deg, rgba(11, 31, 52, .98), rgba(16, 43, 69, .97)); box-shadow: 0 13px 30px rgba(4, 13, 26, .18); } .exit-decision-heading[b-gvfzzy8iuy] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; } .exit-decision-heading h2[b-gvfzzy8iuy] { margin: .18rem 0 0; color: #fff; font-size: 1.05rem; } .exit-decision-heading .eyebrow[b-gvfzzy8iuy] { color: #e8bd61; font-size: .68rem; font-weight: 850; } .manager-badge[b-gvfzzy8iuy] { padding: .35rem .65rem; color: #ffe5a5; background: rgba(190, 139, 42, .16); border: 1px solid rgba(224, 176, 74, .4); border-radius: 99px; font-size: .69rem; font-weight: 850; } .exit-decision-options[b-gvfzzy8iuy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; } .exit-decision-option[b-gvfzzy8iuy] { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: .65rem; align-items: center; min-height: 5.3rem; padding: .8rem; cursor: pointer; background: rgba(16, 42, 68, .86); border: 1px solid rgba(88, 129, 161, .52); border-radius: 15px; transition: transform .18s ease, border-color .18s ease, background .18s ease; } .exit-decision-option:hover[b-gvfzzy8iuy] { transform: translateY(-1px); border-color: #7ba6c6; } .exit-decision-option.selected.consumable[b-gvfzzy8iuy] { background: rgba(73, 55, 22, .5); border-color: #d4a849; } .exit-decision-option.selected.transfer[b-gvfzzy8iuy] { background: rgba(20, 72, 67, .72); border-color: #58bc99; } .exit-decision-option input[b-gvfzzy8iuy] { width: 1.15rem; height: 1.15rem; accent-color: #d8aa4a; } .exit-decision-option > span:last-child[b-gvfzzy8iuy] { display: flex; min-width: 0; flex-direction: column; gap: .25rem; } .exit-decision-option strong[b-gvfzzy8iuy] { color: #fff; font-size: .9rem; } .exit-decision-option small[b-gvfzzy8iuy] { color: #b8cada; font-size: .71rem; line-height: 1.75; } .decision-icon[b-gvfzzy8iuy] { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; color: #f5cc72; background: rgba(7, 24, 40, .55); border-radius: .8rem; } .decision-icon svg[b-gvfzzy8iuy] { width: 1.25rem; height: 1.25rem; } .transfer-route-arrow[b-gvfzzy8iuy] { align-self: end; padding: .65rem 0; color: #f0c970; font-size: 1.35rem; text-align: center; } .transfer-route-card[b-gvfzzy8iuy] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(15rem, 1.15fr); gap: .8rem; align-items: end; padding: 1rem; color: var(--transfer-text); border: 1px solid var(--transfer-border); border-radius: 19px; background: linear-gradient(145deg, var(--transfer-surface), var(--transfer-surface-elevated)); box-shadow: 0 13px 30px rgba(4, 13, 26, .18); } .transfer-page .field label[b-gvfzzy8iuy] { display: block; margin-bottom: .42rem; color: var(--transfer-muted); font-size: var(--aria-font-control); font-weight: 800; } .transfer-page select[b-gvfzzy8iuy], .transfer-page input:not([type="checkbox"])[b-gvfzzy8iuy], .transfer-page textarea[b-gvfzzy8iuy] { width: 100%; color: var(--transfer-text) !important; background: var(--transfer-input) !important; border: 1px solid var(--transfer-border) !important; box-shadow: inset 0 1px rgba(255, 255, 255, .025); } .transfer-page select[b-gvfzzy8iuy], .transfer-page input:not([type="checkbox"])[b-gvfzzy8iuy] { min-height: 2.8rem; } .transfer-page select:focus[b-gvfzzy8iuy], .transfer-page input:not([type="checkbox"]):focus[b-gvfzzy8iuy], .transfer-page textarea:focus[b-gvfzzy8iuy] { border-color: var(--transfer-primary) !important; box-shadow: 0 0 0 .2rem rgba(210, 163, 64, .12) !important; outline: 0; } .transfer-page select option[b-gvfzzy8iuy] { color: var(--transfer-text); background: var(--transfer-input); } .transfer-page input:not([type="checkbox"])[b-gvfzzy8iuy]::placeholder, .transfer-page textarea[b-gvfzzy8iuy]::placeholder { color: var(--transfer-muted); opacity: 1; } .transfer-page input:not([type="checkbox"]):disabled[b-gvfzzy8iuy], .transfer-page select:disabled[b-gvfzzy8iuy], .transfer-page textarea:disabled[b-gvfzzy8iuy] { color: var(--transfer-muted) !important; opacity: .76; background: var(--transfer-surface) !important; } .transfer-swap-button[b-gvfzzy8iuy] { display: grid; width: 46px; height: 46px; place-items: center; margin-bottom: 1px; color: #ffd477; background: linear-gradient(145deg, rgba(193, 145, 47, .22), rgba(25, 70, 92, .84)); border: 1px solid rgba(231, 183, 78, .58); border-radius: 14px; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; } .transfer-swap-button:hover:not(:disabled)[b-gvfzzy8iuy] { transform: translateY(-2px); background: rgba(193, 145, 47, .25); border-color: #f0c66c; } .transfer-swap-button:disabled[b-gvfzzy8iuy] { cursor: not-allowed; opacity: .45; } .transfer-swap-button svg[b-gvfzzy8iuy] { width: 21px; height: 21px; } .transfer-workspace[b-gvfzzy8iuy] { display: grid; grid-template-columns: minmax(0, 2.35fr) minmax(19rem, .8fr); gap: .9rem; align-items: start; } .transfer-products-card[b-gvfzzy8iuy], .transfer-summary-card[b-gvfzzy8iuy] { min-width: 0; color: var(--transfer-text); border: 1px solid var(--transfer-border); border-radius: 19px; background: linear-gradient(155deg, var(--transfer-surface), var(--transfer-surface-elevated)); box-shadow: 0 16px 36px rgba(3, 11, 22, .22); } .transfer-summary-card[b-gvfzzy8iuy] { position: sticky; top: calc(var(--topbar-height, 5.35rem) + 1.25rem); padding: 1rem; } .transfer-card-head[b-gvfzzy8iuy] { display: flex; align-items: center; justify-content: space-between; gap: .9rem; padding: 1rem 1.05rem; border-bottom: 1px solid rgba(111, 159, 196, .22); } .transfer-card-head.compact[b-gvfzzy8iuy] { padding: 0 0 .9rem; } .transfer-card-head h2[b-gvfzzy8iuy] { margin: 0; color: var(--transfer-text); font-size: 1.08rem; } .transfer-card-head p[b-gvfzzy8iuy] { margin: .27rem 0 0; color: var(--transfer-muted); font-size: var(--aria-font-helper); } .transfer-card-head > div:last-child[b-gvfzzy8iuy] { display: flex; flex-wrap: wrap; gap: .5rem; } .transfer-card-head .ghost-button[b-gvfzzy8iuy] { min-height: 2.35rem; color: var(--transfer-text); background: var(--transfer-surface-elevated); border-color: var(--transfer-border); } .transfer-card-head .ghost-button:hover:not(:disabled)[b-gvfzzy8iuy] { color: var(--transfer-text); background: #2d5a7d; border-color: var(--transfer-border); } .transfer-product-list[b-gvfzzy8iuy] { display: grid; gap: .62rem; max-height: 660px; padding: .72rem; overflow: auto; scrollbar-color: #4a7190 #0b2035; } .transfer-product-row[b-gvfzzy8iuy] { position: relative; display: grid; grid-template-columns: 44px minmax(12rem, 1.55fr) minmax(8.2rem, .72fr) minmax(10rem, .9fr) minmax(8.5rem, .78fr); gap: .75rem; align-items: center; min-height: 6.1rem; padding: .85rem; overflow: hidden; color: var(--transfer-text); background: var(--transfer-surface-elevated); border: 1px solid var(--transfer-border); border-radius: 16px; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; } .transfer-product-row[b-gvfzzy8iuy]::before { position: absolute; width: 4px; content: ""; inset: .65rem auto .65rem 0; background: #315c7d; border-radius: 99px; } .transfer-product-row:hover[b-gvfzzy8iuy] { transform: translateY(-1px); border-color: rgba(126, 174, 208, .58); box-shadow: 0 .65rem 1.5rem rgba(2, 12, 23, .18); } .transfer-product-row.selected[b-gvfzzy8iuy] { background: linear-gradient(145deg, rgba(20, 70, 67, .94), rgba(16, 49, 58, .97)); border-color: rgba(93, 207, 164, .72); box-shadow: 0 0 0 1px rgba(93, 207, 164, .11), 0 .8rem 1.8rem rgba(2, 21, 20, .2); } .transfer-product-row.selected[b-gvfzzy8iuy]::before { background: #62d5a8; } .transfer-check[b-gvfzzy8iuy] { display: grid; place-items: center; } .transfer-check input[b-gvfzzy8iuy] { width: 21px; min-height: 21px; height: 21px; accent-color: #5ed0a3; box-shadow: none !important; } .transfer-product-main[b-gvfzzy8iuy] { display: flex; min-width: 0; flex-direction: column; gap: .52rem; } .transfer-product-title[b-gvfzzy8iuy] { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: .45rem; } .transfer-product-title strong[b-gvfzzy8iuy] { max-width: 100%; color: var(--transfer-text); font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .transfer-code[b-gvfzzy8iuy] { padding: .18rem .43rem; color: var(--transfer-muted); background: rgba(6, 23, 39, .56); border: 1px solid rgba(114, 159, 193, .28); border-radius: .48rem; font-family: Consolas, monospace; font-size: .68rem; direction: ltr; } .transfer-product-meta[b-gvfzzy8iuy] { display: flex; align-items: center; flex-wrap: wrap; gap: .42rem; } .transfer-unit-badge[b-gvfzzy8iuy] { display: inline-flex; min-height: 1.7rem; align-items: center; padding: .22rem .55rem; color: var(--transfer-warning); background: rgba(204, 156, 54, .14); border: 1px solid rgba(222, 177, 75, .35); border-radius: 99px; font-size: .7rem; font-weight: 800; } .transfer-product-meta em[b-gvfzzy8iuy] { padding: .2rem .5rem; color: #ffbd72; background: rgba(201, 111, 41, .12); border: 1px solid rgba(226, 137, 64, .28); border-radius: 99px; font-size: .67rem; font-style: normal; font-weight: 800; } .transfer-stat[b-gvfzzy8iuy] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; } .transfer-stat > span[b-gvfzzy8iuy], .transfer-quantity-field > label[b-gvfzzy8iuy] { color: var(--transfer-muted); font-size: var(--aria-font-helper); font-weight: 750; } .transfer-stat strong[b-gvfzzy8iuy] { margin-top: .34rem; color: var(--transfer-text); font-size: .92rem; } .transfer-stat small[b-gvfzzy8iuy] { margin-top: .2rem; color: var(--transfer-muted); font-size: var(--aria-font-helper); } .transfer-stat.available strong[b-gvfzzy8iuy] { color: var(--transfer-text); font-size: 1.02rem; } .transfer-stat.available small[b-gvfzzy8iuy] { color: var(--transfer-warning); } .transfer-stat.value strong[b-gvfzzy8iuy] { color: var(--transfer-success); } .transfer-quantity-field[b-gvfzzy8iuy] { display: flex; min-width: 0; flex-direction: column; } .transfer-quantity-control[b-gvfzzy8iuy] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; margin-top: .34rem; } .transfer-quantity-control input[b-gvfzzy8iuy] { min-width: 0; min-height: 2.45rem; text-align: center; font-weight: 800; } .transfer-quantity-control > span[b-gvfzzy8iuy] { display: inline-flex; min-width: 3rem; align-items: center; justify-content: center; padding: 0 .55rem; color: var(--transfer-warning); background: #244663; border: 1px solid #527896; border-radius: .72rem; font-size: var(--aria-font-helper); font-weight: 850; white-space: nowrap; } .transfer-line-status[b-gvfzzy8iuy] { margin-top: .28rem; color: var(--transfer-muted); font-size: var(--aria-font-helper); } .transfer-line-status.ready[b-gvfzzy8iuy] { color: var(--transfer-success); } .transfer-line-status.error[b-gvfzzy8iuy] { color: var(--transfer-danger); } .transfer-summary-list[b-gvfzzy8iuy] { display: grid; gap: .5rem; } .transfer-summary-list > div[b-gvfzzy8iuy] { display: flex; min-height: 3.15rem; align-items: center; justify-content: space-between; gap: .75rem; padding: .72rem .8rem; color: var(--transfer-text); background: rgba(24, 56, 87, .78); border: 1px solid rgba(103, 151, 187, .24); border-radius: 13px; } .transfer-summary-list span[b-gvfzzy8iuy] { color: var(--transfer-muted); font-size: var(--aria-font-helper); } .transfer-summary-list strong[b-gvfzzy8iuy] { max-width: 62%; color: var(--transfer-text); font-size: var(--aria-font-control); text-align: left; overflow-wrap: anywhere; } .transfer-summary-list .total[b-gvfzzy8iuy] { margin-top: .2rem; background: rgba(23, 71, 63, .76); border-color: rgba(102, 208, 167, .42); } .transfer-summary-list .total strong[b-gvfzzy8iuy] { color: var(--transfer-success); font-size: 1rem; } .transfer-notes[b-gvfzzy8iuy] { margin-top: .9rem; } .transfer-notes textarea[b-gvfzzy8iuy] { min-height: 96px; resize: vertical; } .transfer-summary-card .alert-banner.info[b-gvfzzy8iuy] { margin-top: .85rem; color: var(--transfer-text); background: rgba(26, 73, 94, .66); border-color: rgba(89, 151, 177, .43); } .transfer-submit[b-gvfzzy8iuy] { width: 100%; min-height: 2.95rem; margin-top: .9rem; color: var(--transfer-surface); background: linear-gradient(145deg, var(--transfer-primary), #c18f30); } .transfer-submit:hover:not(:disabled)[b-gvfzzy8iuy] { background: linear-gradient(145deg, var(--transfer-warning), var(--transfer-primary)); } .transfer-submit:disabled[b-gvfzzy8iuy] { color: var(--transfer-muted); background: var(--transfer-surface-elevated); border-color: var(--transfer-border); opacity: .76; } .transfer-result[b-gvfzzy8iuy] { display: flex; flex-direction: column; gap: .36rem; margin-top: .9rem; padding: .85rem; color: var(--transfer-text); background: rgba(43, 132, 99, .15); border: 1px solid rgba(115, 220, 178, .42); border-radius: 14px; } .transfer-result span[b-gvfzzy8iuy] { color: var(--transfer-success); font-size: var(--aria-font-helper); } .transfer-result strong[b-gvfzzy8iuy] { color: var(--transfer-success); } .transfer-result small[b-gvfzzy8iuy] { color: var(--transfer-muted); } .transfer-result button[b-gvfzzy8iuy] { margin-top: .35rem; } .delivery-safety-strip[b-gvfzzy8iuy] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; } .delivery-safety-strip > span[b-gvfzzy8iuy] { display: flex; min-height: 2.9rem; align-items: center; gap: .55rem; padding: .65rem .8rem; color: var(--transfer-text); background: rgba(19, 49, 76, .9); border: 1px solid rgba(102, 155, 193, .32); border-radius: 13px; font-size: var(--aria-font-helper); font-weight: 760; } .delivery-safety-strip svg[b-gvfzzy8iuy] { width: 1rem; height: 1rem; color: var(--transfer-warning); flex: 0 0 auto; } .delivery-search-box[b-gvfzzy8iuy] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem; } .delivery-search-box .ghost-button[b-gvfzzy8iuy] { min-height: 2.8rem; color: var(--transfer-text); background: var(--transfer-surface-elevated); border-color: var(--transfer-border); } .transfer-product-row.delivery-row[b-gvfzzy8iuy] { grid-template-columns: 36px minmax(12rem, 1.35fr) minmax(7rem, .55fr) minmax(9rem, .75fr) minmax(11rem, .95fr) minmax(12rem, 1fr); align-items: start; } .delivery-row .delivery-line-note[b-gvfzzy8iuy] { grid-column: 2 / -1; } .delivery-decision-field[b-gvfzzy8iuy], .delivery-destination-field[b-gvfzzy8iuy], .delivery-line-note[b-gvfzzy8iuy] { min-width: 0; } .delivery-decision-field label[b-gvfzzy8iuy], .delivery-destination-field label[b-gvfzzy8iuy], .delivery-field-label[b-gvfzzy8iuy], .delivery-line-note label[b-gvfzzy8iuy] { display: block; margin-bottom: .34rem; color: var(--transfer-muted); font-size: var(--aria-font-helper); font-weight: 780; } .delivery-decision-field select[b-gvfzzy8iuy], .delivery-destination-field select[b-gvfzzy8iuy], .delivery-line-note input[b-gvfzzy8iuy] { min-height: 2.45rem !important; } .delivery-decision-field small[b-gvfzzy8iuy], .delivery-destination-field small[b-gvfzzy8iuy] { display: block; margin-top: .27rem; color: var(--transfer-muted); font-size: var(--aria-font-helper); line-height: 1.55; } .delivery-decision-field small.consumption[b-gvfzzy8iuy] { color: var(--transfer-warning); } .delivery-decision-field small.movement[b-gvfzzy8iuy] { color: var(--transfer-success); } .delivery-destination-field small.error[b-gvfzzy8iuy] { color: var(--transfer-danger); } .delivery-not-applicable[b-gvfzzy8iuy] { display: flex; min-height: 2.45rem; align-items: center; padding: 0 .7rem; color: var(--transfer-muted); background: rgba(12, 33, 54, .75); border: 1px dashed rgba(91, 132, 164, .42); border-radius: .7rem; font-size: var(--aria-font-helper); } .delivery-reference[b-gvfzzy8iuy] { padding: .35rem .5rem; color: var(--transfer-success) !important; background: rgba(72, 160, 126, .12); border: 1px solid rgba(100, 205, 164, .28); border-radius: .55rem; direction: ltr; text-align: left; } .selection-capacity-message[b-gvfzzy8iuy], .transfer-validation-summary[b-gvfzzy8iuy] { margin-top: .85rem; padding: .75rem .8rem; color: var(--transfer-text); background: rgba(26, 66, 94, .72); border: 1px solid rgba(104, 161, 198, .42); border-radius: 12px; font-size: var(--aria-font-helper); line-height: 1.8; } .transfer-validation-summary[b-gvfzzy8iuy] { display: grid; gap: .4rem; } .transfer-validation-summary strong[b-gvfzzy8iuy] { color: var(--transfer-text); } .transfer-validation-summary .ready[b-gvfzzy8iuy] { color: var(--transfer-success); } .transfer-validation-summary ul[b-gvfzzy8iuy] { display: grid; gap: .2rem; margin: 0; padding-right: 1.1rem; color: var(--transfer-danger); } .aria-delivery-dialog[b-gvfzzy8iuy] { width: min(42rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); padding: 0; overflow: auto; color: var(--aria-op-text); background: linear-gradient(155deg, var(--aria-op-surface), var(--aria-op-surface-elevated)); border: 1px solid var(--aria-op-border); border-radius: 18px; box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, .48); } .aria-delivery-dialog[b-gvfzzy8iuy]::backdrop { background: rgba(2, 10, 20, .72); backdrop-filter: blur(3px); } .aria-delivery-dialog:focus[b-gvfzzy8iuy] { outline: 3px solid rgba(236, 188, 88, .52); outline-offset: 2px; } .aria-delivery-dialog-content[b-gvfzzy8iuy] { display: grid; gap: .9rem; padding: 1.15rem; } .aria-delivery-dialog h2[b-gvfzzy8iuy] { margin: .2rem 0 0; color: var(--aria-op-text); font-size: 1.25rem; } .aria-delivery-dialog p[b-gvfzzy8iuy] { margin: 0; color: var(--aria-op-muted); line-height: 1.9; } .dialog-summary-grid[b-gvfzzy8iuy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; } .dialog-summary-grid > div[b-gvfzzy8iuy], .dialog-notes[b-gvfzzy8iuy], .dialog-destinations[b-gvfzzy8iuy] { display: grid; gap: .3rem; padding: .7rem; background: rgba(29, 65, 94, .76); border: 1px solid rgba(103, 153, 188, .34); border-radius: 11px; } .dialog-summary-grid span[b-gvfzzy8iuy], .dialog-notes span[b-gvfzzy8iuy] { color: var(--aria-op-muted); font-size: var(--aria-font-helper); } .dialog-summary-grid strong[b-gvfzzy8iuy], .dialog-notes strong[b-gvfzzy8iuy], .dialog-destinations strong[b-gvfzzy8iuy] { color: var(--aria-op-text); } .dialog-destinations ul[b-gvfzzy8iuy] { margin: 0; padding-right: 1.1rem; color: var(--aria-op-success); } .dialog-actions[b-gvfzzy8iuy] { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: .6rem; } .dialog-actions button[b-gvfzzy8iuy] { min-height: 2.7rem; min-width: 9.5rem; } .compact-dialog[b-gvfzzy8iuy] { width: min(34rem, calc(100vw - 2rem)); } @media (max-width: 520px) { .dialog-summary-grid[b-gvfzzy8iuy] { grid-template-columns: 1fr; } .dialog-actions[b-gvfzzy8iuy] { display: grid; grid-template-columns: 1fr; } .dialog-actions button[b-gvfzzy8iuy] { width: 100%; } } @media (max-width: 1240px) { .transfer-workspace[b-gvfzzy8iuy] { grid-template-columns: minmax(0, 1fr); } .transfer-summary-card[b-gvfzzy8iuy] { position: static; } .transfer-summary-list[b-gvfzzy8iuy] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .transfer-summary-list .total[b-gvfzzy8iuy] { grid-column: 1 / -1; } .transfer-product-list[b-gvfzzy8iuy] { max-height: 700px; } .transfer-product-row.delivery-row[b-gvfzzy8iuy] { grid-template-columns: 36px minmax(11rem, 1.25fr) minmax(7rem, .55fr) minmax(9rem, .72fr) minmax(11rem, .9fr); } .delivery-row .delivery-destination-field[b-gvfzzy8iuy] { grid-column: 2 / 4; } .delivery-row .delivery-line-note[b-gvfzzy8iuy] { grid-column: 4 / -1; } } @media (max-width: 980px) { .transfer-page[b-gvfzzy8iuy] { padding-top: .5rem; } .transfer-hero[b-gvfzzy8iuy] { align-items: stretch; flex-direction: column; } .transfer-hero-actions button[b-gvfzzy8iuy] { flex: 1; } .transfer-route-card[b-gvfzzy8iuy] { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); } .transfer-search[b-gvfzzy8iuy] { grid-column: 1 / -1; } .transfer-product-row[b-gvfzzy8iuy] { grid-template-columns: 42px minmax(12rem, 1.45fr) minmax(8rem, .72fr) minmax(9rem, .85fr); } .transfer-stat.value[b-gvfzzy8iuy] { display: none; } .delivery-safety-strip[b-gvfzzy8iuy] { grid-template-columns: 1fr; } .transfer-product-row.delivery-row[b-gvfzzy8iuy] { grid-template-columns: 36px minmax(11rem, 1fr) minmax(8rem, .65fr) minmax(10rem, .85fr); } .delivery-row .delivery-decision-field[b-gvfzzy8iuy] { grid-column: 2 / 4; } .delivery-row .delivery-destination-field[b-gvfzzy8iuy] { grid-column: 4; } .delivery-row .delivery-line-note[b-gvfzzy8iuy] { grid-column: 2 / -1; } } @media (max-width: 760px) { .exit-decision-heading[b-gvfzzy8iuy] { align-items: flex-start; flex-direction: column; } .exit-decision-options[b-gvfzzy8iuy] { grid-template-columns: 1fr; } .transfer-route-card[b-gvfzzy8iuy] { grid-template-columns: 1fr; } .transfer-swap-button[b-gvfzzy8iuy] { justify-self: center; margin: -.15rem 0; transform: rotate(90deg); } .transfer-swap-button:hover:not(:disabled)[b-gvfzzy8iuy] { transform: rotate(90deg) translateX(-2px); } .transfer-route-arrow[b-gvfzzy8iuy] { padding: 0; transform: rotate(90deg); } .transfer-search[b-gvfzzy8iuy] { grid-column: auto; } .transfer-card-head[b-gvfzzy8iuy] { align-items: stretch; flex-direction: column; } .transfer-card-head > div:last-child[b-gvfzzy8iuy] { width: 100%; } .transfer-card-head > div:last-child button[b-gvfzzy8iuy] { flex: 1; } .transfer-product-row[b-gvfzzy8iuy] { grid-template-columns: 38px minmax(0, 1fr) minmax(8.6rem, .78fr); gap: .65rem; align-items: start; min-height: 0; } .transfer-product-main[b-gvfzzy8iuy] { grid-column: 2; } .transfer-stat.available[b-gvfzzy8iuy] { grid-column: 2; } .transfer-quantity-field[b-gvfzzy8iuy] { grid-column: 3; grid-row: 1 / span 2; } .transfer-summary-list[b-gvfzzy8iuy] { grid-template-columns: 1fr; } .transfer-summary-list .total[b-gvfzzy8iuy] { grid-column: auto; } .transfer-product-row.delivery-row[b-gvfzzy8iuy] { grid-template-columns: 34px minmax(0, 1fr); } .delivery-row .transfer-product-main[b-gvfzzy8iuy], .delivery-row .transfer-stat.available[b-gvfzzy8iuy], .delivery-row .transfer-quantity-field[b-gvfzzy8iuy], .delivery-row .delivery-decision-field[b-gvfzzy8iuy], .delivery-row .delivery-destination-field[b-gvfzzy8iuy], .delivery-row .delivery-line-note[b-gvfzzy8iuy] { grid-column: 2; grid-row: auto; } } @media (max-width: 520px) { .transfer-page[b-gvfzzy8iuy] { gap: .7rem; } .transfer-hero[b-gvfzzy8iuy], .exit-decision-card[b-gvfzzy8iuy], .transfer-route-card[b-gvfzzy8iuy], .transfer-products-card[b-gvfzzy8iuy], .transfer-summary-card[b-gvfzzy8iuy] { border-radius: 16px; } .transfer-hero[b-gvfzzy8iuy] { padding: 1rem; } .transfer-hero-actions[b-gvfzzy8iuy] { display: grid; grid-template-columns: 1fr; } .transfer-product-list[b-gvfzzy8iuy] { padding: .55rem; } .transfer-product-row[b-gvfzzy8iuy] { grid-template-columns: 34px minmax(0, 1fr); padding: .72rem; } .transfer-product-main[b-gvfzzy8iuy], .transfer-stat.available[b-gvfzzy8iuy], .transfer-quantity-field[b-gvfzzy8iuy] { grid-column: 2; grid-row: auto; } .transfer-quantity-control[b-gvfzzy8iuy] { grid-template-columns: minmax(0, 1fr) auto; } .transfer-product-title[b-gvfzzy8iuy] { align-items: flex-start; flex-direction: column; } .transfer-product-title strong[b-gvfzzy8iuy] { white-space: normal; } } /* /Components/Pages/InventoryUsage.razor.rz.scp.css */ .recipe-waste-preview[b-qgbxlorxuy]{display:grid;gap:.65rem;margin-top:.75rem;padding:.8rem;border:1px solid rgba(84,175,156,.3);border-radius:13px;background:linear-gradient(135deg,rgba(18,83,81,.2),rgba(19,48,76,.3))}.recipe-waste-preview.invalid[b-qgbxlorxuy]{border-color:rgba(220,98,109,.4);background:rgba(102,31,42,.18)}.preview-head[b-qgbxlorxuy]{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.preview-head>div[b-qgbxlorxuy]{display:grid;gap:.16rem}.preview-head strong[b-qgbxlorxuy]{font-size:.8rem}.preview-head span[b-qgbxlorxuy]{color:#9eb2c7;font-size:.66rem}.preview-grid[b-qgbxlorxuy]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.preview-grid article[b-qgbxlorxuy]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem;border:1px solid rgba(93,135,168,.22);border-radius:9px;background:rgba(12,31,52,.55)}.preview-grid article>div[b-qgbxlorxuy]{display:grid;gap:.1rem}.preview-grid strong[b-qgbxlorxuy],.preview-grid b[b-qgbxlorxuy]{font-size:.7rem}.preview-grid small[b-qgbxlorxuy]{color:#94abc0;font-size:.6rem}.preview-grid b[b-qgbxlorxuy]{color:#f0ce78;white-space:nowrap}.preview-error[b-qgbxlorxuy]{margin:0;color:#ffbdc4;font-size:.7rem}.usage-detail-modal[b-qgbxlorxuy]{width:min(100%,72rem)} @media(max-width:700px){.preview-head[b-qgbxlorxuy]{align-items:flex-start;flex-direction:column}.preview-grid[b-qgbxlorxuy]{grid-template-columns:1fr}} /* /Components/Pages/NightlyStock.razor.rz.scp.css */ .night-hero[b-gyesdf53ih]{display:flex;justify-content:space-between;gap:20px;padding:26px;border-radius:22px;background-color:#10283f;background-image:linear-gradient(135deg,#10283f,#263b62);color:#fff}.night-hero span[b-gyesdf53ih]{color:#e8c36d}.night-hero h1[b-gyesdf53ih]{margin:5px 0;color:#fff}.night-hero p[b-gyesdf53ih]{margin:0;color:#e1eaf2}.hero-state[b-gyesdf53ih]{display:flex;gap:8px;align-items:center}.hero-state i[b-gyesdf53ih]{width:10px;height:10px;border-radius:50%;background:#5ee0a0}.tabs[b-gyesdf53ih]{display:flex;gap:8px;margin:16px 0;overflow:auto}.tabs button[b-gyesdf53ih],.panel button[b-gyesdf53ih]{padding:10px 15px;border:1px solid #cad4df;border-radius:11px;background:#fff;white-space:nowrap}.tabs .active[b-gyesdf53ih],.primary[b-gyesdf53ih]{border-color:#176b66!important;background:#176b66!important;color:#fff!important}.notice[b-gyesdf53ih]{margin:12px 0;padding:12px;border-radius:10px}.notice.success[b-gyesdf53ih]{background:#e7f7ef;color:#14623c}.notice.error[b-gyesdf53ih]{background:#fff0f0;color:#9b2428} .completion-card[b-gyesdf53ih]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px solid #83c8bb;border-radius:20px;background-color:#edf8f5;background-image:linear-gradient(135deg,#f5fcfa,#edf8f5);color:#173548;box-shadow:0 16px 42px #153d4d18}.completion-icon[b-gyesdf53ih]{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;background:#0b6b5f;color:#fff;font-size:1.8rem;font-weight:900;box-shadow:0 10px 24px #0b6b5f33}.completion-copy>span[b-gyesdf53ih]{color:#0b6b5f;font-size:.875rem;font-weight:900}.completion-copy h2[b-gyesdf53ih]{margin:4px 0;color:#102f3f;font-size:1.45rem}.completion-copy p[b-gyesdf53ih]{max-width:760px;margin:0;color:#3d5968;font-size:.875rem;line-height:1.9}.completion-meta[b-gyesdf53ih]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.completion-meta span[b-gyesdf53ih]{padding:7px 10px;border:1px solid #cae4de;border-radius:10px;background:#fff;color:#385767;font-size:.875rem}.completion-meta b[b-gyesdf53ih]{color:#173f4f}.completion-actions[b-gyesdf53ih]{display:grid;gap:9px;min-width:210px}.completion-actions button[b-gyesdf53ih]{min-height:46px;padding:10px 16px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer}.completion-actions .next-count[b-gyesdf53ih]{border:1px solid #0b6b5f;background:#0b6b5f;color:#fff}.completion-actions .view-history[b-gyesdf53ih]{border:1px solid #8da8b5;background:#fff;color:#17445e}.completion-actions button:focus-visible[b-gyesdf53ih],.location:focus-visible[b-gyesdf53ih]{outline:3px solid #d8ab4c;outline-offset:3px}.completion-actions button:disabled[b-gyesdf53ih]{cursor:wait;opacity:.65} .location-grid[b-gyesdf53ih]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.location[b-gyesdf53ih]{padding:20px;border:1px solid #cddbe3;border-radius:17px;background:#fff;color:#173548;text-align:right;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.location:hover:not(:disabled)[b-gyesdf53ih]{transform:translateY(-2px);border-color:#6daca5;box-shadow:0 12px 28px #173f4f14}.location:disabled[b-gyesdf53ih]{cursor:wait;opacity:.68}.location h2[b-gyesdf53ih]{margin:5px 0;color:#102f3f}.location span[b-gyesdf53ih],.location p[b-gyesdf53ih]{color:#506978}.location b[b-gyesdf53ih]{color:#0b6b5f}.count-head[b-gyesdf53ih],.panel[b-gyesdf53ih],.count-row[b-gyesdf53ih]{padding:18px;border:1px solid var(--border-color,#dbe2e9);border-radius:16px;background:var(--surface-color,#fff)}.count-head[b-gyesdf53ih]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress[b-gyesdf53ih]{display:grid;text-align:center}.progress strong[b-gyesdf53ih]{font-size:1.5rem} .count-list[b-gyesdf53ih]{display:grid;gap:9px;padding-bottom:16px}.count-row[b-gyesdf53ih]{display:grid;grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) auto minmax(160px,1fr) auto;gap:12px;align-items:center;transition:border-color .15s ease,box-shadow .15s ease}.count-row:focus-within[b-gyesdf53ih]{border-color:#d8ab4c;box-shadow:0 0 0 3px #d8ab4c22}.product h3[b-gyesdf53ih]{margin:2px 0}.product small[b-gyesdf53ih],.product span[b-gyesdf53ih],.save-state[b-gyesdf53ih]{color:#6f7d8a}.physical[b-gyesdf53ih]{display:grid;gap:5px}.not-counted[b-gyesdf53ih]{display:flex;gap:6px}.reason[b-gyesdf53ih]{padding:10px;border:1px solid #ccd5de;border-radius:9px}.save[b-gyesdf53ih]{padding:9px;border:0;border-radius:9px;background:#d7aa4c}.save-state[b-gyesdf53ih]{grid-column:1/-1;font-size:.8rem}.skipped[b-gyesdf53ih]{opacity:.83} .submit-bar[b-gyesdf53ih]{position:sticky;z-index:5;bottom:calc(.65rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 18px;border:1px solid #ffffff22;border-radius:17px;background:#132b42;color:#fff;box-shadow:0 14px 32px #10283c44}.submit-bar>div:first-child[b-gyesdf53ih]{display:grid}.submit-actions[b-gyesdf53ih]{display:flex;gap:8px}.submit-bar button[b-gyesdf53ih]{padding:10px 18px;border:0;border-radius:11px;background:#d8ab4c;font-weight:bold}.submit-bar .save-all[b-gyesdf53ih]{border:1px solid #ffffff55;background:#ffffff14;color:#fff} .panel-head[b-gyesdf53ih],.plan-summary[b-gyesdf53ih],.actions[b-gyesdf53ih]{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2[b-gyesdf53ih]{margin:3px 0}.policy-layout[b-gyesdf53ih]{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:14px}.policy-layout aside[b-gyesdf53ih]{display:grid;align-content:start;gap:8px}.policy-eyebrow[b-gyesdf53ih]{color:#176b66;font-size:.78rem;font-weight:900}.hint[b-gyesdf53ih]{margin:.1rem 0 .7rem;color:#6f7d8a;line-height:1.7}.bulk-tools[b-gyesdf53ih]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bulk-tools strong[b-gyesdf53ih]{margin-left:auto;color:#176b66}.bulk-tools button[b-gyesdf53ih],.cancel-edit[b-gyesdf53ih],.edit-policy[b-gyesdf53ih]{padding:7px 10px;border:1px solid #bfcbd6;border-radius:9px;background:#f7fafc;color:#30485d;font:inherit;font-size:.78rem;font-weight:800}.policy-product-list[b-gyesdf53ih]{display:grid;max-height:300px;gap:6px;overflow:auto;overscroll-behavior:contain;padding:7px;border:1px solid #d7e0e8;border-radius:12px;background:#f7fafc}.policy-product-list label[b-gyesdf53ih]{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:9px;background:#fff;cursor:pointer}.policy-product-list label:has(input:checked)[b-gyesdf53ih]{border-color:#65a9a3;background:#edf8f6}.policy-product-list input[b-gyesdf53ih]{width:18px;height:18px}.policy-product-list span[b-gyesdf53ih]{display:grid}.policy-product-list small[b-gyesdf53ih]{color:#71808e}.policy-empty[b-gyesdf53ih]{padding:18px;text-align:center;color:#71808e}.threshold-grid[b-gyesdf53ih]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.policy-save[b-gyesdf53ih]{min-height:46px;border:0;border-radius:11px;font-weight:900}.editing-policy[b-gyesdf53ih]{display:grid;gap:4px;padding:13px;border:1px solid #9ccbc7;border-radius:12px;background:#edf8f6}.editing-policy span[b-gyesdf53ih],.editing-policy small[b-gyesdf53ih]{color:#55777a} .table-scroll[b-gyesdf53ih]{overflow:auto}table[b-gyesdf53ih]{width:100%;min-width:650px;border-collapse:collapse}th[b-gyesdf53ih],td[b-gyesdf53ih]{padding:11px;border-bottom:1px solid #e4e9ee;text-align:right}td small[b-gyesdf53ih]{display:block;color:#74808b}details[b-gyesdf53ih]{margin:8px 0;padding:12px;border:1px solid #dce3e8;border-radius:12px}summary[b-gyesdf53ih]{display:flex;justify-content:space-between}.negative[b-gyesdf53ih]{color:#b32e34}.plan-summary[b-gyesdf53ih]{padding:12px;border-radius:11px;background:#edf5f5}.actions[b-gyesdf53ih]{justify-content:flex-start;flex-wrap:wrap;margin-top:14px}.purchase-needs[b-gyesdf53ih]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.purchase-needs span[b-gyesdf53ih]{padding:8px 11px;border-radius:9px;background:#fff2d9}.loading[b-gyesdf53ih]{padding:35px;color:#6e7882;text-align:center}[b-gyesdf53ih] .field{display:grid;gap:5px}[b-gyesdf53ih] input,[b-gyesdf53ih] select{box-sizing:border-box;width:100%;min-height:42px;padding:9px;border:1px solid #ccd5df;border-radius:9px} @media(max-width:850px){.completion-card[b-gyesdf53ih]{grid-template-columns:auto minmax(0,1fr)}.completion-actions[b-gyesdf53ih]{grid-column:1/-1;grid-template-columns:1fr 1fr}.policy-layout[b-gyesdf53ih]{grid-template-columns:1fr}.count-row[b-gyesdf53ih]{grid-template-columns:1fr 1fr}.product[b-gyesdf53ih],.save-state[b-gyesdf53ih]{grid-column:1/-1}.submit-bar[b-gyesdf53ih]{bottom:var(--mobile-nav-clearance,calc(7.75rem + env(safe-area-inset-bottom,0px)))}.night-hero[b-gyesdf53ih]{flex-direction:column}} @media(max-width:520px){.completion-card[b-gyesdf53ih]{grid-template-columns:1fr;padding:18px}.completion-icon[b-gyesdf53ih]{width:46px;height:46px}.completion-actions[b-gyesdf53ih]{grid-column:auto;grid-template-columns:1fr}.completion-actions button[b-gyesdf53ih]{width:100%}.completion-meta[b-gyesdf53ih]{display:grid}.count-row[b-gyesdf53ih]{grid-template-columns:1fr}.product[b-gyesdf53ih],.save-state[b-gyesdf53ih]{grid-column:auto}.count-head[b-gyesdf53ih]{align-items:flex-start}.night-hero[b-gyesdf53ih],.panel[b-gyesdf53ih],.count-head[b-gyesdf53ih],.count-row[b-gyesdf53ih]{padding:14px;border-radius:13px}.submit-bar[b-gyesdf53ih]{align-items:stretch;flex-direction:column}.submit-actions[b-gyesdf53ih]{display:grid;grid-template-columns:1fr}.submit-actions button[b-gyesdf53ih]{width:100%}.threshold-grid[b-gyesdf53ih]{grid-template-columns:1fr}} /* /Components/Pages/Operations.razor.rz.scp.css */ .operations-hero[b-1bopoxfrsz] { position: relative; overflow: hidden; min-height: 14.5rem; padding: clamp(1.4rem, 3vw, 2.35rem); border: 1px solid rgba(105, 210, 218, .3); border-radius: 1.7rem; background: radial-gradient(circle at 8% 10%, rgba(70, 220, 196, .2), transparent 30%), radial-gradient(circle at 92% 90%, rgba(73, 128, 224, .2), transparent 34%), linear-gradient(132deg, #091c32 0%, #123c58 52%, #126b6c 100%); color: #fff; box-shadow: 0 1.5rem 3.5rem rgba(3, 18, 33, .26); } .operations-hero[b-1bopoxfrsz]::after { content: ""; position: absolute; inset: -4rem auto auto -3rem; width: 18rem; height: 18rem; border: 2.4rem solid rgba(255,255,255,.035); border-radius: 50%; pointer-events: none; } .operations-hero > *[b-1bopoxfrsz] { position: relative; z-index: 1; } .operations-hero h1[b-1bopoxfrsz] { margin: .35rem 0 .5rem; color: #fff; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.035em; } .operations-hero p[b-1bopoxfrsz] { max-width: 53rem; margin: 0; color: #d3e9ee; font-size: .94rem; line-height: 1.95; } .operations-hero .hero-kicker[b-1bopoxfrsz] { color: #89f0df; } .operations-hero .hero-actions[b-1bopoxfrsz] { align-items: center; } .operations-health[b-1bopoxfrsz] { display: flex; align-items: center; gap: .65rem; min-height: 2.75rem; padding: .55rem .75rem; border: 1px solid rgba(255,255,255,.18); border-radius: .9rem; background: rgba(3,20,36,.42); } .operations-health i[b-1bopoxfrsz] { width: .7rem; height: .7rem; border-radius: 50%; background: #80e5b5; box-shadow: 0 0 0 .28rem rgba(128,229,181,.1), 0 0 1rem rgba(128,229,181,.38); } .operations-health.warning-text i[b-1bopoxfrsz] { background: #f0c567; box-shadow: 0 0 0 .28rem rgba(240,197,103,.1), 0 0 1rem rgba(240,197,103,.38); } .operations-health.danger-text i[b-1bopoxfrsz] { background: #ff8585; box-shadow: 0 0 0 .28rem rgba(255,133,133,.1), 0 0 1rem rgba(255,133,133,.38); } .operations-health small[b-1bopoxfrsz], .operations-health strong[b-1bopoxfrsz] { display: block; color: #fff; } .operations-health small[b-1bopoxfrsz] { color: #abc4d1; font-size: .66rem; } .operations-health strong[b-1bopoxfrsz] { margin-top: .12rem; font-size: .79rem; } .operations-vitals[b-1bopoxfrsz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-top: -1.15rem; padding: 0 1rem; position: relative; z-index: 2; } .operations-vitals article[b-1bopoxfrsz] { --vital-accent: #3dc5b6; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .8rem; min-width: 0; min-height: 7.2rem; padding: .9rem 1rem; border: 1px solid color-mix(in srgb, var(--vital-accent) 27%, var(--line-strong)); border-radius: 1.15rem; background: color-mix(in srgb, var(--surface-card) 97%, transparent); box-shadow: 0 .8rem 2rem rgba(3,19,34,.12); } .operations-vitals article.collection[b-1bopoxfrsz] { --vital-accent: #5b9fe1; } .operations-vitals article.expense[b-1bopoxfrsz] { --vital-accent: #d9808d; } .operations-vitals article.checkin[b-1bopoxfrsz] { --vital-accent: #8a83df; } .vital-icon[b-1bopoxfrsz] { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .9rem; color: var(--vital-accent); background: color-mix(in srgb, var(--vital-accent) 14%, transparent); } .vital-icon[b-1bopoxfrsz] .app-icon { width: 1.4rem; height: 1.4rem; } .operations-vitals article > div[b-1bopoxfrsz] { min-width: 0; } .operations-vitals span[b-1bopoxfrsz], .operations-vitals small[b-1bopoxfrsz] { display: block; color: var(--text-muted-dark); } .operations-vitals article > div > span[b-1bopoxfrsz] { font-size: .75rem; } .operations-vitals strong[b-1bopoxfrsz] { display: block; overflow: hidden; margin: .28rem 0; color: var(--ink); font-size: 1.12rem; text-overflow: ellipsis; white-space: nowrap; } .operations-vitals small[b-1bopoxfrsz] { font-size: .69rem; } .operations-metrics[b-1bopoxfrsz] { grid-template-columns: repeat(7, minmax(9rem, 1fr)); margin-top: .8rem; } .operations-metrics .metric-card[b-1bopoxfrsz] { min-height: 8.1rem; border-radius: 1.05rem; } .operations-metrics .metric-card.highlight[b-1bopoxfrsz] { grid-column: span 2; } .operations-launchpad[b-1bopoxfrsz] { margin-top: .85rem; padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid var(--line-strong); border-radius: 1.35rem; background: linear-gradient(145deg, color-mix(in srgb, var(--surface-card) 96%, #3dc5b6), var(--surface-card)); box-shadow: var(--shadow-sm); } .operations-launchpad > header[b-1bopoxfrsz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; } .operations-launchpad h2[b-1bopoxfrsz] { margin: .2rem 0; color: var(--ink); } .operations-launchpad p[b-1bopoxfrsz] { margin: 0; color: var(--text-muted-dark); line-height: 1.75; } .operations-action-grid[b-1bopoxfrsz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; } .operations-action[b-1bopoxfrsz] { --action-accent: #2fae9f; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; min-width: 0; min-height: 6.5rem; padding: .8rem; border: 1px solid color-mix(in srgb, var(--action-accent) 34%, var(--line-strong)); border-radius: 1rem; background: color-mix(in srgb, var(--action-accent) 7%, var(--surface-card)); color: var(--ink); font: inherit; text-align: right; cursor: pointer; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .operations-action:hover[b-1bopoxfrsz], .operations-action:focus-visible[b-1bopoxfrsz] { transform: translateY(-2px); border-color: var(--action-accent); box-shadow: 0 .7rem 1.5rem color-mix(in srgb, var(--action-accent) 13%, transparent); outline: none; } .operations-action.rose[b-1bopoxfrsz] { --action-accent: #cf7183; }.operations-action.amber[b-1bopoxfrsz] { --action-accent: #c69233; }.operations-action.blue[b-1bopoxfrsz] { --action-accent: #4f96d5; }.operations-action.green[b-1bopoxfrsz] { --action-accent: #51a96f; }.operations-action.violet[b-1bopoxfrsz] { --action-accent: #9274d3; }.operations-action.indigo[b-1bopoxfrsz] { --action-accent: #667cd5; }.operations-action.gold[b-1bopoxfrsz] { --action-accent: #bd8d2f; } .action-icon[b-1bopoxfrsz] { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: .8rem; color: var(--action-accent); background: color-mix(in srgb, var(--action-accent) 15%, transparent); } .action-icon[b-1bopoxfrsz] .app-icon { width: 1.25rem; height: 1.25rem; } .operations-action strong[b-1bopoxfrsz], .operations-action small[b-1bopoxfrsz] { display: block; } .operations-action strong[b-1bopoxfrsz] { margin-bottom: .3rem; color: var(--ink); font-size: .88rem; } .operations-action small[b-1bopoxfrsz] { color: var(--text-muted-dark); font-size: .7rem; line-height: 1.55; } .operations-action[b-1bopoxfrsz] > .app-icon { width: .95rem; height: .95rem; color: var(--action-accent); } .operations-alerts[b-1bopoxfrsz] { margin-top: .85rem; border-radius: 1.3rem; } .operations-alerts .table-row[b-1bopoxfrsz] { border-inline-start: .24rem solid transparent; } .operations-alerts .table-row:has(.status-badge.danger)[b-1bopoxfrsz] { border-inline-start-color: #d95b66; } .operations-alerts .table-row:has(.status-badge.warning)[b-1bopoxfrsz] { border-inline-start-color: #d29a38; } .operations-tabs[b-1bopoxfrsz] { margin-top: .85rem; padding: .3rem; border: 1px solid var(--line-strong); border-radius: 1rem; background: var(--surface-card); overflow-x: auto; scrollbar-width: thin; } .operations-tabs .segment-button[b-1bopoxfrsz] { flex: 1 0 auto; min-height: 2.7rem; } .critical-row[b-1bopoxfrsz] { background: color-mix(in srgb, #d95b66 7%, transparent); } @media (max-width: 1320px) { .operations-metrics[b-1bopoxfrsz] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .operations-metrics .metric-card.highlight[b-1bopoxfrsz] { grid-column: span 1; } .operations-action-grid[b-1bopoxfrsz] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 980px) { .operations-vitals[b-1bopoxfrsz] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .8rem; padding: 0; } .operations-metrics[b-1bopoxfrsz] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .operations-action-grid[b-1bopoxfrsz] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .operations-hero[b-1bopoxfrsz] { min-height: 0; padding: 1.1rem; border-radius: 1.3rem; } .operations-hero .hero-actions[b-1bopoxfrsz] { align-items: stretch; } .operations-health[b-1bopoxfrsz] { flex: 1; } .operations-vitals[b-1bopoxfrsz], .operations-metrics[b-1bopoxfrsz], .operations-action-grid[b-1bopoxfrsz] { grid-template-columns: 1fr; } .operations-vitals article[b-1bopoxfrsz] { min-height: 6.2rem; } .operations-launchpad > header[b-1bopoxfrsz] { align-items: flex-start; flex-direction: column; } .operations-tabs[b-1bopoxfrsz] { justify-content: flex-start; } } @media (prefers-reduced-motion: reduce) { .operations-action[b-1bopoxfrsz] { transition: none; } .operations-action:hover[b-1bopoxfrsz], .operations-action:focus-visible[b-1bopoxfrsz] { transform: none; } } /* /Components/Pages/PersonnelConsumption.razor.rz.scp.css */ .personnel-workspace[b-4ia4leiojs] { display: grid; gap: 1rem; --personnel-ink: #193d50; --personnel-muted: #5b7485; --personnel-accent: #146a72; } .personnel-hero[b-4ia4leiojs] { position: relative; isolation: isolate; display: grid; min-height: 10rem; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; padding: clamp(1.1rem, 2.5vw, 1.65rem); overflow: hidden; color: var(--personnel-ink); background: radial-gradient(circle at 0 0, #e8f4f1, transparent 46%), #fff; border: 1px solid #dbe7e9; border-radius: 1.2rem; box-shadow: 0 .5rem 1.5rem rgba(24, 60, 82, .04); } .personnel-hero[b-4ia4leiojs]::after { position: absolute; z-index: -1; width: 15rem; height: 15rem; inset: -6rem auto auto -4rem; content: ""; border: 1px solid rgba(255, 255, 255, .08); border-radius: 50%; box-shadow: 0 0 0 2.7rem rgba(255, 255, 255, .018), 0 0 0 5.4rem rgba(255, 255, 255, .012); } .personnel-hero-copy[b-4ia4leiojs] { max-width: 52rem; } .personnel-kicker[b-4ia4leiojs] { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: .65rem; color: var(--personnel-accent); font-size: .76rem; font-weight: 850; } .personnel-kicker[b-4ia4leiojs] .app-icon { width: 1rem; height: 1rem; } .personnel-hero h1[b-4ia4leiojs] { margin: 0 0 .45rem; color: var(--personnel-ink); font-size: clamp(1.65rem, 3vw, 2.15rem); } .personnel-hero p[b-4ia4leiojs] { max-width: 49rem; margin: 0; color: var(--personnel-muted); font-size: .84rem; line-height: 2; } .personnel-hero-stats[b-4ia4leiojs] { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1rem; } .personnel-hero-stats span[b-4ia4leiojs] { display: inline-flex; min-height: 2.15rem; align-items: center; gap: .3rem; padding: .35rem .7rem; color: #5b7485; background: #f3f8f8; border: 1px solid #e1eceb; border-radius: 999px; font-size: .69rem; } .personnel-hero-stats strong[b-4ia4leiojs] { color: #245d66; font-size: .83rem; } .personnel-hero-actions[b-4ia4leiojs] { display: grid; min-width: 15.5rem; gap: .65rem; } .personnel-period[b-4ia4leiojs] { display: grid; grid-template-columns: 2.75rem minmax(7.5rem, 1fr) 2.75rem; align-items: stretch; overflow: hidden; background: rgba(5, 21, 35, .42); border: 1px solid rgba(184, 210, 226, .18); border-radius: .95rem; backdrop-filter: blur(12px); } .personnel-period button[b-4ia4leiojs] { display: grid; min-height: 3.7rem; place-items: center; padding: 0; color: #d8e7f2; background: transparent; border: 0; cursor: pointer; } .personnel-period button:first-child[b-4ia4leiojs] { border-left: 1px solid rgba(255, 255, 255, .08); } .personnel-period button:last-child[b-4ia4leiojs] { border-right: 1px solid rgba(255, 255, 255, .08); } .personnel-period button:hover:not(:disabled)[b-4ia4leiojs] { color: #fff; background: rgba(255, 255, 255, .08); } .personnel-period button.next[b-4ia4leiojs] .app-icon { transform: rotate(180deg); } .personnel-period button[b-4ia4leiojs] .app-icon { width: 1rem; height: 1rem; } .personnel-period > span[b-4ia4leiojs] { display: grid; place-content: center; text-align: center; } .personnel-period small[b-4ia4leiojs] { color: #93adbf; font-size: .65rem; } .personnel-period strong[b-4ia4leiojs] { margin-top: .12rem; color: #fff; font-size: .82rem; } .personnel-refresh[b-4ia4leiojs] { display: inline-flex; min-height: 2.9rem; align-items: center; justify-content: center; gap: .45rem; padding: .55rem .9rem; color: #fff; background: #15616e; border: 1px solid #15616e; border-radius: .85rem; box-shadow: 0 .4rem .85rem rgba(21, 97, 110, .12); font: inherit; font-size: .75rem; font-weight: 850; cursor: pointer; } .personnel-refresh:hover:not(:disabled)[b-4ia4leiojs] { filter: brightness(1.04); transform: translateY(-1px); } .personnel-refresh[b-4ia4leiojs] .app-icon { width: 1rem; height: 1rem; } .personnel-refresh[b-4ia4leiojs] { text-decoration: none; } .personnel-refresh.secondary[b-4ia4leiojs] { color: #356171; background: #fff; border-color: #ccdfe2; box-shadow: none; } .personnel-tabs[b-4ia4leiojs] { position: sticky; z-index: 8; top: .55rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; padding: .45rem; background: rgba(255, 255, 255, .96); border: 1px solid rgba(39, 91, 120, .13); border-radius: 1.05rem; box-shadow: 0 .4rem 1.1rem rgba(24, 60, 82, .05); backdrop-filter: blur(14px); } .personnel-tab[b-4ia4leiojs] { display: flex; min-width: 0; min-height: 3.35rem; align-items: center; justify-content: center; gap: .55rem; padding: .5rem .7rem; color: #607589; background: transparent; border: 1px solid transparent; border-radius: .78rem; font: inherit; text-align: right; cursor: pointer; transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease; } .personnel-tab:hover[b-4ia4leiojs] { color: #174f69; background: rgba(21, 108, 134, .055); } .personnel-tab.active[b-4ia4leiojs] { color: #125b67; background: #eaf4f3; border-color: #bad7d5; box-shadow: inset 0 -2px #277c80; } .personnel-tab[b-4ia4leiojs] .app-icon { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; } .personnel-tab > span[b-4ia4leiojs] { display: grid; min-width: 0; gap: .05rem; } .personnel-tab strong[b-4ia4leiojs] { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; } .personnel-tab small[b-4ia4leiojs] { overflow: hidden; color: #8a9daf; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; } .personnel-tab.active small[b-4ia4leiojs] { color: #4e7a80; } .personnel-overview[b-4ia4leiojs] { display: grid; gap: 1rem; } .personnel-action-grid[b-4ia4leiojs] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } .personnel-action-card[b-4ia4leiojs] { display: grid; min-width: 0; min-height: 5.25rem; grid-template-columns: 2.85rem minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: 1rem; color: #27475c; text-decoration: none !important; background: linear-gradient(145deg, #fff, #f6fafb); border: 1px solid rgba(37, 87, 115, .13); border-radius: 1rem; box-shadow: 0 .55rem 1.5rem rgba(24, 60, 82, .075); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .personnel-action-card:hover[b-4ia4leiojs] { color: #183e53; text-decoration: none; border-color: rgba(20, 112, 139, .3); box-shadow: 0 .8rem 1.8rem rgba(24, 73, 96, .12); transform: translateY(-2px); } .personnel-action-card.primary[b-4ia4leiojs] { color: #27475c; background: #fff; border-color: #ccdedf; } .personnel-action-card.primary:hover[b-4ia4leiojs] { color: #183e53; border-color: #82b3b6; } .personnel-action-icon[b-4ia4leiojs] { display: grid; width: 2.85rem; height: 2.85rem; place-items: center; color: #17778e; background: #e5f3f5; border-radius: .85rem; } .personnel-action-card.primary .personnel-action-icon[b-4ia4leiojs] { color: #176e79; background: #e6f3f1; } .personnel-action-icon[b-4ia4leiojs] .app-icon { width: 1.35rem; height: 1.35rem; } .personnel-action-copy[b-4ia4leiojs] { display: grid; min-width: 0; gap: .12rem; } .personnel-action-copy small[b-4ia4leiojs] { color: #7b8e9f; font-size: .65rem; font-weight: 800; } .personnel-action-copy strong[b-4ia4leiojs] { overflow: hidden; color: #183e53; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; } .personnel-action-copy > span[b-4ia4leiojs] { overflow: hidden; color: #718697; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; } .personnel-action-card.primary .personnel-action-copy small[b-4ia4leiojs], .personnel-action-card.primary .personnel-action-copy > span[b-4ia4leiojs] { color: #718697; } .personnel-action-card.primary .personnel-action-copy strong[b-4ia4leiojs] { color: #183e53; } .personnel-action-card[b-4ia4leiojs] .personnel-action-cue { width: 1rem; height: 1rem; color: #8195a5; } .personnel-action-card.primary[b-4ia4leiojs] .personnel-action-cue { color: #5c8c95; } .personnel-management-card[b-4ia4leiojs] { min-height: 22rem; margin: 0; } .personnel-management-card .panel-heading[b-4ia4leiojs] { margin-bottom: 1rem; } .personnel-management-card .table-scroll[b-4ia4leiojs], .personnel-overview .data-table-card .table-scroll[b-4ia4leiojs] { max-height: 34rem; overflow: auto; } .personnel-management-card .data-table th[b-4ia4leiojs], .personnel-overview .data-table-card .data-table th[b-4ia4leiojs] { position: sticky; z-index: 2; top: 0; } .personnel-overview .toolbar-card[b-4ia4leiojs] { border-radius: 1rem; } .personnel-overview .metrics-grid[b-4ia4leiojs] { margin: 0; } .personnel-overview .metric-card[b-4ia4leiojs] { min-height: 7.3rem; } .personnel-overview .personnel-report-layout[b-4ia4leiojs] { align-items: start; } .personnel-workspace[b-4ia4leiojs], .personnel-overview[b-4ia4leiojs], .personnel-overview-table[b-4ia4leiojs] { min-width: 0; } .personnel-scope-note[b-4ia4leiojs] { display: grid; gap: .3rem; padding: .8rem 1rem; background: rgba(5,21,35,.42); border: 1px solid rgba(184,210,226,.18); border-radius: .9rem; } .personnel-scope-note small[b-4ia4leiojs], .personnel-scope-note span[b-4ia4leiojs] { color: #b4cbd9; font-size: .7rem; } .personnel-scope-note strong[b-4ia4leiojs] { color: #fff; font-size: .92rem; } .personnel-report-filters[b-4ia4leiojs] { padding: 1rem; } .personnel-report-filters .panel-heading[b-4ia4leiojs] { padding: 0 0 .85rem; } .personnel-filter-grid[b-4ia4leiojs] { display: grid; grid-template-columns: minmax(10rem,1fr) minmax(13rem,1.5fr) repeat(2,minmax(9rem,1fr)); gap: .8rem; align-items: end; } .personnel-filter-grid .field[b-4ia4leiojs] { min-width: 0; } .personnel-filter-grid input[b-4ia4leiojs], .personnel-filter-grid select[b-4ia4leiojs] { width: 100%; min-width: 0; } .personnel-filter-search .search-field[b-4ia4leiojs] { width: 100%; } .personnel-date-filter[b-4ia4leiojs] { grid-column: span 2; } .personnel-filter-actions[b-4ia4leiojs] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .7rem; align-items: center; margin-top: .9rem; } .personnel-debtors-filter[b-4ia4leiojs] { display: flex; align-items: center; gap: .5rem; font-size: .76rem; color: #435f72; } .personnel-debtors-filter input[b-4ia4leiojs] { width: 1rem; height: 1rem; flex: 0 0 auto; } .personnel-report-caption[b-4ia4leiojs] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; padding-inline: .2rem; color: #526e82; font-size: .72rem; } .personnel-report-caption > span[b-4ia4leiojs] { display: inline-flex; align-items: center; gap: .4rem; } .personnel-report-caption[b-4ia4leiojs] .app-icon { width: 1rem; height: 1rem; } .personnel-accounting-note[b-4ia4leiojs] { margin: 0; padding: .7rem .9rem; color: #4a6578; background: #edf4f7; border: 1px solid #dce8ed; border-radius: .8rem; font-size: .72rem; line-height: 1.95; overflow-wrap: anywhere; } .personnel-report-message[b-4ia4leiojs] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; flex-wrap: wrap; margin: 0; } .personnel-overview-table > .panel-heading[b-4ia4leiojs] { padding: .9rem 1rem; } .personnel-statement-panel[b-4ia4leiojs] { display: grid; gap: .85rem; min-width: 0; padding: 1.15rem; border: 1px solid #c9dce5; border-radius: 1.1rem; background: linear-gradient(145deg,#f6fafc,#fff); box-shadow: 0 .7rem 1.7rem rgba(25,68,92,.055); scroll-margin-top: 7rem; } .personnel-statement-heading[b-4ia4leiojs] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .8rem; } .personnel-statement-heading h2[b-4ia4leiojs] { margin: .2rem 0; font-size: 1.17rem; scroll-margin-top: 7rem; } .personnel-statement-heading p[b-4ia4leiojs] { margin: 0; color: #5d778a; font-size: .72rem; } .personnel-statement-heading .row-actions[b-4ia4leiojs] { flex-wrap: wrap; } .personnel-statement-summary[b-4ia4leiojs] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .6rem; } .personnel-statement-summary > span[b-4ia4leiojs] { display: grid; min-width: 0; gap: .3rem; padding: .7rem .8rem; background: #fff; border: 1px solid #dfe8ed; border-radius: .8rem; } .personnel-statement-summary small[b-4ia4leiojs] { color: #5d778a; font-size: .66rem; } .personnel-statement-summary strong[b-4ia4leiojs] { color: #22475d; font-size: .88rem; overflow-wrap: anywhere; } .personnel-statement-context[b-4ia4leiojs] { margin: 0; color: #617a8d; font-size: .69rem; line-height: 1.95; overflow-wrap: anywhere; } .personnel-invoice-list[b-4ia4leiojs] { display: grid; gap: .75rem; min-width: 0; } .personnel-statement-loading[b-4ia4leiojs] { display: flex; align-items: center; gap: .7rem; padding: .65rem; color: #536f82; font-size: .75rem; } .personnel-select-hint[b-4ia4leiojs] { display: flex; align-items: center; gap: .8rem; padding: 1.1rem; color: #4a6a7f; background: #f8fbfc; border: 1px dashed #bfd2dd; border-radius: 1rem; } .personnel-select-hint[b-4ia4leiojs] .app-icon { width: 1.7rem; height: 1.7rem; flex: 0 0 auto; } .personnel-select-hint strong[b-4ia4leiojs] { font-size: .86rem; } .personnel-select-hint p[b-4ia4leiojs] { margin: .25rem 0 0; font-size: .74rem; line-height: 1.9; } .personnel-access-state[b-4ia4leiojs] { max-width: 42rem; margin: 2rem auto; text-align: center; } .personnel-access-state h1[b-4ia4leiojs] { font-size: 1.25rem; } .personnel-print-staging[b-4ia4leiojs] { display: none; } .personnel-report-filters .field > label[b-4ia4leiojs] { color: #3d5c70; font-size: .8rem; } .personnel-report-filters input[b-4ia4leiojs], .personnel-report-filters select[b-4ia4leiojs] { min-height: 2.8rem; } .personnel-filter-pending[b-4ia4leiojs] { margin: .85rem 0 0; padding: .6rem .75rem; color: #785e23; background: #fff8e8; border: 1px solid #e9d8ad; border-radius: .65rem; font-size: .75rem; line-height: 1.9; } .personnel-manual-year[b-4ia4leiojs] { display: grid; gap: .35rem; } .personnel-manual-year > button[b-4ia4leiojs] { min-height: 2rem; justify-self: start; font-size: .7rem; } .personnel-consumption-metrics .metric-card[b-4ia4leiojs] { display: grid; align-content: start; gap: .6rem; padding: 1.1rem; border-radius: 1rem; } .personnel-consumption-metrics .metric-card > strong[b-4ia4leiojs] { font-variant-numeric: tabular-nums; font-size: clamp(1.3rem, 2vw, 1.85rem); overflow-wrap: anywhere; } .personnel-consumption-metrics .metric-card.highlight[b-4ia4leiojs] { background: #155e6b; border-color: #155e6b; color: #fff; } .personnel-consumption-metrics .metric-card.highlight > strong[b-4ia4leiojs] { color: #fff; } .personnel-consumption-metrics .metric-card.highlight > span[b-4ia4leiojs], .personnel-consumption-metrics .metric-card.highlight > small[b-4ia4leiojs] { color: #d5e8e8; } .personnel-accounting-explanation[b-4ia4leiojs], .personnel-legacy-settings[b-4ia4leiojs] { color: #567487; font-size: .75rem; line-height: 1.9; } .personnel-accounting-explanation > summary[b-4ia4leiojs], .personnel-legacy-settings > summary[b-4ia4leiojs] { cursor: pointer; width: fit-content; min-height: 2.4rem; padding: .35rem .2rem; } .personnel-accounting-explanation .personnel-accounting-note[b-4ia4leiojs] { margin-top: .4rem; } .personnel-legacy-settings[b-4ia4leiojs] { border: 1px solid #e0e9ee; border-radius: .75rem; padding: .4rem .75rem; margin-bottom: 1rem; } .personnel-legacy-settings p[b-4ia4leiojs] { margin: .25rem 0 .5rem; } .personnel-results-heading h2[b-4ia4leiojs] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; } .personnel-summary-actions[b-4ia4leiojs] { flex-wrap: wrap; } .personnel-summary-actions > button[b-4ia4leiojs] { min-height: 2.75rem; } .personnel-summary-message[b-4ia4leiojs] { margin: 0 .9rem .9rem; } .personnel-overview-table .data-table td[b-4ia4leiojs] { padding-block: .95rem; } .personnel-overview-table .row-title[b-4ia4leiojs] { font-size: .83rem; } .personnel-overview-table .row-subtitle[b-4ia4leiojs] { margin-top: .25rem; line-height: 1.9; } .personnel-overview-table .numeric[b-4ia4leiojs] { font-variant-numeric: tabular-nums; } .personnel-workspace button:disabled[b-4ia4leiojs] { cursor: default; } .personnel-workspace button:focus-visible[b-4ia4leiojs], .personnel-workspace select:focus-visible[b-4ia4leiojs], .personnel-workspace input:focus-visible[b-4ia4leiojs], .personnel-workspace a:focus-visible[b-4ia4leiojs], .personnel-statement-heading h2:focus-visible[b-4ia4leiojs] { outline: 3px solid #b99037; outline-offset: 3px; } @media (max-width: 980px) { .personnel-hero[b-4ia4leiojs] { grid-template-columns: minmax(0, 1fr); } .personnel-hero-actions[b-4ia4leiojs] { width: min(100%, 28rem); min-width: 0; } .personnel-filter-grid[b-4ia4leiojs] { grid-template-columns: repeat(2,minmax(0,1fr)); } .personnel-statement-summary[b-4ia4leiojs] { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 760px) { .personnel-workspace[b-4ia4leiojs] { gap: .75rem; } .personnel-hero[b-4ia4leiojs] { min-height: 0; padding: 1rem; border-radius: 1.1rem; } .personnel-hero p[b-4ia4leiojs] { font-size: .76rem; } .personnel-hero-stats[b-4ia4leiojs] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .personnel-hero-stats span[b-4ia4leiojs] { display: grid; min-width: 0; align-content: center; justify-items: center; gap: 0; padding: .45rem .2rem; text-align: center; } .personnel-tabs[b-4ia4leiojs] { position: relative; top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } .personnel-tab[b-4ia4leiojs] { justify-content: flex-start; } .personnel-action-grid[b-4ia4leiojs] { grid-template-columns: minmax(0, 1fr); } .personnel-action-card[b-4ia4leiojs] { min-height: 5.8rem; padding: .8rem; } .personnel-management-card[b-4ia4leiojs] { min-height: 0; padding: .8rem; } .personnel-management-card .table-scroll[b-4ia4leiojs], .personnel-overview .data-table-card .table-scroll[b-4ia4leiojs] { max-height: none; } .personnel-report-filters[b-4ia4leiojs], .personnel-statement-panel[b-4ia4leiojs] { padding: .8rem; } .personnel-filter-grid[b-4ia4leiojs] { grid-template-columns: minmax(0,1fr); } .personnel-date-filter[b-4ia4leiojs] { grid-column: auto; } .personnel-filter-actions[b-4ia4leiojs] { align-items: stretch; } .personnel-filter-actions .row-actions[b-4ia4leiojs] { flex-wrap: wrap; } .personnel-results-heading[b-4ia4leiojs], .personnel-summary-actions[b-4ia4leiojs] { width: 100%; } .personnel-summary-actions > button[b-4ia4leiojs] { flex: 1 1 auto; } .personnel-statement-heading .row-actions[b-4ia4leiojs] { width: 100%; } .personnel-statement-heading .row-actions button[b-4ia4leiojs] { flex: 1 1 auto; min-height: 2.8rem; } .personnel-statement-panel[b-4ia4leiojs] { scroll-margin-top: 1rem; } } @media (max-width: 430px) { .personnel-hero-stats[b-4ia4leiojs] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .personnel-hero-stats span[b-4ia4leiojs] { display: grid; align-content: start; justify-items: center; font-size: .63rem; line-height: 1.8; } .personnel-hero-actions[b-4ia4leiojs] { display: flex; flex-wrap: wrap; gap: .5rem; } .personnel-hero-actions .personnel-refresh[b-4ia4leiojs] { flex: 1 1 7rem; padding: .5rem .6rem; font-size: .7rem; } .personnel-tab[b-4ia4leiojs] { min-height: 3.15rem; padding: .42rem; } .personnel-tab small[b-4ia4leiojs] { white-space: normal; font-size: .62rem; } .personnel-action-card[b-4ia4leiojs] { grid-template-columns: 2.55rem minmax(0, 1fr) auto; } .personnel-action-icon[b-4ia4leiojs] { width: 2.55rem; height: 2.55rem; } .personnel-action-copy > span[b-4ia4leiojs] { white-space: normal; line-height: 1.6; } .personnel-statement-summary[b-4ia4leiojs] { grid-template-columns: minmax(0,1fr); } } @media (prefers-reduced-motion: reduce) { .personnel-tab[b-4ia4leiojs], .personnel-action-card[b-4ia4leiojs], .personnel-refresh[b-4ia4leiojs] { transition: none; } } /* /Components/Pages/PersonnelPayroll.razor.rz.scp.css */ .payroll-workspace[b-o8brzdjwnj]{--payroll-ink:#16302f;--payroll-muted:#667b78;--payroll-green:#176558;--payroll-line:#e0e9e5;color:var(--payroll-ink);max-width:1600px;margin:auto;padding:clamp(16px,3vw,38px);background:radial-gradient(ellipse at 0 0,#e7f4ed70,transparent 55%),#f5f8f6;min-height:80vh;border-radius:24px;direction:rtl} .payroll-header[b-o8brzdjwnj]{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.payroll-back[b-o8brzdjwnj],.payroll-kicker[b-o8brzdjwnj]{font-size:12px;color:var(--payroll-muted);text-decoration:none}.payroll-header h1[b-o8brzdjwnj]{font-size:clamp(23px,2.4vw,34px);line-height:1.7;margin:8px 0 4px;letter-spacing:-.7px}.payroll-header p[b-o8brzdjwnj],.payroll-detail-head p[b-o8brzdjwnj]{margin:0;color:var(--payroll-muted);font-size:13px;line-height:1.9}.payroll-period[b-o8brzdjwnj]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--payroll-line);padding:10px 14px;border-radius:16px}.payroll-period label[b-o8brzdjwnj]{font-size:12px;margin-inline-end:8px} .payroll-workspace select[b-o8brzdjwnj],.payroll-overlay select[b-o8brzdjwnj],.payroll-overlay input:not([type=checkbox])[b-o8brzdjwnj],.payroll-overlay textarea[b-o8brzdjwnj]{font:inherit;border:1px solid #d8e3df;border-radius:10px;background:#fff;color:#16302f;padding:10px;min-width:0;max-width:100%}.payroll-workspace button[b-o8brzdjwnj],.payroll-overlay button[b-o8brzdjwnj]{font:inherit;cursor:pointer}.payroll-workspace button:disabled[b-o8brzdjwnj],.payroll-overlay button:disabled[b-o8brzdjwnj]{opacity:.55;cursor:wait}.payroll-workspace :focus-visible[b-o8brzdjwnj],.payroll-overlay :focus-visible[b-o8brzdjwnj]{outline:3px solid #b49657;outline-offset:3px} .payroll-metrics[b-o8brzdjwnj]{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-bottom:24px}.payroll-metrics article[b-o8brzdjwnj]{border:1px solid var(--payroll-line);border-radius:19px;padding:22px 24px;display:flex;flex-direction:column;gap:9px;background:#fff}.payroll-metrics article.primary[b-o8brzdjwnj]{background:linear-gradient(120deg,#174c42,#22685a);color:#fff;border-color:transparent;box-shadow:0 12px 24px #174c4214}.payroll-metrics span[b-o8brzdjwnj]{font-size:12px}.payroll-metrics strong[b-o8brzdjwnj]{font-size:clamp(23px,2.2vw,32px);font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.payroll-metrics small[b-o8brzdjwnj]{font-size:11px;opacity:.75} .payroll-grid[b-o8brzdjwnj]{display:grid;grid-template-columns:minmax(310px,360px) minmax(0,1fr);gap:20px;align-items:start}.payroll-people[b-o8brzdjwnj],.payroll-detail[b-o8brzdjwnj]{border:1px solid var(--payroll-line);border-radius:20px;background:#fff;min-width:0;box-shadow:0 8px 30px #223e3005}.payroll-people[b-o8brzdjwnj]{padding:18px 12px}.payroll-list-heading[b-o8brzdjwnj]{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px;gap:8px}.payroll-list-heading h2[b-o8brzdjwnj]{font-size:16px;margin:0}.payroll-list-heading>span[b-o8brzdjwnj]{font-size:11px;color:var(--payroll-muted)}.payroll-search[b-o8brzdjwnj]{display:flex;align-items:center;gap:8px;padding:11px;background:#f5f8f6;border:1px solid var(--payroll-line);border-radius:11px;margin:0 5px 10px}.payroll-search input[b-o8brzdjwnj]{border:0;outline:0;background:transparent;min-width:0;width:100%;font:inherit;font-size:12px}.payroll-search[b-o8brzdjwnj] svg{width:18px;height:18px;color:#738c83}.payroll-filter[b-o8brzdjwnj]{width:calc(100% - 10px);margin:0 5px 14px;font-size:12px!important}.payroll-person-list[b-o8brzdjwnj]{max-height:650px;overflow-y:auto;scrollbar-width:thin}.payroll-person[b-o8brzdjwnj]{display:flex;align-items:center;gap:10px;width:100%;padding:15px 9px;text-align:right;border:1px solid transparent;border-bottom-color:#edf2ef;background:#fff;border-radius:12px;color:inherit;transition:background .15s,border-color .15s}.payroll-person:hover[b-o8brzdjwnj]{background:#f5f9f6}.payroll-person.selected[b-o8brzdjwnj]{background:#edf5ef;border-color:#bdd6c6}.payroll-avatar[b-o8brzdjwnj]{width:38px;height:40px;flex-shrink:0;background:#e8efeb;color:#2e6c56;border-radius:13px;display:grid;place-items:center;font-size:18px;font-weight:700}.selected .payroll-avatar[b-o8brzdjwnj]{background:#286753;color:#fff}.payroll-person-copy[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.payroll-person-copy strong[b-o8brzdjwnj]{font-size:13px;overflow-wrap:anywhere}.payroll-person-copy small[b-o8brzdjwnj]{font-size:10px;color:var(--payroll-muted);overflow-wrap:anywhere}.payroll-status[b-o8brzdjwnj]{font-size:10px;color:#426d5c;line-height:1.8}.payroll-person-money[b-o8brzdjwnj]{text-align:left;font-size:12px;font-weight:700;max-width:42%;overflow-wrap:anywhere}.payroll-person-money small[b-o8brzdjwnj]{display:block;font-size:9px;font-weight:400;color:var(--payroll-muted);margin-top:4px} .payroll-detail[b-o8brzdjwnj]{padding:24px}.payroll-detail-head[b-o8brzdjwnj]{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:24px}.payroll-detail-head h2[b-o8brzdjwnj]{font-size:24px;line-height:1.6;margin:6px 0}.payroll-actions[b-o8brzdjwnj]{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.payroll-button[b-o8brzdjwnj]{padding:11px 18px;border-radius:10px;background:#1d6756;border:1px solid #1d6756;color:#fff;font-size:12px!important;font-weight:650!important;min-height:42px;line-height:1.6;text-align:center}.payroll-button:hover[b-o8brzdjwnj]{filter:brightness(.94)}.payroll-button.secondary[b-o8brzdjwnj]{background:#fff;color:#28594c;border-color:#ceded5}.payroll-icon-button[b-o8brzdjwnj]{width:38px;height:38px;border:1px solid #dbe5df;background:#fff;border-radius:10px;color:#315e50;font-size:24px!important;display:grid;place-items:center}.payroll-icon-button[b-o8brzdjwnj] svg{width:18px;height:18px}.payroll-tabs[b-o8brzdjwnj]{display:flex;border-bottom:1px solid var(--payroll-line);gap:20px;margin-bottom:24px;overflow:auto}.payroll-tabs button[b-o8brzdjwnj]{background:transparent;border:0;border-bottom:3px solid transparent;padding:12px 2px;color:var(--payroll-muted);white-space:nowrap;font-size:12px}.payroll-tabs button.active[b-o8brzdjwnj]{border-bottom-color:#22715b;color:#1a5e4b;font-weight:700} .payroll-breakdown[b-o8brzdjwnj]{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:10px;align-items:center;background:#f5f8f4;border:1px solid #e1e9df;border-radius:14px;padding:20px;margin-bottom:16px}.payroll-breakdown>div[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:8px}.payroll-breakdown span[b-o8brzdjwnj]{font-size:10px;color:var(--payroll-muted)}.payroll-breakdown strong[b-o8brzdjwnj]{font-size:18px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.payroll-breakdown .net strong[b-o8brzdjwnj]{color:#1c6c50;font-size:23px}.payroll-breakdown .payroll-minus[b-o8brzdjwnj]{font-size:20px;color:#97aca0}.payroll-line[b-o8brzdjwnj]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px;border-bottom:1px solid #edf1ee;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.payroll-line>div[b-o8brzdjwnj]{min-width:0;display:flex;flex-direction:column;gap:3px}.payroll-line>strong[b-o8brzdjwnj]{font-variant-numeric:tabular-nums}.payroll-line small[b-o8brzdjwnj]{font-size:11px;color:var(--payroll-muted)}.payroll-line .deduction[b-o8brzdjwnj]{color:#a05243}.payroll-line.cancelled[b-o8brzdjwnj]{color:#89978f;background:#f8f9f8}.payroll-note[b-o8brzdjwnj]{font-size:11px;line-height:2;color:#64776d;margin:16px 0}.payroll-payment-summary[b-o8brzdjwnj]{display:flex;flex-wrap:wrap;gap:16px;background:#f5f8f6;padding:16px;border-radius:12px;font-size:11px}.payroll-payment-summary span[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:115px}.payroll-payment-summary strong[b-o8brzdjwnj]{font-size:17px;color:#23563f}.payroll-actions.bottom[b-o8brzdjwnj]{justify-content:flex-end;margin-top:24px}.payroll-history[b-o8brzdjwnj]{margin-top:22px;padding-top:16px;border-top:1px solid #e3eae6;font-size:12px;line-height:1.9}.payroll-history summary[b-o8brzdjwnj]{cursor:pointer;color:#446958;font-weight:650}.payroll-document-number[b-o8brzdjwnj]{display:inline-block;font-size:10px;background:#eef4ef;border-radius:5px;margin:3px;padding:3px 7px}.payroll-text-button[b-o8brzdjwnj]{padding:7px 0;border:0;background:transparent;color:#25644d;font-size:11px!important;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}.payroll-text-button.danger[b-o8brzdjwnj]{color:#a24b45}.payroll-subheading[b-o8brzdjwnj]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.payroll-subheading h3[b-o8brzdjwnj]{font-size:15px;margin:0}.payroll-subheading p[b-o8brzdjwnj]{color:var(--payroll-muted);font-size:11px;line-height:1.9}.payroll-recovery[b-o8brzdjwnj]{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;padding:18px 0;border-bottom:1px solid #e7eeea}.payroll-recovery>div[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0;overflow-wrap:anywhere}.payroll-recovery small[b-o8brzdjwnj]{color:var(--payroll-muted);font-size:10px}.payroll-recovery a[b-o8brzdjwnj]{font-size:11px;color:#247052}.payroll-recovery label[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:5px;font-size:10px}.payroll-recovery[b-o8brzdjwnj] input{width:100%;border:1px solid #d4e1d8;border-radius:9px;padding:9px;font:inherit;font-size:14px} .payroll-empty[b-o8brzdjwnj]{padding:40px 16px;text-align:center;font-size:12px;line-height:2;color:#73847b}.payroll-setup[b-o8brzdjwnj]{text-align:center;padding:44px 18px;background:#f5f8f5;border:1px dashed #bed3c5;border-radius:16px}.payroll-setup[b-o8brzdjwnj] svg{width:36px;height:36px;color:#50836a}.payroll-setup h3[b-o8brzdjwnj]{font-size:17px}.payroll-setup p[b-o8brzdjwnj]{font-size:12px;color:var(--payroll-muted);line-height:2}.payroll-message[b-o8brzdjwnj]{padding:13px 16px;border-radius:11px;margin:0 0 18px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.payroll-message.success[b-o8brzdjwnj]{background:#eaf5ec;color:#28603c}.payroll-message.error[b-o8brzdjwnj]{background:#fff0ed;color:#8e4238}.payroll-message.info[b-o8brzdjwnj]{background:#edf3fa;color:#365a7b}.payroll-message button[b-o8brzdjwnj]{background:transparent;color:inherit;border:0;text-decoration:underline;font:inherit} .payroll-overlay[b-o8brzdjwnj]{position:fixed;inset:0;z-index:1200;background:#17372bcc;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;direction:rtl;color:#16302f;overflow:auto}.payroll-dialog[b-o8brzdjwnj]{background:#fff;border:1px solid #dce7df;border-radius:22px;padding:26px;width:min(660px,100%);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 90px #0a21164d;overscroll-behavior:contain}.payroll-dialog.receipt[b-o8brzdjwnj]{width:min(900px,100%)}.payroll-dialog>header[b-o8brzdjwnj]{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.payroll-dialog h2[b-o8brzdjwnj]{font-size:22px;line-height:1.7;margin:4px 0}.payroll-dialog>footer[b-o8brzdjwnj]{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #e1eae4}.payroll-form[b-o8brzdjwnj]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.payroll-form>label[b-o8brzdjwnj],.payroll-field[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.8;min-width:0}.payroll-form .wide[b-o8brzdjwnj]{grid-column:1/-1}.payroll-form[b-o8brzdjwnj] input{width:100%;border:1px solid #d6e2da;border-radius:10px;padding:10px;min-height:43px;font:inherit;color:#16302f;background:#fff}.payroll-dialog textarea[b-o8brzdjwnj]{resize:vertical;min-height:80px;max-height:180px;width:100%}.payroll-confirm[b-o8brzdjwnj]{display:flex;align-items:flex-start;gap:9px;background:#f1f6f2;border:1px solid #dde9df;padding:14px;border-radius:10px;font-size:12px;line-height:2;margin-top:18px;cursor:pointer}.payroll-confirm input[b-o8brzdjwnj]{accent-color:#1d6756;width:18px;height:18px;margin-top:4px;flex-shrink:0}.payroll-review-total[b-o8brzdjwnj]{padding:22px;border:1px solid #cfe1d4;border-radius:14px;background:#f1f7f2;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.payroll-review-total>span[b-o8brzdjwnj]{font-size:12px}.payroll-review-total strong[b-o8brzdjwnj]{color:#1e6245;font-size:30px;overflow-wrap:anywhere}.payroll-review-total small[b-o8brzdjwnj]{font-size:12px;font-weight:400} @media(min-width:1300px){.payroll-people[b-o8brzdjwnj]{position:sticky;top:20px}} @media(max-width:1100px){.payroll-grid[b-o8brzdjwnj]{grid-template-columns:290px minmax(0,1fr);gap:14px}.payroll-detail[b-o8brzdjwnj]{padding:18px}.payroll-breakdown[b-o8brzdjwnj]{padding:14px;gap:7px}.payroll-breakdown strong[b-o8brzdjwnj]{font-size:15px}.payroll-breakdown .net strong[b-o8brzdjwnj]{font-size:19px}.payroll-person-money[b-o8brzdjwnj]{font-size:11px}} @media(max-width:850px){.payroll-grid[b-o8brzdjwnj]{grid-template-columns:1fr}.payroll-person-list[b-o8brzdjwnj]{max-height:240px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.payroll-metrics[b-o8brzdjwnj]{gap:10px}.payroll-metrics article[b-o8brzdjwnj]{padding:16px}.payroll-metrics strong[b-o8brzdjwnj]{font-size:23px}.payroll-header[b-o8brzdjwnj]{gap:16px;margin-bottom:20px}.payroll-period[b-o8brzdjwnj]{width:100%}.payroll-period select[b-o8brzdjwnj]{flex:1}} @media(max-width:560px){.payroll-workspace[b-o8brzdjwnj]{padding:12px;border-radius:14px}.payroll-header h1[b-o8brzdjwnj]{font-size:22px}.payroll-header p[b-o8brzdjwnj]{font-size:11px}.payroll-metrics[b-o8brzdjwnj]{grid-template-columns:1fr 1fr;gap:8px}.payroll-metrics article[b-o8brzdjwnj]{padding:14px;border-radius:14px}.payroll-metrics article.primary[b-o8brzdjwnj]{grid-column:1/-1}.payroll-metrics span[b-o8brzdjwnj]{font-size:10px}.payroll-metrics strong[b-o8brzdjwnj]{font-size:22px}.payroll-person-list[b-o8brzdjwnj]{grid-template-columns:1fr;max-height:225px}.payroll-person[b-o8brzdjwnj]{padding:10px}.payroll-detail[b-o8brzdjwnj]{padding:15px}.payroll-detail-head h2[b-o8brzdjwnj]{font-size:21px}.payroll-detail-head[b-o8brzdjwnj]{gap:12px}.payroll-detail-head>.payroll-actions[b-o8brzdjwnj]{width:100%}.payroll-detail-head .payroll-button[b-o8brzdjwnj]{flex:1}.payroll-tabs[b-o8brzdjwnj]{gap:16px}.payroll-tabs button[b-o8brzdjwnj]{font-size:11px}.payroll-breakdown[b-o8brzdjwnj]{grid-template-columns:1fr auto 1fr;gap:12px}.payroll-breakdown>.net[b-o8brzdjwnj]{grid-column:1/-1;padding-top:13px;border-top:1px solid #dce6da}.payroll-breakdown>.payroll-minus:nth-child(4)[b-o8brzdjwnj]{display:none}.payroll-breakdown .net strong[b-o8brzdjwnj]{font-size:27px}.payroll-recovery[b-o8brzdjwnj]{grid-template-columns:1fr}.payroll-recovery>div:last-child[b-o8brzdjwnj]{flex-direction:row;align-items:center;justify-content:space-between}.payroll-recovery label[b-o8brzdjwnj]{width:55%}.payroll-line[b-o8brzdjwnj]{gap:10px;flex-wrap:wrap}.payroll-actions.bottom .payroll-button[b-o8brzdjwnj]{flex:1}.payroll-overlay[b-o8brzdjwnj]{padding:10px}.payroll-dialog[b-o8brzdjwnj]{padding:18px;border-radius:16px;max-height:calc(100dvh - 20px)}.payroll-dialog h2[b-o8brzdjwnj]{font-size:19px}.payroll-form[b-o8brzdjwnj]{grid-template-columns:1fr;gap:14px}.payroll-dialog>footer .payroll-button[b-o8brzdjwnj]{flex:1}.payroll-dialog>header[b-o8brzdjwnj]{flex-wrap:wrap}.payroll-dialog.receipt[b-o8brzdjwnj]{padding:12px}.payroll-review-total strong[b-o8brzdjwnj]{font-size:25px}} @media(prefers-reduced-motion:reduce){.payroll-person[b-o8brzdjwnj]{transition:none}} .payroll-selection-summary[b-o8brzdjwnj]{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px;background:#eaf4ed;border:1px solid #c6decd;border-radius:14px;margin:18px 0}.payroll-selection-summary>div[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:9px;min-width:0}.payroll-selection-summary span[b-o8brzdjwnj]{font-size:11px;color:#507561}.payroll-selection-summary strong[b-o8brzdjwnj]{font-size:20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.payroll-selection-summary small[b-o8brzdjwnj]{font-size:10px;font-weight:400}.payroll-selection-tools[b-o8brzdjwnj]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.payroll-check[b-o8brzdjwnj]{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.9;cursor:pointer;min-width:0}.payroll-check input[b-o8brzdjwnj]{accent-color:#206b51;width:21px;height:21px;flex-shrink:0;cursor:pointer}.payroll-check input:disabled[b-o8brzdjwnj]{cursor:default}.payroll-check>span[b-o8brzdjwnj]{display:flex;flex-direction:column;min-width:0}.payroll-check small[b-o8brzdjwnj]{font-size:10px;color:#667e70}.payroll-consumption-card[b-o8brzdjwnj]{padding:20px;border:1px solid #dfe9e2;border-radius:15px;margin:14px 0;background:#fff;min-width:0;overflow-wrap:anywhere}.payroll-consumption-card.chosen[b-o8brzdjwnj]{border-color:#80b193;box-shadow:inset -4px 0 #297351;background:#fbfefb}.payroll-consumption-card>header[b-o8brzdjwnj],.payroll-consumption-card>footer[b-o8brzdjwnj]{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.payroll-source-state[b-o8brzdjwnj]{font-size:10px;color:#4a6c57;background:#eff5f0;padding:5px 8px;border-radius:7px}.payroll-consumption-title[b-o8brzdjwnj]{font-weight:650;font-size:14px;line-height:2;margin:14px 0 4px}.payroll-source-number[b-o8brzdjwnj]{font-size:9px;color:#819086;direction:ltr;display:block;text-align:right}.payroll-consumption-amounts[b-o8brzdjwnj]{display:flex;flex-wrap:wrap;gap:18px;padding:17px 0;margin:8px 0;border-bottom:1px solid #e6eee8}.payroll-consumption-amounts>div[b-o8brzdjwnj]{display:flex;flex-direction:column;gap:6px;flex:1;min-width:110px}.payroll-consumption-amounts span[b-o8brzdjwnj]{font-size:10px;color:#6a7e70}.payroll-consumption-amounts strong[b-o8brzdjwnj]{font-size:16px;font-variant-numeric:tabular-nums}.payroll-consumption-amounts .consumed strong[b-o8brzdjwnj]{font-size:20px;color:#23694d}.payroll-consumption-amounts small[b-o8brzdjwnj]{font-size:9px;color:#62836a}.payroll-recovery-input[b-o8brzdjwnj]{width:190px;display:flex;flex-direction:column;gap:6px;font-size:10px}.payroll-recovery-input[b-o8brzdjwnj] input{width:100%;font:inherit;font-size:15px;color:#153d2c;border:1px solid #cadfcf;border-radius:9px;padding:10px;background:#fff}.payroll-recorded-deduction[b-o8brzdjwnj]{font-size:13px;color:#23684d}@media(max-width:560px){.payroll-selection-summary[b-o8brzdjwnj]{grid-template-columns:1fr;padding:15px;gap:15px}.payroll-selection-summary strong[b-o8brzdjwnj]{font-size:21px}.payroll-consumption-card[b-o8brzdjwnj]{padding:14px}.payroll-consumption-card>header[b-o8brzdjwnj]{gap:8px}.payroll-consumption-title[b-o8brzdjwnj]{font-size:13px}.payroll-consumption-amounts[b-o8brzdjwnj]{gap:14px}.payroll-consumption-amounts>div[b-o8brzdjwnj]{min-width:90px}.payroll-consumption-card>footer[b-o8brzdjwnj]{align-items:stretch}.payroll-recovery-input[b-o8brzdjwnj]{width:100%}.payroll-selection-tools .payroll-check[b-o8brzdjwnj]{font-size:11px}} .payroll-contract-note[b-o8brzdjwnj] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin: 0 0 22px; padding: 18px; background: #f2f7f5; border: 1px solid #d7e5dc; border-radius: 14px; } .payroll-contract-note[b-o8brzdjwnj] .app-icon { width: 25px; height: 25px; flex: 0 0 auto; color: #36745b; } .payroll-contract-note > div[b-o8brzdjwnj] { flex: 1; min-width: min(100%, 220px); } .payroll-contract-note strong[b-o8brzdjwnj] { font-size: 13px; } .payroll-contract-note p[b-o8brzdjwnj] { font-size: 12px; line-height: 2; margin: 5px 0 0; color: #60796c; } .payroll-consumption-card .payroll-text-button[b-o8brzdjwnj] { min-height: 42px; padding-inline: 12px; border: 1px solid #d0e0d6; border-radius: 9px; text-decoration: none; background: #f7faf8; font-size: 12px !important; } .payroll-workspace button:disabled[b-o8brzdjwnj] { cursor: default; } @media (max-width: 560px) { .payroll-contract-note[b-o8brzdjwnj] { padding: 14px; gap: 10px; } .payroll-contract-note > button[b-o8brzdjwnj] { width: 100%; } } /* /Components/Pages/PettyCash.razor.rz.scp.css */ .petty-hero[b-dyikidnish]{background:linear-gradient(135deg,#17324d,#087d89);color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:center}.petty-hero span[b-dyikidnish]{color:#f7cf78;font-weight:800}.petty-hero h1[b-dyikidnish]{margin:6px 0;font-size:clamp(1.6rem,3vw,2.35rem)}.petty-hero p[b-dyikidnish]{margin:0;max-width:720px;opacity:.94;line-height:1.8}.ghost[b-dyikidnish]{border:1px solid #ffffff66;background:#ffffff18;color:#fff;border-radius:12px;padding:12px 20px}.notice[b-dyikidnish]{margin:14px 0;padding:13px 16px;border-radius:12px}.notice.success[b-dyikidnish]{background:#e8f7ef;color:#14633d}.notice.error[b-dyikidnish]{background:#fff0f0;color:#9b2226}.tabs[b-dyikidnish]{display:flex;gap:8px;margin:18px 0;overflow-x:auto}.tabs button[b-dyikidnish]{border:1px solid var(--border-color,#d7dde5);background:var(--surface-color,#fff);color:inherit;padding:11px 18px;border-radius:12px;white-space:nowrap}.tabs .active[b-dyikidnish]{background:#087d89;color:#fff;border-color:#087d89}.workspace[b-dyikidnish]{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:16px;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.builder[b-dyikidnish]{min-width:0;display:grid;gap:16px;align-content:start}.panel[b-dyikidnish]{background:var(--surface-color,#fff);border:1px solid var(--border-color,#dde3ea);border-radius:18px;padding:20px;box-shadow:0 8px 24px #16324d0d}.panel h2[b-dyikidnish]{margin:0 0 16px}.summary[b-dyikidnish]{display:flex;flex-direction:column;gap:13px;align-self:start;position:sticky;top:80px}.step-title[b-dyikidnish]{display:flex;align-items:center;gap:10px}.step-title>span[b-dyikidnish]{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#087d89;color:#fff;font-weight:900}.step-title h2[b-dyikidnish]{margin:0}.step-title p[b-dyikidnish]{margin:.3rem 0 0}.step-title.purple>span[b-dyikidnish]{background:#7251a5}.balance[b-dyikidnish]{background:#edf8f7;border:1px solid #b3ddd8;border-radius:14px;padding:14px;display:grid;gap:4px}.balance strong[b-dyikidnish]{font-size:1.55rem;color:#086d76}.locked-field[b-dyikidnish]{display:grid;gap:3px;border:1px solid #cfe1e3;background:#f4f9f9;border-radius:11px;padding:11px 12px}.locked-field small[b-dyikidnish]{color:#587487}.locked-field strong[b-dyikidnish]{color:#17324d}.compact-search[b-dyikidnish]{margin-bottom:6px}.panel-head[b-dyikidnish]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2[b-dyikidnish]{margin:2px 0}.panel-head b[b-dyikidnish]{background:#edf4f8;color:#17324d;padding:8px 12px;border-radius:999px}.ingredient-note[b-dyikidnish]{background:#eef6ff;border:1px solid #c9def3;color:#38566e;padding:10px 12px;border-radius:10px;line-height:1.7;margin-bottom:12px}.product-search[b-dyikidnish]{display:grid;gap:7px;margin-bottom:12px;font-weight:800}.product-search input[b-dyikidnish]{min-height:50px!important;border-color:#91bbb9!important;font-size:1rem}.line-form[b-dyikidnish]{display:grid;grid-template-columns:minmax(200px,2fr) repeat(2,minmax(130px,1fr)) auto;gap:10px;align-items:end}.add[b-dyikidnish],.submit-bar button[b-dyikidnish]{border:0;background:#f0bd4f;color:#172a3a;font-weight:900;border-radius:12px;padding:12px 18px;height:46px}.receipt[b-dyikidnish]{display:grid;gap:14px}.chips[b-dyikidnish]{display:flex;gap:8px;flex-wrap:wrap}.chips span[b-dyikidnish],.status[b-dyikidnish]{background:#eef3f7;border-radius:999px;padding:6px 10px;font-size:.86rem}.status.ok[b-dyikidnish]{background:#e6f6ed;color:#17643c}.status.warn[b-dyikidnish]{background:#fff3dc;color:#855713}.table-scroll[b-dyikidnish]{overflow:auto;max-width:100%}table[b-dyikidnish]{width:100%;border-collapse:collapse;min-width:720px}th[b-dyikidnish],td[b-dyikidnish]{text-align:right;padding:12px;border-bottom:1px solid #e8edf2}td small[b-dyikidnish]{display:block;color:#75808c;margin-top:4px}.remove[b-dyikidnish]{border:0;background:#fff0f0;color:#a1282c;border-radius:8px;padding:7px}.submit-bar[b-dyikidnish]{position:fixed;z-index:20;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:24px;right:max(24px,calc(var(--sidebar-width,0px) + 24px));background:#0f3248;color:#fff;border:1px solid #ffffff22;border-radius:18px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 38px #10283c55}.submit-bar div[b-dyikidnish]{display:grid}.submit-bar strong[b-dyikidnish]{font-size:1.35rem}.submit-bar button:disabled[b-dyikidnish]{opacity:.5}.fund-grid[b-dyikidnish]{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.fund-button[b-dyikidnish]{width:100%;border:1px solid #dce3e9;background:var(--surface-color,#fff);color:inherit;border-radius:12px;padding:12px;margin:5px 0;display:flex;justify-content:space-between}.fund-button.active[b-dyikidnish]{border-color:#087d89;background:#edf8f6;color:#17324d}.positive[b-dyikidnish]{color:#167044}.negative[b-dyikidnish]{color:#b02c30}.empty[b-dyikidnish],.loading[b-dyikidnish]{padding:36px;text-align:center;color:#6e7882}.row-actions[b-dyikidnish]{display:flex;gap:6px;flex-wrap:wrap}.row-actions button[b-dyikidnish],.close-return[b-dyikidnish]{border:1px solid #8eb8b5;background:#eff9f7;color:#086d76;border-radius:8px;padding:7px 9px;font-weight:800}.return-history td[b-dyikidnish]{background:#f7fafc}.return-history article[b-dyikidnish]{display:grid;grid-template-columns:auto auto 1fr;gap:6px 16px;padding:9px 0;border-bottom:1px dashed #d7e0e6}.return-history article small[b-dyikidnish]{grid-column:1/-1}.night-return[b-dyikidnish]{margin-top:16px;margin-bottom:calc(104px + env(safe-area-inset-bottom,0px));border-color:#d8cbed;background:linear-gradient(135deg,var(--surface-color,#fff),#f7f1ff)}.night-return>p[b-dyikidnish]{color:#625976;line-height:1.8}.return-lines[b-dyikidnish]{display:grid;gap:8px;margin:14px 0}.return-line[b-dyikidnish]{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:12px;background:#ffffffb8;border:1px solid #dfd4ef;border-radius:11px;padding:10px 12px}.return-line div[b-dyikidnish]{display:grid}.return-line small[b-dyikidnish]{color:#6d6580}.return-submit[b-dyikidnish]{border:0;background:#7251a5;color:#fff;border-radius:11px;padding:12px 18px;font-weight:900} [b-dyikidnish] .field{display:grid;gap:6px}[b-dyikidnish] .field label{font-weight:700;color:#374a5c}[b-dyikidnish] input,[b-dyikidnish] select,[b-dyikidnish] textarea{width:100%;border:1px solid #cdd5de;background:var(--surface-color,#fff);color:inherit;border-radius:10px;padding:10px 12px;min-height:44px;box-sizing:border-box} @media(max-width:900px){.workspace[b-dyikidnish],.fund-grid[b-dyikidnish]{grid-template-columns:1fr}.summary[b-dyikidnish]{position:static}.line-form[b-dyikidnish]{grid-template-columns:1fr 1fr}.line-form .add[b-dyikidnish]{grid-column:1/-1}.submit-bar[b-dyikidnish]{right:12px;left:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.petty-hero[b-dyikidnish]{align-items:flex-start;flex-direction:column}} @media(max-width:600px){.petty-hero[b-dyikidnish],.panel[b-dyikidnish]{border-radius:15px;padding:16px}.petty-hero[b-dyikidnish]{padding:18px}.line-form[b-dyikidnish]{grid-template-columns:1fr}table[b-dyikidnish]{min-width:0}thead[b-dyikidnish]{display:none}tr[b-dyikidnish]{display:block;border-bottom:1px solid #dfe5eb;padding:10px 0}td[b-dyikidnish]{display:flex;justify-content:space-between;gap:12px;border:0;padding:7px 0}td[b-dyikidnish]:before{content:attr(data-label);font-weight:700}.return-history td[b-dyikidnish]{display:block}.return-history td[b-dyikidnish]:before{display:none}.return-history article[b-dyikidnish]{grid-template-columns:1fr}.return-history article small[b-dyikidnish]{grid-column:auto}.return-line[b-dyikidnish]{grid-template-columns:1fr}.submit-bar[b-dyikidnish]{padding:10px 12px}.submit-bar button[b-dyikidnish]{padding:10px}.submit-bar strong[b-dyikidnish]{font-size:1.05rem}} /* Empty-state and first-fund setup keep a fresh installation usable without guessed financial seed data. */ .petty-hero h1[b-dyikidnish]{color:#fff}.empty-state[b-dyikidnish]{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:220px;color:var(--aria-ink-900,#102c42)}.empty-state h2[b-dyikidnish]{margin:0 0 .35rem;color:var(--aria-ink-900,#102c42)}.empty-state p[b-dyikidnish]{max-width:640px;margin:0;color:var(--aria-ink-600,#587487);line-height:1.9}.empty-icon[b-dyikidnish]{display:grid;width:3.2rem;height:3.2rem;place-items:center;border-radius:16px;background:var(--aria-brand-soft,#e8f4f5);color:var(--aria-brand,#087d89);font-size:1.5rem}.fund-sidebar[b-dyikidnish]{align-self:start}.inline-empty[b-dyikidnish]{margin:.5rem 0;padding:.85rem;border:1px dashed var(--aria-line-strong,#ccd6df);border-radius:11px;color:var(--aria-ink-600,#587487);text-align:center}.fund-setup[b-dyikidnish]{display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--aria-line,#dce4ea)}.fund-setup h3[b-dyikidnish]{margin:.1rem 0;color:var(--aria-ink-900,#102c42)}.fund-setup small[b-dyikidnish]{color:var(--aria-brand-strong,#075d70);font-weight:850}.threshold-toggle[b-dyikidnish]{display:flex;align-items:center;gap:.55rem;color:var(--aria-ink-800,#1d4158);font-weight:750}.threshold-toggle input[b-dyikidnish]{width:1.1rem!important;min-height:1.1rem!important;accent-color:var(--aria-brand,#087d89)}.setup-submit[b-dyikidnish]{width:100%} @media(max-width:700px){.empty-state[b-dyikidnish]{align-items:flex-start;flex-direction:column}.empty-state .add[b-dyikidnish]{width:100%}} /* Issue 186: keep every purchase surface fluid, touch-scrollable and readable without page-level horizontal drift. */ .builder[b-dyikidnish],.summary[b-dyikidnish],.panel[b-dyikidnish],.receipt[b-dyikidnish],.fund-sidebar[b-dyikidnish]{min-width:0}.tabs[b-dyikidnish],.table-scroll[b-dyikidnish]{overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.panel :is(h2,p,label,small,strong)[b-dyikidnish],.submit-bar[b-dyikidnish]{overflow-wrap:anywhere}.tabs button[b-dyikidnish],.add[b-dyikidnish],.submit-bar button[b-dyikidnish],.fund-button[b-dyikidnish],.row-actions button[b-dyikidnish],.close-return[b-dyikidnish],.return-submit[b-dyikidnish]{touch-action:manipulation}.table-scroll:focus-visible[b-dyikidnish]{outline:3px solid #87c9ce;outline-offset:3px}.submit-bar[b-dyikidnish]{max-width:calc(100vw - 48px)} @media(max-width:900px){.submit-bar[b-dyikidnish]{max-width:calc(100vw - 24px)}} @media(prefers-reduced-motion:reduce){.tabs[b-dyikidnish],.table-scroll[b-dyikidnish]{scroll-behavior:auto}} .fund-actions[b-dyikidnish]{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.fund-operation[b-dyikidnish]{display:grid;gap:10px;padding:16px;margin:16px 0;border:1px solid #b3ddd8;border-radius:14px;background:#f4f9f9}.fund-operation h3[b-dyikidnish],.fund-operation p[b-dyikidnish]{margin:0}.fund-operation p[b-dyikidnish]{line-height:1.8;color:#587487}.fund-operation label[b-dyikidnish]{font-weight:700}.fund-operation[b-dyikidnish] .split-payment{min-width:0}.fund-operation[b-dyikidnish] input{min-width:0} /* /Components/Pages/PoolBilliardsDuration.razor.rz.scp.css */ .duration-card[b-n318x6sa7o]{max-width:760px;margin:1.2rem auto;padding:clamp(1rem,3vw,2rem)} fieldset[b-n318x6sa7o]{border:0;padding:0;margin:0;min-width:0}fieldset:disabled[b-n318x6sa7o]{opacity:.7} .duration-identity-mode[b-n318x6sa7o]{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:0 0 1rem}.duration-identity-mode legend[b-n318x6sa7o]{width:100%;font-weight:700;margin-bottom:.25rem}.duration-identity-choice[b-n318x6sa7o]{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.35rem .75rem;border:1px solid var(--border,#c9d4df);border-radius:10px;cursor:pointer}.duration-identity-choice:focus-within[b-n318x6sa7o]{outline:3px solid color-mix(in srgb,var(--primary,#226f9b) 32%,transparent);outline-offset:2px}.duration-identity-choice input[b-n318x6sa7o]{width:1.1rem;height:1.1rem;margin:0} .scan-row[b-n318x6sa7o]{display:flex;gap:.7rem}.scan-row input[b-n318x6sa7o]{flex:1;min-width:0;font-size:1.25rem}.scan-row button[b-n318x6sa7o]{flex-shrink:0} .duration-customer[b-n318x6sa7o]{padding:1rem;border-radius:12px;background:rgba(32,133,114,.10);color:#16664f;line-height:1.8;font-weight:700} h3[b-n318x6sa7o]{margin:1.5rem 0 1rem;font-size:1rem}.duration-fields[b-n318x6sa7o]{display:grid;grid-template-columns:100px 100px minmax(0,1fr);gap:.8rem} .duration-fields input[b-n318x6sa7o]{text-align:center;font-size:1.35rem}.duration-presets[b-n318x6sa7o]{display:flex;flex-wrap:wrap;gap:.5rem} .duration-total[b-n318x6sa7o]{display:grid;gap:.45rem;padding:1.2rem;margin:1.5rem 0 1rem;border:1px solid #9c7b3b;border-radius:14px;background:rgba(137,100,27,.1)} .duration-total strong[b-n318x6sa7o]{font-size:1.8rem;color:#79581a}.duration-total span[b-n318x6sa7o],.duration-total small[b-n318x6sa7o]{color:var(--text-muted-dark,#40576d)}.duration-submit[b-n318x6sa7o]{width:100%;min-height:3.2rem;justify-content:center} @media(max-width:520px){.duration-fields[b-n318x6sa7o]{grid-template-columns:1fr 1fr}.duration-fields .field:last-child[b-n318x6sa7o]{grid-column:1/-1}.scan-row[b-n318x6sa7o]{flex-wrap:wrap}.scan-row button[b-n318x6sa7o]{width:100%;justify-content:center}} /* /Components/Pages/PoolSales.razor.rz.scp.css */ .pool-command-card.ticket-special[b-q8y1v61p75] { border-color: #25bbae; background: linear-gradient(145deg, rgba(18, 166, 154, .18), var(--surface-card)); box-shadow: inset 0 0 0 1px rgba(87, 233, 218, .08); } .pool-command-card.ticket-special:hover[b-q8y1v61p75], .pool-command-card.ticket-special:focus-visible[b-q8y1v61p75] { border-color: #5fe8db; box-shadow: 0 .8rem 1.8rem rgba(15, 141, 132, .16); } @media (prefers-reduced-motion: reduce) { .pool-command-card.ticket-special[b-q8y1v61p75] { transition: none; } } @media (max-width: 860px) { .pool-account-toolbar[b-q8y1v61p75] { position: static; top: auto; } .pool-account-toolbar .toolbar-row[aria-label="روش ورود دستبند"] .primary-button[b-q8y1v61p75] { display: inline-flex; } } .pool-invoice-identity[b-q8y1v61p75] { display: block; margin-top: .3rem; font-size: .8rem; font-weight: 400; color: var(--text-muted); white-space: normal; overflow-wrap: anywhere; } .pool-invoice-actions[b-q8y1v61p75] { flex-wrap: wrap; gap: .5rem; margin-block: .65rem; } .pool-invoice-actions button[b-q8y1v61p75] { min-height: 40px; } .pool-queue-toolbar[b-q8y1v61p75] { margin-block: .8rem; } .pool-queue-categories[b-q8y1v61p75] { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: .85rem; } .pool-queue-categories button[b-q8y1v61p75] { min-height: 44px; flex: 1 1 11rem; } .pool-queue-categories span[b-q8y1v61p75] { margin-inline-start: .5rem; } .pool-queue-search .search-field[b-q8y1v61p75] { flex: 1 1 16rem; min-width: 0; } .pool-queue-reason[b-q8y1v61p75] { display: block; max-width: 20rem; margin-top: .35rem; color: var(--text-muted); font-size: .75rem; white-space: normal; overflow-wrap: anywhere; } .pool-queue-state[b-q8y1v61p75] { padding-block: .65rem; color: var(--text-muted); } .pool-queue-pagination[b-q8y1v61p75] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; padding: 1rem; } .pool-queue-pagination > div[b-q8y1v61p75] { display: flex; gap: .5rem; } @media screen and (max-width: 920px) { .receipt-backdrop[b-q8y1v61p75] { z-index: 1190 !important; } } .pool-series-identity[b-q8y1v61p75]{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.7;font-size:.8rem;margin-top:.25rem;color:#556f7a} /* /Components/Pages/PoolShiftHandoffs.razor.rz.scp.css */ .handoff-workspace[b-16h5qn26kd]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.handoff-workspace h2[b-16h5qn26kd]{margin:.35rem 0}.handoff-workspace p[b-16h5qn26kd],.muted[b-16h5qn26kd]{color:#627885;line-height:1.9}.handoff-list small[b-16h5qn26kd]{display:block;margin-top:.4rem;line-height:1.7}.handoff-editor[b-16h5qn26kd]{z-index:1220}.handoff-editor-card[b-16h5qn26kd]{display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);width:min(940px,calc(100vw - 2rem))}.handoff-editor-body[b-16h5qn26kd]{overflow:auto;min-height:0;overscroll-behavior:contain}.handoff-editor-actions[b-16h5qn26kd]{border-top:1px solid #dce5ea;flex:none;margin:0;padding:1rem 1.25rem;background:#fff;border-radius:0 0 20px 20px;flex-wrap:wrap}.handoff-steps[b-16h5qn26kd]{display:flex;gap:.75rem;list-style:none;padding:0;margin:0 0 1.2rem}.handoff-steps li[b-16h5qn26kd]{flex:1;background:#edf3f6;border-radius:12px;padding:.7rem;color:#5f7480}.handoff-steps li[aria-current=step][b-16h5qn26kd]{background:#d8efeb;color:#145e63;font-weight:700}.handoff-steps span[b-16h5qn26kd]{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:.35rem;background:#fff;border-radius:50%}.handoff-source[b-16h5qn26kd]{padding:1rem;border:1px solid #dce7eb;border-radius:14px;margin:1rem 0;background:#fbfdfd}.handoff-source header[b-16h5qn26kd]{display:grid;gap:.4rem;margin-bottom:.8rem}.handoff-source small[b-16h5qn26kd]{line-height:1.8;color:#617983}.handoff-report[b-16h5qn26kd]{z-index:1190}.handoff-report .receipt-modal[b-16h5qn26kd]{inset:1rem;max-height:calc(100dvh - 2rem);width:min(1020px,calc(100vw - 2rem));margin:auto}.handoff-editor-actions button[b-16h5qn26kd]{min-height:42px} .handoff-preparation[b-16h5qn26kd]{flex-basis:100%;padding:.65rem .85rem;background:#eef4f7;color:#315665;border-radius:10px;line-height:1.8}.handoff-attention[b-16h5qn26kd]{display:flex;flex-wrap:wrap;gap:.6rem;margin:-.25rem 0 1.2rem;color:#405967;font-size:.9rem}.handoff-attention span[b-16h5qn26kd]{padding:.45rem .7rem;border:1px solid #dce6eb;border-radius:10px;background:#f8fbfc}.handoff-attention strong[b-16h5qn26kd]{margin-inline-start:.4rem;color:#74451e} @media(max-width:600px){.handoff-editor-card[b-16h5qn26kd]{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.handoff-editor-actions[b-16h5qn26kd]{padding:.75rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.handoff-editor-actions button[b-16h5qn26kd]{min-width:0;white-space:normal}.handoff-steps[b-16h5qn26kd]{gap:.3rem;font-size:.8rem}.handoff-steps li[b-16h5qn26kd]{padding:.55rem .3rem}.handoff-source[b-16h5qn26kd]{padding:.75rem}.handoff-report .receipt-modal[b-16h5qn26kd]{inset:.5rem;width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}} /* /Components/Pages/PoolTicketSales.razor.rz.scp.css */ .ticket-hero[b-gba4lwpqxb] { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; padding: clamp(1.35rem, 3vw, 2.35rem); border: 1px solid rgba(88, 235, 220, .34); border-radius: 1.6rem; background: radial-gradient(circle at 12% 14%, rgba(84, 238, 220, .22), transparent 34%), linear-gradient(135deg, #102f4a 0%, #086775 58%, #087f7b 100%); color: #fff; box-shadow: 0 1.5rem 3.5rem rgba(2, 24, 38, .2); } .ticket-hero[b-gba4lwpqxb]::after { content: ""; position: absolute; inset: auto -5rem -7rem auto; width: 18rem; height: 18rem; border: 2rem solid rgba(255,255,255,.06); border-radius: 50%; } .ticket-hero-copy[b-gba4lwpqxb], .ticket-hero-actions[b-gba4lwpqxb] { position: relative; z-index: 1; display: flex; align-items: center; gap: 1rem; } .ticket-symbol[b-gba4lwpqxb] { display: grid; place-items: center; width: 4.8rem; height: 4.8rem; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.24); border-radius: 1.35rem; background: rgba(5, 34, 52, .38); font-size: 2.35rem; } .ticket-hero h1[b-gba4lwpqxb] { margin: .25rem 0 .45rem; font-size: clamp(1.7rem, 3.3vw, 2.65rem); } .ticket-hero p[b-gba4lwpqxb] { max-width: 54rem; margin: 0; color: #d5fbf6; line-height: 1.9; } .ticket-hero-actions[b-gba4lwpqxb] { flex-direction: column; align-items: stretch; min-width: 9.5rem; } .ticket-metrics[b-gba4lwpqxb] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0; } .ticket-metrics article[b-gba4lwpqxb] { padding: 1rem 1.1rem; border: 1px solid var(--line-strong); border-radius: 1.1rem; background: var(--surface-card); box-shadow: var(--shadow-sm); } .ticket-metrics span[b-gba4lwpqxb], .ticket-metrics small[b-gba4lwpqxb] { display: block; color: var(--text-muted-dark); } .ticket-metrics strong[b-gba4lwpqxb] { display: block; overflow: hidden; margin: .38rem 0; color: var(--ink); font-size: 1.15rem; text-overflow: ellipsis; white-space: nowrap; } .ticket-workspace[b-gba4lwpqxb], .ticket-plan-showcase[b-gba4lwpqxb] { margin-top: 1rem; padding: clamp(1rem, 2vw, 1.4rem); border: 1px solid var(--line-strong); border-radius: 1.35rem; background: var(--surface-card); box-shadow: var(--shadow-sm); } .ticket-workspace > header[b-gba4lwpqxb], .ticket-plan-showcase > header[b-gba4lwpqxb] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; } .ticket-workspace h2[b-gba4lwpqxb], .ticket-plan-showcase h2[b-gba4lwpqxb] { margin: .2rem 0; } .ticket-workspace header p[b-gba4lwpqxb] { margin: 0; color: var(--text-muted-dark); } .ticket-command-grid[b-gba4lwpqxb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; } .ticket-command[b-gba4lwpqxb] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .8rem; min-height: 8.7rem; padding: 1rem; border: 1px solid color-mix(in srgb, var(--command-accent) 48%, var(--line-strong)); border-radius: 1.15rem; background: linear-gradient(145deg, color-mix(in srgb, var(--command-accent) 12%, var(--surface-card)), var(--surface-card)); color: var(--ink); text-decoration: none; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .ticket-command:hover[b-gba4lwpqxb], .ticket-command:focus-visible[b-gba4lwpqxb] { transform: translateY(-2px); border-color: var(--command-accent); box-shadow: 0 .8rem 1.8rem color-mix(in srgb, var(--command-accent) 15%, transparent); outline: none; } .ticket-command[aria-disabled="true"][b-gba4lwpqxb] { pointer-events: none; opacity: .48; filter: saturate(.45); } .ticket-command.primary[b-gba4lwpqxb] { --command-accent: #10a99d; }.ticket-command.membership[b-gba4lwpqxb] { --command-accent: #6c82df; }.ticket-command.plans[b-gba4lwpqxb] { --command-accent: #d6a944; }.ticket-command.pricing[b-gba4lwpqxb] { --command-accent: #d56682; }.ticket-command.options[b-gba4lwpqxb] { --command-accent: #64a96e; }.ticket-command.history[b-gba4lwpqxb] { --command-accent: #5d97bc; } .ticket-command-icon[b-gba4lwpqxb] { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .9rem; background: color-mix(in srgb, var(--command-accent) 20%, transparent); color: var(--command-accent); } .ticket-command strong[b-gba4lwpqxb], .ticket-command small[b-gba4lwpqxb] { display: block; }.ticket-command strong[b-gba4lwpqxb] { margin-bottom: .45rem; font-size: 1.04rem; }.ticket-command small[b-gba4lwpqxb] { color: var(--text-muted-dark); line-height: 1.75; } .ticket-plan-grid[b-gba4lwpqxb] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; } .ticket-plan-grid article[b-gba4lwpqxb] { padding: 1rem; border: 1px solid var(--line-strong); border-radius: 1rem; background: var(--surface-soft); } .ticket-plan-grid h3[b-gba4lwpqxb] { margin: .7rem 0 .3rem; }.ticket-plan-grid p[b-gba4lwpqxb] { min-height: 3.2rem; margin: 0; color: var(--text-muted-dark); line-height: 1.7; } .ticket-plan-grid dl[b-gba4lwpqxb] { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin: .8rem 0; }.ticket-plan-grid dl div[b-gba4lwpqxb] { padding: .55rem; border-radius: .7rem; background: var(--surface-card); }.ticket-plan-grid dt[b-gba4lwpqxb] { color: var(--text-muted-dark); font-size: .75rem; }.ticket-plan-grid dd[b-gba4lwpqxb] { margin: .2rem 0 0; font-weight: 700; } .ticket-plan-price[b-gba4lwpqxb] { display: block; color: #0a9f93; font-size: 1.2rem; }.ticket-plan-price small[b-gba4lwpqxb] { font-size: .75rem; } @media (max-width: 1000px) { .ticket-metrics[b-gba4lwpqxb], .ticket-plan-grid[b-gba4lwpqxb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.ticket-command-grid[b-gba4lwpqxb] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .ticket-hero[b-gba4lwpqxb], .ticket-hero-copy[b-gba4lwpqxb] { align-items: flex-start; }.ticket-hero[b-gba4lwpqxb] { flex-direction: column; }.ticket-hero-actions[b-gba4lwpqxb] { width: 100%; flex-direction: row; justify-content: space-between; }.ticket-symbol[b-gba4lwpqxb] { width: 3.5rem; height: 3.5rem; font-size: 1.65rem; }.ticket-metrics[b-gba4lwpqxb], .ticket-command-grid[b-gba4lwpqxb], .ticket-plan-grid[b-gba4lwpqxb] { grid-template-columns: 1fr; }.ticket-command[b-gba4lwpqxb] { min-height: 7.4rem; }.ticket-workspace > header[b-gba4lwpqxb], .ticket-plan-showcase > header[b-gba4lwpqxb] { align-items: flex-start; flex-direction: column; } } @media (prefers-reduced-motion: reduce) { .ticket-command[b-gba4lwpqxb] { transition: none; }.ticket-command:hover[b-gba4lwpqxb], .ticket-command:focus-visible[b-gba4lwpqxb] { transform: none; } } /* Premium command-center layer: keeps the existing component contract while making readiness, role boundaries and the operator workflow unmistakable. */ .ticket-hero[b-gba4lwpqxb] { min-height: 17rem; align-items: stretch; padding: clamp(1.4rem, 3vw, 2.6rem); border-color: rgba(125, 255, 232, .38); border-radius: 1.9rem; background: radial-gradient(circle at 8% 5%, rgba(127, 255, 226, .24), transparent 29%), radial-gradient(circle at 92% 92%, rgba(54, 172, 255, .22), transparent 34%), linear-gradient(128deg, #071d33 0%, #075b6d 52%, #087f7b 100%); box-shadow: 0 1.75rem 4rem rgba(1, 21, 35, .3); } .ticket-hero[b-gba4lwpqxb]::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to left, #000, transparent 80%); } .ticket-hero[b-gba4lwpqxb]::after { width: 21rem; height: 21rem; border-width: 3rem; opacity: .8; } .ticket-hero-copy[b-gba4lwpqxb] { align-items: flex-start; max-width: 62rem; } .ticket-symbol[b-gba4lwpqxb] { width: 5.1rem; height: 5.1rem; border-color: rgba(185, 255, 245, .3); background: linear-gradient(145deg, rgba(3, 26, 43, .54), rgba(18, 149, 143, .32)); color: #c8fff5; box-shadow: inset 0 0 0 .35rem rgba(255,255,255,.035); } .ticket-symbol[b-gba4lwpqxb] .app-icon { width: 2.35rem; height: 2.35rem; } .ticket-hero h1[b-gba4lwpqxb] { max-width: 46rem; margin-top: .45rem; color: #fff; font-size: clamp(2rem, 4vw, 3.15rem); letter-spacing: -.035em; } .ticket-hero p[b-gba4lwpqxb] { max-width: 52rem; color: #d8fbf7; font-size: clamp(.88rem, 1.4vw, 1rem); } .ticket-hero-meta[b-gba4lwpqxb] { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.1rem; } .ticket-hero-meta > span[b-gba4lwpqxb] { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.25rem; padding: .38rem .7rem; border: 1px solid rgba(207, 255, 249, .19); border-radius: .75rem; background: rgba(2, 27, 43, .34); color: #e6fffb; font-size: .78rem; } .ticket-hero-meta[b-gba4lwpqxb] .app-icon { width: 1rem; height: 1rem; color: #80f2e5; } .ticket-hero-actions[b-gba4lwpqxb] { justify-content: center; min-width: 13rem; } .ticket-live-status[b-gba4lwpqxb] { display: flex; align-items: center; gap: .65rem; padding: .75rem .85rem; border: 1px solid rgba(255,255,255,.2); border-radius: 1rem; background: rgba(3, 27, 43, .48); } .ticket-live-status > i[b-gba4lwpqxb] { width: .75rem; height: .75rem; border-radius: 50%; box-shadow: 0 0 0 .3rem rgba(255,255,255,.06); } .ticket-live-status.ready > i[b-gba4lwpqxb] { background: #74ebbd; box-shadow: 0 0 0 .3rem rgba(116,235,189,.12), 0 0 1.2rem rgba(116,235,189,.45); } .ticket-live-status.attention > i[b-gba4lwpqxb] { background: #ffd27a; box-shadow: 0 0 0 .3rem rgba(255,210,122,.12), 0 0 1.2rem rgba(255,210,122,.38); } .ticket-live-status small[b-gba4lwpqxb], .ticket-live-status strong[b-gba4lwpqxb] { display: block; } .ticket-live-status small[b-gba4lwpqxb] { color: #add0d7; font-size: .7rem; } .ticket-live-status strong[b-gba4lwpqxb] { margin-top: .14rem; color: #fff; font-size: .9rem; } .ticket-readiness[b-gba4lwpqxb] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin: -1.25rem 1rem 1rem; position: relative; z-index: 2; } .ticket-readiness article[b-gba4lwpqxb] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; min-width: 0; min-height: 5rem; padding: .8rem; border: 1px solid var(--line-strong); border-radius: 1rem; background: color-mix(in srgb, var(--surface-card) 96%, transparent); box-shadow: var(--shadow-sm); } .ticket-readiness .readiness-index[b-gba4lwpqxb] { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .65rem; font-weight: 900; } .ticket-readiness article.ready .readiness-index[b-gba4lwpqxb] { color: #064536; background: #9ce9c8; } .ticket-readiness article.pending .readiness-index[b-gba4lwpqxb] { color: #543609; background: #f4d18b; } .ticket-readiness article > div[b-gba4lwpqxb] { min-width: 0; } .ticket-readiness strong[b-gba4lwpqxb], .ticket-readiness small[b-gba4lwpqxb] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ticket-readiness strong[b-gba4lwpqxb] { color: var(--ink); font-size: .86rem; } .ticket-readiness small[b-gba4lwpqxb] { margin-top: .22rem; color: var(--text-muted-dark); font-size: .72rem; } .ticket-readiness article[b-gba4lwpqxb] > .app-icon { width: 1rem; height: 1rem; color: #2eb37e; } .ticket-readiness article.pending[b-gba4lwpqxb] > .app-icon { color: #c18a26; opacity: .5; } .ticket-metrics[b-gba4lwpqxb] { margin: 0 0 1rem; } .ticket-metrics article[b-gba4lwpqxb] { position: relative; overflow: hidden; min-height: 7rem; padding: 1rem 1.1rem 1rem 1.25rem; } .ticket-metrics article[b-gba4lwpqxb]::after { content: ""; position: absolute; inset: 0 auto 0 0; width: .25rem; background: linear-gradient(#24b6a9, #58a7d6); } .ticket-metrics strong[b-gba4lwpqxb] { white-space: normal; } .ticket-workspace[b-gba4lwpqxb], .ticket-plan-showcase[b-gba4lwpqxb] { border-radius: 1.55rem; } .ticket-workspace > header[b-gba4lwpqxb], .ticket-plan-showcase > header[b-gba4lwpqxb] { margin-bottom: 1rem; } .ticket-workspace header p[b-gba4lwpqxb], .ticket-plan-showcase header p[b-gba4lwpqxb] { margin: .25rem 0 0; color: var(--text-muted-dark); line-height: 1.75; } .ticket-section-chip[b-gba4lwpqxb] { flex: 0 0 auto; padding: .45rem .75rem; border: 1px solid rgba(19, 169, 157, .3); border-radius: 999px; color: #087d74; background: rgba(19,169,157,.08); font-size: .75rem; font-weight: 800; } .ticket-section-chip.management[b-gba4lwpqxb] { color: #76591b; border-color: rgba(206,157,56,.34); background: rgba(206,157,56,.1); } .ticket-command-grid[b-gba4lwpqxb] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ticket-command[b-gba4lwpqxb] { position: relative; overflow: hidden; min-height: 11rem; padding: 1.1rem; border-radius: 1.3rem; } .ticket-command[b-gba4lwpqxb]::before { content: ""; position: absolute; inset: auto -2.5rem -3.4rem auto; width: 8rem; height: 8rem; border: 1.2rem solid color-mix(in srgb, var(--command-accent) 9%, transparent); border-radius: 50%; pointer-events: none; } .ticket-command > *[b-gba4lwpqxb] { position: relative; z-index: 1; } .ticket-command-icon[b-gba4lwpqxb] { width: 3.35rem; height: 3.35rem; border-radius: 1rem; } .ticket-command-icon[b-gba4lwpqxb] .app-icon { width: 1.55rem; height: 1.55rem; } .ticket-command .command-kicker[b-gba4lwpqxb] { display: block; margin-bottom: .3rem; color: var(--command-accent); font-size: .69rem; font-weight: 800; } .ticket-command strong[b-gba4lwpqxb] { font-size: 1.06rem; } .ticket-command small[b-gba4lwpqxb] { min-height: 3rem; } .ticket-command em[b-gba4lwpqxb] { display: block; margin-top: .55rem; color: color-mix(in srgb, var(--command-accent) 75%, var(--ink)); font-size: .69rem; font-style: normal; font-weight: 700; } .ticket-command[aria-disabled="true"][b-gba4lwpqxb] { opacity: .62; } .ticket-command[aria-disabled="true"][b-gba4lwpqxb]::after { content: "نیازمند آماده‌سازی"; position: absolute; inset: .6rem auto auto .6rem; z-index: 2; padding: .25rem .45rem; border-radius: .5rem; color: #6d4b08; background: #f7dda4; font-size: .64rem; font-weight: 800; } .ticket-command.analytics[b-gba4lwpqxb] { --command-accent: #7a78d8; } .ticket-command.settings[b-gba4lwpqxb] { --command-accent: #728ba0; } .ticket-management-workspace[b-gba4lwpqxb] { background: linear-gradient(145deg, color-mix(in srgb, var(--surface-card) 94%, #d8aa4d), var(--surface-card)); } .management-grid[b-gba4lwpqxb] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ticket-plan-grid article[b-gba4lwpqxb] { position: relative; overflow: hidden; min-height: 14rem; padding: 1.05rem; border-radius: 1.15rem; background: linear-gradient(155deg, var(--surface-soft), var(--surface-card)); } .ticket-plan-grid article[b-gba4lwpqxb]::after { content: ""; position: absolute; inset: auto -2rem -2rem auto; width: 6rem; height: 6rem; border-radius: 50%; background: rgba(26, 174, 159, .06); } .plan-card-head[b-gba4lwpqxb] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; } .plan-rank[b-gba4lwpqxb] { color: var(--text-muted-dark); font-size: .7rem; } .ticket-plan-price[b-gba4lwpqxb] { position: relative; z-index: 1; margin-top: .85rem; font-size: 1.35rem; } @media (max-width: 1120px) { .ticket-readiness[b-gba4lwpqxb] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .8rem; } .ticket-command-grid[b-gba4lwpqxb], .management-grid[b-gba4lwpqxb] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .ticket-hero[b-gba4lwpqxb] { min-height: 0; } .ticket-hero-copy[b-gba4lwpqxb] { flex-direction: column; } .ticket-hero-actions[b-gba4lwpqxb] { min-width: 0; } .ticket-hero-meta[b-gba4lwpqxb] { display: grid; width: 100%; } .ticket-readiness[b-gba4lwpqxb] { grid-template-columns: 1fr; margin: .8rem 0; } .ticket-metrics[b-gba4lwpqxb], .ticket-command-grid[b-gba4lwpqxb], .management-grid[b-gba4lwpqxb], .ticket-plan-grid[b-gba4lwpqxb] { grid-template-columns: 1fr; } .ticket-command[b-gba4lwpqxb] { min-height: 9.3rem; } .ticket-workspace > header[b-gba4lwpqxb], .ticket-plan-showcase > header[b-gba4lwpqxb] { align-items: flex-start; } } @media (max-width: 480px) { .ticket-hero[b-gba4lwpqxb] { padding: 1.05rem; border-radius: 1.35rem; } .ticket-hero h1[b-gba4lwpqxb] { font-size: 1.8rem; } .ticket-live-status[b-gba4lwpqxb] { flex: 1; } .ticket-hero-actions[b-gba4lwpqxb] { align-items: stretch; } } @media (prefers-reduced-motion: reduce) { .ticket-command[b-gba4lwpqxb], .warehouse-receipt-button[b-gba4lwpqxb] { transition: none; } } /* /Components/Pages/Products.razor.rz.scp.css */ .product-editor-fields[b-9zkno5wu9b] { border: 0; padding: 0; margin: 0; min-width: 0; } .unit-conversion-preview[b-9zkno5wu9b] { white-space: pre-line; overflow-wrap: anywhere; line-height: 1.9; } /* /Components/Pages/ProfitLoss.razor.rz.scp.css */ .profit-hero[b-77zvrn4aqo] { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; min-height: 15.5rem; padding: clamp(1.35rem, 3vw, 2.4rem); border: 1px solid rgba(235,194,102,.34); border-radius: 1.7rem; background: radial-gradient(circle at 9% 12%, rgba(239,197,104,.2), transparent 30%), radial-gradient(circle at 90% 85%, rgba(71,175,149,.16), transparent 34%), linear-gradient(132deg,#111e32 0%,#263a4e 55%,#315b56 100%); color:#fff; box-shadow:0 1.5rem 3.5rem rgba(4,16,29,.26); } .profit-hero[b-77zvrn4aqo]::after { content:""; position:absolute; inset:auto -4rem -7rem auto; width:20rem; height:20rem; border:2.5rem solid rgba(255,255,255,.035); border-radius:50%; pointer-events:none; } .profit-hero > *[b-77zvrn4aqo] { position:relative; z-index:1; } .profit-hero h1[b-77zvrn4aqo] { margin:.35rem 0 .5rem; color:#fff; font-size:clamp(2rem,4vw,3rem); letter-spacing:-.035em; } .profit-hero p[b-77zvrn4aqo] { max-width:55rem; margin:0; color:#dae3e8; line-height:1.95; } .profit-hero .eyebrow[b-77zvrn4aqo] { color:#f3d992; } .profit-period[b-77zvrn4aqo] { display:inline-flex; align-items:center; gap:.45rem; margin-top:1rem; padding:.48rem .7rem; border:1px solid rgba(255,255,255,.16); border-radius:.75rem; background:rgba(5,16,29,.35); } .profit-period[b-77zvrn4aqo] .app-icon { width:1rem; height:1rem; color:#f2d381; } .profit-period span[b-77zvrn4aqo] { color:#aebfcb; font-size:.72rem; }.profit-period strong[b-77zvrn4aqo] { color:#fff; font-size:.78rem; } .profit-hero-actions[b-77zvrn4aqo] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; max-width:25rem; } .profit-filter[b-77zvrn4aqo] { display:grid; grid-template-columns:auto minmax(22rem,1fr) auto; align-items:center; gap:1rem; margin-top:.85rem; padding:.9rem 1rem; border:1px solid var(--line-strong); border-radius:1.15rem; background:var(--surface-card); box-shadow:var(--shadow-sm); } .profit-filter > div:first-child[b-77zvrn4aqo] { display:grid; gap:.2rem; min-width:10rem; }.profit-filter > div:first-child strong[b-77zvrn4aqo] { color:var(--ink); font-size:.88rem; } .profit-filter .segmented-control[b-77zvrn4aqo] { margin:0; } .profit-custom-range[b-77zvrn4aqo] { display:flex; align-items:flex-end; gap:.55rem; padding-inline-start:1rem; border-inline-start:1px solid var(--line-strong); } .profit-custom-range .field[b-77zvrn4aqo] { min-width:9.2rem; } .profit-outcome[b-77zvrn4aqo] { --outcome-accent:#3aaa78; display:grid; grid-template-columns:minmax(15rem,.8fr) minmax(36rem,1.7fr); align-items:stretch; gap:.8rem; margin-top:.85rem; padding:1rem; border:1px solid color-mix(in srgb,var(--outcome-accent) 34%,var(--line-strong)); border-radius:1.3rem; background:linear-gradient(145deg,color-mix(in srgb,var(--outcome-accent) 9%,var(--surface-card)),var(--surface-card)); box-shadow:var(--shadow-sm); } .profit-outcome.negative[b-77zvrn4aqo] { --outcome-accent:#d45f6a; } .outcome-main[b-77zvrn4aqo] { display:flex; align-items:center; gap:.85rem; min-width:0; padding:.75rem; } .outcome-icon[b-77zvrn4aqo] { display:grid; place-items:center; flex:0 0 auto; width:3.8rem; height:3.8rem; border-radius:1.15rem; color:var(--outcome-accent); background:color-mix(in srgb,var(--outcome-accent) 15%,transparent); } .outcome-icon[b-77zvrn4aqo] .app-icon { width:1.8rem; height:1.8rem; }.outcome-main span[b-77zvrn4aqo],.outcome-main small[b-77zvrn4aqo] { display:block; color:var(--text-muted-dark); }.outcome-main strong[b-77zvrn4aqo] { display:block; overflow:hidden; margin:.3rem 0; color:var(--outcome-accent); font-size:clamp(1.35rem,2vw,1.8rem); text-overflow:ellipsis; white-space:nowrap; } .outcome-flow[b-77zvrn4aqo] { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:.35rem; padding:.7rem; border-radius:1rem; background:var(--surface-soft); } .outcome-flow > span[b-77zvrn4aqo] { min-width:0; padding:.65rem; }.outcome-flow small[b-77zvrn4aqo],.outcome-flow strong[b-77zvrn4aqo] { display:block; }.outcome-flow small[b-77zvrn4aqo] { color:var(--text-muted-dark); font-size:.68rem; }.outcome-flow strong[b-77zvrn4aqo] { overflow:hidden; margin-top:.3rem; color:var(--ink); font-size:.82rem; text-overflow:ellipsis; white-space:nowrap; }.outcome-flow > i[b-77zvrn4aqo] { color:var(--text-muted-dark); font-style:normal; font-weight:900; }.outcome-flow .result[b-77zvrn4aqo] { border-radius:.75rem; background:color-mix(in srgb,var(--outcome-accent) 11%,transparent); }.outcome-flow .result strong[b-77zvrn4aqo] { color:var(--outcome-accent); } .profit-metrics[b-77zvrn4aqo] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; margin-top:.85rem; } .profit-metrics article[b-77zvrn4aqo] { --metric-accent:#6d8fa9; position:relative; overflow:hidden; min-width:0; min-height:7.4rem; padding:.9rem 1rem; border:1px solid color-mix(in srgb,var(--metric-accent) 28%,var(--line-strong)); border-radius:1.05rem; background:linear-gradient(150deg,color-mix(in srgb,var(--metric-accent) 7%,var(--surface-card)),var(--surface-card)); box-shadow:var(--shadow-sm); } .profit-metrics article[b-77zvrn4aqo]::after { content:""; position:absolute; inset:0 auto 0 0; width:.22rem; background:var(--metric-accent); }.profit-metrics article.sales[b-77zvrn4aqo] { --metric-accent:#3f92cb; }.profit-metrics article.positive[b-77zvrn4aqo] { --metric-accent:#3aaa78; }.profit-metrics article.negative[b-77zvrn4aqo] { --metric-accent:#d1606d; }.profit-metrics article.supply[b-77zvrn4aqo] { --metric-accent:#b98a31; } .profit-metrics span[b-77zvrn4aqo],.profit-metrics small[b-77zvrn4aqo] { display:block; color:var(--text-muted-dark); }.profit-metrics strong[b-77zvrn4aqo] { display:block; overflow:hidden; margin:.42rem 0; color:var(--ink); font-size:1.05rem; text-overflow:ellipsis; white-space:nowrap; }.profit-metrics small[b-77zvrn4aqo] { font-size:.7rem; line-height:1.5; } .profit-insights[b-77zvrn4aqo] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin-top:.85rem; } .profit-insights article[b-77zvrn4aqo] { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.75rem; min-width:0; padding:.8rem .9rem; border:1px solid var(--line-strong); border-radius:1rem; background:var(--surface-card); box-shadow:var(--shadow-sm); } .insight-icon[b-77zvrn4aqo] { display:grid; place-items:center; width:2.8rem; height:2.8rem; border-radius:.85rem; color:#3aaa78; background:rgba(58,170,120,.12); }.insight-icon.danger[b-77zvrn4aqo] { color:#d1606d; background:rgba(209,96,109,.11); }.insight-icon.info[b-77zvrn4aqo] { color:#4b97d0; background:rgba(75,151,208,.11); }.insight-icon[b-77zvrn4aqo] .app-icon { width:1.3rem; height:1.3rem; } .profit-insights div[b-77zvrn4aqo] { min-width:0; }.profit-insights small[b-77zvrn4aqo],.profit-insights strong[b-77zvrn4aqo],.profit-insights div > span[b-77zvrn4aqo] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.profit-insights small[b-77zvrn4aqo],.profit-insights div > span[b-77zvrn4aqo] { color:var(--text-muted-dark); font-size:.7rem; }.profit-insights strong[b-77zvrn4aqo] { margin:.26rem 0; color:var(--ink); font-size:.9rem; } .profit-table-card[b-77zvrn4aqo] { margin-top:.85rem; border-radius:1.25rem; }.profit-table-card .panel-heading[b-77zvrn4aqo] { padding:1rem; }.profit-table tbody tr[b-77zvrn4aqo] { transition:background-color .15s ease; }.profit-table tbody tr:hover[b-77zvrn4aqo] { background:color-mix(in srgb,#3f92cb 6%,transparent); } @media (max-width:1180px){.profit-filter[b-77zvrn4aqo]{grid-template-columns:1fr}.profit-custom-range[b-77zvrn4aqo]{padding-inline-start:0;border-inline-start:0}.profit-outcome[b-77zvrn4aqo]{grid-template-columns:1fr}.profit-metrics[b-77zvrn4aqo]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:820px){.profit-hero[b-77zvrn4aqo]{align-items:flex-start;flex-direction:column;min-height:0}.profit-hero-actions[b-77zvrn4aqo]{justify-content:flex-start;max-width:none}.profit-insights[b-77zvrn4aqo]{grid-template-columns:1fr}.outcome-flow[b-77zvrn4aqo]{grid-template-columns:1fr}.outcome-flow>i[b-77zvrn4aqo]{transform:rotate(90deg);text-align:center}} @media (max-width:680px){.profit-hero[b-77zvrn4aqo]{padding:1.1rem;border-radius:1.3rem}.profit-hero-actions>*[b-77zvrn4aqo]{flex:1 1 100%}.profit-filter .segmented-control[b-77zvrn4aqo]{overflow-x:auto}.profit-custom-range[b-77zvrn4aqo]{align-items:stretch;flex-direction:column}.profit-custom-range .field[b-77zvrn4aqo]{min-width:0}.profit-metrics[b-77zvrn4aqo]{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.profit-table tbody tr[b-77zvrn4aqo]{transition:none}} /* /Components/Pages/PurchaseInvoices.razor.rz.scp.css */ .purchase-product-search[b-rgrr7gz6wg] { margin-top: 1rem; padding: .9rem; border: 1px solid #b6cbdc; border-radius: 12px; } .purchase-product-search > label[b-rgrr7gz6wg] { display: block; font-weight: 700; margin-bottom: .5rem; } .purchase-product-search-actions[b-rgrr7gz6wg] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .5rem; } .purchase-product-search-actions input[b-rgrr7gz6wg] { flex: 1 1 220px; min-width: 0; } .purchase-product-search-actions span[b-rgrr7gz6wg] { flex: 1 1 240px; overflow-wrap: anywhere; } .purchase-cost-correction-card[b-rgrr7gz6wg] { border: 1px solid rgba(30, 136, 229, .32); background: linear-gradient(145deg, rgba(30, 136, 229, .08), rgba(255, 255, 255, .98) 42%); box-shadow: 0 14px 34px rgba(22, 58, 95, .08); } .correction-preview-strip[b-rgrr7gz6wg] { margin-top: .9rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } .correction-preview-strip .stat-chip[b-rgrr7gz6wg] { min-height: 92px; } .correction-preview-strip strong[b-rgrr7gz6wg] { unicode-bidi: plaintext; } .stock-count-stat[b-rgrr7gz6wg] { border-color: rgba(184, 134, 52, .42); background: linear-gradient(145deg, rgba(255, 224, 163, .2), rgba(255, 255, 255, .96)); } .stock-count-replay-card[b-rgrr7gz6wg] { margin-top: .85rem; padding: .95rem; border: 1px solid rgba(184, 134, 52, .42); border-radius: 14px; background: linear-gradient(145deg, rgba(255, 231, 184, .22), rgba(255, 255, 255, .98)); box-shadow: 0 10px 24px rgba(89, 62, 19, .08); } .stock-count-replay-heading[b-rgrr7gz6wg] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; } .stock-count-replay-heading strong[b-rgrr7gz6wg] { color: #6b4813; font-size: 1rem; } .stock-count-replay-heading p[b-rgrr7gz6wg] { margin: .3rem 0 0; color: #5f6771; line-height: 1.75; } .stock-count-replay-heading > span[b-rgrr7gz6wg] { flex: 0 0 auto; padding: .35rem .65rem; border-radius: 999px; background: #fff3d6; color: #704d19; font-weight: 700; } .correction-history[b-rgrr7gz6wg] { margin-top: .85rem; border-radius: 10px; background: rgba(17, 65, 96, .07); } .correction-history summary[b-rgrr7gz6wg] { padding: .8rem 1rem; cursor: pointer; color: #174d70; font-weight: 700; } @media (max-width: 900px) { .correction-preview-strip[b-rgrr7gz6wg] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .correction-preview-strip[b-rgrr7gz6wg] { grid-template-columns: 1fr; } .stock-count-replay-card[b-rgrr7gz6wg] { padding: .75rem; } .stock-count-replay-heading[b-rgrr7gz6wg] { flex-direction: column; gap: .5rem; } } /* /Components/Pages/ReceiptSources.razor.rz.scp.css */ .receipt-sources-workspace[b-ss3zry4hlx] { max-width: 1400px; margin: auto; padding: 1rem; color: #17334b; } .rs-heading[b-ss3zry4hlx],.rs-actions[b-ss3zry4hlx] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; } h1[b-ss3zry4hlx] { font-size: 1.6rem; margin: .3rem 0; } h2[b-ss3zry4hlx] { font-size: 1.1rem; } h3[b-ss3zry4hlx] { font-size: .95rem; } .rs-heading p[b-ss3zry4hlx],.rs-help[b-ss3zry4hlx] { font-size: .84rem; color: #50697f; line-height: 1.9; } .rs-layout[b-ss3zry4hlx] { display: grid; grid-template-columns: minmax(230px,1fr) minmax(0,2fr); gap: 1rem; margin: 1rem 0; } .rs-list[b-ss3zry4hlx],.rs-editor[b-ss3zry4hlx],.rs-period[b-ss3zry4hlx],.rs-state[b-ss3zry4hlx] { padding: 1.2rem; border: 1px solid #dce5eb; border-radius: 1rem; background: #fff; } .rs-source[b-ss3zry4hlx] { display: grid; width: 100%; text-align: right; gap: .4rem; padding: .85rem; margin-bottom: .6rem; border: 1px solid #dce5eb; border-radius: .75rem; background: #f7f9fc; font: inherit; color: #17334b; overflow-wrap: anywhere; } .rs-source span[b-ss3zry4hlx],.rs-source small[b-ss3zry4hlx] { font-size: .8rem; color: #4f687e; } .rs-selected[b-ss3zry4hlx] { border: 2px solid #2d709f; } fieldset[b-ss3zry4hlx] { border: 0; margin: 0; padding: 0; min-width: 0; } fieldset:disabled[b-ss3zry4hlx] { opacity: .8; } .rs-grid[b-ss3zry4hlx] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1rem 0; } label[b-ss3zry4hlx] { display: grid; gap: .4rem; font-size: .86rem; font-weight: 650; min-width: 0; } input[b-ss3zry4hlx],select[b-ss3zry4hlx] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: .6rem; border: 1px solid #adbfce; border-radius: .65rem; background: #fff; color: #17334b; font: inherit; } .rs-check[b-ss3zry4hlx] { display: flex; align-items: center; gap: .6rem; } .rs-check input[b-ss3zry4hlx] { width: 20px; min-height: 20px; flex: 0 0 20px; } .rs-assignment[b-ss3zry4hlx] { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr); align-items: center; gap: .8rem; border-top: 1px solid #dce5eb; padding: .8rem 0; } .rs-actions[b-ss3zry4hlx] { justify-content: start; margin-top: 1rem; } .rs-actions button[b-ss3zry4hlx] { min-height: 44px; } .rs-message[b-ss3zry4hlx],.rs-warning[b-ss3zry4hlx] { padding: .9rem; margin: .8rem 0; border-radius: .65rem; overflow-wrap: anywhere; } .rs-warning[b-ss3zry4hlx] { background: #fff6e7; color: #664213; border: 1px solid #ead3ad; } .rs-error[b-ss3zry4hlx] { background: #ffefef; color: #852d2d; } .rs-success[b-ss3zry4hlx] { background: #e9f7ef; color: #23593a; } .rs-period summary[b-ss3zry4hlx] { cursor: pointer; font-weight: 750; } .rs-period li[b-ss3zry4hlx] { font-size: .83rem; line-height: 2; overflow-wrap: anywhere; } .rs-aggregate[b-ss3zry4hlx] { margin-top: 1rem; padding: .9rem; border: 1px solid #dce5eb; border-radius: .7rem; background: #f7f9fc; } .rs-candidates[b-ss3zry4hlx] { max-height: 300px; overflow-y: auto; margin: .8rem 0; padding: .35rem; scrollbar-gutter: stable; } .rs-candidate[b-ss3zry4hlx] { padding: .65rem .2rem; border-bottom: 1px solid #dce5eb; font-weight: 500; line-height: 1.8; } .rs-candidate span[b-ss3zry4hlx],.rs-selection[b-ss3zry4hlx] { overflow-wrap: anywhere; } .rs-selection[b-ss3zry4hlx] { color: #245472; line-height: 1.8; } button:focus-visible[b-ss3zry4hlx],input:focus-visible[b-ss3zry4hlx],select:focus-visible[b-ss3zry4hlx],summary:focus-visible[b-ss3zry4hlx] { outline: 3px solid #146ba6; outline-offset: 3px; } @media(max-width:767px) { .receipt-sources-workspace[b-ss3zry4hlx] { padding: .65rem; } .rs-layout[b-ss3zry4hlx],.rs-grid[b-ss3zry4hlx],.rs-assignment[b-ss3zry4hlx] { grid-template-columns:1fr; } .rs-list[b-ss3zry4hlx],.rs-editor[b-ss3zry4hlx],.rs-period[b-ss3zry4hlx] { padding:.9rem; } } /* /Components/Pages/Reception.razor.rz.scp.css */ .reception-workspace[b-d32w4lv270]{direction:rtl;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;width:100%;color:var(--ink);padding-bottom:32px} .reception-workspace>div[b-d32w4lv270],.reception-section-stack[b-d32w4lv270]{min-width:0} .reception-section-stack[b-d32w4lv270]{display:grid;gap:20px} .reception-header[b-d32w4lv270],.reception-person[b-d32w4lv270],.reception-row[b-d32w4lv270],.reception-pending[b-d32w4lv270]{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap} .reception-header[b-d32w4lv270]{margin-bottom:0;gap:12px}.reception-header h1[b-d32w4lv270]{margin:3px 0;font-size:clamp(1.4rem,2.4vw,1.95rem)} .reception-header p[b-d32w4lv270],.reception-person p[b-d32w4lv270]{margin:5px 0;color:var(--text-muted-dark);line-height:1.8} .reception-eyebrow[b-d32w4lv270]{font-size:.8rem;color:var(--brand-strong);font-weight:700} .reception-tabs[b-d32w4lv270],.reception-actions[b-d32w4lv270],.reception-legacy[b-d32w4lv270]{display:flex;flex-wrap:wrap;gap:10px} .reception-hero[b-d32w4lv270]{padding:24px;border:1px solid var(--line-strong);border-radius:22px;background:radial-gradient(ellipse at 100% 0%,var(--brand-soft),transparent 65%),var(--surface-card);box-shadow:var(--shadow-sm)} .reception-heading[b-d32w4lv270]{display:flex;align-items:center;gap:16px;min-width:0}.reception-heading>div[b-d32w4lv270]{min-width:0} .reception-hero-icon[b-d32w4lv270],.reception-section-icon[b-d32w4lv270]{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:17px;background:var(--surface-card);color:var(--brand-strong)} .reception-hero-icon[b-d32w4lv270] .app-icon{width:27px;height:27px}.reception-section-icon[b-d32w4lv270]{width:44px;height:44px;border-radius:13px;background:var(--brand-soft)} .reception-header-actions[b-d32w4lv270]{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.reception-header-actions button[b-d32w4lv270]{display:inline-flex;align-items:center;gap:7px} .reception-workspace-state[b-d32w4lv270]{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;line-height:1.7;color:var(--ink-soft)}.reception-workspace-state[b-d32w4lv270]::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}.reception-workspace-state.needs-attention[b-d32w4lv270]::before{background:var(--warning)} .reception-tabs[b-d32w4lv270]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--line-strong);border-radius:20px;background:color-mix(in srgb,var(--surface-card) 80%,transparent);width:100%;box-sizing:border-box} .reception-tab[b-d32w4lv270]{display:flex;align-items:center;gap:10px;padding:15px 12px;color:var(--ink-soft);text-decoration:none!important;border:1px solid transparent;border-radius:14px;min-height:68px;min-width:0;box-sizing:border-box;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease} .reception-tab span[b-d32w4lv270]{display:grid;gap:4px;min-width:0}.reception-tab strong[b-d32w4lv270]{font-size:.9rem;font-weight:800;line-height:1.5}.reception-tab small[b-d32w4lv270]{font-size:.71rem;color:var(--text-muted-dark);line-height:1.65}.reception-tab[b-d32w4lv270] .app-icon{width:22px;height:22px;flex:0 0 22px;color:var(--brand-strong)} .reception-tab:hover[b-d32w4lv270]{background:var(--brand-soft);border-color:var(--line-strong);text-decoration:none}.reception-tab.active[b-d32w4lv270]{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff;box-shadow:var(--shadow-sm)}.reception-tab.active small[b-d32w4lv270]{color:#e0f4f5}.reception-tab.active[b-d32w4lv270] .app-icon{color:#fff} .reception-tab:focus-visible[b-d32w4lv270],.reception-task-nav a:focus-visible[b-d32w4lv270],.reception-inline-action:focus-visible[b-d32w4lv270],.reception-legacy a:focus-visible[b-d32w4lv270]{outline:3px solid var(--brand);outline-offset:3px} .reception-loading[b-d32w4lv270]{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0;background:var(--brand-soft);color:var(--ink-soft);border-radius:12px;font-size:.83rem;line-height:1.8}.reception-loading-dot[b-d32w4lv270]{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:0 0 8px} .reception-identification-heading[b-d32w4lv270]{display:flex;align-items:center;gap:12px;grid-column:1/-1}.reception-identification-heading h2[b-d32w4lv270]{margin:2px 0 3px}.reception-identification-heading p[b-d32w4lv270]{margin:0;color:var(--text-muted-dark);font-size:.8rem;line-height:1.8} .reception-identity-method[b-d32w4lv270]{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);min-width:0}.reception-identity-method h3[b-d32w4lv270]{font-size:.9rem;margin:0 0 12px;color:var(--ink-soft)}.reception-identity-method .reception-fields[b-d32w4lv270]{margin:0;gap:10px}.reception-identity-method .reception-fields>label[b-d32w4lv270]{flex-basis:100%;min-width:0}.reception-identity-method button[b-d32w4lv270]{flex:1 1 auto} .reception-inline-action[b-d32w4lv270]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);font-size:.83rem;font-weight:700;line-height:1.7;text-decoration:none!important}.reception-inline-action:hover[b-d32w4lv270]{border-color:var(--brand);background:var(--surface-card)} .reception-person-stats[b-d32w4lv270]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.reception-person-stats>div[b-d32w4lv270]{display:flex;flex-direction:column;gap:6px;padding:15px 18px;border:1px solid var(--line);border-radius:15px;background:var(--surface-card)}.reception-person-stats dt[b-d32w4lv270]{font-size:.8rem;color:var(--text-muted-dark);line-height:1.8}.reception-person-stats dd[b-d32w4lv270]{margin:0;font-weight:800;color:var(--brand-strong);font-size:1.5rem;line-height:1.4;font-variant-numeric:tabular-nums} .reception-customer-grid[b-d32w4lv270]{display:grid;gap:20px;min-width:0;grid-template-columns:minmax(0,1fr)}.reception-customer-grid>.reception-panel[b-d32w4lv270]{min-width:0}.reception-customer-grid>.reception-panel .reception-panel[b-d32w4lv270]{padding:16px;box-shadow:none;border-radius:14px} .reception-customer-grid>details[b-d32w4lv270]{align-self:start}.reception-start[b-d32w4lv270]{display:grid;justify-items:center;gap:12px;border-style:solid}.reception-start[b-d32w4lv270] .app-icon{width:32px;height:32px;color:var(--brand)}.reception-start strong[b-d32w4lv270]{color:var(--ink-soft)}.reception-start span[b-d32w4lv270]{max-width:600px;font-size:.86rem}.reception-action-help[b-d32w4lv270]{margin:12px 0 0;color:var(--text-muted-dark);font-size:.8rem;line-height:1.9}.reception-readiness p[b-d32w4lv270]{margin:8px 0}.reception-readiness strong[b-d32w4lv270]{color:var(--ink)} .reception-task-nav[b-d32w4lv270]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px} .reception-task-nav a[b-d32w4lv270]{display:grid;gap:5px;padding:16px 18px;background:var(--surface-card);color:var(--brand-strong);border:1px solid var(--line-strong);border-radius:14px;text-decoration:none;font-weight:700;line-height:1.7;min-width:0;box-shadow:var(--shadow-sm)} .reception-task-nav a span[b-d32w4lv270]{color:var(--text-muted-dark);font-size:.8rem;font-weight:400}.reception-task-nav a:hover[b-d32w4lv270]{background:var(--brand-soft);border-color:var(--brand)} .reception-panel[b-d32w4lv270],.reception-person[b-d32w4lv270]{padding:24px;background:var(--surface-card);border:1px solid var(--line-strong);border-radius:20px;min-width:0;box-shadow:var(--shadow-sm)} .reception-panel h2[b-d32w4lv270],.reception-person h2[b-d32w4lv270]{font-size:1.22rem;margin:0 0 12px;line-height:1.7}.reception-panel h3[b-d32w4lv270]{line-height:1.7} .reception-panel .section-heading[b-d32w4lv270]{margin-bottom:18px}.reception-panel .section-heading h2[b-d32w4lv270],.reception-panel .section-heading h3[b-d32w4lv270]{margin:0 0 6px}.reception-panel .section-heading p[b-d32w4lv270]{margin:0;font-size:.84rem;color:var(--text-muted-dark);line-height:1.9} .reception-fields[b-d32w4lv270]{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:14px 0}.reception-fields>label[b-d32w4lv270]{display:grid;gap:8px;flex:1;min-width:180px;line-height:1.7;font-size:.86rem;font-weight:600} .reception-workspace input[b-d32w4lv270],.reception-workspace select[b-d32w4lv270],.reception-dialog input[b-d32w4lv270],.reception-dialog select[b-d32w4lv270],.reception-dialog textarea[b-d32w4lv270]{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;background:var(--surface-card);color:var(--ink);font:inherit;box-sizing:border-box} .reception-workspace input[type=checkbox][b-d32w4lv270],.reception-dialog input[type=checkbox][b-d32w4lv270]{width:20px;min-height:20px;flex:0 0 20px;accent-color:var(--brand)} .reception-note[b-d32w4lv270]{color:var(--text-muted-dark);background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:.84rem;line-height:1.9;margin:10px 0} .reception-results[b-d32w4lv270],.reception-cards[b-d32w4lv270]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px} .reception-person-result[b-d32w4lv270]{display:grid;gap:7px;text-align:right;padding:16px;border:1px solid var(--line-strong);background:var(--surface-soft);border-radius:13px;font:inherit;cursor:pointer;min-width:0;overflow-wrap:anywhere;line-height:1.8} .reception-person-result:hover[b-d32w4lv270]{border-color:var(--brand);background:var(--brand-soft)}.reception-person-result span[b-d32w4lv270],.reception-person-result small[b-d32w4lv270]{font-size:.8rem;color:var(--text-muted-dark)} .reception-person[b-d32w4lv270]{border-inline-start:4px solid var(--brand)}.reception-person-compact[b-d32w4lv270]{padding:18px 22px}.reception-person-compact h2[b-d32w4lv270]{margin:4px 0} .reception-package[b-d32w4lv270]{padding:20px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-soft);min-width:0;overflow-wrap:anywhere} .reception-package h3[b-d32w4lv270]{margin:12px 0;font-size:1.08rem}.reception-package p[b-d32w4lv270]{line-height:1.85;margin:10px 0}.reception-package .reception-actions[b-d32w4lv270]{padding-top:6px} .reception-badge[b-d32w4lv270]{display:inline-block;padding:5px 11px;border-radius:9px;background:var(--brand-soft);color:var(--brand-strong);font-size:.8rem;line-height:1.6} .reception-row[b-d32w4lv270]{border-bottom:1px solid var(--line);padding:17px 0;overflow-wrap:anywhere}.reception-row:last-child[b-d32w4lv270]{border-bottom:0}.reception-row p[b-d32w4lv270]{margin:7px 0;line-height:1.8}.reception-row>div[b-d32w4lv270]{min-width:0} .reception-context[b-d32w4lv270]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:16px 18px;border-radius:13px;border:1px solid var(--line);background:var(--brand-soft);line-height:1.9;margin:14px 0}.reception-context strong[b-d32w4lv270]{color:var(--brand-strong)}.reception-context span[b-d32w4lv270],.reception-context small[b-d32w4lv270]{color:var(--ink-soft)} .reception-subsection[b-d32w4lv270]{border-top:1px solid var(--line-strong);padding-top:22px;margin-top:24px;min-width:0} .reception-panel[id][b-d32w4lv270],.reception-subsection[id][b-d32w4lv270]{scroll-margin-top:100px;outline-offset:4px} .reception-panel[id]:focus-visible[b-d32w4lv270],.reception-subsection[id]:focus-visible[b-d32w4lv270]{outline:2px solid var(--brand)} .reception-pending[b-d32w4lv270]{padding:18px;border:1px solid var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--surface-card));border-radius:14px}.reception-pending p[b-d32w4lv270]{margin:5px 0} .reception-empty[b-d32w4lv270]{padding:24px;text-align:center;border:1px dashed var(--line-strong);border-radius:14px;color:var(--text-muted-dark);background:var(--surface-soft);line-height:1.9} .reception-legacy[b-d32w4lv270]{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.reception-legacy a[b-d32w4lv270]{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;color:var(--brand-strong);font-size:.85rem;line-height:1.8;text-decoration:none;border:1px solid var(--line);border-radius:10px;background:var(--surface-card);flex:1 1 180px;justify-content:center}.reception-legacy a:hover[b-d32w4lv270]{border-color:var(--brand);background:var(--brand-soft)} .reception-overlay[b-d32w4lv270]{position:fixed;inset:0;z-index:1800;background:rgba(7,25,47,.58);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px} .reception-dialog[b-d32w4lv270]{direction:rtl;display:flex;flex-direction:column;width:min(880px,100%);max-height:calc(100dvh - 40px);background:var(--surface-card);color:var(--ink);border:1px solid var(--line-strong);border-radius:22px;box-shadow:var(--shadow-lg);min-width:0;overflow:hidden} .reception-dialog>header[b-d32w4lv270]{padding:22px 24px;display:flex;align-items:start;gap:16px;border-bottom:1px solid var(--line);flex-shrink:0}.reception-dialog>header>div[b-d32w4lv270]{flex:1;min-width:0}.reception-dialog h2[b-d32w4lv270]{font-size:1.3rem;margin:0 0 8px;line-height:1.7}.reception-dialog p[b-d32w4lv270]{line-height:1.9;overflow-wrap:anywhere;margin:6px 0;font-size:.88rem} .reception-dialog-body[b-d32w4lv270]{overflow:auto;overscroll-behavior:contain;padding:22px 24px;display:grid;gap:18px;min-height:0} .reception-dialog>footer[b-d32w4lv270]{display:flex;flex-wrap:wrap;gap:12px;padding:18px 24px;border-top:1px solid var(--line);background:var(--surface-soft);flex-shrink:0} .reception-dialog[b-d32w4lv270] input,.reception-dialog[b-d32w4lv270] select,.reception-dialog[b-d32w4lv270] textarea{max-width:100%;min-width:0} .reception-workspace button[b-d32w4lv270],.reception-dialog button[b-d32w4lv270]{min-height:44px;white-space:normal;overflow-wrap:anywhere}.reception-workspace button:focus-visible[b-d32w4lv270],.reception-dialog button:focus-visible[b-d32w4lv270],.reception-workspace input:focus-visible[b-d32w4lv270],.reception-workspace select:focus-visible[b-d32w4lv270],.reception-dialog[b-d32w4lv270] input:focus-visible,.reception-dialog[b-d32w4lv270] select:focus-visible,.reception-dialog[b-d32w4lv270] textarea:focus-visible{outline:3px solid var(--brand);outline-offset:3px} .reception-print-ticket[b-d32w4lv270]{border:1px dashed var(--ink-soft);padding:20px;break-after:page} .reception-table-scroll[b-d32w4lv270]{overflow:auto;width:100%;min-width:0;max-width:100%;overscroll-behavior-x:contain}.reception-table-scroll table[b-d32w4lv270]{border-collapse:collapse;width:100%;min-width:650px}.reception-table-scroll td[b-d32w4lv270],.reception-table-scroll th[b-d32w4lv270]{padding:14px;text-align:right;border-bottom:1px solid var(--line);line-height:1.8}.reception-table-scroll th[b-d32w4lv270]{background:var(--surface-soft)}.reception-table-scroll td small[b-d32w4lv270]{display:block} .reception-selected[b-d32w4lv270]{outline:2px solid var(--brand);background:var(--brand-soft)} .reception-stats[b-d32w4lv270]{display:flex;flex-wrap:wrap;gap:14px;background:var(--brand-soft);padding:16px;border-radius:13px}.reception-stats span[b-d32w4lv270]{padding:4px 10px}.reception-workspace small[b-d32w4lv270]{color:var(--text-muted-dark);line-height:1.8} .reception-workspace details summary[b-d32w4lv270]{cursor:pointer;font-weight:700;padding:8px 4px;min-height:44px;line-height:1.8}.reception-workspace :disabled[b-d32w4lv270],.reception-dialog :disabled[b-d32w4lv270]{cursor:not-allowed;opacity:.62} .reception-recent-scroll[b-d32w4lv270]{max-height:320px;overflow:auto;overscroll-behavior:contain;margin-top:12px;padding-inline:4px;scrollbar-gutter:stable}.reception-recent-details summary:focus-visible[b-d32w4lv270],.reception-recent-scroll:focus-visible[b-d32w4lv270]{outline:3px solid var(--brand);outline-offset:3px} .reception-dialog[b-d32w4lv270] .persian-date-field,.reception-workspace[b-d32w4lv270] .persian-date-field{grid-template-columns:minmax(80px,1fr) minmax(105px,1.35fr) minmax(60px,.7fr);gap:6px;min-width:0} .reception-dialog[b-d32w4lv270] .persian-date-field input,.reception-dialog[b-d32w4lv270] .persian-date-field select,.reception-workspace[b-d32w4lv270] .persian-date-field input,.reception-workspace[b-d32w4lv270] .persian-date-field select{width:100%;min-height:46px;min-width:0;border:1px solid var(--line-strong);border-radius:10px;padding:8px;background:var(--surface-card);color:var(--ink);font:inherit;box-sizing:border-box} .reception-dialog[b-d32w4lv270] .persian-year-input,.reception-workspace[b-d32w4lv270] .persian-year-input{text-align:center} .reception-workspace[b-d32w4lv270] .reception-fields>label:has(.persian-date-field){min-width:280px;flex:1 1 280px} @media(min-width:1000px){.reception-search[b-d32w4lv270]{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.reception-search>.reception-note[b-d32w4lv270],.reception-search>.reception-results[b-d32w4lv270]{grid-column:1/-1}.reception-search>.reception-note[b-d32w4lv270]{margin:0}.reception-customer-grid[b-d32w4lv270]{grid-template-columns:1.15fr 1fr;align-items:start}} @media(max-width:999px){.reception-search[b-d32w4lv270]{display:grid;gap:14px}.reception-tabs[b-d32w4lv270]{grid-template-columns:repeat(2,minmax(0,1fr))}.reception-person-stats[b-d32w4lv270]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.reception-workspace[b-d32w4lv270],.reception-section-stack[b-d32w4lv270]{gap:14px}.reception-panel[b-d32w4lv270],.reception-person[b-d32w4lv270]{padding:16px;border-radius:16px}.reception-header[b-d32w4lv270]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.reception-header>div[b-d32w4lv270]{min-width:0}.reception-header h1[b-d32w4lv270]{font-size:1.25rem;line-height:1.6}.reception-header p[b-d32w4lv270]{font-size:.78rem}.reception-eyebrow[b-d32w4lv270]{font-size:.72rem}.reception-header>button[b-d32w4lv270]{padding:9px 11px;font-size:.82rem}.reception-tabs[b-d32w4lv270] a{flex:1 1 40%;text-align:center;padding:10px}.reception-task-nav[b-d32w4lv270]{grid-template-columns:1fr;gap:8px}.reception-task-nav a[b-d32w4lv270]{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;font-size:.87rem}.reception-task-nav a span[b-d32w4lv270]{font-size:.75rem}.reception-fields>label[b-d32w4lv270],.reception-workspace[b-d32w4lv270] .reception-fields>label:has(.persian-date-field){min-width:0;flex-basis:100%}.reception-actions[b-d32w4lv270]{width:100%}.reception-actions>button[b-d32w4lv270]{flex:1 1 45%}.reception-overlay[b-d32w4lv270]{padding:8px}.reception-dialog[b-d32w4lv270]{max-height:calc(100dvh - 16px);border-radius:16px}.reception-dialog>header[b-d32w4lv270],.reception-dialog-body[b-d32w4lv270],.reception-dialog>footer[b-d32w4lv270]{padding:16px}.reception-dialog>footer>button[b-d32w4lv270]{flex:1}.reception-row>div[b-d32w4lv270]{min-width:0;max-width:100%}.reception-pending>button[b-d32w4lv270]{width:100%}.reception-dialog[b-d32w4lv270] .persian-date-field{grid-template-columns:minmax(80px,1fr) minmax(105px,1.35fr) minmax(60px,.7fr)}} @media(max-width:360px){.reception-dialog[b-d32w4lv270] .persian-date-field,.reception-workspace[b-d32w4lv270] .persian-date-field{grid-template-columns:minmax(0,1fr)}.reception-task-nav a[b-d32w4lv270]{display:grid;gap:3px}} @media(max-width:600px){.reception-hero[b-d32w4lv270]{display:flex;align-items:flex-start;padding:16px;border-radius:17px}.reception-heading[b-d32w4lv270]{gap:10px;width:100%}.reception-hero-icon[b-d32w4lv270]{width:44px;height:44px;border-radius:13px}.reception-hero-icon[b-d32w4lv270] .app-icon{width:24px;height:24px}.reception-header-actions[b-d32w4lv270]{width:100%;justify-content:space-between}.reception-header-actions button[b-d32w4lv270]{padding:9px 12px;font-size:.82rem}.reception-tab[b-d32w4lv270]{padding:10px 8px;gap:7px;text-align:right}.reception-tab strong[b-d32w4lv270]{font-size:.83rem}.reception-tab small[b-d32w4lv270]{font-size:.68rem}.reception-tab[b-d32w4lv270] .app-icon{width:19px;height:19px;flex-basis:19px}.reception-identity-method[b-d32w4lv270]{padding:14px}.reception-identification-heading[b-d32w4lv270]{align-items:flex-start}.reception-identification-heading p[b-d32w4lv270]{font-size:.77rem}.reception-person-stats[b-d32w4lv270]{gap:8px}.reception-person-stats>div[b-d32w4lv270]{padding:12px}.reception-person-stats dt[b-d32w4lv270]{font-size:.74rem}.reception-customer-grid[b-d32w4lv270]{gap:14px}.reception-actions>.reception-inline-action[b-d32w4lv270]{flex:1 1 45%}.reception-legacy a[b-d32w4lv270]{flex-basis:100%;justify-content:flex-start}.reception-search>.reception-note[b-d32w4lv270]{margin:0}} @media(prefers-reduced-motion:reduce){.reception-workspace *[b-d32w4lv270],.reception-dialog *[b-d32w4lv270]{scroll-behavior:auto!important;transition:none!important}} /* /Components/Pages/ReceptionFormFields.razor.rz.scp.css */ .reception-form-section[b-n8qood9jar]{min-width:0;border:1px solid var(--line);padding:18px;border-radius:15px;background:var(--surface-card)} .reception-form-section h3[b-n8qood9jar]{margin:0 0 16px;color:var(--brand-strong);font-size:.98rem;line-height:1.8;border-bottom:1px solid var(--line);padding-bottom:10px} .reception-form-grid[b-n8qood9jar]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start} .reception-form-grid>div[b-n8qood9jar]{min-width:0}.reception-field-wide[b-n8qood9jar]{grid-column:1/-1} .reception-field[b-n8qood9jar]{display:grid;gap:8px;min-width:0}.reception-field label[b-n8qood9jar]{font-size:.84rem;line-height:1.8;font-weight:600;color:var(--ink-soft)} .reception-field-help[b-n8qood9jar]{font-size:.78rem;line-height:1.9;color:var(--ink-soft);overflow-wrap:anywhere}.reception-field input[dir=ltr][b-n8qood9jar]{text-align:left;unicode-bidi:plaintext} .reception-field input[b-n8qood9jar],.reception-field select[b-n8qood9jar],.reception-field textarea[b-n8qood9jar]{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;background:var(--surface-card);color:var(--ink);font:inherit;box-sizing:border-box;min-width:0} .reception-field[b-n8qood9jar] input{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;background:var(--surface-card);color:var(--ink);font:inherit;box-sizing:border-box;min-width:0} .reception-field[b-n8qood9jar] input:focus-visible{outline:3px solid var(--brand);outline-offset:2px} .reception-field input:focus-visible[b-n8qood9jar],.reception-field select:focus-visible[b-n8qood9jar],.reception-field textarea:focus-visible[b-n8qood9jar]{outline:3px solid var(--brand);outline-offset:2px}.reception-field textarea[b-n8qood9jar]{min-height:100px;resize:vertical} .reception-check[b-n8qood9jar],.reception-checklist label[b-n8qood9jar]{display:flex;gap:10px;align-items:center;line-height:1.9;font-size:.86rem}.reception-check[b-n8qood9jar]{min-height:46px} .reception-check input[b-n8qood9jar],.reception-checklist input[b-n8qood9jar]{width:20px;height:20px;flex:0 0 20px;accent-color:var(--brand)} .reception-checklist[b-n8qood9jar]{border:1px solid var(--line-strong);border-radius:12px;padding:14px;display:grid;gap:12px;min-width:0}.reception-checklist legend[b-n8qood9jar]{font-size:.84rem;line-height:1.8;font-weight:600;padding:0 5px}.reception-checklist label[b-n8qood9jar]{overflow-wrap:anywhere;min-width:0} .reception-note[b-n8qood9jar]{padding:12px 14px;border-radius:12px;background:var(--surface-soft);color:var(--text-muted-dark);border:1px solid var(--line);line-height:1.9;font-size:.84rem;margin:0} .reception-payment-summary[b-n8qood9jar]{background:var(--brand-soft);color:var(--brand-strong);padding:14px;border-radius:12px;line-height:1.9} .reception-payment-suspended[b-n8qood9jar]{display:none}.reception-field :disabled[b-n8qood9jar]{opacity:.65} .reception-form-grid>div>button[b-n8qood9jar]{max-width:100%;min-height:44px} @media(max-width:700px){.reception-form-grid[b-n8qood9jar]{grid-template-columns:minmax(0,1fr);gap:16px}.reception-form-section[b-n8qood9jar]{padding:14px}.reception-field-wide[b-n8qood9jar]{grid-column:auto}} @media(max-width:360px){.reception-form-section[b-n8qood9jar]{padding:10px}.reception-form-section[b-n8qood9jar] .persian-date-field select{padding-inline:4px}} /* /Components/Pages/Recipes.razor.rz.scp.css */ .ingredient-guidance[b-l5sobx343f]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border:1px solid rgba(80,171,157,.28);border-radius:12px;background:linear-gradient(135deg,rgba(21,91,88,.18),rgba(24,55,83,.2))}.ingredient-guidance>div[b-l5sobx343f]{display:grid;gap:.18rem}.ingredient-guidance strong[b-l5sobx343f]{font-size:.78rem}.ingredient-guidance span[b-l5sobx343f]{color:#8ba2b8;font-size:.68rem;line-height:1.7}.recipe-line-editor[b-l5sobx343f]{grid-template-columns:minmax(220px,1.5fr) minmax(120px,.65fr) minmax(180px,1fr) auto}.recipe-line-editor>*[b-l5sobx343f]{min-width:0}.recipe-line-editor .field[b-l5sobx343f]{margin:0}.recipe-line-editor>button[b-l5sobx343f]{align-self:end;min-height:2.65rem}.compact-modal[b-l5sobx343f]{width:min(100%,42rem)} @media(max-width:800px){.ingredient-guidance[b-l5sobx343f]{align-items:stretch;flex-direction:column}.ingredient-guidance button[b-l5sobx343f]{width:100%}.recipe-line-editor[b-l5sobx343f]{grid-template-columns:1fr}.recipe-line-editor>button[b-l5sobx343f]{width:100%}} /* /Components/Pages/Reservations.razor.rz.scp.css */ .page-header.venue-command-hero[b-l3cgk6r2za] { overflow: hidden; padding: clamp(1.2rem, 2.7vw, 2rem); border: 1px solid rgba(116, 189, 224, .35); border-radius: 1.5rem; background: radial-gradient(circle at 8% 15%, rgba(120, 214, 232, .2), transparent 32%), linear-gradient(135deg, #173552, #274e70 62%, #366f83); color: #fff; box-shadow: 0 1.25rem 3rem rgba(10, 35, 55, .16); } .page-header.venue-command-hero.venue-mode[b-l3cgk6r2za] { background: radial-gradient(circle at 8% 15%, rgba(245, 199, 95, .18), transparent 32%), linear-gradient(135deg, #25324a, #574a52 62%, #725e4a); } .page-header.venue-command-hero h1[b-l3cgk6r2za] { color: #fff; font-size: clamp(1.65rem, 3vw, 2.45rem); }.page-header.venue-command-hero p[b-l3cgk6r2za] { color: #d9e9f1; }.page-header.venue-command-hero .eyebrow[b-l3cgk6r2za] { color: #8fe4ed; }.page-header.venue-command-hero .secondary-button[b-l3cgk6r2za] { border-color: rgba(255,255,255,.35); background: rgba(7,25,40,.28); color: #fff; } .reservation-filter-card[b-l3cgk6r2za] { display: grid; gap: .8rem; }.reservation-quick-ranges[b-l3cgk6r2za] { display: flex; flex-wrap: wrap; gap: .45rem; }.reservation-quick-ranges button[b-l3cgk6r2za] { min-height: 2.25rem; padding: .4rem .85rem; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface-card); color: var(--ink); cursor: pointer; }.reservation-quick-ranges button:hover[b-l3cgk6r2za], .reservation-quick-ranges button:focus-visible[b-l3cgk6r2za] { border-color: #458bb1; background: color-mix(in srgb, #458bb1 10%, var(--surface-card)); outline: none; } .reservation-filters[b-l3cgk6r2za] { grid-template-columns: minmax(15rem, 1.7fr) repeat(5, minmax(8.5rem, 1fr)); }.reservation-search[b-l3cgk6r2za] { min-width: 0; } .reservation-stats .stat-chip[b-l3cgk6r2za] { position: relative; overflow: hidden; }.reservation-stats .stat-chip[b-l3cgk6r2za]::after { content: ""; position: absolute; inset: auto -.9rem -.9rem auto; width: 3.8rem; height: 3.8rem; border-radius: 50%; background: rgba(71,146,178,.08); } .reservation-agenda[b-l3cgk6r2za] { margin: 1rem 0; padding: 1rem; border: 1px solid var(--line-strong); border-radius: 1.15rem; background: var(--surface-card); }.reservation-agenda header[b-l3cgk6r2za] { margin-bottom: .7rem; }.reservation-agenda h2[b-l3cgk6r2za] { margin: .15rem 0 0; }.reservation-agenda > div[b-l3cgk6r2za] { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .65rem; }.reservation-agenda button[b-l3cgk6r2za] { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .7rem; padding: .8rem; border: 1px solid var(--line-strong); border-radius: .9rem; background: var(--surface-soft); color: var(--ink); text-align: start; cursor: pointer; }.reservation-agenda button:hover[b-l3cgk6r2za], .reservation-agenda button:focus-visible[b-l3cgk6r2za] { border-color: #4b94b5; outline: none; }.reservation-agenda time[b-l3cgk6r2za] { color: #337da0; font-weight: 700; }.reservation-agenda strong[b-l3cgk6r2za], .reservation-agenda small[b-l3cgk6r2za] { display: block; }.reservation-agenda small[b-l3cgk6r2za] { margin-top: .25rem; overflow: hidden; color: var(--text-muted-dark); text-overflow: ellipsis; white-space: nowrap; } .venue-grid .entity-card[b-l3cgk6r2za] { position: relative; overflow: hidden; border-top: 3px solid #ba9250; }.venue-grid .entity-card[b-l3cgk6r2za]::after { content: ""; position: absolute; inset: auto -2rem -2rem auto; width: 6rem; height: 6rem; border-radius: 50%; background: rgba(186,146,80,.08); } @media (max-width: 1180px) { .reservation-filters[b-l3cgk6r2za] { grid-template-columns: repeat(3, minmax(0,1fr)); }.reservation-agenda > div[b-l3cgk6r2za] { grid-template-columns: 1fr; } } @media (max-width: 680px) { .venue-command-hero[b-l3cgk6r2za] { align-items: flex-start; }.venue-command-hero .page-actions[b-l3cgk6r2za] { width: 100%; }.reservation-filters[b-l3cgk6r2za] { grid-template-columns: 1fr; }.reservation-agenda button[b-l3cgk6r2za] { grid-template-columns: 1fr auto; }.reservation-agenda button span:nth-child(2)[b-l3cgk6r2za] { grid-column: 1 / -1; grid-row: 2; } } @media (prefers-reduced-motion: reduce) { .reservation-quick-ranges button[b-l3cgk6r2za], .reservation-agenda button[b-l3cgk6r2za] { transition: none; } } /* /Components/Pages/SalesHistory.razor.rz.scp.css */ .history-filters[b-92xntydpti] { display: flex; flex-wrap: wrap; align-items: end; gap: .8rem; } .history-filters .field[b-92xntydpti] { flex: 1 1 10rem; min-width: 0; margin: 0; } .history-filters .history-search[b-92xntydpti] { flex: 2 1 18rem; } .history-hint[b-92xntydpti] { flex-basis: 100%; color: var(--text-muted, #64748b); } .history-pager[b-92xntydpti] { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; margin: 1rem 0; } .history-pager span[b-92xntydpti] { text-align: center; } @media(max-width: 540px) { .history-search[b-92xntydpti] { flex-basis: 100% !important; } .history-pager[b-92xntydpti] { gap: .6rem; } .history-pager span[b-92xntydpti] { order: -1; flex-basis: 100%; } } /* /Components/Pages/SalesOutlet.razor.rz.scp.css */ /* Keep the public price and the add cue readable in narrow catalog cards. */ .pos-product-card .product-price-row[b-npatu22zbc] { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: .45rem; } .pos-product-card .product-price-row > span:first-child[b-npatu22zbc] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .3rem; min-width: 0; white-space: normal; } .pos-product-card .product-price-row > span:first-child b[b-npatu22zbc] { max-width: 100%; overflow-wrap: anywhere; } .pos-product-card .product-price-row > span:first-child small[b-npatu22zbc] { display: block; } .pos-product-card .product-add-cue[b-npatu22zbc] { justify-self: end; width: auto; height: auto; min-height: 2rem; padding: .3rem .5rem; white-space: normal; } .pos-product-card .product-add-cue > span[b-npatu22zbc] { display: inline; } .customer-search[b-npatu22zbc] { display: flex; align-items: center; gap: .4rem; margin-block: .35rem; min-width: 0; } .customer-search input[b-npatu22zbc] { min-width: 0; flex: 1; width: 0; } .customer-search[b-npatu22zbc] svg { flex: 0 0 1rem; width: 1rem; } .cart-price-retry[b-npatu22zbc] { display: grid; gap: .5rem; padding: .65rem; border-radius: .6rem; background: var(--surface-muted, #eef3f8); color: var(--text-primary, #172b45); } .outlet-hero.catering-theme[b-npatu22zbc] { background: linear-gradient(125deg, #173a35, #28635a 60%, #438073); } .catering-pos .cart-line[b-npatu22zbc] { grid-template-columns: minmax(0, 1fr) auto; } .catering-pos .cart-line > strong[b-npatu22zbc] { grid-column: 1 / -1; justify-self: end; } .catering-pos .cart-line > div:first-child strong[b-npatu22zbc] { overflow: visible; white-space: normal; text-overflow: clip; overflow-wrap: anywhere; } .catering-pos .quantity-stepper[b-npatu22zbc] { overflow: visible; } .catering-pos .quantity-stepper button[b-npatu22zbc] { width: 2rem; height: 2.4rem; font-size: 1.1rem; } .catering-pos .catering-quantity[b-npatu22zbc] { width: 4.1rem; min-width: 0; height: 2.4rem; padding: .2rem .3rem; color: var(--ink); background: #fff; border: 0; border-inline: 1px solid var(--line); border-radius: 0; direction: ltr; text-align: center; font-variant-numeric: tabular-nums; } .catering-pos .catering-quantity:focus-visible[b-npatu22zbc] { outline: 2px solid var(--brand); outline-offset: -2px; } .catering-pos .catering-quantity[aria-invalid="true"][b-npatu22zbc] { background: #fff2f2; box-shadow: inset 0 0 0 2px #a32938; } .catering-pos .pos-product-card > strong[b-npatu22zbc] { display: block; overflow: visible; white-space: normal; -webkit-line-clamp: unset; font-size: .88rem; overflow-wrap: anywhere; } .catering-pos .checkout-total strong[b-npatu22zbc] { font-size: 1.18rem; } .catering-pos .empty-actions[b-npatu22zbc] { padding: .5rem 1rem 1rem; } @media (max-width: 420px) { .catering-pos .cart-line[b-npatu22zbc] { gap: .35rem; } .catering-pos .catering-quantity[b-npatu22zbc] { width: 3.5rem; } .catering-pos .quantity-stepper button[b-npatu22zbc] { width: 1.9rem; } } .cart-draft-content[b-npatu22zbc] { display: contents; } .cart-submit[b-npatu22zbc] { flex: 0 0 auto; padding: .65rem 1rem; border-top: 1px solid var(--line); background: #f8fafb; } .sale-draft-fields[b-npatu22zbc] { min-width: 0; margin: 0; padding: 0; border: 0; } .sale-recovery-panel[b-npatu22zbc], .settings-recovery-panel[b-npatu22zbc] { display: grid; gap: .5rem; padding: .7rem; border: 1px solid #b88a2d; border-radius: .6rem; background: #fff8e8; color: #493815; overflow-wrap: anywhere; } .sale-recovery-panel p[b-npatu22zbc], .settings-recovery-panel p[b-npatu22zbc] { margin: 0; line-height: 1.8; } .sale-recovery-retry[b-npatu22zbc], .settings-recovery-retry[b-npatu22zbc] { width: 100%; min-height: 2.75rem; white-space: normal; } .settings-recovery-panel[b-npatu22zbc] { margin-top: 1rem; } .pos-cart-card .cart-submit .checkout-button[b-npatu22zbc] { position: static; width: 100%; margin: 0; } @media (max-width: 920px) { .cart-submit[b-npatu22zbc] { padding: .45rem .58rem; } /* The shared header changes height with the viewport. Its existing measurement keeps the complete Catering cart below it. */ .catering-pos .pos-cart-card[b-npatu22zbc] { top: calc(max(5.3rem, var(--aria-header-height, 6.5rem) + .75rem) + env(safe-area-inset-top)); } /* A locked Catering draft has one scroll area so review fields cannot push its heading or recovery action outside a short mobile sheet. */ .catering-pos .catering-recovery .cart-draft-content[b-npatu22zbc] { display: block; flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #bfd0d5 transparent; } .catering-pos .catering-recovery .cart-draft-content .cart-lines[b-npatu22zbc], .catering-pos .catering-recovery .cart-draft-content .cart-checkout[b-npatu22zbc] { min-height: 0; max-height: none; overflow: visible; } /* The shell reserves the navigation dock when scrolling a target into view. Food actions also need room for the fixed cart summary above that dock. */ .catering-pos .pos-product-card[b-npatu22zbc] { scroll-margin-block-end: calc(5rem + env(safe-area-inset-bottom)); } } /* Short recovery sheets reserve real space for reviewing the locked draft, with the complete explanation and a full-size retry still in view. */ @media (max-width: 920px) and (max-height: 600px) { .catering-pos .catering-recovery[b-npatu22zbc] { top: calc(max(6.45rem, var(--aria-header-height, 6.5rem) + .75rem) + env(safe-area-inset-top)); gap: 0; } .catering-pos .catering-recovery > .mobile-cart-handle[b-npatu22zbc] { margin: 0 auto 0; } .catering-pos .catering-recovery > .section-heading[b-npatu22zbc] { min-height: 0; align-items: center; gap: .35rem; margin: 0; padding: .15rem .58rem; } .catering-pos .catering-recovery > .section-heading > div:first-child[b-npatu22zbc] { display: flex; flex-wrap: wrap; align-items: center; gap: .1rem .35rem; } .catering-pos .catering-recovery > .section-heading h2[b-npatu22zbc], .catering-pos .catering-recovery > .section-heading .eyebrow[b-npatu22zbc] { margin: 0; font-size: .875rem; line-height: 1.45; } .catering-pos .catering-recovery > .section-heading .eyebrow[b-npatu22zbc]::before { width: .65rem; } .catering-pos .catering-recovery .cart-submit[b-npatu22zbc] { padding: .25rem .58rem; } .catering-pos .catering-recovery .sale-recovery-panel[b-npatu22zbc] { gap: .25rem; padding: .3rem .5rem; font-size: .875rem; line-height: 1.55; } .catering-pos .catering-recovery .sale-recovery-panel p[b-npatu22zbc] { line-height: 1.55; } .catering-pos .catering-recovery .sale-recovery-retry[b-npatu22zbc] { min-height: 2.75rem; padding: .4rem .5rem; font-size: inherit; } } /* Tall Catering carts can use spare form space to review several foods at once. Short viewports keep the shared allocation for payment and recovery actions. */ @media (max-width: 920px) and (min-height: 700px) { .catering-pos .pos-cart-card .cart-lines[b-npatu22zbc] { max-height: min(40dvh, 24rem); flex: 0 1 auto; } } /* The desktop cart has a viewport height limit. Its form must remain scrollable when staff search, pricing feedback or payment fields make it taller. */ @media (min-width: 921px) { .pos-cart-card .cart-checkout[b-npatu22zbc] { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } } /* /Components/Pages/SalesPos.razor.rz.scp.css */ .sales-workspace[b-fhicf33399] { border: 0; padding: 0; margin: 0; min-width: 0; } .sales-workspace .two-column-workspace > *[b-fhicf33399], .sales-workspace .field[b-fhicf33399] { min-width: 0; } .sales-workspace .field-hint[b-fhicf33399], .sales-workspace .alert-banner[b-fhicf33399] { overflow-wrap: anywhere; } .sales-workspace .toolbar-row input[b-fhicf33399] { min-width: 0; flex: 1; } .sales-workspace .settlement-line-editor[b-fhicf33399] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } .sales-workspace .settlement-line-editor > *[b-fhicf33399] { min-width: 0; width: 100%; } .sales-cart-list[b-fhicf33399] { display: grid; gap: .75rem; padding: .8rem; } .sales-cart-item[b-fhicf33399] { min-width: 0; padding: .85rem; border: 1px solid #dce5eb; border-radius: 14px; background: #f8fbfd; } .sales-cart-item header[b-fhicf33399], .sales-cart-item footer[b-fhicf33399] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; } .sales-cart-item header > div[b-fhicf33399] { flex: 1; min-width: 0; overflow-wrap: anywhere; } .sales-cart-fields[b-fhicf33399] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: .8rem 0; } .sales-cart-fields[b-fhicf33399] input { width: 100%; min-width: 0; min-height: 42px; padding: .55rem; border: 1px solid #cbd8e1; border-radius: 10px; background: #fff; color: #173b52; } .sales-cart-pricing[b-fhicf33399] { margin: .6rem 0; line-height: 1.8; font-size: .78rem; overflow-wrap: anywhere; } .sales-cart-item footer[b-fhicf33399] { border-top: 1px solid #dce5eb; padding-top: .7rem; font-size: .8rem; } .sales-workspace .panel-heading[b-fhicf33399] { flex-wrap: wrap; } @media (max-width: 900px) { .sales-workspace .two-column-workspace[b-fhicf33399] { grid-template-columns: minmax(0, 1fr); } .sales-workspace .sticky-panel[b-fhicf33399] { position: static; } .sales-workspace .form-grid.three[b-fhicf33399] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .sales-workspace .form-grid.three[b-fhicf33399], .sales-workspace .settlement-line-editor[b-fhicf33399] { display: grid; grid-template-columns: minmax(0, 1fr); } .sales-workspace .span-2[b-fhicf33399] { grid-column: auto; } .sales-workspace .stats-strip[b-fhicf33399] { grid-template-columns: minmax(0, 1fr); } } /* /Components/Pages/VipServices.razor.rz.scp.css */ .vip-workspace[b-i5ickmkwdh]{display:grid;gap:20px;min-width:0;padding-bottom:24px;color:#213e4d} .vip-history-filter[b-i5ickmkwdh]{margin-bottom:18px;border-bottom:1px solid #e0e8eb;padding-bottom:12px}.vip-history-filter summary[b-i5ickmkwdh]{cursor:pointer;padding:8px 0;font-weight:600;font-size:13px}.vip-history-filter .vip-statement-filter[b-i5ickmkwdh]{margin-top:12px} .vip-workspace-header[b-i5ickmkwdh]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid #d9e7e4;border-radius:22px;background:linear-gradient(115deg,#eaf5ef,#fbf6e9)} .vip-workspace-header h1[b-i5ickmkwdh]{font-size:clamp(24px,2.8vw,34px);margin:6px 0 10px;letter-spacing:-.6px}.vip-workspace-header p[b-i5ickmkwdh]{margin:0;line-height:1.9;max-width:660px;color:#47616c} .vip-actions[b-i5ickmkwdh]{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.vip-actions button[b-i5ickmkwdh],.vip-actions a[b-i5ickmkwdh]{white-space:normal;text-align:center;min-height:42px} .vip-metrics[b-i5ickmkwdh]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vip-metrics article[b-i5ickmkwdh]{display:grid;gap:8px;border:1px solid #dbe5e8;background:#fff;border-radius:18px;padding:20px}.vip-metrics article:first-child[b-i5ickmkwdh]{background:#173f3b;color:#fff;border-color:#173f3b}.vip-metrics strong[b-i5ickmkwdh]{font-size:32px;line-height:1.3}.vip-metrics small[b-i5ickmkwdh]{opacity:.8;line-height:1.8} .vip-tabs[b-i5ickmkwdh]{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dce6e8;padding-bottom:12px}.vip-tabs button[b-i5ickmkwdh]{padding:12px 18px;background:#fff;border:1px solid #d4e1e3;border-radius:12px;color:#314c5b;font-weight:700;min-height:46px}.vip-tabs button.active[b-i5ickmkwdh]{color:#fff;background:#245b52;border-color:#245b52}.vip-tabs button:focus-visible[b-i5ickmkwdh],.vip-workspace button:focus-visible[b-i5ickmkwdh],.vip-dialog button:focus-visible[b-i5ickmkwdh]{outline:3px solid #be941d;outline-offset:3px} .vip-panel[b-i5ickmkwdh]{padding:24px;border:1px solid #dbe5e8;border-radius:20px;background:#fff;min-width:0}.vip-section-head[b-i5ickmkwdh]{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:22px}.vip-section-head h2[b-i5ickmkwdh]{font-size:21px;margin:0 0 7px}.vip-section-head p[b-i5ickmkwdh]{color:#566f7b;line-height:1.9;margin:0}.vip-section-head>button[b-i5ickmkwdh]{flex-shrink:0} .vip-toolbar[b-i5ickmkwdh]{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:20px}.vip-workspace label[b-i5ickmkwdh],.vip-dialog label[b-i5ickmkwdh]{display:grid;gap:9px;font-size:13px;font-weight:600;line-height:1.8;min-width:0}.vip-workspace input[b-i5ickmkwdh],.vip-workspace select[b-i5ickmkwdh],.vip-dialog input:not([type=checkbox])[b-i5ickmkwdh],.vip-dialog select[b-i5ickmkwdh],.vip-dialog textarea[b-i5ickmkwdh]{width:100%;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #becfd5;border-radius:10px;background:#fff;color:#213e4d;font:inherit;box-sizing:border-box}.vip-workspace input:focus[b-i5ickmkwdh],.vip-workspace select:focus[b-i5ickmkwdh],.vip-dialog input:focus[b-i5ickmkwdh],.vip-dialog select:focus[b-i5ickmkwdh],.vip-dialog textarea:focus[b-i5ickmkwdh]{outline:2px solid #4c8f80;outline-offset:1px}.vip-dialog textarea[b-i5ickmkwdh]{resize:vertical;min-height:96px}.vip-search[b-i5ickmkwdh]{margin-bottom:20px;max-width:640px} .vip-booking-list[b-i5ickmkwdh]{display:grid;gap:12px}.vip-booking-card[b-i5ickmkwdh]{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid #e0e8eb;padding:20px;border-radius:15px;background:#fcfefe}.vip-booking-time[b-i5ickmkwdh]{display:grid;gap:5px;text-align:center;border-left:1px solid #dde8e8;padding-left:20px}.vip-booking-time strong[b-i5ickmkwdh]{font-size:25px;direction:ltr}.vip-booking-time span[b-i5ickmkwdh],.vip-booking-time small[b-i5ickmkwdh]{font-size:12px;color:#506d78}.vip-booking-copy[b-i5ickmkwdh]{min-width:0}.vip-booking-copy h3[b-i5ickmkwdh]{font-size:17px;margin:9px 0 6px;line-height:1.7}.vip-booking-copy p[b-i5ickmkwdh]{margin:0 0 7px}.vip-booking-copy small[b-i5ickmkwdh]{line-height:1.9;color:#496474} .vip-pill[b-i5ickmkwdh]{display:inline-flex;font-size:11px;font-weight:700;padding:4px 10px;border-radius:8px;background:#edf2f4;color:#45606e}.vip-pill.status-1[b-i5ickmkwdh]{background:#fff2d3;color:#775407}.vip-pill.status-2[b-i5ickmkwdh]{background:#e3f4e9;color:#245b3b}.vip-pill.status-3[b-i5ickmkwdh]{background:#f1edf0;color:#645965} .vip-empty[b-i5ickmkwdh]{padding:36px 20px;text-align:center;line-height:2;color:#516976;grid-column:1/-1}.vip-empty h2[b-i5ickmkwdh],.vip-empty h3[b-i5ickmkwdh]{color:#294657}.vip-empty p[b-i5ickmkwdh]{max-width:620px;margin:10px auto 20px} .vip-entitlement-grid[b-i5ickmkwdh]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vip-entitlement[b-i5ickmkwdh]{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:20px;border:1px solid #dbe6e9;border-radius:16px}.vip-entitlement h3[b-i5ickmkwdh]{font-size:17px;line-height:1.8;margin:0}.vip-source[b-i5ickmkwdh]{overflow-wrap:anywhere;font-size:12px;line-height:1.7}.vip-session-counts[b-i5ickmkwdh]{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#476570}.vip-session-counts b[b-i5ickmkwdh]{font-size:18px;display:block;color:#254d45}.vip-entitlement progress[b-i5ickmkwdh]{width:100%;height:6px;accent-color:#397b68}.vip-entitlement button[b-i5ickmkwdh]{width:100%;margin-top:auto} .vip-statement-filter[b-i5ickmkwdh]{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:16px;align-items:end}.vip-statement-filter>button[b-i5ickmkwdh]{min-height:44px}.vip-statement-actions[b-i5ickmkwdh]{justify-content:flex-end;margin:22px 0}.vip-statement[b-i5ickmkwdh]{border:1px solid #d9e5e8;border-radius:16px;padding:24px}.vip-statement h3[b-i5ickmkwdh]{font-size:22px;margin:0 0 8px}.vip-statement>p[b-i5ickmkwdh]{font-size:13px;color:#496675}.vip-statement-totals[b-i5ickmkwdh]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 0}.vip-statement-totals>div[b-i5ickmkwdh]{display:grid;gap:9px;background:#f3f7f7;border-radius:10px;padding:14px}.vip-statement-totals span[b-i5ickmkwdh]{font-size:12px}.vip-statement-totals b[b-i5ickmkwdh]{font-size:19px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.vip-statement-totals>div:last-child[b-i5ickmkwdh]{background:#e8f5ee;color:#275947}.vip-table-scroll[b-i5ickmkwdh]{overflow:auto;max-width:100%;border:1px solid #e2e9ea;border-radius:12px}.vip-workspace table[b-i5ickmkwdh]{width:100%;border-collapse:collapse;text-align:right;font-size:13px;min-width:580px}.vip-workspace th[b-i5ickmkwdh]{background:#f2f6f7;font-weight:700;color:#476370;white-space:nowrap}.vip-workspace td[b-i5ickmkwdh],.vip-workspace th[b-i5ickmkwdh]{padding:14px;line-height:1.8;border-bottom:1px solid #e2e9ea}.vip-workspace td small[b-i5ickmkwdh]{display:block;color:#5b7380;font-size:11px}.vip-workspace td strong[b-i5ickmkwdh]{font-size:13px}.vip-current-balance[b-i5ickmkwdh]{padding-top:16px;border-top:1px solid #dbe7e7;line-height:2}.vip-payment-history[b-i5ickmkwdh]{margin-top:20px}.vip-payment-history summary[b-i5ickmkwdh]{cursor:pointer;padding:14px 0;font-weight:600}.vip-payment-row[b-i5ickmkwdh]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid #e0e8eb}.vip-payment-row small[b-i5ickmkwdh]{display:block;margin-top:6px;font-size:12px;color:#506d78} .vip-rule-grid[b-i5ickmkwdh]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vip-rule-grid article[b-i5ickmkwdh]{padding:20px;border-radius:14px;background:#f4f8f6}.vip-rule-grid h3[b-i5ickmkwdh]{margin:0 0 10px;font-size:16px}.vip-rule-grid strong[b-i5ickmkwdh]{color:#2c6452;font-size:18px}.vip-rule-grid p[b-i5ickmkwdh],.vip-note[b-i5ickmkwdh]{font-size:13px;color:#526e79;line-height:2}.vip-note[b-i5ickmkwdh]{padding:14px;background:#f2f7f8;border-radius:12px;margin:16px 0} .vip-overlay[b-i5ickmkwdh]{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:20px;background:#071c37a6;backdrop-filter:blur(4px)}.vip-dialog[b-i5ickmkwdh]{display:flex;flex-direction:column;width:min(660px,100%);max-height:calc(100dvh - 40px);background:#fff;color:#1e3b4d;border-radius:20px;box-shadow:0 28px 90px #00132666;overflow:hidden;direction:rtl}.vip-dialog>header[b-i5ickmkwdh]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px;border-bottom:1px solid #e0e7e8}.vip-dialog h2[b-i5ickmkwdh]{font-size:21px;margin:0;line-height:1.7}.vip-dialog-body[b-i5ickmkwdh]{padding:22px;overflow-y:auto;overscroll-behavior:contain}.vip-dialog>footer[b-i5ickmkwdh]{padding:18px 22px;display:flex;gap:12px;border-top:1px solid #dfe7e8;background:#fbfdfd;flex-shrink:0}.vip-form[b-i5ickmkwdh]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vip-form .wide[b-i5ickmkwdh]{grid-column:1/-1}.vip-confirm[b-i5ickmkwdh]{display:flex!important;align-items:flex-start;gap:10px!important;margin-top:20px;cursor:pointer}.vip-confirm input[b-i5ickmkwdh]{accent-color:#2f7460;width:19px;height:19px;flex-shrink:0;margin-top:3px}.vip-review[b-i5ickmkwdh]{padding:18px;border-radius:12px;background:#eef6f2;line-height:1.9}.vip-review h3[b-i5ickmkwdh]{margin:0 0 10px}.vip-review p[b-i5ickmkwdh]{margin:7px 0}.vip-workspace button:disabled[b-i5ickmkwdh],.vip-dialog button:disabled[b-i5ickmkwdh]{opacity:.55;cursor:not-allowed} @media(max-width:1100px){.vip-workspace-header[b-i5ickmkwdh]{align-items:flex-start;flex-direction:column}.vip-entitlement-grid[b-i5ickmkwdh]{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-statement-filter[b-i5ickmkwdh]{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-booking-card[b-i5ickmkwdh]{grid-template-columns:110px minmax(0,1fr)}.vip-booking-card>.vip-actions[b-i5ickmkwdh]{grid-column:2}.vip-statement-totals[b-i5ickmkwdh]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.vip-workspace[b-i5ickmkwdh]{gap:14px}.vip-workspace-header[b-i5ickmkwdh],.vip-panel[b-i5ickmkwdh]{padding:18px;border-radius:16px}.vip-workspace-header p[b-i5ickmkwdh]{font-size:13px}.vip-metrics[b-i5ickmkwdh]{gap:8px}.vip-metrics article[b-i5ickmkwdh]{padding:13px 10px;border-radius:12px}.vip-metrics span[b-i5ickmkwdh]{font-size:11px;line-height:1.8}.vip-metrics strong[b-i5ickmkwdh]{font-size:25px}.vip-metrics small[b-i5ickmkwdh]{font-size:10px}.vip-tabs[b-i5ickmkwdh]{gap:7px}.vip-tabs button[b-i5ickmkwdh]{flex:1 1 43%;font-size:12px;padding:10px 8px}.vip-section-head[b-i5ickmkwdh]{align-items:stretch;flex-direction:column;gap:12px}.vip-section-head h2[b-i5ickmkwdh]{font-size:19px}.vip-toolbar[b-i5ickmkwdh],.vip-statement-filter[b-i5ickmkwdh],.vip-rule-grid[b-i5ickmkwdh],.vip-entitlement-grid[b-i5ickmkwdh]{grid-template-columns:1fr}.vip-booking-card[b-i5ickmkwdh]{padding:15px;gap:12px;grid-template-columns:90px minmax(0,1fr)}.vip-booking-time[b-i5ickmkwdh]{padding-left:12px}.vip-booking-time strong[b-i5ickmkwdh]{font-size:22px}.vip-booking-card>.vip-actions[b-i5ickmkwdh]{grid-column:1/-1}.vip-booking-card>.vip-actions button[b-i5ickmkwdh]{flex:1}.vip-statement[b-i5ickmkwdh]{padding:14px}.vip-statement-totals[b-i5ickmkwdh]{gap:8px}.vip-statement-totals>div[b-i5ickmkwdh]{padding:10px}.vip-statement-totals b[b-i5ickmkwdh]{font-size:16px}.vip-payment-row[b-i5ickmkwdh]{align-items:flex-start;flex-direction:column}.vip-dialog[b-i5ickmkwdh]{max-height:calc(100dvh - 16px);border-radius:16px}.vip-overlay[b-i5ickmkwdh]{padding:8px}.vip-dialog>header[b-i5ickmkwdh],.vip-dialog-body[b-i5ickmkwdh],.vip-dialog>footer[b-i5ickmkwdh]{padding:16px}.vip-dialog h2[b-i5ickmkwdh]{font-size:18px}.vip-form[b-i5ickmkwdh]{grid-template-columns:1fr}.vip-dialog>footer button[b-i5ickmkwdh]{flex:1}.vip-dialog .wide[b-i5ickmkwdh]{grid-column:auto}} @media(prefers-reduced-motion:reduce){*[b-i5ickmkwdh]{scroll-behavior:auto}} .vip-dialog[b-i5ickmkwdh] .persian-date-field,.vip-workspace[b-i5ickmkwdh] .persian-date-field{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;min-width:0} .vip-dialog[b-i5ickmkwdh] .persian-date-field input,.vip-dialog[b-i5ickmkwdh] .persian-date-field select,.vip-workspace[b-i5ickmkwdh] .persian-date-field input,.vip-workspace[b-i5ickmkwdh] .persian-date-field select{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #becfd5;border-radius:10px;background:#fff;color:#213e4d;font:inherit} .vip-dialog[b-i5ickmkwdh] input[type=text]{width:100%;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #becfd5;border-radius:10px;background:#fff;color:#213e4d;font:inherit;box-sizing:border-box}.vip-statement[b-i5ickmkwdh]{scroll-margin-top:100px} /* /Components/Shared/PoolEmptyTabsManager.razor.rz.scp.css */ .empty-tabs-backdrop[b-dzrwo08hjh] { z-index: 2400; padding: 20px; } .empty-tabs-manager[b-dzrwo08hjh] { width: min(1180px,100%); max-height: calc(100dvh - 40px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; color: #172942; background: #f6f8fc; border: 1px solid #c7d2e0; border-radius: 18px; box-shadow: 0 24px 70px #0007; overflow: hidden; direction: rtl; min-width: 0; } .empty-tabs-manager header[b-dzrwo08hjh] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 22px; background: #11253e; color: #f5f8fc; } .empty-tabs-manager h2[b-dzrwo08hjh] { font-size: 1.3rem; margin: 0; }.empty-tabs-manager header p[b-dzrwo08hjh] { margin: 7px 0 0; max-width: 800px; color: #d1ddea; line-height: 1.8; } .empty-tabs-manager header h2[b-dzrwo08hjh] { color: #f5f8fc; } .empty-tabs-manager h3[b-dzrwo08hjh] { font-size: 1rem; margin: 0 0 10px; }.empty-tabs-body[b-dzrwo08hjh] { overflow: auto; overscroll-behavior: contain; padding: 18px 22px; min-width: 0; scroll-padding-block: 12px; } .empty-tabs-search[b-dzrwo08hjh] { margin-bottom: 14px; }.empty-tabs-search label[b-dzrwo08hjh],.empty-tabs-reason label[b-dzrwo08hjh] { display: block; font-weight: 700; margin-bottom: 7px; }.empty-tabs-search>div[b-dzrwo08hjh] { display: flex; gap: 8px; }.empty-tabs-search input[b-dzrwo08hjh] { min-width: 0; flex: 1; } .empty-tabs-manager input:not([type=checkbox])[b-dzrwo08hjh],.empty-tabs-manager textarea[b-dzrwo08hjh] { background: white; border: 1px solid #94a8c1; color: #12243d; border-radius: 9px; min-height: 44px; padding: 10px 12px; font: inherit; width: 100%; box-sizing: border-box; } .empty-tabs-manager textarea[b-dzrwo08hjh] { resize: vertical; max-height: 130px; }.empty-tabs-manager input[type=checkbox][b-dzrwo08hjh] { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #84601a; }.empty-tabs-manager button[b-dzrwo08hjh] { min-height: 44px; white-space: normal; } .empty-tabs-manager button:focus-visible[b-dzrwo08hjh],.empty-tabs-manager input:focus-visible[b-dzrwo08hjh],.empty-tabs-manager textarea:focus-visible[b-dzrwo08hjh],.empty-tabs-manager [tabindex]:focus-visible[b-dzrwo08hjh] { outline: 3px solid #926800; outline-offset: 3px; } .empty-tabs-counts[b-dzrwo08hjh] { display: flex; gap: 9px; flex-wrap: wrap; margin: 14px 0; }.empty-tabs-counts span[b-dzrwo08hjh] { padding: 6px 11px; background: #e4ebf4; border-radius: 20px; font-weight: 700; }.empty-tabs-select-page[b-dzrwo08hjh] { display: flex; gap: 9px; align-items: center; margin: 12px 0; min-height: 44px; } .empty-tabs-table-scroll[b-dzrwo08hjh] { max-width: 100%; overflow: auto; }.empty-tabs-table[b-dzrwo08hjh] { width: 100%; border-collapse: collapse; font-size: .9rem; }.empty-tabs-table th[b-dzrwo08hjh] { text-align: right; background: #e5ebf4; padding: 12px; }.empty-tabs-table td[b-dzrwo08hjh] { border-bottom: 1px solid #d1dbe7; padding: 12px; vertical-align: top; min-width: 125px; }.empty-tabs-table td span[b-dzrwo08hjh] { display: block; line-height: 1.8; overflow-wrap: anywhere; }.empty-tabs-table code[b-dzrwo08hjh] { display: inline-block; max-width: 180px; overflow-wrap: anywhere; white-space: normal; }.empty-tabs-row-select[b-dzrwo08hjh] { display: flex; gap: 9px; align-items: center; min-height: 38px; overflow-wrap: anywhere; }.empty-tabs-status[b-dzrwo08hjh] { color: #236144; }.needs-review .empty-tabs-status[b-dzrwo08hjh] { color: #8b371f; }.needs-review[b-dzrwo08hjh] { background: #fff5e9; } .empty-tabs-paging[b-dzrwo08hjh] { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 14px; flex-wrap: wrap; }.empty-tabs-empty[b-dzrwo08hjh] { padding: 26px 14px; text-align: center; background: #eaf0f8; border-radius: 12px; } .empty-tabs-manager footer[b-dzrwo08hjh] { padding: 14px 22px; background: #fff; border-top: 1px solid #c7d2e0; display: flex; align-items: flex-end; gap: 16px; min-width: 0; }.empty-tabs-reason[b-dzrwo08hjh] { flex: 1; min-width: 0; }.empty-tabs-submit[b-dzrwo08hjh] { display: grid; gap: 9px; max-width: 350px; font-size: .85rem; }.empty-tabs-confirmation[b-dzrwo08hjh] { width: 100%; }.empty-tabs-confirmation>div[b-dzrwo08hjh] { display: flex; gap: 10px; }.empty-tabs-confirmation pre[b-dzrwo08hjh],.empty-tabs-pending pre[b-dzrwo08hjh] { font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 135px; overflow: auto; line-height: 1.8; margin: 10px 0; } .empty-tabs-pending[b-dzrwo08hjh] { background: #fff3d9; border: 1px solid #c7a558; padding: 16px; border-radius: 12px; }.empty-tabs-results[b-dzrwo08hjh] { margin-bottom: 18px; }.empty-tabs-result[b-dzrwo08hjh] { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 12px; border: 1px solid #9cbba9; background: #effaf3; border-radius: 10px; margin: 8px 0; overflow-wrap: anywhere; }.empty-tabs-result p[b-dzrwo08hjh],.empty-tabs-result small[b-dzrwo08hjh] { grid-column: 1/-1; margin: 0; }.empty-tabs-result.failed[b-dzrwo08hjh] { border-color: #d1a497; background: #fff2ed; } @media(max-width:700px) { .empty-tabs-backdrop[b-dzrwo08hjh] { padding: 8px; }.empty-tabs-manager[b-dzrwo08hjh] { max-height: calc(100dvh - 16px); border-radius: 12px; }.empty-tabs-manager header[b-dzrwo08hjh],.empty-tabs-body[b-dzrwo08hjh],.empty-tabs-manager footer[b-dzrwo08hjh] { padding: 12px; }.empty-tabs-manager header[b-dzrwo08hjh] { gap: 8px; }.empty-tabs-manager h2[b-dzrwo08hjh] { font-size: 1.1rem; }.empty-tabs-manager header p[b-dzrwo08hjh] { font-size: .8rem; }.empty-tabs-search>div[b-dzrwo08hjh] { display: grid; grid-template-columns: 1fr 1fr; }.empty-tabs-search input[b-dzrwo08hjh] { grid-column: 1/-1; }.empty-tabs-manager footer[b-dzrwo08hjh] { align-items: stretch; flex-direction: column; gap: 10px; }.empty-tabs-reason[b-dzrwo08hjh],.empty-tabs-submit[b-dzrwo08hjh] { width: 100%; max-width: none; }.empty-tabs-submit[b-dzrwo08hjh] { grid-template-columns: minmax(0,1fr); }.empty-tabs-manager textarea[b-dzrwo08hjh] { max-height: 80px; }.empty-tabs-table[b-dzrwo08hjh],.empty-tabs-table tbody[b-dzrwo08hjh],.empty-tabs-table tr[b-dzrwo08hjh],.empty-tabs-table td[b-dzrwo08hjh] { display: block; width: 100%; box-sizing: border-box; }.empty-tabs-table thead[b-dzrwo08hjh] { display: none; }.empty-tabs-table tr[b-dzrwo08hjh] { border: 1px solid #c8d4e3; border-radius: 12px; background: white; margin-bottom: 12px; overflow: hidden; }.empty-tabs-table td[b-dzrwo08hjh] { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 8px; min-width: 0; border-bottom: 1px solid #e1e7ef; padding: 10px; }.empty-tabs-table td[b-dzrwo08hjh]:before { content: attr(data-label); font-size: .8rem; color: #4d607a; }.empty-tabs-table td>*[b-dzrwo08hjh] { min-width: 0; grid-column: 2; }.empty-tabs-table td[b-dzrwo08hjh]:before { grid-column: 1; grid-row: 1/span 4; }.empty-tabs-table code[b-dzrwo08hjh] { max-width: 100%; }.empty-tabs-confirmation pre[b-dzrwo08hjh] { max-height: 100px; }.empty-tabs-manager footer .primary-button[b-dzrwo08hjh] { width: 100%; }.empty-tabs-confirmation>div[b-dzrwo08hjh] { flex-wrap: wrap; } } @media(max-height:560px) { .empty-tabs-manager header p[b-dzrwo08hjh] { display: none; }.empty-tabs-manager header[b-dzrwo08hjh] { padding-block: 8px; }.empty-tabs-manager footer[b-dzrwo08hjh] { padding-block: 8px; }.empty-tabs-manager textarea[b-dzrwo08hjh] { max-height: 52px; min-height: 44px; }.empty-tabs-confirmation pre[b-dzrwo08hjh] { max-height: 60px; } } /* /Components/Shared/RfidBandPicker.razor.rz.scp.css */ .band-picker-backdrop[b-r959o72i38]{position:fixed;inset:0;z-index:1150;display:flex;align-items:center;justify-content:center;padding:20px;background:#07101ddd;direction:rtl}.band-picker[b-r959o72i38]{width:min(620px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #355170;border-radius:16px;background:#101e34;color:#edf3fb}.band-picker header[b-r959o72i38],.band-picker footer[b-r959o72i38]{padding:18px;flex-shrink:0;background:#14263e}.band-picker h2[b-r959o72i38]{margin:0 0 8px;font-size:22px}.band-picker p[b-r959o72i38]{margin:0;line-height:1.8;color:#afc0d3}.band-picker-body[b-r959o72i38]{min-height:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.band-candidate[b-r959o72i38]{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;white-space:normal;gap:7px;padding:14px;background:#172942;border:1px solid #355170;border-radius:10px;color:inherit;overflow-wrap:anywhere}.band-candidate span[b-r959o72i38],.band-candidate small[b-r959o72i38]{color:#afc0d3}.band-candidate:focus-visible[b-r959o72i38]{outline:2px solid #e6bd68;outline-offset:3px}.band-picker footer[b-r959o72i38]{display:flex;justify-content:flex-end}.band-picker footer button[b-r959o72i38]{min-height:42px;min-width:100px}@media(max-width:600px){.band-picker-backdrop[b-r959o72i38]{padding:10px}.band-picker[b-r959o72i38]{max-height:calc(100dvh - 20px)}.band-picker h2[b-r959o72i38]{font-size:19px}} /* /Components/Shared/RfidSeriesManager.razor.rz.scp.css */ .series-backdrop[b-ivshfkund4]{position:fixed;inset:0;z-index:1000;background:#07101ddd;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl} .series-manager[b-ivshfkund4]{background:#101e34;color:#edf3fb;border:1px solid #355170;border-radius:16px;width:min(920px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden} header[b-ivshfkund4],footer[b-ivshfkund4]{padding:18px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-shrink:0;background:#14263e} h2[b-ivshfkund4]{font-size:22px;margin:0 0 6px}header p[b-ivshfkund4]{margin:0;color:#afc0d3;font-size:13px;line-height:1.8} .series-body[b-ivshfkund4]{min-height:0;overflow:auto;display:grid;grid-template-columns:1fr 340px;gap:18px;padding:18px}.series-list[b-ivshfkund4]{display:flex;flex-direction:column;gap:10px}.series-row[b-ivshfkund4]{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:right;white-space:normal;word-break:break-word;background:#172942;border:1px solid #355170;border-radius:10px;padding:13px;color:inherit;min-height:76px}.series-row.selected[b-ivshfkund4]{border-color:#d7af60}.series-row span[b-ivshfkund4],.series-row small[b-ivshfkund4]{color:#afc0d3} fieldset[b-ivshfkund4]{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}label[b-ivshfkund4]{margin-top:8px}input:not([type=checkbox])[b-ivshfkund4]{min-width:0;width:100%;box-sizing:border-box;min-height:42px;background:#172942;color:inherit;border:1px solid #355170;border-radius:8px;padding:9px 11px}.series-active[b-ivshfkund4]{display:flex;align-items:center;gap:8px;margin-top:14px}.series-form p[b-ivshfkund4]{line-height:1.8;overflow-wrap:anywhere}button:disabled[b-ivshfkund4]{opacity:.55}button:focus-visible[b-ivshfkund4],input:focus-visible[b-ivshfkund4]{outline:2px solid #e6bd68;outline-offset:3px} @media(max-width:720px){.series-backdrop[b-ivshfkund4]{padding:10px}.series-manager[b-ivshfkund4]{max-height:calc(100dvh - 20px)}.series-body[b-ivshfkund4]{grid-template-columns:1fr}header[b-ivshfkund4]{align-items:flex-start}header p[b-ivshfkund4]{font-size:12px}h2[b-ivshfkund4]{font-size:19px}footer[b-ivshfkund4]{flex-wrap:wrap}footer button[b-ivshfkund4]{flex:1;min-height:42px}.series-list[b-ivshfkund4]{max-height:220px;overflow:auto}}