/* Pusu W desktop shell. Scoped additions; shared Web business forms are retained. */

html.pusu-w {

  --pw-header-height: 111px;

  --pw-status-height: 28px;

  --pw-navy: #061e32;

  --pw-teal: #087b90;

  --pw-ink: #173b52;

  --pw-muted: #627c8e;

  --pw-line: #d4e1eb;

  --pw-surface: #fff;

  --pw-soft: #f1f6fb;

  font-size: 14px;

  color-scheme: light;

}

html.pusu-w body {

  margin: 0;

  color: var(--pw-ink);

  background: var(--pw-soft) !important;

  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;

  font-size: 13px;

  --navy: #061e32;

  --navy-2: #0b3651;

  --teal: #087b90;

  --ink: #173b52;

  --muted: #627c8e;

  --surface: #fff;

  --soft: #f1f6fb;

  --line: #d4e1eb;

}

html.pusu-w *, html.pusu-w *::before, html.pusu-w *::after { box-sizing: border-box; }

html.pusu-w [hidden], html.pusu-w .hidden, html.pusu-w #pusuWHeader.hidden, html.pusu-w #pusuWStatus.hidden { display: none !important; }

html.pusu-w :is(button, input, select, textarea) { font-family: inherit; }

html.pusu-w :is(button, a, input, select, textarea):focus-visible { outline: 2px solid #18a8c1; outline-offset: 2px; }

html.pusu-w :is(button, a) { -webkit-tap-highlight-color: transparent; }

html.pusu-w button { cursor: pointer; }

html.pusu-w button:disabled { cursor: not-allowed; }

html.pusu-w.pw-logged-out :is(#pusuWHeader, #pusuWStatus, #moduleWindow, #recordWindow, #transactionWindow, #movementEditorWindow, #oto760WebStart) { display:none !important; }

html.pusu-w .pw-top-actions { display:flex;align-items:center;gap:10px; }

html.pusu-w #pusuWHeader :is(#pusuWSearch,#pusuWUser) { display:flex;align-items:center;gap:8px;background:#16394d;color:#dcebf3;border:1px solid #38566a;border-radius:6px;min-height:29px;padding:4px 10px;font-size:12px; }

html.pusu-w #pusuWHeader #currentUser { padding:0;border:0;background:transparent; }

html.pusu-w #pusuWHeader .pw-avatar { display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#bce5ed;color:#075369;font-size:10px; }

html.pusu-w #pusuWHeader kbd { border:1px solid #4a6a80;border-radius:3px;padding:1px 4px;color:#a9c9dc;font-size:10px; }

html.pusu-w .pw-module-icon { font-size:25px;line-height:26px;color:#46b8d1; }

html.pusu-w #moduleTableBody tr.pw-selected td { background:#bce9ee !important;color:#073c50; }

html.pusu-w #appView { min-height: 100dvh; padding: var(--pw-header-height) 0 var(--pw-status-height); overflow: hidden; }

html.pusu-w body #appView > .app-header,

html.pusu-w body #appView > .dashboard-wrap > .summary-strip,

html.pusu-w body #appView .quick-action-bar { display: none !important; }

html.pusu-w #oto760WebStart,

html.pusu-w #oto760WebStart[open] { display: none !important; }



/* Familiar desktop ribbon, persistent tabs, native department controls. */

html.pusu-w #pusuWHeader {

  position: fixed; inset: 0 0 auto; z-index: 920;

  height: auto; min-width: 0; max-width: 100%; padding: 0 16px;

  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 38px 73px;

  color: #e3f0f7; background: var(--pw-navy);

  border-bottom: 1px solid #43899c; box-shadow: 0 2px 8px #102e4212;

}

html.pusu-w #pusuWHeader .pw-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; }

html.pusu-w #pusuWHeader .pw-top-actions { min-width: 0; flex: 0 1 auto; }

html.pusu-w #pusuWHeader #pusuWUser { min-width: 0; max-width: 240px; }

html.pusu-w #pusuWUserName { min-width: 0; max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

html.pusu-w #pusuWHeader .pw-brand { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; letter-spacing: 1px; white-space: nowrap; }

html.pusu-w #pusuWHeader .pw-brand small { color: #95b6c8; font-size: 11px; font-weight: 400; letter-spacing: 1.5px; border-left: 1px solid #38576a; padding-left: 12px; }

html.pusu-w #pusuWHeader .pw-brand svg { width: 23px; height: 23px; color: #4ac4db; }

html.pusu-w #pusuWHeader .pw-user { display: flex; align-items: center; gap: 9px; color: #dcebf3; font-size: 12px; }

html.pusu-w #pusuWHeader :is(.pw-user button, #currentUser) { min-height: 28px; padding: 5px 10px; margin: 0; border: 1px solid #38566a; border-radius: 5px; color: #dcebf3; background: #16394d; font-size: 12px; }

html.pusu-w #pusuWHeader .pw-user button:hover { background: #24566b; }

html.pusu-w #pusuWRibbon { display: flex; align-items: stretch; gap: 4px; min-width: 0; padding: 5px 0 8px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #42677c transparent; }

html.pusu-w #pusuWRibbon button { flex: 0 0 auto; min-width: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; padding: 5px 14px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #d9edf7; font-size: 12px; line-height: 1.25; white-space: nowrap; transition: background-color 130ms, color 130ms; }

html.pusu-w #pusuWRibbon button svg { width: 24px; height: 24px; color: #46b8d1; }

html.pusu-w #pusuWRibbon button:hover { background: #194054; }

html.pusu-w #pusuWRibbon button:is(.active, [aria-pressed="true"], [aria-current="page"]) { background: #bce5ed; color: #0c4054; box-shadow: inset 0 -3px #1abbd3; }

html.pusu-w #pusuWRibbon button:is(.active, [aria-pressed="true"], [aria-current="page"]) svg { color: #087b90; }

html.pusu-w #pusuWHeader .pw-bottom { display: flex; align-items: end; justify-content: space-between; min-width: 0; gap: 16px; }

html.pusu-w #pusuWTabs { display: flex; align-items: end; gap: 4px; flex: 1 1 0; min-width: 0; overflow-x: auto; scrollbar-width: thin; }

html.pusu-w #pusuWTabs .pw-tab { display: flex; align-items: center; flex: 0 0 auto; min-height: 34px; overflow: hidden; border: 1px solid #668394; border-bottom: 0; border-radius: 6px 6px 0 0; background: #dce8f0; color: #294d63; }

html.pusu-w #pusuWTabs .pw-tab:is(.active, [aria-selected="true"]) { background: var(--pw-soft); border-top: 3px solid #3cc4d8; }

html.pusu-w #pusuWTabs button { min-height: 31px; padding: 6px 13px; border: 0; background: transparent; color: inherit; font-size: 12px; white-space: nowrap; }

html.pusu-w #pusuWTabs button[data-pw-tab] { min-width: 90px; text-align: left; }

html.pusu-w #pusuWTabs button[data-pw-close] { min-width: 26px; padding: 4px 8px; color: #57768b; }

html.pusu-w #pusuWTabs button:hover { background: #c7e4ed; }

html.pusu-w #pusuWDepartments { flex: 0 1 auto; min-width: 0; max-width: 65%; padding-bottom: 5px; }

html.pusu-w #pusuWDepartments #departmentNav { position: static !important; display: flex !important; flex-wrap: nowrap !important; align-items: center; justify-content: flex-start; gap: 5px !important; width: auto !important; min-width: 0; max-width: 100%; margin: 0 !important; padding: 0 !important; overflow-x: auto; scrollbar-width: thin; }

html.pusu-w #pusuWDepartments .department-button { min-width: 75px; min-height: 28px !important; height: 28px; padding: 4px 12px !important; border: 1px solid #385a70 !important; border-radius: 5px !important; color: #dcebf4 !important; background: #173a4e !important; box-shadow: none !important; font-size: 12px !important; white-space: nowrap; }

html.pusu-w #pusuWDepartments .department-button.active { color: #fff !important; background: #087f94 !important; border-color: #35bfcd !important; }

html.pusu-w #pusuWStatus { position: fixed; z-index: 921; inset: auto 0 0; height: var(--pw-status-height); display: grid; grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 0 16px; border-top: 1px solid #23495f; color: #a4c4d5; background: var(--pw-navy); font-size: 11px; }

html.pusu-w #pusuWStatus > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html.pusu-w #pusuWStatus > span:last-child { text-align: right; }

html.pusu-w #pusuWStatus :is(#pusuWModules, #pusuWCart) { appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 22px; min-height: 22px; margin: 0; padding: 1px 12px; border: 1px solid #58adc1; border-radius: 12px; background: #d8eef5; color: #0b6279; font: 600 11px/18px "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif; white-space: nowrap; box-shadow: none; }

html.pusu-w #pusuWStatus #pusuWCart { border-color: #3c7186; background: #133b50; color: #c8eef7; }

html.pusu-w #pusuWStatus :is(#pusuWModules, #pusuWCart):hover { border-color: #73d6e1; background: #bce8f0; color: #075064; }

html.pusu-w #pusuWStatus .pw-ready { display: inline-flex; gap: 7px; align-items: center; }

html.pusu-w #pusuWStatus .pw-ready::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #47d3a5; }



/* Modules are the desktop workspace; record/transaction windows stay dialogs. */

html.pusu-w #moduleWindow { inset: var(--pw-header-height) 0 var(--pw-status-height); z-index: 900; display: block; padding: 7px 9px 0; background: var(--pw-soft); backdrop-filter: none; }

html.pusu-w #moduleWindow > .module-frame { display: flex !important; flex-direction: column; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; min-height: 0 !important; border: 1px solid var(--pw-line) !important; border-radius: 5px 5px 0 0 !important; box-shadow: none !important; }

html.pusu-w #moduleWindow .module-header { display: flex !important; flex-wrap: nowrap; flex-shrink: 0; gap: 15px; min-height: 58px !important; padding: 8px 14px !important; color: #fff; background: var(--pw-teal) !important; border-bottom: 0; }

html.pusu-w #moduleWindow .module-heading { flex: 1 1 260px; gap: 9px; min-width: 100px; }

html.pusu-w #moduleWindow .module-mark { width: 32px; height: 32px; border-radius: 5px; font-size: 20px; color: #bcf0f4; background: #ffffff17; }

html.pusu-w #moduleWindow .module-heading .eyebrow { display: none; }

html.pusu-w #moduleWindow .module-heading h2 { margin: 0; color: #fff; font-size: 17px; font-weight: 650; }

html.pusu-w #moduleWindow #moduleSubtitle { margin: 3px 0 0; color: #c6e7ec; font-size: 11px; }

html.pusu-w #moduleWindow .module-header > .module-search { flex: 0 1 500px; width: auto; min-width: 120px; max-width: 45%; padding: 0; background: transparent; border: 0; box-shadow: none; }

html.pusu-w #moduleWindow .module-header-actions { gap: 6px; flex: 0 0 auto; }

html.pusu-w #moduleWindow .module-header-actions button { height: 32px; min-height: 32px; padding: 4px 10px; border-radius: 5px; }

html.pusu-w #moduleWindow #moduleClose { width: 32px; padding: 0; font-size: 23px; }

html.pusu-w #moduleWindow .module-toolbar { flex: 0 0 auto; min-height: 0; padding: 7px 12px; gap: 7px; align-items: center; background: #f7fafc; border-bottom: 1px solid var(--pw-line); }

html.pusu-w #moduleWindow .module-toolbar:not(:has(> :not(.hidden))) { display: none; }

html.pusu-w #moduleWindow .module-search { min-width: 120px; flex: 1 1 200px; gap: 6px; }

html.pusu-w #moduleWindow .module-search input { height: 32px; padding: 5px 10px; border-radius: 5px; font-size: 12px; }

html.pusu-w #moduleWindow :is(.module-toolbar, .module-footer, #pusuWRecordActions) :is(button, input, select) { min-height: 30px; height: 30px; border-radius: 4px; font-size: 12px; }

html.pusu-w #moduleWindow :is(.module-toolbar, .module-footer, #pusuWRecordActions) button { padding: 4px 10px; }

html.pusu-w #moduleWindow .module-toolbar > .module-invoice-filters:not(.hidden) { width: auto; flex: 1 1 auto; padding: 0; background: transparent; border: 0; gap: 6px; }

html.pusu-w #moduleWindow .module-invoice-filters input { min-width: 120px; }

html.pusu-w #moduleWindow .module-invoice-filters select { min-width: 120px; }

html.pusu-w #moduleWindow .module-invoice-filters label { font-size: 11px; gap: 2px; }

html.pusu-w #moduleWindow .module-metrics { flex: 0 0 auto; padding: 8px 12px; gap: 8px; }

html.pusu-w #moduleWindow .module-metric { min-height: 57px; padding: 8px 10px; border-radius: 5px; grid-template-columns: 29px 1fr; column-gap: 8px; box-shadow: none; }

html.pusu-w #moduleWindow .module-metric-icon { width: 27px; height: 27px; border-radius: 5px; }

html.pusu-w #moduleWindow .module-metric-label { font-size: 11px; letter-spacing: 0; }

html.pusu-w #moduleWindow .module-metric-value { font-size: 16px; }

html.pusu-w #moduleWindow #moduleBody { flex: 1 1 0; min-height: 100px; }

html.pusu-w #moduleWindow .module-table { font-size: 12px; }

html.pusu-w #moduleWindow .module-table th { height: 33px; padding: 6px 10px; background: #0b3651 !important; color: #edf8ff !important; font-size: 12px !important; font-weight: 650; }

html.pusu-w #moduleWindow .module-table td { height: 34px; padding: 6px 10px !important; font-size: 12px !important; border-bottom: 1px solid #e0e8ef !important; }

html.pusu-w #moduleWindow .module-table tbody tr:nth-child(even) td { background: #f4f8fb; }

html.pusu-w #moduleWindow .module-table tbody tr:hover td { background: #e5f4f7 !important; }

html.pusu-w #moduleWindow .module-table tbody tr:is(.selected, [aria-selected="true"]) td { background: #bbe7ed !important; color: #103d50 !important; }

html.pusu-w #moduleWindow .module-footer { flex: 0 0 auto; width: 100%; height: auto; min-height: 42px; padding: 6px 12px; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; background: #edf3f8; font-size: 12px; }

html.pusu-w #moduleWindow .module-footer-primary { gap: 7px; flex-wrap: wrap; }

html.pusu-w #moduleWindow .module-create-actions { gap: 6px; }

html.pusu-w #pusuWRecordActions { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; min-height: 42px; padding: 6px 12px; border-top: 1px solid var(--pw-line); background: #edf3f8; }

html.pusu-w #pusuWRecordActions button { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; color: var(--pw-ink); background: #fff; border: 1px solid #bed1df; }

html.pusu-w #pusuWRecordActions button svg { width: 16px; height: 16px; }

html.pusu-w #pusuWRecordActions button:hover { border-color: var(--pw-teal); background: #e3f3f6; }

html.pusu-w #pusuWRecordActions button:disabled { opacity: .5; }

html.pusu-w #pusuWSelection { margin-left: auto; color: var(--pw-muted); font-size: 12px; }



/* Full-height stock navigation and compact product cards from the shared Web module. */

html.pusu-w body #appView .dashboard-wrap { padding: 8px 10px !important; height: calc(100dvh - var(--pw-header-height) - var(--pw-status-height)); min-height: 0; overflow: hidden; background: var(--pw-soft) !important; }

html.pusu-w body #appView .workflow-grid { height: 100% !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 10px !important; overflow: hidden; }

html.pusu-w[data-oto760-overview-view="stock"] body #appView .workflow-grid { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; grid-auto-rows: 0; align-content: stretch !important; align-items: stretch !important; }

html.pusu-w[data-oto760-overview-view="stock"] body #appView .workflow-grid > .oto760-stock-roll-workspace { grid-row: 1 !important; align-self: stretch !important; }

html.pusu-w body #appView .oto760-stock-roll-workspace { height: 100% !important; min-height: 0 !important; max-height: none !important; width: 100%; margin: 0; grid-template-columns: 300px minmax(0, 1fr) !important; gap: 10px !important; }

html.pusu-w body #appView :is(.oto760-stock-roll-navigation, .oto760-stock-roll-results) { min-width: 0; min-height: 0; border: 1px solid var(--pw-line); border-radius: 6px 6px 0 0; background: #fff; box-shadow: none; }

html.pusu-w body #appView .oto760-stock-roll-results { display: grid; grid-template-rows: auto minmax(0, 1fr); }

html.pusu-w body #appView :is(.oto760-stock-roll-navigation, .oto760-stock-roll-results) > header { min-height: 64px; padding: 10px 12px; gap: 8px; background: #0b687e !important; }

html.pusu-w body #appView .oto760-stock-roll-results > header { flex-wrap: nowrap !important; }

html.pusu-w body #appView .oto760-stock-roll-results-copy { flex: 0 1 230px; min-width: 80px; max-width: 30%; }

html.pusu-w body #appView .oto760-stock-roll-results-copy > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

html.pusu-w body #appView :is(.oto760-stock-roll-navigation, .oto760-stock-roll-results) > header strong { color: #fff !important; font-size: 15px; }

html.pusu-w body #appView :is(.oto760-stock-roll-navigation, .oto760-stock-roll-results) > header small,

html.pusu-w body #appView .oto760-stock-roll-results-copy > span { color: #c5e6ed !important; font-size: 11px; }

html.pusu-w body #appView .oto760-stock-roll-results > header > b { order: 5; padding: 5px 8px; font-size: 11px; white-space: nowrap; }

html.pusu-w body #appView .oto760-stock-roll-search-scope { flex: 0 0 auto !important; flex-wrap: nowrap !important; max-width: none; gap: 2px; padding: 2px; margin-left: auto; border-radius: 5px; }

html.pusu-w body #appView .oto760-stock-roll-search-scope-option { min-height: 31px; padding: 5px 7px; gap: 4px; border-radius: 4px; font-size: 12px !important; white-space: nowrap; }

html.pusu-w body #appView .oto760-stock-roll-search-scope-option span { color: inherit !important; }

html.pusu-w body #appView .oto760-stock-roll-search { order: 3 !important; flex: 1 1 260px !important; width: auto !important; min-width: 90px !important; max-width: none !important; height: 35px; margin: 0 !important; padding: 0 8px; gap: 7px; border-radius: 5px; background: #fff !important; }

html.pusu-w body #appView .oto760-stock-roll-search-input { min-width: 0 !important; width: 100%; height: 33px; padding: 5px 0; font-size: 12px !important; }

html.pusu-w body #appView .oto760-stock-roll-search-icon { flex: 0 0 15px; width: 15px; font-size: 18px; }

html.pusu-w body #appView .oto760-stock-camera-button { order: 4 !important; flex: 0 0 34px; width: 34px; height: 35px; padding: 7px; border-radius: 5px; }

html.pusu-w body #appView .oto760-stock-roll-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; align-content: start; gap: 11px; padding: 12px; overflow-y: auto; min-height: 0; background: #f1f7fa; scrollbar-color: #83b7c4 #e9f2f6; }

html.pusu-w body #appView .oto760-stock-roll-card { min-width: 0; min-height: 150px; padding: 12px; grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: 1fr auto; gap: 8px 10px; border: 1px solid #d5e4ec; border-radius: 8px; background: #fff; box-shadow: 0 2px 5px #184b6109; transition: border-color 130ms, box-shadow 130ms; }

html.pusu-w body #appView .oto760-stock-roll-card:hover { transform: none; border-color: #70bdcc; box-shadow: 0 3px 10px #184b6110; }

html.pusu-w body #appView .oto760-stock-roll-card-media { grid-row: 1; grid-column: 1; width: 64px; height: 64px; border-radius: 7px; font-size: 18px; }

html.pusu-w body #appView .oto760-stock-roll-card-content { grid-row: 1; grid-column: 2; min-width: 0; padding: 0; }

html.pusu-w body #appView .oto760-stock-roll-card-content :is(strong, h3, b) { font-size: 13px; line-height: 1.35; }

html.pusu-w body #appView .oto760-stock-roll-card :is(small, .oto760-stock-roll-card-code, .oto760-stock-roll-card-detail) { font-size: 11px !important; line-height: 1.35; }

html.pusu-w body #appView .oto760-stock-roll-card-footer { grid-column: 1 / -1; grid-row: 2; padding-top: 9px; gap: 8px; min-width: 0; }

html.pusu-w body #appView .oto760-stock-roll-card-footer.has-card-actions { grid-template-columns: auto minmax(0, 1fr) auto; }

html.pusu-w body #appView .oto760-stock-roll-card-price b { font-size: 15px !important; }

html.pusu-w body #appView .oto760-stock-roll-card-quantity b { font-size: 12px !important; }

html.pusu-w body #appView .oto760-stock-roll-card-action { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 5px; border-radius: 4px; box-shadow: none; }

html.pusu-w body #appView .oto760-stock-roll-card-action svg { width: 17px; height: 17px; }

html.pusu-w body #appView .oto760-stock-tree-button { min-height: 56px; padding: 9px 10px; border-radius: 7px; box-shadow: none; }

html.pusu-w body #appView .oto760-stock-tree-button :is(strong, .oto760-stock-tree-label) { font-size: 12px; }

html.pusu-w body #appView .oto760-stock-tree-button small { font-size: 11px; }

html.pusu-w body #appView .oto760-stock-roll-shell { padding: 31px 8px; background: #f4f8fb; }

html.pusu-w body #appView .oto760-stock-roll-shell::before,

html.pusu-w body #appView .oto760-stock-roll-shell::after { display: none; }



/* Keep form fields readable, with less tablet whitespace. */

html.pusu-w :is(#recordWindow, #transactionWindow, #movementEditorWindow) { padding: 20px; backdrop-filter: none; background: #061e3273; }

html.pusu-w :is(.record-frame, .transaction-frame, .movement-editor-frame) { border-radius: 8px; max-height: calc(100dvh - 40px); box-shadow: 0 18px 60px #031c3440; }

html.pusu-w :is(.record-header, .transaction-header, .movement-editor-header) { min-height: 78px; padding: 13px 18px; border-bottom-width: 2px; }

html.pusu-w :is(.record-header, .transaction-header, .movement-editor-header) h2 { font-size: 21px; }

html.pusu-w :is(.record-fields, .transaction-fields, .movement-editor-fields) { gap: 12px 16px; padding: 16px 18px; }

html.pusu-w :is(.record-fields, .transaction-fields, .movement-editor-fields) :is(input, select) { min-height: 36px; font-size: 13px; }

html.pusu-w :is(.record-footer, .transaction-footer, .movement-editor-footer) { min-height: 58px; padding: 10px 18px; }

html.pusu-w :is(.record-footer, .transaction-footer, .movement-editor-footer) :is(.primary-button, .secondary-button) { min-height: 36px; font-size: 13px; }

html.pusu-w .toast { z-index: 10000; font-size: 13px; }

html.pusu-w .toast:not(.show) { visibility: hidden; pointer-events: none; }

html.pusu-w .internal-messenger-launcher { bottom: calc(var(--pw-status-height) + 12px); }

html.pusu-w #loginView { min-height: 100dvh; }

html.pusu-w #loginView .brand-panel { background: var(--pw-navy); }

html.pusu-w #loginView .login-card { border-radius: 12px; }



@media (max-width: 1199px) {

  html.pusu-w #pusuWHeader { padding-inline: 10px; }

  html.pusu-w #pusuWRibbon button { min-width: 72px; padding-inline: 10px; }

  html.pusu-w #pusuWHeader .pw-brand small { display: none; }

  html.pusu-w #pusuWDepartments .department-button { min-width: 66px; padding-inline: 8px !important; }

  html.pusu-w body #appView .oto760-stock-roll-workspace { grid-template-columns: 240px minmax(0, 1fr) !important; }

  html.pusu-w body #appView .oto760-stock-roll-results-copy { flex-basis: 160px; max-width: 24%; }

  html.pusu-w body #appView .oto760-stock-roll-search-scope-option { padding-inline: 5px; }

  html.pusu-w body #appView .oto760-stock-roll-card-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; }

}

@media (max-width: 900px) {

  html.pusu-w #pusuWHeader .pw-bottom { gap: 8px; }

  html.pusu-w #pusuWDepartments { max-width: 58%; }

  html.pusu-w body #appView .oto760-stock-roll-workspace { grid-template-columns: 170px minmax(0, 1fr) !important; }

  html.pusu-w body #appView .oto760-stock-roll-results-copy { flex-basis: 100px; max-width: 20%; }

  html.pusu-w body #appView .oto760-stock-roll-search-scope { gap: 0; }

  html.pusu-w body #appView .oto760-stock-roll-search-scope-option { padding-inline: 4px; font-size: 11px !important; }

  html.pusu-w #moduleWindow .module-header { gap: 8px; }

  html.pusu-w #moduleWindow .module-heading { flex-basis: 180px; }

  html.pusu-w #moduleWindow .module-metric { grid-template-columns: 1fr; padding: 7px; }

  html.pusu-w #moduleWindow .module-metric-icon { display: none; }

}

@media (max-width: 620px) {

  html.pusu-w #pusuWDepartments { max-width: 42%; }

  html.pusu-w #pusuWHeader .pw-brand { font-size: 16px; }

  html.pusu-w #pusuWHeader .pw-top { gap: 8px; }

  html.pusu-w #pusuWHeader .pw-top-actions { gap: 5px; }

  html.pusu-w #pusuWHeader #pusuWUser { max-width: 160px; padding-inline: 6px; }

  html.pusu-w #pusuWHeader #pusuWSearch { padding-inline: 7px; }

  html.pusu-w #pusuWHeader #pusuWSearch kbd { display: none; }

  html.pusu-w #pusuWStatus > span:last-child { display: none; }

  html.pusu-w #pusuWTabs button[data-pw-tab] { min-width: 75px; padding-inline: 8px; }

  html.pusu-w body #appView .oto760-stock-roll-workspace { grid-template-columns: 130px minmax(0, 1fr) !important; gap: 5px !important; }

  html.pusu-w body #appView .oto760-stock-roll-results > header { flex-wrap: wrap !important; }

  html.pusu-w body #appView .oto760-stock-roll-results-copy { flex: 1 1 100%; max-width: none; }

  html.pusu-w body #appView .oto760-stock-roll-card-grid { grid-template-columns: minmax(0, 1fr) !important; padding: 6px; }

  html.pusu-w body #appView .oto760-stock-roll-search-scope { margin-left: 0; }

  html.pusu-w #moduleWindow .module-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 6px; }

  html.pusu-w #moduleWindow .module-header { flex-wrap: wrap; }

  html.pusu-w #moduleWindow .module-header > .module-search { max-width: none; flex-basis: 100%; order: 3; }

  html.pusu-w #moduleWindow .module-footer { grid-template-columns: 1fr auto; }

  html.pusu-w #moduleWindow .module-balance-pill { grid-column: 1 / -1; justify-self: end; }

  html.pusu-w #pusuWRecordActions { flex-wrap: wrap; }

  html.pusu-w #pusuWSelection { width: 100%; margin-left: 0; }

  html.pusu-w :is(#recordWindow, #transactionWindow, #movementEditorWindow) { padding: 8px; }

  html.pusu-w :is(.record-frame, .transaction-frame, .movement-editor-frame) { max-height: calc(100dvh - 16px); }

}

@media (prefers-reduced-motion: reduce) {

  html.pusu-w *, html.pusu-w *::before, html.pusu-w *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }

}



/* Desktop list actions share the native create/paging footer. */

html.pusu-w #pusuWRecordActions { display:inline-flex; flex:1 1 auto; min-height:30px; padding:0; border:0; background:transparent; }

html.pusu-w #pusuWSelection { max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

html.pusu-w #pusuWModuleMenu { width:min(540px,calc(100vw - 32px)); padding:0; border:1px solid #6ab2c0; border-radius:10px; background:#f3f8fb; color:#173b52; box-shadow:0 20px 80px #041e3250; }

html.pusu-w #pusuWModuleMenu::backdrop { background:#061e3270; }

html.pusu-w #pusuWModuleMenu > header { display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#087b90;color:white;font-size:18px; }

html.pusu-w #pusuWModuleMenu header button { border:0;background:transparent;color:white;font-size:26px; }

html.pusu-w #pusuWModuleMenu nav { display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px; }

html.pusu-w #pusuWModuleMenu nav button { min-height:56px;padding:12px;border:1px solid #c8dce7;border-radius:6px;background:white;color:#173b52;text-align:left;font-size:14px; }

html.pusu-w #pusuWModuleMenu nav button:hover { background:#d9eef3;border-color:#51afc3; }



/* Native101 StockStatusSparePartCardLayout + BarcodeOverlay.

   The user's latest choice is slightly wider spare-part cards. */

html.pusu-w body :is(#appView,#pusuWKaplan) .oto760-stock-roll-card-grid:has([data-pw-native-card]) {

  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)) !important;

  background: #e2ecef;

}

html.pusu-w body :is(#appView,#pusuWKaplan) .oto760-stock-roll-card[data-pw-native-card] {

  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 144px minmax(42px, auto) minmax(54px, auto);

  min-width: 0; min-height: 241px; padding: 0; gap: 0;

  border: 1.35px solid #69a4b0 !important; border-radius: 10px;

  background: #fff !important; color: #263c4d; overflow: hidden;

  box-shadow: none !important; font: 12px/1.3 "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;

  container-type: inline-size;

}

html.pusu-w body :is(#appView,#pusuWKaplan) .oto760-stock-roll-card[data-pw-native-card]:is(:hover, :focus-within) {

  transform: none; border-color: #078aa2 !important; box-shadow: 0 0 0 1px #078aa230 !important;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] > .oto760-stock-roll-card-media {

  grid-column: 1; grid-row: 1; position: relative; display: grid; place-items: center;

  width: 100%; max-width: none; height: 144px; min-height: 0; margin: 0;

  border: 0 !important; border-radius: 9px 9px 0 0; background: #fff !important;

  color: #0a8ba2 !important; box-shadow: none !important; overflow: hidden;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] > .oto760-stock-roll-card-media img {

  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: contain;

  border: 0; border-radius: 0; background: #fff;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-photo-placeholder { display: grid; place-items: center; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-photo-placeholder svg { width: 46px; height: 46px; fill: none; stroke: currentColor; stroke-width: 2; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .oto760-stock-roll-card-barcode,
html.pusu-w .pw-stock-kaplan-code {

  position: absolute; z-index: 1; left: 6px; bottom: 4px; max-width: calc(100% - 12px); max-height: 22px;

  padding: 1px 3px; border-radius: 2px; background: #ffffffaf; color: #263c4dbe !important;

  font: 600 14px/20px "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;

  text-transform: none; letter-spacing: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] > .pw-stock-name-band {

  grid-row: 2; grid-column: 1; display: flex; align-items: center; min-width: 0; padding: 5px 7px 5px 10px;

  background: #f7fbfc; border-block: 1px solid #cedfe5;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-name-band > strong {

  flex: 1 1 0; min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;

  max-height: 34px; overflow: hidden; color: #263c4d; font-size: 14px; line-height: 17px; font-weight: 600;

  text-transform: none; letter-spacing: normal; overflow-wrap: anywhere;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .oto760-stock-roll-card-actions {

  display: flex; flex: 0 0 auto; align-items: center; gap: 3px; margin-left: 8px; align-self: center;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .oto760-stock-roll-card-action {

  display: grid; place-items: center; width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0;

  margin: 0; border-radius: 4px !important; border: 1px solid transparent !important;

  color: #087e96 !important; background: transparent !important; box-shadow: none !important;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .oto760-stock-roll-card-action svg { width: 17px; height: 17px; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .oto760-stock-roll-card-action:hover { transform: none; background: #dceef2 !important; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .oto760-stock-roll-card-action:focus-visible { outline: 2px solid #078aa2 !important; outline-offset: -2px; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .oto760-stock-roll-card-action.is-added { color: #16835f !important; background: #dff3e8 !important; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] > .pw-stock-metrics {

  grid-row: 3; grid-column: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 54px; background: #f0f6f8;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics > span {

  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 3px;

  min-width: 0; padding: 5px 9px 6px; text-align: left;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics > span:not(:last-child) { border-right: 1px solid #cedfe5; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics small {

  display: block; font: 600 11px/14px "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;

  text-transform: none; letter-spacing: normal; color: #263c4d !important; white-space: nowrap;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics .oto760-stock-roll-card-quantity small { font-size: 9px !important; color: #088aa1 !important; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics .oto760-stock-roll-card-quantity b { font-size: 13px !important; font-weight: 700; color: #088aa1 !important; white-space: nowrap; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-location b {

  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;

  max-height: 36px; font-size: 13px; line-height: 18px; font-weight: 600; color: #16475c; overflow-wrap: anywhere;

}

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics .oto760-stock-roll-card-price { align-items: flex-end; text-align: right; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics .oto760-stock-roll-card-price small { font-size: 12px !important; }

html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics .oto760-stock-roll-card-price b {

  display: block; max-width: 100%; font-size: 15px !important; font-weight: 700; line-height: 20px; color: #16475c !important;

  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

}

/* Vehicle forms need wider value cells; preserve the chosen spare-part grid. */

@media (min-width:621px) {

  html.pusu-w body :is(#appView,#pusuWKaplan) .oto760-stock-roll-card-grid:has(.oto760-stock-roll-card-footer.is-vehicle):not(:has([data-pw-native-card])) {

    grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))!important;

  }

}

@media (min-width:621px) and (max-width:1199px) {

  html.pusu-w body :is(#appView,#pusuWKaplan) .oto760-stock-roll-card-grid:has(.oto760-stock-roll-card-footer.is-vehicle):not(:has([data-pw-native-card])) {

    grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important;

  }

}

/* More vertical room for the vehicle information rows only. */

html.pusu-w body #appView .oto760-stock-roll-card:has(> .oto760-stock-roll-card-footer.is-vehicle) {

  min-height:300px; padding:14px; row-gap:10px;

}

html.pusu-w body #appView .oto760-stock-roll-card:has(> .oto760-stock-roll-card-footer.is-vehicle) .oto760-stock-roll-card-vehicle-form {

  gap:3px;

}

/* Vehicle information occupies the former thumbnail area; the original media

   frame fills the right column, with the original quantity in the footer. */

html.pusu-w body #appView .oto760-stock-roll-card[data-pw-vehicle-card] {

  grid-template-columns:minmax(0,1fr) minmax(70px,38%);

  grid-template-rows:minmax(0,1fr) auto;

}

html.pusu-w body #appView [data-pw-vehicle-card] > .oto760-stock-roll-card-content {

  grid-column:1; grid-row:1;

}

html.pusu-w body #appView [data-pw-vehicle-card] > .oto760-stock-roll-card-media {

  grid-column:2; grid-row:1; width:100%; height:100%; min-height:0;

  align-self:stretch; border-radius:7px; box-shadow:none;

}

