@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css'; /* /Components/Layout/MainLayout.razor.rz.scp.css */ /* /Components/Layout/NavMenu.razor.rz.scp.css */ /* /Components/Layout/ReconnectModal.razor.rz.scp.css */ .components-reconnect-first-attempt-visible[b-r1vyedk55o], .components-reconnect-repeated-attempt-visible[b-r1vyedk55o], .components-reconnect-failed-visible[b-r1vyedk55o], .components-pause-visible[b-r1vyedk55o], .components-resume-failed-visible[b-r1vyedk55o], .components-rejoining-animation[b-r1vyedk55o] { display: none; } #components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-retrying[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-failed[b-r1vyedk55o], #components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-r1vyedk55o] { display: block; } #components-reconnect-modal[b-r1vyedk55o] { background-color: white; width: 20rem; margin: 20vh auto; padding: 2rem; border: 0; border-radius: 0.5rem; box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3); opacity: 0; transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete; animation: components-reconnect-modal-fadeOutOpacity-b-r1vyedk55o 0.5s both; &[open] { animation: components-reconnect-modal-slideUp-b-r1vyedk55o 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-r1vyedk55o 0.5s ease-in-out 0.3s; animation-fill-mode: both; } } #components-reconnect-modal[b-r1vyedk55o]::backdrop { background-color: rgba(0, 0, 0, 0.4); animation: components-reconnect-modal-fadeInOpacity-b-r1vyedk55o 0.5s ease-in-out; opacity: 1; } @keyframes components-reconnect-modal-slideUp-b-r1vyedk55o { 0% { transform: translateY(30px) scale(0.95); } 100% { transform: translateY(0); } } @keyframes components-reconnect-modal-fadeInOpacity-b-r1vyedk55o { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes components-reconnect-modal-fadeOutOpacity-b-r1vyedk55o { 0% { opacity: 1; } 100% { opacity: 0; } } .components-reconnect-container[b-r1vyedk55o] { display: flex; flex-direction: column; align-items: center; gap: 1rem; } #components-reconnect-modal p[b-r1vyedk55o] { margin: 0; text-align: center; } #components-reconnect-modal button[b-r1vyedk55o] { border: 0; background-color: #6b9ed2; color: white; padding: 4px 24px; border-radius: 4px; } #components-reconnect-modal button:hover[b-r1vyedk55o] { background-color: #3b6ea2; } #components-reconnect-modal button:active[b-r1vyedk55o] { background-color: #6b9ed2; } .components-rejoining-animation[b-r1vyedk55o] { position: relative; width: 80px; height: 80px; } .components-rejoining-animation div[b-r1vyedk55o] { position: absolute; border: 3px solid #0087ff; opacity: 1; border-radius: 50%; animation: components-rejoining-animation-b-r1vyedk55o 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .components-rejoining-animation div:nth-child(2)[b-r1vyedk55o] { animation-delay: -0.5s; } @keyframes components-rejoining-animation-b-r1vyedk55o { 0% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 4.9% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 5% { top: 40px; left: 40px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 80px; height: 80px; opacity: 0; } } /* /Components/Pages/AccountsAdvancePayment.razor.rz.scp.css */ /* Advance Payments list header search  match CMF movements list */ ::deep .ap-list-panel .cmf-movements-list-search [b-6f0i0tujj7]{ position: relative; display: inline-flex; align-items: center; gap: 6px; min-width: 220px; max-width: 280px; padding: 4px 8px; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff; flex-shrink: 1; } ::deep .ap-list-panel .cmf-movements-list-search .bi-search [b-6f0i0tujj7]{ color: #6c757d; font-size: 13px; flex-shrink: 0; } ::deep .ap-list-panel .cmf-movements-list-search input [b-6f0i0tujj7]{ border: none; outline: none; background: transparent; width: 100%; min-width: 0; font-size: 12px; color: #212529; padding: 0; } ::deep .ap-list-panel .cmf-movements-list-search input::placeholder [b-6f0i0tujj7]{ color: #9ca3af; } ::deep .ap-list-panel .cmf-movements-list-search-clear [b-6f0i0tujj7]{ border: none; background: transparent; color: #9ca3af; padding: 0; line-height: 1; cursor: pointer; flex-shrink: 0; } ::deep .ap-list-panel .cmf-movements-list-search-clear:hover [b-6f0i0tujj7]{ color: #495057; } ::deep .ap-list-panel .cmf-movements-list-scroll [b-6f0i0tujj7]{ border-top: 1px solid #edebe9; } ::deep .ap-list-panel .movements-grid tbody tr [b-6f0i0tujj7]{ cursor: pointer; } ::deep .ap-list-panel .movements-grid tbody tr.selected [b-6f0i0tujj7]{ background-color: #bbdefb !important; } ::deep .ap-list-panel .movements-grid tbody tr.voided [b-6f0i0tujj7]{ opacity: 0.5; text-decoration: line-through; } [b-6f0i0tujj7] /* /Components/Pages/AccountsReceiptEntry.razor.rz.scp.css */ /* Align form body with page heading width (no container-fluid inset). Vertical gap under heading comes from .d365-page-heading-wrap margin-bottom (same as CRUD → Header). */ .row.g-2.receipt-page-body-row[b-zydof58scj] { margin-top: 0; margin-left: 0; margin-right: 0; width: 100%; } [b-zydof58scj] .receipt-form-card { width: 100%; } [b-zydof58scj] .receipt-form-with-payment { position: relative; } [b-zydof58scj] .receipt-form-first-row { width: 100%; align-items: flex-end; column-gap: 1rem; /* Reserve space so Mode does not collide with absolute Receipt Details */ padding-right: 22rem; } [b-zydof58scj] .receipt-form-first-row .receipt-field-grow { flex: 1 1 0; min-width: 9rem; max-width: 16rem; } [b-zydof58scj] .receipt-form-first-row .receipt-field-trans { width: 110px; } [b-zydof58scj] .receipt-form-first-row .receipt-location-field-wrap .autocomplete-select, [b-zydof58scj] .receipt-form-first-row .receipt-field-grow .autocomplete-select { width: 100%; min-width: 9rem; } [b-zydof58scj] .receipt-form-first-row .receipt-field-location, [b-zydof58scj] .receipt-form-first-row .receipt-field-type, [b-zydof58scj] .receipt-form-first-row .receipt-field-mode { width: 100%; min-width: 9rem; } [b-zydof58scj] .receipt-form-first-row .receipt-field-date { width: 240px; } [b-zydof58scj] .receipt-payment-top-right { position: absolute; top: 0; right: 0; z-index: 2; } /* Voucher hyperlink (Receipt Details strip) */ [b-zydof58scj] .receipt-voucher-no-wrap { display: inline-flex; align-items: flex-start; gap: 1px; max-width: 100%; } [b-zydof58scj] .receipt-voucher-link { border: none; background: transparent; padding: 0; margin: 0; min-width: 0; width: auto; height: auto; text-align: left; font-size: 11px; font-weight: 600; color: #1a237e; font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; } [b-zydof58scj] .receipt-voucher-link:hover { color: #0d6efd; } [b-zydof58scj] .receipt-voucher-open-btn { position: relative; top: -0.28em; left: -1px; width: auto; height: auto; min-width: 0; padding: 0; margin: 0 0 0 1px; border: none; background: transparent; color: #605e5c; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; } [b-zydof58scj] .receipt-voucher-open-btn .bi { font-size: 0.62rem; } [b-zydof58scj] .receipt-voucher-open-btn:hover { color: #0d6efd; } /* Grid card styles (CMF pattern) */ [b-zydof58scj] .d365-search { position: relative; display: flex; align-items: center; } [b-zydof58scj] .d365-search-icon { position: absolute; left: 10px; color: #9e9e9e; font-size: 0.85rem; pointer-events: none; } [b-zydof58scj] .d365-search-input { padding: 6px 30px 6px 30px; border: 1px solid #ddd; border-radius: 4px; font-size: 0.85rem; width: 100%; } [b-zydof58scj] .d365-search-input:focus { border-color: #1a237e; outline: none; box-shadow: 0 0 0 2px rgba(26,35,126,0.1); } [b-zydof58scj] .clear-search { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: none; background: none; color: #9e9e9e; cursor: pointer; } /* Toolbar: do NOT override .d365-editable-grid-toolbar button here — CMF uses global d365-editable-grid.css + cmf-shared.css (blue link-style, 20px). */ [b-zydof58scj] .receipt-detail-grid .grid-tab { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border: 1px solid transparent; border-radius: 2px; cursor: pointer; color: #323130; font-weight: 500; font-size: 12px; user-select: none; } [b-zydof58scj] .receipt-detail-grid .grid-tab:hover { background: #e8f4fd; color: #0078d4; } [b-zydof58scj] .receipt-detail-grid .grid-tab-active { background: #fff; color: #323130; font-weight: 600; border-top: 2px solid #0078d4; border-left: 1px solid #edebe9; border-right: 1px solid #edebe9; border-bottom-color: #fff; margin-bottom: -1px; } [b-zydof58scj] .split-mismatch { color: #c62828; font-weight: 600; } [b-zydof58scj] .d365-btn-accent { border: 1px solid #0078d4 !important; color: #0078d4 !important; font-weight: 600; } [b-zydof58scj] .d365-btn-accent:hover { background: #e8f4fd !important; } [b-zydof58scj] .empty-grid-message { text-align: center; padding: 24px 16px; color: #9e9e9e; } [b-zydof58scj] .empty-grid-message i { font-size: 1.5rem; display: block; margin-bottom: 6px; } [b-zydof58scj] .empty-grid-message p { margin: 4px 0; font-size: 0.85rem; } [b-zydof58scj] .empty-grid-message small { font-size: 0.78rem; } /* Reinforce CMF toolbar button look if any local styles leak */ [b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar { display: flex; align-items: center; gap: 6px; padding: 4px 10px; border-bottom: 1px solid #e1e1e1; background: #fafafa; height: 28px; border-radius: 0; font-size: 12px; } [b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar button { display: inline-flex; align-items: center; gap: 4px; height: 20px !important; padding: 2px 8px; border: 1px solid transparent; border-radius: 2px; background: transparent; color: #0078d4; font-size: 12px; cursor: pointer; opacity: 1; } [b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar button i { font-size: 14px; color: inherit; } [b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar button:hover:not(:disabled) { background: #e8f4fd; border-radius: 2px; } [b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar button:disabled { color: #999; cursor: not-allowed; opacity: 1; background: transparent; } [b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar .separator { width: 1px; height: 14px !important; background: #d0d0d0; margin: 0 2px; align-self: center; } [b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar > span { font-size: 12px; color: #333; } /* Fluent Outline Add/Delete — same as CMF Container Details toolbar */ html[data-form-theme="fluent-ui"][b-zydof58scj] .receipt-detail-grid .cmf-fluent-grid-toolbar-btn { margin-right: 4px; } html[data-form-theme="fluent-ui"][b-zydof58scj] .receipt-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar { height: auto; min-height: 32px; padding: 4px 8px; gap: 4px; } /* Compact grid rows */ [b-zydof58scj] .movements-grid-compact { width: 100%; } [b-zydof58scj] .movements-grid-compact thead th { white-space: nowrap; font-size: 0.8rem; text-transform: uppercase; color: #6c757d; } [b-zydof58scj] .movements-grid-compact td.col-serial, [b-zydof58scj] .movements-grid-compact th.col-serial { width: 1%; white-space: nowrap; padding: 4px 8px !important; } [b-zydof58scj] .movements-grid-compact .col-1 { width: 18%; min-width: 140px; } [b-zydof58scj] .movements-grid-compact .col-2 { width: 16%; } [b-zydof58scj] .movements-grid-compact .col-3 { width: 24%; } [b-zydof58scj] .movements-grid-compact .col-4 { width: 16%; } [b-zydof58scj] .movements-grid-compact .serial-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #e9ecef; color: #495057; font-size: 0.7rem; font-weight: 600; } [b-zydof58scj] .movements-grid-compact .cell-stack { display: flex; flex-direction: column; gap: 2px; } [b-zydof58scj] .movements-grid-compact .cell-row { display: flex; gap: 4px; align-items: baseline; } [b-zydof58scj] .movements-grid-compact .label { color: #6c757d; font-size: 0.75rem; font-weight: 500; min-width: 36px; } [b-zydof58scj] .movements-grid-compact .value { color: #343a40; font-size: 0.85rem; } /* Grid row selection */ [b-zydof58scj] .movements-grid-compact tbody tr { cursor: pointer; border-left: 3px solid transparent; } [b-zydof58scj] .movements-grid-compact tbody tr:hover { background: #f5f5f5; } [b-zydof58scj] .movements-grid-compact tbody tr.selected { background: #e3f2fd; border-left-color: #1565c0; } [b-zydof58scj] .movements-grid-compact tbody tr.voided { opacity: 0.6; } .receipt-list-landing-row[b-zydof58scj] { margin-top: 0; } [b-zydof58scj] .receipt-list-panel.is-list-landing .repair-estimate-list-header { justify-content: space-between; align-items: center; padding-top: 0; gap: 12px; } [b-zydof58scj] .receipt-list-panel.is-list-landing .repair-estimate-list-header-meta { justify-content: flex-end; width: auto; } .movements-grid-compact th.col-actions[b-zydof58scj], .movements-grid-compact td.col-actions[b-zydof58scj] { width: 1%; white-space: nowrap; text-align: right; padding-right: 8px !important; } .receipt-list-row-actions[b-zydof58scj] { display: inline-flex; align-items: center; justify-content: flex-end; gap: 2px; } .receipt-list-row-btn[b-zydof58scj] { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 1px solid #edebe9; border-radius: 3px; background: #fff; color: #323130; cursor: pointer; } .receipt-list-row-btn:hover:not(:disabled)[b-zydof58scj] { background: #f3f2f1; border-color: #c8c6c4; } .receipt-list-row-btn:disabled[b-zydof58scj] { opacity: 0.35; cursor: default; } .receipt-list-row-btn.is-warning[b-zydof58scj] { color: #8a6116; } .receipt-list-row-btn.is-danger[b-zydof58scj] { color: #a4262c; } /* Receipts list header search — match CMF movements list */ [b-zydof58scj] .receipt-list-panel .cmf-movements-list-search { position: relative; display: inline-flex; align-items: center; gap: 6px; min-width: 220px; max-width: 280px; padding: 4px 8px; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff; flex-shrink: 1; } [b-zydof58scj] .receipt-list-panel .cmf-movements-list-search .bi-search { color: #6c757d; font-size: 13px; flex-shrink: 0; } [b-zydof58scj] .receipt-list-panel .cmf-movements-list-search input { border: none; outline: none; background: transparent; width: 100%; min-width: 0; font-size: 12px; color: #212529; padding: 0; } [b-zydof58scj] .receipt-list-panel .cmf-movements-list-search input::placeholder { color: #9ca3af; } [b-zydof58scj] .receipt-list-panel .cmf-movements-list-search-clear { border: none; background: transparent; color: #9ca3af; padding: 0; line-height: 1; cursor: pointer; flex-shrink: 0; } [b-zydof58scj] .receipt-list-panel .cmf-movements-list-search-clear:hover { color: #495057; } [b-zydof58scj] .receipt-list-panel .cmf-movements-list-scroll { border-top: 1px solid #edebe9; } /* Badge styles */ [b-zydof58scj] .d365-badge-success { background: #e8f5e9; color: #2e7d32; } [b-zydof58scj] .d365-badge-info { background: #e3f2fd; color: #1565c0; } [b-zydof58scj] .d365-badge-warning { background: #fff3e0; color: #e65100; } [b-zydof58scj] .d365-badge-primary { background: #e8eaf6; color: #283593; } [b-zydof58scj] .d365-badge-secondary { background: #f5f5f5; color: #616161; } [b-zydof58scj] .d365-badge-danger { background: #ffebee; color: #c62828; } /* Receipt container detail grid — same FO look as CMF */ [b-zydof58scj] .receipt-detail-grid .cmf-container-detail-grid-scroll { max-height: 350px; } [b-zydof58scj] .receipt-detail-grid .receipt-col-select { width: 32px; } [b-zydof58scj] .receipt-detail-grid .receipt-col-cno { width: 118px; } [b-zydof58scj] .receipt-detail-grid .receipt-col-size { width: 64px; } [b-zydof58scj] .receipt-detail-grid .receipt-col-charges-desc { width: auto; min-width: 160px; } [b-zydof58scj] .receipt-detail-grid .receipt-col-amount { width: 110px; } [b-zydof58scj] .receipt-detail-grid .receipt-col-remarks { width: auto; min-width: 140px; } [b-zydof58scj] .receipt-detail-grid .d365-grid-fo-editable thead th.text-end { text-align: right; } [b-zydof58scj] .receipt-detail-grid .container-no-input, [b-zydof58scj] .receipt-detail-grid .container-no { text-transform: uppercase; font-family: Consolas, "Courier New", monospace; font-weight: 700; width: 100%; color: #212529; } [b-zydof58scj] .receipt-detail-grid .charges-cell, [b-zydof58scj] .receipt-detail-grid .charges-cell span, [b-zydof58scj] .receipt-detail-grid .charges-cell input { font-weight: 600; color: #2e7d32; } [b-zydof58scj] .receipt-detail-grid .d365-grid-cell-numeric { justify-content: flex-end; text-align: right; } [b-zydof58scj] .receipt-detail-grid .d365-grid-cell-numeric span { font-variant-numeric: tabular-nums; width: 100%; text-align: right; } [b-zydof58scj] .receipt-detail-grid .d365-grid-cell-numeric input { text-align: right; font-variant-numeric: tabular-nums; width: 100%; } [b-zydof58scj] .receipt-detail-grid .receipt-amount-col-center, [b-zydof58scj] .receipt-detail-grid th.receipt-amount-col-center { text-align: center; } [b-zydof58scj] .receipt-detail-grid .receipt-amount-col-center-cell { justify-content: center; text-align: center; } [b-zydof58scj] .receipt-detail-grid .receipt-amount-col-center-cell span, [b-zydof58scj] .receipt-detail-grid .receipt-amount-col-center-cell input { text-align: center; } [b-zydof58scj] .receipt-detail-grid .receipt-grid-total-row td { border-top: 1px solid #edebe9; background: #faf9f8; padding: 8px 8px; vertical-align: middle; } [b-zydof58scj] .receipt-detail-grid .receipt-grid-total-row td:first-child { border-top: 1px solid #edebe9; } [b-zydof58scj] .receipt-grid-total-charges-label { font-size: 0.85rem; font-weight: 600; color: #6c757d; text-align: center; } [b-zydof58scj] .receipt-grid-total-charges-value { display: inline-block; font-size: 0.9rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #1a237e; } [b-zydof58scj] .receipt-detail-grid.cmf-container-grid-editing .d365-grid-fo-editable thead th { height: 32px; padding: 6px 8px; white-space: nowrap; } [b-zydof58scj] .receipt-detail-grid.cmf-container-grid-editing .d365-grid-fo-editable td { height: 32px; } [b-zydof58scj] .receipt-detail-grid.cmf-container-grid-editing .d365-grid-cell { min-height: 30px; height: 100%; padding: 2px 4px; } [b-zydof58scj] .receipt-detail-grid.cmf-container-grid-editing .d365-grid-cell input:not([type="radio"]):not([type="checkbox"]), [b-zydof58scj] .receipt-detail-grid.cmf-container-grid-editing .d365-grid-cell select { height: 26px; font-size: 12px; line-height: 1.2; min-width: 0; width: 100%; } [b-zydof58scj] .receipt-detail-grid .d365-grid-cell input[type="radio"], [b-zydof58scj] .receipt-detail-grid.cmf-container-grid-editing .d365-grid-cell input[type="radio"] { width: 14px; height: 14px; min-width: 14px; max-width: 14px; margin: 0; padding: 0; flex: 0 0 14px; } /* Second row: Movement/PO strip + Remarks beside it */ [b-zydof58scj] .receipt-form-second-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 16px; margin-top: 4px; margin-bottom: 8px; width: 100%; /* Keep clear of absolute Receipt Details on the top-right */ padding-right: 22rem; box-sizing: border-box; } [b-zydof58scj] .receipt-form-second-row .receipt-details-strip { flex: 0 1 auto; margin-bottom: 0; } [b-zydof58scj] .receipt-payment-details-strip.container-info-strip { flex: 0 0 auto; min-height: 0 !important; height: auto; width: 20rem; max-width: 20rem; margin: 0; padding: 8px 14px 10px 10px; box-sizing: border-box; border-left: 3px solid #ff9800; background: #f3f2f1; border-radius: 0 4px 4px 0; } [b-zydof58scj] .receipt-payment-details-section { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 9rem; text-align: left; } [b-zydof58scj] .receipt-payment-details-section .cmf-party-info-section-head { display: flex; align-items: center; margin-bottom: 0; min-height: 0; } [b-zydof58scj] .receipt-payment-details-section .container-info-item { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; width: 100%; } [b-zydof58scj] .receipt-payment-details-section .receipt-payment-amounts-row { flex-direction: row; align-items: flex-start; gap: 1rem; width: 100%; } [b-zydof58scj] .receipt-payment-details-section .receipt-payment-amount-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; flex: 1 1 0; } [b-zydof58scj] .receipt-payment-details-section .container-info-label { font-size: 10px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: #8a8886; line-height: 1.2; } [b-zydof58scj] .receipt-payment-details-section .container-info-value { line-height: 1.25; font-size: 11px; font-weight: 600; color: #323130; white-space: nowrap; font-variant-numeric: tabular-nums; } [b-zydof58scj] .receipt-payment-details-section .receipt-payment-narration-value { white-space: normal; overflow-wrap: break-word; word-break: normal; font-weight: 400; font-size: 10.5px; line-height: 1.35; color: #605e5c; max-width: 100%; padding-right: 2px; } [b-zydof58scj] .receipt-payment-details-section .container-info-value.is-empty { color: #a19f9d; font-weight: 400; } [b-zydof58scj] .receipt-payment-voucher-item .receipt-voucher-link.container-info-value { font-size: 11px; font-weight: 600; } /* Receipt Details — CMF party strip; height/width follow field content (not 96px estimate min-height) */ [b-zydof58scj] .receipt-details-strip.cmf-party-info-strip.container-info-strip { min-height: 0 !important; height: auto; padding: 8px 12px 8px 10px; margin-top: 4px; width: fit-content; max-width: 100%; box-sizing: border-box; } [b-zydof58scj] .receipt-details-strip .cmf-party-info-layout { display: flex; align-items: flex-start; min-height: 0; width: fit-content; max-width: 100%; } [b-zydof58scj] .receipt-details-strip .cmf-party-info-section.receipt-details-section { flex: 0 1 auto; min-width: 0; max-width: 100%; padding: 0 12px; border: none; background: transparent; text-align: left; cursor: default; display: flex; flex-direction: column; align-self: flex-start; } [b-zydof58scj] .receipt-details-strip .cmf-party-info-section-head { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; min-height: 0; } [b-zydof58scj] .receipt-details-strip .cmf-party-info-divider { width: 1px; background: #e0dbd3; flex-shrink: 0; align-self: stretch; margin: 2px 0; } [b-zydof58scj] .receipt-details-strip .container-info-row { gap: 14px; flex-wrap: wrap; width: auto; max-width: 100%; } /* PO/Cheque # + Split + Drawn Bank + Deposit Acc on one line */ [b-zydof58scj] .receipt-details-strip .receipt-details-fields-row { flex-wrap: nowrap; align-items: flex-end; width: max-content; max-width: 100%; } [b-zydof58scj] .receipt-details-strip .container-info-row-meta { margin-top: 6px; width: auto; max-width: 100%; } [b-zydof58scj] .receipt-details-strip .container-info-item { min-width: 0; } [b-zydof58scj] .receipt-details-strip .container-info-item-full { flex: 1 1 100%; max-width: 100%; } [b-zydof58scj] .receipt-details-strip .container-info-value { line-height: 1.25; font-size: 11px; font-weight: 400; color: #323130; white-space: normal; overflow-wrap: anywhere; } [b-zydof58scj] .receipt-details-strip .container-info-value.is-empty { color: #a09888; font-style: italic; } [b-zydof58scj] .receipt-details-strip .container-info-label.is-required::after { content: " *"; color: #d13438; } /* Deposit Acc — stays on same row; width follows account text */ [b-zydof58scj] .receipt-details-strip .receipt-details-deposit { flex: 0 1 auto; flex-shrink: 0; width: max-content; max-width: none; min-width: 0; } [b-zydof58scj] .receipt-details-strip .receipt-details-deposit-control { display: block; margin-top: 2px; max-width: 100%; box-sizing: border-box; } [b-zydof58scj] .receipt-details-strip .receipt-details-deposit-control .autocomplete-select { display: block; width: 100% !important; max-width: 100%; } [b-zydof58scj] .receipt-details-strip .receipt-details-deposit-control .autocomplete-input-wrapper { width: 100%; } [b-zydof58scj] .receipt-details-strip .receipt-details-deposit-control .autocomplete-input { width: 100%; max-width: 100%; font-size: 11px; min-height: 26px; height: 26px; padding-right: 28px !important; box-sizing: border-box; } [b-zydof58scj] .receipt-details-strip .receipt-details-deposit-value { white-space: nowrap; overflow: visible; } /* PO / Cheque / Drawn Bank — grow with typed content; keep compact for one-row layout */ [b-zydof58scj] .receipt-details-strip .receipt-details-field { width: auto; min-width: 6.5rem; max-width: 12rem; margin-top: 2px; padding: 3px 6px; font-size: 12px; min-height: 26px; height: 26px; field-sizing: content; } [b-zydof58scj] .receipt-details-strip .receipt-details-field-wide { width: auto; min-width: 10rem; max-width: 18rem; field-sizing: content; } [b-zydof58scj] .receipt-details-strip .receipt-details-check { display: inline-flex; align-items: center; gap: 6px; min-height: 22px; margin-top: 2px; } [b-zydof58scj] .receipt-details-strip .receipt-details-check .form-check-label { font-size: 11px; color: #323130; margin: 0; } @media (max-width: 1200px) { [b-zydof58scj] .receipt-details-strip .cmf-party-info-layout { flex-direction: column; min-height: 0; } [b-zydof58scj] .receipt-details-strip .cmf-party-info-divider { width: auto; height: 1px; margin: 0; } [b-zydof58scj] .receipt-details-strip .cmf-party-info-section.receipt-details-section { padding: 10px 14px; } [b-zydof58scj] .receipt-details-strip .receipt-details-fields-row { flex-wrap: wrap; } } /* Void watermark - same as CMF */ .void-watermark[b-zydof58scj] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-30deg); z-index: 1000; pointer-events: none; opacity: 0.15; } .void-watermark span[b-zydof58scj] { font-size: 80px; font-weight: bold; color: #d32f2f; border: 8px solid #d32f2f; padding: 20px 60px; letter-spacing: 10px; } /* /Components/Pages/AccountsVoucher.razor.rz.scp.css */ /* Same page shell as Receipt Entry / CMF: form card + grid card in one g-2 row */ .row.g-2.voucher-page-body-row [b-phggwpvp55]{ margin-top: 0; margin-left: 0; margin-right: 0; width: 100%; } ::deep .voucher-form-card [b-phggwpvp55]{ width: 100%; } ::deep .voucher-form-card .d365-card-body [b-phggwpvp55]{ padding-top: 8px; padding-bottom: 12px; } ::deep .voucher-form-with-details [b-phggwpvp55]{ display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 1.25rem; width: 100%; box-sizing: border-box; padding-top: 0; } ::deep .voucher-form-fields [b-phggwpvp55]{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.35rem; } ::deep .voucher-form-first-row [b-phggwpvp55]{ flex: 1 1 auto; min-width: 0; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.5rem 1rem; margin-top: 0; margin-bottom: 0; padding-right: 0; } ::deep .voucher-form-first-row > .col-auto [b-phggwpvp55]{ padding-top: 0; } ::deep .voucher-form-first-row .voucher-field-trans [b-phggwpvp55]{ width: auto; min-width: 110px; max-width: 14rem; } ::deep .voucher-form-first-row .voucher-field-voucher [b-phggwpvp55]{ width: 105px; min-width: 105px; height: 32px !important; line-height: 22px !important; box-sizing: border-box !important; padding: 4px 8px !important; border-radius: 3px !important; font-weight: 600 !important; font-size: 0.85rem !important; text-align: center !important; margin-bottom: 0 !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #d5d0c8 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-si [b-phggwpvp55]{ background-color: #d1ecf1 !important; color: #0c5460 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-jv [b-phggwpvp55]{ background-color: #d4edda !important; color: #155724 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-rv [b-phggwpvp55]{ background-color: #cce5ff !important; color: #004085 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-pv [b-phggwpvp55]{ background-color: #f8d7da !important; color: #721c24 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-pi [b-phggwpvp55]{ background-color: #fff3cd !important; color: #856404 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-cn [b-phggwpvp55]{ background-color: #e2d5f1 !important; color: #5a3d82 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-dn [b-phggwpvp55]{ background-color: #fce4d6 !important; color: #8b4513 !important; } ::deep .voucher-form-first-row .voucher-field-voucher.badge-default [b-phggwpvp55]{ background-color: #e2e3e5 !important; color: #383d41 !important; } /* Header fields  transparent with CMF underline */ ::deep .voucher-form-fields .cmf-field:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-fields input:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-fields select:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-first-row .cmf-field:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-first-row input:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-first-row select:not(.voucher-field-trans):not(.voucher-field-voucher) [b-phggwpvp55]{ background: transparent !important; background-color: transparent !important; box-shadow: none !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #d5d0c8 !important; border-radius: 0 !important; } ::deep .voucher-form-fields .cmf-field:not(.voucher-field-trans):not(.voucher-field-voucher):hover:not(:disabled):not(:focus):not(:focus-visible)[b-phggwpvp55], ::deep .voucher-form-fields input:not(.voucher-field-trans):not(.voucher-field-voucher):hover:not(:disabled):not(:focus):not(:focus-visible)[b-phggwpvp55], ::deep .voucher-form-fields select:not(.voucher-field-trans):not(.voucher-field-voucher):hover:not(:disabled):not(:focus):not(:focus-visible) [b-phggwpvp55]{ border-bottom-color: #2266e3 !important; } ::deep .voucher-form-fields .cmf-field:not(.voucher-field-trans):not(.voucher-field-voucher):focus[b-phggwpvp55], ::deep .voucher-form-fields .cmf-field:not(.voucher-field-trans):not(.voucher-field-voucher):focus-visible[b-phggwpvp55], ::deep .voucher-form-fields input:not(.voucher-field-trans):not(.voucher-field-voucher):focus[b-phggwpvp55], ::deep .voucher-form-fields input:not(.voucher-field-trans):not(.voucher-field-voucher):focus-visible[b-phggwpvp55], ::deep .voucher-form-fields select:not(.voucher-field-trans):not(.voucher-field-voucher):focus[b-phggwpvp55], ::deep .voucher-form-fields select:not(.voucher-field-trans):not(.voucher-field-voucher):focus-visible [b-phggwpvp55]{ border-bottom: 2px solid #2266e3 !important; padding-bottom: 5px !important; box-shadow: 0 3px 10px -8px rgba(34, 102, 227, 0.38) !important; } ::deep .voucher-form-fields .cmf-field:disabled:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-fields input:disabled:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-fields select:disabled:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-first-row .cmf-field:disabled:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-first-row input:disabled:not(.voucher-field-trans):not(.voucher-field-voucher)[b-phggwpvp55], ::deep .voucher-form-first-row select:disabled:not(.voucher-field-trans):not(.voucher-field-voucher) [b-phggwpvp55]{ background: transparent !important; background-color: transparent !important; border-bottom-color: #e8e4de !important; } ::deep .voucher-form-fields .voucher-field-trans:disabled[b-phggwpvp55], ::deep .voucher-form-fields .voucher-field-voucher:disabled [b-phggwpvp55]{ border-bottom-color: #e8e4de !important; } ::deep .voucher-form-first-row .voucher-field-date [b-phggwpvp55]{ width: 130px; min-width: 130px; } ::deep .voucher-form-first-row .voucher-field-narrow [b-phggwpvp55]{ width: 72px; min-width: 72px; text-align: center; } ::deep .voucher-form-first-row .voucher-field-ref [b-phggwpvp55]{ width: 120px; min-width: 120px; } ::deep .voucher-form-second-row [b-phggwpvp55]{ width: 100%; margin-top: 0; margin-bottom: 0; } ::deep .voucher-form-second-row > .col-12 [b-phggwpvp55]{ padding-top: 0; padding-bottom: 0; } ::deep .voucher-field-narration [b-phggwpvp55]{ width: 100%; } ::deep .voucher-field-narration .cmf-field [b-phggwpvp55]{ width: 100%; } ::deep .container-info-strip.voucher-payment-details-strip.voucher-payment-top-right [b-phggwpvp55]{ position: static; flex: 0 0 auto; width: 25rem; max-width: 42%; min-height: 0 !important; height: auto; margin: 0; padding: 8px 12px 10px 12px; box-sizing: border-box; border-left: 3px solid #ff9800; background: #f3f2f1; border-radius: 4px; pointer-events: none; } ::deep .voucher-payment-details-section [b-phggwpvp55]{ display: flex; flex-direction: column; gap: 5px; width: 100%; text-align: left; } ::deep .voucher-payment-details-section .cmf-party-info-section-head [b-phggwpvp55]{ display: flex; align-items: center; margin-bottom: 0; min-height: 0; } ::deep .voucher-payment-details-grid [b-phggwpvp55]{ display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr); column-gap: 10px; row-gap: 5px; width: 100%; } ::deep .voucher-payment-details-grid .voucher-payment-party-item [b-phggwpvp55]{ grid-column: 1 / -1; } ::deep .voucher-payment-details-grid .voucher-payment-recording-date-value [b-phggwpvp55]{ white-space: nowrap; font-size: 10.5px; font-weight: 600; } ::deep .voucher-payment-details-grid .container-info-item [b-phggwpvp55]{ display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; } ::deep .voucher-payment-details-grid .container-info-label [b-phggwpvp55]{ font-size: 10px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: #8a8886; line-height: 1.2; } ::deep .voucher-payment-details-grid .container-info-value [b-phggwpvp55]{ line-height: 1.25; font-size: 11px; font-weight: 600; color: #323130; font-variant-numeric: tabular-nums; max-width: 100%; } ::deep .voucher-payment-details-grid .voucher-payment-party-value [b-phggwpvp55]{ white-space: normal; overflow-wrap: break-word; word-break: normal; font-weight: 500; font-size: 11px; line-height: 1.3; color: #323130; } ::deep .voucher-payment-details-grid .container-info-value.is-empty [b-phggwpvp55]{ color: #a19f9d; font-weight: 400; } /* Grid card  same CMF container-detail pattern as Receipt / CMF */ ::deep .voucher-detail-grid.cmf-container-detail-grid .d365-editable-grid-toolbar [b-phggwpvp55]{ border-radius: var(--d365-radius-md) var(--d365-radius-md) 0 0; } ::deep .voucher-detail-grid .cmf-container-detail-grid-scroll [b-phggwpvp55]{ max-height: none; } ::deep .voucher-below-grid-totals [b-phggwpvp55]{ margin-top: 0; border-top: 1px solid #e1dfdd; border-radius: 0 0 var(--d365-radius-md) var(--d365-radius-md); } ::deep .voucher-form-with-details .cmf-field:disabled[b-phggwpvp55], ::deep .voucher-form-with-details select.cmf-field:disabled [b-phggwpvp55]{ opacity: 1; color: #323130; } ::deep .voucher-form-first-row .cmf-value-display.is-empty [b-phggwpvp55]{ color: #a19f9d; font-weight: 400; } ::deep .voucher-form-first-row .voucher-badge.cmf-value-display [b-phggwpvp55]{ text-transform: none; font-size: 12px; } /* Voucher detail grid  transparent cells (match header underline style) */ ::deep .voucher-detail-grid .d365-grid-cell-editable:hover [b-phggwpvp55]{ background: transparent !important; } ::deep .voucher-detail-grid tbody tr:hover [b-phggwpvp55]{ background: transparent !important; } ::deep .voucher-detail-grid .d365-grid-cell input[b-phggwpvp55], ::deep .voucher-detail-grid .d365-grid-cell select[b-phggwpvp55], ::deep .voucher-detail-grid .form-control[b-phggwpvp55], ::deep .voucher-detail-grid .form-select [b-phggwpvp55]{ background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; } ::deep .voucher-detail-grid .d365-grid-cell input:focus[b-phggwpvp55], ::deep .voucher-detail-grid .d365-grid-cell select:focus[b-phggwpvp55], ::deep .voucher-detail-grid .form-control:focus[b-phggwpvp55], ::deep .voucher-detail-grid .form-select:focus [b-phggwpvp55]{ background: transparent !important; box-shadow: none !important; outline: none !important; } ::deep .voucher-detail-grid .d365-grid-cell select:hover [b-phggwpvp55]{ background-color: transparent !important; } ::deep .voucher-detail-grid input:disabled[b-phggwpvp55], ::deep .voucher-detail-grid select:disabled[b-phggwpvp55], ::deep .voucher-detail-grid .form-control:disabled[b-phggwpvp55], ::deep .voucher-detail-grid .form-select:disabled[b-phggwpvp55], ::deep .voucher-detail-grid .disabled-field[b-phggwpvp55], ::deep .voucher-detail-grid .inherited-field [b-phggwpvp55]{ background: transparent !important; background-color: transparent !important; color: #323130 !important; -webkit-text-fill-color: #323130; opacity: 1; border-bottom-color: #e8e4de !important; } /* Account column  wider so code + name is visible */ ::deep .voucher-detail-grid th.voucher-col-account[b-phggwpvp55], ::deep .voucher-detail-grid td.account-search-cell [b-phggwpvp55]{ min-width: 340px; width: 340px; } ::deep .voucher-detail-grid .account-search-wrapper [b-phggwpvp55]{ width: 100%; min-width: 0; } ::deep .voucher-detail-grid .account-search-cell .d365-grid-cell [b-phggwpvp55]{ overflow: visible; min-width: 0; } ::deep .voucher-detail-grid .account-search-input [b-phggwpvp55]{ width: 100%; min-width: 0; white-space: nowrap; overflow-x: auto; text-overflow: clip; } /* Side hint Dr / Cr - 5px italic[b-phggwpvp55], no bg */ ::deep .side-hint [b-phggwpvp55]{ font-size: 7px !important; font-style: italic !important; font-weight: 600 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; display: inline-block; line-height: 1 !important; } ::deep .side-hint-dr [b-phggwpvp55]{ color: #28a745 !important; } ::deep .side-hint-cr [b-phggwpvp55]{ color: #dc3545 !important; } ::deep .side-hint-active [b-phggwpvp55]{ background: transparent !important; } [b-phggwpvp55] /* /Components/Pages/Admin/AdminUiThemeSettings.razor.rz.scp.css */ .ui-theme-admin-split[b-t2kyyllk2a] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 420px); gap: 16px; height: calc(100vh - 132px); min-height: 520px; overflow: hidden; } .ui-theme-admin-main[b-t2kyyllk2a] { display: flex; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; } .ui-theme-admin-scroll[b-t2kyyllk2a] { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; padding-right: 6px; } .ui-theme-admin-preview[b-t2kyyllk2a] { min-height: 0; overflow-y: auto; overflow-x: hidden; padding-right: 4px; } .ui-theme-preview-card-shell[b-t2kyyllk2a] { height: 100%; } .ui-theme-icon-preview-assignments[b-t2kyyllk2a] { padding: 10px 12px; border: 1px solid #edebe9; border-radius: 4px; background: #faf9f8; } .ui-theme-icon-preview-assignments-title[b-t2kyyllk2a] { font-size: 0.72rem; font-weight: 600; color: #605e5c; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.04em; } .ui-theme-icon-preview-assignments-grid[b-t2kyyllk2a] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .ui-theme-icon-assignment[b-t2kyyllk2a] { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #edebe9; border-radius: 4px; background: #fff; min-width: 0; } .ui-theme-icon-assignment-glyph[b-t2kyyllk2a] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; color: #323130; } .ui-theme-icon-assignment-label[b-t2kyyllk2a] { font-size: 0.72rem; color: #323130; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ui-theme-icon-btn fluent-icon[b-t2kyyllk2a], .ui-theme-preview-cmd fluent-icon[b-t2kyyllk2a], .d365-btn fluent-icon[b-t2kyyllk2a], .ui-theme-icon-assignment-glyph fluent-icon[b-t2kyyllk2a] { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; flex-shrink: 0; color: inherit; } .ui-theme-icon-btn fluent-icon svg[b-t2kyyllk2a], .ui-theme-preview-cmd fluent-icon svg[b-t2kyyllk2a], .ui-theme-icon-assignment-glyph fluent-icon svg[b-t2kyyllk2a], .ui-theme-icon-glyph fluent-icon svg[b-t2kyyllk2a] { fill: currentColor; } .ui-theme-preview-cmd[b-t2kyyllk2a] { display: inline-flex; align-items: center; gap: 4px; border: 1px solid #edebe9; background: #fff; border-radius: 2px; padding: 4px 8px; font-size: 0.72rem; color: #323130; } .ui-theme-preview-cmd-danger[b-t2kyyllk2a] { color: #a4262c; border-color: #f1bbbc; background: #fdf3f4; } @media (max-width: 991.98px) { .ui-theme-admin-split[b-t2kyyllk2a] { grid-template-columns: 1fr; height: auto; min-height: 0; overflow: visible; } .ui-theme-admin-main[b-t2kyyllk2a], .ui-theme-admin-preview[b-t2kyyllk2a] { overflow: visible; max-height: none; } .ui-theme-admin-scroll[b-t2kyyllk2a] { max-height: none; overflow: visible; } .ui-theme-admin-preview[b-t2kyyllk2a] { position: sticky; top: 8px; } } .ui-theme-admin-tabs .nav-link[b-t2kyyllk2a] { font-size: 0.82rem; font-weight: 600; color: #605e5c; border: none; border-bottom: 2px solid transparent; border-radius: 0; padding: 8px 14px; } .ui-theme-admin-tabs .nav-link.active[b-t2kyyllk2a] { color: #0078d4; border-bottom-color: #0078d4; background: transparent; } .ui-theme-help[b-t2kyyllk2a] { font-size: 0.78rem; } .ui-theme-field-hint[b-t2kyyllk2a] { font-size: 0.72rem; color: #605e5c; margin-top: 4px; } .ui-theme-listing-radios[b-t2kyyllk2a] { display: flex; flex-direction: column; gap: 8px; max-width: 36rem; } .ui-theme-listing-radio[b-t2kyyllk2a] { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 8px 10px; border: 1px solid #edebe9; border-radius: 4px; background: #fff; cursor: pointer; } .ui-theme-listing-radio.is-selected[b-t2kyyllk2a] { border-color: #0078d4; background: #f3f9fd; } .ui-theme-listing-radio input[b-t2kyyllk2a] { width: 16px; height: 16px; margin-top: 2px; flex-shrink: 0; } .ui-theme-listing-radio span[b-t2kyyllk2a] { display: flex; flex-direction: column; gap: 2px; } .ui-theme-listing-radio small[b-t2kyyllk2a] { color: #605e5c; font-size: 0.72rem; } .ui-theme-color-row[b-t2kyyllk2a] { display: flex; align-items: center; gap: 8px; } .ui-theme-color-swatch[b-t2kyyllk2a] { width: 42px; height: 34px; padding: 2px; flex-shrink: 0; } .ui-theme-icon-group[b-t2kyyllk2a] { margin-bottom: 16px; } .ui-theme-icon-group-title[b-t2kyyllk2a] { font-size: 0.78rem; font-weight: 600; color: #323130; margin-bottom: 8px; } .ui-theme-icon-grid[b-t2kyyllk2a] { display: flex; flex-wrap: wrap; gap: 8px; } .ui-theme-icon-btn fluent-icon[b-t2kyyllk2a], .ui-theme-preview-cmd fluent-icon[b-t2kyyllk2a], .d365-btn fluent-icon[b-t2kyyllk2a] { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; flex-shrink: 0; } .ui-theme-icon-glyph[b-t2kyyllk2a] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: #323130; } .ui-theme-icon-toolbar-sample[b-t2kyyllk2a] { padding: 12px; border: 1px solid #edebe9; border-radius: 4px; background: #faf9f8; } .ui-theme-icon-sample-title[b-t2kyyllk2a] { font-size: 0.72rem; font-weight: 600; color: #605e5c; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.04em; } .ui-theme-icon-toolbar-sample-row[b-t2kyyllk2a] { display: flex; flex-wrap: wrap; gap: 6px; } .ui-theme-preview-cmd-primary[b-t2kyyllk2a] { background: #0078d4; border-color: #0078d4; color: #fff; } .ui-theme-preview-cmd-primary fluent-icon[b-t2kyyllk2a] { color: #fff; fill: #fff; } .ui-theme-preview-cmd-icon[b-t2kyyllk2a] { min-width: 32px; justify-content: center; } .ui-theme-fluent-btn-icon[b-t2kyyllk2a] { margin-right: 6px; } .ui-theme-icon-btn[b-t2kyyllk2a] { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 72px; padding: 8px 6px; border: 1px solid #edebe9; border-radius: 4px; background: #fff; font-size: 0.65rem; color: #605e5c; cursor: pointer; } .ui-theme-icon-btn i[b-t2kyyllk2a] { font-size: 1.1rem; color: #323130; } .ui-theme-icon-btn.is-selected[b-t2kyyllk2a] { border-color: #0078d4; background: #f3f9fd; box-shadow: inset 0 0 0 1px #0078d4; } .ui-theme-icon-btn:hover[b-t2kyyllk2a] { background: #faf9f8; } .ui-theme-icon-missing[b-t2kyyllk2a] { display: inline-flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; border: 1px dashed #c8c6c4; border-radius: 2px; color: #a19f9d; font-size: 0.75em; font-weight: 700; line-height: 1; } .ui-theme-preview-sticky[b-t2kyyllk2a] { position: sticky; top: 12px; } .ui-theme-preview-cmdbar[b-t2kyyllk2a] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .ui-theme-preview-grid-wrap[b-t2kyyllk2a] { margin: 10px 0; overflow: auto; } .ui-theme-preview-grid[b-t2kyyllk2a] { width: 100%; font-size: 0.72rem; } .ui-theme-preview-grid th[b-t2kyyllk2a], .ui-theme-preview-grid td[b-t2kyyllk2a] { padding: 4px 8px; border-bottom: 1px solid #edebe9; } /* /Components/Pages/CFS/CfsBooking.razor.rz.scp.css */ /* Booked By multi-select dropdown */ .booking-bookby-backdrop[b-pagsf6nt8z] { position: fixed; inset: 0; z-index: 40; background: transparent; } .booking-bookby .autocomplete-dropdown[b-pagsf6nt8z] { z-index: 50; } .booking-bookby-item[b-pagsf6nt8z] { display: flex !important; align-items: center; gap: 0.45rem; margin: 0; cursor: pointer; user-select: none; } .booking-bookby-item input[type="checkbox"][b-pagsf6nt8z] { width: 14px; height: 14px; margin: 0; flex-shrink: 0; } .booking-bookby .autocomplete-input[b-pagsf6nt8z] { text-transform: none !important; cursor: pointer; } /* Charges button (dialog uses Bootstrap modal + inline styles) */ .booking-charges-col[b-pagsf6nt8z] { margin-left: auto; min-width: 8rem; } .booking-charges-btn[b-pagsf6nt8z] { display: inline-flex; align-items: center; white-space: nowrap; } /* Charges dialog — borderless Party / Transporter (legacy grid combo look) */ .booking-cost-party-cell[b-pagsf6nt8z] { min-width: 9rem; max-width: 14rem; vertical-align: middle; } .booking-cost-party-input[b-pagsf6nt8z] { min-width: 8rem; } .booking-cost-party-input[b-pagsf6nt8z] .autocomplete-select, .booking-cost-party-input[b-pagsf6nt8z] .autocomplete-input-wrapper { border: none !important; background: transparent !important; box-shadow: none !important; } .booking-cost-party-input[b-pagsf6nt8z] .autocomplete-input, .booking-cost-party-input[b-pagsf6nt8z] .d365-form-control { border: none !important; background: transparent !important; box-shadow: none !important; height: 28px; min-height: 28px; padding-left: 2px; padding-right: 22px; } .booking-cost-party-input[b-pagsf6nt8z] .autocomplete-toggle { border: none !important; background: transparent !important; } /* ========================================================================= Movement Plan — modern timeline (D365 blue palette) ========================================================================= */ .booking-plan-backdrop[b-pagsf6nt8z] { background: rgba(15, 23, 42, 0.42); z-index: 1060; } .booking-plan-dialog[b-pagsf6nt8z] { max-width: 720px; } .booking-movement-plan[b-pagsf6nt8z] { border: none; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22); font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif; } .booking-plan-header[b-pagsf6nt8z] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px 16px; background: linear-gradient(135deg, #0f4c81 0%, #0078d4 55%, #2b88d8 100%); color: #fff; } .booking-plan-header-main[b-pagsf6nt8z] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; } .booking-plan-header-icon[b-pagsf6nt8z] { width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.16); font-size: 1.15rem; flex-shrink: 0; } .booking-plan-title[b-pagsf6nt8z] { margin: 0; font-size: 1.2rem; font-weight: 650; letter-spacing: -0.01em; line-height: 1.25; color: #fff; } .booking-plan-subtitle[b-pagsf6nt8z] { margin: 4px 0 0; font-size: 12px; color: rgba(255, 255, 255, 0.82); display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } .booking-plan-code[b-pagsf6nt8z] { font-weight: 600; color: #fff; } .booking-plan-dot[b-pagsf6nt8z] { width: 3px; height: 3px; border-radius: 50%; background: rgba(255, 255, 255, 0.55); } .booking-plan-header-meta[b-pagsf6nt8z] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .booking-plan-count[b-pagsf6nt8z] { font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.18); color: #fff; white-space: nowrap; } .booking-plan-close[b-pagsf6nt8z] { width: 32px; height: 32px; border: none; border-radius: 8px; background: rgba(255, 255, 255, 0.12); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .booking-plan-close:hover[b-pagsf6nt8z] { background: rgba(255, 255, 255, 0.22); } .booking-plan-body[b-pagsf6nt8z] { background: #f3f6f9; padding: 16px 18px 8px; max-height: min(62vh, 560px); overflow: auto; } .booking-plan-empty[b-pagsf6nt8z] { min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; color: #605e5c; background: #fff; border: 1px dashed #c8c6c4; border-radius: 10px; padding: 28px 16px; } .booking-plan-empty i[b-pagsf6nt8z] { font-size: 1.75rem; color: #0078d4; opacity: 0.7; } .booking-plan-empty-title[b-pagsf6nt8z] { font-size: 14px; font-weight: 600; color: #242424; } .booking-plan-empty-text[b-pagsf6nt8z] { font-size: 12px; max-width: 22rem; } .booking-plan-timeline[b-pagsf6nt8z] { display: flex; flex-direction: column; gap: 0; } .booking-plan-step[b-pagsf6nt8z] { display: flex; align-items: stretch; gap: 12px; } .booking-plan-rail[b-pagsf6nt8z] { width: 36px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; } .booking-plan-step-num[b-pagsf6nt8z] { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #fff; background: #0078d4; box-shadow: 0 0 0 3px #d6e8f8; z-index: 1; } .booking-plan-step-rail .booking-plan-step-num[b-pagsf6nt8z], .booking-plan-step-haul .booking-plan-step-num[b-pagsf6nt8z] { background: #0078d4; } .booking-plan-step-handle .booking-plan-step-num[b-pagsf6nt8z] { background: #0f6cbd; } .booking-plan-rail-line[b-pagsf6nt8z] { flex: 1; width: 2px; min-height: 12px; margin: 4px 0 0; background: linear-gradient(180deg, #9cc8ef 0%, #d0e4f7 100%); } .booking-plan-card[b-pagsf6nt8z] { flex: 1; min-width: 0; background: #fff; border: 1px solid #e3e8ee; border-radius: 10px; padding: 12px 14px 11px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .booking-plan-card:hover[b-pagsf6nt8z] { border-color: #b8d4ef; box-shadow: 0 4px 14px rgba(0, 120, 212, 0.08); } .booking-plan-card-top[b-pagsf6nt8z] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .booking-plan-card-title-row[b-pagsf6nt8z] { display: flex; align-items: flex-start; gap: 10px; min-width: 0; } .booking-plan-kind-icon[b-pagsf6nt8z] { width: 30px; height: 30px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background: #e8f3fc; color: #0078d4; font-size: 0.95rem; } .booking-plan-step-haul .booking-plan-kind-icon[b-pagsf6nt8z] { background: #eaf6ee; color: #0e7a2f; } .booking-plan-step-handle .booking-plan-kind-icon[b-pagsf6nt8z] { background: #fff4e5; color: #c05600; } .booking-plan-step-insurance .booking-plan-kind-icon[b-pagsf6nt8z], .booking-plan-step-weighment .booking-plan-kind-icon[b-pagsf6nt8z] { background: #e8f3fc; color: #0f4c81; } .booking-plan-card-titles[b-pagsf6nt8z] { min-width: 0; } .booking-plan-activity[b-pagsf6nt8z] { font-size: 13.5px; font-weight: 600; color: #242424; line-height: 1.3; word-break: break-word; } .booking-plan-container[b-pagsf6nt8z] { margin-top: 2px; font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: #0078d4; } .booking-plan-process[b-pagsf6nt8z] { flex-shrink: 0; font-size: 10.5px; font-weight: 650; padding: 3px 9px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.03em; } .booking-plan-process-pending[b-pagsf6nt8z] { background: #f0f0f0; color: #605e5c; } .booking-plan-process-completed[b-pagsf6nt8z] { background: #dff6dd; color: #0e700e; } .booking-plan-process-cancelled[b-pagsf6nt8z] { background: #fde7e9; color: #a4262c; } .booking-plan-process-inprocess[b-pagsf6nt8z] { background: #fff4ce; color: #8a6116; } .booking-plan-route[b-pagsf6nt8z] { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: #f7fafc; border: 1px solid #edf1f5; } .booking-plan-loc[b-pagsf6nt8z] { flex: 1 1 0; min-width: 0; font-size: 12px; font-weight: 550; color: #323130; line-height: 1.3; } .booking-plan-loc-from[b-pagsf6nt8z] { text-align: left; } .booking-plan-loc-to[b-pagsf6nt8z] { text-align: right; } .booking-plan-route-arrow[b-pagsf6nt8z] { color: #0078d4; flex-shrink: 0; opacity: 0.85; } .booking-plan-chips[b-pagsf6nt8z] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } .booking-plan-chip[b-pagsf6nt8z] { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 550; color: #3b3a39; background: #f3f2f1; border-radius: 999px; padding: 3px 9px; max-width: 100%; } .booking-plan-chip-size[b-pagsf6nt8z] { background: #e8f3fc; color: #0f4c81; } .booking-plan-chip-party[b-pagsf6nt8z] { background: #eef6fc; color: #0f4c81; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .booking-plan-footnote[b-pagsf6nt8z] { margin: 4px 2px 10px; font-size: 11.5px; color: #8a8886; } .booking-plan-footer[b-pagsf6nt8z] { display: flex; justify-content: flex-end; padding: 12px 18px; background: #fff; border-top: 1px solid #edebe9; } .booking-plan-footer-close[b-pagsf6nt8z] { min-width: 96px; height: 32px; border: 1px solid #8a8886; border-radius: 4px; } @media (max-width: 640px) { .booking-plan-dialog[b-pagsf6nt8z] { max-width: 96vw; margin: 0.5rem; } .booking-plan-route[b-pagsf6nt8z] { flex-direction: column; align-items: stretch; gap: 4px; } .booking-plan-loc-to[b-pagsf6nt8z] { text-align: left; } .booking-plan-route-arrow[b-pagsf6nt8z] { transform: rotate(90deg); align-self: center; } } /* ========================================================================= Quotation-style layout (adapted from CfsQuotation.razor.css, scoped here) ========================================================================= */ /* Top layout: main + service rail (right) */ .booking-top-layout[b-pagsf6nt8z] { display: flex; align-items: stretch; gap: 0; width: 100%; } .booking-main[b-pagsf6nt8z] { flex: 1 1 auto; min-width: 0; } /* Explicit toolbar rows so Bootstrap .row wrap cannot split Mov Activity from BL/Journey */ .booking-toolbar-row[b-pagsf6nt8z] { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 0.5rem; width: 100%; overflow: visible; margin-bottom: 0.35rem; } .booking-toolbar-field[b-pagsf6nt8z] { flex: 0 0 auto; min-width: 0; overflow: visible; } .booking-toolbar-journey-hint[b-pagsf6nt8z] { flex: 0 1 auto; min-width: 6rem; max-width: 14rem; } .booking-toolbar-row .booking-details-capsule-wrap[b-pagsf6nt8z] { flex: 0 0 auto; } .booking-service-rail[b-pagsf6nt8z] { flex: 0 0 28rem; max-width: 30rem; margin-left: 12px; padding: 0 0 0 12px; border-left: 1px solid #c8c6c4; display: flex; flex-direction: column; gap: 8px; align-self: stretch; box-sizing: border-box; } .booking-service-rail-actions[b-pagsf6nt8z] { margin-top: 10px; padding-top: 10px; border-top: 1px solid #edebe9; display: flex; justify-content: flex-end; } @media (max-width: 1100px) { .booking-top-layout[b-pagsf6nt8z] { flex-direction: column; } .booking-service-rail[b-pagsf6nt8z] { flex: 1 1 auto; max-width: none; width: 100%; margin-left: 0; margin-top: 10px; padding-left: 0; padding-top: 10px; border-left: none; border-top: 1px solid #c8c6c4; } } /* Details capsule button (top row + secondary) */ .booking-details-capsule-wrap[b-pagsf6nt8z] { display: flex; flex-direction: column; align-items: flex-start; align-self: flex-end; flex-shrink: 0; min-height: 1.35rem; margin-bottom: 2px; padding-top: 0; } .booking-details-capsule-btn[b-pagsf6nt8z] { display: inline-flex; align-items: center; justify-content: center; border: none; background: #0078d4; color: #fff; border-radius: 2px; padding: 3px 12px; font-size: 11px; font-weight: 600; line-height: 1; min-height: 20px; cursor: pointer; white-space: nowrap; box-sizing: border-box; } .booking-details-capsule-btn:hover:not(:disabled)[b-pagsf6nt8z] { background: #106ebe; } .booking-details-capsule-btn:disabled[b-pagsf6nt8z] { opacity: 0.5; cursor: not-allowed; } .booking-details-capsule-btn-secondary[b-pagsf6nt8z] { background: #605e5c; } .booking-details-capsule-btn-secondary:hover:not(:disabled)[b-pagsf6nt8z] { background: #494847; } /* Party info strip (view-only cards) */ .booking-party-info-strip.container-info-strip[b-pagsf6nt8z] { min-height: 0; padding: 6px 0 6px 10px; width: 100%; margin: 4px 0 8px; box-sizing: border-box; } .booking-party-info-layout[b-pagsf6nt8z] { display: flex; align-items: flex-start; min-height: 0; width: 100%; max-width: 100%; } .booking-party-info-section[b-pagsf6nt8z] { flex: 0 1 auto; min-width: 0; padding: 0 16px; border: none; background: transparent; text-align: left; cursor: pointer; transition: background 0.15s ease; display: flex; flex-direction: column; } .booking-party-info-section.booking-party-info-shipping[b-pagsf6nt8z] { flex: 0 0 26rem; width: 26rem; max-width: 26rem; min-width: 26rem; } .booking-party-info-section.booking-party-info-poc[b-pagsf6nt8z] { flex: 0 0 22rem; width: 22rem; max-width: 22rem; min-width: 22rem; } .booking-party-info-section.booking-party-info-vessel[b-pagsf6nt8z] { flex: 1 1 22rem; min-width: 20rem; max-width: none; } .booking-party-info-section:hover[b-pagsf6nt8z] { background: rgba(34, 102, 227, 0.05); } .booking-party-info-section:focus-visible[b-pagsf6nt8z] { outline: 2px solid #2266e3; outline-offset: -2px; } .booking-party-info-section-head[b-pagsf6nt8z] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; min-height: 18px; } .booking-party-info-logistics-row1[b-pagsf6nt8z] { gap: 14px; } .booking-party-info-divider[b-pagsf6nt8z] { width: 1px; background: #e0dbd3; flex-shrink: 0; align-self: stretch; margin: 2px 2px; } .booking-party-info-strip .container-info-row[b-pagsf6nt8z] { gap: 12px; width: 100%; } .booking-party-info-strip .container-info-row-meta[b-pagsf6nt8z] { margin-top: 2px; } .booking-party-info-strip .container-info-value[b-pagsf6nt8z] { line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .booking-party-info-strip .container-info-item[b-pagsf6nt8z] { flex-shrink: 1; min-width: 0; max-width: 100%; } .booking-party-info-vessel .container-info-item-half[b-pagsf6nt8z] { flex: 1 1 0; max-width: 50%; min-width: 0; padding-left: 0; padding-right: 0; } .booking-party-info-strip .container-info-value.is-empty[b-pagsf6nt8z] { color: #a09888; font-style: italic; } .booking-party-info-miles[b-pagsf6nt8z] { display: block; width: 100%; margin-top: 8px; padding: 6px 12px 4px; border: none; border-top: 1px solid #e0dbd3; background: transparent; text-align: left; cursor: pointer; box-sizing: border-box; transition: background 0.15s ease; } .booking-party-info-miles:hover[b-pagsf6nt8z] { background: rgba(34, 102, 227, 0.05); } .booking-party-info-miles:focus-visible[b-pagsf6nt8z] { outline: 2px solid #2266e3; outline-offset: -2px; } .booking-party-info-miles-grid[b-pagsf6nt8z] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 10px 16px; width: 100%; align-items: start; } .booking-party-info-miles-grid .container-info-item[b-pagsf6nt8z] { min-width: 0; max-width: 100%; } .booking-party-info-miles-grid .container-info-value[b-pagsf6nt8z] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .booking-party-info-meta-row[b-pagsf6nt8z] { display: grid; grid-template-columns: minmax(10rem, 0.35fr) minmax(0, 1fr); gap: 12px 16px; margin-top: 0; padding: 6px 12px 2px; border-top: 1px solid #e0dbd3; width: 100%; box-sizing: border-box; } .booking-party-info-bookedby[b-pagsf6nt8z], .booking-party-info-remarks[b-pagsf6nt8z], .booking-party-info-quotation[b-pagsf6nt8z] { min-width: 0; } .booking-party-info-quotation[b-pagsf6nt8z] { margin-top: 0; padding: 6px 12px 2px; border-top: 1px solid #e0dbd3; width: 100%; box-sizing: border-box; } .booking-party-info-bookedby .container-info-value[b-pagsf6nt8z], .booking-party-info-remarks .container-info-value[b-pagsf6nt8z] { display: block; margin-top: 2px; white-space: normal; overflow: visible; text-overflow: unset; } @media (max-width: 900px) { .booking-party-info-miles-grid[b-pagsf6nt8z] { grid-template-columns: 1fr; } .booking-party-info-meta-row[b-pagsf6nt8z] { grid-template-columns: 1fr; } } .booking-party-info-poc-row[b-pagsf6nt8z] { display: flex; width: 100%; gap: 10px; } .booking-poc-summary-name[b-pagsf6nt8z], .booking-poc-summary-phone[b-pagsf6nt8z] { flex: 1 1 0; min-width: 0; max-width: 50%; } .booking-party-info-shipping .container-info-item-half[b-pagsf6nt8z] { flex: 1 1 0; max-width: 50%; min-width: 0; } @media (max-width: 1200px) { .booking-party-info-layout[b-pagsf6nt8z] { flex-direction: column; width: 100%; } .booking-party-info-divider[b-pagsf6nt8z] { width: auto; height: 1px; margin: 0; } .booking-party-info-section[b-pagsf6nt8z] { max-width: none; width: 100%; } .booking-party-info-section.booking-party-info-shipping[b-pagsf6nt8z], .booking-party-info-section.booking-party-info-poc[b-pagsf6nt8z], .booking-party-info-section.booking-party-info-vessel[b-pagsf6nt8z] { flex: 1 1 auto; width: 100%; min-width: 0; max-width: none; } } /* Service rail flag group (Insurance / Weighment / LOLO / Empty Return) */ .booking-flag-group[b-pagsf6nt8z] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 32px; padding: 6px 8px; border: 1px solid #c8c6c4; border-radius: 2px; background: #fff; box-sizing: border-box; width: 100%; justify-content: flex-start; } .booking-flag-option[b-pagsf6nt8z] { position: relative; display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 4px 8px; border: 1px solid #edebe9; border-radius: 2px; background: #faf9f8; cursor: pointer; font-size: 12px; color: #323130; user-select: none; } .booking-flag-option:hover:not(:has(input:disabled))[b-pagsf6nt8z] { border-color: #c8c6c4; background: #f3f2f1; } .booking-flag-option.is-selected[b-pagsf6nt8z] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .booking-flag-option input[b-pagsf6nt8z] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .booking-flag-option input:focus-visible + .booking-flag-box[b-pagsf6nt8z] { outline: 2px solid rgba(0, 120, 212, 0.45); outline-offset: 2px; } .booking-flag-box[b-pagsf6nt8z] { width: 14px; height: 14px; border-radius: 2px; border: 1px solid #605e5c; background: #fff; flex-shrink: 0; box-sizing: border-box; position: relative; } .booking-flag-option.is-selected .booking-flag-box[b-pagsf6nt8z] { border-color: #0078d4; background: #0078d4; } .booking-flag-option.is-selected .booking-flag-box[b-pagsf6nt8z]::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .booking-flag-option:has(input:disabled)[b-pagsf6nt8z] { opacity: 0.5; cursor: not-allowed; } .booking-flag-text[b-pagsf6nt8z] { flex: 1 1 auto; min-width: 0; } /* Service rail charge expanders (Commission / WR / Other Exp) */ .booking-charge-option[b-pagsf6nt8z] { display: flex; flex-direction: column; gap: 8px; width: 100%; } .booking-charge-option .booking-flag-option[b-pagsf6nt8z] { width: 100%; padding: 8px 10px; min-height: 36px; font-size: 13px; line-height: 1.35; box-sizing: border-box; } .booking-charge-chevron[b-pagsf6nt8z] { font-size: 12px; color: #605e5c; flex-shrink: 0; margin-left: auto; } .booking-charge-option .booking-flag-option.is-selected .booking-charge-chevron[b-pagsf6nt8z] { color: #0078d4; } .booking-charge-fields[b-pagsf6nt8z] { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #edebe9; border-radius: 2px; background: #faf9f8; box-sizing: border-box; width: 100%; } .booking-charge-fields.booking-charge-fields-stacked[b-pagsf6nt8z] { flex-direction: column; align-items: stretch; gap: 4px; padding: 6px 8px 8px; } .booking-charge-fields-row[b-pagsf6nt8z] { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; } .booking-charge-fields .booking-charge-input[b-pagsf6nt8z] { flex: 1 1 auto; min-width: 0; } .booking-charge-fields .booking-charge-input-amount[b-pagsf6nt8z] { flex: 0 0 7rem; max-width: 7.5rem; } .cmf-party-flyout-section-head-end[b-pagsf6nt8z] { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; flex-shrink: 0; } .cmf-party-flyout-section-badge[b-pagsf6nt8z] { font-size: 11px; font-weight: 500; color: #0078d4; white-space: nowrap; line-height: 1.2; } /* D365 boxed inputs inside flyout only (beat global .cmf-field underline) */ .cmf-party-flyout .cmf-field[b-pagsf6nt8z], .cmf-party-flyout input.cmf-field[b-pagsf6nt8z], .cmf-party-flyout select.cmf-field[b-pagsf6nt8z], .cmf-party-flyout textarea.cmf-field[b-pagsf6nt8z], .cmf-party-flyout input.autocomplete-input.cmf-field[b-pagsf6nt8z], .cmf-party-flyout .booking-bookby .autocomplete-input[b-pagsf6nt8z] { border: 1px solid #c8c6c4 !important; border-radius: 2px !important; background: #fff !important; padding: 0 8px !important; height: 32px !important; text-transform: none !important; font-size: 13px !important; color: #323130 !important; width: 100%; box-sizing: border-box; box-shadow: none !important; } .cmf-party-flyout .booking-bookby .autocomplete-input[b-pagsf6nt8z] { padding-right: 28px !important; } .cmf-party-flyout .cmf-field:focus[b-pagsf6nt8z], .cmf-party-flyout .cmf-field:focus-visible[b-pagsf6nt8z], .cmf-party-flyout input.autocomplete-input.cmf-field:focus[b-pagsf6nt8z], .cmf-party-flyout .booking-bookby .autocomplete-input:focus[b-pagsf6nt8z] { border: 1px solid #0078d4 !important; border-bottom-width: 1px !important; padding-bottom: 0 !important; outline: 1px solid #0078d4 !important; outline-offset: -1px !important; box-shadow: none !important; } .cmf-party-flyout .cmf-field:disabled[b-pagsf6nt8z], .cmf-party-flyout .cmf-field.cmf-field-readonly[b-pagsf6nt8z], .cmf-party-flyout input.autocomplete-input.cmf-field:disabled[b-pagsf6nt8z], .cmf-party-flyout .booking-bookby .autocomplete-input:disabled[b-pagsf6nt8z] { background: #f3f2f1 !important; border-color: #edebe9 !important; color: #605e5c !important; border-bottom-style: solid !important; } .cmf-party-flyout textarea.cmf-field[b-pagsf6nt8z], .cmf-party-flyout textarea.d365-form-control[b-pagsf6nt8z] { height: auto !important; min-height: 4.5rem !important; padding: 6px 8px !important; resize: vertical; } .cmf-party-flyout-hint[b-pagsf6nt8z] { margin: 0; font-size: 12px; color: #605e5c; line-height: 1.45; white-space: pre-line; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn:hover:not(:disabled):not(.pill-toggle-active)[b-pagsf6nt8z] { background: #f3f2f1; } /* Cargo Type short + wider BOE/TP # on one row when Bonded */ .cmf-cargo-type-row[b-pagsf6nt8z] { align-items: flex-end; } .cmf-cargo-type-row > .cmf-cargo-type-field[b-pagsf6nt8z] { flex: 0 0 8.5rem; max-width: 9.5rem; min-width: 7.5rem; } .cmf-cargo-type-row > .cmf-boe-tp-field[b-pagsf6nt8z] { flex: 1 1 12rem; min-width: 11rem; max-width: none; } .cmf-poc-phone-field[b-pagsf6nt8z] { flex: 0 1 9.5rem !important; max-width: 11rem; } .cmf-voyage-field[b-pagsf6nt8z] { flex: 0 1 8rem !important; max-width: 9rem; } .cmf-party-flyout[b-pagsf6nt8z] .autosuggest-input .d365-form-control { padding-right: 8px !important; } .cmf-party-flyout[b-pagsf6nt8z] input.autocomplete-input.d365-form-control:focus, .cmf-party-flyout[b-pagsf6nt8z] input.autocomplete-input:focus, .cmf-party-flyout[b-pagsf6nt8z] .autosuggest-input .d365-form-control:focus { border-color: #0078d4 !important; border-bottom-width: 1px !important; outline: 1px solid #0078d4 !important; outline-offset: -1px !important; box-shadow: none !important; padding-bottom: 0 !important; } .cmf-party-flyout[b-pagsf6nt8z] input.autocomplete-input.d365-form-control:disabled, .cmf-party-flyout[b-pagsf6nt8z] .autosuggest-input .d365-form-control:disabled { background: #f3f2f1 !important; border-color: #edebe9 !important; color: #605e5c !important; } .cmf-party-flyout[b-pagsf6nt8z] .autocomplete-select, .cmf-party-flyout[b-pagsf6nt8z] .autosuggest-input { width: 100%; box-sizing: border-box; position: relative; } .cmf-party-flyout[b-pagsf6nt8z] .autosuggest-dropdown, .cmf-party-flyout[b-pagsf6nt8z] .autocomplete-dropdown { border: 1px solid #c8c6c4; border-radius: 2px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Without Quotation flyout (wider panel) */ .booking-flyout-backdrop[b-pagsf6nt8z] { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.2); z-index: 1080; } .booking-flyout[b-pagsf6nt8z] { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); background: #fff; border-left: 1px solid #edebe9; box-shadow: -8px 0 24px rgba(0, 0, 0, 0.08); z-index: 1081; display: flex; flex-direction: column; font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif; } .booking-flyout.booking-flyout-wide[b-pagsf6nt8z] { width: min(56rem, 100vw); max-width: 60rem; } .booking-flyout-header[b-pagsf6nt8z] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #edebe9; background: #fff; flex-shrink: 0; } .booking-flyout-title[b-pagsf6nt8z] { margin: 0; font-size: 1.125rem; font-weight: 600; color: #323130; line-height: 1.3; display: inline-flex; align-items: center; gap: 8px; } .booking-flyout-badge[b-pagsf6nt8z] { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 8px; border-radius: 11px; background: #eff6fc; color: #0078d4; font-size: 12px; font-weight: 600; } .booking-flyout-close[b-pagsf6nt8z] { border: none; background: transparent; color: #605e5c; width: 32px; height: 32px; border-radius: 2px; cursor: pointer; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; } .booking-flyout-close:hover[b-pagsf6nt8z] { background: #f3f2f1; color: #323130; } .booking-flyout-body[b-pagsf6nt8z] { flex: 1; overflow-y: auto; padding: 8px 20px 220px; display: flex; flex-direction: column; gap: 4px; } .booking-flyout-section[b-pagsf6nt8z] { display: flex; flex-direction: column; gap: 14px; padding: 12px 0 16px; border-bottom: 1px solid #edebe9; } .booking-flyout-section:last-child[b-pagsf6nt8z] { border-bottom: none; } .booking-flyout-section-head[b-pagsf6nt8z] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 4px; } .booking-flyout-section-title[b-pagsf6nt8z] { margin: 0; font-size: 14px; font-weight: 600; color: #323130; } .booking-flyout-field[b-pagsf6nt8z] { display: flex; flex-direction: column; gap: 6px; width: 100%; } .booking-flyout .booking-label[b-pagsf6nt8z] { color: #605e5c; font-size: 12px; font-weight: 400; margin-bottom: 0; } .booking-flyout .booking-label.required[b-pagsf6nt8z]::after { content: " *"; color: #a4262c; } .booking-flyout-hint[b-pagsf6nt8z] { font-size: 10px; color: #605e5c; margin-top: 2px; line-height: 1.35; white-space: pre-line; } .booking-flyout-row[b-pagsf6nt8z] { display: flex; flex-wrap: wrap; gap: 10px 12px; width: 100%; } .booking-flyout-row > .booking-flyout-field[b-pagsf6nt8z] { flex: 1 1 130px; min-width: 0; } .booking-flyout-scenario-row[b-pagsf6nt8z] { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 0 0 8px; font-size: 12px; } .booking-flyout-actions[b-pagsf6nt8z] { display: flex; flex-wrap: wrap; gap: 8px; } .booking-flyout-haulage-grid[b-pagsf6nt8z] { max-height: 300px; overflow: auto; border: 1px solid #e1dfdd; } .booking-flyout-haulage-grid table[b-pagsf6nt8z] { width: 100%; font-size: 11px; margin: 0; } .booking-flyout-footer[b-pagsf6nt8z] { padding: 12px 20px; border-top: 1px solid #edebe9; display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; background: #fff; } .booking-flyout-btn-ok[b-pagsf6nt8z] { min-width: 80px; height: 32px; padding: 0 16px; font-size: 14px; font-weight: 400; border-radius: 2px; cursor: pointer; line-height: 1; border: 1px solid #0078d4; background: #0078d4; color: #fff; } .booking-flyout-btn-ok:hover[b-pagsf6nt8z] { background: #106ebe; border-color: #106ebe; } .booking-flyout[b-pagsf6nt8z] .autosuggest-input, .booking-flyout[b-pagsf6nt8z] .d365-form-control { width: 100%; box-sizing: border-box; } /* Detail grid Gross Amount footer (aligned with Quotation) */ .booking-detail-grid-footer[b-pagsf6nt8z] { align-items: baseline; gap: 12px; } .booking-detail-grid-footer .repair-estimate-detail-total-label[b-pagsf6nt8z] { font-size: 12px; font-weight: 600; color: #605e5c; } /* Container grid: CMF-style borderless cells (no form underlines) */ .booking-detail-grid .d365-grid-fo-editable td[b-pagsf6nt8z] { vertical-align: middle; } .booking-detail-grid .d365-grid-cell[b-pagsf6nt8z] { min-height: 28px; height: 100%; padding: 2px 6px; align-items: center; width: 100%; box-sizing: border-box; } .booking-detail-grid .booking-grid-col-container[b-pagsf6nt8z] { min-width: 7.5rem; } .booking-detail-grid .booking-grid-col-seal[b-pagsf6nt8z] { min-width: 5rem; } .booking-detail-grid .booking-grid-col-lookup[b-pagsf6nt8z] { min-width: 5.5rem; overflow: visible; } .booking-detail-grid .booking-grid-col-commodity[b-pagsf6nt8z] { min-width: 7rem; } .booking-detail-grid .booking-grid-col-teu[b-pagsf6nt8z] { min-width: 4.5rem; } .booking-detail-grid .booking-grid-col-num[b-pagsf6nt8z] { min-width: 5.5rem; width: 5.5rem; } .booking-detail-grid .booking-grid-col-wt[b-pagsf6nt8z] { min-width: 7.25rem; width: 7.25rem; overflow: visible; } .booking-detail-grid .booking-grid-col-wt .d365-grid-cell[b-pagsf6nt8z] { overflow: visible; padding: 2px 8px; } .booking-detail-grid .booking-grid-wt[b-pagsf6nt8z] { min-width: 6.5rem !important; width: 100% !important; text-align: right; font-variant-numeric: tabular-nums; letter-spacing: 0; } .booking-detail-grid .booking-grid-input[b-pagsf6nt8z], .booking-detail-grid[b-pagsf6nt8z] input.d365-form-control, .booking-detail-grid[b-pagsf6nt8z] input.autocomplete-input, .booking-detail-grid[b-pagsf6nt8z] .autosuggest-input .d365-form-control { width: 100% !important; min-width: 0 !important; height: 26px !important; padding: 0 4px !important; margin: 0 !important; font-size: 12px !important; line-height: 1.2 !important; color: #323130; background: transparent !important; border: none !important; border-bottom: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; box-sizing: border-box; } .booking-detail-grid .booking-grid-container-no[b-pagsf6nt8z] { font-family: Consolas, "Courier New", monospace; font-weight: 600; text-transform: uppercase; } .booking-detail-grid .booking-grid-input:focus[b-pagsf6nt8z], .booking-detail-grid[b-pagsf6nt8z] input.d365-form-control:focus, .booking-detail-grid[b-pagsf6nt8z] input.d365-form-control:focus-visible, .booking-detail-grid[b-pagsf6nt8z] input.autocomplete-input:focus, .booking-detail-grid[b-pagsf6nt8z] input.autocomplete-input:focus-visible, .booking-detail-grid[b-pagsf6nt8z] .autosuggest-input .d365-form-control:focus, .booking-detail-grid[b-pagsf6nt8z] .autosuggest-input .d365-form-control:focus-visible { background: #e8f0fe !important; border: none !important; border-bottom: none !important; box-shadow: none !important; padding-bottom: 0 !important; } .booking-detail-grid .booking-grid-input:disabled[b-pagsf6nt8z], .booking-detail-grid[b-pagsf6nt8z] input.d365-form-control:disabled, .booking-detail-grid[b-pagsf6nt8z] input.autocomplete-input:disabled { background: transparent !important; color: #323130 !important; border-bottom: none !important; opacity: 1; } .booking-detail-grid[b-pagsf6nt8z] .autocomplete-select, .booking-detail-grid[b-pagsf6nt8z] .autocomplete-input-wrapper, .booking-detail-grid[b-pagsf6nt8z] .autosuggest-input { width: 100%; min-width: 0; } .booking-detail-grid[b-pagsf6nt8z] .autocomplete-select .autocomplete-toggle { height: 26px; } .booking-detail-grid .d365-grid-cell-numeric .booking-grid-input[b-pagsf6nt8z] { text-align: right; } .booking-detail-grid .d365-grid-fo-editable tbody tr:focus-within[b-pagsf6nt8z], .booking-detail-grid .d365-grid-fo-editable tbody tr:has(.autocomplete-select.open)[b-pagsf6nt8z] { position: relative; z-index: 40; } .booking-detail-grid[b-pagsf6nt8z] .autocomplete-select.open { z-index: 50; position: relative; } .booking-detail-grid[b-pagsf6nt8z] .autocomplete-dropdown { z-index: 60; } /* /Components/Pages/CFS/CfsQuotation.razor.rz.scp.css */ /* Party flyout — aligned with CMF (scoped to Quotation) */ .cmf-party-info-strip.container-info-strip[b-xuadnilp2o] { min-height: 0; padding: 6px 0 6px 10px; width: 100%; margin: 4px 0 8px; box-sizing: border-box; } .cmf-party-info-layout[b-xuadnilp2o] { display: flex; align-items: flex-start; min-height: 0; width: 100%; max-width: 100%; } .cmf-party-info-section[b-xuadnilp2o] { flex: 0 1 auto; min-width: 0; padding: 0 16px; border: none; background: transparent; text-align: left; cursor: pointer; transition: background 0.15s ease; display: flex; flex-direction: column; } .cmf-party-info-section.cmf-party-info-shipping[b-xuadnilp2o] { flex: 0 0 25rem; width: 25rem; max-width: 25rem; min-width: 25rem; } .cmf-party-info-section.cmf-party-info-poc[b-xuadnilp2o] { flex: 0 0 24rem; width: 24rem; max-width: 24rem; min-width: 24rem; } .cmf-party-info-section.cmf-party-info-vessel[b-xuadnilp2o] { flex: 1 1 20rem; min-width: 18rem; max-width: none; } .cmf-party-info-section:hover[b-xuadnilp2o] { background: rgba(34, 102, 227, 0.05); } .cmf-party-info-section:focus-visible[b-xuadnilp2o] { outline: 2px solid #2266e3; outline-offset: -2px; } .cmf-party-info-section-head[b-xuadnilp2o] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; min-height: 18px; } .cmf-party-info-logistics-row1[b-xuadnilp2o] { gap: 14px; } .cmf-party-info-divider[b-xuadnilp2o] { width: 1px; background: #e0dbd3; flex-shrink: 0; align-self: stretch; margin: 2px 2px; } .cmf-party-info-strip .container-info-row[b-xuadnilp2o] { gap: 12px; width: 100%; } .cmf-party-info-strip .container-info-row-meta[b-xuadnilp2o] { margin-top: 2px; } .cmf-party-info-strip .container-info-value[b-xuadnilp2o] { line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .cmf-party-info-strip .container-info-item[b-xuadnilp2o] { flex-shrink: 1; min-width: 0; max-width: 100%; } .cmf-party-info-vessel .container-info-item-half[b-xuadnilp2o] { flex: 1 1 0; max-width: 50%; min-width: 0; padding-left: 0; padding-right: 0; } .cmf-party-info-strip .container-info-value.is-empty[b-xuadnilp2o] { color: #a09888; font-style: italic; } .cmf-party-info-remarks[b-xuadnilp2o] { margin-top: 8px; padding: 6px 12px 2px; border-top: 1px solid #e0dbd3; width: 100%; box-sizing: border-box; } .cmf-party-info-remarks .container-info-value[b-xuadnilp2o] { display: block; margin-top: 2px; white-space: normal; overflow: visible; text-overflow: unset; } .cmf-quotation-service-rail:focus[b-xuadnilp2o] { outline: 2px solid #2266e3; outline-offset: 2px; } .cmf-party-info-poc-row[b-xuadnilp2o] { display: flex; width: 100%; gap: 10px; } .cmf-poc-summary-name[b-xuadnilp2o], .cmf-poc-summary-phone[b-xuadnilp2o] { flex: 1 1 100%; min-width: 0; max-width: 100%; } @media (max-width: 1200px) { .cmf-party-info-layout[b-xuadnilp2o] { flex-direction: column; width: 100%; } .cmf-party-info-divider[b-xuadnilp2o] { width: auto; height: 1px; margin: 0; } .cmf-party-info-section[b-xuadnilp2o] { max-width: none; width: 100%; } .cmf-party-info-section.cmf-party-info-shipping[b-xuadnilp2o], .cmf-party-info-section.cmf-party-info-poc[b-xuadnilp2o], .cmf-party-info-section.cmf-party-info-vessel[b-xuadnilp2o] { flex: 1 1 auto; width: 100%; min-width: 0; max-width: none; } } .cmf-party-flyout-body[b-xuadnilp2o] { flex: 1; overflow-y: auto; /* Match CMF: bottom padding so AutoCompleteSelect lists are not clipped by the pane. */ padding: 8px 20px 220px; display: flex; flex-direction: column; gap: 4px; } .cmf-party-flyout-section:last-child[b-xuadnilp2o] { border-bottom: none; } .cmf-party-flyout-field.is-focus-target:focus-within[b-xuadnilp2o] { border-color: #0078d4; box-shadow: inset 3px 0 0 #0078d4, 0 0 0 1px rgba(0, 120, 212, 0.25); } .cmf-party-flyout .cmf-label[b-xuadnilp2o] { color: #605e5c; font-size: 12px; font-weight: 400; margin-bottom: 0; } .cmf-party-flyout .cmf-same-as-option:has(input:disabled)[b-xuadnilp2o] { opacity: 0.5; cursor: not-allowed; } .cmf-party-flyout[b-xuadnilp2o] .autosuggest-input, .cmf-party-flyout[b-xuadnilp2o] .d365-form-control { width: 100%; box-sizing: border-box; } .cmf-customer-field-head[b-xuadnilp2o] { display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin-bottom: 2px; min-height: 1.35rem; } /* POC: Name 70% + Phone 30% on one row; Email full width below. */ .cmf-poc-name-phone-row[b-xuadnilp2o] { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 10px 12px; width: 100%; } .cmf-poc-name-phone-row > .cmf-poc-field-name[b-xuadnilp2o] { flex: 0 0 70%; max-width: 70%; min-width: 0; } .cmf-poc-name-phone-row > .cmf-poc-field-phone[b-xuadnilp2o] { flex: 0 0 calc(30% - 12px); max-width: calc(30% - 12px); min-width: 0; } .cmf-flag-group[b-xuadnilp2o] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 32px; padding: 6px 8px; border: 1px solid #c8c6c4; border-radius: 2px; background: #fff; box-sizing: border-box; } .cmf-flag-group .cmf-same-as-option[b-xuadnilp2o] { position: relative; display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 4px 8px; border: 1px solid #edebe9; border-radius: 2px; background: #faf9f8; cursor: pointer; font-size: 12px; color: #323130; user-select: none; } .cmf-flag-group .cmf-same-as-option:hover:not(:has(input:disabled))[b-xuadnilp2o] { border-color: #c8c6c4; background: #f3f2f1; } .cmf-flag-group .cmf-same-as-option.is-selected[b-xuadnilp2o] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .cmf-flag-group .cmf-same-as-option input[b-xuadnilp2o] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .cmf-flag-group .cmf-same-as-option input:focus-visible + .cmf-same-as-box[b-xuadnilp2o] { outline: 2px solid rgba(0, 120, 212, 0.45); outline-offset: 2px; } .cmf-flag-group .cmf-same-as-box[b-xuadnilp2o] { width: 14px; height: 14px; border-radius: 2px; border: 1px solid #605e5c; background: #fff; flex-shrink: 0; box-sizing: border-box; position: relative; } .cmf-flag-group .cmf-same-as-option.is-selected .cmf-same-as-box[b-xuadnilp2o] { border-color: #0078d4; background: #0078d4; } .cmf-flag-group .cmf-same-as-option.is-selected .cmf-same-as-box[b-xuadnilp2o]::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .cmf-flag-group .cmf-same-as-option:has(input:disabled)[b-xuadnilp2o] { opacity: 0.5; cursor: not-allowed; } .cmf-quotation-top-layout[b-xuadnilp2o] { display: flex; align-items: stretch; gap: 0; width: 100%; } .cmf-quotation-main[b-xuadnilp2o] { flex: 1 1 auto; min-width: 0; } .cmf-quotation-service-rail[b-xuadnilp2o] { flex: 0 0 30rem; max-width: 32rem; margin-left: 12px; padding: 0 0 0 12px; border-left: 1px solid #c8c6c4; display: flex; flex-direction: column; gap: 8px; align-self: stretch; box-sizing: border-box; } .cmf-quotation-service-rail .cmf-flag-group[b-xuadnilp2o] { width: 100%; justify-content: flex-start; } .cmf-charge-option[b-xuadnilp2o] { display: flex; flex-direction: column; gap: 8px; width: 100%; } .cmf-charge-option .cmf-same-as-option[b-xuadnilp2o] { position: relative; display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 10px; min-height: 36px; border: 1px solid #edebe9; border-radius: 2px; background: #faf9f8; cursor: pointer; font-size: 13px; line-height: 1.35; color: #323130; user-select: none; width: 100%; box-sizing: border-box; } .cmf-charge-option .cmf-same-as-option:hover:not(:has(input:disabled))[b-xuadnilp2o] { border-color: #c8c6c4; background: #f3f2f1; } .cmf-charge-option .cmf-same-as-option.is-selected[b-xuadnilp2o] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .cmf-charge-option .cmf-same-as-option:focus-within[b-xuadnilp2o], .cmf-flag-group .cmf-same-as-option:focus-within[b-xuadnilp2o] { outline: 2px solid #2266e3; outline-offset: 1px; border-color: #0078d4; background: #eff6fc; } .cmf-charge-option .cmf-same-as-option input:focus-visible + .cmf-same-as-box[b-xuadnilp2o] { outline: 2px solid #2266e3; outline-offset: 1px; } .cmf-charge-option .cmf-same-as-option input[b-xuadnilp2o] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .cmf-charge-option .cmf-same-as-box[b-xuadnilp2o] { width: 16px; height: 16px; border-radius: 2px; border: 1px solid #605e5c; background: #fff; flex-shrink: 0; box-sizing: border-box; position: relative; } .cmf-charge-option .cmf-same-as-option.is-selected .cmf-same-as-box[b-xuadnilp2o] { border-color: #0078d4; background: #0078d4; } .cmf-charge-option .cmf-same-as-option.is-selected .cmf-same-as-box[b-xuadnilp2o]::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .cmf-charge-option .cmf-same-as-text[b-xuadnilp2o] { flex: 1 1 auto; min-width: 0; } .cmf-charge-chevron[b-xuadnilp2o] { font-size: 12px; color: #605e5c; flex-shrink: 0; margin-left: auto; } .cmf-charge-option .cmf-same-as-option.is-selected .cmf-charge-chevron[b-xuadnilp2o] { color: #0078d4; } .cmf-charge-option .cmf-same-as-option:has(input:disabled)[b-xuadnilp2o] { opacity: 0.5; cursor: not-allowed; } .cmf-charge-fields[b-xuadnilp2o] { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #edebe9; border-radius: 2px; background: #faf9f8; box-sizing: border-box; width: 100%; } .cmf-charge-fields.cmf-charge-fields-stacked[b-xuadnilp2o] { flex-direction: column; align-items: stretch; gap: 4px; padding: 6px 8px 8px; } .cmf-charge-fields-head[b-xuadnilp2o] { display: flex; justify-content: space-between; gap: 8px; font-size: 10px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #605e5c; padding: 0 2px; } .cmf-charge-fields-head span:last-child[b-xuadnilp2o] { flex: 0 0 7rem; max-width: 7.5rem; text-align: right; } .cmf-charge-fields-row[b-xuadnilp2o] { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; } .cmf-charge-fields .cmf-charge-input[b-xuadnilp2o] { flex: 1 1 auto; min-width: 0; } .cmf-charge-fields .cmf-charge-input-amount[b-xuadnilp2o] { flex: 0 0 7rem; max-width: 7.5rem; } .cmf-party-info-prepared-by[b-xuadnilp2o] { margin-top: 6px; padding-top: 6px; border-top: 1px solid #edebe9; display: flex; flex-direction: column; gap: 2px; } .cmf-bonded-option-head[b-xuadnilp2o] { position: relative; display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px 10px; min-height: 36px; border: 1px solid #edebe9; border-radius: 2px; background: #faf9f8; font-size: 13px; line-height: 1.35; color: #323130; width: 100%; box-sizing: border-box; } .cmf-bonded-option-head.is-selected[b-xuadnilp2o] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .cmf-bonded-option-head .cmf-charge-chevron[b-xuadnilp2o] { margin-left: auto; } .cmf-bonded-option-head.is-selected .cmf-charge-chevron[b-xuadnilp2o] { color: #0078d4; } .cmf-bonded-check[b-xuadnilp2o] { position: relative; display: inline-flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; user-select: none; } .cmf-bonded-check input[b-xuadnilp2o] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .cmf-bonded-check .cmf-same-as-box[b-xuadnilp2o] { width: 16px; height: 16px; border-radius: 2px; border: 1px solid #605e5c; background: #fff; flex-shrink: 0; box-sizing: border-box; position: relative; } .cmf-bonded-check.is-selected .cmf-same-as-box[b-xuadnilp2o] { border-color: #0078d4; background: #0078d4; } .cmf-bonded-check.is-selected .cmf-same-as-box[b-xuadnilp2o]::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .cmf-bonded-check .cmf-same-as-text[b-xuadnilp2o] { flex: 0 0 auto; white-space: nowrap; } .cmf-bonded-check:has(input:disabled)[b-xuadnilp2o] { opacity: 0.5; cursor: not-allowed; } .cmf-bonded-sep[b-xuadnilp2o] { color: #a19f9d; flex-shrink: 0; } .cmf-booked-by-block[b-xuadnilp2o] { margin-top: 10px; padding-top: 10px; border-top: 1px solid #edebe9; } .cmf-booked-by-block .d365-form-label[b-xuadnilp2o] { margin-bottom: 6px; } .cmf-booked-by-block .d365-form-control[b-xuadnilp2o] { min-height: 32px; height: 32px; } .quotation-detail-grid .repair-estimate-detail-footer[b-xuadnilp2o] { align-items: flex-end; gap: 12px; position: relative; z-index: 2; flex-shrink: 0; } .quotation-detail-grid .quotation-gross-stack[b-xuadnilp2o] { display: flex; flex-direction: column; gap: 4px; min-width: 17rem; } .quotation-detail-grid .quotation-gross-row[b-xuadnilp2o] { display: grid; grid-template-columns: 5.75rem 1fr auto; column-gap: 10px; align-items: center; } .quotation-detail-grid .quotation-gross-row-leading[b-xuadnilp2o] { display: flex; justify-content: flex-end; align-items: center; min-width: 0; } .quotation-detail-grid .quotation-gross-row .repair-estimate-detail-total-label[b-xuadnilp2o] { white-space: nowrap; } .quotation-detail-grid .quotation-gross-row .repair-estimate-detail-total[b-xuadnilp2o] { justify-self: end; text-align: right; } .quotation-detail-grid .quotation-gross-row-strong .repair-estimate-detail-total-label[b-xuadnilp2o], .quotation-detail-grid .quotation-gross-row-strong .repair-estimate-detail-total[b-xuadnilp2o] { font-weight: 700; color: #201f1e; } /* Apply Tax chip — same pattern as LOLO / Insurance (cmf-same-as-option), slightly compact */ .quotation-detail-grid .quotation-apply-tax-chip.cmf-same-as-option[b-xuadnilp2o] { position: relative; display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 3px 7px; min-height: 26px; border: 1px solid #edebe9; border-radius: 2px; background: #faf9f8; cursor: pointer; font-size: 11px; line-height: 1.25; color: #323130; user-select: none; } .quotation-detail-grid .quotation-apply-tax-chip.cmf-same-as-option:hover:not(:has(input:disabled))[b-xuadnilp2o] { border-color: #c8c6c4; background: #f3f2f1; } .quotation-detail-grid .quotation-apply-tax-chip.cmf-same-as-option.is-selected[b-xuadnilp2o] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .quotation-detail-grid .quotation-apply-tax-chip.cmf-same-as-option input[b-xuadnilp2o] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .quotation-detail-grid .quotation-apply-tax-chip.cmf-same-as-option input:focus-visible + .cmf-same-as-box[b-xuadnilp2o] { outline: 2px solid rgba(0, 120, 212, 0.45); outline-offset: 2px; } .quotation-detail-grid .quotation-apply-tax-chip .cmf-same-as-box[b-xuadnilp2o] { width: 12px; height: 12px; border-radius: 2px; border: 1px solid #605e5c; background: #fff; flex-shrink: 0; box-sizing: border-box; position: relative; } .quotation-detail-grid .quotation-apply-tax-chip.is-selected .cmf-same-as-box[b-xuadnilp2o] { border-color: #0078d4; background: #0078d4; } .quotation-detail-grid .quotation-apply-tax-chip.is-selected .cmf-same-as-box[b-xuadnilp2o]::after { content: ""; position: absolute; left: 3px; top: 0; width: 3px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .quotation-detail-grid .quotation-apply-tax-chip .cmf-same-as-text[b-xuadnilp2o] { white-space: nowrap; } .quotation-detail-grid .quotation-apply-tax-chip.cmf-same-as-option:has(input:disabled)[b-xuadnilp2o] { opacity: 0.5; cursor: not-allowed; } .quotation-detail-grid .repair-estimate-detail-total-label[b-xuadnilp2o] { font-size: 12px; font-weight: 600; color: #605e5c; } .quotation-detail-grid .quotation-rh-toggle[b-xuadnilp2o] { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; margin-bottom: 0; cursor: pointer; user-select: none; height: 28px; } .quotation-detail-grid .quotation-rh-toggle-text[b-xuadnilp2o] { font-size: 11px; font-weight: 600; color: #605e5c; white-space: nowrap; } .quotation-detail-grid .quotation-rh-toggle.is-on .quotation-rh-toggle-text[b-xuadnilp2o] { color: #323130; } .quotation-detail-grid .quotation-rh-switch[b-xuadnilp2o] { position: relative; display: inline-flex; width: 28px; height: 16px; flex-shrink: 0; } .quotation-detail-grid .quotation-rh-switch input[b-xuadnilp2o] { opacity: 0; width: 0; height: 0; position: absolute; } .quotation-detail-grid .quotation-rh-slider[b-xuadnilp2o] { position: absolute; inset: 0; background: #c8c6c4; border-radius: 999px; transition: background 0.15s ease; } .quotation-detail-grid .quotation-rh-slider[b-xuadnilp2o]::before { content: ""; position: absolute; width: 12px; height: 12px; left: 2px; top: 2px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: transform 0.15s ease; } .quotation-detail-grid .quotation-rh-switch input:checked + .quotation-rh-slider[b-xuadnilp2o] { background: #0078d4; } .quotation-detail-grid .quotation-rh-switch input:checked + .quotation-rh-slider[b-xuadnilp2o]::before { transform: translateX(12px); } .quotation-detail-grid .quotation-rh-switch input:disabled + .quotation-rh-slider[b-xuadnilp2o] { opacity: 0.5; } .quotation-detail-grid .quotation-rh-toggle:has(input:disabled)[b-xuadnilp2o] { cursor: not-allowed; } .quotation-detail-grid select.d365-form-control[b-xuadnilp2o] { height: 24px; min-height: 24px; font-size: 11px; padding: 0 4px; } @media (max-width: 1100px) { .cmf-quotation-top-layout[b-xuadnilp2o] { flex-direction: column; } .cmf-quotation-service-rail[b-xuadnilp2o] { flex: 1 1 auto; max-width: none; width: 100%; margin-left: 0; margin-top: 10px; padding-left: 0; padding-top: 10px; border-left: none; border-top: 1px solid #c8c6c4; } } .quotation-detail-grid .quotation-journey-cell[b-xuadnilp2o] { width: 100%; min-width: 11rem; position: relative; overflow: visible; } .quotation-detail-grid.repair-estimate-detail-grid[b-xuadnilp2o] { overflow: visible; } .quotation-detail-grid .repair-estimate-detail-grid-scroll[b-xuadnilp2o] { overflow: auto; max-height: 300px; } .quotation-detail-grid .d365-grid-fo-editable[b-xuadnilp2o] { width: 100%; table-layout: auto; font-size: 12px; } .quotation-detail-grid .d365-grid-fo-editable thead th[b-xuadnilp2o] { padding: 5px 6px; font-size: 11px; white-space: nowrap; } .quotation-detail-grid .d365-grid-cell[b-xuadnilp2o] { padding: 1px 4px; } .quotation-detail-grid .d365-grid-cell-numeric[b-xuadnilp2o] { white-space: nowrap; font-variant-numeric: tabular-nums; } .quotation-detail-grid .d365-grid-cell-numeric input[type="number"][b-xuadnilp2o] { width: 100%; min-width: 0; box-sizing: border-box; appearance: textfield; -moz-appearance: textfield; } .quotation-detail-grid .d365-grid-cell-numeric input[type="number"][b-xuadnilp2o]::-webkit-inner-spin-button, .quotation-detail-grid .d365-grid-cell-numeric input[type="number"][b-xuadnilp2o]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quotation-detail-grid .d365-grid-fo-editable tbody tr:focus-within[b-xuadnilp2o], .quotation-detail-grid .d365-grid-fo-editable tbody tr:has(.autocomplete-select.open)[b-xuadnilp2o] { position: relative; z-index: 40; } .quotation-detail-grid[b-xuadnilp2o] .autocomplete-select.open { z-index: 50; position: relative; } .quotation-detail-grid[b-xuadnilp2o] .autocomplete-dropdown { z-index: 60; position: absolute; } .quotation-detail-grid .quotation-journey-cell > :first-child[b-xuadnilp2o], .quotation-detail-grid .quotation-journey-cell > :last-child[b-xuadnilp2o] { flex: 1 1 0; min-width: 0; } .quotation-detail-grid .quotation-journey-cell[b-xuadnilp2o] .autocomplete-input { white-space: normal; height: auto; min-height: 28px; line-height: 1.25; padding-top: 4px; padding-bottom: 4px; overflow: visible; text-overflow: unset; } .quotation-detail-grid .quotation-journey-cell > span[b-xuadnilp2o] { white-space: normal; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .quotation-detail-grid .quotation-transport-btn[b-xuadnilp2o] { border: 1px solid #c8c6c4; background: #fff; color: #323130; font-size: 11px; padding: 1px 4px; border-radius: 2px; cursor: pointer; line-height: 1.2; white-space: nowrap; } .quotation-detail-grid .quotation-transport-btn:hover:not(:disabled)[b-xuadnilp2o] { background: #f3f2f1; } .quotation-detail-grid .quotation-transport-btn:disabled[b-xuadnilp2o] { opacity: 0.5; cursor: not-allowed; } .quotation-detail-grid[b-xuadnilp2o] .d365-grid-cell .autosuggest-input, .quotation-detail-grid[b-xuadnilp2o] .d365-grid-cell .d365-form-control { width: 100%; min-width: 0; } .cmf-transport-flyout[b-xuadnilp2o] { width: min(42rem, 100vw); max-width: 42rem; } .cmf-transport-context[b-xuadnilp2o] { display: flex; flex-wrap: wrap; gap: 10px 16px; font-size: 12px; color: #323130; } .cmf-transport-context .cmf-label[b-xuadnilp2o] { display: block; margin-bottom: 2px; } .cmf-transport-scenario-flags[b-xuadnilp2o] { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 10px 0 8px; font-size: 12px; } .cmf-transport-scenario-group[b-xuadnilp2o] { width: 100%; margin: 0 0 12px; flex-wrap: wrap; } .cmf-transport-flyout .cmf-flag-group.cmf-transport-scenario-group .cmf-same-as-option[b-xuadnilp2o] { flex: 1 1 calc(50% - 8px); min-width: 9rem; } .cmf-transport-actions[b-xuadnilp2o] { display: flex; gap: 8px; margin-top: 8px; } .cmf-transport-haulage-grid[b-xuadnilp2o] { max-height: 220px; overflow: auto; border: 1px solid #e1dfdd; } .cmf-transport-haulage-grid table[b-xuadnilp2o] { width: 100%; font-size: 11px; } .cmf-transport-flags[b-xuadnilp2o] { white-space: nowrap; font-size: 10px; color: #605e5c; } .quotation-transport-btn.has-haulage[b-xuadnilp2o] { font-weight: 600; color: #107c10; } .cmf-transport-template-row[b-xuadnilp2o], .cmf-transport-command-row[b-xuadnilp2o] { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin-bottom: 10px; } .cmf-transport-template-actions[b-xuadnilp2o] { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 2px; } .cmf-transport-command-apply[b-xuadnilp2o] { margin-bottom: 2px; } .cmf-transport-command-hint[b-xuadnilp2o] { font-size: 10px; color: #605e5c; margin-top: 4px; line-height: 1.35; } .cmf-transport-full-return-note[b-xuadnilp2o] { font-size: 11px; color: #876400; background: #fff4ce; border: 1px solid #f0e0a0; padding: 6px 8px; margin: 0 0 10px; border-radius: 2px; } .cmf-transport-leg-preview[b-xuadnilp2o] { margin: 0 0 12px; padding: 8px; border: 1px solid #e1dfdd; background: #faf9f8; } .cmf-transport-leg-empty[b-xuadnilp2o] { font-size: 11px; color: #8a8886; padding: 4px 0; } .cmf-transport-leg-flow[b-xuadnilp2o] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; } .cmf-transport-leg-step[b-xuadnilp2o] { flex: 1 1 8.5rem; min-width: 8rem; max-width: 14rem; border: 1px solid #d2d0ce; background: #fff; padding: 6px 8px; display: flex; flex-direction: column; gap: 2px; } .cmf-transport-leg-status[b-xuadnilp2o] { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; } .cmf-transport-leg-status.is-full[b-xuadnilp2o] { color: #107c10; } .cmf-transport-leg-status.is-empty[b-xuadnilp2o] { color: #c19c00; } .cmf-transport-leg-label[b-xuadnilp2o] { font-size: 11px; font-weight: 600; color: #323130; } .cmf-transport-leg-route[b-xuadnilp2o] { font-size: 10px; color: #605e5c; word-break: break-word; } .cmf-save-scenario-dialog[b-xuadnilp2o] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1200; width: min(22rem, 92vw); background: #fff; border: 1px solid #d2d0ce; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); padding: 16px; } .cmf-save-scenario-dialog h3[b-xuadnilp2o] { margin: 0 0 12px; font-size: 15px; font-weight: 600; } .cmf-cost-review-dialog[b-xuadnilp2o] { width: min(96rem, 98vw); max-width: 98vw; z-index: 1300; padding: 0; max-height: 92vh; display: flex; flex-direction: column; overflow: hidden; } .cmf-cost-review-page[b-xuadnilp2o] { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .cmf-cost-review-title-area[b-xuadnilp2o] { padding: 16px 18px 10px; border-bottom: 1px solid #edebe9; flex: 0 0 auto; background: #fff; } .cmf-cost-review-entity-label[b-xuadnilp2o] { font-size: 11px; font-weight: 600; color: #605e5c; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 2px; } .cmf-cost-review-entity-title[b-xuadnilp2o] { font-size: 22px; font-weight: 300; color: #201f1e; margin: 0 0 4px; line-height: 1.2; } .cmf-cost-review-entity-subtitle[b-xuadnilp2o] { font-size: 12px; color: #605e5c; } .cmf-cost-review-command-bar[b-xuadnilp2o] { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 18px; border-bottom: 1px solid #edebe9; background: #f3f2f1; flex: 0 0 auto; } .cmf-cost-review-command-left[b-xuadnilp2o], .cmf-cost-review-command-right[b-xuadnilp2o] { display: flex; gap: 6px; } .cmf-cost-review-cmd-btn[b-xuadnilp2o] { display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; border: 1px solid #d2d0ce; background: #fff; border-radius: 2px; font-size: 13px; color: #201f1e; cursor: pointer; transition: background 0.15s ease; } .cmf-cost-review-cmd-btn:hover[b-xuadnilp2o] { background: #f3f2f1; } .cmf-cost-review-cmd-btn.primary[b-xuadnilp2o] { background: #0078d4; border-color: #0078d4; color: #fff; } .cmf-cost-review-cmd-btn.primary:hover[b-xuadnilp2o] { background: #005a9e; } .cmf-cost-review-tabs[b-xuadnilp2o] { display: flex; gap: 0; padding: 0 18px; border-bottom: 1px solid #edebe9; background: #fff; flex: 0 0 auto; } .cmf-cost-review-tab[b-xuadnilp2o] { padding: 10px 16px; border: none; border-bottom: 2px solid transparent; background: transparent; font-size: 13px; color: #605e5c; cursor: pointer; transition: color 0.15s ease, border-color 0.15s ease; } .cmf-cost-review-tab:hover[b-xuadnilp2o] { color: #201f1e; } .cmf-cost-review-tab.active[b-xuadnilp2o] { color: #0078d4; border-bottom-color: #0078d4; font-weight: 600; } .cmf-cost-review-body[b-xuadnilp2o] { flex: 1 1 auto; overflow: auto; padding: 16px 18px; min-height: 120px; background: #fafafa; } .cmf-cost-review-details[b-xuadnilp2o] { display: flex; flex-direction: column; gap: 10px; } .cmf-cost-review-group[b-xuadnilp2o] { border: 1px solid #e1dfdd; border-radius: 4px; overflow: hidden; background: #fff; } .cmf-cost-review-group-header[b-xuadnilp2o] { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 10px 14px; border: none; background: #f3f2f1; cursor: pointer; font: inherit; text-align: left; transition: background 0.15s ease; } .cmf-cost-review-group-header:hover[b-xuadnilp2o] { background: #ebeae8; } .cmf-cost-review-toggle[b-xuadnilp2o] { display: inline-flex; color: #605e5c; font-size: 14px; width: 18px; justify-content: center; flex-shrink: 0; } .cmf-cost-review-group-count[b-xuadnilp2o] { font-size: 13px; color: #605e5c; } .cmf-cost-review-group-amount[b-xuadnilp2o] { margin-left: auto; font-weight: 700; font-size: 16px; color: #201f1e; font-variant-numeric: tabular-nums; letter-spacing: 0.01em; } .cmf-cost-review-group-table[b-xuadnilp2o] { padding: 0; background: #fff; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; max-width: 100%; border-top: 1px solid #edebe9; } .cmf-cost-review-grid[b-xuadnilp2o] { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: auto; } .cmf-cost-review-grid th[b-xuadnilp2o] { background: #faf9f8; padding: 10px 14px; white-space: nowrap; border-bottom: 1px solid #edebe9; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: #605e5c; text-align: left; } .cmf-cost-review-grid td[b-xuadnilp2o] { padding: 12px 14px; border-bottom: 1px solid #f3f2f1; white-space: nowrap; vertical-align: middle; color: #201f1e; } .cmf-cost-review-grid tbody tr:last-child td[b-xuadnilp2o] { border-bottom: none; } /* Keep long location / transporter text readable without crushing Rate/Amount. */ .cmf-cost-review-grid td:not(.num)[b-xuadnilp2o] { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; } .cmf-cost-review-grid tbody tr:hover[b-xuadnilp2o] { background-color: #f8fbff; } .cmf-cost-review-grid td.num[b-xuadnilp2o], .cmf-cost-review-grid th.num[b-xuadnilp2o] { text-align: right; font-variant-numeric: tabular-nums; min-width: 4rem; padding-right: 16px; } .cmf-cost-review-badge[b-xuadnilp2o] { display: inline-flex; align-items: center; justify-content: center; padding: 3px 12px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; min-width: 5rem; } .group-railway[b-xuadnilp2o] { background: #e0e6ff; color: #2b3d9e; } .group-haulage[b-xuadnilp2o] { background: #e6f4ea; color: #0b5a0b; } .group-other[b-xuadnilp2o] { background: #f2e6ff; color: #5a1e8a; } .group-commission[b-xuadnilp2o]{ background: #e6f3ff; color: #0c5eaa; } .group-cross[b-xuadnilp2o] { background: #fff0e6; color: #8a3d0b; } .group-ocr[b-xuadnilp2o] { background: #e6fffb; color: #0a6e63; } .group-admin[b-xuadnilp2o] { background: #ffe6e6; color: #9e1b1b; } .group-margin[b-xuadnilp2o] { background: #fff8e6; color: #8a6d00; } .group-default[b-xuadnilp2o] { background: #f3f2f1; color: #605e5c; } .cmf-cost-review-empty[b-xuadnilp2o] { text-align: center; color: #888; padding: 28px; } .cmf-cost-review-summary-cards[b-xuadnilp2o] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-bottom: 18px; } .cmf-cost-review-summary-card[b-xuadnilp2o] { border: 1px solid #e1dfdd; border-radius: 4px; background: #fff; overflow: hidden; border-left: 4px solid #0078d4; } .cmf-cost-review-summary-card-header[b-xuadnilp2o] { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-bottom: 1px solid #f3f2f1; } .cmf-cost-review-summary-card-title[b-xuadnilp2o] { font-weight: 600; font-size: 13px; color: #201f1e; } .cmf-cost-review-summary-card-body[b-xuadnilp2o] { padding: 12px; } .cmf-cost-review-summary-card-amount[b-xuadnilp2o] { font-size: 20px; font-weight: 700; color: #201f1e; text-align: right; margin-bottom: 8px; } .cmf-cost-review-summary-card-pct[b-xuadnilp2o] { height: 6px; background: #f3f2f1; border-radius: 3px; overflow: hidden; margin-bottom: 6px; } .cmf-cost-review-summary-card-bar[b-xuadnilp2o] { height: 100%; background: #0078d4; border-radius: 3px; transition: width 0.3s ease; } .cmf-cost-review-summary-card-meta[b-xuadnilp2o] { font-size: 11px; color: #605e5c; text-align: right; } .cmf-cost-review-totals-panel[b-xuadnilp2o] { border: 1px solid #e1dfdd; border-radius: 4px; background: #fff; padding: 12px 16px; max-width: 400px; margin-left: auto; } .cmf-cost-review-total-row[b-xuadnilp2o] { display: flex; justify-content: space-between; padding: 6px 0; font-size: 13px; color: #323130; border-bottom: 1px solid #f3f2f1; } .cmf-cost-review-total-row:last-child[b-xuadnilp2o] { border-bottom: none; } .cmf-cost-review-total-row.net[b-xuadnilp2o] { font-weight: 700; font-size: 15px; color: #201f1e; padding-top: 10px; margin-top: 4px; border-top: 2px solid #e1dfdd; } .cmf-cost-review-show-more[b-xuadnilp2o] { display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 8px 14px 10px; border: none; border-top: 1px solid #f3f2f1; width: 100%; background: #fff; color: #0078d4; font-size: 12px; cursor: pointer; text-align: left; } .cmf-cost-review-show-more:hover[b-xuadnilp2o] { text-decoration: underline; } .cmf-cost-review-cmd-btn:disabled[b-xuadnilp2o] { opacity: 0.55; cursor: not-allowed; } .cmf-cost-review-num[b-xuadnilp2o], .cmf-cost-review-text[b-xuadnilp2o] { width: 100%; min-width: 4.5rem; border: 1px solid #d2d0ce; border-radius: 2px; padding: 2px 6px; font-size: 12px; font-family: inherit; color: #201f1e; background: #fff; } .cmf-cost-review-num[b-xuadnilp2o] { text-align: right; max-width: 7.5rem; } .cmf-cost-review-text[b-xuadnilp2o] { min-width: 8rem; } .cmf-cost-review-extra-grid[b-xuadnilp2o] { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin-bottom: 10px; } .cmf-cost-review-extra[b-xuadnilp2o] { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: #605e5c; } .cmf-cost-review-extra strong[b-xuadnilp2o] { color: #201f1e; font-weight: 600; } .cmf-cost-review-totals-panel[b-xuadnilp2o] { max-width: 28rem; } .cmf-cost-review-totals-compact[b-xuadnilp2o] { margin-top: 12px; } .cmf-cost-review-total-row .cmf-cost-review-num[b-xuadnilp2o] { width: 7.5rem; } .quotation-transport-btn.view-only[b-xuadnilp2o] { cursor: pointer; } .quotation-transport-btn.view-only:hover[b-xuadnilp2o] { background: #f0f9f0; border-color: #107c10; } .quotation-transport-empty[b-xuadnilp2o] { color: #a19f9d; font-size: 11px; padding: 2px 8px; } /* CFS Data Entry Agent — right flyout (Transport/party pattern; portaled via tmsDeaPortal) */ .cmf-dea-backdrop[b-xuadnilp2o] { position: fixed; top: var(--d365-header-height, 56px); left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 10050; } .cmf-dea-panel[b-xuadnilp2o] { position: fixed; top: var(--d365-header-height, 56px); right: 0; left: auto; bottom: 0; width: min(72rem, 92vw); max-width: 100vw; background: #fff; border: none; border-left: 1px solid #edebe9; border-radius: 0; box-shadow: -8px 0 24px rgba(0, 0, 0, 0.08); z-index: 10051; display: flex; flex-direction: column; overflow: hidden; } .cmf-dea-header[b-xuadnilp2o] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 8px; min-height: 2rem; border-bottom: 1px solid #edebe9; background: #faf9f8; flex-shrink: 0; } .cmf-dea-title-row[b-xuadnilp2o] { display: flex; align-items: baseline; gap: 0.5rem; min-width: 0; } .cmf-dea-title[b-xuadnilp2o] { font-size: 0.85rem; font-weight: 600; color: #323130; white-space: nowrap; } .cmf-dea-sub[b-xuadnilp2o] { font-size: 11px; color: #a19f9d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cmf-dea-actions[b-xuadnilp2o] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .cmf-dea-health[b-xuadnilp2o] { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 4px; border: 1px solid #c8c6c4; background: #fff; color: #323130; font-size: 12px; font-weight: 600; white-space: nowrap; line-height: 1; } .cmf-dea-health.ok[b-xuadnilp2o] { background: #dcfce7; color: #107c10; border-color: #86efac; } .cmf-dea-health.bad[b-xuadnilp2o] { background: #fee2e2; color: #d13438; border-color: #fca5a5; } .cmf-dea-actions .d365-btn[b-xuadnilp2o] { padding: 2px 8px; min-height: 1.65rem; font-size: 12px; } .cmf-dea-icon-btn[b-xuadnilp2o] { min-width: 1.75rem; } @media (max-width: 1100px) { .cmf-dea-btn-label[b-xuadnilp2o] { display: none; } } .cmf-dea-frame[b-xuadnilp2o] { flex: 1; width: 100%; border: 0; background: #fff; min-height: 0; } /* Void watermark — same as CMF */ .void-watermark[b-xuadnilp2o] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-30deg); z-index: 1000; pointer-events: none; opacity: 0.15; } .void-watermark span[b-xuadnilp2o] { font-size: 80px; font-weight: bold; color: #d32f2f; border: 8px solid #d32f2f; padding: 20px 60px; letter-spacing: 10px; } /* /Components/Pages/CFS/CfsRailwayTariff.razor.rz.scp.css */ .railway-tariff-lines-grid th[b-mw6qpvzt85], .railway-tariff-lines-grid td[b-mw6qpvzt85] { text-align: center; } /* Inline row editors must not clip dropdown panels. */ .railway-tariff-lines-grid td:has(.railway-tariff-edit-cell)[b-mw6qpvzt85] { overflow: visible; } .railway-tariff-edit-cell[b-mw6qpvzt85] { overflow: visible !important; position: relative; z-index: 2; } /* Beat global form-control width rules. */ .railway-tariff-master-field-code :deep(input.d365-form-control)[b-mw6qpvzt85], .railway-tariff-master-field-date :deep(input.d365-form-control)[b-mw6qpvzt85] { width: inherit !important; max-width: inherit !important; } .railway-tariff-master-field-activity :deep(.autocomplete-select)[b-mw6qpvzt85], .railway-tariff-master-field-location :deep(.autocomplete-select)[b-mw6qpvzt85] { display: block !important; width: inherit !important; max-width: inherit !important; } .railway-tariff-master-field-activity :deep(.autocomplete-input)[b-mw6qpvzt85], .railway-tariff-master-field-location :deep(.autocomplete-input)[b-mw6qpvzt85] { width: 100% !important; max-width: 100% !important; } /* Keep editing dropdown overlays above sibling rows and scroll chrome. */ .railway-tariff-lines-grid tr:has(.railway-tariff-edit-cell)[b-mw6qpvzt85] { position: relative; z-index: 5; } /* /Components/Pages/CFS/CfsTransportation.razor.rz.scp.css */ .transport-step-label[b-v5r2nbpavu]{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--d365-text-secondary,#605e5c);margin-bottom:.35rem}.transport-hint[b-v5r2nbpavu]{font-size:.8rem;color:var(--d365-text-secondary,#605e5c)}.transport-banner[b-v5r2nbpavu]{padding:.5rem .75rem;border:1px solid #f0c36d;background:#fff8e8;color:#5c4a1f;font-size:.85rem;border-radius:2px}.transport-form-simplified .cmf-command-toggle-label[b-v5r2nbpavu]{font-size:.8rem} /* /Components/Pages/CommonCoding.razor.rz.scp.css */ /* Common Coding scoped styles Entity toolbar styles moved to wwwroot/css/cmf-shared.css (global) so they survive Blazor scoped CSS re-bundling. */ .common-coding-kpi .tms-kpi-card.ops-kpi-card[b-9yeescpqp3] { width: 100%; text-align: left; appearance: none; font: inherit; color: inherit; background: #ffffff; } .common-coding-kpi .tms-kpi-grid[b-9yeescpqp3] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0.75rem; } .common-coding-list-panel .common-coding-list-search[b-9yeescpqp3] { min-width: 12rem; max-width: 16rem; } .common-coding-list-panel .common-coding-list-search .d365-search-input[b-9yeescpqp3] { min-width: 0; } .common-coding-list-panel .repair-estimate-list-header-meta[b-9yeescpqp3] { flex-wrap: wrap; gap: 0.5rem; } /* /Components/Pages/Login.razor.rz.scp.css */ /* Full viewport — no body scroll / white strip on login route */ :global(html:has(.login-page))[b-jv8046h6o2], :global(body:has(.login-page))[b-jv8046h6o2] { margin: 0; padding: 0; height: 100%; overflow: hidden; } /* ===== FULL-SCREEN LOGIN PAGE ===== */ .login-page[b-jv8046h6o2] { position: fixed; inset: 0; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 9999; } .login-bg[b-jv8046h6o2] { position: absolute; inset: 0; width: 100%; height: 100%; background: url('/images/background-login.jpg') center center / 100% 100% no-repeat; z-index: 0; } /* ===== GLASS CARD (img 2 — light frosted glass, tall centered panel) ===== */ .login-glass-card[b-jv8046h6o2] { position: relative; z-index: 1; display: flex; width: 960px; max-width: 95vw; min-height: 85vh; max-height: 96vh; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); overflow: hidden; box-sizing: border-box; } /* ===== LEFT PANEL (Branding) ===== */ .login-left[b-jv8046h6o2] { flex: 1.2; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.2rem 1.5rem; position: relative; border: none; background: transparent; gap: 0.4rem; } .login-left[b-jv8046h6o2]::after { content: ''; position: absolute; right: 0; top: 15%; height: 70%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(26, 42, 94, 0.2), transparent); } .brand-logo[b-jv8046h6o2] { max-width: 210px; height: auto; margin-bottom: 0.5rem; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); } .brand-illustration[b-jv8046h6o2] { max-width: 260px; width: 100%; height: auto; margin-bottom: 0.5rem; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1)); } .brand-title[b-jv8046h6o2] { font-size: 1.2rem; font-weight: 800; color: #1a2a5e; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; margin-bottom: 0.8rem; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); } .brand-modules[b-jv8046h6o2] { display: flex; gap: 0.6rem; flex-wrap: nowrap; justify-content: center; width: 100%; } .module-item[b-jv8046h6o2] { display: flex; flex-direction: column; align-items: center; width: 90px; min-width: 0; text-align: center; transition: transform 0.3s ease; } .module-item:hover[b-jv8046h6o2] { transform: translateY(-5px); } .module-item img[b-jv8046h6o2] { width: 62px; height: 62px; margin-bottom: 0.3rem; padding: 11px; background: #ffffff; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); object-fit: contain; } .module-item span[b-jv8046h6o2] { font-size: 0.65rem; color: #ffffff; font-weight: 700; line-height: 1.2; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } /* ===== RIGHT PANEL (Login Form) ===== */ .login-right[b-jv8046h6o2] { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 2rem; background: transparent; } .welcome-title[b-jv8046h6o2] { font-size: 1.8rem; font-weight: 700; color: #1a2a5e; margin-bottom: 0.5rem; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); } .welcome-subtitle[b-jv8046h6o2] { font-size: 0.95rem; color: #4a5a8a; font-weight: 500; margin-bottom: 2rem; } .login-form[b-jv8046h6o2] { width: 100%; max-width: 320px; } .input-group-login[b-jv8046h6o2] { position: relative; display: flex; align-items: center; background: #e8f0fe; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 30px; margin-bottom: 1.2rem; padding: 0 1.2rem; height: 50px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; overflow: hidden; } .input-group-login:focus-within[b-jv8046h6o2] { background: #e8f0fe; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); transform: translateY(-2px); border: 1px solid #1a2a5e; } .input-group-login i[b-jv8046h6o2] { color: #1a2a5e; font-size: 1.2rem; margin-right: 1rem; opacity: 0.8; } .input-group-login input[b-jv8046h6o2], .input-group-login select[b-jv8046h6o2] { flex: 1; border: none; outline: none; padding: 0; height: 100%; font-size: 1rem; background: transparent; color: #1a2a5e; font-weight: 500; } .input-group-login select[b-jv8046h6o2] { cursor: pointer; min-width: 0; } .input-group-login select option[b-jv8046h6o2] { color: #1a2a5e; background: #e8f0fe; } .input-group-login input:-webkit-autofill[b-jv8046h6o2], .input-group-login input:-webkit-autofill:hover[b-jv8046h6o2], .input-group-login input:-webkit-autofill:focus[b-jv8046h6o2], .input-group-login input:-webkit-autofill:active[b-jv8046h6o2] { -webkit-box-shadow: 0 0 0 30px #e8f0fe inset !important; -webkit-text-fill-color: #1a2a5e !important; caret-color: #1a2a5e; } .input-group-login input[b-jv8046h6o2]::placeholder { color: #7a8aa3; } .toggle-password[b-jv8046h6o2] { background: none; border: none; cursor: pointer; padding: 0; color: #7a8aa3; transition: color 0.2s; display: flex; align-items: center; } .toggle-password:hover[b-jv8046h6o2] { color: #1a2a5e; } .btn-login[b-jv8046h6o2] { width: 100%; height: 50px; background: linear-gradient(135deg, #1a2a5e 0%, #0d1b42 100%); color: #fff; border: none; border-radius: 30px; font-size: 1.1rem; font-weight: 700; letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease; margin-top: 1rem; box-shadow: 0 4px 15px rgba(26, 42, 94, 0.4); text-transform: uppercase; } .btn-login:hover:not(:disabled)[b-jv8046h6o2] { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(26, 42, 94, 0.6); background: linear-gradient(135deg, #23356e 0%, #1a2a5e 100%); } .btn-login:disabled[b-jv8046h6o2] { opacity: 0.7; cursor: not-allowed; background: #556080; } .login-error[b-jv8046h6o2] { background: rgba(255, 235, 235, 0.9); color: #c33; border: 1px solid rgba(255, 100, 100, 0.3); border-radius: 8px; padding: 0.6rem 0.8rem; font-size: 0.85rem; margin-bottom: 0.8rem; display: flex; align-items: center; gap: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); } .login-footer-text[b-jv8046h6o2] { margin-top: 2rem; font-size: 0.85rem; color: #ffffff; font-weight: 600; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); opacity: 0.9; letter-spacing: 0.5px; } @media (max-width: 768px) { .login-glass-card[b-jv8046h6o2] { flex-direction: column; min-height: auto; max-height: 95vh; width: 90%; overflow-y: auto; } .login-left[b-jv8046h6o2] { padding: 1.5rem 1rem; } .login-left[b-jv8046h6o2]::after { display: none; } .brand-illustration[b-jv8046h6o2] { max-width: 180px; } .brand-modules[b-jv8046h6o2] { display: none; } } /* /Components/Pages/StoreCategoryPicker.razor.rz.scp.css */ .store-cat-picker[b-pnqwn78gas] { position: relative; width: 100%; } .store-cat-picker-shell[b-pnqwn78gas] { position: relative; } .store-cat-picker-trigger[b-pnqwn78gas] { display: flex; align-items: center; gap: 0.35rem; width: 100%; min-height: 32px; padding: 4px 8px 4px 10px; border: 1px solid #8a8886; border-radius: 4px; background: linear-gradient(180deg, #fafbff 0%, #f0f4fa 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8); color: #323130; text-align: left; cursor: pointer; } .store-cat-picker-trigger:hover:not(:disabled)[b-pnqwn78gas] { border-color: #0078d4; background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%); } .store-cat-picker.is-open .store-cat-picker-trigger[b-pnqwn78gas] { border-color: #0078d4; box-shadow: 0 0 0 1px #0078d4; } .store-cat-picker.is-disabled .store-cat-picker-trigger[b-pnqwn78gas] { cursor: not-allowed; opacity: 0.65; background: #f3f2f1; } .store-cat-picker-icon[b-pnqwn78gas] { color: #0078d4; flex-shrink: 0; } .store-cat-picker-value[b-pnqwn78gas] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } .store-cat-picker-chevron[b-pnqwn78gas] { flex-shrink: 0; color: #605e5c; font-size: 12px; } .store-cat-picker-panel[b-pnqwn78gas] { position: absolute; z-index: 30; top: calc(100% + 2px); left: 0; right: 0; border: 1px solid #c8c6c4; border-radius: 4px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); } .store-cat-picker-search[b-pnqwn78gas] { display: flex; align-items: center; gap: 0.35rem; padding: 6px 8px; border-bottom: 1px solid #edebe9; background: #faf9f8; } .store-cat-picker-search .bi-search[b-pnqwn78gas] { color: #605e5c; font-size: 13px; } .store-cat-picker-search-input[b-pnqwn78gas] { flex: 1 1 auto; min-width: 0; border: 0; outline: none; background: transparent; font-size: 13px; padding: 2px 0; } .store-cat-picker-clear[b-pnqwn78gas] { border: 0; background: transparent; color: #605e5c; padding: 0 4px; line-height: 1; cursor: pointer; } .store-cat-picker-clear:hover[b-pnqwn78gas] { color: #0078d4; } .store-cat-picker-list[b-pnqwn78gas] { max-height: 220px; overflow-y: auto; } .store-cat-picker-item[b-pnqwn78gas] { display: block; width: 100%; border: 0; border-bottom: 1px solid #f3f2f1; background: #fff; text-align: left; padding: 7px 10px; font-size: 13px; cursor: pointer; } .store-cat-picker-item:hover[b-pnqwn78gas] { background: #f0f6ff; } .store-cat-picker-item.selected[b-pnqwn78gas] { background: #deecf9; font-weight: 600; } .store-cat-picker-empty[b-pnqwn78gas] { padding: 10px; font-size: 13px; color: #605e5c; } /* /Components/Pages/StoreCategorySubCategoryCoding.razor.rz.scp.css */ .cat-sub-page-card :deep(.d365-search)[b-01n2ej7l66] { position: relative; display: flex; align-items: center; min-width: 240px; width: 100%; max-width: 320px; } .cat-sub-page-card :deep(.d365-search-icon)[b-01n2ej7l66] { position: absolute; left: 10px; pointer-events: none; z-index: 1; } .cat-sub-page-card :deep(.d365-search-input)[b-01n2ej7l66] { width: 100%; min-width: 200px; height: 30px; padding: 4px 8px 4px 30px; } .cat-sub-page-card :deep(.d365-search-input:focus)[b-01n2ej7l66] { width: 100%; } .cat-sub-grid-scroll[b-01n2ej7l66] { max-height: 420px; overflow: auto; } .cat-sub-grid :deep(tbody tr.sub-row td.name-cell)[b-01n2ej7l66] { padding-left: 28px; color: var(--d365-text-secondary, #5c5c5c); } .cat-sub-grid :deep(tbody tr.selected)[b-01n2ej7l66] { background-color: var(--d365-primary-light, #e8eaf6); } .cat-sub-form-row[b-01n2ej7l66] { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 0.5rem; width: 100%; max-width: 100%; } .cat-sub-field[b-01n2ej7l66] { min-width: 0; } .cat-sub-field-id[b-01n2ej7l66] { flex: 0 0 5.5rem; } .cat-sub-field-id :deep(.d365-form-control)[b-01n2ej7l66] { text-align: center; padding-left: 4px; padding-right: 4px; } .cat-sub-field-short[b-01n2ej7l66] { flex: 0 0 6.5rem; } .cat-sub-field-short :deep(.d365-form-control)[b-01n2ej7l66] { text-align: center; padding-left: 4px; padding-right: 4px; } .cat-sub-field-name[b-01n2ej7l66] { flex: 0 0 22rem; min-width: 22rem; max-width: 30rem; } .cat-sub-field-name :deep(.d365-form-control)[b-01n2ej7l66] { width: 100%; min-width: 100%; text-overflow: ellipsis; } .cat-sub-field-select[b-01n2ej7l66] { flex: 0 0 24rem; min-width: 24rem; max-width: 32rem; margin-left: auto; } .cat-sub-field-select :deep(.store-cat-picker)[b-01n2ej7l66] { width: 100%; } .cat-sub-form-sub[b-01n2ej7l66] { display: flex; flex-direction: column; gap: 0.5rem; } .cat-sub-form-row-sub-id[b-01n2ej7l66] { width: fit-content; } .cat-sub-form-row-sub .cat-sub-field-main-cat[b-01n2ej7l66] { flex: 0 0 24rem; min-width: 24rem; max-width: 32rem; margin-left: 0; } .cat-sub-main-select[b-01n2ej7l66] { background: #fff; } /* /Components/Pages/StoreDetailItemCoding.razor.rz.scp.css */ .detail-item-auto-column [b-9eziwsn3yu]{ border-left: 1px solid #e0dbd3; min-width: 0; max-width: 100%; overflow: hidden; flex: 0 0 auto; } @media (min-width: 992px) [b-9eziwsn3yu]{ .detail-item-auto-column { max-width: 16.5rem; } [b-9eziwsn3yu]} @media (min-width: 1200px) [b-9eziwsn3yu]{ .detail-item-auto-column { max-width: 17.5rem; } [b-9eziwsn3yu]} .detail-item-auto-strip [b-9eziwsn3yu]{ position: relative; min-height: 0; } .detail-item-auto-strip.container-info-strip [b-9eziwsn3yu]{ min-height: 0; height: auto; } .detail-item-auto-strip.container-info-empty [b-9eziwsn3yu]{ min-height: 0; } .detail-item-field-name [b-9eziwsn3yu]{ width: 28rem; min-width: 28rem; max-width: 28rem; } .detail-item-field-name :deep(.d365-form-control) [b-9eziwsn3yu]{ width: 100%; } .detail-item-field-description [b-9eziwsn3yu]{ width: calc(28rem + 0.5rem + 8.5rem); max-width: calc(28rem + 0.5rem + 8.5rem); flex: 0 0 auto; } .detail-item-desc-unit-row [b-9eziwsn3yu]{ align-items: flex-end; } .detail-item-unit-group-col [b-9eziwsn3yu]{ flex: 0 0 auto; padding-bottom: 2px; } .detail-item-attr-col [b-9eziwsn3yu]{ flex: 0 0 auto; min-width: 0; padding-top: 0; } .detail-item-attributes-col [b-9eziwsn3yu]{ width: 8.5rem; min-width: 8.5rem; padding-top: 0; } .detail-item-name-attr-row [b-9eziwsn3yu]{ align-items: flex-end; } .detail-item-name-attr-row > .detail-item-field-name[b-9eziwsn3yu], .detail-item-name-attr-row > .detail-item-attr-col [b-9eziwsn3yu]{ padding-top: 0; } .detail-item-name-attr-row .d365-form-label [b-9eziwsn3yu]{ margin-bottom: 0.25rem; line-height: 1.2; min-height: 1.2em; } .detail-item-attr-unit-row [b-9eziwsn3yu]{ display: flex; align-items: center; gap: 0.5rem; min-width: 0; min-height: 32px; } .detail-item-attr-btn [b-9eziwsn3yu]{ flex: 0 0 auto; height: 32px; display: inline-flex; align-items: center; } .detail-item-field-unit [b-9eziwsn3yu]{ width: 8rem; min-width: 8rem; } .detail-item-field-unit :deep(.d365-form-control) [b-9eziwsn3yu]{ width: 100%; } .detail-item-field-factor-unit [b-9eziwsn3yu]{ width: 9rem; min-width: 9rem; } .detail-item-field-factor-unit :deep(.d365-form-control) [b-9eziwsn3yu]{ width: 100%; } .detail-item-field-factor-qty [b-9eziwsn3yu]{ width: 8rem; min-width: 8rem; } .detail-item-field-factor-qty :deep(.d365-form-control) [b-9eziwsn3yu]{ width: 100%; } .detail-item-description-box [b-9eziwsn3yu]{ border-left: 3px solid #107c10; background: linear-gradient(135deg, rgba(248, 249, 251, 0.55) 0%, rgba(243, 242, 241, 0.4) 100%); border-radius: 0 4px 4px 0; padding: 7px 12px; box-sizing: border-box; } .detail-item-description-box :deep(textarea.d365-form-control)[b-9eziwsn3yu], .detail-item-description-box :deep(.detail-item-description-input) [b-9eziwsn3yu]{ display: block; width: 100%; height: calc(1.2em * 3) !important; min-height: calc(1.2em * 3) !important; max-height: calc(1.2em * 3) !important; overflow-y: auto; resize: none; box-sizing: border-box; border: none !important; border-bottom: none !important; border-radius: 0; background: transparent !important; padding: 0 !important; color: #323130; font-size: 13px; line-height: 1.35; text-transform: none !important; box-shadow: none !important; } .detail-item-description-box :deep(textarea.d365-form-control:focus)[b-9eziwsn3yu], .detail-item-description-box :deep(.detail-item-description-input:focus) [b-9eziwsn3yu]{ outline: none; border: none !important; border-bottom: none !important; box-shadow: none !important; } .detail-item-description-box :deep(textarea.d365-form-control:disabled)[b-9eziwsn3yu], .detail-item-description-box :deep(.detail-item-description-input:disabled) [b-9eziwsn3yu]{ opacity: 1; color: #605e5c; background: transparent !important; cursor: not-allowed; } .detail-item-row-name-desc [b-9eziwsn3yu]{ margin-top: 0; } .detail-item-field-id [b-9eziwsn3yu]{ width: 5rem; max-width: 5rem; margin-right: 0.75rem; } .detail-item-field-id :deep(.d365-form-control)[b-9eziwsn3yu], .detail-item-field-id :deep(input) [b-9eziwsn3yu]{ text-align: center; padding-left: 4px; padding-right: 4px; } .detail-item-field-code [b-9eziwsn3yu]{ width: 9rem; max-width: 9rem; } .detail-item-field-parent [b-9eziwsn3yu]{ min-width: 0; width: 24rem; max-width: 24rem; } .detail-item-field-parent :deep(.autocomplete-select) [b-9eziwsn3yu]{ width: 100%; } .detail-item-field-inactive [b-9eziwsn3yu]{ width: 4.5rem; } .detail-item-inactive-switch [b-9eziwsn3yu]{ display: flex; align-items: center; min-height: 32px; padding-top: 2px; } .detail-item-inactive-switch .form-check-input [b-9eziwsn3yu]{ width: 2.5em; height: 1.25em; margin-top: 0; cursor: pointer; } .detail-item-inactive-switch .form-check-input:disabled [b-9eziwsn3yu]{ cursor: not-allowed; opacity: 0.55; } .detail-item-auto-grid [b-9eziwsn3yu]{ display: flex; flex-direction: column; gap: 8px; } .detail-item-main-code-header [b-9eziwsn3yu]{ flex-wrap: wrap; width: 100%; } .detail-item-auto-has-qr .detail-item-main-code-header [b-9eziwsn3yu]{ padding-right: 46px; } .detail-item-labeled-line [b-9eziwsn3yu]{ display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 0.35rem; max-width: 100%; } .detail-item-colon [b-9eziwsn3yu]{ color: #605e5c; font-weight: 600; font-size: 11px; } .detail-item-main-code-value [b-9eziwsn3yu]{ font-size: 13px; font-weight: 600; color: #1a1a2e; letter-spacing: 0.3px; } .detail-item-auto-meta [b-9eziwsn3yu]{ display: flex; flex-direction: column; gap: 6px; width: 100%; } .detail-item-auto-meta .container-info-value [b-9eziwsn3yu]{ display: block; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; } .detail-item-section [b-9eziwsn3yu]{ margin-bottom: 1rem; } .detail-item-section-title [b-9eziwsn3yu]{ font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #605e5c; margin-bottom: 0.5rem; } .detail-item-grid-card :deep(.d365-grid-scroll) [b-9eziwsn3yu]{ max-height: 420px; } @media (max-width: 991.98px) [b-9eziwsn3yu]{ .detail-item-auto-column { border-left: none; padding-left: 0 !important; padding-top: 0.5rem; border-top: 1px solid #e0dbd3; } [b-9eziwsn3yu]} .detail-item-picture-box [b-9eziwsn3yu]{ width: 100%; max-width: 100%; overflow: hidden; } .detail-item-picture-frame [b-9eziwsn3yu]{ width: 100%; max-width: 100%; height: 9.5rem; max-height: 9.5rem; border: 1px solid #d8d4cd; border-radius: 0.35rem; background: #f3f7fc; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .detail-item-picture-img [b-9eziwsn3yu]{ display: block; margin: 0 auto; max-width: 100%; max-height: 9.5rem; width: auto; height: auto; object-fit: contain; } .detail-item-picture-placeholder [b-9eziwsn3yu]{ position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.35rem; color: #8a847c; font-size: 0.8rem; padding: 1rem; text-align: center; pointer-events: none; } .detail-item-picture-placeholder i [b-9eziwsn3yu]{ font-size: 1.75rem; } .detail-item-picture-actions [b-9eziwsn3yu]{ display: flex; flex-wrap: wrap; gap: 0.5rem; } .detail-item-picture-hint [b-9eziwsn3yu]{ font-size: 0.75rem; color: #6c757d; line-height: 1.35; } .detail-item-page-shell [b-9eziwsn3yu]{ outline: none; } .detail-item-gallery-frame [b-9eziwsn3yu]{ position: relative; overflow: hidden; padding: 0; } .detail-item-gallery-stage [b-9eziwsn3yu]{ position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; } .detail-item-gallery-slide [b-9eziwsn3yu]{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; opacity: 0; transform: scale(1); transition: opacity 0.6s ease, transform 0.6s ease; pointer-events: none; } .detail-item-gallery-slide.active [b-9eziwsn3yu]{ opacity: 1; pointer-events: auto; } .detail-item-gallery-stage.anim-slide .detail-item-gallery-slide [b-9eziwsn3yu]{ transform: translateX(12px); } .detail-item-gallery-stage.anim-slide .detail-item-gallery-slide.active [b-9eziwsn3yu]{ transform: translateX(0); } .detail-item-gallery-stage.anim-zoom .detail-item-gallery-slide [b-9eziwsn3yu]{ transform: scale(0.92); } .detail-item-gallery-stage.anim-zoom .detail-item-gallery-slide.active [b-9eziwsn3yu]{ transform: scale(1); } .detail-item-gallery-nav [b-9eziwsn3yu]{ position: absolute; left: 0; right: 0; bottom: 6px; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 0; pointer-events: none; } .detail-item-gallery-nav .d365-btn [b-9eziwsn3yu]{ pointer-events: auto; } .detail-item-gallery-counter [b-9eziwsn3yu]{ font-size: 0.75rem; color: #605e5c; min-width: 2.5rem; text-align: center; } .detail-item-gallery-upload-btn [b-9eziwsn3yu]{ position: absolute; right: 8px; bottom: 8px; z-index: 5; width: auto; height: auto; min-width: 0; min-height: 0; padding: 4px; margin: 0; border: none !important; outline: none; border-radius: 0; background: transparent; color: #323130; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; line-height: 1; box-shadow: none; appearance: none; -webkit-appearance: none; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.95)); } .detail-item-gallery-upload-btn:hover[b-9eziwsn3yu], .detail-item-gallery-upload-btn:focus [b-9eziwsn3yu]{ border: none !important; outline: none; background: transparent; color: #2266e3; box-shadow: none; } .detail-item-gallery-upload-btn i [b-9eziwsn3yu]{ font-size: 1.15rem; pointer-events: none; } .detail-item-gallery-lock [b-9eziwsn3yu]{ position: absolute; right: 8px; bottom: 8px; z-index: 5; padding: 4px; border: none; background: transparent; color: #8a847c; display: inline-flex; align-items: center; justify-content: center; line-height: 1; pointer-events: none; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.95)); } .detail-item-gallery-lock i [b-9eziwsn3yu]{ font-size: 0.8rem; } .detail-item-gallery-locked .detail-item-picture-placeholder[b-9eziwsn3yu], .detail-item-gallery-locked .detail-item-gallery-stage[b-9eziwsn3yu], .detail-item-gallery-locked .detail-item-picture-img [b-9eziwsn3yu]{ opacity: 0.92; } .detail-item-qr-wrap [b-9eziwsn3yu]{ padding: 0.25rem; } .detail-item-qr-badge [b-9eziwsn3yu]{ position: absolute; left: 6px; bottom: 6px; z-index: 3; display: block; padding: 2px; border: 1px solid #d8d4cd; border-radius: 4px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); cursor: pointer; line-height: 0; } .detail-item-qr-badge:hover [b-9eziwsn3yu]{ border-color: #2266e3; box-shadow: 0 2px 6px rgba(34, 102, 227, 0.2); } .detail-item-qr-badge-img [b-9eziwsn3yu]{ display: block; width: 56px; height: 56px; object-fit: contain; } .detail-item-qr-popup-img [b-9eziwsn3yu]{ display: block; width: 140px; height: 140px; object-fit: contain; border: 1px solid #e0dbd3; border-radius: 4px; background: #fff; margin: 0 auto; } .detail-item-qr-popup-label [b-9eziwsn3yu]{ margin-top: 0.35rem; font-size: 0.72rem; color: #605e5c; word-break: break-all; } .detail-item-qr-popup-sub [b-9eziwsn3yu]{ margin-top: 0.15rem; font-size: 0.68rem; color: #8a847c; } .detail-item-qr-popup-content [b-9eziwsn3yu]{ width: fit-content; min-width: 12rem; margin: 0 auto; } .detail-item-voice-panel [b-9eziwsn3yu]{ position: fixed; right: 1rem; bottom: 1rem; z-index: 1080; width: min(22rem, calc(100vw - 2rem)); background: #0078d4; color: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); padding: 0.75rem 0.9rem; } .detail-item-voice-panel-header [b-9eziwsn3yu]{ display: flex; align-items: center; justify-content: space-between; font-weight: 600; margin-bottom: 0.35rem; } .detail-item-voice-hint [b-9eziwsn3yu]{ font-size: 0.78rem; opacity: 0.95; } .detail-item-voice-result [b-9eziwsn3yu]{ font-size: 0.82rem; margin-top: 0.35rem; background: rgba(255, 255, 255, 0.12); border-radius: 4px; padding: 0.35rem 0.5rem; } .detail-item-scan-preview [b-9eziwsn3yu]{ min-height: 260px; border: 1px solid #e0dbd3; border-radius: 4px; overflow: hidden; } .detail-gallery-thumb [b-9eziwsn3yu]{ width: 56px; height: 56px; object-fit: cover; border-radius: 4px; border: 1px solid #d8d4cd; } .detail-item-snapshot-summary [b-9eziwsn3yu]{ display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; font-size: 0.82rem; color: #323130; } .detail-item-snapshot-total strong[b-9eziwsn3yu], .detail-item-snapshot-po strong [b-9eziwsn3yu]{ color: #107c10; } .detail-item-stock-low td:nth-child(3) [b-9eziwsn3yu]{ color: #a4262c; } .detail-item-stock-high td:nth-child(3) [b-9eziwsn3yu]{ color: #8a6116; } .detail-item-integration-links [b-9eziwsn3yu]{ display: flex; flex-wrap: wrap; gap: 0.5rem; } .detail-item-advanced-table td:last-child [b-9eziwsn3yu]{ white-space: nowrap; } .detail-item-advanced-table .badge [b-9eziwsn3yu]{ font-size: 0.68rem; font-weight: 600; } .detail-item-unit-strip [b-9eziwsn3yu]{ border-left: 3px solid #d46b08 !important; background: linear-gradient(135deg, #fffef5 0%, #fff4d6 100%) !important; background-color: #fffef5 !important; border-radius: 0 4px 4px 0 !important; padding: 8px 12px !important; box-sizing: border-box !important; display: inline-block !important; white-space: nowrap !important; min-height: 32px !important; } .detail-item-unit-strip-row [b-9eziwsn3yu]{ display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 0.5rem 1.25rem !important; white-space: nowrap !important; } .detail-item-unit-chip [b-9eziwsn3yu]{ display: inline-flex !important; align-items: baseline !important; gap: 0.35rem !important; font-size: 0.82rem !important; white-space: nowrap !important; } .detail-item-unit-chip-label [b-9eziwsn3yu]{ color: #8a6116 !important; font-weight: 600 !important; } .detail-item-unit-chip-value [b-9eziwsn3yu]{ color: #1a1a2e !important; font-weight: 700 !important; } [b-9eziwsn3yu] /* /Components/Pages/StoreItemAttributeDialog.razor.rz.scp.css */ .detail-attr-unit-panel[b-amx72qxu1s] { border: 1px solid #d8d4cd; border-radius: 6px; background: #fafaf8; padding: 0.75rem; } .detail-attr-unit-panel-title[b-amx72qxu1s] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #107c10; margin-bottom: 0.55rem; } /* /Components/Pages/StoreRequisition.razor.rz.scp.css */ /* Store Requisition - CMF-aligned detail grid (scoped to this page only) */ /* Compact, borderless cells: inputs fill the row like the CMF container grid */ [b-7wyr3xt7rm] .cmf-container-detail-grid.cmf-container-detail-grid { border: 1px solid #edebe9; border-radius: 2px; background: #fff; } [b-7wyr3xt7rm] .cmf-container-detail-grid td .d365-form-control, [b-7wyr3xt7rm] .cmf-container-detail-grid td input.d365-form-control, [b-7wyr3xt7rm] .cmf-container-detail-grid td select.d365-form-control { width: 100%; height: 26px; padding: 0 6px; border: none; border-radius: 0; background: transparent; box-shadow: none; font-size: 12px; color: #323130; } [b-7wyr3xt7rm] .cmf-container-detail-grid td input.d365-form-control:hover:not(:disabled), [b-7wyr3xt7rm] .cmf-container-detail-grid td select.d365-form-control:hover:not(:disabled) { background: #f5f5f5; } [b-7wyr3xt7rm] .cmf-container-detail-grid td input.d365-form-control:focus, [b-7wyr3xt7rm] .cmf-container-detail-grid td select.d365-form-control:focus { background: #fff; box-shadow: inset 0 0 0 1px #0078d4; outline: none; } [b-7wyr3xt7rm] .cmf-container-detail-grid td input.d365-form-control:disabled, [b-7wyr3xt7rm] .cmf-container-detail-grid td select.d365-form-control:disabled { background: transparent; color: #605e5c; } [b-7wyr3xt7rm] .cmf-container-detail-grid td { vertical-align: middle; } /* Editable grid toolbar keeps the CMF compact height */ [b-7wyr3xt7rm] .cmf-container-detail-grid .d365-editable-grid-toolbar { border-bottom: 1px solid #edebe9; } /* Row-1 radios — Fluent style: empty ring, or brand circle with a white center. */ .d365-radio-group[b-7wyr3xt7rm] { display: inline-flex; align-items: center; gap: 12px; height: 32px; background: transparent; border: none; } .d365-radio[b-7wyr3xt7rm] { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; cursor: pointer; font-size: 12px; line-height: 1; color: #242424; background: transparent; border: none; user-select: none; } .d365-radio input[b-7wyr3xt7rm] { appearance: none; -webkit-appearance: none; width: 16px; height: 16px; margin: 0; flex: 0 0 auto; border: 1px solid #616161; border-radius: 50%; background: transparent; display: grid; place-content: center; box-sizing: border-box; } .d365-radio input[b-7wyr3xt7rm]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; transform: scale(0); } .d365-radio.is-on input[b-7wyr3xt7rm] { border-color: var(--d365-primary, #0078d4); background: var(--d365-primary, #0078d4); } .d365-radio.is-on input[b-7wyr3xt7rm]::before { transform: scale(1); } .d365-radio:hover:not(:has(input:disabled)) input[b-7wyr3xt7rm] { border-color: #242424; } .d365-radio.is-on:hover:not(:has(input:disabled)) input[b-7wyr3xt7rm] { border-color: var(--d365-primary, #0078d4); background: var(--d365-primary, #0078d4); } .d365-radio input:disabled[b-7wyr3xt7rm] { cursor: default; } .d365-radio.is-on input:disabled[b-7wyr3xt7rm] { border-color: #6cb8f6; background: #6cb8f6; } .d365-radio:has(input:disabled)[b-7wyr3xt7rm] { cursor: default; color: #242424; } .d365-radio input:focus-visible[b-7wyr3xt7rm] { outline: 2px solid rgba(0, 120, 212, 0.35); outline-offset: 2px; } /* Remarks sits beside the dates: same 32px height, capped so it does not run to the row end. */ .req-remarks-field[b-7wyr3xt7rm] { width: 1056px; max-width: 1056px; } [b-7wyr3xt7rm] .req-remarks-field textarea.d365-form-control { height: 32px; min-height: 32px; max-height: 32px; padding: 4px 10px; line-height: 22px; resize: none; overflow: hidden; } /* Choice strip: one left line for Requisition Type, Need Mode, and Need Date. */ .cmf-form[b-7wyr3xt7rm] { position: relative; } /* Out of the field row so a taller strip does not drop ID / Facility / dates. */ .req-choice-strip[b-7wyr3xt7rm] { position: absolute; top: 0; right: 0; z-index: 1; display: flex; flex-direction: column; gap: 8px; width: 320px; margin: 0; padding: 6px 12px 8px 12px; background: #f3f2f1; border-radius: 4px; border-left: 3px solid var(--d365-primary, #0078d4); } .req-choice-row[b-7wyr3xt7rm] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 28px; padding: 0; } .req-choice-row:has(.d365-radio-group)[b-7wyr3xt7rm] { flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 10px; } .req-choice-row:has(.d365-radio-group) .d365-form-label[b-7wyr3xt7rm] { width: 112px; min-width: 112px; flex: 0 0 112px; margin-bottom: 0; white-space: nowrap; } .req-choice-row .d365-radio-group[b-7wyr3xt7rm] { height: 24px; flex: 0 0 auto; gap: 14px; } .req-choice-row .d365-radio:first-of-type[b-7wyr3xt7rm] { width: 76px; min-width: 76px; } [b-7wyr3xt7rm] .req-choice-row input.req-need-date.d365-form-control { width: 180px; max-width: 180px; height: 28px; min-height: 28px; padding: 2px 6px; font-size: 12px; background: #eceae6; } /* /Components/Pages/StoreVendorCoding.razor.rz.scp.css */ .vendor-page-layout[b-7l0055q0uq] { align-items: start; } .vendor-form-card :deep(.d365-card-body)[b-7l0055q0uq] { padding-top: 12px; padding-bottom: 12px; } .vendor-form-grid[b-7l0055q0uq] { row-gap: 0.5rem !important; } .vendor-form-section[b-7l0055q0uq] { margin-top: 6px; padding-top: 4px; } .vendor-form-section-secondary[b-7l0055q0uq] { margin-top: 2px; } .vendor-toggle-wrap[b-7l0055q0uq] { min-height: 32px; } .vendor-toggle-field[b-7l0055q0uq] { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 6px; } .vendor-toggle-label[b-7l0055q0uq] { font-size: 12px; color: #8b7355; } .vendor-toggle-switch[b-7l0055q0uq] { position: relative; display: inline-flex; width: 34px; height: 18px; cursor: pointer; } .vendor-toggle-switch input[b-7l0055q0uq] { opacity: 0; width: 0; height: 0; position: absolute; } .vendor-toggle-slider[b-7l0055q0uq] { position: absolute; inset: 0; background: #d1d5db; border-radius: 999px; transition: all 0.15s ease; } .vendor-toggle-slider[b-7l0055q0uq]::before { content: ""; position: absolute; width: 14px; height: 14px; left: 2px; top: 2px; background: #ffffff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.15s ease; } .vendor-toggle-switch input:checked + .vendor-toggle-slider[b-7l0055q0uq] { background: #2266e3; } .vendor-toggle-switch input:checked + .vendor-toggle-slider[b-7l0055q0uq]::before { transform: translateX(16px); } .vendor-toggle-switch input:disabled + .vendor-toggle-slider[b-7l0055q0uq] { opacity: 0.55; cursor: not-allowed; } .vendor-list-card :deep(.d365-card-header)[b-7l0055q0uq] { min-height: 46px; padding: 10px 16px; } .vendor-list-card :deep(.d365-card-title)[b-7l0055q0uq] { font-size: 1rem; font-weight: 600; } .vendor-list-card :deep(.d365-search)[b-7l0055q0uq] { min-width: 240px; } .vendor-list-card :deep(.d365-search-input)[b-7l0055q0uq] { height: 30px; padding-top: 4px; padding-bottom: 4px; } .vendor-list-card :deep(.d365-grid thead th)[b-7l0055q0uq] { padding: 8px 12px; font-size: 0.76rem; letter-spacing: 0.3px; } .vendor-list-scroll[b-7l0055q0uq] { width: 100%; overflow: auto; } .vendor-list-grid[b-7l0055q0uq] { width: 100%; } .vendor-list-grid :deep(thead th)[b-7l0055q0uq] { position: sticky; top: 0; z-index: 2; background: #f8f9fb; box-shadow: inset 0 -1px 0 #e5e7eb; } .vendor-list-card :deep(.d365-grid tbody td)[b-7l0055q0uq] { padding: 8px 12px; font-size: 0.9rem; line-height: 1.25; } .vendor-list-card :deep(.d365-grid tbody tr)[b-7l0055q0uq] { height: 38px; } .vendor-list-card :deep(.d365-grid tbody tr.selected)[b-7l0055q0uq] { background: #eef4ff; } .vendor-list-card :deep(.d365-badge)[b-7l0055q0uq] { min-width: 58px; justify-content: center; } .vendor-category-picker[b-7l0055q0uq] { position: relative; } .vendor-category-box[b-7l0055q0uq] { width: 100%; min-height: 56px; border: 1px solid #d5d0c8; border-radius: 10px; background: #fff; padding: 10px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .vendor-category-box:hover[b-7l0055q0uq], .vendor-category-box:focus-within[b-7l0055q0uq] { border-color: #2266e3; box-shadow: 0 0 0 1px rgba(34, 102, 227, 0.12); } .vendor-category-box.disabled[b-7l0055q0uq] { background: #f8f9fa; border-color: #e8e4de; } .vendor-category-capsules[b-7l0055q0uq] { display: flex; flex-wrap: wrap; gap: 8px; } .vendor-category-capsule[b-7l0055q0uq] { display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 999px; border: none; background: #edf4ff; color: #174ea6; font-size: 0.84rem; line-height: 1; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } .vendor-category-capsule:hover:not(:disabled)[b-7l0055q0uq] { background: #dce9ff; } .vendor-category-capsule.selected[b-7l0055q0uq] { background: #dce9ff; color: #0f4ec9; box-shadow: inset 0 0 0 1px rgba(34, 102, 227, 0.18); } .vendor-category-capsule:disabled[b-7l0055q0uq] { cursor: default; opacity: 0.75; } .vendor-category-empty[b-7l0055q0uq] { color: #8a8886; } @media (min-width: 1200px) { .vendor-form-card :deep(textarea.d365-form-control)[b-7l0055q0uq] { min-height: 48px; } .vendor-form-card :deep(.d365-form-section-title)[b-7l0055q0uq] { margin-bottom: 8px; } } /* /Components/Pages/Terminal/ContainerMovementForm.razor.rz.scp.css */ /* ============================ CMF Page-Specific Styles (Shared cmf-form/label/field/grid styles are in cmf-shared.css) ============================ */ /* Customer field: label + Consignee/Shipper capsule above input */ .cmf-customer-field-head[b-2k1m8h45yk] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 2px; min-height: 1.35rem; } [b-2k1m8h45yk] .d365-btn-receipt:hover:not(:disabled) { background: #fff176 !important; border-color: #f57f17 !important; } /* RO linked field */ .ro-linked[b-2k1m8h45yk] { background-color: #e3f2fd !important; } /* Payment Mode Colors */ .payment-cash[b-2k1m8h45yk] { background-color: #e8f5e9 !important; } .payment-billing[b-2k1m8h45yk] { background-color: #e3f2fd !important; } .payment-nobilling[b-2k1m8h45yk] { background-color: #fff3e0 !important; } /* Status Bar */ .movement-status-bar[b-2k1m8h45yk] { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border: 1px solid #dee2e6; border-radius: 6px; padding: 8px 16px; margin-bottom: 8px; font-size: 0.875rem; } .status-left[b-2k1m8h45yk], .status-right[b-2k1m8h45yk] { display: flex; align-items: center; gap: 8px; } .status-item[b-2k1m8h45yk] { display: flex; align-items: center; gap: 4px; } .status-item i[b-2k1m8h45yk] { color: #6c757d; } .status-divider[b-2k1m8h45yk] { color: #dee2e6; } .status-badge[b-2k1m8h45yk] { padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; } .status-view[b-2k1m8h45yk] { background: #e3f2fd; color: #1976d2; } .status-new[b-2k1m8h45yk] { background: #e8f5e9; color: #388e3c; } .status-edit[b-2k1m8h45yk] { background: #fff3e0; color: #f57c00; } .status-void[b-2k1m8h45yk] { background: #ffebee; color: #d32f2f; } /* Loading */ .loading-container[b-2k1m8h45yk] { display: flex; justify-content: center; align-items: center; height: 300px; } .loading-content[b-2k1m8h45yk] { text-align: center; } /* Legacy compat */ .trans-no-input[b-2k1m8h45yk] { background-color: #fff3cd !important; font-weight: bold; font-size: 1.1em; } .readonly-field[b-2k1m8h45yk] { background-color: #e9ecef !important; } .highlight-field[b-2k1m8h45yk] { background-color: #fffde7 !important; } .required[b-2k1m8h45yk]::after { content: " *"; color: #d32f2f; } /* Shift Toggle */ .shift-toggle-pill[b-2k1m8h45yk] { display: flex; gap: 4px; align-items: center; background: #e8f4fc; padding: 3px; border-radius: 16px; } .shift-pill[b-2k1m8h45yk] { width: 24px; height: 24px; border: none; background: transparent; border-radius: 50%; cursor: pointer; font-size: 0.75rem; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; color: #90caf9; } .shift-pill:hover:not(:disabled):not(.active)[b-2k1m8h45yk] { background: rgba(33, 150, 243, 0.1); color: #2196f3; } .shift-pill.active.day[b-2k1m8h45yk] { background: #2196f3; color: white; box-shadow: 0 1px 4px rgba(33, 150, 243, 0.4); } .shift-pill.active.night[b-2k1m8h45yk] { background: #1565c0; color: white; box-shadow: 0 1px 4px rgba(21, 101, 192, 0.4); } .shift-pill:disabled[b-2k1m8h45yk] { opacity: 0.5; cursor: not-allowed; } .shift-pill i[b-2k1m8h45yk] { font-size: 0.7rem; } /* Container Grid - Repair Estimate FO style */ [b-2k1m8h45yk] .cmf-container-detail-grid .container-no-input, [b-2k1m8h45yk] .cmf-container-detail-grid .container-no { font-family: Consolas, 'Courier New', monospace; font-size: 12px; font-weight: 600; } [b-2k1m8h45yk] .cmf-container-detail-grid .from-ro { background-color: #e3f2fd !important; } [b-2k1m8h45yk] .cmf-container-detail-grid .charges-cell { font-weight: 600; color: #2e7d32; } [b-2k1m8h45yk] .cmf-container-detail-grid .condition-sound { color: #107c10; font-weight: 500; } [b-2k1m8h45yk] .cmf-container-detail-grid .condition-dirty, [b-2k1m8h45yk] .cmf-container-detail-grid .condition-oily, [b-2k1m8h45yk] .cmf-container-detail-grid .condition-dirty-oily { color: #ca5010; font-weight: 500; } [b-2k1m8h45yk] .cmf-container-detail-grid .condition-damage, [b-2k1m8h45yk] .cmf-container-detail-grid .condition-damage-dirty { color: #d13438; font-weight: 500; } [b-2k1m8h45yk] .cmf-container-detail-grid tr.has-error { background-color: #fff5f5 !important; } [b-2k1m8h45yk] .cmf-container-detail-grid tr.has-error td { background-color: #fff5f5 !important; } [b-2k1m8h45yk] .cmf-container-detail-grid tr.has-error:hover, [b-2k1m8h45yk] .cmf-container-detail-grid tr.has-error:hover td { background-color: #ffecec !important; } [b-2k1m8h45yk] .cmf-container-detail-grid .cell-error, [b-2k1m8h45yk] .cmf-container-detail-grid .cell-warning { display: flex; align-items: center; } [b-2k1m8h45yk] .cmf-container-detail-grid .input-error { border: 1px solid #d32f2f !important; } [b-2k1m8h45yk] .cmf-container-detail-grid .input-warning { border: 1px solid #f9a825 !important; } [b-2k1m8h45yk] .cmf-container-detail-grid .error-icon { margin-left: 4px; flex-shrink: 0; cursor: help; color: #d32f2f; font-size: 14px; } [b-2k1m8h45yk] .cmf-container-detail-grid .warning-icon { margin-left: 4px; flex-shrink: 0; cursor: help; color: #f9a825; font-size: 14px; } [b-2k1m8h45yk] .cmf-container-detail-grid .btn-ghost { border: none; background: transparent; color: #605e5c; padding: 2px 4px; line-height: 1; } [b-2k1m8h45yk] .cmf-container-detail-grid .btn-ghost:hover:not(:disabled) { color: #0078d4; background: #f3f2f1; border-radius: 4px; } /* Compact column widths + centered data cells */ [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-container-grid-table { table-layout: fixed; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-select { width: 32px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-trail { width: 32px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-cno { width: 98px; } /* 11-char container no */ [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-size { width: 50px; } /* e.g. 20DRY, 40HC */ [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-aging { width: 42px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-seal { width: 68px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-status { width: 58px; } /* Empty / Loaded */ [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-condition { width: 82px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-kind { width: 58px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-area { width: 42px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-gross { width: 80px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-checked { width: 64px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-charges { width: 80px; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-eir { width: auto; } [b-2k1m8h45yk] .cmf-container-detail-grid td:last-child .cmf-eir-remarks-cell { width: 100%; gap: 2px; } [b-2k1m8h45yk] .cmf-container-detail-grid td:last-child .cmf-eir-remarks-cell input, [b-2k1m8h45yk] .cmf-container-detail-grid td:last-child .cmf-eir-remarks-cell span { flex: 1 1 auto; min-width: 0; max-width: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px !important; } [b-2k1m8h45yk] .cmf-container-detail-grid td:last-child .cmf-eir-remarks-cell .cmf-eir-remarks-btn { flex-shrink: 0; margin-left: auto; line-height: 1; } [b-2k1m8h45yk] .cmf-container-detail-grid td:last-child .cmf-eir-remarks-cell .cmf-eir-remarks-btn .bi-three-dots { font-size: 14px; color: #605e5c; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-grid-col-center .d365-grid-cell { justify-content: center; text-align: center; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-grid-col-center .d365-grid-cell input, [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-grid-col-center .d365-grid-cell select, [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-grid-col-center .d365-grid-cell span { text-align: center; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-grid-col-center .d365-grid-cell select { padding-left: 4px; padding-right: 16px; background-position: right 2px center; } [b-2k1m8h45yk] .cmf-container-detail-grid td.cmf-grid-col-center { text-align: center; vertical-align: middle; } [b-2k1m8h45yk] .cmf-container-detail-grid td.cmf-grid-col-center > .btn-ghost { display: inline-flex; align-items: center; justify-content: center; } [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-cno .container-no-input, [b-2k1m8h45yk] .cmf-container-detail-grid .cmf-col-cno .container-no { width: 100%; max-width: 11ch; } /* Edit mode: taller rows + wider cols so dropdown text (Empty/Loaded/Sound) is fully visible */ [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table { table-layout: auto; min-width: 100%; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-cno { width: 118px; min-width: 118px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-size { width: 72px; min-width: 72px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-aging { width: 52px; min-width: 48px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-seal { width: 78px; min-width: 70px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-status { width: 86px; min-width: 82px; } /* Empty / Loaded */ [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-condition { width: 100px; min-width: 92px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-kind { width: 78px; min-width: 72px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-area { width: 64px; min-width: 56px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-gross { width: 96px; min-width: 88px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-checked { width: 78px; min-width: 70px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-charges { width: 88px; min-width: 80px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-fo-editable thead th { height: 32px; padding: 6px 8px; white-space: nowrap; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-fo-editable td { height: 32px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell { min-height: 30px; height: 100%; padding: 2px 4px; overflow: visible; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell input:not([type="radio"]):not([type="checkbox"]), [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell select { height: 26px; font-size: 12px; line-height: 1.2; min-width: 0; width: 100%; } /* Keep row-select radios at original compact size (do not stretch like text inputs). */ [b-2k1m8h45yk] .cmf-container-detail-grid .d365-grid-cell input[type="radio"], [b-2k1m8h45yk] .cmf-container-detail-grid .d365-grid-cell input[type="checkbox"], [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell input[type="radio"], [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell input[type="checkbox"] { width: 14px; height: 14px; min-width: 14px; max-width: 14px; margin: 0; padding: 0; flex: 0 0 14px; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-grid-col-center .d365-grid-cell select { padding-left: 2px; padding-right: 18px; background-position: right 3px center; text-overflow: clip; } [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-cno .container-no-input, [b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-col-cno .container-no { max-width: none; } html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-text-field.cmf-fluent-grid-cell-field, html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-select.cmf-fluent-grid-cell-field, html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-number-field.cmf-fluent-grid-cell-field { width: 100%; min-width: 0; height: 28px; margin: 0; --design-unit: 4; } html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-text-field.cmf-fluent-grid-cell-field::part(root), html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-select.cmf-fluent-grid-cell-field::part(root), html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-number-field.cmf-fluent-grid-cell-field::part(root) { min-height: 28px; height: 28px; } html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-text-field.cmf-fluent-grid-cell-field::part(control), html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-select.cmf-fluent-grid-cell-field::part(control), html[data-form-theme="fluent-ui"][b-2k1m8h45yk] .cmf-container-detail-grid.cmf-container-grid-editing .cmf-container-grid-table fluent-number-field.cmf-fluent-grid-cell-field::part(control) { min-height: 26px; font-size: 12px; } /* Container Grid */ .container-count[b-2k1m8h45yk] { margin-left: auto; color: #6c757d; font-weight: 500; } .container-no-input[b-2k1m8h45yk] { text-transform: uppercase; font-family: 'Consolas', monospace; font-weight: bold; } .container-no[b-2k1m8h45yk] { font-family: 'Consolas', monospace; font-weight: bold; } .from-ro[b-2k1m8h45yk] { background-color: #e3f2fd !important; } .charges-cell[b-2k1m8h45yk] { font-weight: 600; color: #2e7d32; } .empty-grid-message[b-2k1m8h45yk] { padding: 15px; text-align: center; color: #9e9e9e; } .empty-grid-message i[b-2k1m8h45yk] { font-size: 1.5rem; margin-bottom: 4px; display: block; } .empty-grid-message p[b-2k1m8h45yk] { margin: 0; font-weight: 500; font-size: 12px; } .empty-grid-message small[b-2k1m8h45yk] { color: #bdbdbd; font-size: 11px; } .status-empty[b-2k1m8h45yk] { color: #ff9800; } .status-loaded[b-2k1m8h45yk] { color: #4caf50; font-weight: 600; } /* Movements Grid */ .movements-grid tbody tr[b-2k1m8h45yk] { cursor: pointer; transition: background 0.15s; } .movements-grid tbody tr:hover[b-2k1m8h45yk] { background-color: #e3f2fd !important; } .movements-grid tbody tr.selected[b-2k1m8h45yk] { background-color: #bbdefb !important; } .movements-grid tbody tr.voided[b-2k1m8h45yk] { opacity: 0.5; text-decoration: line-through; } .activity-badge[b-2k1m8h45yk] { padding: 2px 6px; border-radius: 3px; font-size: 0.75rem; font-weight: 500; } .activity-in[b-2k1m8h45yk] { background: #e8f5e9; color: #2e7d32; } .activity-out[b-2k1m8h45yk] { background: #fff3e0; color: #ef6c00; } .clear-search[b-2k1m8h45yk] { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: none; background: none; color: #9e9e9e; cursor: pointer; } [b-2k1m8h45yk] .cmf-movements-list-panel.is-list-landing .repair-estimate-list-header { justify-content: space-between; align-items: center; padding-top: 0; gap: 12px; } [b-2k1m8h45yk] .cmf-movements-list-panel.is-list-landing .repair-estimate-list-header-meta { justify-content: flex-end; width: auto; } .cmf-list-row-btn:disabled[b-2k1m8h45yk] { opacity: 0.35; cursor: default; } /* Movements list header (Repair Estimate list style) */ [b-2k1m8h45yk] .cmf-movements-list-panel .cmf-movements-list-search { position: relative; display: inline-flex; align-items: center; gap: 6px; min-width: 220px; max-width: 280px; padding: 4px 8px; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff; flex-shrink: 1; } [b-2k1m8h45yk] .cmf-movements-list-panel .cmf-movements-list-search .bi-search { color: #6c757d; font-size: 13px; flex-shrink: 0; } [b-2k1m8h45yk] .cmf-movements-list-panel .cmf-movements-list-search input { border: none; outline: none; background: transparent; width: 100%; min-width: 0; font-size: 12px; color: #212529; padding: 0; } [b-2k1m8h45yk] .cmf-movements-list-panel .cmf-movements-list-search input::placeholder { color: #9ca3af; } [b-2k1m8h45yk] .cmf-movements-list-panel .cmf-movements-list-search-clear { border: none; background: transparent; color: #9ca3af; padding: 0; line-height: 1; cursor: pointer; flex-shrink: 0; } [b-2k1m8h45yk] .cmf-movements-list-panel .cmf-movements-list-search-clear:hover { color: #495057; } [b-2k1m8h45yk] .cmf-movements-list-panel .cmf-movements-list-scroll { border-top: 1px solid #edebe9; } .movements-grid-compact thead th[b-2k1m8h45yk] { white-space: nowrap; font-size: 0.8rem; text-transform: uppercase; color: #6c757d; } .movements-grid-compact td.col-serial[b-2k1m8h45yk], .movements-grid-compact th.col-serial[b-2k1m8h45yk] { width: 1%; white-space: nowrap; padding: 4px 8px !important; } .movements-grid-compact .col-1[b-2k1m8h45yk] { width: 14%; min-width: 140px; } .movements-grid-compact .col-2[b-2k1m8h45yk] { width: 16%; } .movements-grid-compact .col-3[b-2k1m8h45yk] { width: 20%; } .movements-grid-compact .col-4[b-2k1m8h45yk] { width: 22%; } .movements-grid-compact .col-5[b-2k1m8h45yk] { width: 16%; } .movements-grid-compact .serial-badge[b-2k1m8h45yk] { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #e9ecef; color: #495057; font-size: 0.7rem; font-weight: 600; } .movements-grid-compact .cell-stack[b-2k1m8h45yk] { display: flex; flex-direction: column; gap: 2px; } .movements-grid-compact .label[b-2k1m8h45yk] { color: #6c757d; font-size: 0.75rem; font-weight: 500; min-width: 36px; } .movements-grid-compact .value[b-2k1m8h45yk] { color: #343a40; font-size: 0.85rem; } .movements-grid-compact .cntr-badge[b-2k1m8h45yk] { display: inline-block; padding: 2px 6px; background: #e3f2fd; color: #1565c0; font-family: Consolas, 'Courier New', monospace; font-weight: 700; font-size: 0.8rem; border-radius: 3px; } .movements-grid-compact .cntr-size[b-2k1m8h45yk] { font-family: Consolas, 'Courier New', monospace; font-weight: 700; font-size: 0.8rem; color: #495057; margin-left: 4px; } .movements-grid-compact .cntr-line[b-2k1m8h45yk] { white-space: nowrap; line-height: 1.4; } .movements-grid-compact .remarks[b-2k1m8h45yk] { font-size: 0.75rem; color: #495057; white-space: normal; word-wrap: break-word; max-width: 200px; } .print-type-group[b-2k1m8h45yk], .eir-type-group[b-2k1m8h45yk] { display: flex; align-items: center; gap: 8px; } /* Void Watermark */ .void-watermark[b-2k1m8h45yk] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-30deg); z-index: 1000; pointer-events: none; opacity: 0.15; } .void-watermark span[b-2k1m8h45yk] { font-size: 80px; font-weight: bold; color: #d32f2f; border: 8px solid #d32f2f; padding: 20px 60px; letter-spacing: 10px; } [b-2k1m8h45yk] .d365-card-header { min-height: 48px !important; padding: 10px 16px !important; } /* Audit Trail */ /* ============================================================ Fluent UI Components theme (POC) — keep real web components on the same grid as classic CMF fields. Only fires when html[data-form-theme="fluent-ui"] is set. ============================================================ */ html[data-form-theme="fluent-ui"] .cmf-form fluent-text-field[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-form fluent-select[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-form fluent-radio-group[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-form fluent-button[b-2k1m8h45yk] { display: block; min-width: 0; margin-bottom: 8px; font-family: var(--d365-font-family, "Segoe UI", sans-serif); --neutral-fill-input-rest: #ffffff; --neutral-fill-input-hover: #faf9f8; --accent-rest: #0078d4; --accent-hover: #106ebe; --accent-active: #005a9e; } html[data-form-theme="fluent-ui"] .cmf-form fluent-radio-group[b-2k1m8h45yk] { margin-bottom: 4px; } html[data-form-theme="fluent-ui"] .cmf-form fluent-radio-group[b-2k1m8h45yk]::part(label) { color: var(--cmf-label-color, #605e5c); font-size: 13px; font-weight: 400; } html[data-form-theme="fluent-ui"] .cmf-form fluent-text-field[b-2k1m8h45yk]::part(label), html[data-form-theme="fluent-ui"] .cmf-form fluent-select[b-2k1m8h45yk]::part(label) { color: var(--cmf-label-color, #605e5c); font-size: 13px; font-weight: 400; } html[data-form-theme="fluent-ui"] .cmf-form fluent-button[appearance="accent"][b-2k1m8h45yk]::part(control) { background: var(--d365-primary, #0078d4); border-color: var(--d365-primary, #0078d4); color: #fff; border-radius: var(--cmf-field-radius, 2px); font-weight: 600; padding: 6px 16px; height: 32px; } html[data-form-theme="fluent-ui"] .cmf-form fluent-button[appearance="accent"]:hover[b-2k1m8h45yk]::part(control) { background: var(--d365-primary-hover, #106ebe); border-color: var(--d365-primary-dark, #005a9e); } /* DO/CRO field + Doc Ref icon button side-by-side */ html[data-form-theme="fluent-ui"] .cmf-fluent-docro-field-row[b-2k1m8h45yk] { display: flex; align-items: flex-end; gap: 6px; } html[data-form-theme="fluent-ui"] .cmf-fluent-docro-field-row fluent-text-field[b-2k1m8h45yk] { flex: 1; margin-bottom: 0; } html[data-form-theme="fluent-ui"] .cmf-fluent-docref-btn[b-2k1m8h45yk] { flex-shrink: 0; margin-bottom: 8px; min-width: 32px; height: 32px; padding: 0 8px; } html[data-form-theme="fluent-ui"] .cmf-fluent-docref-btn.has-value[b-2k1m8h45yk] { color: #0078d4; border-color: #0078d4; } /* Pay-by row with Fluent radio group */ html[data-form-theme="fluent-ui"] .cmf-fluent-payby-row[b-2k1m8h45yk] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-height: 32px; } html[data-form-theme="fluent-ui"] .cmf-fluent-payby-row fluent-radio-group[b-2k1m8h45yk] { width: auto; margin-bottom: 0; } /* Shift day/night Fluent radios */ html[data-form-theme="fluent-ui"] .cmf-fluent-shift-group[b-2k1m8h45yk] { width: auto; margin-bottom: 0; } html[data-form-theme="fluent-ui"] .cmf-fluent-datetime-row[b-2k1m8h45yk] { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; } html[data-form-theme="fluent-ui"] .cmf-fluent-datetime-row fluent-date-picker[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-fluent-datetime-row fluent-time-picker[b-2k1m8h45yk] { flex: 1 1 140px; min-width: 130px; margin-bottom: 0; } html[data-form-theme="fluent-ui"] .cmf-form fluent-date-picker[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-form fluent-time-picker[b-2k1m8h45yk] { display: block; min-width: 0; margin-bottom: 8px; font-family: var(--d365-font-family, "Segoe UI", sans-serif); --neutral-fill-input-rest: #ffffff; --accent-rest: #0078d4; } html[data-form-theme="fluent-ui"] .cmf-form fluent-date-picker[b-2k1m8h45yk]::part(label), html[data-form-theme="fluent-ui"] .cmf-form fluent-time-picker[b-2k1m8h45yk]::part(label) { color: var(--cmf-label-color, #605e5c); font-size: 13px; font-weight: 400; } html[data-form-theme="fluent-ui"] .cmf-fluent-ro-ref-row[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-fluent-docro-field-row[b-2k1m8h45yk] { display: flex; align-items: flex-end; gap: 6px; } html[data-form-theme="fluent-ui"] .cmf-ro-ref-field-wrap[b-2k1m8h45yk] { width: 80px; } html[data-form-theme="fluent-ui"] .cmf-ro-ref-field-wrap .cmf-ro-ref-field-icon[b-2k1m8h45yk] { bottom: 10px; left: 4px; color: var(--cmf-label-color, #605e5c); } html[data-form-theme="fluent-ui"] .cmf-fluent-docref-btn[b-2k1m8h45yk] { flex-shrink: 0; margin-bottom: 8px; min-width: 32px; height: 32px; } html[data-form-theme="fluent-ui"] .cmf-fluent-grid-toolbar-btn[b-2k1m8h45yk] { margin-right: 4px; } html[data-form-theme="fluent-ui"] .cmf-container-grid-table fluent-text-field.cmf-fluent-grid-cell-field[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-container-grid-table fluent-select.cmf-fluent-grid-cell-field[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-container-grid-table fluent-number-field.cmf-fluent-grid-cell-field[b-2k1m8h45yk] { width: 100%; min-width: 0; margin: 0; --design-unit: 4; } html[data-form-theme="fluent-ui"] .cmf-container-grid-table fluent-text-field.cmf-fluent-grid-cell-field[b-2k1m8h45yk]::part(label), html[data-form-theme="fluent-ui"] .cmf-container-grid-table fluent-select.cmf-fluent-grid-cell-field[b-2k1m8h45yk]::part(label), html[data-form-theme="fluent-ui"] .cmf-container-grid-table fluent-number-field.cmf-fluent-grid-cell-field[b-2k1m8h45yk]::part(label) { display: none; } html[data-form-theme="fluent-ui"] .cmf-party-flyout fluent-text-field.cmf-party-flyout-control[b-2k1m8h45yk], html[data-form-theme="fluent-ui"] .cmf-party-flyout fluent-autocomplete.cmf-party-flyout-control[b-2k1m8h45yk] { width: 100%; margin-bottom: 0; } html[data-form-theme="fluent-ui"] .cmf-form fluent-autocomplete[b-2k1m8h45yk] { min-width: 0; } html[data-form-theme="fluent-ui"] .cmf-fluent-movements-search[b-2k1m8h45yk] { flex: 1; min-width: 0; margin: 0; } html[data-form-theme="fluent-ui"] .cmf-fluent-movements-search[b-2k1m8h45yk]::part(label) { display: none; } html[data-form-theme="fluent-ui"] .cmf-fluent-print-type-group[b-2k1m8h45yk] { width: auto; margin-bottom: 0; } .eir-reprint-backdrop[b-2k1m8h45yk] { position: fixed; inset: 0; z-index: 1060; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); } .eir-reprint-card[b-2k1m8h45yk] { width: min(420px, calc(100vw - 32px)); min-width: 0; } .eir-reprint-actions[b-2k1m8h45yk] { display: flex; justify-content: flex-end; gap: 6px; padding: 0 12px 10px; background: rgba(255, 255, 255, 0.95); } .eir-reprint-btn[b-2k1m8h45yk] { border: none; border-radius: 8px; background: #f1f3f5; color: #38414d; font-family: 'SF Pro Text', 'Segoe UI', 'Inter', system-ui, -apple-system, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.2; padding: 6px 10px; cursor: pointer; } .eir-reprint-btn-primary[b-2k1m8h45yk] { background: #e8a636; color: #fff; } /* /Components/Pages/Terminal/ContainerOffHireOnHire.razor.rz.scp.css */ /* Off Hire / On Hire detail grid - left-aligned headers, no pipe before SNo */ .offhire-onhire-detail-grid .d365-grid-fo-editable thead th[b-xq6k4120pl] { text-align: left; } .offhire-onhire-detail-grid .d365-grid-fo-editable thead th:nth-child(2)[b-xq6k4120pl]::before { display: none; } /* /Components/Pages/Terminal/ReleaseOrder.razor.rz.scp.css */ /* Container detail grid row height — match CMF (28px view / 32px edit) */ [b-bamp4yughs] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-fo-editable thead th { height: 32px; padding: 6px 8px; white-space: nowrap; } [b-bamp4yughs] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-fo-editable td { height: 32px; } [b-bamp4yughs] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell { min-height: 30px; height: 100%; padding: 2px 4px; overflow: visible; } [b-bamp4yughs] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell input:not([type="radio"]):not([type="checkbox"]), [b-bamp4yughs] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell select { height: 26px; font-size: 12px; line-height: 1.2; min-width: 0; width: 100%; } [b-bamp4yughs] .cmf-container-detail-grid .d365-grid-cell input[type="radio"], [b-bamp4yughs] .cmf-container-detail-grid .d365-grid-cell input[type="checkbox"], [b-bamp4yughs] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell input[type="radio"], [b-bamp4yughs] .cmf-container-detail-grid.cmf-container-grid-editing .d365-grid-cell input[type="checkbox"] { width: 14px; height: 14px; min-width: 14px; max-width: 14px; margin: 0; padding: 0; flex: 0 0 14px; } [b-bamp4yughs] .cmf-container-detail-grid .d365-grid-cell .badge { font-size: 10px; padding: 2px 6px; line-height: 1.2; } [b-bamp4yughs] .cmf-container-detail-grid .btn-ghost, [b-bamp4yughs] .cmf-container-detail-grid td > .btn-ghost { padding: 0 4px; line-height: 1; height: 22px; min-height: 22px; display: inline-flex; align-items: center; justify-content: center; } [b-bamp4yughs] .cmf-container-detail-grid .d365-grid-cell, [b-bamp4yughs] .cmf-container-detail-grid .d365-grid-fo-editable td { box-sizing: border-box; } .print-type-group[b-bamp4yughs] { display: flex; align-items: center; gap: 8px; } .ro-list-landing-row[b-bamp4yughs] { margin-top: 0; } [b-bamp4yughs] .ro-orders-list-panel.is-list-landing .repair-estimate-list-header { justify-content: space-between; align-items: center; padding-top: 0; gap: 12px; } [b-bamp4yughs] .ro-orders-list-panel.is-list-landing .repair-estimate-list-header-meta { justify-content: flex-end; width: auto; } /* RO list header search — match CMF movements list */ [b-bamp4yughs] .ro-orders-list-panel .cmf-movements-list-search { position: relative; display: inline-flex; align-items: center; gap: 6px; min-width: 220px; max-width: 280px; padding: 4px 8px; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff; flex-shrink: 1; } [b-bamp4yughs] .ro-orders-list-panel .cmf-movements-list-search .bi-search { color: #6c757d; font-size: 13px; flex-shrink: 0; } [b-bamp4yughs] .ro-orders-list-panel .cmf-movements-list-search input { border: none; outline: none; background: transparent; width: 100%; min-width: 0; font-size: 12px; color: #212529; padding: 0; } [b-bamp4yughs] .ro-orders-list-panel .cmf-movements-list-search input::placeholder { color: #9ca3af; } [b-bamp4yughs] .ro-orders-list-panel .cmf-movements-list-search-clear { border: none; background: transparent; color: #9ca3af; padding: 0; line-height: 1; cursor: pointer; flex-shrink: 0; } [b-bamp4yughs] .ro-orders-list-panel .cmf-movements-list-search-clear:hover { color: #495057; } [b-bamp4yughs] .ro-orders-list-panel .cmf-movements-list-scroll { border-top: 1px solid #edebe9; } /* RO list grid aligned with CMF layout */ .movements-grid tbody tr[b-bamp4yughs] { cursor: pointer; transition: background 0.15s; } .movements-grid tbody tr:hover[b-bamp4yughs] { background-color: #e3f2fd !important; } .movements-grid tbody tr.selected[b-bamp4yughs] { background-color: #bbdefb !important; } .movements-grid tbody tr.voided[b-bamp4yughs], .movements-grid tbody tr.cancelled[b-bamp4yughs] { opacity: 0.5; text-decoration: line-through; } .activity-badge[b-bamp4yughs] { padding: 2px 6px; border-radius: 3px; font-size: 0.75rem; font-weight: 600; } .activity-in[b-bamp4yughs] { background: #e8f5e9; color: #1b5e20; } .activity-out[b-bamp4yughs] { background: #fff3e0; color: #e65100; } .ro-list-row-actions[b-bamp4yughs] { display: inline-flex; align-items: center; justify-content: flex-end; gap: 2px; } .ro-list-row-btn[b-bamp4yughs] { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 1px solid #edebe9; border-radius: 3px; background: #fff; color: #323130; cursor: pointer; } .ro-list-row-btn:hover:not(:disabled)[b-bamp4yughs] { background: #f3f2f1; border-color: #c8c6c4; } .ro-list-row-btn:disabled[b-bamp4yughs] { opacity: 0.35; cursor: default; } .ro-list-row-btn.is-warning[b-bamp4yughs] { color: #8a6116; } .ro-list-row-btn.is-danger[b-bamp4yughs] { color: #a4262c; } .clear-search[b-bamp4yughs] { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: none; background: none; color: #9e9e9e; cursor: pointer; } .movements-grid-compact thead th[b-bamp4yughs] { white-space: nowrap; font-size: 0.8rem; text-transform: uppercase; color: #6c757d; } .movements-grid-compact td.col-serial[b-bamp4yughs], .movements-grid-compact th.col-serial[b-bamp4yughs] { width: 1%; white-space: nowrap; padding: 4px 8px !important; } .movements-grid-compact .col-1[b-bamp4yughs] { width: 14%; min-width: 140px; } .movements-grid-compact .col-2[b-bamp4yughs] { width: 16%; } .movements-grid-compact .col-3[b-bamp4yughs] { width: 22%; } .movements-grid-compact .col-4[b-bamp4yughs] { width: 16%; } .movements-grid-compact .col-5[b-bamp4yughs] { width: 10%; } .movements-grid-compact .serial-badge[b-bamp4yughs] { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #e9ecef; color: #495057; font-size: 0.7rem; font-weight: 600; } .movements-grid-compact .cell-stack[b-bamp4yughs] { display: flex; flex-direction: column; gap: 2px; } .movements-grid-compact .label[b-bamp4yughs] { color: #6c757d; font-size: 0.75rem; font-weight: 500; min-width: 40px; } .movements-grid-compact .value[b-bamp4yughs] { color: #343a40; font-size: 0.85rem; } .movements-grid-compact .cntr-row[b-bamp4yughs] { flex-wrap: wrap; align-items: flex-start; } .movements-grid-compact .cntr-list[b-bamp4yughs] { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; min-width: 0; } .movements-grid-compact .cntr-badge[b-bamp4yughs] { display: inline-block; padding: 2px 6px; background: #e3f2fd; color: #1565c0; font-family: Consolas, 'Courier New', monospace; font-weight: 700; font-size: 0.8rem; border-radius: 3px; } /* ===== CMF-style Party Details flyout / summary (scoped RO) ===== */ .cmf-customer-field-head[b-bamp4yughs] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 2px; min-height: 1.35rem; } /* Gap under heading is on .d365-page-heading-wrap (global); avoid double spacing */ /* Row 1 — keep fields on one line without changing Bootstrap column widths. NOTE: must NOT use overflow-x:auto here — CSS spec forces overflow-y to auto as well, which clips the Mov Activity dropdown and shows a vertical scrollbar. Keep overflow visible so the dropdown overlays the form below. */ /* RO Ref # — inline list icon inside field (visual hint; Enter opens picker) */ .cmf-adv-ref-label-row[b-bamp4yughs] { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 1.35rem; margin-bottom: 2px; } .cmf-adv-opening-check[b-bamp4yughs] { display: inline-flex; align-items: center; gap: 3px; margin: 0; font-size: 11px; font-weight: 500; color: #605e5c; cursor: pointer; user-select: none; white-space: nowrap; } .cmf-adv-opening-check input[b-bamp4yughs] { width: 13px; height: 13px; margin: 0; cursor: pointer; } .cmf-adv-opening-check:has(input:disabled)[b-bamp4yughs] { opacity: 0.55; cursor: not-allowed; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn.pill-toggle-active[b-bamp4yughs], /* /Components/Shared/AuditLogDialog.razor.rz.scp.css */ .audit-dialog-backdrop[b-y7y4jbkqa5] { background: rgba(15, 23, 42, 0.45); backdrop-filter: blur(1px); } .audit-dialog-size[b-y7y4jbkqa5] { width: 400px; max-width: 400px; } .audit-dialog-shell[b-y7y4jbkqa5] { border: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24); } .audit-dialog-header[b-y7y4jbkqa5] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px 8px; border-bottom: 1px solid #eceff3; background: linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); } .audit-dialog-title-wrap[b-y7y4jbkqa5] { display: flex; align-items: center; gap: 12px; color: #7c3aed; } .audit-dialog-title-wrap i[b-y7y4jbkqa5] { font-size: 0.95rem; } .audit-dialog-title[b-y7y4jbkqa5] { font-size: 0.85rem; font-weight: 700; letter-spacing: 0.02em; color: #312e81; } .audit-dialog-subtitle[b-y7y4jbkqa5] { font-size: 0.72rem; color: #7c8698; } .audit-dialog-body[b-y7y4jbkqa5] { padding: 8px 14px 8px; background: #ffffff; } .at-panel[b-y7y4jbkqa5] { border-top: 1px solid #f3f4f6; padding-top: 4px; } .at-panel-header[b-y7y4jbkqa5] { padding: 2px 6px 4px; border-bottom: 1px solid #e5e7eb; margin-bottom: 6px; } .at-panel-id[b-y7y4jbkqa5] { font-size: 10px; color: #9ca3af; font-family: monospace; text-align: center; margin: 0; } .at-timeline[b-y7y4jbkqa5] { position: relative; padding-left: 12px; display: flex; flex-direction: column; gap: 4px; margin-bottom: 4px; } .at-timeline-line[b-y7y4jbkqa5] { position: absolute; left: 3px; top: 4px; bottom: 4px; width: 2px; background: #e5e7eb; z-index: 0; } .at-timeline-row[b-y7y4jbkqa5] { position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 8px; } .at-dot[b-y7y4jbkqa5] { width: 6px; height: 6px; border-radius: 50%; margin-top: 4px; flex-shrink: 0; outline: 2px solid #ffffff; } .at-dot-green[b-y7y4jbkqa5] { background: #22c55e; } .at-dot-orange[b-y7y4jbkqa5] { background: #f97316; } .at-row-title[b-y7y4jbkqa5] { font-size: 11px; font-weight: 700; color: #1f2937; line-height: 1; } .at-row-meta[b-y7y4jbkqa5] { font-size: 11px; color: #6b7280; margin-top: 2px; } .at-history-section[b-y7y4jbkqa5] { margin-top: 4px; padding-top: 4px; border-top: 1px solid #f3f4f6; } .at-history-toggle[b-y7y4jbkqa5] { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 4px 8px; background: rgba(245, 243, 255, 0.5); border: 1px solid rgba(196, 181, 253, 0.5); border-radius: 6px; font-size: 10px; font-weight: 700; color: #7c3aed; cursor: pointer; transition: background 0.15s; } .at-history-toggle:hover[b-y7y4jbkqa5] { background: rgba(237, 233, 254, 0.8); } .at-history-toggle-left[b-y7y4jbkqa5] { display: flex; align-items: center; gap: 6px; } .at-history-icon[b-y7y4jbkqa5] { font-size: 12px; } .at-history-chevron[b-y7y4jbkqa5] { font-size: 12px; } .at-history-body[b-y7y4jbkqa5] { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.2s; } .at-history-body.at-history-open[b-y7y4jbkqa5] { max-height: 160px; opacity: 1; margin-top: 8px; } .at-history-item[b-y7y4jbkqa5] { padding: 6px 8px; background: #ffffff; border: 1px solid #f3f4f6; border-radius: 6px; font-size: 11px; color: #6b7280; margin-bottom: 6px; margin-left: 4px; border-left: 2px dashed #e5e7eb; } .at-trace-title[b-y7y4jbkqa5] { font-weight: 700; color: #374151; margin: 0 0 2px; } .at-trace-body[b-y7y4jbkqa5] { margin: 0 0 2px; } .at-trace-meta[b-y7y4jbkqa5] { font-size: 10px; color: #9ca3af; margin: 2px 0 0; } .at-extra-content[b-y7y4jbkqa5] { margin-top: 8px; } .audit-log-extra-card[b-y7y4jbkqa5] { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 16px; } .audit-log-extra-title[b-y7y4jbkqa5] { color: #92400e; font-size: 13px; font-weight: 800; letter-spacing: 0.02em; margin-bottom: 8px; } .audit-log-extra-text[b-y7y4jbkqa5] { color: #374151; font-size: 13px; font-weight: 600; white-space: pre-wrap; } @media (max-width: 768px) { .audit-dialog-body[b-y7y4jbkqa5] { padding: 12px 14px; } } /* /Components/Shared/CfsProcessTrail.razor.rz.scp.css */ .cfs-bpf-trail[b-2fjfb6pqe6] { --cfs-bpf-accent: #c50f1f; --cfs-bpf-accent-soft: #f4c6a5; --cfs-bpf-track: #edebe9; --cfs-bpf-line: #b8b6b4; display: flex; align-items: stretch; gap: 0; margin: 0 0 10px 0; min-height: 46px; background: linear-gradient(180deg, #edebe9 0%, #f5f4f3 45%, #f3f2f1 100%); border: 1px solid #e1dfdd; border-radius: 2px; overflow: hidden; } .cfs-bpf-ribbon[b-2fjfb6pqe6] { position: relative; flex: 0 0 auto; max-width: 16rem; min-width: 9rem; padding: 6px 12px; background: #c50f1f; color: #fff; display: flex; flex-direction: column; justify-content: center; gap: 1px; z-index: 2; } .cfs-bpf-ribbon.void[b-2fjfb6pqe6] { background: #605e5c; } .cfs-bpf-ribbon-label[b-2fjfb6pqe6] { font-size: 12px; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cfs-bpf-ribbon-detail[b-2fjfb6pqe6] { font-size: 11px; font-weight: 400; opacity: 0.95; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cfs-bpf-back[b-2fjfb6pqe6] { flex: 0 0 22px; width: 22px; margin: 0; border: none; background: #e08b84; color: #7a1119; border-radius: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; z-index: 2; } .cfs-bpf-back:hover[b-2fjfb6pqe6] { background: #d87a72; } .cfs-bpf-back:focus-visible[b-2fjfb6pqe6] { outline: 2px solid #0078d4; outline-offset: 1px; } .cfs-bpf-back i[b-2fjfb6pqe6] { font-size: 14px; font-weight: 700; line-height: 1; } .cfs-bpf-track[b-2fjfb6pqe6] { position: relative; flex: 1 1 auto; min-width: 0; padding: 10px 18px 28px 18px; display: flex; align-items: flex-start; } .cfs-bpf-lines[b-2fjfb6pqe6] { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; z-index: 0; } .cfs-bpf-line[b-2fjfb6pqe6] { position: absolute; top: 8px; height: 2px; margin-top: -1px; background: var(--cfs-bpf-line); } .cfs-bpf-stages[b-2fjfb6pqe6] { list-style: none; margin: 0; padding: 0; display: flex; width: 100%; justify-content: space-between; align-items: flex-start; position: relative; z-index: 1; gap: 4px; } .cfs-bpf-stage[b-2fjfb6pqe6] { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; position: relative; } .cfs-bpf-node[b-2fjfb6pqe6] { display: flex; flex-direction: column; align-items: center; gap: 6px; border: none; background: transparent; padding: 0; margin: 0; cursor: default; width: 100%; min-width: 0; color: #605e5c; } button.cfs-bpf-node[b-2fjfb6pqe6] { cursor: pointer; } button.cfs-bpf-node:hover .cfs-bpf-label[b-2fjfb6pqe6] { color: #0078d4; } .cfs-bpf-marker[b-2fjfb6pqe6] { width: 16px; height: 16px; border-radius: 50%; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 16px; z-index: 2; } .cfs-bpf-marker-pending[b-2fjfb6pqe6] { border: 1.5px solid #a19f9d; background: #fff; } .cfs-bpf-marker-current[b-2fjfb6pqe6] { width: 18px; height: 18px; flex: 0 0 18px; margin: -1px 0 1px 0; border: none; background: transparent; } .cfs-bpf-bullseye-core[b-2fjfb6pqe6] { width: 18px; height: 18px; box-sizing: border-box; border: 2px solid var(--cfs-bpf-accent); border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; } .cfs-bpf-bullseye-core[b-2fjfb6pqe6]::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--cfs-bpf-accent); } .cfs-bpf-label[b-2fjfb6pqe6] { color: #201f1e; font-size: 11px; line-height: 1.15; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .cfs-bpf-loading[b-2fjfb6pqe6] { font-size: 12px; color: #605e5c; padding-left: 8px; position: relative; z-index: 1; } .cfs-bpf-collapsed-stage[b-2fjfb6pqe6] { display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; color: #242424; font-size: 12px; font-weight: 700; } .cfs-bpf-collapsed-label[b-2fjfb6pqe6] { white-space: nowrap; } .cfs-bpf-trail.is-void[b-2fjfb6pqe6] { --cfs-bpf-accent: #8a8886; --cfs-bpf-accent-soft: #c8c6c4; } .cfs-bpf-trail.is-collapsed[b-2fjfb6pqe6] { min-height: 44px; } @media (max-width: 1100px) { .cfs-bpf-ribbon[b-2fjfb6pqe6] { max-width: 11rem; min-width: 7.5rem; } .cfs-bpf-label[b-2fjfb6pqe6] { font-size: 10px; } } /* /Components/Shared/MultiSelectDropdown.razor.rz.scp.css */ .tms-ms[b-te717m9ul6] { position: relative; width: 100%; } .tms-ms.disabled[b-te717m9ul6] { opacity: 0.65; } .tms-ms-backdrop[b-te717m9ul6] { position: fixed; inset: 0; z-index: 2190; background: transparent; } .tms-ms-trigger[b-te717m9ul6] { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; width: 100%; min-height: 32px; height: auto; text-align: left; cursor: pointer; background: #fff; padding: 4px 8px; border-radius: 4px; } .tms-ms-trigger:disabled[b-te717m9ul6] { cursor: not-allowed; } .tms-ms-chips[b-te717m9ul6] { display: flex; flex-wrap: wrap; gap: 4px; flex: 1; min-width: 0; align-items: center; } .tms-ms-placeholder[b-te717m9ul6] { font-size: 12px; color: #a19f9d; line-height: 22px; } .tms-ms-chip[b-te717m9ul6] { display: inline-flex; align-items: center; gap: 2px; max-width: 100%; padding: 1px 4px 1px 8px; border-radius: 3px; background: #0f6cbd; color: #fff; font-size: 11px; line-height: 18px; } .tms-ms-chip-text[b-te717m9ul6] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tms-ms-chip-x[b-te717m9ul6] { border: none; background: transparent; color: #fff; font-size: 12px; line-height: 1; padding: 0; cursor: pointer; opacity: 0.9; display: inline-flex; align-items: center; } .tms-ms-chip-x:hover[b-te717m9ul6] { opacity: 1; } .tms-ms-chevron[b-te717m9ul6] { font-size: 10px; color: #605e5c; flex-shrink: 0; margin-top: 6px; } .tms-ms-panel[b-te717m9ul6] { /* JS pins with position:fixed (tmsMultiSelect.positionPanel) so grids cannot clip */ position: absolute; top: calc(100% + 2px); left: 0; right: 0; z-index: 2200; background: #fff; border: 1px solid #c8c6c4; border-radius: 4px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14); padding: 8px; min-width: 12rem; } .tms-ms-filter-row[b-te717m9ul6] { position: relative; margin-bottom: 6px; } .tms-ms-filter[b-te717m9ul6] { width: 100%; border: 1px solid #0f6cbd; border-radius: 3px; padding: 5px 24px 5px 8px; font-size: 12px; outline: none; background: #fff; } .tms-ms-filter:focus[b-te717m9ul6] { border-color: #0f6cbd; box-shadow: 0 0 0 1px #0f6cbd; } .tms-ms-filter-clear[b-te717m9ul6] { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); border: none; background: transparent; color: #605e5c; font-size: 12px; line-height: 1; cursor: pointer; padding: 2px 4px; } .tms-ms-list[b-te717m9ul6] { max-height: 180px; overflow-y: auto; margin: 0 -4px; padding: 0 4px; } .tms-ms-item[b-te717m9ul6] { position: relative; display: flex; align-items: center; gap: 8px; margin: 0; padding: 5px 4px; font-size: 12px; line-height: 1.3; cursor: pointer; border-radius: 2px; user-select: none; } .tms-ms-item:hover[b-te717m9ul6], .tms-ms-item.is-highlighted[b-te717m9ul6] { background: #deecf9; } .tms-ms-item input[type="checkbox"][b-te717m9ul6] { width: 14px; height: 14px; margin: 0; accent-color: #0f6cbd; flex-shrink: 0; } .tms-ms-select-all[b-te717m9ul6] { border-bottom: 1px solid #edebe9; margin-bottom: 2px; padding-bottom: 6px; font-weight: 600; } .tms-ms-check[b-te717m9ul6] { width: 14px; height: 14px; border: 1px solid #8a8886; border-radius: 2px; background: #fff; flex-shrink: 0; position: relative; box-sizing: border-box; } .tms-ms-check.is-checked[b-te717m9ul6] { background: #0f6cbd; border-color: #0f6cbd; } .tms-ms-check.is-checked[b-te717m9ul6]::after { content: ""; position: absolute; left: 3px; top: 0; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .tms-ms-check.is-partial[b-te717m9ul6] { background: #0f6cbd; border-color: #0f6cbd; } .tms-ms-check.is-partial[b-te717m9ul6]::after { content: ""; position: absolute; left: 2px; right: 2px; top: 5px; height: 2px; background: #fff; } .tms-ms-empty[b-te717m9ul6] { padding: 8px 4px; font-size: 12px; color: #a19f9d; } /* /Components/Shared/PartyInfoStrip.razor.rz.scp.css */ /* Styles for the shared Logistics / Transportation / Vessel & Ports summary strip. Moved here from ContainerMovementForm.razor.css and ReleaseOrder.razor.css so the strip can be rendered by both forms without duplicating either the markup or the rules. */ .cmf-party-info-strip.container-info-strip[b-10f69p753s] { min-height: 0; padding: 6px 0 6px 10px; } .cmf-party-info-layout[b-10f69p753s] { display: flex; align-items: flex-start; min-height: 0; } .cmf-party-info-section[b-10f69p753s] { flex: 1 1 0; min-width: 0; padding: 0 12px; border: none; background: transparent; text-align: left; cursor: pointer; transition: background 0.15s ease; display: flex; flex-direction: column; } .cmf-party-info-section:hover[b-10f69p753s] { background: rgba(34, 102, 227, 0.05); } .cmf-party-info-section:focus-visible[b-10f69p753s] { outline: 2px solid #2266e3; outline-offset: -2px; } .cmf-party-info-section-head[b-10f69p753s] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; min-height: 18px; } .cmf-party-info-section-head .container-info-badge-aging[b-10f69p753s] { margin-left: auto; background: #eef3fc; color: #2266e3; font-weight: 600; white-space: nowrap; } .cmf-party-info-logistics-row1[b-10f69p753s] { gap: 14px; } .cmf-party-info-divider[b-10f69p753s] { width: 1px; background: #e0dbd3; flex-shrink: 0; align-self: stretch; margin: 2px 0; } .cmf-party-info-strip .container-info-row[b-10f69p753s] { gap: 14px; } .cmf-party-info-strip .container-info-row-meta[b-10f69p753s] { margin-top: 2px; } .cmf-party-info-strip .container-info-value[b-10f69p753s] { line-height: 1.25; } .cmf-party-info-strip .container-info-value.is-empty[b-10f69p753s] { color: #a09888; font-style: italic; } .cmf-party-info-strip .container-info-badge-pay[b-10f69p753s] { background: #eef3fc; color: #2266e3; } .cmf-party-info-strip .container-info-item-third[b-10f69p753s] { flex: 0 0 33.333%; max-width: 33.333%; min-width: 0; padding-right: 6px; } .cmf-party-info-strip .container-info-row-meta .container-info-item-third:last-child[b-10f69p753s] { padding-right: 0; } .cmf-party-info-transport-row2 .container-info-item-third[b-10f69p753s] { flex: 1 1 0; max-width: none; } @media (max-width: 1200px) { .cmf-party-info-layout[b-10f69p753s] { flex-direction: column; min-height: 0; } .cmf-party-info-divider[b-10f69p753s] { width: auto; height: 1px; margin: 0; } .cmf-party-info-section[b-10f69p753s] { padding: 10px 14px; } .cmf-party-info-strip .container-info-item-third[b-10f69p753s] { flex: 0 0 50%; max-width: 50%; } }