@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; } /* 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/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-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; } /* /Components/Pages/CFS/CfsQuotation.razor.rz.scp.css */ /* Party flyout — aligned with CMF (scoped to Quotation) */ .cmf-details-capsule-wrap[b-xuadnilp2o] { 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; } .cmf-details-capsule-btn[b-xuadnilp2o] { 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; } .cmf-details-capsule-btn:hover:not(:disabled)[b-xuadnilp2o] { background: #106ebe; } .cmf-details-capsule-btn:disabled[b-xuadnilp2o] { opacity: 0.5; cursor: not-allowed; } .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-backdrop[b-xuadnilp2o] { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.2); z-index: 1080; } .cmf-party-flyout[b-xuadnilp2o] { 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; } .cmf-party-flyout-header[b-xuadnilp2o] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #edebe9; background: #fff; flex-shrink: 0; } .cmf-party-flyout-title[b-xuadnilp2o] { margin: 0; font-size: 1.125rem; font-weight: 600; color: #323130; line-height: 1.3; } .cmf-party-flyout-close[b-xuadnilp2o] { 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; } .cmf-party-flyout-close:hover[b-xuadnilp2o] { background: #f3f2f1; color: #323130; } .cmf-party-flyout-body[b-xuadnilp2o] { flex: 1; overflow-y: auto; padding: 8px 20px 40px; display: flex; flex-direction: column; gap: 4px; } .cmf-party-flyout-section[b-xuadnilp2o] { display: flex; flex-direction: column; gap: 14px; padding: 12px 0 16px; border-bottom: 1px solid #edebe9; } .cmf-party-flyout-section:last-child[b-xuadnilp2o] { border-bottom: none; } .cmf-party-flyout-section-head[b-xuadnilp2o] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 4px; } .cmf-party-flyout-section-title[b-xuadnilp2o] { margin: 0; font-size: 14px; font-weight: 600; color: #323130; } .cmf-party-flyout-section-chevron[b-xuadnilp2o] { font-size: 12px; color: #605e5c; flex-shrink: 0; } .cmf-party-flyout-field[b-xuadnilp2o] { display: flex; flex-direction: column; gap: 6px; width: 100%; } .cmf-party-flyout-field.is-focus-target[b-xuadnilp2o] { padding: 14px; border-radius: 2px; background: #faf9f8; border: 1px solid #edebe9; box-shadow: inset 3px 0 0 #0078d4; } .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-label.cmf-required[b-xuadnilp2o]::after { content: " *"; color: #a4262c; } .cmf-party-flyout-footer[b-xuadnilp2o] { padding: 12px 20px; border-top: 1px solid #edebe9; display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; background: #fff; } .cmf-flyout-btn-cancel[b-xuadnilp2o], .cmf-flyout-btn-ok[b-xuadnilp2o] { min-width: 80px; height: 32px; padding: 0 16px; font-size: 14px; font-weight: 400; border-radius: 2px; cursor: pointer; line-height: 1; } .cmf-flyout-btn-cancel[b-xuadnilp2o] { border: 1px solid #8a8886; background: #fff; color: #323130; } .cmf-flyout-btn-cancel:hover[b-xuadnilp2o] { background: #f3f2f1; border-color: #323130; } .cmf-flyout-btn-ok[b-xuadnilp2o] { border: 1px solid #0078d4; background: #0078d4; color: #fff; } .cmf-flyout-btn-ok:hover[b-xuadnilp2o] { background: #106ebe; border-color: #106ebe; } .cmf-party-flyout .cmf-same-as-row[b-xuadnilp2o] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; width: 100%; } .cmf-party-flyout .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-party-flyout .cmf-same-as-option:hover:not(:has(input:disabled))[b-xuadnilp2o] { border-color: #c8c6c4; background: #f3f2f1; } .cmf-party-flyout .cmf-same-as-option.is-selected[b-xuadnilp2o] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .cmf-party-flyout .cmf-same-as-option input[b-xuadnilp2o] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .cmf-party-flyout .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-party-flyout .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-party-flyout .cmf-same-as-option.is-selected .cmf-same-as-box[b-xuadnilp2o] { border-color: #0078d4; background: #0078d4; } .cmf-party-flyout .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-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; } .cmf-customer-field-head .cmf-label[b-xuadnilp2o] { margin-bottom: 0; line-height: 20px; padding-top: 3px; } .cmf-party-flyout .cmf-party-capsule-sm.pill-toggle[b-xuadnilp2o] { border: none; background: transparent; border-radius: 0; overflow: visible; gap: 6px; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn[b-xuadnilp2o] { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; padding: 3px 10px; line-height: 1; min-height: 22px; color: #0078d4; border-radius: 2px; box-sizing: border-box; border: none; background: transparent; cursor: pointer; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn.pill-toggle-active[b-xuadnilp2o] { background: #0078d4; color: #fff; } .cmf-party-flyout .pill-toggle-disabled .pill-toggle-btn[b-xuadnilp2o] { opacity: 0.55; cursor: not-allowed; } /* POC Name / Phone / Email each stack full-width (one field per row). */ .cmf-vessel-eta-row[b-xuadnilp2o] { display: flex; flex-wrap: wrap; gap: 10px 12px; width: 100%; } .cmf-vessel-eta-row > .cmf-party-flyout-field[b-xuadnilp2o] { flex: 1 1 110px; min-width: 0; } .cmf-party-flyout-remarks textarea.d365-form-control[b-xuadnilp2o] { height: auto; min-height: 4.5rem; resize: vertical; } .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: 6px; width: 100%; } .cmf-charge-option .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; 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: 14px; height: 14px; 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: 4px; top: 1px; 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: 10px; 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-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; } @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: 14rem; position: relative; overflow: visible; } .quotation-detail-grid.repair-estimate-detail-grid[b-xuadnilp2o], .quotation-detail-grid .repair-estimate-detail-grid-scroll[b-xuadnilp2o] { overflow: visible !important; } .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 8px; border-radius: 2px; cursor: pointer; line-height: 1.2; } .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(80rem, 96vw); max-width: 96vw; 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-group[b-xuadnilp2o] { border: 1px solid #e1dfdd; border-radius: 4px; margin-bottom: 6px; overflow: hidden; } .cmf-cost-review-group-header[b-xuadnilp2o] { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; 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: #e9e8e6; } .cmf-cost-review-toggle[b-xuadnilp2o] { display: inline-flex; color: #605e5c; font-size: 13px; width: 16px; justify-content: center; } .cmf-cost-review-group-count[b-xuadnilp2o] { font-size: 12px; color: #605e5c; } .cmf-cost-review-group-amount[b-xuadnilp2o] { margin-left: auto; font-weight: 700; font-size: 13px; color: #201f1e; } .cmf-cost-review-group-table[b-xuadnilp2o] { padding: 8px; background: #fff; } .cmf-cost-review-grid[b-xuadnilp2o] { width: 100%; border-collapse: collapse; font-size: 12px; } .cmf-cost-review-grid th[b-xuadnilp2o] { position: sticky; top: 0; background: #f3f2f1; z-index: 1; padding: 8px 10px; white-space: nowrap; border-bottom: 1px solid #e1dfdd; text-transform: uppercase; font-size: 11px; color: #323130; text-align: left; } .cmf-cost-review-grid td[b-xuadnilp2o] { padding: 7px 10px; border-bottom: 1px solid #f3f2f1; white-space: nowrap; vertical-align: middle; } .cmf-cost-review-grid tbody tr:nth-child(even)[b-xuadnilp2o] { background-color: #fafafa; } .cmf-cost-review-grid tbody tr:hover[b-xuadnilp2o] { background-color: #f3f6ff; } .cmf-cost-review-grid td.num[b-xuadnilp2o], .cmf-cost-review-grid th.num[b-xuadnilp2o] { text-align: right; font-variant-numeric: tabular-nums; } .cmf-cost-review-group-subtotal-label[b-xuadnilp2o] { text-align: right; font-weight: 600; color: #605e5c; font-size: 11px; text-transform: uppercase; padding: 10px; border-top: 1px solid #e1dfdd; background: #fff; } .cmf-cost-review-group-subtotal[b-xuadnilp2o] { font-weight: 700; font-size: 13px; background: #fff; border-top: 1px solid #e1dfdd; color: #201f1e; } .cmf-cost-review-badge[b-xuadnilp2o] { display: inline-flex; align-items: center; justify-content: center; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; min-width: 4.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-top: 8px; padding: 5px 10px; border: none; background: transparent; color: #0078d4; font-size: 12px; cursor: pointer; } .cmf-cost-review-show-more:hover[b-xuadnilp2o] { text-decoration: underline; } .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; } /* /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; } /* Beat global .cmf-form / .d365-form-control [b-mw6qpvzt85]{ width:100% } */ .railway-tariff-master-field-id :deep(input.d365-form-control)[b-mw6qpvzt85], .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; } [b-mw6qpvzt85] /* /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] { flex: 1; border: none; outline: none; padding: 0; height: 100%; font-size: 1rem; background: transparent; color: #1a2a5e; font-weight: 500; } .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/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; } .cmf-customer-field-head .cmf-label[b-2k1m8h45yk] { margin-bottom: 0; line-height: 20px; padding-top: 3px; } .cmf-customer-field-head .pill-toggle-sm[b-2k1m8h45yk] { flex-shrink: 0; } /* Customer party capsule — D365 side-pane style, compact for main form */ .cmf-party-capsule-sm.pill-toggle[b-2k1m8h45yk] { border: none; background: transparent; border-radius: 0; overflow: visible; gap: 6px; } .cmf-party-capsule-sm .pill-toggle-btn[b-2k1m8h45yk] { display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; padding: 3px 10px; line-height: 1; min-height: 20px; color: #0078d4; border-radius: 2px; box-sizing: border-box; } .cmf-party-capsule-sm .pill-toggle-btn:hover:not(:disabled):not(.pill-toggle-active)[b-2k1m8h45yk] { background: #f3f2f1; } .cmf-party-capsule-sm .pill-toggle-btn.pill-toggle-active[b-2k1m8h45yk] { background: #0078d4; color: #fff; border-radius: 2px; } /* Gap under heading is on .d365-page-heading-wrap (global); avoid double spacing */ .cmf-page-body-row[b-2k1m8h45yk] { margin-top: 0; } /* 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. */ .cmf-form-first-row[b-2k1m8h45yk] { flex-wrap: nowrap !important; overflow: visible; align-items: flex-end; } /* RO Ref # — inline list icon inside field (visual hint; Enter opens picker) */ .cmf-ro-ref-field-wrap[b-2k1m8h45yk] { position: relative; display: inline-block; width: 80px; vertical-align: bottom; } .cmf-ro-ref-field-icon[b-2k1m8h45yk] { position: absolute; left: 2px; bottom: 9px; font-size: 11px; line-height: 1; color: #8b7355; opacity: 0.85; pointer-events: none; z-index: 1; } .cmf-form .cmf-ro-ref-field-input.has-list-icon[b-2k1m8h45yk], .cmf-form input.cmf-ro-ref-field-input.has-list-icon[b-2k1m8h45yk] { padding-left: 18px !important; } .cmf-ro-ref-field-wrap[b-2k1m8h45yk] .cmf-ro-ref-field-input::part(control) { padding-left: 18px; } /* Details capsule — top row after Shift toggle */ .cmf-details-capsule-wrap[b-2k1m8h45yk] { 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; } .cmf-details-top-row .cmf-label-spacer[b-2k1m8h45yk] { visibility: hidden; margin-bottom: 2px; line-height: 1.2; user-select: none; } .cmf-details-capsule-btn[b-2k1m8h45yk] { 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; } .cmf-details-capsule-btn:hover:not(:disabled)[b-2k1m8h45yk] { background: #106ebe; } .cmf-details-capsule-btn:disabled[b-2k1m8h45yk] { opacity: 0.5; cursor: not-allowed; } .cmf-party-info-strip.container-info-strip[b-2k1m8h45yk] { min-height: 0; padding: 6px 0 6px 10px; } .cmf-party-info-layout[b-2k1m8h45yk] { display: flex; align-items: flex-start; min-height: 0; } .cmf-party-info-section[b-2k1m8h45yk] { 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-2k1m8h45yk] { background: rgba(34, 102, 227, 0.05); } .cmf-party-info-section:focus-visible[b-2k1m8h45yk] { outline: 2px solid #2266e3; outline-offset: -2px; } .cmf-party-info-section-head[b-2k1m8h45yk] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; min-height: 18px; } .cmf-party-info-logistics-row1[b-2k1m8h45yk] { gap: 14px; } .cmf-party-flyout-inner-divider[b-2k1m8h45yk] { height: 1px; background: #edebe9; margin: 2px 0 10px; } .cmf-party-flyout-docro-row[b-2k1m8h45yk] { width: 100%; } .cmf-party-flyout-docro-row[b-2k1m8h45yk] fluent-text-field.cmf-party-flyout-control { flex: 1; min-width: 0; } .cmf-party-flyout-docro-field .cmf-docro-label-row[b-2k1m8h45yk] { margin-bottom: 4px; } .cmf-party-info-divider[b-2k1m8h45yk] { width: 1px; background: #e0dbd3; flex-shrink: 0; align-self: stretch; margin: 2px 0; } .cmf-party-info-strip .container-info-row[b-2k1m8h45yk] { gap: 14px; } .cmf-party-info-strip .container-info-row-meta[b-2k1m8h45yk] { margin-top: 2px; } .cmf-party-info-strip .container-info-value[b-2k1m8h45yk] { line-height: 1.25; } .cmf-party-info-strip .container-info-value.is-empty[b-2k1m8h45yk] { color: #a09888; font-style: italic; } .cmf-party-info-strip .container-info-badge-pay[b-2k1m8h45yk] { background: #eef3fc; color: #2266e3; } .cmf-party-info-strip .container-info-item-third[b-2k1m8h45yk] { 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-2k1m8h45yk] { padding-right: 0; } .cmf-party-info-transport-row2 .container-info-item-third[b-2k1m8h45yk] { flex: 1 1 0; max-width: none; } @media (max-width: 1200px) { .cmf-party-info-layout[b-2k1m8h45yk] { flex-direction: column; min-height: 0; } .cmf-party-info-divider[b-2k1m8h45yk] { width: auto; height: 1px; margin: 0; } .cmf-party-info-section[b-2k1m8h45yk] { padding: 10px 14px; } .cmf-party-info-strip .container-info-item-third[b-2k1m8h45yk] { flex: 0 0 50%; max-width: 50%; } } /* Party Details + Pay-by (Smart Party UX) */ .cmf-party-flyout-btn[b-2k1m8h45yk] { display: inline-flex; align-items: center; gap: 4px; border: 1px solid #c8c6c4; background: #fff; color: #2266e3; border-radius: 14px; padding: 2px 10px; font-size: 11px; font-weight: 600; cursor: pointer; line-height: 1.2; } .cmf-party-flyout-btn:hover:not(:disabled)[b-2k1m8h45yk] { background: #e8f0fe; border-color: #2266e3; } .cmf-party-flyout-btn:disabled[b-2k1m8h45yk] { opacity: 0.5; cursor: not-allowed; } .cmf-docro-label-row[b-2k1m8h45yk] { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 2px; min-height: 1.35rem; } .cmf-inline-icon-btn[b-2k1m8h45yk] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 1px solid #d1d5db; border-radius: 6px; background: #fff; color: #6b7280; cursor: pointer; line-height: 1; font-size: 12px; } .cmf-inline-icon-btn:hover[b-2k1m8h45yk] { color: #2266e3; border-color: #2266e3; background: #e8f0fe; } .cmf-inline-icon-btn.has-value[b-2k1m8h45yk] { color: #2266e3; border-color: #93c5fd; background: #eff6ff; } .cmf-inline-icon-btn:focus-visible[b-2k1m8h45yk] { outline: 1px solid #2266e3; outline-offset: -1px; } .cmf-billing-client-row[b-2k1m8h45yk] { display: flex; gap: 10px; align-items: flex-start; } .cmf-billing-client-code[b-2k1m8h45yk] { width: 6.5rem; flex-shrink: 0; } .cmf-billing-client-name[b-2k1m8h45yk] { flex: 1; min-width: 0; } .cmf-add-client-btn[b-2k1m8h45yk] { display: inline-flex; align-items: center; gap: 6px; width: 100%; justify-content: center; border: 1px dashed #93c5fd; background: #f8fafc; color: #2266e3; border-radius: 8px; padding: 10px 12px; font-size: 12px; font-weight: 600; cursor: pointer; } .cmf-add-client-btn:hover[b-2k1m8h45yk] { background: #e8f0fe; border-style: solid; } .cmf-payby-row[b-2k1m8h45yk] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; } .cmf-payby-row-inline[b-2k1m8h45yk] { margin-top: 1.55rem; min-height: 28px; } .cmf-payby-label[b-2k1m8h45yk] { font-size: 11px; font-weight: 700; color: #4b5563; text-transform: uppercase; letter-spacing: 0.03em; } .cmf-payby-badge[b-2k1m8h45yk] { font-size: 10px; font-weight: 600; color: #2266e3; background: #e8f0fe; border-radius: 999px; padding: 2px 8px; } /* Party flyout panel — Dynamics 365 task pane style */ .cmf-party-flyout-backdrop[b-2k1m8h45yk] { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.2); z-index: 1080; } .cmf-party-flyout[b-2k1m8h45yk] { 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; } .cmf-party-flyout-header[b-2k1m8h45yk] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #edebe9; background: #fff; flex-shrink: 0; } .cmf-party-flyout-title[b-2k1m8h45yk] { margin: 0; font-size: 1.125rem; font-weight: 600; color: #323130; line-height: 1.3; } .cmf-party-flyout-close[b-2k1m8h45yk] { 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; } .cmf-party-flyout-close:hover[b-2k1m8h45yk] { background: #f3f2f1; color: #323130; } .cmf-party-flyout-close:focus-visible[b-2k1m8h45yk] { outline: 1px solid #323130; outline-offset: -1px; } .cmf-party-flyout-body[b-2k1m8h45yk] { flex: 1; overflow-y: auto; padding: 8px 20px 220px; display: flex; flex-direction: column; gap: 4px; scroll-padding-bottom: 220px; } .cmf-party-flyout-section[b-2k1m8h45yk] { display: flex; flex-direction: column; gap: 14px; padding: 12px 0 16px; border-bottom: 1px solid #edebe9; } .cmf-party-flyout-section:last-child[b-2k1m8h45yk] { border-bottom: none; padding-bottom: 8px; } .cmf-party-flyout-section-head[b-2k1m8h45yk] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 4px; } .cmf-party-flyout-section-title[b-2k1m8h45yk] { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: normal; text-transform: none; color: #323130; } .cmf-party-flyout-section-chevron[b-2k1m8h45yk] { font-size: 12px; color: #605e5c; flex-shrink: 0; } .cmf-party-flyout-field[b-2k1m8h45yk] { display: flex; flex-direction: column; gap: 6px; width: 100%; } .cmf-party-flyout-transport-row[b-2k1m8h45yk] { display: flex; flex-wrap: wrap; gap: 10px 12px; width: 100%; margin-top: 4px; } .cmf-party-flyout-transport-field[b-2k1m8h45yk] { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .cmf-party-flyout-transport-field-truck[b-2k1m8h45yk] { flex: 0 0 92px; max-width: 92px; } .cmf-party-flyout-transport-field-driver[b-2k1m8h45yk] { flex: 1 1 140px; min-width: 120px; } .cmf-party-flyout-transport-field-contact[b-2k1m8h45yk], .cmf-party-flyout-transport-field-ref[b-2k1m8h45yk] { flex: 0 0 108px; max-width: 108px; } .cmf-party-flyout-transport-field[b-2k1m8h45yk] .cmf-party-flyout-control, .cmf-party-flyout-transport-field .cmf-field[b-2k1m8h45yk] { width: 100%; max-width: 100%; } .cmf-party-flyout-vessel-row[b-2k1m8h45yk] { display: flex; flex-wrap: wrap; gap: 10px 12px; width: 100%; } .cmf-party-flyout-vessel-field[b-2k1m8h45yk] { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .cmf-party-flyout-vessel-field-voyage[b-2k1m8h45yk] { flex: 1 1 120px; } .cmf-party-flyout-vessel-field-date[b-2k1m8h45yk] { flex: 0 0 150px; max-width: 150px; } .cmf-party-flyout-vessel-field[b-2k1m8h45yk] .cmf-party-flyout-control, .cmf-party-flyout-vessel-field .cmf-field[b-2k1m8h45yk] { width: 100%; max-width: 100%; } .cmf-party-flyout-field[b-2k1m8h45yk] .autosuggest-input, .cmf-party-flyout-field[b-2k1m8h45yk] .cmf-party-flyout-control, .cmf-party-flyout-field .cmf-field[b-2k1m8h45yk] { width: 100%; max-width: 100%; box-sizing: border-box; } /* D365 boxed inputs inside flyout only */ .cmf-party-flyout .cmf-label[b-2k1m8h45yk] { color: #605e5c; font-size: 12px; font-weight: 400; margin-bottom: 0; text-transform: none; } .cmf-party-flyout .cmf-field[b-2k1m8h45yk] { border: 1px solid #c8c6c4; border-radius: 2px; background: #fff; padding: 0 8px; height: 32px; text-transform: none; font-size: 13px; color: #323130; } .cmf-party-flyout .cmf-field:focus[b-2k1m8h45yk] { border-color: #0078d4; border-bottom-width: 1px; padding-bottom: 0; outline: 1px solid #0078d4; outline-offset: -1px; } .cmf-party-flyout .cmf-field:disabled[b-2k1m8h45yk], .cmf-party-flyout .cmf-field.cmf-field-readonly[b-2k1m8h45yk] { background: #f3f2f1; border-color: #edebe9; color: #605e5c; border-bottom-style: solid; } .cmf-party-flyout .cmf-field[b-2k1m8h45yk]::placeholder { color: #a19f9d; font-style: normal; } .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-input .d365-form-control { border: 1px solid #c8c6c4; border-radius: 2px; background: #fff; height: 32px; padding: 0 8px; font-size: 13px; text-transform: none; color: #323130; } .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-input { position: relative; width: 100%; } .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-input .d365-form-control:focus { border-color: #0078d4; outline: 1px solid #0078d4; outline-offset: -1px; box-shadow: none; } .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-input .d365-form-control:disabled { background: #f3f2f1; border-color: #edebe9; color: #605e5c; } .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-dropdown { border: 1px solid #c8c6c4; border-radius: 2px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Highlighted group (billing client) — subtle D365 accent, not heavy blue box */ .cmf-party-flyout-field.is-focus-target[b-2k1m8h45yk] { padding: 14px; border-radius: 2px; background: #faf9f8; border: 1px solid #edebe9; box-shadow: inset 3px 0 0 #0078d4; } .cmf-party-flyout-section.is-focus-target[b-2k1m8h45yk] { padding: 10px 12px; margin: 0 -12px; border-radius: 2px; background: #faf9f8; border: 1px solid #edebe9; box-shadow: inset 3px 0 0 #0078d4; } .cmf-party-flyout-hint[b-2k1m8h45yk] { margin: 0; font-size: 12px; color: #605e5c; line-height: 1.45; } .cmf-party-flyout-footer[b-2k1m8h45yk] { padding: 12px 20px; border-top: 1px solid #edebe9; display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; background: #fff; } .cmf-flyout-btn-cancel[b-2k1m8h45yk], .cmf-flyout-btn-ok[b-2k1m8h45yk] { min-width: 80px; height: 32px; padding: 0 16px; font-size: 14px; font-weight: 400; border-radius: 2px; cursor: pointer; line-height: 1; } .cmf-flyout-btn-cancel[b-2k1m8h45yk] { border: 1px solid #8a8886; background: #fff; color: #323130; } .cmf-flyout-btn-cancel:hover[b-2k1m8h45yk] { background: #f3f2f1; border-color: #323130; } .cmf-flyout-btn-cancel:focus-visible[b-2k1m8h45yk] { outline: 1px solid #323130; outline-offset: -1px; } .cmf-flyout-btn-ok[b-2k1m8h45yk] { border: 1px solid #0078d4; background: #0078d4; color: #fff; } .cmf-flyout-btn-ok:hover[b-2k1m8h45yk] { background: #106ebe; border-color: #106ebe; } .cmf-flyout-btn-ok:focus-visible[b-2k1m8h45yk] { outline: 2px solid #0078d4; outline-offset: 2px; } .cmf-flyout-clearable-field[b-2k1m8h45yk] { position: relative; width: 100%; } .cmf-flyout-clearable-field .cmf-field[b-2k1m8h45yk] { padding-right: 28px; } .cmf-flyout-field-clear[b-2k1m8h45yk], .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-clear-btn { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: none; background: transparent; color: #605e5c; border-radius: 2px; cursor: pointer; font-size: 14px; line-height: 1; } .cmf-flyout-field-clear:hover[b-2k1m8h45yk], .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-clear-btn:hover { background: #f3f2f1; color: #323130; } .cmf-flyout-field-clear:focus-visible[b-2k1m8h45yk], .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-clear-btn:focus-visible { outline: 1px solid #0078d4; outline-offset: -1px; } .cmf-party-flyout[b-2k1m8h45yk] .autosuggest-input.has-clear .d365-form-control { padding-right: 28px; } .cmf-party-flyout .cmf-customer-field-head[b-2k1m8h45yk] { margin-bottom: 0; min-height: auto; } .cmf-party-flyout .cmf-payby-badge[b-2k1m8h45yk] { font-size: 11px; font-weight: 400; color: #0078d4; background: transparent; border-radius: 0; padding: 0; } .cmf-party-flyout .cmf-add-client-btn[b-2k1m8h45yk] { display: inline-flex; align-items: center; gap: 6px; width: 100%; justify-content: flex-start; border: 1px solid #c8c6c4; background: #fff; color: #0078d4; border-radius: 2px; padding: 8px 12px; font-size: 13px; font-weight: 400; cursor: pointer; } .cmf-party-flyout .cmf-add-client-btn:hover[b-2k1m8h45yk] { background: #f3f2f1; border-color: #0078d4; } .cmf-party-flyout .cmf-add-client-btn:focus-visible[b-2k1m8h45yk] { border-color: #0078d4; outline: 1px solid #0078d4; outline-offset: -1px; } .cmf-party-flyout .cmf-billing-client-row[b-2k1m8h45yk] { gap: 12px; } .cmf-party-flyout .form-check-label[b-2k1m8h45yk] { font-size: 13px; color: #323130; } .cmf-party-flyout .cmf-same-as-row[b-2k1m8h45yk] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; width: 100%; } .cmf-party-flyout .cmf-same-as-option[b-2k1m8h45yk] { 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-party-flyout .cmf-same-as-option:hover:not(:has(input:disabled))[b-2k1m8h45yk] { border-color: #c8c6c4; background: #f3f2f1; } .cmf-party-flyout .cmf-same-as-option.is-selected[b-2k1m8h45yk] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .cmf-party-flyout .cmf-same-as-option input[b-2k1m8h45yk] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .cmf-party-flyout .cmf-same-as-option input:focus-visible + .cmf-same-as-box[b-2k1m8h45yk] { outline: 2px solid rgba(0, 120, 212, 0.45); outline-offset: 2px; } .cmf-party-flyout .cmf-same-as-box[b-2k1m8h45yk] { width: 14px; height: 14px; border-radius: 2px; border: 1px solid #605e5c; background: #fff; flex-shrink: 0; box-sizing: border-box; position: relative; } .cmf-party-flyout .cmf-same-as-option.is-selected .cmf-same-as-box[b-2k1m8h45yk] { border-color: #0078d4; background: #0078d4; } .cmf-party-flyout .cmf-same-as-option.is-selected .cmf-same-as-box[b-2k1m8h45yk]::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-party-flyout .cmf-same-as-option:has(input:disabled)[b-2k1m8h45yk] { opacity: 0.55; cursor: not-allowed; } .cmf-party-flyout .pill-toggle[b-2k1m8h45yk], .cmf-party-flyout .pill-toggle-sm[b-2k1m8h45yk], .cmf-party-flyout .cmf-party-capsule-sm.pill-toggle[b-2k1m8h45yk] { border: none; background: transparent; border-radius: 0; overflow: visible; gap: 6px; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn[b-2k1m8h45yk], .cmf-party-flyout .pill-toggle-btn[b-2k1m8h45yk] { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; padding: 3px 10px; line-height: 1; min-height: 22px; color: #0078d4; border-radius: 2px; box-sizing: border-box; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn.pill-toggle-active[b-2k1m8h45yk], .cmf-party-flyout .pill-toggle-btn.pill-toggle-active[b-2k1m8h45yk] { background: #0078d4; color: #fff; border-radius: 2px; } /* Receipt button (legacy: yellow background) */ [b-2k1m8h45yk] .d365-btn-receipt { background: #fff9c4 !important; border-color: #f9a825 !important; color: #795548 !important; font-weight: 600; } [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; } /* 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; } /* Grid Pagination */ .grid-pagination[b-2k1m8h45yk] { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; background: #f8f9fa; border-top: 1px solid #dee2e6; font-size: 0.85rem; } .pagination-showing[b-2k1m8h45yk] { color: #6c757d; } .pagination-nav[b-2k1m8h45yk] { display: flex; align-items: center; gap: 4px; } .pagination-btn[b-2k1m8h45yk] { width: 28px; height: 28px; padding: 0; border: 1px solid #dee2e6; background: white; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #495057; transition: all 0.15s; } .pagination-btn:hover:not(:disabled)[b-2k1m8h45yk] { background: #e9ecef; border-color: #adb5bd; } .pagination-btn:disabled[b-2k1m8h45yk] { opacity: 0.5; cursor: not-allowed; } .pagination-info[b-2k1m8h45yk] { font-size: 0.85rem; color: #495057; margin: 0 8px; } /* Compact Grid Layout */ .movements-grid-compact[b-2k1m8h45yk] { width: 100%; } .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 .cell-row[b-2k1m8h45yk] { display: flex; gap: 4px; align-items: baseline; } .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 Options Bar */ .print-options-bar[b-2k1m8h45yk] { display: flex; align-items: center; gap: 20px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; padding: 10px 16px; } .print-label[b-2k1m8h45yk] { font-weight: 500; color: #495057; font-size: 0.875rem; } .print-type-group[b-2k1m8h45yk], .eir-type-group[b-2k1m8h45yk] { display: flex; align-items: center; gap: 8px; } .print-actions[b-2k1m8h45yk] { margin-left: auto; } /* 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; } .cmf-command-toggle[b-2k1m8h45yk] { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-width: 92px; } .cmf-command-toggle-label[b-2k1m8h45yk] { margin: 0; font-size: 11px; font-weight: 600; line-height: 1; color: #4b5563; cursor: pointer; } .cmf-switch[b-2k1m8h45yk] { position: relative; display: inline-flex; width: 30px; height: 16px; cursor: pointer; } .cmf-switch input[b-2k1m8h45yk] { opacity: 0; width: 0; height: 0; position: absolute; } .cmf-switch-slider[b-2k1m8h45yk] { position: absolute; inset: 0; background: #d1d5db; border-radius: 999px; transition: all 0.15s ease; } .cmf-switch-slider[b-2k1m8h45yk]::before { content: ""; position: absolute; width: 12px; height: 12px; 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; } .cmf-switch input:checked + .cmf-switch-slider[b-2k1m8h45yk] { background: var(--d365-primary); } .cmf-switch input:checked + .cmf-switch-slider[b-2k1m8h45yk]::before { transform: translateX(14px); } .cmf-switch input:disabled + .cmf-switch-slider[b-2k1m8h45yk] { opacity: 0.55; cursor: not-allowed; } .cmf-switch input:focus-visible + .cmf-switch-slider[b-2k1m8h45yk] { outline: 2px solid rgba(34, 102, 227, 0.25); outline-offset: 2px; } /* 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; } /* /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 Options Bar — match CMF */ .print-options-bar[b-bamp4yughs] { display: flex; align-items: center; gap: 20px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; padding: 10px 16px; } .print-label[b-bamp4yughs] { font-weight: 500; color: #495057; font-size: 0.875rem; } .print-type-group[b-bamp4yughs] { display: flex; align-items: center; gap: 8px; } .print-actions[b-bamp4yughs] { margin-left: 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: 500; } .activity-in[b-bamp4yughs] { background: #e8f5e9; color: #2e7d32; } .activity-out[b-bamp4yughs] { background: #fff3e0; color: #ef6c00; } .clear-search[b-bamp4yughs] { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: none; background: none; color: #9e9e9e; cursor: pointer; } .movements-grid-compact[b-bamp4yughs] { width: 100%; } .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 .cell-row[b-bamp4yughs] { display: flex; gap: 4px; align-items: baseline; } .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-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; } /* Grid Pagination */ .grid-pagination[b-bamp4yughs] { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; background: #f8f9fa; border-top: 1px solid #dee2e6; font-size: 0.85rem; } .pagination-showing[b-bamp4yughs] { color: #6c757d; } .pagination-nav[b-bamp4yughs] { display: flex; align-items: center; gap: 4px; } .pagination-btn[b-bamp4yughs] { width: 28px; height: 28px; padding: 0; border: 1px solid #dee2e6; background: white; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #495057; transition: all 0.15s; } .pagination-btn:hover:not(:disabled)[b-bamp4yughs] { background: #e9ecef; border-color: #adb5bd; } .pagination-btn:disabled[b-bamp4yughs] { opacity: 0.5; cursor: not-allowed; } .pagination-info[b-bamp4yughs] { font-size: 0.85rem; color: #495057; margin: 0 8px; } /* ===== 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; } .cmf-customer-field-head .cmf-label[b-bamp4yughs] { margin-bottom: 0; line-height: 20px; padding-top: 3px; } .cmf-customer-field-head .pill-toggle-sm[b-bamp4yughs] { flex-shrink: 0; } /* Customer party capsule — D365 side-pane style, compact for main form */ .cmf-party-capsule-sm.pill-toggle[b-bamp4yughs] { border: none; background: transparent; border-radius: 0; overflow: visible; gap: 6px; } .cmf-party-capsule-sm .pill-toggle-btn[b-bamp4yughs] { display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; padding: 3px 10px; line-height: 1; min-height: 20px; color: #0078d4; border-radius: 2px; box-sizing: border-box; } .cmf-party-capsule-sm .pill-toggle-btn:hover:not(:disabled):not(.pill-toggle-active)[b-bamp4yughs] { background: #f3f2f1; } .cmf-party-capsule-sm .pill-toggle-btn.pill-toggle-active[b-bamp4yughs] { background: #0078d4; color: #fff; border-radius: 2px; } /* Gap under heading is on .d365-page-heading-wrap (global); avoid double spacing */ .cmf-page-body-row[b-bamp4yughs] { margin-top: 0; } /* 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. */ .cmf-form-first-row[b-bamp4yughs] { flex-wrap: nowrap !important; overflow: visible; align-items: flex-end; } /* 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-ro-ref-field-wrap[b-bamp4yughs] { position: relative; display: inline-block; width: 80px; vertical-align: bottom; } .cmf-ro-ref-field-icon[b-bamp4yughs] { position: absolute; left: 2px; bottom: 9px; font-size: 11px; line-height: 1; color: #8b7355; opacity: 0.85; pointer-events: none; z-index: 1; } .cmf-form .cmf-ro-ref-field-input.has-list-icon[b-bamp4yughs], .cmf-form input.cmf-ro-ref-field-input.has-list-icon[b-bamp4yughs] { padding-left: 18px !important; } .cmf-ro-ref-field-wrap[b-bamp4yughs] .cmf-ro-ref-field-input::part(control) { padding-left: 18px; } /* Details capsule — top row after Shift toggle */ .cmf-details-capsule-wrap[b-bamp4yughs] { 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; } .cmf-details-top-row .cmf-label-spacer[b-bamp4yughs] { visibility: hidden; margin-bottom: 2px; line-height: 1.2; user-select: none; } .cmf-details-capsule-btn[b-bamp4yughs] { 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; } .cmf-details-capsule-btn:hover:not(:disabled)[b-bamp4yughs] { background: #106ebe; } .cmf-details-capsule-btn:disabled[b-bamp4yughs] { opacity: 0.5; cursor: not-allowed; } .cmf-party-info-strip.container-info-strip[b-bamp4yughs] { min-height: 0; padding: 6px 0 6px 10px; } .cmf-party-info-layout[b-bamp4yughs] { display: flex; align-items: flex-start; min-height: 0; } .cmf-party-info-section[b-bamp4yughs] { 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-bamp4yughs] { background: rgba(34, 102, 227, 0.05); } .cmf-party-info-section:focus-visible[b-bamp4yughs] { outline: 2px solid #2266e3; outline-offset: -2px; } .cmf-party-info-section-head[b-bamp4yughs] { 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-bamp4yughs] { margin-left: auto; background: #eef3fc; color: #2266e3; font-weight: 600; white-space: nowrap; } .cmf-party-info-logistics-row1[b-bamp4yughs] { gap: 14px; } .cmf-party-flyout-inner-divider[b-bamp4yughs] { height: 1px; background: #edebe9; margin: 2px 0 10px; } .cmf-party-flyout-docro-row[b-bamp4yughs] { width: 100%; } .cmf-party-flyout-docro-row[b-bamp4yughs] fluent-text-field.cmf-party-flyout-control { flex: 1; min-width: 0; } .cmf-party-flyout-docro-field .cmf-docro-label-row[b-bamp4yughs] { margin-bottom: 4px; } .cmf-party-info-divider[b-bamp4yughs] { width: 1px; background: #e0dbd3; flex-shrink: 0; align-self: stretch; margin: 2px 0; } .cmf-party-info-strip .container-info-row[b-bamp4yughs] { gap: 14px; } .cmf-party-info-strip .container-info-row-meta[b-bamp4yughs] { margin-top: 2px; } .cmf-party-info-strip .container-info-value[b-bamp4yughs] { line-height: 1.25; } .cmf-party-info-strip .container-info-value.is-empty[b-bamp4yughs] { color: #a09888; font-style: italic; } .cmf-party-info-strip .container-info-badge-pay[b-bamp4yughs] { background: #eef3fc; color: #2266e3; } .cmf-party-info-strip .container-info-item-third[b-bamp4yughs] { 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-bamp4yughs] { padding-right: 0; } .cmf-party-info-transport-row2 .container-info-item-third[b-bamp4yughs] { flex: 1 1 0; max-width: none; } @media (max-width: 1200px) { .cmf-party-info-layout[b-bamp4yughs] { flex-direction: column; min-height: 0; } .cmf-party-info-divider[b-bamp4yughs] { width: auto; height: 1px; margin: 0; } .cmf-party-info-section[b-bamp4yughs] { padding: 10px 14px; } .cmf-party-info-strip .container-info-item-third[b-bamp4yughs] { flex: 0 0 50%; max-width: 50%; } } /* Party Details + Pay-by (Smart Party UX) */ .cmf-party-flyout-btn[b-bamp4yughs] { display: inline-flex; align-items: center; gap: 4px; border: 1px solid #c8c6c4; background: #fff; color: #2266e3; border-radius: 14px; padding: 2px 10px; font-size: 11px; font-weight: 600; cursor: pointer; line-height: 1.2; } .cmf-party-flyout-btn:hover:not(:disabled)[b-bamp4yughs] { background: #e8f0fe; border-color: #2266e3; } .cmf-party-flyout-btn:disabled[b-bamp4yughs] { opacity: 0.5; cursor: not-allowed; } .cmf-docro-label-row[b-bamp4yughs] { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 2px; min-height: 1.35rem; } .cmf-inline-icon-btn[b-bamp4yughs] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 1px solid #d1d5db; border-radius: 6px; background: #fff; color: #6b7280; cursor: pointer; line-height: 1; font-size: 12px; } .cmf-inline-icon-btn:hover[b-bamp4yughs] { color: #2266e3; border-color: #2266e3; background: #e8f0fe; } .cmf-inline-icon-btn.has-value[b-bamp4yughs] { color: #2266e3; border-color: #93c5fd; background: #eff6ff; } .cmf-inline-icon-btn:focus-visible[b-bamp4yughs] { outline: 1px solid #2266e3; outline-offset: -1px; } .cmf-billing-client-row[b-bamp4yughs] { display: flex; gap: 10px; align-items: flex-start; } .cmf-billing-client-code[b-bamp4yughs] { width: 6.5rem; flex-shrink: 0; } .cmf-billing-client-name[b-bamp4yughs] { flex: 1; min-width: 0; } .cmf-add-client-btn[b-bamp4yughs] { display: inline-flex; align-items: center; gap: 6px; width: 100%; justify-content: center; border: 1px dashed #93c5fd; background: #f8fafc; color: #2266e3; border-radius: 8px; padding: 10px 12px; font-size: 12px; font-weight: 600; cursor: pointer; } .cmf-add-client-btn:hover[b-bamp4yughs] { background: #e8f0fe; border-style: solid; } .cmf-payby-row[b-bamp4yughs] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; } .cmf-payby-row-inline[b-bamp4yughs] { margin-top: 1.55rem; min-height: 28px; } .cmf-payby-label[b-bamp4yughs] { font-size: 11px; font-weight: 700; color: #4b5563; text-transform: uppercase; letter-spacing: 0.03em; } .cmf-payby-badge[b-bamp4yughs] { font-size: 10px; font-weight: 600; color: #2266e3; background: #e8f0fe; border-radius: 999px; padding: 2px 8px; } /* Party flyout panel — Dynamics 365 task pane style */ .cmf-party-flyout-backdrop[b-bamp4yughs] { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.2); z-index: 1080; } .cmf-party-flyout[b-bamp4yughs] { 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; } .cmf-party-flyout-header[b-bamp4yughs] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #edebe9; background: #fff; flex-shrink: 0; } .cmf-party-flyout-title[b-bamp4yughs] { margin: 0; font-size: 1.125rem; font-weight: 600; color: #323130; line-height: 1.3; } .cmf-party-flyout-close[b-bamp4yughs] { 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; } .cmf-party-flyout-close:hover[b-bamp4yughs] { background: #f3f2f1; color: #323130; } .cmf-party-flyout-close:focus-visible[b-bamp4yughs] { outline: 1px solid #323130; outline-offset: -1px; } .cmf-party-flyout-body[b-bamp4yughs] { flex: 1; overflow-y: auto; padding: 8px 20px 220px; display: flex; flex-direction: column; gap: 4px; scroll-padding-bottom: 220px; } .cmf-party-flyout-section[b-bamp4yughs] { display: flex; flex-direction: column; gap: 14px; padding: 12px 0 16px; border-bottom: 1px solid #edebe9; } .cmf-party-flyout-section:last-child[b-bamp4yughs] { border-bottom: none; padding-bottom: 8px; } .cmf-party-flyout-section-head[b-bamp4yughs] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 4px; } .cmf-party-flyout-section-title[b-bamp4yughs] { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: normal; text-transform: none; color: #323130; } .cmf-party-flyout-section-chevron[b-bamp4yughs] { font-size: 12px; color: #605e5c; flex-shrink: 0; } .cmf-party-flyout-field[b-bamp4yughs] { display: flex; flex-direction: column; gap: 6px; width: 100%; } .cmf-party-flyout-transport-row[b-bamp4yughs] { display: flex; flex-wrap: wrap; gap: 10px 12px; width: 100%; margin-top: 4px; } .cmf-party-flyout-transport-field[b-bamp4yughs] { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .cmf-party-flyout-transport-field-truck[b-bamp4yughs] { flex: 0 0 92px; max-width: 92px; } .cmf-party-flyout-transport-field-driver[b-bamp4yughs] { flex: 1 1 140px; min-width: 120px; } .cmf-party-flyout-transport-field-contact[b-bamp4yughs], .cmf-party-flyout-transport-field-ref[b-bamp4yughs] { flex: 0 0 108px; max-width: 108px; } .cmf-party-flyout-transport-field[b-bamp4yughs] .cmf-party-flyout-control, .cmf-party-flyout-transport-field .cmf-field[b-bamp4yughs] { width: 100%; max-width: 100%; } .cmf-party-flyout-vessel-row[b-bamp4yughs] { display: flex; flex-wrap: wrap; gap: 10px 12px; width: 100%; } .cmf-party-flyout-vessel-field[b-bamp4yughs] { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .cmf-party-flyout-vessel-field-voyage[b-bamp4yughs] { flex: 1 1 120px; } .cmf-party-flyout-vessel-field-date[b-bamp4yughs] { flex: 0 0 150px; max-width: 150px; } .cmf-party-flyout-vessel-field[b-bamp4yughs] .cmf-party-flyout-control, .cmf-party-flyout-vessel-field .cmf-field[b-bamp4yughs] { width: 100%; max-width: 100%; } .cmf-party-flyout-field[b-bamp4yughs] .autosuggest-input, .cmf-party-flyout-field[b-bamp4yughs] .cmf-party-flyout-control, .cmf-party-flyout-field .cmf-field[b-bamp4yughs] { width: 100%; max-width: 100%; box-sizing: border-box; } /* D365 boxed inputs inside flyout only */ .cmf-party-flyout .cmf-label[b-bamp4yughs] { color: #605e5c; font-size: 12px; font-weight: 400; margin-bottom: 0; text-transform: none; } .cmf-party-flyout .cmf-field[b-bamp4yughs] { border: 1px solid #c8c6c4; border-radius: 2px; background: #fff; padding: 0 8px; height: 32px; text-transform: none; font-size: 13px; color: #323130; } .cmf-party-flyout .cmf-field:focus[b-bamp4yughs] { border-color: #0078d4; border-bottom-width: 1px; padding-bottom: 0; outline: 1px solid #0078d4; outline-offset: -1px; } .cmf-party-flyout .cmf-field:disabled[b-bamp4yughs], .cmf-party-flyout .cmf-field.cmf-field-readonly[b-bamp4yughs] { background: #f3f2f1; border-color: #edebe9; color: #605e5c; border-bottom-style: solid; } .cmf-party-flyout .cmf-field[b-bamp4yughs]::placeholder { color: #a19f9d; font-style: normal; } .cmf-party-flyout[b-bamp4yughs] .autosuggest-input .d365-form-control { border: 1px solid #c8c6c4; border-radius: 2px; background: #fff; height: 32px; padding: 0 8px; font-size: 13px; text-transform: none; color: #323130; } .cmf-party-flyout[b-bamp4yughs] .autosuggest-input { position: relative; width: 100%; } .cmf-party-flyout[b-bamp4yughs] .autosuggest-input .d365-form-control:focus { border-color: #0078d4; outline: 1px solid #0078d4; outline-offset: -1px; box-shadow: none; } .cmf-party-flyout[b-bamp4yughs] .autosuggest-input .d365-form-control:disabled { background: #f3f2f1; border-color: #edebe9; color: #605e5c; } .cmf-party-flyout[b-bamp4yughs] .autosuggest-dropdown { border: 1px solid #c8c6c4; border-radius: 2px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Highlighted group (billing client) — subtle D365 accent, not heavy blue box */ .cmf-party-flyout-field.is-focus-target[b-bamp4yughs] { padding: 14px; border-radius: 2px; background: #faf9f8; border: 1px solid #edebe9; box-shadow: inset 3px 0 0 #0078d4; } .cmf-party-flyout-section.is-focus-target[b-bamp4yughs] { padding: 10px 12px; margin: 0 -12px; border-radius: 2px; background: #faf9f8; border: 1px solid #edebe9; box-shadow: inset 3px 0 0 #0078d4; } .cmf-party-flyout-hint[b-bamp4yughs] { margin: 0; font-size: 12px; color: #605e5c; line-height: 1.45; } .cmf-party-flyout-footer[b-bamp4yughs] { padding: 12px 20px; border-top: 1px solid #edebe9; display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; background: #fff; } .cmf-flyout-btn-cancel[b-bamp4yughs], .cmf-flyout-btn-ok[b-bamp4yughs] { min-width: 80px; height: 32px; padding: 0 16px; font-size: 14px; font-weight: 400; border-radius: 2px; cursor: pointer; line-height: 1; } .cmf-flyout-btn-cancel[b-bamp4yughs] { border: 1px solid #8a8886; background: #fff; color: #323130; } .cmf-flyout-btn-cancel:hover[b-bamp4yughs] { background: #f3f2f1; border-color: #323130; } .cmf-flyout-btn-cancel:focus-visible[b-bamp4yughs] { outline: 1px solid #323130; outline-offset: -1px; } .cmf-flyout-btn-ok[b-bamp4yughs] { border: 1px solid #0078d4; background: #0078d4; color: #fff; } .cmf-flyout-btn-ok:hover[b-bamp4yughs] { background: #106ebe; border-color: #106ebe; } .cmf-flyout-btn-ok:focus-visible[b-bamp4yughs] { outline: 2px solid #0078d4; outline-offset: 2px; } .cmf-flyout-clearable-field[b-bamp4yughs] { position: relative; width: 100%; } .cmf-flyout-clearable-field .cmf-field[b-bamp4yughs] { padding-right: 28px; } .cmf-flyout-field-clear[b-bamp4yughs], .cmf-party-flyout[b-bamp4yughs] .autosuggest-clear-btn { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: none; background: transparent; color: #605e5c; border-radius: 2px; cursor: pointer; font-size: 14px; line-height: 1; } .cmf-flyout-field-clear:hover[b-bamp4yughs], .cmf-party-flyout[b-bamp4yughs] .autosuggest-clear-btn:hover { background: #f3f2f1; color: #323130; } .cmf-flyout-field-clear:focus-visible[b-bamp4yughs], .cmf-party-flyout[b-bamp4yughs] .autosuggest-clear-btn:focus-visible { outline: 1px solid #0078d4; outline-offset: -1px; } .cmf-party-flyout[b-bamp4yughs] .autosuggest-input.has-clear .d365-form-control { padding-right: 28px; } .cmf-party-flyout .cmf-customer-field-head[b-bamp4yughs] { margin-bottom: 0; min-height: auto; } .cmf-party-flyout .cmf-payby-badge[b-bamp4yughs] { font-size: 11px; font-weight: 400; color: #0078d4; background: transparent; border-radius: 0; padding: 0; } .cmf-party-flyout .cmf-add-client-btn[b-bamp4yughs] { display: inline-flex; align-items: center; gap: 6px; width: 100%; justify-content: flex-start; border: 1px solid #c8c6c4; background: #fff; color: #0078d4; border-radius: 2px; padding: 8px 12px; font-size: 13px; font-weight: 400; cursor: pointer; } .cmf-party-flyout .cmf-add-client-btn:hover[b-bamp4yughs] { background: #f3f2f1; border-color: #0078d4; } .cmf-party-flyout .cmf-add-client-btn:focus-visible[b-bamp4yughs] { border-color: #0078d4; outline: 1px solid #0078d4; outline-offset: -1px; } .cmf-party-flyout .cmf-billing-client-row[b-bamp4yughs] { gap: 12px; } .cmf-party-flyout .form-check-label[b-bamp4yughs] { font-size: 13px; color: #323130; } .cmf-party-flyout .cmf-same-as-row[b-bamp4yughs] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; width: 100%; } .cmf-party-flyout .cmf-same-as-option[b-bamp4yughs] { 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-party-flyout .cmf-same-as-option:hover:not(:has(input:disabled))[b-bamp4yughs] { border-color: #c8c6c4; background: #f3f2f1; } .cmf-party-flyout .cmf-same-as-option.is-selected[b-bamp4yughs] { border-color: #0078d4; background: #eff6fc; color: #0078d4; } .cmf-party-flyout .cmf-same-as-option input[b-bamp4yughs] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .cmf-party-flyout .cmf-same-as-option input:focus-visible + .cmf-same-as-box[b-bamp4yughs] { outline: 2px solid rgba(0, 120, 212, 0.45); outline-offset: 2px; } .cmf-party-flyout .cmf-same-as-box[b-bamp4yughs] { width: 14px; height: 14px; border-radius: 2px; border: 1px solid #605e5c; background: #fff; flex-shrink: 0; box-sizing: border-box; position: relative; } .cmf-party-flyout .cmf-same-as-option.is-selected .cmf-same-as-box[b-bamp4yughs] { border-color: #0078d4; background: #0078d4; } .cmf-party-flyout .cmf-same-as-option.is-selected .cmf-same-as-box[b-bamp4yughs]::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-party-flyout .cmf-same-as-option:has(input:disabled)[b-bamp4yughs] { opacity: 0.55; cursor: not-allowed; } .cmf-party-flyout .pill-toggle[b-bamp4yughs], .cmf-party-flyout .pill-toggle-sm[b-bamp4yughs], .cmf-party-flyout .cmf-party-capsule-sm.pill-toggle[b-bamp4yughs] { border: none; background: transparent; border-radius: 0; overflow: visible; gap: 6px; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn[b-bamp4yughs], .cmf-party-flyout .pill-toggle-btn[b-bamp4yughs] { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; padding: 3px 10px; line-height: 1; min-height: 22px; color: #0078d4; border-radius: 2px; box-sizing: border-box; } .cmf-party-flyout .cmf-party-capsule-sm .pill-toggle-btn.pill-toggle-active[b-bamp4yughs], .cmf-party-flyout .pill-toggle-btn.pill-toggle-active[b-bamp4yughs] { background: #0078d4; color: #fff; border-radius: 2px; } /* /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; } }