/* ============================================================================= Hide blinking text caret on non-editable UI. Not CRM contenteditable — Chrome "Navigate pages with a text cursor" (F7) places a caret wherever you click. Keep caret only in real fields. ============================================================================= */ html, body { caret-color: transparent; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]), textarea, select, [contenteditable="true"], .form-control, .select2-search__field, .tox-edit-area, .mce-content-body, .CodeMirror, .CodeMirror textarea, .nx-allow-caret { caret-color: auto !important; } /* KPI / list shells: no accidental caret/selection flash on click */ .nx-home-apple-stat-card, .card.nx-nexora-list-shell, .click-url, .left-sidebar, .topbar, .navbar, .sidebar-nav { -webkit-user-select: none; user-select: none; caret-color: transparent; } :is(html.midnight, html[data-bs-theme="midnight"]) { scrollbar-color: rgba(174, 180, 183, 0.4) rgba(40, 44, 52, 0.62); scrollbar-width: thin; } :is(html.midnight, html[data-bs-theme="midnight"])::-webkit-scrollbar { width: 10px; height: 10px; } :is(html.midnight, html[data-bs-theme="midnight"])::-webkit-scrollbar-track { background: rgba(40, 44, 52, 0.62); } :is(html.midnight, html[data-bs-theme="midnight"])::-webkit-scrollbar-thumb { background: rgba(174, 180, 183, 0.4); border: 2px solid rgba(40, 44, 52, 0.62); border-radius: 999px; } :is(html.midnight, html[data-bs-theme="midnight"])::-webkit-scrollbar-thumb:hover { background: rgba(196, 203, 207, 0.56); } :is(html.midnight, html[data-bs-theme="midnight"]) :is(.table-responsive, .tab-body, .modal-body, .dropdown-menu, .select2-results__options, [class*="scroll"], [style*="overflow"]) { scrollbar-color: rgba(174, 180, 183, 0.34) rgba(40, 44, 52, 0.56); scrollbar-width: thin; } :is(html.midnight, html[data-bs-theme="midnight"]) :is(.table-responsive, .tab-body, .modal-body, .dropdown-menu, .select2-results__options, [class*="scroll"], [style*="overflow"])::-webkit-scrollbar { width: 7px; height: 7px; } :is(html.midnight, html[data-bs-theme="midnight"]) :is(.table-responsive, .tab-body, .modal-body, .dropdown-menu, .select2-results__options, [class*="scroll"], [style*="overflow"])::-webkit-scrollbar-track { background: rgba(40, 44, 52, 0.56); } :is(html.midnight, html[data-bs-theme="midnight"]) :is(.table-responsive, .tab-body, .modal-body, .dropdown-menu, .select2-results__options, [class*="scroll"], [style*="overflow"])::-webkit-scrollbar-thumb { background: rgba(174, 180, 183, 0.34); border: 1px solid rgba(40, 44, 52, 0.56); border-radius: 999px; } :is(html.midnight, html[data-bs-theme="midnight"]) :is(.table-responsive, .tab-body, .modal-body, .dropdown-menu, .select2-results__options, [class*="scroll"], [style*="overflow"])::-webkit-scrollbar-thumb:hover { background: rgba(196, 203, 207, 0.5); } /* ?????????? ????????: ?????????????? ???????????????? ?? ???????? ???????????? ?? ??? (???? ???????????? ???????????? ????????????) */ .sidebar-nav > ul > li > a { display: flex; align-items: center; min-width: 0; } .sidebar-nav > ul > li > a > i { flex-shrink: 0; } .sidebar-nav > ul > li > a .hide-menu { display: block; min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebar-nav > ul > li > a .label { flex-shrink: 0; float: none; margin-left: 6px; } .sidebar-nav ul li ul li a, .sidebar-nav ul li ul li ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } /* ========== ?????????????? ??????????????: ???????????? ???????? (html class / data-bs-theme) + ???????????? ???????????????? ========== */ :root { --nx-tooltip-fg: rgba(33, 37, 41, 0.94); --nx-tooltip-bg: rgba(255, 255, 255, 0.94); --nx-tooltip-bg-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.9) 100%); --nx-tooltip-border: rgba(0, 0, 0, 0.1); --nx-tooltip-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.12), 0 12px 40px -8px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95); --nx-tooltip-arrow: rgba(255, 255, 255, 0.94); } :is( html.midnight, html[data-bs-theme="midnight"], html.AUR.midnight, html.aur.midnight, html[data-bs-theme="AUR midnight"], html[data-bs-theme="aur midnight"], html[data-bs-theme="aur-midnight"], html[data-bs-theme="AUR-midnight"] ) { --nx-tooltip-fg: rgba(245, 248, 255, 0.94); --nx-tooltip-bg: rgba(39, 44, 51, 0.82); --nx-tooltip-bg-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 42%); --nx-tooltip-border: rgba(255, 255, 255, 0.12); --nx-tooltip-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.28), 0 12px 40px -8px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 0 1px rgba(255, 255, 255, 0.06); --nx-tooltip-arrow: rgba(39, 44, 51, 0.94); } .tooltip .tooltip-inner { max-width: min(320px, calc(100vw - 24px)); padding: 10px 14px; border-radius: 12px; font-size: 13px; font-weight: 400; line-height: 1.45; color: var(--nx-tooltip-fg) !important; text-align: left; background-color: var(--nx-tooltip-bg) !important; background-image: var(--nx-tooltip-bg-gradient); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); border: 1px solid var(--nx-tooltip-border); box-shadow: var(--nx-tooltip-shadow); opacity: 1 !important; } :is(html.midnight, html[data-bs-theme="midnight"]) .tooltip .tooltip-inner { border-color: rgba(255, 255, 255, 0.14); } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: var(--nx-tooltip-arrow) !important; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: var(--nx-tooltip-arrow) !important; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: var(--nx-tooltip-arrow) !important; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: var(--nx-tooltip-arrow) !important; } .tooltip .arrow::before { opacity: 1 !important; } .mini-sidebar .menu-tooltips .tooltip-inner { max-width: min(280px, calc(100vw - 24px)) !important; } .mini-sidebar .menu-tooltips.bs-tooltip-right .arrow::before, .mini-sidebar .menu-tooltips.bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: var(--nx-tooltip-arrow) !important; } .mini-sidebar .menu-tooltips.bs-tooltip-left .arrow::before, .mini-sidebar .menu-tooltips.bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: var(--nx-tooltip-arrow) !important; } .mini-sidebar .menu-tooltips.bs-tooltip-top .arrow::before, .mini-sidebar .menu-tooltips.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: var(--nx-tooltip-arrow) !important; } .mini-sidebar .menu-tooltips.bs-tooltip-bottom .arrow::before, .mini-sidebar .menu-tooltips.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: var(--nx-tooltip-arrow) !important; } .mini-sidebar .menu-tooltips .arrow::before { opacity: 1 !important; } /* jQuery Sparkline / Flot ??? ???? ???? ???????????? */ html body .jqstooltip, html body .flotTip { width: auto !important; height: auto !important; max-width: min(320px, calc(100vw - 24px)); color: var(--nx-tooltip-fg) !important; background: var(--nx-tooltip-bg) !important; background-image: var(--nx-tooltip-bg-gradient); padding: 8px 14px !important; border: 1px solid var(--nx-tooltip-border) !important; border-radius: 12px !important; box-shadow: var(--nx-tooltip-shadow); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); } body .jqstooltip { border-color: var(--nx-tooltip-border) !important; } /* C3 ??? ?????????????? ?????????????????? ???????????????? */ .c3-tooltip { border-collapse: separate !important; border-radius: 12px !important; overflow: hidden; box-shadow: var(--nx-tooltip-shadow) !important; border: 1px solid var(--nx-tooltip-border) !important; background-color: var(--nx-tooltip-bg) !important; -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); } .c3-tooltip th, .c3-tooltip td { font-size: 13px !important; color: var(--nx-tooltip-fg) !important; background-color: transparent !important; border-color: var(--nx-tooltip-border) !important; } .c3-tooltip-container { z-index: 1080; } /* Quick order create: header demo data icon button */ #ticket-compose .ticket-panel .x-top-header.x-top-header-with-demo-btn { display: flex; align-items: center; justify-content: space-between; } #ticket-compose .quick-order-demo-fill-btn { border: 0; background: transparent; color: #8fb9ff; padding: 0; margin: 0; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .16s ease, color .16s ease, filter .16s ease; } #ticket-compose .quick-order-demo-fill-btn:hover, #ticket-compose .quick-order-demo-fill-btn:focus-visible { color: #c8deff; transform: translateY(-1px); filter: drop-shadow(0 0 8px rgba(122, 177, 255, .35)); outline: none; } /* Create ticket: ?????? ?????????????? 50/50 ?? ???????????????????? ???????????? ???????????????? */ #wrapper-tickets #ticket-compose.ticket-compose { display: flex; flex-wrap: wrap; align-items: stretch; } #wrapper-tickets #ticket-compose.ticket-compose > .nx-ticket-compose-col { display: flex; flex-direction: column; } #wrapper-tickets #ticket-compose.ticket-compose > .nx-ticket-compose-col > .nx-ticket-compose-card.card { flex: 1 1 auto; width: 100%; display: flex; flex-direction: column; min-height: 100%; } #wrapper-tickets #ticket-compose #ticket-compose-left-panel .ticket-panel, #wrapper-tickets #ticket-compose #ticket-compose-main-panel.ticket-panel { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #wrapper-tickets #ticket-compose #ticket-compose-left-panel .ticket-panel .x-body, #wrapper-tickets #ticket-compose #ticket-compose-main-panel .x-body { flex: 1 1 auto; } /* ????????????????: ?????????????? flex; ???????????????? dropzone ?????????????????? ?????????????? ???? ??????????/???????????? */ #wrapper-tickets #ticket-compose #ticket-compose-main-panel .x-body.nx-ticket-compose-attachments-xbody { display: flex; flex-direction: column; min-height: 0; } #wrapper-tickets #ticket-compose #ticket-compose-main-panel .nx-ticket-compose-dropzone-row { flex: 1 1 auto; min-height: 0; } #wrapper-tickets #ticket-compose #ticket-compose-main-panel .nx-ticket-compose-dropzone-col { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } #wrapper-tickets #ticket-compose #fileupload_ticket.nx-ticket-compose-dropzone-fill.dropzone { flex: 1 1 auto; min-height: 200px !important; height: auto !important; display: flex !important; flex-direction: column; } #wrapper-tickets #ticket-compose #fileupload_ticket.nx-ticket-compose-dropzone-fill .dz-default.dz-message { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 160px; margin: 0; } /* Create ticket: ?????????? / ?????????? / ???????? / ???????????? ??? ?????? ???? ?????? ???????????? (#ticket) */ #wrapper-tickets #ticket-compose .ticket-panel { min-height: 0; } #wrapper-tickets #ticket-compose .ticket-panel .x-top-header { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; font-size: 17px; padding: 14px; padding-bottom: 10px; font-weight: 400; text-transform: capitalize; } #wrapper-tickets #ticket-compose .ticket-panel .x-top-header .x-top-header-title { margin-right: auto; } #wrapper-tickets #ticket-compose .x-top-header-with-compose-files-icon { display: flex; align-items: center; gap: 10px; } #wrapper-tickets #ticket-compose .x-top-header-compose-files-icon { display: inline-flex; align-items: center; justify-content: center; color: #8a94a3; line-height: 1; } #wrapper-tickets #ticket-compose .x-top-header-compose-files-icon i.ph { font-size: 28px; } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .ticket-panel .x-top-header { border-bottom-color: rgba(0, 0, 0, 0.08); } #wrapper-tickets #ticket-compose .ticket-panel .x-body { padding: 14px 16px 16px; background: transparent; } :is(html.midnight, html[data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card.card.m-b-20 { background: rgba(39, 44, 51, 0.72); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 16px; box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.16), 0 12px 40px -8px rgba(0, 0, 0, 0.10), inset 0 1px 0 0 rgba(255, 255, 255, 0.04); overflow: hidden; transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease; } :is(html.midnight, html[data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card.card.m-b-20:hover { border-color: rgba(255, 255, 255, 0.14); transform: translateY(-1px); } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card.card.m-b-20 { border-radius: 16px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 4px 24px -4px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset; } #wrapper-tickets #ticket-compose .nx-ticket-compose-card .form-control, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .form-control { color: #ecf1f3; background-color: #383f48; border-color: rgba(255, 255, 255, 0.12); } #wrapper-tickets #ticket-compose .nx-ticket-compose-card .form-control:focus, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .form-control:focus { background-color: #383f48; border-color: rgba(255, 255, 255, 0.2); color: #ecf1f3; } #wrapper-tickets #ticket-compose .nx-ticket-compose-card .form-control::placeholder, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .form-control::placeholder { color: rgba(236, 241, 243, 0.5); } #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--default .select2-selection--single, #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--bootstrap .select2-selection--single, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--default .select2-selection--single, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--bootstrap .select2-selection--single { background-color: #383f48; border: 1px solid rgba(255, 255, 255, 0.12); color: #ecf1f3; border-radius: 4px; } #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--default .select2-selection--single .select2-selection__rendered, #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--default .select2-selection--single .select2-selection__rendered, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #ecf1f3; } #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--bootstrap.select2-container--open .select2-selection--single, #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--bootstrap.select2-container--open .select2-selection--single { background-color: #383f48 !important; border-color: rgba(255, 255, 255, 0.2) !important; color: #ecf1f3 !important; } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card .form-control, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .form-control { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0.12); } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card .form-control:focus, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .form-control:focus { background-color: #fff; border-color: rgba(0, 0, 0, 0.2); color: #212529; } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card .form-control::placeholder, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .form-control::placeholder { color: rgba(33, 37, 41, 0.45); } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--default .select2-selection--single, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--bootstrap .select2-selection--single, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--default .select2-selection--single, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--bootstrap .select2-selection--single { background-color: #fff; border-color: rgba(0, 0, 0, 0.12); color: #212529; } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--default .select2-selection--single .select2-selection__rendered, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--default .select2-selection--single .select2-selection__rendered { color: #212529; } html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose .nx-ticket-compose-card .select2-container--bootstrap.select2-container--open .select2-selection--single, html:not(.midnight):not([data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose.ticket-compose .ticket-panel .select2-container--bootstrap.select2-container--open .select2-selection--single { background-color: #fff !important; border-color: rgba(0, 0, 0, 0.2) !important; color: #212529 !important; } :is(html.midnight, html[data-bs-theme="midnight"]) body:has(#ticket-compose) .select2-dropdown { background: rgba(90, 100, 115, 0.32) !important; backdrop-filter: blur(14px) saturate(150%) !important; -webkit-backdrop-filter: blur(14px) saturate(150%) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 12px !important; box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.2), 0 16px 48px -12px rgba(0, 0, 0, 0.12), inset 0 1px 0 0 rgba(255, 255, 255, 0.08) !important; } :is(html.midnight, html[data-bs-theme="midnight"]) body:has(#ticket-compose) .select2-results__option { color: rgba(245, 248, 255, 0.9) !important; } :is(html.midnight, html[data-bs-theme="midnight"]) body:has(#ticket-compose) .select2-results__option--highlighted { background: rgba(255, 255, 255, 0.06) !important; color: rgba(245, 248, 255, 0.9) !important; } :is(html.midnight, html[data-bs-theme="midnight"]) body:has(#ticket-compose) .select2-search--dropdown .select2-search__field { background: rgba(255, 255, 255, 0.08) !important; color: rgba(245, 248, 255, 0.9) !important; border-color: rgba(255, 255, 255, 0.12) !important; } :is(html.midnight, html[data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose #fileupload_ticket.dropzone { border: 1px dashed rgba(255, 255, 255, 0.18); border-radius: 12px; background: rgba(0, 0, 0, 0.18); } :is(html.midnight, html[data-bs-theme="midnight"]) #wrapper-tickets #ticket-compose #fileupload_ticket.dropzone .dz-message span { color: rgba(245, 248, 255, 0.78); } /* Items modal - sales model matrix (visual scaffold) */ :is(html.midnight, html[data-bs-theme="midnight"]) #commonModalBody { --nx-item-modal-surface: rgba(255, 255, 255, 0.04); --nx-item-modal-card: rgba(255, 255, 255, 0.03); --nx-item-modal-border: rgba(255, 255, 255, 0.10); --nx-item-modal-text: rgba(236, 241, 243, 0.92); --nx-item-modal-text-muted: rgba(215, 222, 234, 0.78); --nx-item-field-bg: #383f48; --nx-item-field-text: #ecf1f3; --nx-item-field-placeholder: rgba(236, 241, 243, 0.5); --nx-item-field-border: rgba(255, 255, 255, 0.12); } html:not(.midnight):not([data-bs-theme="midnight"]) #commonModalBody { --nx-item-modal-surface: rgba(0, 0, 0, 0.03); --nx-item-modal-card: rgba(0, 0, 0, 0.02); --nx-item-modal-border: rgba(0, 0, 0, 0.10); --nx-item-modal-text: rgba(31, 42, 56, 0.92); --nx-item-modal-text-muted: rgba(31, 42, 56, 0.7); --nx-item-field-bg: #ffffff; --nx-item-field-text: #1f2a38; --nx-item-field-placeholder: rgba(31, 42, 56, 0.45); --nx-item-field-border: rgba(0, 0, 0, 0.14); } #commonModalBody .nx-item-sales-models { border: 1px solid var(--nx-item-modal-border); border-radius: 14px; background: var(--nx-item-modal-surface); padding: 12px; } #commonModalBody .nx-item-sales-models__head { margin-bottom: 10px; } #commonModalBody .nx-item-sales-models__head-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; } #commonModalBody .nx-item-sales-models__title { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-weight: 600; } #commonModalBody .nx-item-sales-models-demo-btn { border: 0; background: transparent; color: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.92); padding: 0; margin: 0; display: inline-flex; align-items: center; gap: 6px; line-height: 1; cursor: pointer; transition: transform .16s ease, color .16s ease, filter .16s ease; } #commonModalBody .nx-item-sales-models-demo-btn:hover, #commonModalBody .nx-item-sales-models-demo-btn:focus-visible { color: rgba(var(--color-accent-2-rgb, 32, 174, 227), 1); transform: translateY(-1px); filter: drop-shadow(0 0 8px rgba(var(--color-accent-2-rgb, 32, 174, 227), .35)); outline: none; } #commonModalBody .nx-item-sales-models-demo-btn span { font-size: 12px; font-weight: 600; } #commonModalBody .nx-item-modal-calc-icon { display: inline-flex; align-items: center; justify-content: center; line-height: 0; } #commonModalBody .nx-item-modal-calc-icon svg { display: block; } #commonModalBody .nx-item-sales-models__hint { margin: 6px 0 0; font-size: 12px; line-height: 1.45; color: var(--nx-item-modal-text-muted); } #commonModalBody .nx-item-sales-models__grid { display: grid; gap: 10px; align-items: start; min-width: 0; } #commonModalBody .nx-item-sales-models__scroll { max-width: 100%; overflow-x: auto; overflow-y: visible; padding-bottom: 0; -webkit-overflow-scrolling: touch; } #commonModalBody .nx-item-sales-model-card { border: 1px solid var(--nx-item-modal-border); border-radius: 12px; background: var(--nx-item-modal-card); padding: 10px; min-width: 0; max-width: 100%; } #commonModalBody .nx-item-sales-model-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; } #commonModalBody .nx-item-sales-model-card__product { display: inline-flex; align-items: center; gap: 8px; min-width: 0; } #commonModalBody .nx-item-sales-model-card__img { width: 48px; height: 48px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; background: rgba(255, 255, 255, 0.04); } #commonModalBody .nx-item-sales-model-card__img img { width: 100%; height: 100%; object-fit: contain; object-position: center; } #commonModalBody .nx-item-sales-model-card__name { font-size: 13px; font-weight: 600; color: var(--nx-item-modal-text); white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 160px; line-height: 1.3; } #commonModalBody .nx-item-sales-model-card__status { font-size: 11px; padding: 3px 8px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); } #commonModalBody .nx-item-sales-model-card__status.is-ready { color: #7de6b6; border-color: rgba(125, 230, 182, 0.45); } #commonModalBody .nx-item-sales-model-card__status.is-empty { color: #d2d8e5; border-color: rgba(210, 216, 229, 0.26); } #commonModalBody .nx-item-sales-model-card .nx-chip { display: inline-flex; align-items: center; font-size: 11px; padding: 4px 8px; border-radius: 999px; border: 1px solid rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.35); color: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.96); margin-bottom: 8px; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card input.form-control, #commonModalBody #nx-item-tab-models .nx-item-sales-model-card textarea.form-control { background-image: url("/public/img/layers-minimalistic-svgrepo-com.svg"); background-repeat: no-repeat; background-size: 14px 14px; background-position: 10px center; padding-left: 30px; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card textarea.form-control { background-position: 10px 10px; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card select.form-control { appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a8b3c2' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 0.75rem center !important; background-size: 0.75rem 0.5rem !important; padding-left: 14px !important; padding-right: 2rem !important; color: var(--nx-item-field-text) !important; background-color: var(--nx-item-field-bg) !important; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card select.form-control option { background: var(--nx-item-field-bg, #1e1e1e) !important; color: var(--nx-item-field-text, #e8eef5) !important; } /* Classic-only: one wide card, 2 fields per row */ #commonModalBody #nx-item-tab-models .nx-item-sales-models__grid--classic-solo { grid-template-columns: minmax(0, 44rem) !important; max-width: 44rem !important; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card--classic-solo { width: 100% !important; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card__body--cols2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.85rem 1.1rem !important; align-items: start !important; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card__body--cols2 > .form-group { margin-bottom: 0 !important; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card__body--cols2 > .nx-item-sales-model-card__field--full, #commonModalBody #nx-item-tab-models .nx-item-sales-model-card__body--cols2 > .nx-item-tab2-classic-offers, #commonModalBody #nx-item-tab-models .nx-item-sales-model-card__body--cols2 > .js-sales-model-script { grid-column: 1 / -1 !important; } @media (max-width: 767.98px) { #commonModalBody #nx-item-tab-models .nx-item-sales-models__grid--classic-solo { grid-template-columns: 1fr !important; max-width: none !important; } #commonModalBody #nx-item-tab-models .nx-item-sales-model-card__body--cols2 { grid-template-columns: 1fr !important; } } /* Item editor tabs — outer-radius pattern: see nx-outer-radius-tabs.css */ #commonModalBody .nx-item-tab-pane .form-control, #commonModalBody .nx-item-tab-pane textarea.form-control, #commonModalBody .nx-item-tab-pane .select2-container--default .select2-selection--single { border-radius: 10px !important; border: 1px solid var(--nx-item-field-border) !important; background-color: var(--nx-item-field-bg) !important; color: var(--nx-item-field-text) !important; box-shadow: none !important; } #commonModalBody .nx-item-tab-pane input.form-control, #commonModalBody .nx-item-tab-pane select.form-control { min-height: 40px !important; padding: 10px 14px !important; font-size: 15px !important; } #commonModalBody .nx-item-tab-pane .form-control:focus, #commonModalBody .nx-item-tab-pane .select2-container--default.select2-container--focus .select2-selection--single, #commonModalBody .nx-item-tab-pane .select2-container--default .select2-selection--single:focus { border-color: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.45) !important; background-color: var(--nx-item-field-bg) !important; color: var(--nx-item-field-text) !important; box-shadow: 0 0 0 3px rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.25) !important; } #commonModalBody .nx-item-tab-pane .form-control::placeholder { color: var(--nx-item-field-placeholder) !important; } #commonModalBody .nx-item-tab-pane .select2-container { width: 100% !important; } #commonModalBody .nx-item-tab-pane .select2-container--default .select2-selection--single { min-height: 40px !important; height: 40px !important; padding: 8px 34px 8px 14px !important; border-radius: 10px !important; border: 1px solid var(--nx-item-field-border) !important; background-color: var(--nx-item-field-bg) !important; } #commonModalBody .nx-item-tab-pane .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 !important; line-height: 22px !important; color: var(--nx-item-field-text) !important; font-size: 15px !important; } #commonModalBody .nx-item-tab-pane .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important; right: 8px !important; } #commonModalBody .nx-item-modal-money-group { display: flex !important; align-items: stretch !important; flex-wrap: nowrap !important; width: 100% !important; } #commonModalBody .nx-item-modal-money-group .form-control { flex: 1 1 auto !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } #commonModalBody .nx-item-modal-currency-addon { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 34px !important; height: 40px !important; margin-left: -1px !important; padding: 0 9px !important; border: 1px solid rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.52) !important; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; color: rgba(223, 236, 255, 0.96) !important; background: linear-gradient(135deg, rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.30), rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.14)) !important; font-weight: 700 !important; font-size: 11px !important; } #commonModal .select2-container--open { z-index: 2065 !important; } #commonModal .select2-dropdown { background: var(--nx-item-field-bg) !important; border: 1px solid var(--nx-item-field-border) !important; border-radius: 10px !important; color: var(--nx-item-field-text) !important; } #commonModal .select2-results__option { color: var(--nx-item-field-text) !important; } #commonModal .select2-results__option--highlighted[aria-selected], #commonModal .select2-results__option--highlighted { background: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.22) !important; color: #f3f8ff !important; } #commonModalBody .nx-toggle { position: relative !important; width: 48px !important; height: 26px !important; flex-shrink: 0 !important; margin: 0 !important; } #commonModalBody .nx-toggle--nexora-switch { width: 51px !important; height: 31px !important; } #commonModalBody .nx-toggle > input[type="checkbox"] { opacity: 0 !important; width: 0 !important; height: 0 !important; position: absolute !important; margin: 0 !important; } #commonModalBody .nx-toggle-slider { position: absolute !important; inset: 0 !important; background: rgba(255, 255, 255, 0.14) !important; border-radius: 9999px !important; cursor: pointer !important; transition: background 150ms ease !important; } #commonModalBody .nx-toggle-slider::before { content: ""; position: absolute; width: 20px; height: 20px; left: 3px; top: 3px; background: #ffffff; border-radius: 50%; transition: transform 150ms ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } #commonModalBody .nx-toggle--nexora-switch .nx-toggle-slider::before { width: 27px; height: 27px; left: 2px; top: 2px; } #commonModalBody .nx-toggle input:checked + .nx-toggle-slider { background: linear-gradient(135deg, #20aee3 0%, #1a9dca 100%) !important; box-shadow: 0 0 0 1px rgba(32, 174, 227, 0.35); } #commonModalBody .nx-toggle input:checked + .nx-toggle-slider::before { transform: translateX(22px); } #commonModalBody .nx-toggle--nexora-switch input:checked + .nx-toggle-slider::before { transform: translateX(20px); } #commonModalBody .nx-item-tab-pane .tinymce-textarea-plain, #commonModalBody .nx-item-tab-pane textarea.tinymce-textarea-plain { background-color: var(--nx-item-field-bg) !important; color: var(--nx-item-field-text) !important; border: 1px solid var(--nx-item-field-border) !important; border-radius: 10px !important; } #commonModalBody .nx-item-tab-pane .tox.tox-tinymce { border: 1px solid var(--nx-item-field-border) !important; border-radius: 10px !important; background: var(--nx-item-field-bg) !important; overflow: hidden !important; } #commonModalBody .nx-item-tab-pane .tox .tox-editor-header, #commonModalBody .nx-item-tab-pane .tox .tox-toolbar-overlord, #commonModalBody .nx-item-tab-pane .tox .tox-toolbar, #commonModalBody .nx-item-tab-pane .tox .tox-toolbar__primary { background: var(--nx-item-field-bg) !important; border-color: var(--nx-item-field-border) !important; } #commonModalBody .nx-item-tab-pane .tox .tox-edit-area, #commonModalBody .nx-item-tab-pane .tox .tox-edit-area__iframe { background: var(--nx-item-field-bg) !important; } #commonModalBody .nx-course-row { border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 12px; padding: 0; background: rgba(9, 14, 28, 0.45); overflow: hidden; } #commonModalBody .nx-item-sales-models__head-actions { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; } #commonModalBody .nx-course-row .control-label { font-size: 11px; color: rgba(205, 214, 229, 0.82); } #commonModalBody .nx-course-row .form-control { background-image: none !important; padding-left: 10px !important; } #commonModalBody #nx-item-tab-offers .nx-item-tab3-help { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 0.65rem 0.9rem; background: rgba(255, 255, 255, 0.02); } #commonModalBody #nx-item-tab-offers .nx-item-tab3-help__summary { cursor: pointer; list-style: none; font-size: 13px; color: rgba(183, 194, 210, 0.92); user-select: none; } #commonModalBody #nx-item-tab-offers .nx-item-tab3-help__summary::-webkit-details-marker { display: none; } #commonModalBody #nx-item-tab-offers .nx-item-tab3-core { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.03); } #commonModalBody #nx-item-tab-offers .nx-item-sales-models { border: none; background: transparent; padding: 0 0 1.25rem; } #commonModalBody #nx-item-tab-offers { padding-bottom: 0.75rem; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models__scroll { padding-bottom: 0.35rem; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models__grid--stack > .nx-item-sales-model-card:last-child { margin-bottom: 0.35rem; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models__title { margin: 0; font-size: 1rem; font-weight: 600; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models__head-actions { display: inline-flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models-demo-btn { appearance: none; -webkit-appearance: none; border: 1px solid rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.35); background: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.1); color: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.95); padding: 0 0.75rem; margin: 0; border-radius: 0.55rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; line-height: 1; height: 2rem; min-height: 2rem; max-height: 2rem; box-sizing: border-box; font-size: 0.75rem; font-weight: 600; transform: none; filter: none; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models-demo-btn:hover, #commonModalBody #nx-item-tab-offers .nx-item-sales-models-demo-btn:focus-visible { background: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.18); border-color: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.55); color: #fff; transform: translateY(-1px); filter: none; outline: none; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models-demo-btn .nx-item-modal-calc-icon { display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; flex: 0 0 1rem; line-height: 0; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models-demo-btn .nx-item-modal-calc-icon svg { display: block; width: 1rem; height: 1rem; } #commonModalBody #nx-item-tab-offers .nx-item-sales-models-demo-btn__label { display: inline-block; line-height: 1rem; white-space: nowrap; } #commonModalBody #nx-item-tab-offers .nx-course-row__identity, #commonModalBody #nx-item-tab-offers .nx-course-row__discounts { padding-bottom: 0.85rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } #commonModalBody #nx-item-tab-offers .nx-item-sales-models__grid, #commonModalBody #nx-item-tab-offers .nx-item-sales-models__grid--stack { display: flex; flex-direction: column; gap: 1.15rem; grid-template-columns: none !important; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; padding: 1rem 1.1rem 1.1rem; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__head { display: flex; align-items: center; justify-content: space-between; gap: 0.85rem 1.25rem; flex-wrap: wrap; margin-bottom: 0.85rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__head-main { display: inline-flex !important; flex-direction: row !important; align-items: center !important; gap: 0.7rem !important; flex: 1 1 auto; min-width: 0; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: rgb(var(--color-accent-2-rgb, 197, 205, 216)) !important; line-height: 1 !important; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__icon .fa-solid { font-size: 1.85rem !important; line-height: 1 !important; color: inherit !important; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__name { margin: 0; font-size: 1.05rem; font-weight: 650; line-height: 1.2; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__unit { flex: 0 1 13.5rem; min-width: 11rem; max-width: 100%; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__unit .control-label { display: block; margin-bottom: 0.3rem; font-size: 0.6875rem; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(183, 194, 210, 0.75); } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__unit select.form-control, #commonModalBody #nx-item-tab-offers .nx-course-row select.form-control, #commonModalBody #nx-item-tab-offers .nx-course-row input.form-control { appearance: none; -webkit-appearance: none; background-color: var(--nx-item-field-bg, rgba(255, 255, 255, 0.06)) !important; border: 1px solid var(--nx-item-field-border, rgba(255, 255, 255, 0.12)) !important; color: var(--nx-item-field-text, #e8eef8) !important; border-radius: 10px !important; box-shadow: none !important; min-height: 2.35rem; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__unit select.form-control { padding-right: 2rem !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a8b3c2' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 0.75rem center !important; background-size: 0.75rem 0.5rem !important; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__unit select.form-control:focus, #commonModalBody #nx-item-tab-offers .nx-course-row .form-control:focus { border-color: rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.55) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(var(--color-accent-2-rgb, 32, 174, 227), 0.15) !important; } #commonModalBody #nx-item-tab-offers .nx-item-sales-model-card__unit select.form-control option { background: #1a1f2b; color: #e8eef8; } #commonModalBody #nx-item-tab-offers .js-sales-model-courses { display: flex; flex-direction: column; gap: 0.75rem; } #commonModalBody #nx-item-tab-offers details.nx-course-row { display: block; margin: 0; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; background: rgba(255, 255, 255, 0.02); overflow: hidden; padding: 0; } #commonModalBody #nx-item-tab-offers .nx-course-row__head { display: flex; align-items: center; gap: 0.65rem; padding: 0.7rem 0.95rem; background: rgba(255, 255, 255, 0.03); border-bottom: 1px solid transparent; cursor: pointer; list-style: none; user-select: none; } #commonModalBody #nx-item-tab-offers details.nx-course-row[open] > .nx-course-row__head { border-bottom-color: rgba(255, 255, 255, 0.08); } #commonModalBody #nx-item-tab-offers .nx-course-row__head::-webkit-details-marker { display: none; } #commonModalBody #nx-item-tab-offers .nx-course-row__head::before { content: "\25B6"; flex: 0 0 auto; font-size: 9px; opacity: 0.65; color: rgba(183, 194, 210, 0.75); transition: transform 0.15s ease; } #commonModalBody #nx-item-tab-offers details.nx-course-row[open] > .nx-course-row__head::before { transform: rotate(90deg); } #commonModalBody #nx-item-tab-offers .nx-course-row__head-label { flex: 0 0 auto; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(183, 194, 210, 0.75); } #commonModalBody #nx-item-tab-offers .nx-course-row__head-key { flex: 1 1 auto; min-width: 0; font-size: 0.8125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #commonModalBody #nx-item-tab-offers .nx-course-row__head-total { flex: 0 0 auto; font-size: 0.875rem; font-weight: 600; font-variant-numeric: tabular-nums; } #commonModalBody #nx-item-tab-offers .nx-course-row__body { display: flex; flex-direction: column; gap: 0.95rem; padding: 0.95rem; } #commonModalBody #nx-item-tab-offers .nx-course-row__discounts-grid, #commonModalBody #nx-item-tab-offers .nx-course-row__pricing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } #commonModalBody #nx-item-tab-offers .nx-course-row__pricing { grid-template-columns: repeat(3, minmax(0, 1fr)); } #commonModalBody #nx-item-tab-offers .nx-course-row__footer { display: flex; justify-content: flex-end; } #commonModalBody #nx-item-tab-offers .js-course-total-preview { background: rgba(255, 255, 255, 0.04); color: #dce6f7; font-weight: 600; } #commonModalBody #nx-item-tab-offers .nx-course-add-btn { align-self: flex-start; border: 1px dashed rgba(255, 255, 255, 0.16); background: transparent; color: rgba(183, 194, 210, 0.9); border-radius: 10px; } #commonModalBody .nx-course-custom-titles__summary { cursor: pointer; font-size: 12px; color: rgba(183, 194, 210, 0.92); user-select: none; list-style: none; } #commonModalBody .nx-course-custom-titles__summary::-webkit-details-marker { display: none; } #commonModalBody .nx-course-custom-titles__summary::before { content: "\25B6"; display: inline-block; margin-right: 6px; font-size: 9px; opacity: 0.65; transform: translateY(-1px); } #commonModalBody .nx-course-custom-titles[open] > .nx-course-custom-titles__summary::before { transform: rotate(90deg) translate(1px, -1px); } #commonModalBody .nx-course-custom-titles__body { padding-left: 2px; border-left: 2px solid rgba(77, 163, 255, 0.25); margin-left: 4px; padding-top: 2px; } @media (max-width: 1199.98px) { #commonModalBody #nx-item-tab-models .nx-item-sales-models__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767.98px) { #commonModalBody #nx-item-tab-models .nx-item-sales-models__grid, #commonModalBody .nx-item-tab-pane#nx-item-tab-models .nx-item-sales-models__grid { grid-template-columns: 1fr !important; } #commonModalBody #nx-item-tab-offers .nx-course-row__discounts-grid, #commonModalBody #nx-item-tab-offers .nx-course-row__pricing { grid-template-columns: 1fr; } #commonModalBody #nx-item-tab-offers .nx-course-row__footer { justify-content: stretch; } #commonModalBody #nx-item-tab-offers .nx-course-row__footer .btn { width: 100%; } #commonModalBody .nx-item-sales-model-card__name { max-width: none; } } @media (max-width: 575.98px) { #commonModalBody .nx-item-sales-models__head-top { flex-direction: column; align-items: flex-start; } } /* Common modal ??? ticket status sound (settings ??? statuses): dom_html ?? #commonModalBody; ???? ???????????? ???????? nx-nexora-list-shell ??? ?????????????? ?????????? ?? ?????????? */ :is(html.midnight, html[data-bs-theme="midnight"]) #commonModalBody { --nx-tkt-radius-sm: 12px; --nx-tkt-row: rgba(255, 255, 255, 0.04); --nx-tkt-row-hover: rgba(255, 255, 255, 0.06); --nx-tkt-br: rgba(255, 255, 255, 0.06); --nx-tkt-br-hover: rgba(255, 255, 255, 0.1); --nx-tkt-muted: rgba(200, 208, 220, 0.72); } html:not(.midnight):not([data-bs-theme="midnight"]) #commonModalBody { --nx-tkt-radius-sm: 12px; --nx-tkt-row: rgba(0, 0, 0, 0.03); --nx-tkt-row-hover: rgba(0, 0, 0, 0.055); --nx-tkt-br: rgba(0, 0, 0, 0.07); --nx-tkt-br-hover: rgba(0, 0, 0, 0.1); --nx-tkt-muted: rgba(55, 65, 81, 0.72); } /* ???????? ??????????????: ???? ???? ??????????/????????????????, ?????? .nx-settings-sounds-cards ?? system-sounds.blade.php (card + b-l-*) */ #commonModalBody .nx-ticket-status-sound .card.card-body, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body { border-radius: var(--nx-tkt-radius-sm) !important; background: var(--nx-tkt-row) !important; background-color: var(--nx-tkt-row) !important; border: 1px solid var(--nx-tkt-br) !important; border-left-width: 3px !important; border-left-style: solid !important; box-shadow: none !important; padding: 14px 16px !important; margin-bottom: 0 !important; transition: border-color 0.15s ease, background-color 0.15s ease; } #commonModalBody .nx-ticket-status-sound .card.card-body:hover, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body:hover { border-color: var(--nx-tkt-br-hover) !important; background: var(--nx-tkt-row-hover) !important; background-color: var(--nx-tkt-row-hover) !important; } /* Guide card: badge + clear how-to (premium layout) */ #commonModalBody .nx-ticket-status-sound .nx-tsu-guide-card, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide-card { padding: 16px 18px !important; } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide { display: flex; flex-direction: column; gap: 12px; min-width: 0; } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__badge, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__badge { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__body, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__body { min-width: 0; } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__title, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__title { margin: 0 0 6px; font-size: 13px; font-weight: 650; letter-spacing: 0.01em; color: rgba(245, 248, 255, 0.92); } html:not(.midnight):not([data-bs-theme="midnight"]):not([data-bs-theme="aur-midnight"]):not([data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__title { color: rgba(30, 34, 40, 0.92); } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__lead, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__lead { margin: 0 0 10px; font-size: 12.5px; line-height: 1.45; color: rgba(245, 248, 255, 0.62); } html:not(.midnight):not([data-bs-theme="midnight"]):not([data-bs-theme="aur-midnight"]):not([data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__lead { color: rgba(79, 79, 79, 0.78); } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__list, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__item, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__item { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 8px 12px; align-items: start; margin: 0; padding: 0; } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__item-label, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__item-label { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(245, 248, 255, 0.55); padding-top: 1px; } html:not(.midnight):not([data-bs-theme="midnight"]):not([data-bs-theme="aur-midnight"]):not([data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__item-label { color: rgba(79, 79, 79, 0.55); } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__item-text, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__item-text { font-size: 12.5px; line-height: 1.4; color: rgba(245, 248, 255, 0.78); } html:not(.midnight):not([data-bs-theme="midnight"]):not([data-bs-theme="aur-midnight"]):not([data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__item-text { color: rgba(60, 64, 72, 0.88); } #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__hint, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__hint { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.08); font-size: 12px; line-height: 1.4; color: rgba(245, 248, 255, 0.5); } html:not(.midnight):not([data-bs-theme="midnight"]):not([data-bs-theme="aur-midnight"]):not([data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__hint { border-top-color: rgba(0, 0, 0, 0.06); color: rgba(79, 79, 79, 0.62); } @media (max-width: 480px) { #commonModalBody .nx-ticket-status-sound .nx-tsu-guide__item, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-guide__item { grid-template-columns: 1fr; gap: 2px; } } /* ?????????? ???????????? b-l-* ??? ???? ???? rgba, ?????? ?? #settingsFormSystemSounds .nx-settings-sounds-cards (??????. secondary/danger/lime/brown) */ #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-primary, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-primary { border-left-color: rgba(32, 174, 227, 0.9) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-info, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-info { border-left-color: rgba(32, 174, 227, 0.75) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-teal, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-teal { border-left-color: rgba(0, 131, 143, 0.82) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-success, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-success { border-left-color: rgba(36, 210, 181, 0.9) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-warning, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-warning { border-left-color: rgba(255, 188, 52, 0.95) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-secondary, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-secondary { border-left-color: rgba(204, 204, 204, 0.88) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-danger, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-danger { border-left-color: rgba(255, 92, 108, 0.9) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-lime, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-lime { border-left-color: rgba(205, 220, 57, 0.95) !important; } #commonModalBody .nx-ticket-status-sound .card.card-body.b-l-brown, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .card.card-body.b-l-brown { border-left-color: rgba(121, 85, 72, 0.9) !important; } /* ???????? ??????????????: ???????????????????????? ???????? ?????????? ???????????????? ?????????????????? ?? ?????????????????? ???????????????? (?????? ?????????????????? ???????? ???? ??????????) */ #commonModalBody .nx-ticket-status-sound, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound { display: flex; flex-direction: column; gap: 1rem; min-width: 0; } #commonModalBody .nx-ticket-status-sound > .card.card-body, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound > .card.card-body { min-width: 0; } /* * nx-tsu-file-card: ???? glass-?????? (badge + select + play/cloud + ????? + tips). * ???? ???????: .nx-ticket-status-sound.nx-tsu-color-{color} */ #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card { width: 100%; min-width: 0; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__glass-body, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__glass-body { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 10px; pointer-events: none; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__meta-row, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__meta-row { display: flex; align-items: center; gap: 8px; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-row, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-row { min-width: 0; pointer-events: auto; } /* Row 2: native select = same field as rename below (no select2) */ #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-inline, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-inline { position: relative; z-index: 2; display: block; min-width: 0; width: 100%; max-width: min(280px, 100%); margin: 6px 0 0; pointer-events: auto; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-native, #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-inline select#ticketstatus_system_sound, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-native, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-inline select#ticketstatus_system_sound { display: block !important; width: 100% !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; margin: 0 !important; padding: 5px 28px 5px 8px !important; border: 1px solid rgba(80, 90, 110, 0.35) !important; border-radius: 8px !important; background-color: #f7f8fa !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.2L6 6l4.8-4.8' stroke='%234f4f4f' stroke-width='1.4' fill='none'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 11px 7px !important; color: #4f4f4f !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; box-shadow: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer !important; opacity: 1 !important; visibility: visible !important; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-native:focus, #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-inline select#ticketstatus_system_sound:focus, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-native:focus, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-inline select#ticketstatus_system_sound:focus { border-color: rgba(80, 90, 110, 0.55) !important; background-color: #ffffff !important; outline: none !important; box-shadow: none !important; } :is(html.midnight, html[data-bs-theme="midnight"], html[data-bs-theme="aur-midnight"], html[data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-native, :is(html.midnight, html[data-bs-theme="midnight"], html[data-bs-theme="aur-midnight"], html[data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-inline select#ticketstatus_system_sound { border: 1px solid rgba(80, 90, 110, 0.35) !important; background-color: #f7f8fa !important; color: #4f4f4f !important; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__below, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__below { display: none !important; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__file-name, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__file-name { display: none !important; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-label, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-label { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 600; color: #4f4f4f; } :is(html.midnight, html[data-bs-theme="midnight"], html[data-bs-theme="aur-midnight"], html[data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-label { color: rgba(245, 248, 255, 0.78); } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__select-row .select2-container, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__select-row .select2-container { width: 100% !important; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__player, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__player { margin: 10px 0 0 !important; pointer-events: auto; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__player .nx-glass-audio-player__shell, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__player .nx-glass-audio-player__shell { border: 0 !important; outline: none !important; box-shadow: none !important; border-radius: 12px; padding: 10px 12px; background: rgba(0, 0, 0, 0.045); } :is(html.midnight, html[data-bs-theme="midnight"], html[data-bs-theme="aur-midnight"], html[data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__player .nx-glass-audio-player__shell { border: 0 !important; box-shadow: none !important; background: rgba(255, 255, 255, 0.07); } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__tips, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__tips { margin-top: 10px; padding: 0 4px; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__tip, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__tip { font-size: 12px; line-height: 1.4; color: rgba(79, 79, 79, 0.72); } :is(html.midnight, html[data-bs-theme="midnight"], html[data-bs-theme="aur-midnight"], html[data-bs-theme="aur midnight"]) #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__tip { color: rgba(245, 248, 255, 0.55); } #commonModalBody .nx-ticket-status-sound .nx-ticket-status-sound-upload, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-ticket-status-sound-upload { flex: 0 0 auto; min-width: 0; max-width: 100%; width: 100%; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__track, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__track { width: 100%; min-width: 0; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__main-box { /* ?????? = ?????? ?????? (162px), ???? ???????? ??? clip ? ??? ?????? ????? */ --nx-tsu-blue-strip: 200px; --nx-tsu-cloud-w: 162px; --nx-tsu-main-pad: 40px; --nx-tsu-radius: 18px; --nx-tsu-accent: rgb(32, 174, 227); container-type: inline-size; container-name: nx-tsu-card; --nx-tsu-blue-strip: clamp(140px, 20cqw, 200px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; width: 100%; min-height: 60px; height: auto; margin: 0; padding: 22px 24px; --nx-tsu-main-pad: 24px; border-radius: var(--nx-tsu-radius); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.14); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.14); -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; cursor: default; } /* ?????? ???????? / Play / ????? ? ???? ?????????? ?? ?????? */ #commonModalBody .nx-ticket-status-sound.nx-tsu-color-primary .nx-tsu-file-card__main-box, #commonModalBody .nx-ticket-status-sound.nx-tsu-color-info .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-primary .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-info .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(32, 174, 227); } #commonModalBody .nx-ticket-status-sound.nx-tsu-color-teal .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-teal .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(0, 131, 143); } #commonModalBody .nx-ticket-status-sound.nx-tsu-color-success .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-success .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(36, 210, 181); } #commonModalBody .nx-ticket-status-sound.nx-tsu-color-warning .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-warning .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(255, 188, 52); } #commonModalBody .nx-ticket-status-sound.nx-tsu-color-default .nx-tsu-file-card__main-box, #commonModalBody .nx-ticket-status-sound.nx-tsu-color-secondary .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-default .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-secondary .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(204, 204, 204); } #commonModalBody .nx-ticket-status-sound.nx-tsu-color-danger .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-danger .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(255, 92, 108); } #commonModalBody .nx-ticket-status-sound.nx-tsu-color-lime .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-lime .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(205, 220, 57); } #commonModalBody .nx-ticket-status-sound.nx-tsu-color-brown .nx-tsu-file-card__main-box, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound.nx-tsu-color-brown .nx-tsu-file-card__main-box { --nx-tsu-accent: rgb(121, 85, 72); } /* ??? ?????? ?????? ? --nx-tsu-accent; ?????? = ???????? (??? ???????? ? ?????) */ #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__main-box::after, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__main-box::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background: var(--nx-tsu-accent); pointer-events: none; } /* Play + folder + dots = ??? ?? ??????, ??? ???????? (???? Bootstrap .text-* !important) */ #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__svg, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__svg, #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__icon, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__icon, #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__icon svg, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__icon svg { color: var(--nx-tsu-accent) !important; fill: currentColor; background-color: transparent !important; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__dots div, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__dots div { background-color: var(--nx-tsu-accent) !important; } /* ????? ?????: ??? ?? ??????, ??? ? main-box ? ????? ??????? ???????? ?????? ? ????? */ #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__main-box::before, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__main-box::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; background: #ffffff; pointer-events: none; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); -webkit-transition: -webkit-clip-path 700ms cubic-bezier(0.82, -0.02, 0.4, 1.18); transition: clip-path 700ms cubic-bezier(0.82, -0.02, 0.4, 1.18); } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__main-box:hover::before, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__main-box:hover::before, #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__main-box.nx-tsu-expanded::before, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__main-box.nx-tsu-expanded::before { -webkit-clip-path: inset(0 var(--nx-tsu-blue-strip) 0 0); clip-path: inset(0 var(--nx-tsu-blue-strip) 0 0); } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__box-content, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__box-content { width: 100%; position: relative; z-index: 2; min-width: 0; box-sizing: border-box; pointer-events: none; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__white-hit, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__white-hit { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; min-width: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__title, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__title, #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__icon--play, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__icon--play { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #commonModalBody .nx-ticket-status-sound .nx-tsu-file-card__name-input, body.settings #settings-wrapper #embed-content-container .nx-ticket-status-sound .nx-tsu-file-card__name-input { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /* Cloud strip: native