:root{--color-bg: #ffffff;--color-surface: #fafafa;--color-surface-muted: #f1f2f4;--color-surface-elevated: #ffffff;--color-border: #f1f2f4;--color-border-hover: #c4c4c4;--color-border-strong: #c4c4c4;--color-text-primary: #2b2b2b;--color-text-secondary: #676767;--color-text-muted: #717171;--color-text-placeholder: #b5b5b5;--color-text-disabled: #b5b5b5;--color-text-inverse: #ffffff;--color-primary: #dc0c2d;--color-primary-contrast: #ffffff;--color-brand: var(--color-text-primary);--color-brand-muted: var(--color-text-secondary);--color-accent: var(--color-primary);--color-accent-muted: #fff1f4;--color-menu-accent: var(--color-primary);--color-success: #57b872;--color-alert: #fab515;--color-destructive: #dc0c2d;--color-success-bg: rgba(87, 184, 114, .14);--color-success-text: #2f7d45;--color-success-dot: #2f7d45;--color-warning-bg: rgba(250, 181, 21, .16);--color-warning-text: #8a6200;--color-warning-dot: #8a6200;--color-error-bg: rgba(220, 12, 45, .12);--color-error-text: #dc0c2d;--color-error-dot: #dc0c2d;--color-neutral-bg: #f1f2f4;--color-neutral-text: #676767;--color-neutral-dot: #717171;--color-info-bg: rgba(103, 103, 103, .1);--color-info-text: #676767;--color-sync-pending-bg: var(--color-warning-bg);--color-sync-pending-text: var(--color-warning-text);--color-sync-synced-bg: var(--color-success-bg);--color-sync-synced-text: var(--color-success-text);--color-sync-error-bg: var(--color-error-bg);--color-sync-error-text: var(--color-error-text);--color-label-gray-bg: #f1f1ef;--color-label-gray-text: #656560;--color-label-blue-bg: #e3f2fd;--color-label-blue-text: #1e5fa8;--color-label-green-bg: #e7f3e8;--color-label-green-text: #2d723b;--color-label-red-bg: #fdecec;--color-label-red-text: #c83232;--color-label-yellow-bg: #fbf3db;--color-label-yellow-text: #a86603;--color-label-purple-bg: #f0e8f8;--color-label-purple-text: #5b3299;--color-label-pink-bg: #f8e6f0;--color-label-pink-text: #9e2a66;--color-label-orange-bg: #faebdd;--color-label-orange-text: #8f4510;--color-overlay: rgba(17, 24, 39, .22);--color-note-bg: rgba(250, 181, 21, .12);--color-bottom-menu-border: rgba(17, 24, 39, .12);--color-bottom-menu-bg: rgba(255, 255, 255, .96);--color-skeleton-shimmer: rgba(255, 255, 255, .74);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .06);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .12);--shadow-bottom-menu: 0 -10px 30px rgba(17, 24, 39, .08);--shadow-primary-action: 0 8px 18px rgba(220, 12, 45, .18);--shadow-fab: 0 10px 24px rgba(220, 12, 45, .22);--font-family-base: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-page-title: 32px;--line-height-tight: 1.15;--line-height-normal: 1.35;--line-height-relaxed: 1.55;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 28px;--page-padding: 20px;--page-padding-sm: 12px;--card-padding: 12px;--list-gap: 0px;--top-bar-height: 56px;--bottom-action-height: 64px;--touch-target-min: 44px;--control-height-md: 44px;--control-height-lg: 48px;--drawer-control-height: 48px}*{box-sizing:border-box}html,body,#hirdavatai-orders-app{min-height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-normal);letter-spacing:0;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{min-height:var(--touch-target-min)}.orders-app{min-height:100vh;background:var(--color-bg);color:var(--color-text-primary)}.perakende-list-screen{min-height:100vh;padding:0 var(--space-5) calc(env(safe-area-inset-bottom) + 104px);background:var(--color-bg);letter-spacing:0}.perakende-sticky-header{position:sticky;top:0;z-index:10;display:grid;gap:var(--space-3);padding:calc(env(safe-area-inset-top) + var(--space-5)) 0 var(--space-4);background:var(--color-bg)}.perakende-heading{display:grid;gap:var(--space-2)}.perakende-heading h1{margin:0;color:var(--color-text-primary);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium);letter-spacing:0;line-height:var(--line-height-tight)}.perakende-toolbar{display:grid;gap:var(--space-3)}.perakende-toolbar__search-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:var(--space-2);align-items:center}.button,.toolbar-icon-button,.icon-button,.scope-switch__button{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.button:disabled,.toolbar-icon-button:disabled{cursor:not-allowed;opacity:.75}.button--primary{border-color:var(--color-primary);border-width:2px;background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:0}.button--secondary{padding:0 var(--space-4);color:var(--color-text-secondary);font-weight:650}.create-button{width:100%;min-height:48px;border-radius:5px;padding:var(--space-2)}.toolbar-icon-button{position:relative;display:grid;width:44px;height:44px;place-items:center;border-color:transparent;color:var(--color-text-muted)}.toolbar-count{position:absolute;top:2px;right:0;display:grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--font-size-xs);font-weight:700}.search-input{display:grid;min-height:44px;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:var(--space-2);padding:0 var(--space-1);background:var(--color-surface)}.search-input__icon{color:var(--color-text-muted);line-height:0}.search-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:400;letter-spacing:0}.search-input input::placeholder{color:var(--color-text-disabled)}.search-input__clear{display:grid;width:var(--touch-target-min);height:var(--touch-target-min);min-height:var(--touch-target-min);place-items:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.scope-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.scope-switch__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:var(--space-2);border-color:var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:600;letter-spacing:0}.scope-switch__button[aria-pressed=true]{background:var(--color-surface-muted);color:var(--color-text-primary)}.mobile-filter-drawer-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;grid-template-columns:minmax(0,1fr) min(86vw,360px);background:transparent;overscroll-behavior:contain}.mobile-filter-drawer-backdrop{background:var(--color-overlay);touch-action:none}.mobile-filter-drawer{display:grid;min-width:0;max-height:100vh;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-elevated);overscroll-behavior:contain;touch-action:auto}.mobile-filter-drawer__header{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:64px;padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border-strong)}.mobile-filter-drawer__header h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight)}.mobile-filter-drawer__close{display:grid;width:var(--touch-target-min);min-height:var(--touch-target-min);place-items:center;padding:0;border:0;background:transparent;color:var(--color-text-muted)}.mobile-filter-drawer__body{display:grid;align-content:start;gap:var(--space-5);overflow-y:auto;padding:var(--space-4) var(--space-5);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-filter-field{display:grid;gap:var(--space-2)}.mobile-filter-field__label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight)}.mobile-filter-field__label svg{flex:0 0 auto}.mobile-filter-control{width:100%;min-height:var(--drawer-control-height);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-primary)}.mobile-filter-control--range{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:var(--space-2);padding:0 var(--space-3)}.mobile-filter-control--range span{color:var(--color-text-disabled);font-size:var(--font-size-md);text-align:center}.mobile-filter-control input,.mobile-filter-control select{min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.mobile-filter-control input{width:100%;text-align:center}.mobile-filter-control--date-range input{min-height:calc(var(--drawer-control-height) - 2px);cursor:pointer}.mobile-filter-control input::placeholder,.mobile-filter-control--input::placeholder{color:var(--color-text-disabled)}.mobile-filter-control--input{display:block;min-height:var(--drawer-control-height);padding:0 var(--space-4);border:1px solid var(--color-border-strong);outline:0;background:var(--color-surface)}.mobile-filter-control--select,.mobile-filter-control--multi-select{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:0 var(--space-4);color:var(--color-text-disabled)}.mobile-filter-control--select select{width:100%;min-height:calc(var(--drawer-control-height) - 2px);color:var(--color-text-muted);-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-filter-control--multi-select{min-height:var(--drawer-control-height);border-color:var(--color-border-strong);color:var(--color-text-muted);font-size:var(--font-size-md);text-align:left}.mobile-filter-control--multi-select[aria-expanded=true]{border-color:transparent;border-bottom-color:var(--color-border-strong);border-radius:0;outline:0}.mobile-filter-control--multi-select[aria-expanded=true]:focus,.mobile-filter-control--multi-select[aria-expanded=true]:focus-visible{outline:0}.mobile-filter-control__value,.mobile-filter-control__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-filter-control__value{color:var(--color-text-primary)}.mobile-filter-control__placeholder{color:var(--color-text-disabled)}.mobile-filter-select-group{display:grid;gap:var(--space-1)}.mobile-filter-options{display:flex;flex-wrap:wrap;gap:6px}.mobile-filter-option{display:inline-flex;min-height:var(--touch-target-min);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500}.mobile-filter-options--dropdown{display:grid;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.mobile-filter-options--dropdown .mobile-filter-option{justify-content:flex-start;min-height:44px;border-radius:var(--radius-md);padding:0 var(--space-3);text-align:left}.mobile-filter-option__checkbox{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:1px solid currentColor;border-radius:var(--radius-sm)}.mobile-filter-option[aria-pressed=true] .mobile-filter-option__checkbox:after{width:10px;height:10px;border-radius:2px;background:currentColor;content:""}.mobile-filter-option[aria-pressed=true][data-tone=gray]{background:var(--color-label-gray-bg);color:var(--color-label-gray-text)}.mobile-filter-option[aria-pressed=true][data-tone=blue]{background:var(--color-label-blue-bg);color:var(--color-label-blue-text)}.mobile-filter-option[aria-pressed=true][data-tone=green]{background:var(--color-label-green-bg);color:var(--color-label-green-text)}.mobile-filter-option[aria-pressed=true][data-tone=red]{background:var(--color-label-red-bg);color:var(--color-label-red-text)}.mobile-filter-option[aria-pressed=true][data-tone=yellow]{background:var(--color-label-yellow-bg);color:var(--color-label-yellow-text)}.mobile-filter-drawer__footer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3);padding:var(--space-4) var(--space-5) calc(env(safe-area-inset-bottom) + var(--space-4));border-top:1px solid var(--color-border);background:var(--color-surface)}.mobile-filter-drawer__clear,.mobile-filter-drawer__apply{min-height:48px;border-radius:var(--radius-md);font-size:var(--font-size-lg)}.print-options-drawer-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-columns:minmax(0,1fr) min(86vw,360px);background:transparent;overscroll-behavior:contain}.print-options-drawer-backdrop{width:100%;border:0;background:var(--color-overlay);touch-action:none}.print-options-drawer{display:grid;min-width:0;max-height:100vh;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-elevated)}.print-options-drawer__header{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:64px;padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border-strong)}.print-options-drawer__header h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight)}.print-options-drawer__close{display:grid;width:var(--touch-target-min);min-height:var(--touch-target-min);place-items:center;padding:0;border:0;background:transparent;color:var(--color-text-muted)}.print-options-drawer__body{display:grid;align-content:start;gap:var(--space-5);overflow-y:auto;padding:var(--space-4) var(--space-5) 0;overscroll-behavior:contain}.print-options-field{display:grid;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.print-options-field select,.print-options-field input{width:100%;min-width:0;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font:inherit;font-weight:500}.print-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.print-options-message{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.print-options-drawer__footer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3);margin:auto calc(var(--space-5) * -1) 0;padding:var(--space-4) var(--space-5) calc(env(safe-area-inset-bottom) + var(--space-4));border-top:1px solid var(--color-border);background:var(--color-surface)}.runtime-banner,.refreshing-note{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.runtime-banner{padding:var(--space-2) var(--space-3);border:1px solid var(--color-warning-bg);border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-warning-text)}.perakende-list{display:grid;margin:var(--space-5) 0 0}.perakende-list-footer{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4) 0 var(--space-2)}.perakende-list-count,.perakende-load-more-note{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.perakende-load-more-note{color:var(--color-text-secondary)}.perakende-load-more-error{display:inline-flex;min-height:var(--touch-target-min);align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-error-bg);border-radius:var(--radius-md);background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--font-size-sm)}.perakende-load-more-error .button{min-height:var(--touch-target-min);border-color:transparent;background:var(--color-surface);color:var(--color-error-text)}.perakende-load-more-button{min-width:160px}.perakende-load-more-sentinel{width:100%;height:1px}.perakende-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(178px,38%);column-gap:var(--space-4);align-items:start;width:100%;min-height:116px;padding:var(--space-4) var(--space-3) var(--space-4) 0;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);font:inherit;text-align:left}.perakende-row__left{display:grid;min-width:0;grid-template-columns:22px minmax(0,1fr);column-gap:var(--space-2)}.perakende-row__index{padding-top:1px;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:400;line-height:var(--line-height-tight)}.perakende-row__customer{display:grid;justify-items:start;gap:6px;min-width:0}.perakende-row__customer strong{overflow:hidden;color:var(--color-text-primary);font-size:calc(var(--font-size-xl) * .98);font-weight:600;line-height:var(--line-height-tight);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.perakende-row__customer small,.perakende-row__right small{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-tight);letter-spacing:0}.order-detail-panel small,.detail-line-row small,.muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.perakende-row__right{display:grid;min-width:0;justify-items:end;gap:9px;color:var(--color-text-secondary);text-align:right}.perakende-row__amount{color:var(--color-text-primary);font-size:calc(var(--font-size-xl) * 1.18);font-weight:650;line-height:var(--line-height-tight);white-space:nowrap;letter-spacing:0}.perakende-row__document{font-size:calc(var(--font-size-lg) * 1.05);font-weight:600}.perakende-row__user{display:inline-flex;min-width:0;align-items:center;justify-content:flex-end;gap:6px;color:var(--color-text-muted)}.perakende-row__user svg{flex:0 0 auto;color:var(--color-border-strong)}.perakende-row__user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-grid;grid-template-columns:9px minmax(0,max-content);width:fit-content;min-height:28px;align-items:center;column-gap:7px;border-radius:999px;padding:0 11px;background:var(--color-label-gray-bg);color:var(--color-label-gray-text);font-size:var(--font-size-md);font-weight:500;line-height:var(--line-height-tight);white-space:nowrap;letter-spacing:0}.badge:before{display:none;content:none}.badge__dot{display:block;width:9px;height:9px;border-radius:999px;background:currentColor}.badge__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge--ready,.badge--green,.badge--completed,.badge--invoiced,.badge--delivered,.badge--synced{background:var(--color-label-green-bg);color:var(--color-label-green-text)}.badge--blue{background:var(--color-label-blue-bg);color:var(--color-label-blue-text)}.badge--open,.badge--gray,.badge--not_synced{background:var(--color-label-gray-bg);color:var(--color-label-gray-text)}.badge--pending,.badge--yellow,.badge--in_progress{background:var(--color-label-yellow-bg);color:var(--color-label-yellow-text)}.badge--error,.badge--red,.badge--returned,.badge--cancelled{background:var(--color-label-red-bg);color:var(--color-label-red-text)}.badge--draft,.badge--neutral{background:var(--color-label-gray-bg);color:var(--color-label-gray-text)}.user-avatar{display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-muted);overflow:hidden}.user-avatar img{display:block;width:100%;height:100%;object-fit:cover}.user-avatar__fallback{color:var(--color-border-strong)}.skeleton-list{display:grid;gap:var(--list-gap);margin-top:var(--space-6)}.skeleton-card{display:grid;gap:var(--space-3);padding:var(--card-padding);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.skeleton-line{display:block;width:62%;height:14px;border-radius:var(--radius-sm);background:var(--color-surface-muted)}.skeleton-shimmer{position:relative;display:block;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface-muted)}.skeleton-shimmer:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--color-skeleton-shimmer),transparent);content:"";transform:translate(-100%);animation:skeleton-shimmer 1.35s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-line--wide{width:86%}.skeleton-line--short{width:38%}.state{display:grid;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-6) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center}.state h2{margin:0;font-size:var(--font-size-lg)}.state p{margin:0;color:var(--color-text-muted)}.state .button{justify-self:center;margin-top:var(--space-2)}.order-detail-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow-x:hidden;overflow-y:auto;background:var(--color-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.order-detail-panel--state{grid-template-rows:auto minmax(0,1fr)}.order-detail-topbar{position:sticky;top:0;z-index:4;display:flex;min-height:calc(env(safe-area-inset-top) + 60px);align-items:center;justify-content:space-between;gap:var(--space-2);padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--page-padding-sm) var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.order-detail-topbar__controls{display:flex;align-items:center;gap:var(--space-1)}.icon-button{display:inline-grid;width:44px;height:44px;min-height:44px;flex:0 0 auto;place-items:center;border-color:transparent;color:var(--color-text-secondary);font-size:var(--font-size-md)}.order-detail-actions{display:flex;min-width:0;justify-content:flex-end;gap:var(--space-1)}.order-detail-action{display:inline-grid;width:var(--touch-target-min);min-height:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);place-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:500;white-space:nowrap}.order-detail-action:disabled{cursor:not-allowed;opacity:.94}.order-detail-action--edit{border-color:var(--color-primary);background:var(--color-primary);box-shadow:var(--shadow-primary-action);color:var(--color-primary-contrast)}.order-detail-action--delete{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.order-detail-hero{display:grid;gap:var(--space-2);padding:var(--space-3) var(--page-padding-sm) var(--space-3)}.order-detail-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.order-detail-title-row h1{margin:0;color:var(--color-text-primary);font-size:30px;font-weight:650;line-height:var(--line-height-tight);letter-spacing:0}.detail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;align-items:center;width:auto;margin:0 var(--page-padding-sm) var(--space-3);padding:3px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.detail-tabs__item{display:inline-flex;min-width:0;min-height:38px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:600;white-space:nowrap}.detail-tabs__item svg{width:18px;height:18px}.detail-tabs__count{display:inline-grid;min-width:22px;height:22px;place-items:center;border-radius:var(--radius-pill);padding:0 7px;background:var(--color-surface-elevated);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:650;line-height:1}.detail-tabs__item[aria-selected=true]{background:var(--color-surface-elevated);box-shadow:var(--shadow-card);color:var(--color-text-primary)}.detail-tabs__item[aria-selected=true] .detail-tabs__count{background:var(--color-surface-muted);color:var(--color-text-primary)}.detail-tabs__item:focus{outline:0}.detail-tabs__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.order-detail-content{display:grid;align-content:start;gap:var(--space-4);min-width:0;padding:var(--space-4) var(--page-padding-sm) var(--space-4)}.order-detail-content:after{display:block;height:calc(var(--bottom-action-height) + env(safe-area-inset-bottom) + 72px);content:""}.detail-section{display:grid;gap:var(--space-4)}.detail-line-list{display:grid;gap:0;border-top:1px solid var(--color-border)}.detail-line-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,34%);column-gap:var(--space-3);align-items:start;min-height:132px;padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary)}.detail-line-row__left{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:var(--space-3);min-width:0}.detail-line-row__index{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-tight)}.detail-line-row__product{display:grid;justify-items:start;gap:var(--space-2);min-width:0}.detail-line-row__product strong{display:block;min-width:0;overflow-wrap:anywhere;color:var(--color-text-primary);font-size:calc(var(--font-size-lg) * 1.08);font-weight:650;line-height:var(--line-height-tight)}.detail-line-row__product small{color:var(--color-text-muted);font-size:var(--font-size-sm)}.detail-line-row__tags,.detail-line-row__chips{display:flex;flex-wrap:wrap;gap:6px}.detail-line-row__tags{align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.detail-line-row__tags .badge{min-height:24px;padding:0 10px;font-size:var(--font-size-sm)}.detail-line-row__tags .badge__dot{width:8px;height:8px}.detail-line-row__tags>span:not(.badge),.detail-line-row__chips span{display:inline-flex;max-width:100%;min-height:22px;align-items:center;border-radius:var(--radius-pill);padding:0 var(--space-2);background:var(--color-surface-muted);color:var(--color-text-secondary);line-height:var(--line-height-tight);overflow-wrap:anywhere;white-space:normal}.detail-line-row__right{display:grid;justify-items:end;min-width:0;gap:var(--space-2);text-align:right}.detail-line-row__amount{color:var(--color-text-primary);font-size:calc(var(--font-size-2xl) * .92);font-weight:650;line-height:var(--line-height-tight);white-space:nowrap}.detail-line-row__calculation{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:600;line-height:var(--line-height-tight)}.detail-line-row__chips{justify-content:flex-end;color:var(--color-text-muted);font-size:var(--font-size-sm)}.detail-empty-lines{display:grid;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center}.detail-empty-lines h3,.detail-empty-lines p{margin:0}.detail-empty-lines p{color:var(--color-text-muted)}.detail-totals{display:grid;gap:0;width:min(100%,390px);margin:0 0 0 auto}.detail-totals__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:baseline;min-height:34px;color:var(--color-text-primary);font-size:var(--font-size-md)}.detail-totals__row strong{color:var(--color-text-primary);font-weight:500;text-align:right}.detail-totals__row--divider{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.detail-totals__row--grand{min-height:46px;padding-top:var(--space-2);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.detail-totals__row--grand strong{font-size:var(--font-size-2xl);font-weight:650}.detail-section--details{gap:var(--space-4)}.detail-info-card{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-card)}.detail-info-card__label{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:600;line-height:var(--line-height-tight)}.detail-info-card__body{display:grid;min-width:0;color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.detail-info-card__body>span{overflow-wrap:anywhere}.detail-info-card__creator{display:inline-flex;min-width:0;align-items:center;gap:var(--space-2)}.detail-info-card__creator .user-avatar{flex:0 0 auto}.detail-info-card--note p{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);overflow-wrap:anywhere;white-space:pre-wrap}.detail-info-card__empty{color:var(--color-text-muted);font-weight:500}.order-detail-state{padding:0}.order-detail-skeleton{display:grid;min-height:100%;background:var(--color-surface)}.order-detail-skeleton__hero{display:grid;gap:var(--space-2);padding:var(--space-5) var(--page-padding-sm) var(--space-4)}.order-detail-skeleton__tabs{display:flex;gap:var(--space-2);padding:0 var(--page-padding-sm) var(--space-3);border-bottom:1px solid var(--color-border)}.order-detail-skeleton__content{display:grid;align-content:start;gap:var(--space-4);padding:var(--space-4) var(--page-padding-sm) calc(env(safe-area-inset-bottom) + 176px)}.skeleton-block{height:14px}.skeleton-block--title{width:min(72%,300px);height:34px}.skeleton-block--meta{width:min(80%,360px)}.skeleton-block--meta-short{width:min(58%,260px)}.skeleton-pill{width:170px;height:44px;border-radius:var(--radius-md)}.skeleton-pill--short{width:120px}.skeleton-line-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.skeleton-line-card+.skeleton-line-card{margin-top:calc(var(--space-3) * -1)}.skeleton-line-card>div{display:grid;gap:var(--space-2)}.skeleton-index{width:16px;height:18px}.skeleton-block--line-title{width:68%;height:18px}.skeleton-block--line-meta{width:42%}.skeleton-block--line-total{justify-self:end;width:130px;height:22px}.order-detail-skeleton__totals{display:grid;gap:var(--space-2);justify-self:end;width:min(100%,390px);margin-top:var(--space-2)}.skeleton-block--total-row{width:100%;height:18px}.skeleton-block--grand-row{width:100%;height:34px}@media (max-width: 520px){.order-detail-topbar{align-items:flex-start}.order-detail-actions{gap:var(--space-1);max-width:calc(100vw - 64px);overflow-x:auto;scrollbar-width:none}.order-detail-actions::-webkit-scrollbar{display:none}.order-detail-action{width:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);height:var(--touch-target-min);padding:0;font-size:var(--font-size-sm)}.order-detail-title-row h1{font-size:28px}.detail-tabs{gap:var(--space-1)}.detail-tabs__item{padding:0 var(--space-2)}.detail-tabs__count{min-width:20px;height:20px;padding:0 6px}.detail-line-row{grid-template-columns:minmax(0,1fr) minmax(108px,32%);column-gap:var(--space-2);min-height:118px;padding:var(--space-4) var(--space-3)}.detail-line-row__left{grid-template-columns:24px minmax(0,1fr);column-gap:var(--space-2)}.detail-line-row__product strong{font-size:var(--font-size-md);line-height:var(--line-height-normal)}.detail-line-row__amount{font-size:var(--font-size-xl)}.detail-line-row__calculation,.detail-line-row__chips{font-size:var(--font-size-sm)}}@media (max-width: 380px){.detail-tabs__item{gap:6px;padding:0 6px;font-size:13px}}.mobile-bottom-menu{position:fixed;right:0;bottom:0;left:0;z-index:85;border-top:1px solid var(--color-bottom-menu-border);background:var(--color-bottom-menu-bg);box-shadow:var(--shadow-bottom-menu);color:var(--color-text-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-menu__bar{position:relative;min-height:64px;padding:var(--space-1) var(--space-5) calc(env(safe-area-inset-bottom) + var(--space-1))}.mobile-bottom-menu__action{position:absolute;top:-24px;left:50%;display:grid;width:64px;height:64px;min-height:64px;min-width:64px;transform:translate(-50%);align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--color-primary);color:var(--color-primary-contrast);letter-spacing:0;box-shadow:var(--shadow-fab)}.perakende-edit-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--color-bg);color:var(--color-text-primary);overscroll-behavior:contain;touch-action:auto}.perakende-edit-panel--state{grid-template-rows:auto minmax(0,1fr)}.perakende-edit-topbar{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:calc(env(safe-area-inset-top) + 60px);padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--page-padding-sm) var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.perakende-edit-topbar h1{min-width:0;margin:0;overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:650;line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.perakende-edit-topbar h1 span{margin:0 var(--space-1);color:var(--color-border-strong);font-weight:400}.perakende-edit-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.perakende-edit-tabs button{display:inline-flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-md);font-weight:600}.perakende-edit-tabs button[aria-selected=true]{border-bottom-color:var(--color-text-primary);color:var(--color-text-primary)}.perakende-edit-tabs span{display:inline-grid;min-width:22px;min-height:22px;place-items:center;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.perakende-edit-content,.line-edit-drawer__body{display:grid;align-content:start;gap:var(--space-5);min-width:0;overflow-y:auto;padding:var(--space-5) var(--space-5) var(--space-6);overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.perakende-edit-content::-webkit-scrollbar,.line-edit-drawer__body::-webkit-scrollbar{display:none}.perakende-edit-section,.edit-field{display:grid;gap:var(--space-3);min-width:0}.perakende-edit-section h2,.perakende-edit-section__head h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:650;line-height:var(--line-height-tight)}.perakende-edit-section__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.edit-field__label{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:550}.edit-field__label-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-2)}.edit-field input,.edit-field select,.edit-field textarea,.edit-search-control,.edit-compound{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-md)}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus,.edit-search-control:focus-within,.edit-compound:focus-within{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px #dc0c2d1f}.edit-field input,.edit-field select{height:48px;inline-size:100%;min-height:48px;padding:0 var(--space-3);line-height:48px}.edit-field input[type=date]{display:block;max-width:100%;min-inline-size:0;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.edit-field input[type=date]::-webkit-date-and-time-value{margin:0;text-align:left}.edit-field textarea{min-height:112px;padding:var(--space-3);resize:none}.edit-field input:disabled,.edit-field select:disabled,.edit-field textarea:disabled,.edit-search-control:has(input:disabled),.edit-compound:has(input:disabled){border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.edit-field--narrow{max-width:180px}.edit-field-row{display:grid;gap:var(--space-3)}.edit-field-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-field-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-lookup-results strong{overflow:hidden;color:var(--color-text-primary);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.edit-lookup-results span,.edit-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.edit-search-control{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3)}.edit-search-control--selected{min-height:58px}.edit-search-control__main{position:relative;min-width:0}.edit-search-control input{box-sizing:border-box;min-height:46px;padding:0;border:0;outline:0;background:transparent;box-shadow:none}.edit-search-control input:focus{box-shadow:none}.edit-compound input:focus,.edit-compound select:focus{box-shadow:none}.edit-search-control__selected{position:absolute;inset:50% 0 auto 0;display:grid;min-width:0;gap:2px;transform:translateY(-50%);pointer-events:none}.edit-search-control__selected strong{overflow:hidden;color:var(--color-text-primary);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.edit-search-control__selected span{overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.edit-search-control--selected input{color:transparent}.edit-status-chip-select{display:inline-grid;width:fit-content;max-width:100%;min-height:40px;grid-template-columns:9px minmax(0,1fr);align-items:center;column-gap:7px;border-radius:var(--radius-pill);padding:0 var(--space-3);background:var(--color-label-gray-bg);color:var(--color-label-gray-text)}.edit-status-chip-select[data-tone=green],.edit-status-chip-select[data-tone=completed],.edit-status-chip-select[data-tone=invoiced],.edit-status-chip-select[data-tone=delivered],.edit-status-chip-select[data-tone=ready]{background:var(--color-label-green-bg);color:var(--color-label-green-text)}.edit-status-chip-select[data-tone=yellow],.edit-status-chip-select[data-tone=pending],.edit-status-chip-select[data-tone=in_progress]{background:var(--color-label-yellow-bg);color:var(--color-label-yellow-text)}.edit-status-chip-select[data-tone=red],.edit-status-chip-select[data-tone=returned],.edit-status-chip-select[data-tone=cancelled],.edit-status-chip-select[data-tone=error]{background:var(--color-label-red-bg);color:var(--color-label-red-text)}.edit-status-chip-select__dot{width:9px;height:9px;border-radius:var(--radius-pill);background:currentColor}.edit-status-chip-select select{width:100%;min-width:0;min-height:38px;padding:0 var(--space-5) 0 0;border:0;outline:0;background:transparent;color:currentColor;font:inherit;font-size:var(--font-size-md);font-weight:600}.edit-lookup-results{display:grid;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.edit-lookup-results button{display:grid;gap:2px;min-height:48px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary);font:inherit;text-align:left}.edit-compound{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:48px;overflow:hidden}.edit-compound input,.edit-compound select{box-sizing:border-box;height:46px;min-height:46px;border:0;border-radius:0;background:transparent}.edit-compound select{width:auto;min-width:70px;border-left:1px solid var(--color-border)}.edit-add-line{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-primary);font:inherit;font-size:var(--font-size-md);font-weight:650}.edit-add-line:disabled{border-color:var(--color-border);color:var(--color-text-disabled)}.edit-scan-button{display:inline-flex;min-height:36px;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);font-weight:650}.edit-scan-button:disabled{color:var(--color-text-disabled)}.edit-scan-message{margin-top:calc(var(--space-2) * -1)}.edit-empty-lines{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);text-align:center}.edit-empty-lines strong,.edit-empty-lines p{margin:0}.edit-empty-lines p{color:var(--color-text-muted)}.edit-line-list{display:grid;gap:var(--space-3)}.edit-line-card{position:relative;display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-card);overflow:hidden}.edit-line-card:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--color-border-strong);content:""}.edit-line-card[data-status=ready]:before,.edit-line-card[data-status=green]:before,.edit-line-card[data-status=completed]:before,.edit-line-card[data-status=invoiced]:before,.edit-line-card[data-status=delivered]:before{background:var(--color-label-green-text)}.edit-line-card[data-status=pending]:before,.edit-line-card[data-status=yellow]:before,.edit-line-card[data-status=in_progress]:before{background:var(--color-label-yellow-text)}.edit-line-card[data-status=error]:before,.edit-line-card[data-status=red]:before,.edit-line-card[data-status=returned]:before,.edit-line-card[data-status=cancelled]:before{background:var(--color-label-red-text)}.edit-line-card[data-status=draft]:before,.edit-line-card[data-status=neutral]:before,.edit-line-card[data-status=open]:before{background:var(--color-label-gray-text)}.edit-line-card__head,.edit-summary__row{display:grid;align-items:baseline;gap:var(--space-3)}.edit-line-card__head{grid-template-columns:minmax(0,1fr) auto}.edit-line-card__head{color:var(--color-text-muted);font-size:var(--font-size-sm)}.edit-line-card__head strong:last-child{color:var(--color-text-primary);font-size:var(--font-size-lg)}.edit-line-card__body{display:grid;gap:2px}.edit-line-card__body strong{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.edit-line-card__body span,.edit-line-card__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.edit-line-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.edit-line-card__actions{display:inline-flex;gap:0;margin-left:auto}.edit-line-card__actions button{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);font-weight:650}.edit-line-card__actions button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.edit-line-card__actions button:last-child{border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-primary)}.edit-summary{display:grid;gap:0;padding-top:0}.edit-summary__row{grid-template-columns:minmax(0,1fr) minmax(0,auto) 34px;min-height:42px;color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.edit-summary__row strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right}.edit-summary__value{display:block;min-width:0;text-align:right}.edit-summary__add-discount{display:inline-grid;width:34px;min-width:34px;height:34px;min-height:34px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer}.edit-summary__add-discount[aria-expanded=true]{border-color:var(--color-primary);background:var(--color-accent-muted);color:var(--color-primary)}.edit-summary__add-discount:disabled{cursor:not-allowed;opacity:.5}.edit-summary__action-spacer{display:block;width:34px;min-width:34px;height:34px}.edit-summary__row--grand{grid-template-columns:minmax(0,1fr) auto;min-height:58px;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.edit-summary__row--grand strong{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold)}.edit-subtotal-discount{display:grid;gap:var(--space-2);margin:var(--space-1) 0 var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.edit-subtotal-discount small,.perakende-edit-message{color:var(--color-text-muted);font-size:var(--font-size-sm)}.perakende-edit-message{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-success-bg);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success-text)}.perakende-edit-message--error,.edit-error-text{color:var(--color-error-text)}.perakende-edit-message--error{border-color:var(--color-error-bg);background:var(--color-error-bg)}.edit-action-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-4) calc(env(safe-area-inset-bottom) + var(--bottom-action-height));border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}.edit-action-bar__total{display:grid;gap:1px;min-width:0}.edit-action-bar__total small,.edit-action-bar__total em{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:normal}.edit-action-bar__total>strong{overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.edit-action-bar__vat-total{display:flex;min-width:0;align-items:baseline;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.edit-action-bar__vat-total span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-action-bar__vat-total strong{min-width:0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.edit-action-bar__actions{display:flex;align-items:center;gap:var(--space-2)}.edit-square-button,.edit-save-button,.edit-error-indicator{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:var(--radius-md)}.edit-square-button{width:44px;border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text-primary)}.edit-save-button{gap:var(--space-2);min-width:116px;padding:0 var(--space-4);border:0;background:var(--color-primary);color:var(--color-primary-contrast);font:inherit;font-weight:650}.edit-save-button:disabled{background:var(--color-surface-muted);color:var(--color-text-disabled)}.edit-error-indicator{width:44px;background:var(--color-accent-muted);color:var(--color-primary)}.line-edit-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;display:grid;grid-template-columns:minmax(18px,8vw) minmax(0,1fr);height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:contain}.line-edit-scrim{background:var(--color-overlay)}.line-edit-drawer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;max-height:100dvh;overflow:hidden;border-left:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-elevated)}.line-edit-drawer__header{display:flex;min-height:calc(env(safe-area-inset-top) + 60px);align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--space-4) var(--space-2);border-bottom:1px solid var(--color-border)}.line-edit-drawer__header h2{margin:0;font-size:var(--font-size-lg);font-weight:650}.code-scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:125;display:block;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--color-text-primary);overscroll-behavior:contain}.code-scanner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;border:0;border-radius:0;background:var(--color-bg);box-shadow:none}.code-scanner__header{display:flex;min-height:calc(env(safe-area-inset-top) + 72px);align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.code-scanner__header div{display:grid;gap:var(--space-1)}.code-scanner__header span{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.code-scanner__header strong{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:650}.code-scanner__viewport{position:relative;min-height:0;overflow:hidden;background:var(--color-text-primary)}.code-scanner__viewport video{width:100%;height:100%;object-fit:cover}.code-scanner__frame{position:absolute;top:50%;left:50%;width:min(72vw,360px);height:min(72vw,360px);transform:translate(-50%,-50%);border:2px solid var(--color-text-inverse);border-radius:var(--radius-lg);box-shadow:0 0 0 999px var(--color-overlay);pointer-events:none}.code-scanner__message{display:flex;min-height:52px;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-4));background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.code-scanner__message--error{color:var(--color-error-text)}@media (max-width: 420px){.perakende-edit-content,.line-edit-drawer__body{padding-right:var(--space-4);padding-left:var(--space-4)}.edit-field-row--3{grid-template-columns:1fr}.edit-save-button{min-width:96px;padding:0 var(--space-3)}.edit-scan-button{padding:0 var(--space-2)}.code-scanner__frame{width:min(78vw,320px);height:min(78vw,320px)}}.mobile-bottom-menu__action svg{stroke-width:1.8}.order-module-menu{min-height:100vh;padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-5) calc(env(safe-area-inset-bottom) + 104px);background:var(--color-bg);color:var(--color-text-primary)}.order-module-menu h1{margin:0 0 var(--space-5);color:var(--color-text-primary);font-size:calc(var(--font-size-xl) * 1.55);font-weight:500;line-height:var(--line-height-tight);text-align:center}.order-module-menu__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.order-module-menu__card{display:grid;min-height:132px;place-items:center;gap:var(--space-2);padding:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-card)}.order-module-menu__card svg{color:var(--color-primary)}.order-module-menu__card span{max-width:100%;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:400;line-height:var(--line-height-tight);text-align:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 430px){.perakende-list-screen{padding-right:var(--space-4);padding-left:var(--space-4)}.perakende-sticky-header{gap:var(--space-2);padding-bottom:var(--space-3)}.perakende-heading h1{font-size:var(--font-size-page-title)}.perakende-toolbar__search-row{grid-template-columns:var(--touch-target-min) minmax(0,1fr) var(--touch-target-min);gap:var(--space-1)}.toolbar-icon-button{width:var(--touch-target-min);height:44px}.search-input input{font-size:var(--font-size-sm)}.create-button{min-height:var(--touch-target-min)}.scope-switch__button{min-height:var(--touch-target-min);font-size:var(--font-size-md)}.perakende-row{grid-template-columns:minmax(0,1fr) minmax(132px,38%);column-gap:var(--space-2);min-height:104px;padding-top:var(--space-3);padding-right:var(--space-2);padding-bottom:var(--space-3)}.perakende-row__left{grid-template-columns:20px minmax(0,1fr);column-gap:6px}.perakende-row__index{font-size:var(--font-size-sm)}.perakende-row__customer strong{font-size:calc(var(--font-size-md) * 1.08)}.perakende-row__customer small,.perakende-row__right small{font-size:var(--font-size-sm)}.perakende-row__right{gap:7px}.perakende-row__amount{font-size:calc(var(--font-size-lg) * 1.1)}.perakende-row__document{font-size:var(--font-size-md)}.badge{grid-template-columns:8px minmax(0,max-content);min-height:24px;padding:0 10px;font-size:var(--font-size-sm)}.badge__dot{width:8px;height:8px}.order-module-menu{padding-right:var(--space-3);padding-left:var(--space-3)}.order-module-menu__card{min-height:112px}.order-module-menu__card span{font-size:var(--font-size-md)}}