html.pusu-w body #appView [data-pw-vehicle-card] > .oto760-stock-roll-card-media:has(img) {

  background:#fff!important;

}

html.pusu-w body #appView [data-pw-vehicle-card] > .oto760-stock-roll-card-media img {

  object-fit:contain;

}

html.pusu-w body #appView [data-pw-vehicle-card] > .oto760-stock-roll-card-footer.is-vehicle {

  grid-column:1 / -1; grid-row:2;

  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important; align-items:center;

}

html.pusu-w body #appView [data-pw-vehicle-card] .oto760-stock-roll-card-actions {

  grid-column:1; grid-row:1; justify-self:start;

}

html.pusu-w body #appView [data-pw-vehicle-card] .pw-vehicle-quantity {

  grid-column:2; grid-row:1; justify-self:center; color:var(--stock-roll-accent);

  font-size:13px; font-weight:800; white-space:nowrap;

}

html.pusu-w body #appView [data-pw-vehicle-card] .oto760-stock-roll-card-vehicle-price {

  grid-column:3; grid-row:1; grid-template-columns:minmax(0,1fr);

  justify-self:end; text-align:right; gap:2px; min-width:0;

}

/* Keep prices readable if a small phone viewport leaves a narrower card. */

@container (max-width: 290px) {

  html.pusu-w body :is(#appView,#pusuWKaplan) [data-pw-native-card] .pw-stock-metrics .oto760-stock-roll-card-price b { font-size: 12px !important; }

}



/* Departments share the top row; there is no open-tab strip below the ribbon. */

html.pusu-w #pusuWHeader .pw-top > #pusuWDepartments { flex: 1 1 auto; max-width: none; padding: 0; margin-left: auto; }

html.pusu-w #pusuWHeader .pw-top > #pusuWDepartments #departmentNav { justify-content: flex-end; }

html.pusu-w #pusuWHeader .pw-top-actions { flex-shrink: 0; }

@media (max-width: 1400px) {

  html.pusu-w #pusuWHeader .pw-brand small { display: none; }

  html.pusu-w #pusuWHeader .pw-top { gap: 10px; }

}

@media (max-width: 700px) {

  html.pusu-w #pusuWHeader .pw-top > #pusuWDepartments #departmentNav { justify-content: flex-start; }

  html.pusu-w #pusuWHeader .pw-top-actions { gap: 5px; }

  html.pusu-w #pusuWHeader #pusuWSearch { display: none; }

  html.pusu-w #pusuWHeader #pusuWUser { max-width: 130px; }

  html.pusu-w #pusuWHeader #currentUser { max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

}



/* The tree and its existing resize handle must share the same width. */

@media (min-width: 1000px) {

  html.pusu-w body #appView .oto760-stock-tree-workspace {

    --stock-tree-navigation-width: 300px;

    grid-template-columns: var(--stock-tree-navigation-width) minmax(0, 1fr) !important;

  }

  html.pusu-w body #appView .oto760-stock-tree-resize-toggle {

    left: calc(var(--stock-tree-navigation-width) + 5px);

    transform: translate(-50%, -50%);

    width: 34px;

  }

}

