.delivery-note-screen{--dn-bg-a:#f7f9f6;--dn-bg-b:#eff5ff;--dn-panel-bg:#ffffffd1;--dn-panel-border:#0f172a14;--dn-shadow:0 20px 48px -30px #0f172a73;--dn-title:#10233d;--dn-muted:#4e627b;--dn-brand-a:#0f766e;--dn-brand-b:#0369a1;font-family:var(--font-public-sans);background:radial-gradient(circle at 12% 8%, #0f766e1a, transparent 38%), radial-gradient(circle at 88% 1%, #0369a11a, transparent 34%), linear-gradient(170deg, var(--dn-bg-a), var(--dn-bg-b))}.dark .delivery-note-screen{--dn-bg-a:#071425;--dn-bg-b:#0d1f33;--dn-panel-bg:#071323cc;--dn-panel-border:#94a3b83d;--dn-shadow:0 24px 48px -24px #010710b3;--dn-title:#dbeafe;--dn-muted:#9fb4d0;--dn-brand-a:#2dd4bf;--dn-brand-b:#38bdf8}.delivery-note-hero{border:1px solid var(--dn-panel-border);box-shadow:var(--dn-shadow);background:linear-gradient(112deg,#0f766eeb,#0369a1e6),repeating-linear-gradient(135deg,#ffffff17 0 8px,#fff0 8px 18px);border-radius:1rem;overflow:hidden}.delivery-note-panel{background:var(--dn-panel-bg);border:1px solid var(--dn-panel-border);box-shadow:var(--dn-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.delivery-note-title{font-family:var(--font-poppins);color:var(--dn-title);letter-spacing:.01em}.delivery-note-muted{color:var(--dn-muted)}.delivery-note-control-label{color:var(--dn-title);font-weight:600}.delivery-note-control-input{color:#10233d;background:#fffffff0;border:1px solid #0f172a1f}.delivery-note-control-input::placeholder{color:#6b7f99}.delivery-note-control-input:focus,.delivery-note-control-input:focus-within{border-color:#0369a194;box-shadow:0 0 0 1px #0369a138}.delivery-note-table thead tr{background:#94a3b81a}.delivery-note-table th{color:var(--dn-title);font-weight:700}.delivery-note-table td{border-color:var(--dn-panel-border)}.delivery-note-table tbody tr:nth-of-type(odd){background:#ffffff6b}.delivery-note-table tbody tr:nth-of-type(2n){background:#ffffff38}.delivery-note-table tbody tr:hover{background:#0369a11f}.delivery-note-screen .mantine-Tabs-list{border-bottom:1px solid var(--dn-panel-border)}.delivery-note-screen .mantine-Tabs-tab{color:var(--dn-title);border-radius:.625rem .625rem 0 0;font-weight:600}.delivery-note-screen .mantine-Tabs-tab:hover{background:#0f172a0f}.delivery-note-screen .mantine-Tabs-tab[data-active=true]{color:var(--dn-brand-b);background:#0369a11f}.dark .delivery-note-screen .mantine-Tabs-tab{color:#dbeafe}.dark .delivery-note-screen .mantine-Tabs-tab:hover{background:#0f766e29}.delivery-note-print-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}@media (width<=992px){.delivery-note-print-grid{grid-template-columns:1fr}}.dark .delivery-note-screen .mantine-Tabs-tab[data-active=true]{color:#5eead4;background:#2dd4bf2e}.delivery-note-rich{font-size:.875rem;line-height:1.45}.delivery-note-rich p,.delivery-note-rich ul,.delivery-note-rich ol,.delivery-note-rich blockquote{margin:.15rem 0}.delivery-note-rich ul,.delivery-note-rich ol{padding-left:1.15rem}.delivery-note-rich li{margin:.1rem 0}.dark .delivery-note-control-input{color:#dbeafe;background:#020c1aeb;border-color:#94a3b847}.dark .delivery-note-control-input::placeholder{color:#88a3c4}.dark .delivery-note-control-input:focus,.dark .delivery-note-control-input:focus-within{border-color:#2dd4bf94;box-shadow:0 0 0 1px #2dd4bf3d}.dark .delivery-note-table thead tr{background:#1e406959}.dark .delivery-note-table tbody tr:nth-of-type(odd){background:#09182cd1}.dark .delivery-note-table tbody tr:nth-of-type(2n){background:#071323ad}.dark .delivery-note-table tbody tr:hover{background:#2dd4bf2e}.dark .delivery-note-table tbody tr:nth-of-type(odd) td{color:#dbeafe!important;background:#09182cd1!important}.dark .delivery-note-table tbody tr:nth-of-type(2n) td{color:#dbeafe!important;background:#071323ad!important}.dark .delivery-note-table tbody tr:hover td{color:#ecfeff!important;background:#2dd4bf2e!important}.dark .delivery-note-table tbody tr td{border-color:#94a3b83d!important}.delivery-note-screen .mantine-InputWrapper-label{color:var(--dn-title);font-weight:600}.delivery-note-screen .mantine-Input-input,.delivery-note-screen .mantine-Select-input,.delivery-note-screen .mantine-Textarea-input,.delivery-note-screen .mantine-DatePickerInput-input,.delivery-note-screen .mantine-DateInput-input{color:#10233d;background:#fffffff0;border:1px solid #0f172a1f}.delivery-note-screen .mantine-Input-input::placeholder,.delivery-note-screen .mantine-Select-input::placeholder,.delivery-note-screen .mantine-Textarea-input::placeholder,.delivery-note-screen .mantine-DatePickerInput-input::placeholder,.delivery-note-screen .mantine-DateInput-input::placeholder{color:#6b7f99}.delivery-note-screen .mantine-Input-input:focus,.delivery-note-screen .mantine-Select-input:focus,.delivery-note-screen .mantine-Textarea-input:focus,.delivery-note-screen .mantine-DatePickerInput-input:focus,.delivery-note-screen .mantine-DateInput-input:focus,.delivery-note-screen .mantine-Input-input:focus-within,.delivery-note-screen .mantine-Select-input:focus-within,.delivery-note-screen .mantine-Textarea-input:focus-within,.delivery-note-screen .mantine-DatePickerInput-input:focus-within,.delivery-note-screen .mantine-DateInput-input:focus-within{border-color:#0369a194;box-shadow:0 0 0 1px #0369a138}.dark .delivery-note-screen .mantine-InputWrapper-label{color:#dbeafe!important}.dark .delivery-note-screen .mantine-Input-input,.dark .delivery-note-screen .mantine-Select-input,.dark .delivery-note-screen .mantine-Textarea-input,.dark .delivery-note-screen .mantine-DatePickerInput-input,.dark .delivery-note-screen .mantine-DateInput-input{color:#dbeafe!important;background:#020c1aeb!important;border-color:#94a3b847!important}.dark .delivery-note-screen .mantine-Input-input::placeholder,.dark .delivery-note-screen .mantine-Select-input::placeholder,.dark .delivery-note-screen .mantine-Textarea-input::placeholder,.dark .delivery-note-screen .mantine-DatePickerInput-input::placeholder,.dark .delivery-note-screen .mantine-DateInput-input::placeholder{color:#88a3c4!important}.dark .delivery-note-screen .mantine-Input-input:focus,.dark .delivery-note-screen .mantine-Select-input:focus,.dark .delivery-note-screen .mantine-Textarea-input:focus,.dark .delivery-note-screen .mantine-DatePickerInput-input:focus,.dark .delivery-note-screen .mantine-DateInput-input:focus,.dark .delivery-note-screen .mantine-Input-input:focus-within,.dark .delivery-note-screen .mantine-Select-input:focus-within,.dark .delivery-note-screen .mantine-Textarea-input:focus-within,.dark .delivery-note-screen .mantine-DatePickerInput-input:focus-within,.dark .delivery-note-screen .mantine-DateInput-input:focus-within{border-color:#2dd4bf94!important;box-shadow:0 0 0 1px #2dd4bf3d!important}.dark .delivery-note-screen .mantine-Popover-dropdown{background:#0a1a2e!important;border:1px solid #94a3b847!important}.dark .delivery-note-screen .mantine-Popover-dropdown,.dark .delivery-note-screen .mantine-Popover-dropdown *{color:#dbeafe}.dark .delivery-note-screen .mantine-Popover-dropdown button:hover{background:#2dd4bf29}.dark .delivery-note-screen .mantine-Popover-dropdown button[data-selected]{color:#ecfeff!important;background:#2dd4bf47!important}.delivery-note-customer-snapshot{border:1px solid var(--dn-panel-border);background:#ffffffb3}.dark .delivery-note-customer-snapshot{background:#071323db!important;border-color:#94a3b847!important}.dark .delivery-note-date-dropdown{background:#0a1a2e!important;border:1px solid #94a3b847!important}.dark .delivery-note-date-dropdown,.dark .delivery-note-date-dropdown *,.dark .delivery-note-date-dropdown [data-mantine-stop-propagation]{color:#dbeafe!important}.dark .delivery-note-date-dropdown button:hover{background:#2dd4bf29!important}.dark .delivery-note-date-dropdown button[data-selected]{color:#ecfeff!important;background:#2dd4bf4d!important}