@media (min-width: 1000px) and (max-width: 1199px) {

  html.pusu-w body #appView .oto760-stock-tree-workspace {

    --stock-tree-navigation-width: 240px;

  }

}

@media (min-width: 1000px) {

  html.pusu-w body #appView .oto760-stock-tree-workspace.is-navigation-expanded {

    --stock-tree-navigation-width: min(var(--pw-navigation-expanded-width, 560px), 70vw);

  }

}



/* Department selection shares the ribbon's lower-right edge. */

html.pusu-w #pusuWHeader .pw-ribbon-row { display:flex; align-items:stretch; min-width:0; gap:12px; }

html.pusu-w #pusuWHeader .pw-ribbon-row > #pusuWRibbon { flex:1 1 0; min-width:0; }

html.pusu-w #pusuWHeader .pw-ribbon-row > #pusuWDepartments {

  flex:0 1 auto; align-self:flex-end; min-width:0; max-width:50%; padding-bottom:8px;

}

html.pusu-w #pusuWHeader .pw-ribbon-row #departmentNav { justify-content:flex-end; }

@media (max-width:700px) {

  html.pusu-w #pusuWHeader .pw-ribbon-row { gap:6px; }

  html.pusu-w #pusuWHeader .pw-ribbon-row #departmentNav { justify-content:flex-start; }

}



/* Equal footer actions: clear, offer and invoice. Preserve the legacy cart route. */

html.pusu-w .oto760-web-offer-cart-footer { display:flex; gap:8px; flex-wrap:wrap; }

html.pusu-w .oto760-web-offer-cart-footer > button { flex:1 1 140px; width:auto; min-width:0; }

html.pusu-w .oto760-web-offer-cart-footer > button[hidden] { display:none; }

html.pusu-w .oto760-web-offer-cart-footer #pusuWCartInvoice { background:#087faf; border-color:#087faf; color:#fff; }

html.pusu-w .oto760-web-offer-cart-footer #pusuWCartInvoice:hover:not(:disabled) { background:#066a92; }

/* Offer actions share the native module footer and remain usable when narrow. */
.pw-offer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pw-offer-actions[hidden]{display:none}.pw-offer-actions span{font-size:12px;color:#587287}#pusuWOfferDelete{color:#bb3344}
.pw-document-totals{padding:14px 8px;text-align:right;font-weight:700;color:#087b90;font-variant-numeric:tabular-nums}

/* Pusu W launcher chrome. Shared actions, user preferences and business forms
   remain in the unchanged Web runtime. */
html.pusu-w #pusuWStatus { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
html.pusu-w #pusuWStatus #pusuWCart { display:none; }
html.pusu-w #pusuWStatus #pusuWModules {
  height:24px; min-height:24px; padding:1px 16px 1px 8px; gap:9px;
  border:1px solid #79afc0; border-radius:14px;
  color:#164e65; background:#d8eaf2; font-size:11px; box-shadow:inset 0 1px #ffffffb0;
}
html.pusu-w .pw-module-dots { display:grid; grid-template-columns:repeat(10,4px); gap:4px; align-content:center; padding:3px 2px; }
html.pusu-w .pw-module-dots i { width:4px; height:4px; border-radius:50%; background:#193b50; }
html.pusu-w #pusuWRibbon:empty { min-height:60px; }
html.pusu-w #pusuWRibbon .pw-module-icon { height:26px; min-width:26px; display:grid; place-items:center; font-size:24px; }

/* The original details element keeps all launcher and star event listeners. */
html.pusu-w body #oto760WebStart { display:none!important; }
html.pusu-w body #oto760WebStart[open] {
  display:grid!important; place-items:center; position:fixed!important;
  inset:0!important; inset-block:0!important; width:100%!important; height:100dvh!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  margin:0!important; padding:16px!important; transform:none!important; translate:none!important;
  overflow:hidden!important; z-index:970!important; background:#061e3277;
}
html.pusu-w body #oto760WebStart > summary { display:none!important; }
html.pusu-w body #oto760WebStart[open] > .oto760-web-start-panel {
  /* The shared tablet launcher still aligns its wrapper to the dock. Center
     the desktop panel on the viewport independently of that wrapper offset. */
  position:fixed!important; inset:auto!important; inset-block:auto!important; left:50%!important; top:50%!important;
  display:flex!important; flex-direction:column; width:min(1040px,calc(100vw - 32px))!important; max-width:1040px!important;
  height:auto!important; max-height:calc(100dvh - 32px)!important; min-height:0!important;
  margin:0!important; padding:0!important; transform:translate(-50%,-50%)!important; translate:none!important;
  opacity:1!important; visibility:visible!important; overflow:hidden!important;
  border:1px solid #83b3c1; border-radius:12px; color:#173b52; background:#f4f8fb;
  box-shadow:0 20px 70px #061e3255;
}
html.pusu-w #oto760WebStart .oto760-web-start-panel > header {
  display:flex!important; flex-direction:column; align-items:stretch; flex-shrink:0;
  gap:10px; padding:16px 20px 10px; color:#fff; background:#0b3651;
}
html.pusu-w .pw-modules-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
html.pusu-w .pw-modules-heading strong { font-size:20px; color:#fff; }
html.pusu-w .pw-modules-heading button { border:1px solid #61879d; border-radius:6px; width:32px; height:30px; padding:0; color:#fff; background:#244b61; font-size:22px; line-height:1; }
html.pusu-w #oto760WebStart .pw-modules-legend { display:flex; flex-wrap:wrap; gap:6px 20px; margin:0; color:#c0dbe9; font-size:12px; }
html.pusu-w .pw-top-legend { color:#ffe19a; }
html.pusu-w .pw-dock-legend { color:#8ed3ff; }
html.pusu-w #oto760WebStart .oto760-web-start-search { width:100%; min-width:0; max-width:none; }
html.pusu-w #oto760WebStart .oto760-web-start-scroll-frame { flex:1 1 auto; min-height:0; max-height:none; overflow:auto; padding:10px 16px 14px; }
html.pusu-w #oto760WebStart .oto760-web-start-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:4px 0 10px; }
html.pusu-w #oto760WebStart .oto760-web-start-module { min-width:0; }
html.pusu-w #oto760WebStart .oto760-web-start-module > button:not(.oto760-web-start-star) { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:16px; min-height:88px; min-width:0; width:100%; padding:12px 44px 12px 18px; text-align:left; font-size:14px; }
html.pusu-w #oto760WebStart .oto760-web-start-module > button:not(.oto760-web-start-star) > span { min-width:0; white-space:normal; font-size:14px; font-weight:600; text-align:left; }
html.pusu-w #oto760WebStart .oto760-web-start-star { z-index:2; }
html.pusu-w #oto760WebStart .oto760-web-start-top-star { top:6px; bottom:auto; color:#ac790c; }
html.pusu-w #oto760WebStart .oto760-web-start-top-star.selected { border-color:#d5b750; color:#ac7100; background:#fff3c9; box-shadow:none; }
html.pusu-w #oto760WebStart .oto760-web-start-star:not(.oto760-web-start-top-star) { color:#3581b3; }
html.pusu-w #oto760WebStart .oto760-web-start-star:not(.oto760-web-start-top-star).selected,
html.pusu-w #oto760WebStart .oto760-web-start-star:not(.oto760-web-start-top-star):hover { border-color:#7ebbdc; color:#1289df; background:#e3f3ff; box-shadow:none; }
/* Reuse the shared native-style artwork without inheriting cart stroke rules. */
html.pusu-w body .pw-colored-icon { display:grid!important; place-items:center; flex:0 0 32px; width:32px!important; height:32px!important; min-width:32px; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; line-height:1; }
html.pusu-w body .pw-colored-icon > svg { display:block; width:32px!important; height:32px!important; fill:none; stroke:none; stroke-width:0; }
html.pusu-w #pusuWRibbon .pw-colored-icon { flex-basis:28px; min-width:28px; width:28px!important; height:28px!important; }
html.pusu-w #pusuWRibbon .pw-colored-icon > svg { width:28px!important; height:28px!important; }
html.pusu-w #oto760WebStart footer { padding:10px 2px 0; font-size:11px; }
html.pusu-w.pw-logged-out body #oto760WebStart[open] { display:none!important; }

/* Existing dock nodes retain their menu/creation handlers and favorite state.
   Its z-index stays below the existing Notes, Calendar and Meeting dialogs. */
html.pusu-w body #appView #pusuWDock.quick-action-bar {
  position:fixed!important; inset:auto!important; left:50%!important; bottom:calc(var(--pw-status-height) + 5px)!important;
  display:flex!important; flex-wrap:wrap!important; justify-content:center; align-items:stretch;
  width:max-content!important; min-width:0!important; max-width:calc(100vw - 24px)!important; height:auto!important;
  min-height:58px!important; max-height:calc(100dvh - var(--pw-header-height) - 45px)!important;
  margin:0!important; padding:6px!important; gap:4px!important; overflow:visible!important;
  transform:translate(-50%,12px)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important;
  z-index:950!important; border:1px solid #80adbf; border-radius:12px;
  color:#173b52; background:#edf6fbf5; box-shadow:0 8px 30px #061e3233;
  transition:opacity 130ms,transform 130ms,visibility 130ms;
}
html.pusu-w body.pw-dock-open #appView #pusuWDock.quick-action-bar { transform:translate(-50%,0)!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; }
html.pusu-w body #pusuWDock > .quick-action-item { position:relative!important; flex:0 0 auto!important; width:auto!important; min-width:64px!important; height:auto!important; }
html.pusu-w body #pusuWDock > .quick-action-item.dock-module-hidden { display:none!important; }
html.pusu-w body #pusuWDock > .pw-dock-modules-item { display:block!important; }
html.pusu-w body #pusuWDock .quick-action-trigger { display:flex!important; flex-direction:column; justify-content:center; align-items:center; gap:4px; width:100%!important; min-width:64px; min-height:52px!important; padding:6px 9px!important; border:1px solid transparent; border-radius:7px; color:#173b52; background:transparent; font-size:11px; box-shadow:none; }
html.pusu-w body #pusuWDock .quick-action-trigger > span:first-child { font-size:21px; line-height:23px; }
html.pusu-w body #pusuWDock .quick-action-trigger:hover { border-color:#a3c9d7; background:#d4edf4; }
html.pusu-w body #pusuWDock .oto760-offer-cart-dock-item { position:relative!important; inset:auto!important; width:auto!important; min-width:90px!important; max-width:140px!important; }
html.pusu-w body #pusuWDock .oto760-web-start-cart-module { position:relative!important; inset:auto!important; width:100%!important; min-height:52px!important; height:100%!important; margin:0!important; padding:5px 9px!important; }
html.pusu-w body #pusuWDock .oto760-web-start-cart-module-copy small,
html.pusu-w body #pusuWDock .oto760-web-start-cart-module-copy b { display:none; }
html.pusu-w.pw-logged-out body #appView #pusuWDock { display:none!important; }

/* The original cart control keeps its counters and click listener beside messages. */
html.pusu-w body #pusuWCartFloating { position:fixed!important; inset:auto!important; right:var(--pw-cart-right,90px)!important; bottom:var(--pw-cart-bottom,38px)!important; width:180px!important; min-width:0!important; height:var(--pw-cart-height,58px)!important; margin:0!important; display:block!important; z-index:940!important; transform:none!important; opacity:1!important; visibility:visible!important; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module { position:relative!important; inset:auto!important; display:flex!important; align-items:center!important; gap:8px!important; width:100%!important; height:100%!important; min-height:58px!important; margin:0!important; padding:10px 36px 10px 10px!important; border:1px solid #69bdce!important; border-radius:14px!important; background:linear-gradient(145deg,#f3fcff,#d3edf4)!important; color:#13435a!important; box-shadow:0 5px 18px #06374d22; }
html.pusu-w body #pusuWCartFloating[hidden] { display:none!important; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module-icon { flex:0 0 32px; min-width:32px; width:32px!important; height:32px!important; color:#098aa1; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module-icon svg { width:32px!important; height:32px!important; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module-copy { display:flex!important; flex-direction:column; gap:4px; min-width:0; padding-right:4px; text-align:left; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module-copy strong { font-size:11px; line-height:1.15; white-space:normal; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module-copy small { display:none!important; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module-copy b { display:block!important; font-size:11px; color:#087b96; white-space:nowrap; }
html.pusu-w body #pusuWCartFloating .oto760-web-start-cart-module-count { position:absolute!important; top:8px!important; right:8px!important; min-width:23px; height:23px; padding:0 5px; border:2px solid #fff; border-radius:12px; background:#078ba2; color:#fff; font:700 11px/19px "Segoe UI",sans-serif; }
html.pusu-w.pw-logged-out body #pusuWCartFloating { display:none!important; }
html.pusu-w body [data-start-favorite="offer-cart"][hidden] { display:none!important; }

/* Restore the shared Finance date controls and scrollable non-stock views. */
/* Keep the stock cart in the right half of its measured product workspace. */
html.pusu-w body #oto760WebOfferCart.is-stock-workspace {
  --pw-cart-panel-width:min(var(--oto760-offer-cart-workspace-width),max(460px,calc(var(--oto760-offer-cart-workspace-width) / 2)));
  left:calc(var(--oto760-offer-cart-workspace-left) + var(--oto760-offer-cart-workspace-width) - var(--pw-cart-panel-width))!important;
  width:var(--pw-cart-panel-width)!important;
  clip-path:inset(0 round 16px);
  transform:translateX(calc(100% + 24px));
  transition:transform 220ms ease,opacity 220ms ease;
}
html.pusu-w body #oto760WebOfferCart.is-stock-workspace.open { clip-path:inset(0 round 16px); transform:translateX(0); }
@media (prefers-reduced-motion:reduce) {
  html.pusu-w body #oto760WebOfferCart.is-stock-workspace { transition:none; }
}

html.pusu-w body #appView .pusu-finance-toolbar { display:none; }
html.pusu-w[data-oto760-overview-view="finance"] body #appView .dashboard-wrap { display:flex; flex-direction:column; gap:8px; }
html.pusu-w[data-oto760-overview-view="finance"] body #appView .pusu-finance-toolbar { display:flex; flex-shrink:0; align-items:center; min-height:44px; padding:5px 10px; background:#fff; border:1px solid var(--pw-line); border-radius:6px; }
html.pusu-w body #appView .pusu-finance-toolbar .date-tools { display:flex!important; flex-direction:row; align-items:center; flex-wrap:wrap; gap:8px; width:100%; margin:0!important; padding:0!important; position:static!important; }
html.pusu-w body #appView .pusu-finance-toolbar .date-tools > div { display:flex; gap:5px; }
html.pusu-w body #appView .pusu-finance-toolbar #logoutButton { display:none!important; }
html.pusu-w:not([data-oto760-overview-view="stock"]) body #appView .workflow-grid { flex:1 1 auto; height:auto!important; min-height:0!important; overflow:auto!important; align-content:start; }
@media(max-width:700px) {
  html.pusu-w #oto760WebStart .oto760-web-start-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html.pusu-w #oto760WebStart .oto760-web-start-panel > header { padding:12px; }
  html.pusu-w #oto760WebStart .oto760-web-start-focus { flex-wrap:wrap; }
  html.pusu-w body #appView #pusuWDock.quick-action-bar { max-width:calc(100vw - 12px)!important; }
  html.pusu-w body #pusuWDock .quick-action-trigger { min-width:58px; }
}
@media(max-width:430px) { html.pusu-w #oto760WebStart .oto760-web-start-grid { grid-template-columns:minmax(0,1fr); } }

/* Shared search/favorite rendering may reset hidden; access remains authoritative. */
html.pusu-w body .pw-access-hidden,
html.pusu-w body #pusuWCartFloating.pw-access-hidden { display:none!important; }
.pusu-w #pusuWAccessEmpty:not([hidden]) { position:fixed;inset:var(--pw-header-height,120px) 0 30px;z-index:910;background:#f3f8fb;display:flex;align-items:center;justify-content:center;gap:12px; }
.pusu-w #pusuWAccessEmpty p { color:#245269; }
.pusu-w #pusuWAccessEmpty button { border:1px solid #83c4d4;border-radius:8px;background:white;color:#087b92;padding:10px 20px;cursor:pointer; }


/* A searchable customer selector with a document-local create action. */
html.pusu-w .pw-account-old-search { display:none!important; }
html.pusu-w .pw-account-field { position:relative; min-width:0; }
html.pusu-w .pw-account-native { position:absolute!important; width:1px!important; height:1px!important; opacity:0; pointer-events:none; padding:0!important; border:0!important; }
html.pusu-w .pw-account-controls { display:flex; gap:6px; min-width:0; }
html.pusu-w .pw-account-trigger { display:flex; align-items:center; justify-content:space-between; gap:8px; flex:1 1 0; min-width:0; min-height:42px; padding:9px 12px; color:#12394e; background:#fff; border:1px solid #bdd6e3; border-radius:9px; font:inherit; font-weight:600; text-align:left; cursor:pointer; box-shadow:0 2px 6px #0a405810; }
html.pusu-w .pw-account-trigger > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html.pusu-w .pw-account-add { flex:0 0 40px; width:40px; min-height:42px; padding:0; border:1px solid #088296; border-radius:9px; background:#087f91; color:white; font-size:25px; font-weight:600; cursor:pointer; }
html.pusu-w .pw-account-trigger:focus-visible,html.pusu-w .pw-account-add:focus-visible { outline:2px solid #098ba5; outline-offset:2px; }
html.pusu-w .pw-account-controls button:disabled { opacity:.5; cursor:default; }
html.pusu-w .pw-account-popover { position:absolute; z-index:200; top:100%; left:0; width:max(100%,390px); max-width:calc(100vw - 70px); margin-top:5px; padding:10px; display:flex; flex-direction:column; gap:8px; border:1px solid #82bacb; border-radius:12px; background:#fff; box-shadow:0 12px 32px #062a4c35; }
html.pusu-w .pw-account-popover[hidden] { display:none!important; }
html.pusu-w .pw-account-search { width:100%; min-height:40px; padding:8px 10px; border:1px solid #9ccbd8; border-radius:8px; font:inherit; }
html.pusu-w .pw-account-results { display:flex; flex-direction:column; max-height:240px; overflow:auto; gap:3px; }
html.pusu-w .pw-account-option { display:block; width:100%; padding:10px; border:0; border-radius:6px; background:#fff; color:#12394e; text-align:left; font:inherit; font-weight:600; cursor:pointer; white-space:normal; }
html.pusu-w .pw-account-option:hover,html.pusu-w .pw-account-option[aria-selected="true"] { background:#e0f2f6; color:#03687e; }
html.pusu-w .pw-account-search-status { color:#526e80; font-size:12px; font-weight:400; }
html.pusu-w .pw-new-customer { width:min(680px,calc(100vw - 32px)); max-height:calc(100dvh - 36px); margin:auto; padding:0; overflow:auto; color:#12394e; border:1px solid #9abfce; border-radius:16px; background:#f5fafd; box-shadow:0 22px 65px #041a3866; font-family:inherit; }
html.pusu-w .pw-new-customer::backdrop { background:#041d3980; backdrop-filter:blur(2px); }
html.pusu-w .pw-new-customer form { margin:0; }
html.pusu-w .pw-new-customer header { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:20px 24px; border-bottom:2px solid #05889b; background:linear-gradient(110deg,#f6fbfe,#e6f3f6); }
html.pusu-w .pw-new-customer header small { color:#05869d; font-weight:800; font-size:11px; letter-spacing:.5px; }
html.pusu-w .pw-new-customer h2 { font-size:23px; margin:4px 0; }
html.pusu-w .pw-new-customer header p { font-size:13px; color:#5a7a8d; margin:0; }
html.pusu-w .pw-customer-close { flex:none; width:38px; height:38px; border:1px solid #c3d9e4; border-radius:10px; background:#fff; color:#12394e; font-size:24px; cursor:pointer; }
html.pusu-w .pw-customer-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; min-width:0; margin:0; padding:22px 24px 10px; border:0; }
html.pusu-w .pw-customer-field { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; font-weight:700; }
html.pusu-w .pw-customer-field input,html.pusu-w .pw-customer-field select,html.pusu-w .pw-customer-field textarea { width:100%; min-width:0; box-sizing:border-box; min-height:40px; padding:9px 11px; border:1px solid #bdd6e3; border-radius:8px; background:#fff; color:#12394e; font:inherit; font-weight:500; }
html.pusu-w .pw-customer-field input:focus,html.pusu-w .pw-customer-field select:focus,html.pusu-w .pw-customer-field textarea:focus { outline:2px solid #23a3b7; outline-offset:1px; }
html.pusu-w .pw-customer-full,html.pusu-w .pw-customer-details { grid-column:1/-1; }
html.pusu-w .pw-customer-details summary { padding:8px 0; color:#087c94; font-size:13px; font-weight:700; cursor:pointer; }
html.pusu-w .pw-customer-extra { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:10px; }
html.pusu-w .pw-customer-status { margin:0; padding:8px 24px 16px; font-size:13px; color:#526e80; }
html.pusu-w .pw-new-customer footer { display:flex; justify-content:flex-end; gap:10px; padding:14px 24px; border-top:1px solid #cce1ea; background:#eaf4f8; }
html.pusu-w .pw-new-customer footer button { min-height:40px; padding:8px 20px; border-radius:9px; font:inherit; font-weight:700; cursor:pointer; }
html.pusu-w .pw-new-customer button:disabled { opacity:.55; cursor:default; }
@media (max-width:600px) { html.pusu-w .pw-customer-fields,html.pusu-w .pw-customer-extra { grid-template-columns:1fr; } }

html.pusu-w .pw-document-to-cart { color:#087e91; border-color:#95ccd8; background:#edfafd; font-weight:700; white-space:nowrap; }
html.pusu-w .pw-document-to-cart:hover:not(:disabled) { background:#d9f2f7; border-color:#087e91; }
html.pusu-w .pw-document-to-cart[hidden] { display:none!important; }
html.pusu-w .record-footer > div { flex-wrap:wrap; }

html.pusu-w .price-mode-field {position:relative;}
html.pusu-w .pw-refresh-prices {
  position:absolute;right:calc(100% + 18px);bottom:0;
  display:flex;align-items:center;gap:9px;white-space:nowrap;
  min-height:42px;padding:6px 14px;border:1px solid #9ed0df;
  border-radius:12px;background:#eef8fb;color:#173e52;cursor:pointer;
}
html.pusu-w .pw-refresh-icon {display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#078799;color:#fff;font-size:23px;line-height:1;}
html.pusu-w .pw-refresh-prices:hover:not(:disabled){background:#dff2f7;}
html.pusu-w .pw-refresh-prices:disabled{opacity:.55;cursor:default;}
@media(max-width:850px){html.pusu-w .pw-refresh-prices{position:static;width:max-content;margin-top:6px;}}

html.pusu-w #pusuWKaplan{position:fixed;inset:var(--pw-header-height) 0 var(--pw-status-height);z-index:905;background:#f2f8fb;padding:8px;display:flex;flex-direction:column;color:#163b51;gap:8px}
html.pusu-w #pusuWKaplan[hidden],html.pw-logged-out #pusuWKaplan{display:none!important}
html.pw-kaplan-open #moduleWindow{visibility:hidden}
.pw-kaplan-header{display:flex;gap:16px;align-items:center;flex-shrink:0;padding:12px 16px;background:#0b6e84;color:white;border-radius:5px}
.pw-kaplan-header>strong{font-size:20px;white-space:nowrap}.pw-kaplan-header form{display:flex;gap:8px;flex:1}.pw-kaplan-header input{min-width:80px;flex:1;padding:10px;border-radius:4px;border:1px solid #b5cfd8;background:white;color:#143448}
#pusuWKaplan button:not([data-pw-card-action]){cursor:pointer;border:1px solid #b0cbd6;border-radius:5px;padding:9px 13px;background:white;color:#075971;font:inherit}#pusuWKaplan button:not([data-pw-card-action]):hover{border-color:#0899b5;background:#e5f6fb}#pusuWKaplan button:not([data-pw-card-action]):focus-visible{outline:3px solid #d9a841;outline-offset:2px}#pusuWKaplan button:not([data-pw-card-action]):disabled{opacity:.5;cursor:default}
.pw-kaplan-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:10px;flex:1;min-height:0}.pw-kaplan-workspace nav{overflow:auto;display:flex;flex-direction:column;gap:6px;border:1px solid #c6dce4;background:#e5f1f5;padding:8px;border-radius:5px}.pw-kaplan-workspace nav button{text-align:left;font-weight:600}.pw-kaplan-workspace nav .is-subcategory{margin-left:13px;font-size:12px!important;font-weight:400}.pw-kaplan-workspace nav .selected{background:#fff2cf!important;border-color:#d2a32e!important}
.pw-kaplan-main{overflow:auto;padding:0 5px 12px;min-width:0}.pw-kaplan-toolbar{display:flex;gap:12px;align-items:center}.pw-kaplan-toolbar h2{font-size:17px;flex:1;line-height:1.4}.pw-kaplan-main p{font-size:13px;margin:7px 0 14px;color:#477083}.pw-kaplan-main p.error{color:#b12434;background:#fff0f0;padding:10px;border:1px solid #f0c4c4;border-radius:5px}
.pw-kaplan-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.pw-kaplan-card{background:white;border:1px solid #a4c9d6;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.pw-kaplan-card .pw-kaplan-detail{border:0!important;border-radius:0!important;background:white!important;text-align:left;padding:0!important;display:flex;flex-direction:column;flex:1;color:#183c50!important}.pw-kaplan-detail strong{font-size:14px;padding:5px 10px 12px;line-height:1.4}.pw-kaplan-code{padding:6px 10px 0;color:#607c8a;font-size:12px}.pw-kaplan-visual{height:170px;display:flex;align-items:center;justify-content:center;width:100%;color:#7895a2;font-size:13px;background:#fff}.pw-kaplan-visual img{width:100%;height:100%;object-fit:contain;padding:8px}.pw-kaplan-meta{display:flex;justify-content:space-between;gap:6px;padding:10px;background:#edf5f8;font-size:11px;align-items:center}.pw-kaplan-meta strong{font-size:15px;white-space:nowrap}.pw-kaplan-controls{display:flex;padding:9px;gap:8px;border-top:1px solid #dce9ee}.pw-kaplan-controls input{width:73px;min-width:0;border:1px solid #b6ced8;border-radius:4px;padding:8px;font:inherit}.pw-kaplan-controls button{flex:1;background:#078ba6!important;color:white!important;border-color:#078ba6!important;font-weight:600!important}
.pw-kaplan-pages{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:18px}.pw-kaplan-main [aria-busy=true]{opacity:.8}#pusuWKaplan.loading .pw-kaplan-products{opacity:.65}.pw-colored-icon[data-pw-icon-code=kaplan]{width:44px!important;height:36px!important}
@media(max-width:850px){.pw-kaplan-workspace{grid-template-columns:170px minmax(0,1fr)}.pw-kaplan-header{flex-wrap:wrap;gap:8px}.pw-kaplan-header form{order:3;flex-basis:100%}.pw-kaplan-header>strong{flex:1}.pw-kaplan-products{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}
@media(max-width:530px){.pw-kaplan-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:90px minmax(0,1fr)}.pw-kaplan-workspace nav{flex-direction:row;overflow:auto}.pw-kaplan-workspace nav button{min-width:130px}.pw-kaplan-products{grid-template-columns:1fr}}
.pw-kaplan-header select{background:white;color:#164055;border:1px solid #b5cfd8;border-radius:4px;padding:8px}.pw-kaplan-header select[hidden]{display:none}
#pusuWKaplan .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pw-catalog-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;margin-bottom:12px}.pw-catalog-links button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;gap:8px}.pw-catalog-links img{width:100%;height:140px;object-fit:contain}
#pwCatalogDrawing{background:white;border:1px solid #bbd5de;border-radius:6px;padding:12px;max-height:530px;overflow:auto;margin-bottom:14px}#pwCatalogDrawing img{display:block;max-width:100%;max-height:440px;margin:auto;cursor:zoom-in}#pwCatalogDrawing img.zoomed{max-height:none;max-width:none;width:1400px;cursor:zoom-out}
.pw-colored-icon[data-pw-icon-code=catalog]{width:44px!important;height:36px!important}
html.pusu-w #oto760ProductivityCenter{inset:var(--pw-header-height) 0 var(--pw-status-height);z-index:906;padding:8px;background:var(--pw-soft);backdrop-filter:none;place-items:stretch}
html.pusu-w #oto760ProductivityCenter .oto760-productivity-frame{width:100%;height:100%;max-width:none;max-height:none;border-radius:5px;box-shadow:none;animation:none}
html.pusu-w #oto760ProductivityCenter .oto760-productivity-header{border-radius:0}

/* Match the Stock Status spare-part card geometry and palette. CNH keeps its layout. */
#pusuWKaplan .pw-kaplan-products:has([data-stock-style]){grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:11px;padding:12px;background:#e2ecef;align-content:start}
#pusuWKaplan .pw-kaplan-card[data-stock-style]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:144px minmax(42px,auto) minmax(54px,auto);min-width:0;min-height:241px;padding:0;gap:0;border:1.35px solid #69a4b0;border-radius:10px;background:#fff;color:#263c4d;overflow:hidden;box-shadow:none;font:12px/1.3 "Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;container-type:inline-size}
#pusuWKaplan .pw-kaplan-card[data-stock-style]:is(:hover,:focus-within){border-color:#078aa2;box-shadow:0 0 0 1px #078aa230}
#pusuWKaplan [data-stock-style]>.pw-kaplan-detail{grid-column:1;grid-row:1;position:relative;display:grid;place-items:center;width:100%;height:144px;min-height:0;margin:0;overflow:hidden;color:#0a8ba2!important}
#pusuWKaplan [data-stock-style] .pw-kaplan-visual{height:144px;color:#0a8ba2}
#pusuWKaplan [data-stock-style] .pw-kaplan-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0;border:0;border-radius:0;background:white}
#pusuWKaplan [data-stock-style] .pw-kaplan-photo-placeholder{display:grid;place-items:center}
#pusuWKaplan [data-stock-style] .pw-kaplan-photo-placeholder svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2}
#pusuWKaplan [data-stock-style] .pw-kaplan-code{position:absolute;z-index:1;left:6px;bottom:4px;max-width:calc(100% - 12px);max-height:22px;padding:1px 3px;border-radius:2px;background:#ffffffaf;color:#263c4dbe;font:600 14px/20px "Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pusuWKaplan [data-stock-style]>.pw-kaplan-name-band{grid-row:2;grid-column:1;display:flex;align-items:center;min-width:0;padding:5px 7px 5px 10px;background:#f7fbfc;border-block:1px solid #cedfe5}
#pusuWKaplan [data-stock-style] .pw-kaplan-name-band>strong{flex:1 1 0;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:34px;overflow:hidden;color:#263c4d;font-size:14px;line-height:17px;font-weight:600;overflow-wrap:anywhere}
#pusuWKaplan [data-stock-style] [data-kaplan-add]{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0 0 0 8px;border-radius:4px;border:1px solid transparent;color:#087e96;background:transparent;box-shadow:none}
#pusuWKaplan [data-stock-style] [data-kaplan-add] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#pusuWKaplan [data-stock-style] [data-kaplan-add]:hover{background:#dceef2}
#pusuWKaplan [data-stock-style] :is(.pw-kaplan-detail,[data-kaplan-add]):focus-visible{outline:2px solid #078aa2;outline-offset:-2px}
#pusuWKaplan [data-stock-style]>.pw-kaplan-meta{grid-row:3;grid-column:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:54px;gap:0;padding:0;align-items:stretch;background:#f0f6f8}
#pusuWKaplan [data-stock-style] .pw-kaplan-meta> :is(span,div){display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-width:0;padding:5px 9px 6px;text-align:left;border:0}
#pusuWKaplan [data-stock-style] .pw-kaplan-meta> :not(:last-child){border-right:1px solid #cedfe5}
#pusuWKaplan [data-stock-style] .pw-kaplan-meta small{display:block;font:600 11px/14px "Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;white-space:nowrap;color:#263c4d}
#pusuWKaplan [data-stock-style] .pw-kaplan-stock small{font-size:9px;color:#088aa1}
#pusuWKaplan [data-stock-style] .pw-kaplan-stock b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:36px;font-size:13px;line-height:18px;font-weight:700;color:#088aa1;overflow-wrap:anywhere}
#pusuWKaplan [data-stock-style] .pw-kaplan-amount{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}
#pusuWKaplan [data-stock-style] .pw-kaplan-amount input{width:100%;min-width:0;height:25px;padding:1px 4px;border:1px solid #b6ced8;border-radius:4px;background:#fff;color:#16475c;font:600 13px/18px "Segoe UI",sans-serif;box-sizing:border-box}
#pusuWKaplan [data-stock-style] .pw-kaplan-meta>.pw-kaplan-price{align-items:flex-end;text-align:right}
#pusuWKaplan [data-stock-style] .pw-kaplan-price small{font-size:12px}
#pusuWKaplan [data-stock-style] .pw-kaplan-price strong{display:block;max-width:100%;font-size:15px;font-weight:700;line-height:20px;color:#16475c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container(max-width:290px){#pusuWKaplan [data-stock-style] .pw-kaplan-price strong{font-size:12px}}

/* W32 uses the same card renderer and palette as Stock Status. */
html.pusu-w #pusuWKaplan .pw-kaplan-products:has([data-kaplan-code]){grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:11px;padding:12px;background:#e2ecef;align-content:start;align-items:start;}
html.pusu-w #pusuWKaplan button.pw-catalog-stock-media{padding:0;text-align:left;cursor:zoom-in;}
html.pusu-w #pusuWKaplan button.pw-catalog-stock-media:disabled{opacity:1;cursor:default;}
html.pusu-w #pusuWKaplan button.pw-catalog-stock-media:focus-visible{outline:3px solid #087e94;outline-offset:-3px;}

html.pusu-w #recordLines .pw-line-product-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)}
html.pusu-w #recordLines .pw-line-product-control{display:flex;position:relative;min-width:0;width:100%;align-items:stretch}
html.pusu-w #recordLines input.pw-line-product-query{width:100%;min-width:0;margin:0;padding-right:32px;text-overflow:ellipsis}
html.pusu-w #recordLines button.pw-line-product-toggle{position:absolute;right:2px;top:2px;bottom:2px;width:28px;min-width:0;padding:0;border:0;box-shadow:none;background:transparent;color:#16475c;border-radius:5px;font-size:18px}
html.pusu-w #recordLines button.pw-line-product-toggle:focus-visible{outline:2px solid #078aa2}
html.pusu-w #recordWindow .pw-line-product-popup{position:fixed;z-index:20;display:flex;flex-direction:column;max-height:300px;min-width:0;overflow:hidden;background:white;color:#163b51;border:1px solid #80b6c7;border-radius:9px;box-shadow:0 8px 26px #0d354733;font:13px/1.4 "Segoe UI",sans-serif}
html.pusu-w #recordWindow .pw-line-product-popup[hidden]{display:none!important}
html.pusu-w .pw-line-product-results{overflow:auto;min-height:0;overscroll-behavior:contain;padding:4px}
html.pusu-w #recordWindow button.pw-line-product-option{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:9px 10px;margin:0;border:0;border-radius:5px;background:white;color:#163b51;box-shadow:none;font:inherit}
html.pusu-w #recordWindow button.pw-line-product-option:is(:hover,[aria-selected=true]){background:#e1f3f7;color:#075e74}
html.pusu-w .pw-line-product-status{flex:0 0 auto;padding:7px 10px;border-top:1px solid #d7e8ee;background:#f1f7fa;color:#53788a;font-size:11px}

/* The stock grid has a bounded scrolling height. overflow:hidden gives its
   items a zero automatic minimum: supplier-only rows used to collapse to their
   borders. Size all three bands by their content, including wrapped footers. */
html.pusu-w .pw-stock-kaplan-card{border:2px solid #c62828!important;border-radius:10px;overflow:hidden;background:#fff;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:144px minmax(42px,max-content) minmax(64px,max-content);min-width:0;min-height:254px;height:max-content;align-self:start;}
html.pusu-w .pw-stock-kaplan-card .pw-stock-kaplan-media{position:relative;height:144px;min-height:144px;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;}
html.pusu-w .pw-stock-kaplan-placeholder{font-size:42px;color:#b0bec5;}
/* Barcode uses the same shared declaration as native stock cards in pusu-w.css. */
html.pusu-w .pw-stock-kaplan-card button.pw-stock-kaplan-media{padding:0;border:0;border-radius:0;box-shadow:none;text-align:left;color:inherit;cursor:zoom-in;}
html.pusu-w .pw-stock-kaplan-card button.pw-stock-kaplan-media:disabled{opacity:1;cursor:default;}
html.pusu-w .pw-stock-kaplan-card button.pw-stock-kaplan-media:focus-visible{outline:3px solid #087e94;outline-offset:-3px;}
html.pusu-w .pw-stock-kaplan-card .pw-stock-name-band{min-height:42px;padding:6px 9px;display:flex;align-items:center;gap:8px;background:#fff6f7;border-top:1px solid #ef9a9a;}
html.pusu-w .pw-stock-kaplan-card .pw-stock-name-band strong{flex:1;font-weight:600;font-size:14px;}
html.pusu-w .pw-stock-kaplan-card .pw-stock-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;background:#ffebee;border-top:1px solid #ef9a9a;min-height:64px;}
html.pusu-w .pw-stock-kaplan-card .pw-stock-metrics>div{padding:7px 9px;display:flex;flex-direction:column;border-right:1px solid #ef9a9a;color:#b71c1c;}
html.pusu-w .pw-stock-kaplan-card .pw-stock-metrics>div:last-child{text-align:right;border:0;}
html.pusu-w .pw-stock-kaplan-card small{font-size:10px;margin-bottom:4px;}
html.pusu-w .pw-stock-kaplan-card .pw-stock-metrics strong{font-size:13px;}
html.pusu-w .pw-stock-kaplan-more{border:1px solid #c62828;background:#ffebee;color:#b71c1c;padding:14px;min-height:56px;align-self:center;border-radius:9px;cursor:pointer;}
html.pusu-w .pw-stock-kaplan-more:disabled{opacity:.8;cursor:default;}
html.pusu-w .pw-stock-kaplan-open{border:0;background:transparent;color:#b71c1c;font-size:20px;cursor:pointer;}
html.pusu-w #pusuWKaplan .pw-kaplan-card.pw-own-stock{border:2px solid #c62828!important;box-shadow:0 0 0 1px #c62828 inset;}
html.pusu-w .pw-stock-kaplan-media img{position:absolute;inset:0 0 26px;width:100%;height:118px;object-fit:contain;}
html.pusu-w .pw-stock-kaplan-media [hidden]{display:none!important;}
html.pusu-w .pw-stock-kaplan-add{padding:6px 4px;min-height:32px;min-width:0;width:100%;border:1px solid #c62828;border-radius:5px;background:white;color:#b71c1c;font-size:12px;font-weight:600;cursor:pointer;}
html.pusu-w .pw-stock-kaplan-add:disabled{opacity:.65;cursor:wait;}
html.pusu-w .pw-stock-kaplan-card [role=status]{overflow-wrap:anywhere;}

/* Cari Hareketler: pale tones, with a stronger selected state. */
html.pusu-w #moduleWindow #moduleTableBody tr.pw-movement-note > td { background:#fff0f1 !important; }
html.pusu-w #moduleWindow #moduleTableBody tr.pw-movement-collection > td { background:#edf9f1 !important; }
html.pusu-w #moduleWindow #moduleTableBody tr.pw-movement-note:is(.selected,.pw-selected,[aria-selected="true"]) > td { background:#ffdce1 !important; }
html.pusu-w #moduleWindow #moduleTableBody tr.pw-movement-collection:is(.selected,.pw-selected,[aria-selected="true"]) > td { background:#ccefd9 !important; }
html.pusu-w #moduleWindow #moduleTableBody tr:is(.pw-movement-note,.pw-movement-collection,.pw-movement-invoice):is(.selected,.pw-selected,[aria-selected="true"]) > td { box-shadow:inset 0 2px #34818b,inset 0 -2px #34818b; }

html.pusu-w #moduleWindow #moduleTableBody tr.pw-movement-invoice > td { background:#dceeff !important; }
html.pusu-w #moduleWindow #moduleTableBody tr.pw-movement-invoice:is(.selected,.pw-selected,[aria-selected="true"]) > td { background:#b4d8fa !important; }

#pusuWKaplan.pw-cnh-mode .pw-kaplan-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#pusuWKaplan.pw-cnh-mode #pwKaplanCategories,#pusuWKaplan.pw-cnh-mode #pwKaplanSearch,#pusuWKaplan.pw-cnh-mode .pw-kaplan-pages,#pusuWKaplan.pw-cnh-mode #pwKaplanBack,#pusuWKaplan.pw-cnh-mode #pwKaplanTitle{display:none}
#pusuWKaplan.pw-cnh-mode .pw-kaplan-header>strong{flex:1}
#pusuWKaplan.pw-cnh-mode .pw-kaplan-toolbar{justify-content:flex-end}
#pusuWKaplan .pw-cnh-panel{max-width:920px;margin:20px auto;padding:26px;background:white;border:1px solid #b6d6e5;border-radius:12px}
#pusuWKaplan .pw-cnh-panel[hidden],#pusuWKaplan #pwCnhAdd[hidden]{display:none}
#pusuWKaplan .pw-cnh-panel h2{margin-top:0;color:#103c54}
#pusuWKaplan .pw-cnh-panel p{line-height:1.6;font-size:14px}
#pusuWKaplan .pw-cnh-external,#pusuWKaplan #pwCnhAdd{display:inline-block;padding:12px 20px;background:#087f96;color:white;border:1px solid #087f96;border-radius:6px;text-decoration:none;font-weight:600}
#pusuWKaplan #pwCnhPartForm{display:flex;gap:14px;align-items:flex-end;margin:24px 0}
#pusuWKaplan #pwCnhPartForm label{display:grid;gap:8px;flex:1;color:#173e55;font-weight:600}
#pusuWKaplan #pwCnhPartForm label:nth-child(2){flex:0 0 100px}
#pusuWKaplan #pwCnhPartForm input{min-width:0;width:100%;box-sizing:border-box;padding:11px;background:white;color:#173e55;border:1px solid #a2c7d7;border-radius:6px}
#pusuWKaplan #pwCnhFind{padding:11px 18px}
#pusuWKaplan #pwCnhMatch:not(:empty){padding:16px;margin-bottom:16px;background:#edf7fd;border:1px solid #b6d6e5;border-radius:8px}
#pusuWKaplan.pw-cnh-mode #pwKaplanStatus{max-width:920px;margin:10px auto}
@media(max-width:650px){#pusuWKaplan .pw-cnh-panel{padding:16px;margin:8px}#pusuWKaplan #pwCnhPartForm{flex-wrap:wrap}#pusuWKaplan #pwCnhPartForm label:first-child{flex-basis:100%}}

/* W43: order header and total presentation; calculation/access logic unchanged. */
html.pusu-w .record-header.pw-order-header { align-items:center; }
html.pusu-w .pw-order-header > div:first-child { flex:1; min-width:0; }
html.pusu-w #pusuWOrderHeaderTools { flex:0 0 auto; min-width:0; }
html.pusu-w #pusuWOrderHeaderTools .price-mode-field { display:flex; align-items:center; gap:12px; margin:0; }
html.pusu-w #pusuWOrderHeaderTools .price-mode-field > span { display:none; }
html.pusu-w #pusuWOrderHeaderTools .price-mode-option { margin:0; width:auto; flex:0 0 auto; white-space:nowrap; min-height:42px; }
html.pusu-w #pusuWOrderHeaderTools .pw-refresh-prices { position:static; order:-1; width:auto; margin:0; }
html.pusu-w #recordForm:has(#recordBusy:not(.hidden)) #pusuWOrderHeaderTools { display:none; }
html.pusu-w #recordFields .record-section.pw-order-info > .pw-order-related {
  grid-column:1; align-self:start; min-width:0;
}
html.pusu-w #recordFields .record-section.pw-order-info > .pw-order-notes {
  grid-column:2 / -1; align-self:start; min-width:0;
}
html.pusu-w #recordFields .pw-order-notes textarea { height:39px; min-height:39px; max-height:39px; padding:9px 12px; line-height:19px; box-sizing:border-box; resize:none; overflow:auto; }
html.pusu-w #recordFields .pw-order-line-footer {
  grid-column:1 / -1; display:flex; align-items:flex-start; flex-wrap:wrap; gap:16px; min-width:0;
}
html.pusu-w #recordFields .pw-order-line-footer > .record-add-line { flex:0 0 auto; }
html.pusu-w #recordFields .pw-order-totals {
  flex:0 1 400px; width:400px; max-width:100%; margin-left:auto; box-sizing:border-box;
  padding:14px 18px; border:1px solid #81bdc9; border-left:4px solid #087f95;
  border-radius:12px; background:#eaf7fa; box-shadow:0 3px 12px #0b536e12;
  color:#154759; font-size:14px; line-height:1.5; text-align:left;
}
html.pusu-w #recordFields .pw-order-totals > div {
  display:flex; justify-content:space-between; align-items:baseline; gap:18px; padding:3px 0;
}
html.pusu-w #recordFields .pw-order-totals strong { text-align:right; overflow-wrap:anywhere; }
html.pusu-w #recordFields .pw-order-totals .pw-order-total-final {
  margin-top:8px; padding-top:10px; border-top:1px solid #a4ced8; color:#006d83; font-size:17px; font-weight:750;
}
html.pusu-w #recordFields .pw-order-totals .pw-order-total-final strong { font-size:22px; }
@media(max-width:1050px) {
  html.pusu-w .record-header.pw-order-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 16px; }
  html.pusu-w .pw-order-header > #recordClose { grid-column:2; grid-row:1; }
  html.pusu-w #pusuWOrderHeaderTools { grid-column:1 / -1; grid-row:2; }
  html.pusu-w #pusuWOrderHeaderTools .price-mode-field { flex-wrap:wrap; }
}
@media(max-width:700px) {
  html.pusu-w #recordFields .record-section.pw-order-info { grid-template-columns:minmax(0,1fr); }
  html.pusu-w #recordFields .record-section.pw-order-info > * { grid-column:1 / -1 !important; grid-row:auto !important; min-width:0; }
  html.pusu-w #recordFields .pw-order-totals { flex-basis:100%; width:100%; }
}

/* W44: only the first order line shows column headings; labels remain accessible. */
html.pusu-w #recordForm:has(.pw-order-info) #recordLines > .document-line ~ .document-line > .field > span:first-child,
html.pusu-w #recordForm:has(.pw-order-info) #recordLines > .document-line ~ .document-line > .record-storage-cell > .record-storage-heading,
html.pusu-w #recordForm:has(.pw-order-info) #recordLines > .document-line ~ .document-line > .record-current-stock > span {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0;
  overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap;
}

/* W45: related user and one-line description finish the order above form actions. */
html.pusu-w #recordFields .record-section.pw-order-details {
  grid-template-columns:minmax(220px,1fr) minmax(0,3fr); align-items:start; gap:12px; padding:12px 14px;
}
html.pusu-w #recordFields .pw-order-details > .pw-order-related { grid-column:1; min-width:0; }
html.pusu-w #recordFields .pw-order-details > .pw-order-notes { grid-column:2; min-width:0; }
@media(max-width:700px) {
  html.pusu-w #recordFields .record-section.pw-order-details { grid-template-columns:minmax(0,1fr); }
  html.pusu-w #recordFields .pw-order-details > .pw-order-related,
  html.pusu-w #recordFields .pw-order-details > .pw-order-notes { grid-column:1 / -1; }
}

/* W46: compact order lines toolbar and a single details/totals row. */
html.pusu-w #recordFields .pw-order-info > p,
html.pusu-w #recordFields .pw-order-info > .warehouse-field > small,
html.pusu-w #recordFields .pw-order-lines > p { display:none; }
html.pusu-w #recordFields .pw-order-info { row-gap:10px; }
html.pusu-w #recordFields .pw-order-lines-heading {
  grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0;
}
html.pusu-w #recordFields .pw-order-lines-heading > h3 { margin:0; }
html.pusu-w #recordFields .pw-order-lines-heading > .record-add-line {
  flex:0 0 auto; margin:0; min-height:38px; padding:8px 14px; color:#087e91; border-color:#95ccd8; background:#edfafd;
}
html.pusu-w #recordFields .pw-order-compact-footer {
  display:grid; grid-template-columns:minmax(190px,.9fr) minmax(220px,1.35fr) minmax(280px,1.25fr);
  align-items:start; gap:16px;
}
html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-related { grid-column:1; min-width:0; }
html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-notes {
  grid-column:2; min-width:0; display:flex; flex-direction:column; align-self:stretch;
}
html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-notes textarea {
  flex:1 1 auto; height:auto; min-height:96px; max-height:none;
}
html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-totals { grid-column:3; width:100%; margin:0; }
@media(max-width:1000px) {
  html.pusu-w #recordFields .pw-order-compact-footer { grid-template-columns:minmax(200px,1fr) minmax(0,2fr); }
  html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-totals { grid-column:1 / -1; max-width:400px; margin-left:auto; }
}
@media(max-width:650px) {
  html.pusu-w #recordFields .pw-order-lines-heading { flex-wrap:wrap; }
  html.pusu-w #recordFields .pw-order-lines-heading > .record-add-line { margin-left:auto; }
  html.pusu-w #recordFields .pw-order-compact-footer { grid-template-columns:minmax(0,1fr); gap:12px; }
  html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-related,
  html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-notes { grid-column:1 / -1; }
}

/* W47: price actions beside the order lines, before Add Product Row. */
html.pusu-w #recordFields .pw-order-lines-heading { flex-wrap:wrap; }
html.pusu-w #recordFields .pw-order-lines-heading > h3 { margin-right:auto; }
html.pusu-w #recordFields .pw-order-lines-heading > #pusuWOrderHeaderTools { margin-left:auto; }
@media(max-width:650px) {
  html.pusu-w #recordFields .pw-order-lines-heading > #pusuWOrderHeaderTools { order:3; flex-basis:100%; margin:0; }
  html.pusu-w #recordFields .pw-order-lines-heading > .record-add-line { margin:0; }
}

/* W48: swap add/refresh positions and join order rows with a single separator. */
html.pusu-w #recordFields .pw-order-lines-heading > #pusuWOrderHeaderTools { margin-left:0; }
html.pusu-w #recordFields .pw-order-lines-heading #pusuWRefreshPrices { order:1; }
html.pusu-w #recordFields .pw-order-lines #recordLines {
  gap:0; border:1px solid #bfd5e0; border-radius:9px; background:#fff;
}
html.pusu-w #recordFields .pw-order-lines #recordLines > .document-line {
  margin:0; border:0; border-left:4px solid var(--teal); border-radius:0; box-shadow:none;
}
html.pusu-w #recordFields .pw-order-lines #recordLines > .document-line + .document-line { border-top:1px solid #bfd5e0; }
html.pusu-w #recordFields .pw-order-lines #recordLines > .document-line:first-child { border-top-left-radius:8px; border-top-right-radius:8px; }
html.pusu-w #recordFields .pw-order-lines #recordLines > .document-line:last-child { border-bottom-left-radius:8px; border-bottom-right-radius:8px; }

/* W49: remove the three marked order headings and their vertical space. */
html.pusu-w #recordWindow:has(.pw-order-info) .record-header .eyebrow,
html.pusu-w #recordFields .pw-order-info > h3,
html.pusu-w #recordForm:has(.pw-order-info) .document-product-search-title { display:none; }
html.pusu-w #recordWindow:has(.pw-order-info) .record-header { min-height:0; padding-block:10px; }
html.pusu-w #recordFields .pw-order-info { padding-block:12px; }
html.pusu-w #recordForm:has(.pw-order-info) .document-product-search { padding-block:10px; }

/* W50: compact bulk discount beside the order line actions. */
html.pusu-w #recordFields .pw-order-bulk-discount {
  display:flex; align-items:center; gap:8px; flex:0 0 auto; margin:0;
  padding:5px 8px 5px 12px; border:1px solid #a5cfdc; border-radius:10px;
  background:#edf8fb; color:#17455b; font-size:12px; font-weight:700;
}
html.pusu-w #recordFields .pw-order-bulk-discount > span { white-space:nowrap; }
html.pusu-w #recordFields .pw-order-bulk-discount > input {
  box-sizing:border-box; width:76px; min-width:0; min-height:32px; height:32px;
  padding:5px 7px; border:1px solid #bdd9e4; border-radius:7px; background:#fff;
  color:#17455b; font:inherit; text-align:right;
}
html.pusu-w #recordFields .pw-order-bulk-discount > input:invalid { border-color:#ce5555; }
html.pusu-w #recordFields .pw-order-lines-heading > h3 { margin-right:0; }
html.pusu-w #recordFields .pw-order-lines-heading > .record-add-line { margin-right:auto; }
html.pusu-w #recordFields .pw-order-lines-heading > .record-add-line:not([hidden]) {
  display:inline-flex; align-items:center; justify-content:center;
}
/* Legacy invoice/offer classes can remain on the shared editor frame. */
html.pusu-w #pusuWOrderHeaderTools .price-mode-field {
  position:static !important; inset:auto !important;
}

/* W52: top-layer dialog stays centered over the existing order form. */
html.pusu-w #pusuWOrderConfirm {
  position:fixed; inset:0; margin:auto; box-sizing:border-box;
  width:480px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px);
  padding:28px; border:2px solid #07879f; border-top:7px solid #07879f;
  border-radius:18px; background:#fff; color:#173e52;
  box-shadow:0 24px 80px #031c35a6; overflow:auto;
}
html.pusu-w #pusuWOrderConfirm::backdrop { background:rgba(4,23,39,.6); }
html.pusu-w #pusuWOrderConfirm .pw-confirm-heading { display:flex; align-items:center; gap:16px; }
html.pusu-w #pusuWOrderConfirm .pw-confirm-icon {
  display:grid; place-items:center; flex:0 0 48px; height:48px; border-radius:50%;
  background:#fff0cf; color:#9b5900; border:1px solid #e9bf65; font-size:30px; font-weight:800;
}
html.pusu-w #pusuWOrderConfirm h2 { margin:0; font-size:24px; line-height:1.25; }
html.pusu-w #pusuWOrderConfirm p { margin:22px 0 26px; font-size:17px; line-height:1.55; color:#234d62; }
html.pusu-w #pusuWOrderConfirm .pw-confirm-actions { display:flex; justify-content:flex-end; gap:12px; }
html.pusu-w #pusuWOrderConfirm button { min-height:46px; margin:0; padding:10px 20px; font-size:15px; font-weight:750; border-radius:10px; }
html.pusu-w #pusuWOrderConfirm button:focus-visible { outline:3px solid #e6ad3a; outline-offset:3px; }
@media(max-width:480px) {
  html.pusu-w #pusuWOrderConfirm { padding:22px; }
  html.pusu-w #pusuWOrderConfirm .pw-confirm-actions { display:grid; grid-template-columns:1fr 1fr; }
  html.pusu-w #pusuWOrderConfirm button { padding:10px; }
}

/* W53: one aligned action row, scoped to the order list. */
/* Invoice/offer legacy compact rules must not bottom-align the shared notes field. */
html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-notes{align-self:stretch!important}
html.pusu-w #recordFields .pw-order-compact-footer > .pw-order-notes textarea{
  height:auto!important;min-height:96px!important;max-height:none!important;resize:none!important;
}
.pw-order-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pw-order-actions[hidden]{display:none}
.pw-order-actions span{font-size:12px;color:#526f82}
html.pusu-w #moduleWindow.pw-orders-list .module-footer-primary,
html.pusu-w #moduleWindow.pw-orders-list #moduleCreateActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.pusu-w #moduleWindow.pw-orders-list #moduleCreateActions.hidden{display:none}
html.pusu-w #moduleWindow.pw-orders-list .module-footer-primary :is(#moduleCreateActions,#pusuWOrderActions) button{
  display:inline-flex;align-items:center;justify-content:center;height:38px;min-height:38px;
  min-width:142px;margin:0;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:650;line-height:20px;
}
html.pusu-w #moduleWindow.pw-orders-list .module-footer-primary button[hidden]{display:none}
html.pusu-w #moduleWindow.pw-orders-list #pusuWOrderInvoice{color:#076c80;border-color:#79bbc9;background:#e7f6fa}
html.pusu-w #moduleWindow.pw-orders-list #pusuWOrderDelete{color:#b52b3d;border-color:#e6a7ae;background:#fff4f5}
html.pusu-w #pusuWOrderConfirm.pw-confirm-danger{border-color:#c84452}
html.pusu-w #pusuWOrderConfirm.pw-confirm-danger [data-confirm-accept]{background:#ba3042;border-color:#ba3042}
@media(max-width:640px){
  html.pusu-w #moduleWindow.pw-orders-list .module-footer-primary{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  html.pusu-w #moduleWindow.pw-orders-list #moduleCreateActions,
  html.pusu-w #moduleWindow.pw-orders-list #pusuWOrderActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  html.pusu-w #moduleWindow.pw-orders-list #moduleCreateActions.hidden,
  html.pusu-w #moduleWindow.pw-orders-list #pusuWOrderActions[hidden]{display:none}
  html.pusu-w #moduleWindow.pw-orders-list .module-footer-primary :is(#moduleCreateActions,#pusuWOrderActions) button{min-width:0;padding:6px 8px;font-size:12px;height:auto;min-height:40px}
  #pusuWOrderActions span{grid-column:1/-1}
}

/* W54: consistent row actions adjacent to stock availability. */
#moduleWindow .pw-stock-list-cart .pw-stock-list-cart-cell { width:120px; min-width:120px; text-align:center; white-space:nowrap; }
html.pusu-w #moduleWindow .pw-stock-list-cart td.pw-stock-list-cart-cell { padding:4px 8px!important; text-overflow:clip; }
#moduleWindow .pw-stock-list-cart .pw-stock-list-availability { font-weight:700; color:#087b8d; }
#moduleWindow .pw-stock-list-add { display:inline-flex; align-items:center; justify-content:center; min-width:100px; min-height:30px; padding:5px 10px; border:1px solid #98cad4; border-radius:7px; background:#edf9fb; color:#076d7e; font:inherit; font-weight:700; cursor:pointer; }
#moduleWindow .pw-stock-list-add:hover:not(:disabled) { background:#d7f0f4; border-color:#087f91; }
#moduleWindow .pw-stock-list-add:focus-visible { outline:2px solid #087f91; outline-offset:2px; }
#moduleWindow .pw-stock-list-add:disabled { opacity:.55; cursor:default; }

/* Book action shares the stock-card controls and remains visible in both hosts. */
html.pusu-w body .pw-stock-name-band .pusu-card-catalog {
  flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;
  padding:4px!important;box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;
  background:transparent!important;border:0!important;color:#078ba2!important;cursor:pointer;border-radius:4px;text-decoration:none;
}
html.pusu-w body .pusu-card-catalog svg {width:22px!important;height:22px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
html.pusu-w body .pw-stock-kaplan-card .pusu-card-catalog {color:#d82d38!important;}
html.pusu-w body .pusu-card-catalog:hover,html.pusu-w body .pusu-card-catalog:focus-visible {background:#d9f0f5!important;outline:2px solid currentColor;outline-offset:-2px;}
html.pusu-w body .pw-stock-name-band .pusu-card-catalog[hidden] {display:none!important;}

/* W60: departmanlar ve Kapat, aynı sırada ve aynı yükseklikte. */
html.pusu-w #pusuWHeader .pw-ribbon-row > #pusuWDepartmentActions {
  display:flex;align-self:flex-end;align-items:center;gap:8px;min-width:0;
  flex:0 1 auto;max-width:55%;padding-bottom:8px;
}
html.pusu-w #pusuWDepartmentActions > #pusuWDepartments {
  flex:1 1 auto;min-width:0;max-width:none;padding:0;
}
html.pusu-w #pusuWHeader #pusuWClose {
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-width:76px;min-height:28px;height:28px;margin:0;padding:4px 12px;
  border:1px solid #e16a75;border-radius:5px;background:#bd3444;color:#fff;
  font-size:12px;line-height:18px;font-weight:600;white-space:nowrap;box-shadow:none;
}
html.pusu-w #pusuWHeader #pusuWClose:hover {background:#a72838;border-color:#ff9aa4;}
html.pusu-w #pusuWHeader #pusuWClose:focus-visible {outline:2px solid #fff;outline-offset:2px;}
@media (max-width:700px) {
 html.pusu-w #pusuWHeader .pw-ribbon-row > #pusuWDepartmentActions {gap:6px;max-width:58%;}
 html.pusu-w #pusuWHeader #pusuWClose {min-width:64px;padding-inline:8px;}
}