/* Styles for /dealer-cabinet/. Loaded from to prevent unstyled content. */ /* Раздел идёт без внешней карточки-рамки: её заголовок дублировал шапку раздела и съедал место. Гасим хром #inner-card на всех ширинах и обнуляем его отступы — контент самостоятельный, начинается сразу с .dcab-hero и стоит вровень с колонкой, без «следа» от рамки. Ширина вкладок из-за этого растёт на 32px и проходит порог 820px @container-раскладок (dcab-orders / dlvx / dlyx / dratg / dstr) — это тот же широкий вариант, что и при свёрнутом левом меню. */ #inner-card { display: block !important; box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin-right: 0 !important; padding-bottom: 0 !important; } #inner-card > .card-header { display: none !important; } #inner-card > .card-body { box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0 !important; background: transparent !important; border: 0 !important; padding: 0 !important; } .dcab-page, .dcab-shell { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; } .dcab-shell { display: grid; gap: 0.9rem; } .dcab-hero { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 0.9rem; padding: 1rem 1.05rem; border-radius: 1rem; border: 1px solid #d6e7fb; background: radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 88% 22%, rgba(117, 198, 255, 0.24) 0%, rgba(117, 198, 255, 0) 30%), radial-gradient(circle at 68% 82%, rgba(194, 230, 255, 0.3) 0%, rgba(194, 230, 255, 0) 34%), linear-gradient(135deg, #ffffff 0%, #f7fbff 42%, #edf6ff 100%); box-shadow: 0 12px 28px rgba(29, 78, 145, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; overflow: hidden; } .dcab-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255, 255, 255, 0.42) 8%, rgba(255, 255, 255, 0) 44%, rgba(126, 192, 255, 0.08) 100%); pointer-events: none; } .dcab-hero::after { content: ""; position: absolute; left: 1rem; right: 1rem; top: 0; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 20%, rgba(171, 214, 255, 0.92) 52%, rgba(255, 255, 255, 0.4) 100%); pointer-events: none; } .dcab-hero__main { position: relative; z-index: 1; display: flex; align-items: center; gap: 0.8rem; min-width: 0; } .dcab-hero__icon { width: 42px; height: 42px; border-radius: 0.8rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg, #4f8fff 0%, #7fd8ff 100%); box-shadow: 0 10px 24px rgba(62, 126, 224, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.4); flex-shrink: 0; } .dcab-hero__copy { min-width: 0; } .dcab-hero__eyebrow { display: flex; align-items: center; gap: 0.46rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #5a7aa2; white-space: nowrap; min-width: 0; } .dcab-hero__brand { flex: 0 0 auto; color: #376ba8; letter-spacing: 0.09em; } .dcab-hero__bullet { width: 0.34rem; height: 0.34rem; flex: 0 0 auto; border-radius: 50%; background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%); box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.14), 0 0 8px rgba(37, 99, 235, 0.34); } .dcab-hero__client { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .dcab-hero__title { font-size: 1.12rem; font-weight: 700; color: #183a67; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72); } .dcab-hero__sub { font-size: 0.86rem; color: #5b7494; margin-top: 0.16rem; } .dcab-hero__side { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 0.55rem; flex-wrap: wrap; justify-content: flex-end; } .dcab-hero-btn { display: inline-flex; align-items: center; gap: 0.46rem; min-height: 36px; padding: 0.42rem 0.84rem; border-radius: 999px; border: 1px solid rgba(158, 185, 214, 0.78); text-decoration: none; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.01em; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; box-shadow: 0 4px 12px rgba(31, 79, 128, 0.08); } .dcab-hero-btn:hover { transform: translateY(-1px); text-decoration: none; } .dcab-hero-btn__icon { font-size: 0.72rem; flex: 0 0 auto; } .dcab-hero-btn--back { color: #2f5a87; background: linear-gradient(135deg, rgba(255, 255, 255, 0.99) 0%, rgba(243, 249, 255, 0.96) 100%); border-color: rgba(190, 211, 235, 0.96); } .dcab-hero-btn--back:hover { color: #1f4975; border-color: rgba(129, 177, 229, 0.98); box-shadow: 0 10px 22px rgba(54, 93, 137, 0.14); } .dcab-hero-btn--login { color: #ffffff; background: linear-gradient(135deg, #2d6fff 0%, #63c7ff 100%); border-color: transparent; box-shadow: 0 10px 24px rgba(43, 107, 210, 0.26); } .dcab-hero-btn--login:hover { color: #ffffff; background: linear-gradient(135deg, #215be0 0%, #4bb7fb 100%); box-shadow: 0 14px 28px rgba(22, 91, 165, 0.3); } .dcab-hero-btn.is-disabled { color: #7990a8; background: linear-gradient(135deg, rgba(247, 250, 253, 0.96) 0%, rgba(237, 243, 248, 0.96) 100%); border-color: rgba(205, 216, 228, 0.94); box-shadow: none; cursor: not-allowed; opacity: 0.88; } .dcab-chip { padding: 0.27rem 0.62rem; font-size: 0.73rem; border-radius: 999px; color: #1f4f80; background: #f3f9ff; border: 1px solid #cde3fb; } .dcab-tabs { display: flex; flex-wrap: wrap; gap: 0.28rem; } .dcab-tabs .nav-item { margin: 0; } .dcab-tabs .nav-link { border-radius: 999px; padding: 0.3rem 0.72rem; font-size: 0.8rem; font-weight: 600; line-height: 1.2; color: #365d89; border: 1px solid #d1e2f2; background: #f9fbfe; } .dcab-tabs .nav-link.active { color: #fff; border-color: transparent; background: linear-gradient(135deg, #376ec6 0%, #2f8fbd 100%); box-shadow: 0 6px 14px rgba(44, 108, 184, 0.25); } .dcab-tabs .nav-link.dcab-tab-sales-accent { display: inline-flex; align-items: center; gap: 0.3rem; border-color: rgba(111, 99, 216, 0.68); background: linear-gradient(135deg, #fefeff 0%, #f5f4ff 100%); box-shadow: 0 3px 10px rgba(78, 68, 181, 0.09), inset 0 0 0 1px rgba(255, 255, 255, 0.76); transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; } .dcab-tabs .nav-link.dcab-tab-sales-accent > i { display: inline-grid; place-items: center; width: 1.18rem; height: 1.18rem; border: 1px solid rgba(111, 99, 216, 0.36); border-radius: 50%; color: #6256d6; background: #efedff; box-shadow: 0 2px 6px rgba(82, 70, 192, 0.13); font-size: 0.6rem; transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; } .dcab-tabs .nav-link.dcab-tab-sales-accent:hover:not(.active) { color: #5047aa; border-color: #7164dd; background: linear-gradient(135deg, #ffffff 0%, #f0eeff 100%); box-shadow: 0 6px 15px rgba(82, 70, 192, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.82); transform: translateY(-1px); } .dcab-tabs .nav-link.dcab-tab-sales-accent:hover > i { border-color: rgba(104, 91, 213, 0.62); background: #e6e2ff; box-shadow: 0 3px 8px rgba(82, 70, 192, 0.19); transform: scale(1.04); } .dcab-tabs .nav-link.dcab-tab-sales-accent.active { color: #fff; border-color: #9186ec; background: linear-gradient(135deg, #426bc8 0%, #6257c5 100%); box-shadow: 0 6px 14px rgba(64, 79, 177, 0.26), 0 0 0 1px rgba(112, 99, 216, 0.16); } .dcab-tabs .nav-link.dcab-tab-sales-accent.active > i { color: #5749bd; border-color: rgba(205, 199, 255, 0.86); background: linear-gradient(135deg, #f6f4ff 0%, #ded9ff 100%); box-shadow: 0 3px 9px rgba(35, 46, 127, 0.22); } .dcab-tabs .nav-link.dcab-tab-sales-accent:focus-visible { outline: 2px solid rgba(111, 99, 216, 0.5); outline-offset: 2px; } .dcab-tab-with-badge { display: inline-flex; align-items: center; gap: 0.28rem; } .dcab-tab-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 1.05rem; height: 1.05rem; padding: 0 0.28rem; border-radius: 999px; font-size: 0.6rem; font-weight: 800; line-height: 1; color: #ffffff; background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); box-shadow: 0 6px 12px rgba(217, 119, 6, 0.24); } /* Задержки отгрузки — тревожный счётчик */ .dcab-tab-badge--alarm { background: linear-gradient(135deg, #f43f5e 0%, #be123c 100%); box-shadow: 0 6px 12px rgba(190, 18, 60, 0.26); } /* Пульс заказов прямо во вкладке «Заказы»: новые · просроченные · в работе */ .dcab-ordtab-counts { display: inline-flex; align-items: center; gap: 0.2rem; margin-left: 0.34rem; } .dcab-ordtab-count { --dcab-ordtab-dot: rgba(54, 93, 137, 0.32); display: inline-flex; align-items: center; justify-content: center; gap: 0.19rem; flex: 0 0 auto; min-width: 1.52rem; height: 1rem; padding: 0 0.3rem; border-radius: 999px; color: #7f97b3; background: rgba(54, 93, 137, 0.08); font-size: 0.6rem; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; cursor: pointer; transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; } .dcab-ordtab-count::before { content: ''; flex: 0 0 auto; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: var(--dcab-ordtab-dot); transition: background 0.18s ease; } .dcab-ordtab-count:hover { transform: translateY(-1px); } /* Светлая (неактивная) вкладка — пастельные плашки с фирменными цветами фильтров */ .dcab-ordtab-count--new:not(.is-zero) { --dcab-ordtab-dot: #12a0c4; color: #06718f; background: #e2f5fb; } .dcab-ordtab-count--overdue:not(.is-zero) { --dcab-ordtab-dot: #ec2948; color: #b5122f; background: #ffe3e9; } .dcab-ordtab-count--proc:not(.is-zero) { --dcab-ordtab-dot: #3b82f6; color: #1d4ed8; background: #e7eeff; } /* Активная вкладка — цифры выходят на белые плашки прямо по градиенту */ .dcab-tabs .nav-link.active .dcab-ordtab-count { --dcab-ordtab-dot: rgba(255, 255, 255, 0.55); color: rgba(255, 255, 255, 0.82); background: rgba(255, 255, 255, 0.18); } .dcab-tabs .nav-link.active .dcab-ordtab-count--new:not(.is-zero) { --dcab-ordtab-dot: #0e9bc0; color: #056a86; background: #f4fdff; } .dcab-tabs .nav-link.active .dcab-ordtab-count--proc:not(.is-zero) { --dcab-ordtab-dot: #2563eb; color: #1a45c9; background: #f5f8ff; } .dcab-tabs .nav-link.active .dcab-ordtab-count--overdue:not(.is-zero) { --dcab-ordtab-dot: rgba(255, 255, 255, 0.94); color: #fff; background: linear-gradient(135deg, #ff5470 0%, #e01235 100%); box-shadow: 0 3px 9px rgba(176, 15, 45, 0.42); } /* Просрочка тихо пульсирует, пока она есть */ @keyframes dcabOrdTabAlarm { 0% { box-shadow: 0 0 0 0 rgba(236, 41, 72, 0.5); } 70% { box-shadow: 0 0 0 0.26rem rgba(236, 41, 72, 0); } 100% { box-shadow: 0 0 0 0 rgba(236, 41, 72, 0); } } @keyframes dcabOrdTabAlarmLight { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.62); } 70% { box-shadow: 0 0 0 0.26rem rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .dcab-ordtab-count--overdue:not(.is-zero)::before { animation: dcabOrdTabAlarm 2.4s ease-out infinite; } .dcab-tabs .nav-link.active .dcab-ordtab-count--overdue:not(.is-zero)::before { animation-name: dcabOrdTabAlarmLight; } /* Цифра изменилась — короткий отскок */ @keyframes dcabOrdTabBump { 0% { transform: scale(1); } 38% { transform: scale(1.19); } 100% { transform: scale(1); } } .dcab-ordtab-count.is-bumped { animation: dcabOrdTabBump 0.42s ease-out; } @media (prefers-reduced-motion: reduce) { .dcab-ordtab-count, .dcab-ordtab-count::before, .dcab-ordtab-count.is-bumped { animation: none !important; transition: none; } .dcab-ordtab-count:hover { transform: none; } } .dcab-content { background: #fff; border: 1px solid #dbe7f4; border-radius: 1rem; padding: 0.95rem; box-shadow: 0 4px 16px rgba(21, 52, 90, 0.06); } .dcab-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 0.7rem; flex-wrap: wrap; margin-bottom: 0.72rem; } .dcab-stats { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.42rem; } .dcab-stat-chip { border-radius: 999px; padding: 0.2rem 0.62rem; font-size: 0.75rem; border: 1px solid #d8e6f5; color: #2f4d6f; background: #f7fbff; } .dcab-stat-chip--active { color: #1c6b54; border-color: #bde7d8; background: #ecf9f4; } .dcab-stat-chip--inactive { color: #64748b; border-color: #cbd5e1; background: #f1f5f9; } .dcab-stat-chip--req-new { color: #9a5807; border-color: #f5d9a8; background: #fff8ed; } .dcab-stat-chip--req-progress { color: #1d4ed8; border-color: #c9dafb; background: #eef5ff; } .dcab-stat-chip--req-approved { color: #166534; border-color: #bde7d8; background: #ecf9f4; } .dcab-stat-chip--req-rejected { color: #991b1b; border-color: #f3c1c1; background: #fff1f1; } .dcab-toolbar__actions { display: inline-flex; gap: 0.42rem; flex-wrap: wrap; } .dcab-requests-toolbar__actions { align-items: center; justify-content: flex-end; } .dcab-requests-switch { display: inline-flex; align-items: center; padding: 0.16rem; border-radius: 999px; border: 1px solid #d5e4f3; background: linear-gradient(135deg, #f9fbfe 0%, #f1f7ff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92); } .dcab-requests-switch__btn { display: inline-flex; align-items: center; gap: 0.42rem; min-height: 34px; padding: 0.38rem 0.8rem; border-radius: 999px; border: 0; background: transparent; color: #547191; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.01em; box-shadow: none; transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .dcab-requests-switch__btn:hover { color: #24476f; transform: translateY(-1px); } .dcab-requests-switch__btn.is-active { color: #ffffff; background: linear-gradient(135deg, #2563eb 0%, #1d8ec8 100%); box-shadow: 0 10px 18px rgba(37, 99, 235, 0.22); } .dcab-requests-switch__count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.45rem; height: 1.45rem; padding: 0 0.36rem; border-radius: 999px; background: rgba(255, 255, 255, 0.18); font-size: 0.69rem; line-height: 1; } .dcab-requests-switch__btn:not(.is-active) .dcab-requests-switch__count { background: #ffffff; color: #315983; border: 1px solid #d9e6f3; } .dcab-requests-note { display: flex; align-items: flex-start; gap: 0.5rem; margin: -0.08rem 0 0.78rem; padding: 0.72rem 0.84rem; border: 1px solid #dce9f7; border-radius: 0.94rem; background: linear-gradient(135deg, #fcfeff 0%, #f4f9ff 100%); color: #5b7594; font-size: 0.74rem; line-height: 1.5; } .dcab-requests-note i { margin-top: 0.06rem; color: #2563eb; } .dcab-dealers-toolbar__actions { gap: 0.5rem; flex-wrap: nowrap; } .dcab-dealers-toolbar { display: grid; grid-template-columns: minmax(250px, auto) minmax(460px, 1fr); align-items: flex-start; } .dcab-dealers-toolbar__right { display: grid; grid-template-columns: minmax(220px, 330px) max-content; align-items: center; justify-content: end; gap: 0.6rem; min-width: 0; } .dcab-dealers-search { display: inline-flex; align-items: center; gap: 0.42rem; width: 100%; min-width: 0; margin: 0; padding: 0.12rem 0.18rem 0.12rem 0.52rem; border-radius: 999px; border: 1px solid #d7e4f2; background: linear-gradient(135deg, #fbfdff 0%, #f2f8ff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94); transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; } .dcab-dealers-search:focus-within { border-color: #8ab4e3; background: linear-gradient(135deg, #ffffff 0%, #edf6ff 100%); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08); } .dcab-dealers-search__icon { color: #6f8cad; font-size: 0.68rem; flex: 0 0 auto; } .dcab-dealers-search__input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; box-shadow: none !important; padding: 0.22rem 0; font-size: 0.77rem; color: #24486f; } .dcab-dealers-search__input:focus { border: 0; outline: none; } .dcab-dealers-search__clear { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 999px; background: #ffffff; color: #64809e; box-shadow: 0 4px 10px -8px rgba(35, 77, 122, 0.38); transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease; } .dcab-dealers-search__clear:hover { color: #315983; background: #eef6ff; transform: scale(1.04); } .dcab-dealers-meta { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; flex-wrap: wrap; margin: -0.12rem 0 0.68rem; } .dcab-dealers-meta__text { font-size: 0.75rem; line-height: 1.45; color: #60788f; } .dcab-dealers-meta__controls { display: flex; align-items: center; justify-content: flex-end; gap: 0.55rem; min-width: 0; margin-left: auto; } .dcab-dealers-sort { display: grid; grid-template-columns: auto minmax(112px, 1fr) auto; align-items: center; gap: 0.48rem; min-width: 178px; min-height: 38px; margin: 0; padding: 0.3rem 0.55rem 0.3rem 0.38rem; border: 1px solid #d8def7; border-radius: 0.9rem; background: linear-gradient(135deg, #ffffff 0%, #f4f5ff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 10px 24px -22px rgba(79, 70, 229, 0.5); cursor: pointer; transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; } .dcab-dealers-sort:hover { border-color: #bdc4ef; transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 14px 28px -22px rgba(79, 70, 229, 0.56); } .dcab-dealers-sort:focus-within { border-color: #818cf8; box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.12); } .dcab-dealers-sort__icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 0.7rem; color: #4f46b8; background: linear-gradient(135deg, #ececff 0%, #e5e7ff 100%); font-size: 0.78rem; } .dcab-dealers-sort__copy { display: grid; gap: 0.02rem; min-width: 0; } .dcab-dealers-sort__caption { font-size: 0.56rem; font-weight: 800; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; color: #8587a8; } .dcab-dealers-sort__select { width: 100%; padding: 0; border: 0; outline: 0; appearance: none; background: transparent; color: #363477; font-size: 0.75rem; font-weight: 800; line-height: 1.25; cursor: pointer; } .dcab-dealers-sort__select:disabled { cursor: wait; opacity: 0.62; } .dcab-dealers-sort__chevron { color: #777ab0; font-size: 0.62rem; pointer-events: none; } .dcab-dealers-pagination { display: flex; align-items: center; justify-content: center; gap: 0.36rem; flex-wrap: wrap; margin-top: 0.82rem; } .dcab-dealers-pagination[hidden] { display: none; } .dcab-dealers-pagination--top { flex-wrap: nowrap; max-width: 100%; margin: 0; padding: 0.2rem; border: 1px solid #dce8f4; border-radius: 999px; background: linear-gradient(135deg, #fbfdff 0%, #f1f7fe 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 18px -18px rgba(41, 81, 125, 0.38); overflow-x: auto; scrollbar-width: thin; } .dcab-dealers-page-btn, .dcab-dealers-page-gap { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 0.72rem; border-radius: 999px; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.01em; } .dcab-dealers-page-btn { border: 1px solid #d1e0ef; background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 100%); color: #345b83; box-shadow: 0 8px 18px -22px rgba(41, 81, 125, 0.36); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-dealers-page-btn:hover { color: #1f4974; transform: translateY(-1px); border-color: #aac8e7; background: linear-gradient(135deg, #ffffff 0%, #e7f2ff 100%); box-shadow: 0 12px 22px -22px rgba(41, 81, 125, 0.44); } .dcab-dealers-page-btn.is-active { color: #ffffff; border-color: transparent; background: linear-gradient(135deg, #2563eb 0%, #1d8ec8 100%); box-shadow: 0 10px 20px rgba(37, 99, 235, 0.24); } .dcab-dealers-page-btn:disabled { cursor: default; opacity: 0.55; transform: none; box-shadow: none; } .dcab-dealers-page-gap { color: #89a0b6; } .dcab-dealers-pagination--top .dcab-dealers-page-btn, .dcab-dealers-pagination--top .dcab-dealers-page-gap { min-width: 30px; height: 30px; padding: 0 0.52rem; font-size: 0.69rem; } .dcab-dealers-pagination--top .dcab-dealers-page-gap { padding-inline: 0.18rem; } .dcab-dealers-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.34rem; min-height: 34px; padding: 0.42rem 0.86rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.01em; white-space: nowrap; border-width: 1px; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-dealers-btn:hover { transform: translateY(-1px); } .dcab-dealers-btn--ghost { color: #29517d; border-color: #c9dbef; background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 100%); box-shadow: 0 4px 12px rgba(53, 92, 136, 0.08); } .dcab-dealers-btn--ghost:hover { color: #193f68; border-color: #9fc0e4; background: linear-gradient(135deg, #ffffff 0%, #eaf4ff 100%); box-shadow: 0 8px 18px rgba(53, 92, 136, 0.14); } .dcab-dealers-btn--primary { color: #ffffff; border-color: transparent; background: linear-gradient(135deg, #2563eb 0%, #1d8ec8 100%); box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24); } .dcab-dealers-btn--primary:hover { color: #ffffff; background: linear-gradient(135deg, #1d4ed8 0%, #1977aa 100%); box-shadow: 0 12px 24px rgba(37, 99, 235, 0.3); } .dcab-dealer-edit-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border-radius: 0.85rem; font-size: 0.88rem; font-weight: 700; letter-spacing: 0.01em; color: #29517d; border: 1px solid #c7dbf1; background: linear-gradient(135deg, #ffffff 0%, #edf5ff 100%); box-shadow: 0 8px 18px -14px rgba(53, 92, 136, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.92); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; flex: 0 0 auto; } .dcab-dealer-edit-btn:hover { color: #173f6b; border-color: #8eb4de; background: linear-gradient(135deg, #ffffff 0%, #dfeeff 100%); box-shadow: 0 12px 22px -14px rgba(41, 81, 125, 0.4); transform: translateY(-1px) scale(1.03); } .dcab-dealer-edit-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14), 0 10px 20px -14px rgba(41, 81, 125, 0.38); } .dcab-dealer-edit-btn--store { color: #18714c; border-color: #bfe4cf; background: linear-gradient(135deg, #ffffff 0%, #edf9f2 100%); } .dcab-dealer-edit-btn--store:hover { color: #105d3d; border-color: #8fd0aa; background: linear-gradient(135deg, #ffffff 0%, #def4e8 100%); } .dcab-dealer-action-label { display: none; } .dcab-promo-toolbar__actions { gap: 0.5rem; } .dcab-promo-btn, .dcab-settings-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.34rem; min-height: 34px; padding: 0.42rem 0.88rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.01em; border-width: 1px; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-promo-btn:hover, .dcab-settings-btn:hover { transform: translateY(-1px); text-decoration: none; } .dcab-promo-btn--ghost, .dcab-settings-btn--ghost { color: #29517d; border-color: #c9dbef; background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 100%); box-shadow: 0 4px 12px rgba(53, 92, 136, 0.08); } .dcab-promo-btn--ghost:hover, .dcab-settings-btn--ghost:hover { color: #193f68; border-color: #9fc0e4; background: linear-gradient(135deg, #ffffff 0%, #eaf4ff 100%); box-shadow: 0 8px 18px rgba(53, 92, 136, 0.14); } .dcab-promo-btn--primary, .dcab-settings-btn--primary { color: #ffffff !important; border-color: transparent; background: linear-gradient(135deg, #2563eb 0%, #1d8ec8 100%); box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24); text-shadow: 0 1px 0 rgba(8, 35, 77, 0.18); } .dcab-promo-btn--primary:hover, .dcab-settings-btn--primary:hover { color: #ffffff !important; background: linear-gradient(135deg, #1d4ed8 0%, #1977aa 100%); box-shadow: 0 12px 24px rgba(37, 99, 235, 0.3); } .dcab-promo-btn--primary i, .dcab-settings-btn--primary i, .dcab-promo-btn--primary:hover i, .dcab-settings-btn--primary:hover i { color: inherit !important; } .dcab-settings-btn--muted { color: #58687a; border-color: #d6e0ea; background: linear-gradient(135deg, #ffffff 0%, #f6f8fb 100%); box-shadow: 0 3px 10px rgba(92, 108, 126, 0.06); } .dcab-settings-btn--muted:hover { color: #405062; border-color: #bfcedb; background: linear-gradient(135deg, #ffffff 0%, #eff4f8 100%); box-shadow: 0 8px 18px rgba(92, 108, 126, 0.12); } .dcab-settings-btn--success { color: #ffffff; border-color: transparent; background: linear-gradient(135deg, #6f63d9 0%, #8b7cf0 52%, #7f8cf7 100%); box-shadow: 0 8px 18px rgba(101, 92, 210, 0.24); } .dcab-settings-btn--success:hover { color: #ffffff; background: linear-gradient(135deg, #6356cf 0%, #7e6fe8 52%, #7180f1 100%); box-shadow: 0 12px 24px rgba(101, 92, 210, 0.3); } .dcab-settings-btn--tbank { color: #171a20; border-color: #f2c900; background: linear-gradient(135deg, #fff047 0%, #ffdd2d 54%, #ffc400 100%); box-shadow: 0 8px 18px rgba(234, 184, 0, .25), inset 0 1px 0 rgba(255,255,255,.68); } .dcab-settings-btn--tbank:hover { color: #090b0f; border-color: #e3b900; background: linear-gradient(135deg, #fff46a 0%, #ffe23f 52%, #ffca12 100%); box-shadow: 0 12px 24px rgba(226, 177, 0, .32); } .dcab-settings-btn--tbank[hidden] { display: none !important; } .dcab-settings-btn--tbank.is-running i { animation: dcabTBankSpin 1s linear infinite; } .dcab-tbank-sync-modal { --tb-yellow: #ffdd2d; --tb-ink: #151922; --tb-blue: #3b82f6; } .dcab-tbank-sync-modal .modal-dialog { max-width: min(1040px, calc(100vw - 1.5rem)); } .dcab-tbank-sync { border: 0; border-radius: 1.3rem; overflow: hidden; background: #f7f9fc; box-shadow: 0 30px 80px rgba(8, 15, 30, .34), 0 0 0 1px rgba(255,255,255,.08); } .dcab-tbank-sync__topbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 48px; padding: .6rem .85rem; color: #aab4c7; background: linear-gradient(180deg, #161b25 0%, #0d1119 100%); border-bottom: 1px solid rgba(255,255,255,.08); } .dcab-tbank-sync__window-dots { display: flex; gap: .42rem; } .dcab-tbank-sync__window-dots span { width: 10px; height: 10px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); } .dcab-tbank-sync__window-dots span:nth-child(1) { background: #ff6258; } .dcab-tbank-sync__window-dots span:nth-child(2) { background: #ffbd2e; } .dcab-tbank-sync__window-dots span:nth-child(3) { background: #28c840; } .dcab-tbank-sync__secure { display: inline-flex; align-items: center; gap: .42rem; font-size: .68rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; } .dcab-tbank-sync__secure i { color: var(--tb-yellow); } .dcab-tbank-sync__close { justify-self: end; display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: .65rem; color: #aab4c7; background: rgba(255,255,255,.045); transition: .16s ease; } .dcab-tbank-sync__close:hover { color: #fff; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.1); } .dcab-tbank-sync__body { display: grid; gap: 1rem; padding: 1.1rem 1.15rem 1.2rem; background: radial-gradient(circle at 92% 0%, rgba(255, 221, 45, .18), transparent 30%), linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%); } .dcab-tbank-sync__hero { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .9rem; } .dcab-tbank-sync__mark { position: relative; display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 1rem; color: #171a20; font-size: 1.15rem; background: linear-gradient(135deg, #fff36b 0%, var(--tb-yellow) 62%, #f8c900 100%); box-shadow: 0 14px 28px -16px rgba(183, 139, 0, .76), inset 0 1px 0 rgba(255,255,255,.72); } .dcab-tbank-sync__pulse { position: absolute; inset: -1px; border: 2px solid rgba(255, 213, 0, .52); border-radius: inherit; animation: dcabTBankPulse 1.8s ease-out infinite; } .dcab-tbank-sync.is-complete .dcab-tbank-sync__mark { color: #fff; background: linear-gradient(135deg, #22c55e, #0d9f57); } .dcab-tbank-sync.is-complete .dcab-tbank-sync__pulse { border-color: rgba(34,197,94,.45); animation: none; } .dcab-tbank-sync.is-warning .dcab-tbank-sync__mark { color: #fff; background: linear-gradient(135deg, #f59e0b, #dc7b08); } .dcab-tbank-sync.is-error .dcab-tbank-sync__mark { color: #fff; background: linear-gradient(135deg, #ef4444, #c32f45); } .dcab-tbank-sync__hero-copy { min-width: 0; } .dcab-tbank-sync__eyebrow { margin-bottom: .18rem; color: #78859a; font-size: .65rem; font-weight: 850; letter-spacing: .085em; text-transform: uppercase; } .dcab-tbank-sync__title { margin: 0; color: #182235; font-size: 1.12rem; font-weight: 850; letter-spacing: -.015em; } .dcab-tbank-sync__subtitle { margin-top: .22rem; color: #68778d; font-size: .78rem; line-height: 1.45; } .dcab-tbank-sync__percent { min-width: 72px; color: #1e2c42; font-size: 1.48rem; font-weight: 900; letter-spacing: -.045em; text-align: right; } .dcab-tbank-sync__progress { position: relative; height: 9px; overflow: hidden; border-radius: 999px; background: #dfe6ef; box-shadow: inset 0 1px 3px rgba(27,43,65,.12); } .dcab-tbank-sync__progress-bar { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; background: linear-gradient(90deg, #f6c800 0%, var(--tb-yellow) 42%, #64a5ff 100%); box-shadow: 0 0 18px rgba(255, 214, 0, .42); transition: width .3s ease; } .dcab-tbank-sync__stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .65rem; } .dcab-tbank-sync__stat { display: flex; align-items: center; gap: .65rem; min-width: 0; padding: .72rem .78rem; border: 1px solid #dce5ef; border-radius: .9rem; background: rgba(255,255,255,.88); box-shadow: 0 8px 18px rgba(23,43,73,.055); } .dcab-tbank-sync__stat-icon { flex: 0 0 auto; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: .72rem; font-size: .78rem; } .dcab-tbank-sync__stat-icon.is-total { color: #775d00; background: #fff7c7; } .dcab-tbank-sync__stat-icon.is-checked { color: #1e5faa; background: #e8f2ff; } .dcab-tbank-sync__stat-icon.is-changed { color: #08794a; background: #e6f8ef; } .dcab-tbank-sync__stat-icon.is-errors { color: #bc3349; background: #ffedf0; } .dcab-tbank-sync__stat > span:last-child { display: grid; min-width: 0; line-height: 1.05; } .dcab-tbank-sync__stat small { color: #7a899d; font-size: .64rem; font-weight: 750; } .dcab-tbank-sync__stat strong { margin-top: .25rem; color: #1d293b; font-size: 1rem; font-weight: 900; } .dcab-tbank-terminal { overflow: hidden; min-height: 300px; border: 1px solid #202a39; border-radius: 1rem; background: #0b1018; box-shadow: 0 20px 38px -25px rgba(4,10,20,.72), inset 0 1px 0 rgba(255,255,255,.045); } .dcab-tbank-terminal__head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; min-height: 42px; padding: .65rem .82rem; color: #aab7c9; background: linear-gradient(180deg, #171e2a 0%, #111722 100%); border-bottom: 1px solid #253043; font: 700 .7rem/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; } .dcab-tbank-terminal__head > div { display: inline-flex; align-items: center; gap: .52rem; } .dcab-tbank-terminal__head > div i { color: var(--tb-yellow); } .dcab-tbank-terminal__live { display: inline-flex; align-items: center; gap: .35rem; color: #7f8da2; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; } .dcab-tbank-terminal__live i { width: 7px; height: 7px; border-radius: 50%; background: #2dd36f; box-shadow: 0 0 0 4px rgba(45,211,111,.09), 0 0 12px rgba(45,211,111,.55); } .dcab-tbank-terminal__screen { height: min(41vh, 365px); min-height: 255px; overflow: auto; padding: .8rem .9rem 1rem; color: #bac7d8; scrollbar-color: #344155 #0b1018; scrollbar-width: thin; font: 500 .72rem/1.58 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; } .dcab-tbank-terminal__line { display: grid; grid-template-columns: 64px 18px minmax(0,1fr); gap: .42rem; padding: .17rem 0; word-break: break-word; } .dcab-tbank-terminal__time { color: #536176; } .dcab-tbank-terminal__symbol { color: #64a5ff; font-weight: 900; text-align: center; } .dcab-tbank-terminal__line.is-success .dcab-tbank-terminal__symbol, .dcab-tbank-terminal__line.is-success .dcab-tbank-terminal__message { color: #65e19a; } .dcab-tbank-terminal__line.is-change .dcab-tbank-terminal__symbol, .dcab-tbank-terminal__line.is-change .dcab-tbank-terminal__message { color: #ffe45f; } .dcab-tbank-terminal__line.is-error .dcab-tbank-terminal__symbol, .dcab-tbank-terminal__line.is-error .dcab-tbank-terminal__message { color: #ff7f91; } .dcab-tbank-terminal__line.is-muted .dcab-tbank-terminal__message { color: #758398; } .dcab-tbank-terminal__cursor { display: inline-block; width: 7px; height: 1em; margin-left: .35rem; vertical-align: -.16em; background: var(--tb-yellow); animation: dcabTBankCursor 1s steps(1,end) infinite; } .dcab-tbank-sync__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.1rem; border-top: 1px solid #dde5ef; background: #fff; } .dcab-tbank-sync__footnote { display: inline-flex; align-items: flex-start; gap: .45rem; color: #718097; font-size: .68rem; line-height: 1.4; } .dcab-tbank-sync__footnote i { margin-top: .1rem; color: #3b82f6; } .dcab-tbank-sync__actions { display: flex; justify-content: flex-end; gap: .5rem; flex: 0 0 auto; } .dcab-tbank-sync__btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 36px; padding: .45rem .85rem; border-radius: .72rem; font-size: .72rem; font-weight: 800; } .dcab-tbank-sync__btn[hidden] { display: none !important; } .dcab-tbank-sync__btn--close { color: #435269; border: 1px solid #d3dde8; background: #f8fafc; } .dcab-tbank-sync__btn--again { color: #141820; border: 1px solid #e7c300; background: var(--tb-yellow); } .dcab-tbank-sync__btn--stop { color: #b52d43; border: 1px solid #f0bdc6; background: #fff3f5; } @keyframes dcabTBankSpin { to { transform: rotate(360deg); } } @keyframes dcabTBankPulse { 0% { opacity: .8; transform: scale(1); } 72%,100% { opacity: 0; transform: scale(1.3); } } @keyframes dcabTBankCursor { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } } @media (max-width: 767.98px) { .dcab-tbank-sync-modal .modal-dialog { max-width: calc(100vw - .7rem); margin: .35rem auto; } .dcab-tbank-sync { border-radius: 1rem; } .dcab-tbank-sync__topbar { grid-template-columns: 1fr auto; } .dcab-tbank-sync__secure { display: none; } .dcab-tbank-sync__hero { grid-template-columns: auto minmax(0,1fr); } .dcab-tbank-sync__percent { grid-column: 1 / -1; width: 100%; text-align: left; font-size: 1.08rem; } .dcab-tbank-sync__stats { grid-template-columns: repeat(2, minmax(0,1fr)); } .dcab-tbank-terminal__screen { height: 42vh; min-height: 235px; padding-inline: .7rem; } .dcab-tbank-terminal__line { grid-template-columns: 54px 14px minmax(0,1fr); gap: .28rem; font-size: .66rem; } .dcab-tbank-sync__footer { align-items: stretch; flex-direction: column; } .dcab-tbank-sync__actions { width: 100%; } .dcab-tbank-sync__btn { flex: 1 1 auto; } } .dcab-promo-edit-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.32rem; min-height: 30px; padding: 0.3rem 0.72rem; border-radius: 999px; font-size: 0.71rem; font-weight: 700; letter-spacing: 0.01em; color: #5e3aa7; border: 1px solid #d8c7f3; background: linear-gradient(135deg, #ffffff 0%, #f5efff 100%); box-shadow: 0 3px 10px rgba(109, 40, 217, 0.08); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-promo-edit-btn:hover { color: #4c2f8d; border-color: #c4adef; background: linear-gradient(135deg, #ffffff 0%, #efe5ff 100%); box-shadow: 0 8px 18px rgba(109, 40, 217, 0.14); transform: translateY(-1px); } .dcab-orders-toolbar { align-items: flex-start; margin-bottom: 0.55rem; } .dcab-orders-toolbar__main { display: flex; align-items: center; flex: 1 1 760px; min-width: 0; gap: 0.5rem 0.65rem; flex-wrap: wrap; } .dcab-orders-toolbar__search { display: flex; align-items: center; flex: 0 1 250px; min-width: 190px; margin-left: auto; } .dcab-orders-toolbar__actions { display: flex; align-items: center; justify-content: flex-end; gap: 0.38rem; flex: 0 0 auto; } .dcab-orders-toolbar__search-field { display: flex; align-items: center; gap: 0.32rem; width: 100%; margin: 0; padding: 0.06rem 0.2rem 0.06rem 0.44rem; border-radius: 999px; border: 1px solid #d7e4f2; background: linear-gradient(135deg, #fbfdff 0%, #f3f8ff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92); transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; } .dcab-orders-toolbar__search-field:focus-within { border-color: #8ab4e3; background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08); } .dcab-orders-toolbar__search-icon { color: #6f8cad; font-size: 0.66rem; flex: 0 0 auto; } .dcab-status { margin-bottom: 0.72rem; } .dcab-table-wrap { border: 1px solid #e2ebf5; border-radius: 0.86rem; overflow: hidden; background: #fff; } .dcab-table-wrap--dealers { background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0) 30%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 18px 36px -30px rgba(20, 61, 111, 0.34); } .dcab-table-responsive--dealers { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #b9cde3 #eef4fa; } .dcab-table-responsive--dealers::-webkit-scrollbar { height: 8px; } .dcab-table-responsive--dealers::-webkit-scrollbar-track { background: #eef4fa; } .dcab-table-responsive--dealers::-webkit-scrollbar-thumb { border: 2px solid #eef4fa; border-radius: 999px; background: #b9cde3; } .dcab-table--dealers { width: 100%; min-width: 0; max-width: 100%; table-layout: fixed; margin-bottom: 0; } .dcab-table--dealers .dcab-col-dealer { width: 21%; } .dcab-table--dealers .dcab-col-access { width: 27%; } .dcab-table--dealers .dcab-col-reward { width: 14%; } .dcab-table--dealers .dcab-col-meta { width: 22%; } .dcab-table--dealers .dcab-col-actions { width: 16%; } .dcab-table thead th { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: #577294; background: #f4f8fd; border-bottom: 1px solid #dce7f4; font-weight: 700; padding: 0.82rem 0.85rem; white-space: nowrap; } .dcab-table tbody td { vertical-align: middle; border-color: #edf2f8; padding: 0.92rem 0.85rem; } .dcab-table--dealers tbody tr { transition: background 0.16s ease; } .dcab-table--dealers tbody tr:hover { background: linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(241, 247, 255, 0.98) 100%); } .dcab-table--dealers tbody td + td { border-left: 1px solid rgba(226, 235, 245, 0.72); } .dcab-dealer-name { font-weight: 700; font-size: 0.92rem; line-height: 1.3; color: #1d4069; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dcab-reward-cell { display: grid; gap: 0.16rem; min-width: 0; } .dcab-reward-chip { display: inline-flex; align-items: center; gap: 0.34rem; width: fit-content; padding: 0.2rem 0.58rem; border-radius: 999px; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.02em; border: 1px solid transparent; } .dcab-reward-chip--default { color: #1f4f80; background: #edf5ff; border-color: #c8def6; } .dcab-reward-chip--percent { color: #8a4b00; background: #fff6de; border-color: #f5d187; } .dcab-reward-note { font-size: 0.72rem; line-height: 1.35; color: #627991; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dcab-dealer-main { display: grid; gap: 0.34rem; min-width: 0; } .dcab-dealer-identity-badges { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; } .dcab-dealer-rating-badge { display: inline-flex; align-items: center; gap: 0.3rem; width: fit-content; padding: 0.1rem 0.48rem; border-radius: 999px; border: 1px solid #d7d3ff; background: linear-gradient(135deg, #f3f1ff 0%, #ebeaff 100%); color: #5147a5; font-size: 0.65rem; font-weight: 800; white-space: nowrap; } .dcab-dealer-rating-badge--empty { border-color: #d9e1ea; background: #f5f7fa; color: #77879a; } .dcab-login-state { display: grid; gap: 0.22rem; align-content: start; min-width: 0; } .dcab-login-badge { display: inline-flex; align-items: center; gap: 0.38rem; width: fit-content; max-width: 100%; padding: 0.2rem 0.48rem; border-radius: 999px; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.02em; border: 1px solid transparent; line-height: 1.2; white-space: nowrap; } .dcab-login-badge i { flex: 0 0 auto; } .dcab-login-badge--ok { color: #0f6f46; background: linear-gradient(180deg, #ecfbf2 0%, #dff7e9 100%); border-color: #b5e5cc; box-shadow: 0 8px 18px -16px rgba(15, 111, 70, 0.44); } .dcab-login-badge--pending { color: #8f1d1d; background: linear-gradient(180deg, #fffafa 0%, #fff1f2 100%); border-color: #ef4444; box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.18), 0 8px 18px -16px rgba(127, 29, 29, 0.5); } .dcab-login-meta { font-size: 0.71rem; line-height: 1.35; color: #6b7f95; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dcab-dealer-id { display: inline-flex; align-items: center; padding: 0.08rem 0.45rem; border-radius: 999px; border: 1px solid #c7d8ee; background: #eef4ff; color: #375c88; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; width: fit-content; justify-self: start; } .dcab-access-cell, .dcab-status-cell { display: grid; gap: 0.36rem; min-width: 0; } .dcab-access-stack { display: grid; gap: 0.48rem; min-width: 0; } .dcab-cell-kicker { display: inline-flex; align-items: center; gap: 0.34rem; font-size: 0.64rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #7290ad; } .dcab-email { display: inline-flex; align-items: center; gap: 0.42rem; min-width: 0; max-width: 100%; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.8rem; color: #35557c; line-height: 1.45; white-space: nowrap; overflow: hidden; } .dcab-email i { flex: 0 0 auto; margin-top: 0.12rem; color: #5b86bc; } .dcab-email__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .dcab-dealer-url-row { display: flex; align-items: stretch; gap: 0.34rem; min-width: 0; } .dcab-dealer-url { display: inline-flex; align-items: center; gap: 0.4rem; min-width: 0; max-width: 100%; flex: 1 1 auto; overflow: hidden; padding: 0.34rem 0.58rem; border: 1px solid #bfd7f2; border-radius: 0.68rem; background: linear-gradient(180deg, #f8fbff 0%, #edf6ff 100%); color: #245b91; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.72rem; font-weight: 700; line-height: 1.35; text-decoration: none; } .dcab-dealer-url:hover, .dcab-dealer-url:focus { color: #174d83; border-color: #8db9e8; text-decoration: none; } .dcab-dealer-url i { flex: 0 0 auto; color: #4d83ba; } .dcab-dealer-url__text { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dcab-dealer-url-copy { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; min-height: 32px; padding: 0; border: 1px solid #bfd7f2; border-radius: 0.68rem; background: #fff; color: #356b9f; } .dcab-dealer-url-copy:hover, .dcab-dealer-url-copy:focus { border-color: #7faee0; background: #edf6ff; color: #174d83; } .dcab-contact-chipset { display: flex; flex-wrap: wrap; gap: 0.38rem; } .dcab-contact-chip { display: inline-flex; align-items: center; gap: 0.4rem; max-width: 100%; padding: 0.28rem 0.68rem; border-radius: 999px; border: 1px solid #d7e4f0; background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%); box-shadow: 0 8px 18px -22px rgba(26, 72, 122, 0.34); font-size: 0.73rem; font-weight: 700; line-height: 1.25; color: #365b84; text-decoration: none; overflow-wrap: anywhere; } .dcab-contact-chip i { flex: 0 0 auto; } .dcab-contact-chip--phone { color: #145d4a; border-color: #bfe2d6; background: linear-gradient(180deg, #f6fffb 0%, #ecfbf4 100%); box-shadow: 0 10px 20px -24px rgba(20, 93, 74, 0.4); } a.dcab-contact-chip:hover, a.dcab-contact-chip:focus { color: inherit; transform: translateY(-1px); text-decoration: none; box-shadow: 0 12px 22px -24px rgba(26, 72, 122, 0.42); } .dcab-status-badge { display: inline-flex; align-items: center; padding: 0.18rem 0.56rem; border-radius: 999px; font-size: 0.71rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; width: fit-content; justify-self: start; white-space: nowrap; } .dcab-status-badge--active { color: #0f6f46; background: #e6f7ef; border: 1px solid #bde7d3; } .dcab-status-badge--inactive { color: #475569; background: #f1f5f9; border: 1px solid #cbd5e1; } .dcab-status-badge--test { gap: 0.3rem; color: #4f46a5; background: #f0efff; border: 1px solid #d7d3ff; } .dcab-date-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.38rem; } .dcab-date-card { display: flex; align-items: center; justify-content: space-between; gap: 0.55rem; padding: 0.32rem 0.5rem; border-radius: 0.68rem; background: linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%); border: 1px solid #dce7f4; } .dcab-date-card__label { font-size: 0.61rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #7d94ae; } .dcab-date-muted { font-size: 0.77rem; line-height: 1.35; color: #627991; white-space: nowrap; } .dcab-dealer-actions { min-width: 0; } .dcab-dealer-action-group { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 0.42rem; width: 100%; } .dcab-table--dealers .dcab-dealer-edit-btn { width: 100%; height: 36px; padding: 0.35rem 0.5rem; gap: 0.34rem; border-radius: 0.72rem; font-size: 0.72rem; } .dcab-table--dealers .dcab-dealer-action-label { display: inline; } .dcab-dealer-edit-btn { white-space: nowrap; } .dcab-requests-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.82rem; } .dcab-request-card { display: grid; gap: 0.78rem; padding: 0.96rem; border: 1px solid #dbe7f4; border-radius: 1rem; background: radial-gradient(circle at top right, rgba(251, 191, 36, 0.12) 0%, rgba(251, 191, 36, 0) 26%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 12px 28px -24px rgba(28, 63, 106, 0.34), 0 1px 0 rgba(255, 255, 255, 0.88) inset; } .dcab-request-card:not(.is-collapsed), .dcab-request-card.is-pending { grid-column: 1 / -1; } .dcab-request-card.is-pending { border-color: #f4d58f; box-shadow: 0 18px 34px -26px rgba(180, 83, 9, 0.26), 0 1px 0 rgba(255, 255, 255, 0.9) inset; } .dcab-request-card.is-archived { background: radial-gradient(circle at top right, rgba(148, 163, 184, 0.09) 0%, rgba(148, 163, 184, 0) 28%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); border-color: #d7e0ea; box-shadow: 0 10px 24px -24px rgba(71, 85, 105, 0.22), 0 1px 0 rgba(255, 255, 255, 0.9) inset; } .dcab-request-card.is-collapsed { gap: 0.62rem; padding: 0.84rem 0.9rem; background: radial-gradient(circle at top right, rgba(148, 163, 184, 0.08) 0%, rgba(148, 163, 184, 0) 28%), linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%); } .dcab-request-card--progress.is-collapsed { background: radial-gradient(circle at top right, rgba(96, 165, 250, 0.11) 0%, rgba(96, 165, 250, 0) 30%), linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #f3f8ff 100%); border-color: #d8e7f8; } .dcab-request-card--approved.is-collapsed { background: radial-gradient(circle at top right, rgba(52, 211, 153, 0.12) 0%, rgba(52, 211, 153, 0) 30%), linear-gradient(135deg, #ffffff 0%, #f8fdf9 52%, #f1fbf5 100%); border-color: #d8ebdf; } .dcab-request-card--rejected.is-collapsed { background: radial-gradient(circle at top right, rgba(251, 113, 133, 0.11) 0%, rgba(251, 113, 133, 0) 30%), linear-gradient(135deg, #ffffff 0%, #fffafb 52%, #fff4f5 100%); border-color: #f0dde2; } .dcab-request-card--progress.is-collapsed .dcab-request-compact { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 248, 255, 0.98) 100%); border-color: #d8e7f8; } .dcab-request-card--approved.is-collapsed .dcab-request-compact { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 251, 245, 0.98) 100%); border-color: #d8ebdf; } .dcab-request-card--rejected.is-collapsed .dcab-request-compact { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 244, 245, 0.98) 100%); border-color: #f0dde2; } .dcab-request-card.is-collapsed .dcab-request-card__top { grid-template-columns: minmax(0, 1fr); gap: 0.58rem; } .dcab-request-card.is-collapsed .dcab-request-card__side { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dcab-request-card__top { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(220px, 0.8fr); gap: 0.8rem 1rem; align-items: start; } .dcab-request-card__main, .dcab-request-card__side, .dcab-request-card__panel { display: grid; gap: 0.46rem; } .dcab-request-card__side { align-content: start; } .dcab-request-card__title { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; } .dcab-request-ref { display: inline-flex; align-items: center; padding: 0.12rem 0.5rem; border-radius: 999px; border: 1px solid #d7e4f2; background: #f5f9ff; color: #4f7197; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.67rem; font-weight: 700; } .dcab-request-company { font-size: 0.95rem; font-weight: 700; line-height: 1.35; color: #1d4069; } .dcab-request-contact { font-size: 0.77rem; line-height: 1.45; color: #5e7893; } .dcab-request-chipset, .dcab-request-contacts { display: flex; flex-wrap: wrap; gap: 0.34rem; } .dcab-request-chip { display: inline-flex; align-items: center; gap: 0.26rem; padding: 0.16rem 0.48rem; border-radius: 999px; border: 1px solid #d8e6f3; background: #f8fbff; font-size: 0.68rem; font-weight: 700; line-height: 1.3; color: #47698e; text-decoration: none; } .dcab-request-chip:hover { text-decoration: none; } .dcab-request-chip--domain { color: #1d4ed8; background: #edf4ff; border-color: #cfe0ff; } .dcab-request-chip--city { color: #0f766e; background: #ecfeff; border-color: #bae6fd; } .dcab-request-chip--phone { color: #0f6f46; background: #eefbf4; border-color: #c9ead7; } .dcab-request-chip--email { color: #4c51bf; background: #eef2ff; border-color: #c7d2fe; } .dcab-request-chip--telegram { color: #0f5b99; background: #edf7ff; border-color: #c7e4fb; } .dcab-request-chip--whatsapp { color: #08783f; background: #edfff5; border-color: #bdebd0; } .dcab-request-chip--max { color: #4338ca; background: #f2f1ff; border-color: #d8d5ff; } .dcab-request-chip--client { color: #92400e; background: #fff7ed; border-color: #fed7aa; } .dcab-request-chip--reviewed { color: #475569; background: #f8fafc; border-color: #d8e1ea; } .dcab-request-chip--archived { color: #556274; background: #f3f6f9; border-color: #d6dde5; } .dcab-request-status { display: inline-flex; align-items: center; padding: 0.18rem 0.6rem; border-radius: 999px; font-size: 0.69rem; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; border: 1px solid transparent; } .dcab-request-status--new { color: #9a5807; background: #fff7ed; border-color: #fcd9ab; } .dcab-request-status--progress { color: #1d4ed8; background: #eef4ff; border-color: #cfe0ff; } .dcab-request-status--approved { color: #166534; background: #ecfdf3; border-color: #bde7d3; } .dcab-request-status--rejected { color: #991b1b; background: #fff1f1; border-color: #f3c1c1; } .dcab-request-date-card, .dcab-request-review-card { display: grid; gap: 0.18rem; padding: 0.72rem 0.8rem; border: 1px solid #dbe7f4; border-radius: 0.88rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.94) 100%); } .dcab-request-date-label { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #7a91a8; } .dcab-request-date-value { font-size: 0.78rem; font-weight: 700; color: #264b76; } .dcab-request-archive-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.34rem; min-height: 34px; padding: 0.42rem 0.84rem; border-radius: 999px; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.01em; color: #5c6778; border: 1px solid #d3dbe4; background: linear-gradient(135deg, #ffffff 0%, #f4f7fa 100%); box-shadow: 0 8px 18px -22px rgba(71, 85, 105, 0.36); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-request-archive-btn:hover { color: #334155; transform: translateY(-1px); border-color: #bcc8d5; background: linear-gradient(135deg, #ffffff 0%, #edf2f7 100%); box-shadow: 0 12px 22px -22px rgba(71, 85, 105, 0.42); } .dcab-request-archive-btn--restore { color: #1f5d49; border-color: #c7e5d9; background: linear-gradient(135deg, #ffffff 0%, #eefbf5 100%); } .dcab-request-archive-btn--restore:hover { color: #164d3b; border-color: #abd7c4; background: linear-gradient(135deg, #ffffff 0%, #e4f8ed 100%); } .dcab-request-grid { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(260px, 0.92fr); gap: 0.82rem 0.94rem; } .dcab-request-card__body[hidden] { display: none !important; } .dcab-request-compact { display: flex; align-items: center; justify-content: space-between; gap: 0.7rem; padding: 0.78rem 0.84rem; border: 1px solid #dbe7f4; border-radius: 0.92rem; background: linear-gradient(135deg, #fdfefe 0%, #f6faff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94); } .dcab-request-compact__main { flex: 1 1 auto; min-width: 0; display: flex; align-items: stretch; flex-wrap: wrap; gap: 0.42rem; } .dcab-request-compact__item { display: grid; flex: 1 1 170px; min-width: 0; gap: 0.2rem; padding: 0.42rem 0.54rem; border: 1px solid #dbe7f4; border-left-width: 3px; border-radius: 0.62rem; background: rgba(255, 255, 255, 0.78); } .dcab-request-compact__item--dealer { border-color: #c8def4; border-left-color: #3b82f6; background: linear-gradient(135deg, rgba(239, 246, 255, 0.92) 0%, rgba(255, 255, 255, 0.88) 100%); } .dcab-request-compact__item--manager { border-color: #ddd5f4; border-left-color: #7c3aed; background: linear-gradient(135deg, rgba(245, 243, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 100%); } .dcab-request-compact__item--fallback { flex-basis: 100%; } .dcab-request-compact__label { display: flex; align-items: center; gap: 0.28rem; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #7b91ab; } .dcab-request-compact__label i { font-size: 0.62rem; } .dcab-request-compact__item--dealer .dcab-request-compact__label { color: #2766ad; } .dcab-request-compact__item--manager .dcab-request-compact__label { color: #6941a5; } .dcab-request-compact__text { font-size: 0.77rem; line-height: 1.45; color: #506b88; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .dcab-request-toggle-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.38rem; flex: 0 0 auto; min-height: 34px; padding: 0.42rem 0.88rem; border-radius: 999px; font-size: 0.73rem; font-weight: 800; letter-spacing: 0.01em; color: #33597f; border: 1px solid #d0deed; background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%); box-shadow: 0 10px 18px -22px rgba(35, 77, 122, 0.34); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-request-toggle-btn:hover { color: #21486d; transform: translateY(-1px); border-color: #bdd0e4; background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%); box-shadow: 0 14px 24px -24px rgba(35, 77, 122, 0.42); } .dcab-request-toggle-btn i { transition: transform 0.18s ease; } .dcab-request-toggle-btn[aria-expanded="true"] i { transform: rotate(180deg); } .dcab-request-card__info { display: grid; gap: 0.7rem; } .dcab-request-block { display: grid; gap: 0.34rem; padding: 0.76rem 0.82rem; border: 1px solid #e4edf6; border-radius: 0.88rem; background: #fbfdff; } .dcab-request-block__title { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #6f87a0; } .dcab-request-block__text { font-size: 0.78rem; line-height: 1.52; color: #4b6785; white-space: pre-line; } .dcab-request-tech { margin: 0; padding: 0.7rem 0.8rem; border: 1px dashed #d6e2ef; border-radius: 0.86rem; background: #fbfdff; } .dcab-request-tech summary { cursor: pointer; font-size: 0.72rem; font-weight: 700; color: #5a7696; } .dcab-request-tech[open] summary { margin-bottom: 0.42rem; } .dcab-request-tech__body { display: grid; gap: 0.18rem; font-size: 0.72rem; line-height: 1.42; color: #627991; word-break: break-word; } .dcab-request-card__panel { align-content: start; padding: 0.82rem 0.86rem; border: 1px solid #dbe7f4; border-radius: 0.92rem; background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%); } .dcab-request-panel__label { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #6c85a0; margin-bottom: 0.08rem; } .dcab-request-card__panel .form-control::placeholder { color: #94a3b8; font-style: italic; opacity: 1; } .dcab-request-card__panel .form-control::-webkit-input-placeholder { color: #94a3b8; font-style: italic; opacity: 1; } .dcab-request-card__panel .form-control::-moz-placeholder { color: #94a3b8; font-style: italic; opacity: 1; } .dcab-request-card__panel .form-control:-ms-input-placeholder { color: #94a3b8; font-style: italic; } .dcab-request-card__panel .form-control::-ms-input-placeholder { color: #94a3b8; font-style: italic; } .dcab-request-panel__hint { font-size: 0.72rem; line-height: 1.45; color: #6d829a; } .dcab-request-panel__hint.is-archived { color: #526273; } .dcab-request-panel__actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 0.55rem; margin-top: 0.08rem; } .dcab-request-save-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.34rem; min-height: 34px; padding: 0.42rem 0.9rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.01em; color: #ffffff; border: 1px solid transparent; background: linear-gradient(135deg, #2563eb 0%, #1d8ec8 100%); box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24); transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; } .dcab-request-create-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.42rem; min-height: 34px; padding: 0.42rem 0.92rem; border-radius: 999px; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.01em; color: #19543d; border: 1px solid #b9e4cd; background: linear-gradient(135deg, #f6fff9 0%, #e9fff2 100%); box-shadow: 0 8px 18px rgba(16, 185, 129, 0.14); transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease; } .dcab-request-create-btn:hover { color: #124734; transform: translateY(-1px); border-color: #99d8b6; background: linear-gradient(135deg, #ffffff 0%, #ddf9ea 100%); box-shadow: 0 12px 24px rgba(16, 185, 129, 0.2); } .dcab-request-auto-note { margin-top: 0.72rem; padding: 0.64rem 0.72rem; border-radius: 0.88rem; border: 1px solid #d8ebe0; background: linear-gradient(135deg, #fbfffc 0%, #f2fbf6 100%); font-size: 0.74rem; line-height: 1.45; color: #527060; } .dcab-request-auto-note i { margin-right: 0.38rem; color: #1d9d66; } .dcab-request-save-btn:hover { color: #ffffff; transform: translateY(-1px); background: linear-gradient(135deg, #1d4ed8 0%, #1977aa 100%); box-shadow: 0 12px 24px rgba(37, 99, 235, 0.3); } .dcab-request-empty-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.38rem; margin-top: 0.25rem; min-height: 34px; padding: 0.42rem 0.94rem; border-radius: 999px; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.01em; color: #305985; border: 1px solid #cbddf0; background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%); box-shadow: 0 8px 18px -22px rgba(41, 81, 125, 0.32); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-request-empty-btn:hover { color: #1f4974; transform: translateY(-1px); border-color: #aac8e7; background: linear-gradient(135deg, #ffffff 0%, #e6f2ff 100%); box-shadow: 0 12px 22px -22px rgba(41, 81, 125, 0.42); } .dcab-promo-list { display: grid; gap: 0.78rem; padding: 0.2rem; } .dcab-promo-card { display: grid; gap: 0.72rem; padding: 0.92rem 0.96rem; border: 1px solid #dbe7f4; border-radius: 0.98rem; background: radial-gradient(circle at top right, rgba(138, 196, 255, 0.1) 0%, rgba(138, 196, 255, 0) 32%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); box-shadow: 0 12px 28px -24px rgba(28, 63, 106, 0.3), 0 1px 0 rgba(255, 255, 255, 0.86) inset; transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease; } .dcab-promo-card:hover { transform: translateY(-1px); border-color: #c7dbf1; box-shadow: 0 18px 34px -26px rgba(28, 63, 106, 0.34), 0 1px 0 rgba(255, 255, 255, 0.9) inset; } .dcab-promo-card__top { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(220px, 0.82fr); gap: 0.8rem 1rem; align-items: start; } .dcab-promo-card__side { display: grid; gap: 0.62rem; align-content: start; } .dcab-promo-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 0.72rem; padding-top: 0.18rem; border-top: 1px solid #ebf1f7; } .dcab-promo-card__footer .dcab-promo-edit-btn { flex: 0 0 auto; white-space: nowrap; } .dcab-promo-main { display: grid; gap: 0.34rem; min-width: 0; } .dcab-promo-title-row { display: flex; align-items: flex-start; gap: 0.45rem; flex-wrap: wrap; } .dcab-promo-id { display: inline-flex; align-items: center; padding: 0.1rem 0.48rem; border-radius: 999px; border: 1px solid #d7e4f2; background: #f3f8fe; color: #4e7095; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.03em; white-space: nowrap; } .dcab-promo-name { font-weight: 700; font-size: 0.9rem; line-height: 1.35; color: #1d4069; } .dcab-promo-meta-row { display: flex; align-items: center; gap: 0.34rem; flex-wrap: wrap; } .dcab-promo-meta, .dcab-promo-code { font-size: 0.76rem; color: #58718b; } .dcab-promo-code { display: inline-flex; align-items: center; padding: 0.14rem 0.5rem; border-radius: 999px; border: 1px solid #d7e4f3; background: #f8fbff; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.69rem; font-weight: 700; color: #4d7098; } .dcab-promo-desc { font-size: 0.76rem; line-height: 1.45; color: #67809a; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .dcab-promo-main-meta { display: flex; align-items: center; gap: 0.38rem; flex-wrap: wrap; } .dcab-promo-state { display: grid; gap: 0.34rem; padding: 0.72rem 0.78rem; border: 1px solid #dbe7f4; border-radius: 0.88rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.94) 100%); } .dcab-promo-flag-list { display: flex; gap: 0.32rem; flex-wrap: wrap; } .dcab-promo-flag { display: inline-flex; align-items: center; padding: 0.18rem 0.54rem; border-radius: 999px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.02em; border: 1px solid transparent; } .dcab-promo-flag--auto { color: #166534; background: #ecfdf3; border-color: #bde7d3; } .dcab-promo-flag--stop { color: #5b556a; background: #f3f4f6; border-color: #d6d9df; } .dcab-promo-priority-wrap { display: flex; align-items: center; gap: 0.38rem; flex-wrap: wrap; min-width: 0; } .dcab-promo-priority-card { display: inline-flex; align-items: baseline; gap: 0.42rem; padding: 0.24rem 0.46rem; border-radius: 999px; border: 1px solid #d8e6f3; background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92); } .dcab-promo-priority-label { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #6982a0; } .dcab-promo-priority { font-weight: 700; font-size: 0.84rem; color: #274f79; } .dcab-promo-discount-badge { display: inline-flex; align-items: center; gap: 0.26rem; font-size: 0.72rem; font-weight: 700; color: #6d28d9; background: #ede9fe; border: 1px solid #c4b5fd; border-radius: 999px; padding: 0.18rem 0.54rem; } .dcab-promo-period { display: grid; gap: 0.24rem; padding: 0.72rem 0.78rem; border: 1px solid #dbe7f4; border-radius: 0.88rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.94) 100%); } .dcab-promo-period__main { font-size: 0.78rem; font-weight: 700; line-height: 1.38; color: #274c77; } .dcab-promo-period__meta { font-size: 0.7rem; line-height: 1.35; color: #6a8199; } .dcab-promo-conditions-wrap { display: grid; gap: 0.42rem; min-width: 0; } .dcab-promo-chipset { display: flex; flex-wrap: wrap; gap: 0.28rem; } .dcab-promo-chip { display: inline-flex; align-items: center; padding: 0.14rem 0.44rem; border-radius: 999px; border: 1px solid #d8e6f3; background: #f8fbff; font-size: 0.66rem; font-weight: 700; line-height: 1.25; color: #47698e; } .dcab-promo-chip--scope { color: #165c47; background: #edf9f3; border-color: #c7e8da; } .dcab-promo-chip--catalog { color: #1d4ed8; background: #edf4ff; border-color: #cfe0ff; } .dcab-promo-chip--threshold { color: #9a5807; background: #fff7ed; border-color: #fed7aa; } .dcab-promo-chip--schedule { color: #6d28d9; background: #f5f0ff; border-color: #ddd6fe; } .dcab-promo-chip--extra { color: #0f766e; background: #ecfeff; border-color: #bae6fd; } .dcab-promo-conditions { font-size: 0.73rem; color: #536f8a; line-height: 1.42; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .dcab-promo-updated { display: grid; gap: 0.16rem; } .dcab-promo-updated__label { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #7a91a8; } .dcab-empty { padding: 1.2rem; display: grid; gap: 0.42rem; justify-items: center; text-align: center; color: #60788f; } .dcab-empty__sub { max-width: 34rem; font-size: 0.76rem; line-height: 1.5; color: #7890a6; } .dcab-empty i { font-size: 1.2rem; opacity: 0.9; } .dcab-placeholder { padding: 1.1rem; border: 1px dashed #cedded; border-radius: 0.85rem; background: linear-gradient(135deg, #fafcff 0%, #f6fbf8 100%); } .dcab-placeholder__title { font-weight: 700; color: #1f4b76; margin-bottom: 0.25rem; } .dcab-placeholder__text { color: #5f7892; font-size: 0.9rem; } .dcab-consent-card { max-width: 820px; } .dcab-consent-textarea { font-size: .88rem; line-height: 1.65; resize: vertical; min-height: 200px; font-family: inherit; } .dcab-terms-shell { display: grid; gap: 1rem; } .dcab-terms-hero { display: flex; align-items: center; gap: 0.9rem; padding: 1rem 1.1rem; border: 1px solid #cfe0f2; border-radius: 1rem; background: radial-gradient(circle at 100% 0%, rgba(34, 197, 94, 0.14), transparent 40%), linear-gradient(135deg, #f1f7ff 0%, #fbfdff 55%, #f2fbf6 100%); box-shadow: 0 10px 26px rgba(30, 72, 116, 0.08); } .dcab-terms-hero__icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; border-radius: 0.95rem; color: #fff; font-size: 1.2rem; background: linear-gradient(135deg, #2563a4 0%, #16865b 100%); box-shadow: 0 9px 20px rgba(30, 112, 104, 0.22); } .dcab-terms-hero__eyebrow, .dcab-terms-card__kicker { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #5c7da0; } .dcab-terms-hero__title { color: #1f4d7a; font-size: 1rem; font-weight: 800; } .dcab-terms-hero__text { color: #607a94; font-size: 0.82rem; line-height: 1.48; } .dcab-terms-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr); gap: 1rem; align-items: stretch; } .dcab-terms-card, .dcab-terms-info { border: 1px solid #d7e4f0; border-radius: 1rem; background: #fff; padding: 1rem; box-shadow: 0 8px 22px rgba(31, 70, 110, 0.06); } .dcab-terms-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.7rem; margin-bottom: 1rem; } .dcab-terms-card__title { font-weight: 800; color: #214d7c; } .dcab-terms-card__badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 0.24rem 0.65rem; background: #eaf8f0; border: 1px solid #bfe5ce; color: #18714c; font-size: 0.72rem; font-weight: 800; } .dcab-terms-field { display: grid; gap: 0.42rem; } .dcab-terms-field__label { font-size: 0.82rem; font-weight: 800; color: #365b7e; } .dcab-terms-input-group { max-width: 20rem; } .dcab-terms-input { min-height: 2.8rem; font-size: 1.08rem; font-weight: 800; color: #1f4d7a; border-color: #bfd5e9; } .dcab-terms-input-group .input-group-text { min-width: 3rem; justify-content: center; font-weight: 800; color: #287451; background: #edf9f2; border-color: #bfd5e9; } .dcab-terms-field__hint { font-size: 0.74rem; color: #70879e; } .dcab-terms-example { display: flex; align-items: center; gap: 0.55rem; margin-top: 0.85rem; padding: 0.72rem 0.8rem; border-radius: 0.78rem; background: #f3f8fd; color: #496985; font-size: 0.78rem; } .dcab-terms-example__icon { color: #2c75ae; } .dcab-terms-example strong { color: #176e4b; font-size: 0.9rem; } .dcab-terms-info { background: linear-gradient(160deg, #fbfdff 0%, #f6fbf8 100%); } .dcab-terms-info__title { display: flex; align-items: center; gap: 0.48rem; font-weight: 800; color: #214d7c; margin-bottom: 0.8rem; } .dcab-terms-priority { display: grid; gap: 0.55rem; } .dcab-terms-priority__item { display: grid; grid-template-columns: 1.85rem minmax(0, 1fr); gap: 0.6rem; align-items: start; padding: 0.62rem; border: 1px solid #e0e9f2; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.86); } .dcab-terms-priority__item > span { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 0.58rem; background: #eaf3fc; color: #2a669a; font-size: 0.75rem; font-weight: 900; } .dcab-terms-priority__item.is-base > span { background: #e8f7ee; color: #18714c; } .dcab-terms-priority__item strong, .dcab-terms-priority__item small { display: block; } .dcab-terms-priority__item strong { font-size: 0.78rem; color: #355a7b; } .dcab-terms-priority__item small { margin-top: 0.12rem; font-size: 0.7rem; line-height: 1.4; color: #71879c; } .dcab-terms-info__notice { display: flex; align-items: flex-start; gap: 0.55rem; margin-top: 0.75rem; padding: 0.72rem; border: 1px solid #bfe5ce; border-radius: 0.75rem; background: #edf9f2; color: #226746; font-size: 0.74rem; line-height: 1.45; } .dcab-settings-grid { display: grid; gap: 0.9rem; grid-template-columns: minmax(0, 1.4fr) minmax(240px, 1fr); } .dcab-settings-card { border: 1px solid #d8e6f5; border-radius: 0.9rem; background: linear-gradient(135deg, #fcfeff 0%, #f4f9ff 100%); padding: 0.95rem; box-shadow: 0 8px 20px rgba(28, 63, 106, 0.06); } .dcab-settings-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.75rem; } .dcab-settings-kicker { font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; color: #5a7ca1; font-weight: 700; } .dcab-settings-client { color: #214d7c; font-weight: 700; font-size: 0.9rem; } .dcab-settings-chip { display: inline-flex; align-items: center; gap: 0.3rem; border-radius: 999px; border: 1px solid #c7dbf1; background: #eff6ff; padding: 0.22rem 0.62rem; font-size: 0.72rem; color: #2f5f91; white-space: nowrap; } .dcab-tbank-receipt { margin-top: 1rem; padding: 1rem; border: 1px solid #e4d28b; border-radius: 1rem; background: radial-gradient(circle at 100% 0%, rgba(255, 221, 45, 0.2), transparent 34%), linear-gradient(145deg, #fffef8 0%, #fffaf0 100%); box-shadow: 0 12px 26px -22px rgba(105, 78, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.92); } .dcab-tbank-receipt__head { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; } .dcab-tbank-receipt__title-wrap { display: flex; align-items: center; gap: 0.7rem; min-width: 0; } .dcab-tbank-receipt__icon { display: inline-grid; place-items: center; flex: 0 0 auto; width: 2.55rem; height: 2.55rem; border-radius: 0.78rem; color: #2b281e; background: linear-gradient(135deg, #ffe76b 0%, #ffcf24 100%); box-shadow: 0 8px 18px -10px rgba(135, 97, 0, 0.65); } .dcab-tbank-receipt__eyebrow { color: #89702c; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.075em; text-transform: uppercase; } .dcab-tbank-receipt__title { margin: 0.1rem 0 0; color: #342d1b; font-size: 1rem; font-weight: 850; } .dcab-tbank-receipt__state { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 0.28rem 0.62rem; border: 1px solid #d7dde6; border-radius: 999px; color: #687487; background: rgba(255, 255, 255, 0.78); font-size: 0.7rem; font-weight: 800; white-space: nowrap; } .dcab-tbank-receipt__state.is-ready { border-color: #a9dec0; color: #167349; background: #eaf9f1; } .dcab-tbank-receipt__state.is-warning { border-color: #edc979; color: #8a5b08; background: #fff5d8; } .dcab-tbank-receipt__lead { margin: 0.78rem 0 0; color: #716342; font-size: 0.77rem; line-height: 1.5; } .dcab-tbank-receipt__lead code { color: #5d470b; font-weight: 750; } .dcab-tbank-receipt__switch { display: flex; align-items: flex-start; gap: 0.55rem; margin-top: 0.85rem; padding: 0.72rem 0.82rem 0.72rem 3rem; border: 1px solid #eadcae; border-radius: 0.78rem; background: rgba(255, 255, 255, 0.78); } .dcab-tbank-receipt__switch .form-check-input { margin-left: -2.18rem; margin-top: 0.17rem; border-color: #b8aa7a; } .dcab-tbank-receipt__switch .form-check-input:checked { border-color: #d4ae08; background-color: #e7bd08; } .dcab-tbank-receipt__switch label { display: grid; gap: 0.08rem; color: #51472d; font-size: 0.78rem; line-height: 1.42; } .dcab-tbank-receipt__switch label span { color: #877958; font-size: 0.72rem; } .dcab-tbank-receipt__fields { margin-top: 0.08rem; } .dcab-tbank-receipt__fields .form-label { color: #594c2d; font-size: 0.76rem; font-weight: 750; } .dcab-tbank-receipt__fields .form-control, .dcab-tbank-receipt__fields .form-select { border-color: #dfd2aa; background-color: rgba(255, 255, 255, 0.92); color: #3f392a; } .dcab-tbank-receipt__fields .form-control:focus, .dcab-tbank-receipt__fields .form-select:focus { border-color: #d2ae1e; box-shadow: 0 0 0 0.2rem rgba(229, 190, 27, 0.14); } .dcab-tbank-receipt__fields .form-text { color: #8a7c5b; font-size: 0.68rem; } .dcab-tbank-receipt__automatic { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.55rem; margin-top: 0.9rem; } .dcab-tbank-receipt__automatic > div { display: flex; align-items: flex-start; gap: 0.5rem; min-width: 0; padding: 0.65rem; border: 1px dashed #dfd0a0; border-radius: 0.72rem; color: #7a6b48; background: rgba(255, 255, 255, 0.62); font-size: 0.68rem; line-height: 1.4; } .dcab-tbank-receipt__automatic i { flex: 0 0 auto; margin-top: 0.12rem; color: #b68d00; } .dcab-tbank-receipt__automatic span { display: grid; gap: 0.08rem; min-width: 0; } .dcab-tbank-receipt__automatic strong { color: #54482c; font-size: 0.71rem; } .dcab-settings-actions { display: inline-flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; margin-top: 0.2rem; } .dcab-settings-brand { display: grid; grid-template-columns: 2.85rem minmax(0, 1fr); gap: 0.78rem; align-items: start; padding: 0.9rem; border: 1px solid #c7dcf2; border-radius: 0.9rem; background: radial-gradient(circle at 100% 0%, rgba(40, 167, 110, 0.13), transparent 42%), linear-gradient(135deg, #f0f7ff 0%, #f8fcff 58%, #f4fbf7 100%); box-shadow: 0 10px 24px rgba(31, 77, 124, 0.08); } .dcab-settings-brand__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.85rem; height: 2.85rem; border-radius: 0.82rem; color: #fff; background: linear-gradient(135deg, #2e6da9 0%, #23875f 100%); box-shadow: 0 8px 18px rgba(36, 106, 127, 0.22); } .dcab-settings-brand__content { min-width: 0; } .dcab-settings-brand__heading { display: flex; align-items: center; justify-content: space-between; gap: 0.65rem; margin-bottom: 0.48rem; } .dcab-settings-brand__label { font-size: 0.86rem; font-weight: 800; color: #214d7c; } .dcab-settings-brand__preview { display: inline-block; max-width: min(56%, 18rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #c6dcec; border-radius: 999px; background: rgba(255, 255, 255, 0.82); padding: 0.17rem 0.55rem; font-size: 0.69rem; font-weight: 700; color: #47708f; } .dcab-settings-brand__preview.is-empty { font-weight: 600; color: #7e93a6; } .dcab-settings-brand__input { border-color: #bed5ea; background: rgba(255, 255, 255, 0.94); font-weight: 700; color: #214d7c; } .dcab-settings-brand__input:focus { border-color: #4a8ac4; box-shadow: 0 0 0 0.2rem rgba(59, 130, 188, 0.13); } .dcab-settings-brand__hint { margin-top: 0.38rem; font-size: 0.74rem; line-height: 1.4; color: #68829b; } .dcab-settings-domain-stack { display: grid; gap: 0.68rem; } .dcab-settings-domain-row { display: grid; gap: 0.32rem; } .dcab-settings-domain-caption { display: flex; align-items: center; justify-content: space-between; } .dcab-settings-domain-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 0.18rem 0.58rem; font-size: 0.72rem; font-weight: 700; color: #5d728a; background: #edf2f7; border: 1px solid #d7e0ea; } .dcab-settings-domain-badge--primary { color: #22517d; background: #eaf4ff; border-color: #c7dbf1; } .dcab-settings-card .form-control::placeholder { color: #8ea0b3; font-style: italic; opacity: 1; } .dcab-settings-error { font-size: 0.82rem; } .dcab-status, .dcab-settings-status { position: relative; display: flex; align-items: flex-start; gap: 0.68rem; padding: 0.82rem 0.96rem 0.82rem 1rem; border-radius: 0.95rem; border: 1px solid #d6e3f0; background: linear-gradient(135deg, #f8fbff 0%, #f3f8ff 100%); box-shadow: 0 10px 24px rgba(30, 64, 106, 0.08); font-size: 0.84rem; font-weight: 600; line-height: 1.45; color: #35597f; overflow: hidden; } .dcab-status::before, .dcab-settings-status::before { content: "\f05a"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.86rem; line-height: 1; color: #2f6bb2; flex: 0 0 auto; margin-top: 0.1rem; } .dcab-status::after, .dcab-settings-status::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, rgba(59, 130, 246, 0.95) 0%, rgba(96, 165, 250, 0.8) 100%); } .dcab-status.alert-info, .dcab-settings-status.alert-info { border-color: #cfe0f4; background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%); color: #35597f; } .dcab-status.alert-info::before, .dcab-settings-status.alert-info::before { content: "\f05a"; color: #2f6bb2; } .dcab-status.alert-info::after, .dcab-settings-status.alert-info::after { background: linear-gradient(180deg, rgba(59, 130, 246, 0.95) 0%, rgba(96, 165, 250, 0.8) 100%); } .dcab-status.alert-success, .dcab-settings-status.alert-success { border-color: #c9ebd9; background: linear-gradient(135deg, #f3fcf7 0%, #ebf9f1 100%); color: #1f6b4f; } .dcab-status.alert-success::before, .dcab-settings-status.alert-success::before { content: "\f058"; color: #15945d; } .dcab-status.alert-success::after, .dcab-settings-status.alert-success::after { background: linear-gradient(180deg, rgba(16, 185, 129, 0.95) 0%, rgba(52, 211, 153, 0.82) 100%); } .dcab-status.alert-danger, .dcab-settings-status.alert-danger { border-color: #f0d1d4; background: linear-gradient(135deg, #fff7f7 0%, #fff0f1 100%); color: #9b2f43; } .dcab-status.alert-danger::before, .dcab-settings-status.alert-danger::before { content: "\f06a"; color: #d6455b; } .dcab-status.alert-danger::after, .dcab-settings-status.alert-danger::after { background: linear-gradient(180deg, rgba(239, 68, 68, 0.95) 0%, rgba(251, 113, 133, 0.84) 100%); } .dcab-status.alert-warning, .dcab-settings-status.alert-warning { border-color: #efd59e; background: linear-gradient(135deg, #fffdf5 0%, #fff7df 100%); color: #79551a; } .dcab-status.alert-warning::before, .dcab-settings-status.alert-warning::before { content: "\f075"; color: #c08016; } .dcab-status.alert-warning::after, .dcab-settings-status.alert-warning::after { background: linear-gradient(180deg, rgba(217, 145, 20, 0.95) 0%, rgba(245, 187, 67, 0.85) 100%); } .dcab-settings-preview { border: 1px dashed #d3dcf3; border-radius: 0.9rem; background: radial-gradient(circle at top left, rgba(196, 181, 253, 0.08) 0%, rgba(196, 181, 253, 0) 30%), radial-gradient(circle at bottom right, rgba(167, 139, 250, 0.06) 0%, rgba(167, 139, 250, 0) 32%), linear-gradient(135deg, #f7fbff 0%, #f7f8ff 56%, #f5f4ff 100%); padding: 0.95rem; display: grid; gap: 0.34rem; align-content: start; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 12px 26px -26px rgba(74, 98, 152, 0.2); } .dcab-settings-preview__kicker { font-size: 0.71rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #667c9e; } .dcab-settings-preview__list { display: grid; gap: 0.68rem; } .dcab-settings-preview__item { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.7rem; padding: 0.78rem 0.82rem; border-radius: 0.86rem; border: 1px solid #d8e3f2; background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 248, 255, 0.96) 100%); box-shadow: 0 8px 18px -18px rgba(74, 98, 152, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9); } .dcab-settings-preview__item-main { min-width: 0; display: grid; gap: 0.28rem; } .dcab-settings-preview__badge { display: inline-flex; align-items: center; width: fit-content; border-radius: 999px; padding: 0.18rem 0.55rem; font-size: 0.7rem; font-weight: 700; color: #6b7792; background: #f1f4fb; border: 1px solid #d8e1ec; } .dcab-settings-preview__badge--primary { color: #4f5fa1; background: linear-gradient(135deg, #edf1ff 0%, #f6f4ff 100%); border-color: #d4dcf8; } .dcab-settings-preview__host { font-size: 1.02rem; font-weight: 800; color: #214d7c; word-break: break-all; } .dcab-settings-preview__link { font-size: 0.84rem; color: #496fb1; word-break: break-all; text-decoration: none; } .dcab-settings-preview__link:hover { text-decoration: underline; } .dcab-settings-preview__open { flex: 0 0 auto; white-space: nowrap; color: #4f63a7; border-color: #d4dcf5; background: linear-gradient(180deg, #ffffff 0%, #f6f5ff 100%); box-shadow: 0 10px 18px -20px rgba(79, 99, 167, 0.24); } .dcab-settings-preview__open:hover, .dcab-settings-preview__open:focus { color: #435692; border-color: #c1ccef; background: linear-gradient(180deg, #ffffff 0%, #f2f1ff 100%); } .dcab-settings-preview__empty { font-size: 0.82rem; color: #7083a3; } .dcab-contacts-grid { display: grid; gap: 0.9rem; grid-template-columns: minmax(0, 1.35fr) minmax(280px, 1fr); } .dcab-contacts-card { border: 1px solid #d8e6f5; border-radius: 1rem; background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0) 34%), linear-gradient(135deg, #fcfeff 0%, #f4f9ff 100%); padding: 1rem; box-shadow: 0 10px 26px rgba(28, 63, 106, 0.08); } .dcab-contacts-card--preview { background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0) 32%), linear-gradient(135deg, #fbfffd 0%, #f5fbff 100%); } .dcab-contacts-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.7rem; margin-bottom: 0.9rem; } .dcab-contacts-kicker { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #537aa1; } .dcab-contacts-title { font-size: 1.02rem; font-weight: 800; color: #1c4d7e; line-height: 1.25; margin-top: 0.12rem; } .dcab-contacts-subtitle { margin-top: 0.28rem; font-size: 0.82rem; line-height: 1.5; color: #617d99; max-width: 620px; } .dcab-contacts-chip { display: inline-flex; align-items: center; gap: 0.26rem; padding: 0.24rem 0.68rem; border-radius: 999px; border: 1px solid #cce2f6; background: linear-gradient(135deg, #ffffff 0%, #eff7ff 100%); font-size: 0.72rem; font-weight: 700; color: #2b6597; white-space: nowrap; } .dcab-contacts-phone-grid, .dcab-contacts-channel-grid { display: grid; gap: 0.72rem; } .dcab-contacts-phone-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 0.82rem; } .dcab-contacts-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 0.7rem; } .dcab-contacts-field-card { display: grid; gap: 0.34rem; padding: 0.72rem 0.76rem; border-radius: 0.88rem; border: 1px solid #dce8f4; background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247,251,255,0.96) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.82); } .dcab-contacts-field-label { margin: 0; font-size: 0.73rem; font-weight: 800; letter-spacing: 0.04em; color: #4b6f92; } .dcab-contacts-field-card .input-group-text { min-width: 40px; justify-content: center; color: #4a73a8; background: linear-gradient(180deg, #f5f9ff 0%, #edf4ff 100%); border-color: #d1deef; } .dcab-contacts-field-card .form-control { border-color: #d1deef; background: #fff; } .dcab-contacts-field-card .form-control:focus { border-color: #69a3df; box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12); } .dcab-contacts-preview { display: grid; gap: 0.72rem; align-content: start; } .dcab-contacts-preview__kicker { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #5b809f; } .dcab-contacts-preview__title { font-size: 0.98rem; font-weight: 800; color: #1d4c72; } .dcab-contacts-preview__list { display: grid; gap: 0.72rem; } .dcab-contacts-preview__group { display: grid; gap: 0.52rem; padding: 0.82rem 0.86rem; border-radius: 0.92rem; border: 1px solid #dbe7f3; background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(246,250,255,0.98) 100%); box-shadow: 0 14px 24px -26px rgba(31, 76, 114, 0.28); } .dcab-contacts-preview__group-title { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #6882a0; } .dcab-contacts-preview__items { display: grid; gap: 0.48rem; } .dcab-contacts-preview__item { display: flex; align-items: center; gap: 0.58rem; padding: 0.62rem 0.68rem; border-radius: 0.82rem; border: 1px solid #d7e4f2; background: #fff; text-decoration: none; transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease; } .dcab-contacts-preview__item:hover { transform: translateY(-1px); border-color: #b9d3eb; box-shadow: 0 10px 20px -20px rgba(28, 63, 106, 0.34); text-decoration: none; } .dcab-contacts-preview__icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem; color: #fff; background: linear-gradient(135deg, #2563eb 0%, #1d8ec8 100%); box-shadow: 0 10px 20px -18px rgba(37, 99, 235, 0.42); } .dcab-contacts-preview__icon--telegram { background: linear-gradient(135deg, #2496d2 0%, #2cc1e6 100%); } .dcab-contacts-preview__icon--email { background: linear-gradient(135deg, #10b981 0%, #0ea5a1 100%); } .dcab-contacts-preview__copy { min-width: 0; display: grid; gap: 0.14rem; } .dcab-contacts-preview__label { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; color: #6d849e; } .dcab-contacts-preview__value { font-size: 0.9rem; font-weight: 700; line-height: 1.35; color: #1c4d7e; word-break: break-word; } .dcab-contacts-preview__empty { padding: 0.9rem 0.96rem; border-radius: 0.92rem; border: 1px dashed #c8daed; background: rgba(255,255,255,0.82); font-size: 0.84rem; line-height: 1.5; color: #6c86a2; } .dcab-official-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr); gap: 0.9rem; align-items: start; } .dcab-official-card { border: 1px solid #d7e4f2; border-radius: 1rem; background: radial-gradient(circle at 96% 0%, rgba(45, 126, 190, 0.09) 0%, transparent 34%), linear-gradient(145deg, #fcfeff 0%, #f4f9ff 100%); padding: 1rem; box-shadow: 0 12px 30px rgba(28, 63, 106, 0.08); } .dcab-official-card--preview { position: sticky; top: 0.8rem; background: radial-gradient(circle at 10% 0%, rgba(16, 185, 129, 0.09) 0%, transparent 36%), linear-gradient(145deg, #fbfffd 0%, #f3f9ff 100%); } .dcab-official-head { display: flex; align-items: flex-start; gap: 0.78rem; margin-bottom: 1rem; } .dcab-official-head__icon { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 13px; background: linear-gradient(135deg, #e5f2ff 0%, #e3f8f2 100%); color: #236fa0; box-shadow: inset 0 0 0 1px rgba(45, 126, 190, 0.12); } .dcab-official-kicker, .dcab-official-preview__kicker { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; color: #5d7f9e; } .dcab-official-title { margin-top: 0.12rem; font-size: 1.02rem; font-weight: 800; line-height: 1.3; color: #194d79; } .dcab-official-subtitle { margin-top: 0.3rem !important; font-size: 0.81rem; line-height: 1.48; color: #668099; } .dcab-official-field { display: grid; gap: 0.28rem; margin-bottom: 0.82rem; padding: 0.76rem; border: 1px solid #dce7f3; border-radius: 0.9rem; background: rgba(255,255,255,0.82); box-shadow: inset 0 1px 0 rgba(255,255,255,0.9); } .dcab-official-field__label { font-size: 0.76rem; font-weight: 800; color: #3e668d; } .dcab-official-field__hint { margin-bottom: 0.22rem; font-size: 0.7rem; line-height: 1.35; color: #8295a9; } .dcab-official-field .form-control { border-color: #ceddec; border-radius: 0.72rem; background: #fff; color: #183c5e; } .dcab-official-field .form-control:focus { border-color: #62a0d6; box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.11); } .dcab-official-textarea { min-height: 150px; resize: vertical; line-height: 1.5; } .dcab-official-counter { justify-self: end; font-size: 0.66rem; font-weight: 700; color: #8a9bad; } .dcab-official-preview { position: relative; display: grid; gap: 0.58rem; margin-top: 0.7rem; padding: 1rem; overflow: hidden; border: 1px solid #d4e4ef; border-radius: 1rem; background: radial-gradient(circle at 92% 8%, rgba(50, 167, 153, 0.13) 0%, transparent 38%), linear-gradient(145deg, rgba(255,255,255,0.98) 0%, rgba(242,249,252,0.98) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.94), 0 12px 24px rgba(31, 85, 105, 0.07); } .dcab-official-preview__badge { width: fit-content; padding: 0.24rem 0.58rem; border: 1px solid rgba(44, 145, 128, 0.18); border-radius: 999px; background: linear-gradient(135deg, #e7f8f1 0%, #e8f3fb 100%); color: #297669; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; } .dcab-official-preview__name { font-size: 1.12rem; font-weight: 820; line-height: 1.3; color: #153f61; word-break: break-word; } .dcab-official-preview__description { font-size: 0.83rem; line-height: 1.58; color: #58748c; white-space: pre-line; word-break: break-word; } .dcab-official-preview__note { display: flex; align-items: flex-start; gap: 0.46rem; margin-top: 0.72rem; padding: 0.68rem 0.72rem; border: 1px dashed #c8dbea; border-radius: 0.82rem; background: rgba(255,255,255,0.68); color: #6b8298; font-size: 0.73rem; line-height: 1.45; } .dcab-official-preview__note i { margin-top: 0.14rem; color: #3984ad; } .dcab-modal { border-radius: 1rem; border: none; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3), 0 0 0 1px rgba(148, 163, 184, 0.12); overflow: hidden; } .dcab-dealer-form { display: flex; flex-direction: column; min-height: 0; height: 100%; } .dcab-dealer-modal__header { background: linear-gradient(135deg, #1e3a5f 0%, #0c6b8a 100%); border-bottom: none; padding: 0.9rem 1.1rem; gap: 0.75rem; align-items: center; } .dcab-dealer-modal__header-inner { display: flex; align-items: center; gap: 0.72rem; flex: 1; min-width: 0; } .dcab-dealer-modal__icon { width: 40px; height: 40px; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.24); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.95rem; flex: 0 0 auto; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16); } .dcab-dealer-modal__header .modal-title { color: #ffffff; font-weight: 700; letter-spacing: -0.01em; } .dcab-dealer-modal__sub { margin-top: 0.16rem; font-size: 0.8rem; color: rgba(226, 240, 255, 0.86); } .dcab-dealer-modal__body { background: #f3f7fb; padding: 1rem; overflow-x: hidden; } .dcab-dealer-modal-dialog { max-width: min(1080px, calc(100vw - 2rem)); } .dcab-dealer-modal { max-height: calc(100vh - 1rem); } .dcab-dealer-origin { display: grid; gap: 0.42rem; margin-bottom: 0.92rem; padding: 0.9rem 0.96rem; border-radius: 1rem; border: 1px solid #d6e8dd; background: radial-gradient(circle at top right, rgba(16, 185, 129, 0.09) 0%, rgba(16, 185, 129, 0) 32%), linear-gradient(135deg, #ffffff 0%, #f4fcf7 100%); box-shadow: 0 12px 26px -24px rgba(15, 118, 82, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.92); } .dcab-dealer-origin__eyebrow { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; flex-wrap: wrap; } .dcab-dealer-origin__badge, .dcab-dealer-origin__ref { display: inline-flex; align-items: center; gap: 0.34rem; padding: 0.2rem 0.56rem; border-radius: 999px; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; } .dcab-dealer-origin__badge { color: #146447; border: 1px solid #bee3cf; background: #effcf4; } .dcab-dealer-origin__ref { color: #56748f; border: 1px solid #d7e3f0; background: #f7fbff; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .dcab-dealer-origin__title { font-size: 0.98rem; font-weight: 800; line-height: 1.35; color: #214d41; } .dcab-dealer-origin__meta { font-size: 0.78rem; line-height: 1.55; color: #5b756b; } .dcab-dealer-origin__note { padding-top: 0.18rem; font-size: 0.75rem; line-height: 1.5; color: #4c6c60; border-top: 1px dashed #d4e7db; } .dcab-dealer-layout { display: grid; grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr); gap: 0.9rem; margin-bottom: 0.9rem; align-items: stretch; } .dcab-dealer-layout > .dcab-dealer-section { height: 100%; } .dcab-dealer-layout > .dcab-dealer-section > .dcab-dealer-section__body { height: 100%; } .dcab-dealer-section { border: 1px solid #dce7f3; border-radius: 0.95rem; background: linear-gradient(135deg, #ffffff 0%, #f9fbff 100%); box-shadow: 0 6px 18px rgba(30, 64, 106, 0.06); overflow: hidden; } .dcab-dealer-section__title { display: flex; align-items: center; gap: 0.42rem; padding: 0.72rem 0.9rem 0.68rem; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: #355b86; background: linear-gradient(135deg, #f3f8ff 0%, #edf6ff 100%); border-bottom: 1px solid #e3edf7; } .dcab-dealer-section__body { padding: 0.9rem; } .dcab-dealer-label { font-size: 0.76rem; font-weight: 700; color: #355b86; letter-spacing: 0.01em; } .dcab-dealer-input { border-color: #d3dfec; border-radius: 0.85rem; padding: 0.58rem 0.82rem; font-size: 0.88rem; color: #17365d; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95); } .dcab-dealer-modal .form-control::placeholder { color: #94a3b8; font-style: italic; opacity: 1; } .dcab-dealer-input:focus { border-color: #8ab4e3; box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12); } .dcab-dealer-contact-group { border: 1px solid #d3dfec; border-radius: 0.9rem; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 3px 12px rgba(30, 64, 106, 0.06); } .dcab-dealer-contact-group:focus-within { border-color: #8ab4e3; box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12); } .dcab-dealer-contact-group__icon { border: none; border-right: 1px solid #e1ebf4; background: linear-gradient(180deg, #f6fbff 0%, #eef6ff 100%); color: #5b84b4; padding: 0 0.9rem; } .dcab-dealer-contact-group__input { border: none; box-shadow: none; } .dcab-dealer-contact-group__input:focus { box-shadow: none; } .dcab-dealer-help--contact { margin-top: 0.45rem; } .dcab-dealer-password-group { border: 1px solid #d3dfec; border-radius: 0.9rem; overflow: hidden; background: #ffffff; box-shadow: 0 3px 12px rgba(30, 64, 106, 0.06); } .dcab-dealer-password-group:focus-within { border-color: #8ab4e3; box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12); } .dcab-dealer-password-group .dcab-dealer-input { border-radius: 0; border: none; box-shadow: none; } .dcab-dealer-tool-btn { min-width: 42px; border-color: #dbe5ef; border-top: none; border-right: none; border-bottom: none; background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%); color: #355b86; } .dcab-dealer-tool-btn:hover { color: #173f6b; border-color: #a8c4e3; background: linear-gradient(180deg, #ffffff 0%, #ebf4ff 100%); } .dcab-dealer-tool-btn--magic { color: #5b3ea8; background: linear-gradient(180deg, #fbf8ff 0%, #f2ebff 100%); } .dcab-dealer-tool-btn--magic:hover { color: #4c2f8d; border-color: #c7b1ee; background: linear-gradient(180deg, #ffffff 0%, #eee4ff 100%); } .dcab-dealer-help { margin-top: 0.42rem; font-size: 0.77rem; color: #67809a; } .dcab-reward-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.78rem; } .dcab-reward-card { position: relative; display: block; margin: 0; cursor: pointer; } .dcab-reward-card__input { position: absolute; opacity: 0; pointer-events: none; } .dcab-reward-card__body { display: grid; gap: 0.55rem; height: 100%; padding: 0.88rem 0.92rem; border-radius: 0.96rem; border: 1px solid #dbe6f2; background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%); box-shadow: 0 4px 12px rgba(30, 64, 106, 0.05); transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, background 0.15s ease; min-width: 0; } .dcab-reward-card:hover .dcab-reward-card__body { transform: translateY(-1px); border-color: #b6d0ea; box-shadow: 0 10px 20px rgba(30, 64, 106, 0.08); } .dcab-reward-card.is-active .dcab-reward-card__body { border-color: #6aa7e6; background: linear-gradient(135deg, #ffffff 0%, #eef7ff 100%); box-shadow: 0 0 0 0.18rem rgba(59, 130, 246, 0.1), 0 12px 24px rgba(30, 64, 106, 0.08); } .dcab-reward-card__topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.55rem; flex-wrap: wrap; } .dcab-reward-card__title { font-size: 0.84rem; font-weight: 800; line-height: 1.3; color: #1b456f; min-width: 0; flex: 1 1 9rem; } .dcab-reward-card__pill { display: inline-flex; align-items: center; padding: 0.15rem 0.48rem; border-radius: 999px; font-size: 0.64rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: #1f5f92; background: #eaf4ff; border: 1px solid #c7def6; white-space: nowrap; max-width: 100%; } .dcab-reward-card__pill--accent { color: #8a4b00; background: #fff5df; border-color: #f3d08a; } .dcab-reward-card__text { font-size: 0.75rem; line-height: 1.5; color: #617b97; } .dcab-reward-card__field { display: grid; gap: 0.28rem; } .dcab-reward-card__field-label { font-size: 0.7rem; font-weight: 700; color: #496988; } .dcab-reward-input-group { border: 1px solid #d3dfec; border-radius: 0.9rem; overflow: hidden; background: #fff; } .dcab-reward-input-group:focus-within { border-color: #8ab4e3; box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12); } .dcab-reward-input-group .dcab-reward-input { border: none; border-radius: 0; box-shadow: none; } .dcab-reward-input-group .dcab-reward-input:focus { box-shadow: none; } .dcab-reward-input-suffix { border: none; border-left: 1px solid #dbe5ef; background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%); color: #355b86; font-weight: 700; } .dcab-reward-preview { margin-top: 0.82rem; padding: 0.72rem 0.82rem; border-radius: 0.9rem; border: 1px solid #d9e6f3; background: linear-gradient(135deg, #f9fbff 0%, #f2f8ff 100%); font-size: 0.76rem; line-height: 1.45; color: #4d6887; } .dcab-dealer-switch { display: flex; align-items: flex-start; gap: 0.78rem; margin-bottom: 0; padding: 0.78rem 0.88rem; border-radius: 0.88rem; border: 1px solid #dbe6f2; background: linear-gradient(135deg, #f7fbff 0%, #f3fbf7 100%); } .dcab-dealer-switch .form-check-input { float: none; flex: 0 0 auto; width: 2.45rem; height: 1.35rem; margin: 0.12rem 0 0; margin-left: 0; border-color: #a8bfd9; } .dcab-dealer-switch .form-check-input:checked { background-color: #10b981; border-color: #10b981; } .dcab-dealer-switch .form-check-input:focus { box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.16); } .dcab-dealer-switch .form-check-label { flex: 1 1 auto; display: grid; gap: 0.08rem; padding-left: 0; margin: 0; } .dcab-dealer-switch__title { font-size: 0.83rem; font-weight: 700; color: #1c4f3d; } .dcab-dealer-switch__text { font-size: 0.74rem; color: #5f7c72; } .dcab-dealer-switch-stack { display: grid; gap: 0.65rem; } .dcab-dealer-switch-stack .dcab-dealer-switch { height: auto; } .dcab-dealer-switch--test { border-color: #d9d8f8; background: linear-gradient(135deg, #f8f8ff 0%, #f3f1ff 100%); } .dcab-dealer-switch--test .form-check-input:checked { background-color: #6366f1; border-color: #6366f1; } .dcab-dealer-switch--test .form-check-input:focus { box-shadow: 0 0 0 0.18rem rgba(99, 102, 241, 0.16); } .dcab-dealer-switch--test .dcab-dealer-switch__title { display: inline-flex; align-items: center; gap: 0.38rem; color: #3f3c87; } .dcab-dealer-switch--test .dcab-dealer-switch__text { color: #66658c; } .dcab-dealer-security-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr); gap: 0.9rem; align-items: stretch; } .dcab-dealer-security-grid > * { min-width: 0; } .dcab-dealer-security-grid .dcab-dealer-switch { height: auto; align-items: center; } .dcab-dealer-modal__footer { border-top: 1px solid #e2ebf5; background: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%); padding: 0.82rem 1rem; gap: 0.55rem; justify-content: flex-end; flex-wrap: nowrap; } .dcab-dealer-footer-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.34rem; min-height: 36px; padding: 0.44rem 0.94rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.01em; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-dealer-footer-btn:hover { transform: translateY(-1px); } .dcab-dealer-footer-btn--ghost { color: #58687a; border: 1px solid #d6e0ea; background: linear-gradient(135deg, #ffffff 0%, #f6f8fb 100%); box-shadow: 0 3px 10px rgba(92, 108, 126, 0.06); } .dcab-dealer-footer-btn--ghost:hover { color: #405062; border-color: #bfcedb; background: linear-gradient(135deg, #ffffff 0%, #eff4f8 100%); box-shadow: 0 8px 18px rgba(92, 108, 126, 0.12); } .dcab-dealer-footer-btn--primary { color: #ffffff; border: 1px solid transparent; background: linear-gradient(135deg, #2563eb 0%, #1d8ec8 100%); box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24); } .dcab-dealer-footer-btn--primary:hover { color: #ffffff; background: linear-gradient(135deg, #1d4ed8 0%, #1977aa 100%); box-shadow: 0 12px 24px rgba(37, 99, 235, 0.3); } #dcabPromotionModal .modal-content { background: linear-gradient(180deg, #f7fbff 0%, #f1f6fb 100%); max-height: calc(100vh - 2rem); border: 1px solid rgba(203, 220, 238, 0.9); box-shadow: 0 30px 70px rgba(15, 23, 42, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.24) inset; } #dcabPromotionModal .modal-dialog { max-width: min(1240px, calc(100vw - 1.6rem)); } .dcab-promo-form { display: flex; flex-direction: column; min-height: 0; height: 100%; } .dcab-promo-modal-body { overflow-y: auto; overscroll-behavior: contain; min-height: 0; background: radial-gradient(circle at top left, rgba(148, 204, 255, 0.1) 0%, rgba(148, 204, 255, 0) 28%), linear-gradient(180deg, #f1f6fb 0%, #ecf2f8 100%); padding: 1rem; } /* Modal header */ .dcab-promo-modal-header { position: sticky; top: 0; z-index: 3; background: radial-gradient(circle at 85% 18%, rgba(132, 214, 255, 0.28) 0%, rgba(132, 214, 255, 0) 30%), linear-gradient(135deg, #1a3556 0%, #124d76 56%, #0f6f90 100%); backdrop-filter: blur(16px); border-bottom: none; padding: 0.96rem 1.12rem 0.92rem; gap: 0.75rem; align-items: center; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18); } .dcab-promo-modal-header__inner { display: flex; align-items: center; gap: 0.7rem; flex: 1; min-width: 0; } .dcab-promo-modal-header__icon { width: 42px; height: 42px; border-radius: 0.8rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.1) 100%); border: 1px solid rgba(255, 255, 255, 0.28); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem; flex-shrink: 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 12px 24px -18px rgba(6, 28, 55, 0.55); } .dcab-promo-modal-header .modal-title { color: #fff; font-size: 1.04rem; font-weight: 800; letter-spacing: -0.01em; } .dcab-promo-modal-header__sub { color: rgba(231, 242, 255, 0.8); font-size: 0.77rem; margin-top: 0.08rem; } .dcab-promo-modal-header__meta { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.44rem; } .dcab-promo-modal-header__pill { display: inline-flex; align-items: center; padding: 0.16rem 0.52rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.12); color: rgba(242, 248, 255, 0.92); font-size: 0.66rem; font-weight: 700; letter-spacing: 0.03em; } .dcab-promo-modal-header .btn-close { margin: 0; padding: 0.54rem; border-radius: 0.8rem; background-color: rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12); opacity: 0.95; } .dcab-promo-modal-header .btn-close:hover { background-color: rgba(255, 255, 255, 0.14); opacity: 1; } /* Section cards (основная + период) */ .dcab-promo-intro { display: flex; align-items: center; gap: 0.55rem; padding: 0.76rem 0.9rem; border-radius: 0.92rem; border: 1px solid #d7e7f7; background: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(240, 247, 255, 0.94) 100%); color: #416788; font-size: 0.8rem; font-weight: 600; box-shadow: 0 10px 24px -24px rgba(32, 73, 119, 0.38); margin-bottom: 0.9rem; } .dcab-promo-intro i { color: #4a79d8; flex: 0 0 auto; } .dcab-promo-section { margin-bottom: 0 !important; background: #fff; border: 1px solid #dce7f3; border-radius: 1rem; overflow: hidden; box-shadow: 0 14px 32px -28px rgba(15, 23, 42, 0.26), 0 1px 0 rgba(255, 255, 255, 0.86) inset; transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease; } .dcab-promo-section + .dcab-promo-section, .dcab-promo-section + .dcab-promo-block, .dcab-promo-block + .dcab-promo-block { margin-top: 0.9rem; } .dcab-promo-section:focus-within, .dcab-promo-section:hover { border-color: #c8dbef; box-shadow: 0 18px 36px -28px rgba(15, 23, 42, 0.3), 0 1px 0 rgba(255, 255, 255, 0.92) inset; } .dcab-promo-section__header { padding: 0.62rem 0.96rem 0.58rem; background: linear-gradient(90deg, #eff6ff 0%, #f0f9ff 100%); border-bottom: 1px solid #dbeafe; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: #1e40af; display: flex; align-items: center; gap: 0.42rem; } .dcab-promo-section--period .dcab-promo-section__header { background: linear-gradient(90deg, #f0fdf4 0%, #ecfdf5 100%); border-bottom-color: #bbf7d0; color: #065f46; } .dcab-promo-section__body { padding: 0.96rem 1rem 1rem; } /* Form labels */ .dcab-promo-label { font-size: 0.76rem; font-weight: 800; color: #35567b; margin-bottom: 0.34rem; letter-spacing: 0.01em; } /* Form controls inside modal — НЕ применяется к form-check-input (тумблеры/чекбоксы) */ #dcabPromotionModal .form-control:not(.form-check-input), #dcabPromotionModal .form-select { border-color: #d4dfeb; border-radius: 0.78rem; font-size: 0.89rem; padding: 0.64rem 0.82rem; background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 1px 0 rgba(17, 24, 39, 0.02); transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, transform 0.15s ease; } #dcabPromotionModal .form-control:not(.form-check-input):focus, #dcabPromotionModal .form-select:focus { border-color: #76a9e0; box-shadow: 0 0 0 0.22rem rgba(59, 130, 246, 0.12), 0 10px 24px -22px rgba(37, 99, 235, 0.45); background-color: #fff; outline: none; transform: translateY(-1px); } #dcabPromotionModal .form-control:not(.form-check-input)::placeholder { color: #9ca3af; font-style: italic; opacity: 1; } #dcabPromotionModal .form-control:not(.form-check-input)::-webkit-input-placeholder { color: #9ca3af; font-style: italic; opacity: 1; } #dcabPromotionModal .form-control:not(.form-check-input)::-moz-placeholder { color: #9ca3af; font-style: italic; opacity: 1; } #dcabPromotionModal .form-control:not(.form-check-input):-ms-input-placeholder { color: #9ca3af; font-style: italic; } #dcabPromotionModal .form-control:not(.form-check-input)::-ms-input-placeholder { color: #9ca3af; font-style: italic; } /* Discount field — violet/purple accent */ .dcab-promo-discount-label { color: #6d28d9; font-weight: 700; } .dcab-promo-discount-group .form-control { border-color: #c4b5fd !important; background-color: #faf5ff !important; } .dcab-promo-discount-group .form-control:focus { border-color: #7c3aed !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important; background-color: #fff !important; } .dcab-promo-discount-suffix { background: #ede9fe !important; border-color: #c4b5fd !important; color: #6d28d9 !important; font-weight: 800 !important; } /* Switch cards */ .dcab-promo-switches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.55rem; } .dcab-promo-switch-card { min-width: 0; padding: 0.66rem 0.84rem; border: 1px solid #dce7f3; border-radius: 0.86rem; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); box-shadow: 0 8px 18px -20px rgba(15, 23, 42, 0.34); transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; cursor: pointer; } .dcab-promo-switch-card:hover { transform: translateY(-1px); border-color: #bfd5ea; box-shadow: 0 14px 24px -20px rgba(15, 23, 42, 0.3); } .dcab-promo-switch-card:has(input:checked) { border-color: #96dcb2; background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); box-shadow: 0 14px 24px -20px rgba(22, 101, 52, 0.28); } .dcab-promo-switch-card .form-check-label { font-size: 0.81rem; font-weight: 700; color: #374151; cursor: pointer; white-space: nowrap; } .dcab-promo-switch-card:has(input:checked) .form-check-label { color: #15803d; } /* Block containers */ .dcab-promo-block { margin-bottom: 0 !important; background: #fff; border: 1px solid #dce7f3; border-radius: 1rem; overflow: hidden; box-shadow: 0 14px 32px -28px rgba(15, 23, 42, 0.24), 0 1px 0 rgba(255, 255, 255, 0.86) inset; transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; } .dcab-promo-block:hover, .dcab-promo-block:focus-within { transform: translateY(-1px); border-color: #c8dbef; box-shadow: 0 18px 36px -28px rgba(15, 23, 42, 0.28), 0 1px 0 rgba(255, 255, 255, 0.92) inset; } .dcab-promo-block__title { font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; padding: 0.62rem 0.92rem 0.58rem; border-bottom: 1px solid #e2e8f0; background: #f8fafc; display: flex; align-items: center; gap: 0.4rem; color: #4a6887; } .dcab-promo-block__body { padding: 0.95rem 0.98rem 1rem; } .dcab-promo-block--dealers .dcab-promo-block__title { color: #1d4ed8; background: #eff6ff; border-bottom-color: #dbeafe; } .dcab-promo-block--items .dcab-promo-block__title { color: #0e7490; background: #ecfeff; border-bottom-color: #cffafe; } .dcab-promo-block--thresholds .dcab-promo-block__title { color: #065f46; background: #ecfdf5; border-bottom-color: #bbf7d0; } .dcab-promo-block--schedule .dcab-promo-block__title { color: #5b21b6; background: #f5f3ff; border-bottom-color: #ddd6fe; } .dcab-promo-block--json .dcab-promo-block__title { color: #334155; background: #f8fafc; border-bottom-color: #e2e8f0; } /* Weekday pills */ .dcab-weekdays { display: flex; flex-wrap: wrap; gap: 0.4rem; } .dcab-weekday-pill { display: inline-flex; position: relative; cursor: pointer; margin: 0; } .dcab-weekday-pill .form-check-input { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; } .dcab-weekday-pill span { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 0.62rem; font-size: 0.79rem; font-weight: 700; background: linear-gradient(180deg, #f8fbff 0%, #eff5fb 100%); border: 1px solid #d9e4ef; color: #64748b; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; user-select: none; } .dcab-weekday-pill:hover span { background: #dbeafe; border-color: #93c5fd; color: #1d4ed8; transform: translateY(-1px); } .dcab-weekday-pill:has(.dcab-weekday-check:checked) span { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); border-color: #2563eb; color: #fff; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35); } .dcab-weekday-weekend span { color: #94a3b8; } .dcab-weekday-weekend:hover span { background: #fee2e2; border-color: #fca5a5; color: #dc2626; } .dcab-weekday-weekend:has(.dcab-weekday-check:checked) span { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); border-color: #dc2626; color: #fff; box-shadow: 0 2px 8px rgba(220, 38, 38, 0.35); } /* Code area */ .dcab-code-area { font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.78rem; line-height: 1.5; min-height: 8.5rem; } /* Modal footer */ .dcab-promo-modal-footer { position: sticky; bottom: 0; z-index: 3; border-top: 1px solid rgba(214, 226, 238, 0.95); background: rgba(248, 251, 254, 0.92); backdrop-filter: blur(14px); padding: 0.82rem 1rem; box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.08); } .dcab-promo-footer-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.34rem; min-height: 38px; padding: 0.48rem 1rem; border-radius: 999px; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.01em; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dcab-promo-footer-btn:hover { transform: translateY(-1px); } .dcab-promo-footer-btn--ghost { color: #526477; border: 1px solid #d2dde8; background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%); box-shadow: 0 8px 18px -18px rgba(15, 23, 42, 0.24); } .dcab-promo-footer-btn--ghost:hover { color: #31475d; border-color: #b8cadb; background: linear-gradient(180deg, #ffffff 0%, #eff5fa 100%); } .dcab-promo-save-btn { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); border: none; box-shadow: 0 10px 22px -14px rgba(37, 99, 235, 0.56); font-weight: 800; padding: 0.5rem 1.2rem; transition: transform 0.15s ease, box-shadow 0.15s ease; } .dcab-promo-save-btn:hover { background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%); box-shadow: 0 6px 18px rgba(37, 99, 235, 0.42); transform: translateY(-1px); border: none; } .dcab-promo-save-btn:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(37, 99, 235, 0.28); border: none; } @media (max-width: 1199.98px) { .dcab-table tbody td, .dcab-table thead th { padding-left: 0.72rem; padding-right: 0.72rem; } } @media (max-width: 991.98px) { .dcab-dealers-toolbar { grid-template-columns: 1fr; } .dcab-dealers-toolbar__right { grid-template-columns: minmax(0, 1fr) auto; } .dcab-dealer-layout, .dcab-dealer-security-grid { grid-template-columns: 1fr; } .dcab-dealer-layout > .dcab-dealer-section, .dcab-dealer-layout > .dcab-dealer-section > .dcab-dealer-section__body { height: auto; } .dcab-dealer-security-grid .dcab-dealer-switch { height: auto; } } @media (max-width: 767.98px) { #akvMainContentColQ7 { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } #akvMainContentColQ7 > .row { box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } #akvMainContentColQ7 > .row > div { box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #inner-card, #inner-card > .card-header, #inner-card > .card-body { box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } #inner-card { display: block !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin-right: 0 !important; padding-bottom: 0 !important; } #inner-card > .card-header { display: none !important; } #inner-card > .card-body { background: transparent !important; border: 0 !important; padding: 0 !important; } .dcab-page, .dcab-shell, .dcab-content, .dcab-content > .tab-pane { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; } .dcab-page { margin-top: 0.35rem !important; padding-left: 0.5rem; padding-right: 0.5rem; } .dcab-shell { gap: 0.65rem; } .dcab-tabs { width: 100%; max-width: 100%; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding: 0.08rem 0 0.3rem; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } .dcab-tabs .nav-item { flex: 0 0 auto; } .dcab-tabs .nav-link { white-space: nowrap; } .dcab-content { padding: 0.58rem; } .dcab-hero { padding: 0.84rem; flex-direction: column; align-items: flex-start; } .dcab-hero__side { width: 100%; justify-content: flex-start; } .dcab-settings-grid { grid-template-columns: 1fr; } .dcab-tbank-receipt { padding: 0.82rem; } .dcab-tbank-receipt__head { align-items: flex-start; flex-direction: column; } .dcab-tbank-receipt__automatic { grid-template-columns: 1fr; } .dcab-terms-layout { grid-template-columns: 1fr; } .dcab-terms-hero { align-items: flex-start; } .dcab-settings-brand__heading { align-items: flex-start; flex-direction: column; gap: 0.35rem; } .dcab-settings-brand__preview { max-width: 100%; } .dcab-contacts-grid { grid-template-columns: 1fr; } .dcab-official-grid { grid-template-columns: 1fr; } .dcab-official-card--preview { position: static; } .dcab-orders-toolbar__main { width: 100%; flex: 1 1 100%; min-width: 0; flex-direction: column; align-items: stretch; } .dcab-orders-toolbar__search { width: 100%; flex: 1 1 auto; min-width: 0; margin-left: 0; } .dcab-orders-toolbar__actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; margin-left: 0; } .dcab-settings-preview__item { flex-direction: column; align-items: stretch; } .dcab-settings-preview__open { width: 100%; } .dcab-contacts-head { flex-direction: column; } .dcab-contacts-phone-grid, .dcab-contacts-channel-grid { grid-template-columns: 1fr; } .dcab-contacts-preview__item { align-items: flex-start; } .dcab-table-responsive--dealers { overflow-x: visible; } .dcab-table--dealers, .dcab-table--dealers tbody, .dcab-table--dealers tr, .dcab-table--dealers td { display: block; width: 100%; } .dcab-table--dealers { min-width: 0; } .dcab-table--dealers colgroup, .dcab-table--dealers thead { display: none; } .dcab-table--dealers tbody { display: grid; gap: 0.8rem; padding: 0.72rem; } .dcab-table--dealers tbody tr { border: 1px solid #d8e6f5; border-radius: 1rem; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); box-shadow: 0 14px 26px -24px rgba(20, 61, 111, 0.32); overflow: hidden; } .dcab-table--dealers tbody td { padding: 0.76rem 0.82rem; border-top: 1px solid #edf2f8; border-left: 0; } .dcab-table--dealers tbody td:first-child { border-top: none; } .dcab-table--dealers tbody td::before { content: attr(data-title); display: block; margin-bottom: 0.34rem; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #7b92ad; } .dcab-dealer-actions { text-align: left !important; } .dcab-dealer-name, .dcab-login-meta, .dcab-reward-note { white-space: normal; overflow: visible; text-overflow: clip; } .dcab-dealer-action-group { justify-content: stretch; } .dcab-dealer-edit-btn { flex: 1 1 0; width: auto; min-width: 0; height: 38px; gap: 0.42rem; border-radius: 0.78rem; } .dcab-dealer-action-label { display: inline; } .dcab-dealers-toolbar__right, .dcab-dealers-search { width: 100%; min-width: 0; } .dcab-dealers-toolbar__right { grid-template-columns: 1fr; } .dcab-dealers-toolbar__actions { width: 100%; justify-content: stretch; } .dcab-dealers-btn { flex: 1 1 0; } .dcab-dealers-meta { margin-top: 0; align-items: flex-start; flex-direction: column; } .dcab-dealers-meta__controls { width: 100%; margin-left: 0; justify-content: flex-start; flex-wrap: wrap; } .dcab-dealers-sort { width: 100%; min-width: 0; } .dcab-dealers-pagination--top { width: 100%; margin-left: 0; justify-content: flex-start; } .dcab-dealers-page-btn { flex: 1 1 auto; min-width: 3rem; } .dcab-dealers-pagination--top .dcab-dealers-page-btn, .dcab-dealers-pagination--top .dcab-dealers-page-gap { flex: 0 0 auto; min-width: 34px; height: 34px; } .dcab-dealer-modal-dialog { max-width: calc(100vw - 1rem); margin: 0.5rem auto; } .dcab-dealer-modal__header, .dcab-dealer-modal__body, .dcab-dealer-modal__footer { padding-left: 0.78rem; padding-right: 0.78rem; } .dcab-dealer-modal__sub { font-size: 0.74rem; line-height: 1.35; } .dcab-dealer-modal__footer { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .dcab-dealer-footer-btn { width: 100%; min-width: 0; } .dcab-dealer-layout { grid-template-columns: 1fr; gap: 0.78rem; } .dcab-reward-grid { grid-template-columns: 1fr; } .dcab-reward-card__topline { flex-wrap: wrap; } .dcab-promo-card { padding: 0.82rem 0.84rem; } .dcab-request-card { padding: 0.82rem 0.84rem; } .dcab-request-card__top, .dcab-request-grid { grid-template-columns: 1fr; } .dcab-requests-toolbar__actions { width: 100%; justify-content: stretch; } .dcab-requests-switch { width: 100%; justify-content: stretch; } .dcab-requests-switch__btn { flex: 1 1 0; justify-content: center; } .dcab-request-compact { flex-direction: column; align-items: stretch; } .dcab-request-panel__actions { justify-content: stretch; } .dcab-request-archive-btn, .dcab-request-toggle-btn, .dcab-request-create-btn, .dcab-request-save-btn { width: 100%; } .dcab-dealer-origin { padding: 0.82rem 0.86rem; } .dcab-dealer-origin__eyebrow { align-items: flex-start; } .dcab-promo-card__top { grid-template-columns: 1fr; } .dcab-promo-card__footer { flex-direction: column; align-items: stretch; } .dcab-promo-card__footer .dcab-promo-edit-btn { width: 100%; } .dcab-promo-conditions { line-height: 1.45; } .dcab-promo-modal-body { padding: 0.7rem; } .dcab-promo-switches { grid-template-columns: 1fr; } .dcab-promo-modal-footer { padding: 0.72rem 0.78rem calc(0.72rem + env(safe-area-inset-bottom)); } .dcab-promo-footer-btn { width: 100%; } } /* ── Orders tab ─────────────────────────────────────────────── */ #dcab-tab-orders { --dcab-order-pad-x: .68rem; container: dcab-orders / inline-size; } .dcab-ord-filters { display:flex; flex-wrap:wrap; gap:.24rem; margin-bottom:.65rem; } .dcab-ord-fpill { display:inline-flex; align-items:center; gap:.22rem; min-height:29px; padding:.22rem .62rem; border-radius:999px; border:1.5px solid #d1e2f2; background:#f9fbfe; color:#365d89; font-size:.69rem; font-weight:650; cursor:pointer; user-select:none; transition:background .15s, border-color .15s, color .15s, box-shadow .15s; } .dcab-ord-fpill:hover { border-color:#91b4d9; background:#eef5ff; } .dcab-ord-fpill.is-active { background:linear-gradient(135deg,#376ec6,#2f8fbd); border-color:transparent; color:#fff; box-shadow:0 4px 12px rgba(44,108,184,.22); } .dcab-ord-fpill__label { line-height:1; } .dcab-ord-fpill__count { display:inline-flex; align-items:center; justify-content:center; min-width:1.28rem; height:1.18rem; padding:0 .31rem; margin-left:.08rem; border:1px solid rgba(54,93,137,.14); border-radius:999px; background:rgba(54,93,137,.09); color:currentColor; font-size:.61rem; font-weight:850; font-variant-numeric:tabular-nums; line-height:1; box-shadow:inset 0 1px 0 rgba(255,255,255,.66); transition:background .15s,border-color .15s,color .15s,transform .15s; } .dcab-ord-fpill:hover .dcab-ord-fpill__count { transform:translateY(-1px); } .dcab-ord-fpill.is-active .dcab-ord-fpill__count { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.2); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.2); } .dcab-ord-fpill--new.is-active { background:linear-gradient(135deg,#087ea4,#18a4c7); } .dcab-ord-fpill--waiting.has-orders { color:#8a5600; border-color:#efd39b; background:#fffaf0; } .dcab-ord-fpill--waiting.has-orders .dcab-ord-fpill__count { border-color:#ead19f; background:#fff0cc; } .dcab-ord-fpill--waiting.has-orders:hover { color:#734500; border-color:#d9a94a; background:#fff5df; } .dcab-ord-fpill.dcab-ord-fpill--waiting.has-orders.is-active { background:linear-gradient(135deg,#d88a08,#f0ad28); border-color:transparent; color:#fff; box-shadow:0 4px 12px rgba(190,121,8,.24); } .dcab-ord-fpill--overdue.has-orders { color:#b51535; border-color:#f2b8c4; background:#fff3f5; } .dcab-ord-fpill--overdue.has-orders .dcab-ord-fpill__count { border-color:#f0b1be; background:#ffe1e7; } .dcab-ord-fpill--overdue.has-orders:hover { color:#9f102d; border-color:#e8798e; background:#ffe9ed; } .dcab-ord-fpill--overdue.has-orders.is-active { background:linear-gradient(135deg,#b20f2f,#ec2948); border-color:transparent; color:#fff; box-shadow:0 4px 13px rgba(190,18,52,.25); } .dcab-ord-fpill--overdue.has-orders.is-active .dcab-ord-fpill__count { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.2); color:#fff; } .dcab-ord-fpill--proc.is-active { background:linear-gradient(135deg,#2563eb,#3b82f6); } .dcab-ord-fpill--done.is-active { background:linear-gradient(135deg,#059669,#10b981); } .dcab-ord-fpill--cancel.is-active { background:linear-gradient(135deg,#dc2626,#ef4444); } .dcab-ord-fpill--gifted { color:#8a4b08; border-color:#f0cf8a; background:#fff9e8; } .dcab-ord-fpill--gifted:hover { color:#713b05; border-color:#dfa93e; background:#fff2c9; } .dcab-ord-fpill--gifted.is-active { background:linear-gradient(135deg,#d97706,#f59e0b); border-color:transparent; color:#fff; box-shadow:0 4px 12px rgba(217,119,6,.24); } .dcab-ord-fpill--arch.is-active { background:linear-gradient(135deg,#475569,#64748b); } .dcab-ord-fpill--test { color:#5b3ca4; border-color:#d9cff8; background:#f7f4ff; } .dcab-ord-fpill--test .dcab-ord-fpill__count { border-color:#d4c8f7; background:#ece6ff; } .dcab-ord-fpill--test:hover { color:#4c2d94; border-color:#b8a5ef; background:#f0ebff; } .dcab-ord-fpill.dcab-ord-fpill--test.is-active { background:linear-gradient(135deg,#6652d9,#8b5cf6); border-color:transparent; color:#fff; box-shadow:0 4px 12px rgba(109,78,216,.24); } .dcab-ord-fpill--test.is-active .dcab-ord-fpill__count { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.2); color:#fff; } .dcab-ord-fpill--icon-only { width:29px; min-width:29px; justify-content:center; padding:.22rem; } .dcab-ord-filters .dcab-ord-fpill { min-height:28px; gap:.19rem; padding:.19rem .52rem; font-size:.66rem; } .dcab-ord-filters .dcab-ord-fpill > i { font-size:.64rem; } .dcab-ord-filters .dcab-ord-fpill__count { min-width:1.18rem; height:1.08rem; padding:0 .25rem; margin-left:.05rem; font-size:.59rem; } .dcab-ord-filters .dcab-ord-fpill--icon-only { width:28px; min-width:28px; padding:.19rem; } .dcab-ord-refresh-btn { margin-left: 0.1rem; border-radius: 999px; min-height: 29px; padding: 0.22rem 0.68rem; font-size: 0.68rem; font-weight: 600; box-shadow: 0 1px 3px rgba(37, 99, 235, 0.08); } .dcab-orders-tbank-sync:not([hidden]) { margin-left: 0; min-height: 29px; padding: 0.22rem 0.68rem; font-size: 0.68rem; } .dcab-orders-tbank-sync:not([hidden]) + .dcab-ord-refresh-btn { margin-left: 0; } .dcab-ord-pagination { display:grid; grid-template-columns:minmax(190px,1fr) auto auto; align-items:center; gap:.75rem 1rem; margin-top:1rem; padding:.72rem .82rem; border:1px solid #d8e5f2; border-radius:14px; background: radial-gradient(circle at 8% 0%,rgba(71,85,105,.08),transparent 30%), linear-gradient(135deg,#fbfdff 0%,#f2f7fc 100%); box-shadow:0 8px 24px rgba(31,58,92,.07); } .dcab-ord-pagination[hidden] { display:none; } .dcab-ord-pagination__info { display:flex; align-items:center; gap:.58rem; min-width:0; } .dcab-ord-pagination__icon { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:10px; flex:0 0 34px; background:linear-gradient(135deg,#64748b,#475569); color:#fff; box-shadow:0 7px 14px rgba(71,85,105,.2); font-size:.72rem; } .dcab-ord-pagination__copy { min-width:0; } .dcab-ord-pagination__title { display:block; font-size:.67rem; font-weight:850; color:#334155; line-height:1.2; } .dcab-ord-pagination__range { display:block; margin-top:.1rem; font-size:.61rem; color:#75869a; line-height:1.25; } .dcab-ord-pagination__range strong { color:#42556b; font-weight:800; } .dcab-ord-pagination__pages { display:flex; align-items:center; justify-content:center; gap:.3rem; min-width:0; } .dcab-ord-pagination__btn { display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 .42rem; border:1px solid #d5e1ed; border-radius:10px; background:#fff; color:#4b6179; font-size:.68rem; font-weight:800; line-height:1; box-shadow:0 2px 7px rgba(35,67,103,.05); transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease; } .dcab-ord-pagination__btn:hover:not(:disabled):not(.is-active) { border-color:#8db4da; background:#f4f9ff; box-shadow:0 5px 12px rgba(48,99,153,.12); transform:translateY(-1px); } .dcab-ord-pagination__btn.is-active { border-color:transparent; background:linear-gradient(135deg,#376ec6,#2f8fbd); color:#fff; box-shadow:0 6px 14px rgba(47,112,178,.24); } .dcab-ord-pagination__btn:disabled { opacity:.38; cursor:not-allowed; box-shadow:none; } .dcab-ord-pagination__ellipsis { display:inline-flex; align-items:center; justify-content:center; width:22px; color:#8a9aab; font-size:.74rem; font-weight:800; } .dcab-ord-pagination__size { display:flex; align-items:center; gap:.42rem; white-space:nowrap; font-size:.61rem; font-weight:750; color:#6b7d91; } .dcab-ord-pagination__select { height:34px; min-width:62px; padding:0 1.7rem 0 .55rem; border:1px solid #d4e0ec; border-radius:9px; background-color:#fff; color:#41566e; font-size:.67rem; font-weight:800; box-shadow:0 2px 7px rgba(35,67,103,.05); } @media(max-width:900px) { .dcab-ord-pagination { grid-template-columns:1fr auto; } .dcab-ord-pagination__pages { grid-column:1 / -1; grid-row:2; } } @media(max-width:560px) { .dcab-ord-pagination { grid-template-columns:1fr; padding:.68rem; } .dcab-ord-pagination__size { justify-content:flex-start; } .dcab-ord-pagination__pages { grid-column:1; grid-row:auto; justify-content:flex-start; overflow-x:auto; padding:.08rem 0 .2rem; scrollbar-width:thin; } } .dcab-order-viewbar { display:flex; align-items:center; justify-content:space-between; gap:.7rem 1rem; margin:0 0 .72rem; padding:.55rem .62rem .55rem .78rem; border:1px solid #d8e5f3; border-radius:14px; background: radial-gradient(circle at 0 0,rgba(56,189,248,.08),transparent 34%), linear-gradient(135deg,#fbfdff 0%,#f3f8ff 100%); box-shadow:0 9px 24px -21px rgba(18,57,105,.52),inset 0 1px 0 rgba(255,255,255,.9); } #dcabOrdersEmpty[hidden] { display:none !important; } .dcab-order-viewbar__copy { display:flex; flex-direction:column; gap:.08rem; min-width:170px; } .dcab-order-viewbar__eyebrow { color:#365f8e; font-size:.63rem; font-weight:850; letter-spacing:.055em; line-height:1.2; text-transform:uppercase; } .dcab-order-viewbar__meta { color:#71869e; font-size:.61rem; font-weight:600; line-height:1.3; } .dcab-order-view-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.24rem; width:min(100%,520px); padding:.2rem; border:1px solid #d6e3f0; border-radius:12px; background:#eaf1f8; box-shadow:inset 0 1px 3px rgba(37,71,112,.07); } .dcab-order-view-switch__btn { display:flex; align-items:center; gap:.48rem; min-width:0; min-height:39px; padding:.36rem .58rem; border:1px solid transparent; border-radius:9px; background:transparent; color:#58718e; text-align:left; cursor:pointer; transition:background .17s ease,border-color .17s ease,color .17s ease,box-shadow .17s ease,transform .17s ease; } .dcab-order-view-switch__btn:hover:not(.is-active) { border-color:rgba(112,145,182,.18); background:rgba(255,255,255,.58); color:#31577f; } .dcab-order-view-switch__btn:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.16); } .dcab-order-view-switch__btn.is-active { border-color:rgba(255,255,255,.2); background: radial-gradient(circle at 100% 0,rgba(56,189,248,.26),transparent 42%), linear-gradient(135deg,#173a68 0%,#245c99 60%,#267dab 100%); color:#fff; box-shadow:0 7px 17px -9px rgba(24,73,128,.78),inset 0 1px 0 rgba(255,255,255,.2); } .dcab-order-view-switch__icon { display:inline-grid; place-items:center; width:27px; height:27px; flex:0 0 27px; border:1px solid rgba(80,117,157,.14); border-radius:8px; background:rgba(255,255,255,.6); color:#47739f; font-size:.67rem; } .dcab-order-view-switch__btn.is-active .dcab-order-view-switch__icon { border-color:rgba(255,255,255,.17); background:rgba(255,255,255,.12); color:#dff6ff; box-shadow:inset 0 1px 0 rgba(255,255,255,.12); } .dcab-order-view-switch__text { display:block; min-width:0; line-height:1.1; } .dcab-order-view-switch__text strong { display:block; overflow:hidden; font-size:.66rem; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } .dcab-order-view-switch__text small { display:block; margin-top:.13rem; overflow:hidden; color:#8496aa; font-size:.55rem; font-weight:650; text-overflow:ellipsis; white-space:nowrap; } .dcab-order-view-switch__btn.is-active .dcab-order-view-switch__text small { color:rgba(225,241,255,.7); } /* Сетка карточек учитывает ширину рабочей области рядом с левым меню. */ .dcab-ord-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; align-items:start; min-width:0; } @media(max-width:1200px){ .dcab-ord-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:700px) { .dcab-ord-grid{ grid-template-columns:1fr; } } @container dcab-orders (max-width: 820px) { .dcab-ord-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @container dcab-orders (max-width: 540px) { .dcab-ord-grid { grid-template-columns:1fr; } } /* Режим «по дилеру»: аккордеон с одной раскрытой группой. */ .dcab-ord-grid.is-dealer-view { grid-template-columns:minmax(0,1fr); gap:.62rem; } .dcab-dealer-group { --dcab-dealer-accent:#2873bd; --dcab-dealer-accent-soft:rgba(40,115,189,.1); position:relative; min-width:0; overflow:hidden; border:1px solid #d6e3f0; border-radius:15px; background:#fff; box-shadow:0 7px 23px -20px rgba(16,51,91,.54); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .dcab-dealer-group::before { content:''; position:absolute; z-index:2; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,var(--dcab-dealer-accent),rgba(40,115,189,.08)); opacity:.72; } .dcab-dealer-group[data-mode="retail"] { --dcab-dealer-accent:#159a72; --dcab-dealer-accent-soft:rgba(21,154,114,.1); } .dcab-dealer-group:hover { border-color:#bdd3e8; box-shadow:0 12px 28px -21px rgba(16,51,91,.58); } .dcab-dealer-group.is-open { border-color:#a9c7e4; box-shadow:0 17px 40px -27px rgba(18,62,112,.58); } .dcab-dealer-group__toggle { position:relative; display:grid; grid-template-columns:40px minmax(170px,1.25fr) minmax(165px,1fr) minmax(180px,1.05fr) auto; align-items:center; gap:.55rem .75rem; width:100%; min-width:0; padding:.68rem .72rem .68rem .84rem; border:0; background: radial-gradient(circle at 95% 0,var(--dcab-dealer-accent-soft),transparent 28%), linear-gradient(135deg,#ffffff 0%,#f8fbff 100%); color:#203d61; text-align:left; cursor:pointer; transition:background .18s ease; } .dcab-dealer-group.is-open .dcab-dealer-group__toggle { background: radial-gradient(circle at 95% 0,var(--dcab-dealer-accent-soft),transparent 30%), linear-gradient(135deg,#fafdff 0%,#f0f6fc 100%); } .dcab-dealer-group__toggle:focus-visible { outline:none; box-shadow:inset 0 0 0 3px rgba(59,130,246,.17); } .dcab-dealer-group__avatar { display:inline-grid; place-items:center; width:40px; height:40px; border:1px solid rgba(255,255,255,.68); border-radius:12px; background:linear-gradient(135deg,#3a8bd2 0%,var(--dcab-dealer-accent) 62%,#3155a0 115%); box-shadow:0 8px 17px -10px rgba(33,96,162,.8),inset 0 1px 0 rgba(255,255,255,.32); color:#fff; font-size:.82rem; font-weight:900; text-transform:uppercase; } .dcab-dealer-group[data-mode="retail"] .dcab-dealer-group__avatar { background:linear-gradient(135deg,#35b991 0%,#168d6b 72%,#0b6852 120%); } .dcab-dealer-group__identity { display:block; min-width:0; } .dcab-dealer-group__eyebrow { display:flex; align-items:center; gap:.32rem; margin-bottom:.12rem; color:#66819e; font-size:.54rem; font-weight:850; letter-spacing:.065em; line-height:1.2; text-transform:uppercase; } .dcab-dealer-group__eyebrow i { color:var(--dcab-dealer-accent); } .dcab-dealer-group__name { display:block; overflow:hidden; color:#173a64; font-size:.76rem; font-weight:850; letter-spacing:-.005em; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } .dcab-dealer-group__contact { display:block; margin-top:.12rem; overflow:hidden; color:#7a91aa; font-size:.57rem; font-weight:600; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } .dcab-dealer-group__statuses { display:flex; align-items:center; flex-wrap:wrap; gap:.24rem; min-width:0; } .dcab-dealer-group__status { display:inline-flex; align-items:center; gap:.23rem; padding:.14rem .34rem; border:1px solid #dbe5f0; border-radius:999px; background:#f7f9fc; color:#64778d; font-size:.53rem; font-weight:750; line-height:1.15; white-space:nowrap; } .dcab-dealer-group__status::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; opacity:.75; } .dcab-dealer-group__status[data-status="new"] { border-color:#f0d8af;background:#fff9ef;color:#96600f; } .dcab-dealer-group__status[data-status="overdue"] { border-color:#f4bec8;background:#fff3f5;color:#b51d38; } .dcab-dealer-group__status[data-status="waiting_payment"] { border-color:#f0d8a6;background:#fff8e8;color:#94610b; } .dcab-dealer-group__status[data-status="processing"] { border-color:#c9dbf7;background:#f1f6ff;color:#2c64ad; } .dcab-dealer-group__status[data-status="completed"] { border-color:#bee5d7;background:#effaf6;color:#23775d; } .dcab-dealer-group__status[data-status="cancelled"] { border-color:#f0c8c8;background:#fff5f5;color:#a33a3a; } .dcab-dealer-group__status[data-status="gifted"] { border-color:#efd69e;background:#fff9e8;color:#8a590a; } .dcab-dealer-group__status[data-status="archived"] { border-color:#d8e0e9;background:#f5f7f9;color:#607084; } .dcab-dealer-group__summary { display:flex; align-items:center; justify-content:flex-end; gap:.75rem; min-width:0; } .dcab-dealer-group__metric { display:block; min-width:0; text-align:right; } .dcab-dealer-group__metric small { display:block; margin-bottom:.06rem; color:#8496aa; font-size:.51rem; font-weight:700; letter-spacing:.035em; line-height:1.1; text-transform:uppercase; } .dcab-dealer-group__metric strong { display:block; overflow:hidden; color:#25496f; font-size:.66rem; font-weight:850; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } .dcab-dealer-group__metric--amount strong { color:#173a64; } .dcab-dealer-group__open { display:inline-flex; align-items:center; justify-content:flex-end; gap:.42rem; min-width:118px; color:#3c6793; font-size:.58rem; font-weight:800; white-space:nowrap; } .dcab-dealer-group__open-icon { display:inline-grid; place-items:center; width:27px; height:27px; border:1px solid #cadced; border-radius:8px; background:#fff; box-shadow:0 3px 10px rgba(35,75,120,.07); color:var(--dcab-dealer-accent); transition:transform .2s ease,background .16s ease,color .16s ease; } .dcab-dealer-group.is-open .dcab-dealer-group__open-icon { border-color:transparent; background:var(--dcab-dealer-accent); color:#fff; transform:rotate(180deg); } .dcab-dealer-group__body { padding:.58rem .65rem .66rem .78rem; border-top:1px solid #dce7f2; background: linear-gradient(90deg,var(--dcab-dealer-accent-soft),transparent 22%), #f5f8fc; } .dcab-dealer-group__body-head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin:0 .04rem .45rem; color:#72879e; font-size:.56rem; font-weight:650; line-height:1.3; } .dcab-dealer-group__body-head strong { color:#3f5f80;font-weight:800; } .dcab-dealer-group__orders { display:grid; gap:.32rem; } .dcab-dealer-order { position:relative; display:grid; grid-template-columns:minmax(155px,1.1fr) minmax(145px,1fr) minmax(130px,.8fr) minmax(105px,.65fr) minmax(180px,1.1fr); align-items:center; gap:.42rem .62rem; min-width:0; padding:.44rem .5rem; border:1px solid #dbe5ef; border-radius:11px; background:#fff; box-shadow:0 2px 8px rgba(24,57,94,.045); cursor:pointer; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; } .dcab-dealer-order:hover { z-index:1; border-color:#afcbe5; box-shadow:0 7px 17px rgba(28,68,112,.09); transform:translateY(-1px); } .dcab-dealer-order:focus-visible { outline:none; border-color:#71a7d8; box-shadow:0 0 0 3px rgba(59,130,246,.14); } .dcab-dealer-order.is-overdue { border-color:#f0bdc7; box-shadow:inset 3px 0 0 #df3450,0 2px 8px rgba(124,25,43,.045); } .dcab-dealer-order__identity { min-width:0; } .dcab-dealer-order__topline { display:flex; align-items:center; gap:.3rem; min-width:0; } .dcab-dealer-order__number { overflow:hidden; color:#173d68; font-size:.69rem; font-weight:900; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } .dcab-dealer-order__overdue { display:inline-flex; align-items:center; gap:.18rem; padding:.1rem .28rem; border-radius:999px; background:#fff0f3; color:#b21635; font-size:.5rem; font-weight:850; white-space:nowrap; } .dcab-dealer-order__date { display:flex; align-items:center; gap:.24rem; margin-top:.14rem; color:#778da5; font-size:.56rem; font-weight:650; line-height:1.2; } .dcab-dealer-order__date i { color:#5a85af; } .dcab-dealer-order__customer { min-width:0; } .dcab-dealer-order__customer strong, .dcab-dealer-order__customer span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .dcab-dealer-order__customer strong { color:#365473; font-size:.62rem; font-weight:800; } .dcab-dealer-order__customer span { margin-top:.1rem; color:#8294a7; font-size:.54rem; font-weight:600; } .dcab-dealer-order__facts { display:flex; align-items:center; flex-wrap:wrap; gap:.22rem; min-width:0; } .dcab-dealer-order__facts .dcab-ostatus { max-width:100%; overflow:hidden; text-overflow:ellipsis; } .dcab-dealer-order__facts .dcab-payment-note { max-width:128px; padding:.13rem .3rem; } .dcab-dealer-order__items { color:#6b8097; font-size:.55rem; font-weight:700; white-space:nowrap; } .dcab-dealer-order__amount { min-width:0; text-align:right; } .dcab-dealer-order__amount small { display:block; color:#8b9daf; font-size:.5rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; } .dcab-dealer-order__amount strong { display:block; margin-top:.07rem; overflow:hidden; color:#173a64; font-size:.69rem; font-weight:900; text-overflow:ellipsis; white-space:nowrap; } .dcab-dealer-order__actions.dcab-ocard-actions { display:flex; align-items:center; justify-content:flex-end; gap:.22rem; min-width:0; padding:0; border:0; background:transparent; } .dcab-dealer-order__actions.dcab-ocard-actions .form-select { width:116px; min-width:92px; height:28px; flex:1 1 116px; padding:.2rem 1.6rem .2rem .42rem; font-size:.59rem; } .dcab-dealer-order__actions .dcab-ocard-history, .dcab-dealer-order__actions .dcab-ocard-edit, .dcab-dealer-order__actions .dcab-ocard-archive { width:28px; height:28px; border-radius:7px; font-size:.67rem; } .dcab-dealer-order__open { display:inline-grid; place-items:center; width:24px; height:28px; flex:0 0 24px; color:#6e8cac; font-size:.58rem; } @container dcab-orders (max-width: 980px) { .dcab-dealer-group__toggle { grid-template-columns:40px minmax(170px,1.2fr) minmax(150px,1fr) auto; } .dcab-dealer-group__statuses { grid-column:2 / 4;grid-row:2; } .dcab-dealer-group__open { grid-column:4;grid-row:1 / 3; } .dcab-dealer-order { grid-template-columns:minmax(150px,1fr) minmax(135px,.9fr) minmax(125px,.75fr) minmax(180px,1.05fr); } .dcab-dealer-order__amount { grid-column:3;grid-row:1; } } @container dcab-orders (max-width: 700px) { .dcab-order-viewbar { align-items:stretch;flex-direction:column;padding:.58rem; } .dcab-order-viewbar__copy { padding:0 .15rem; } .dcab-order-view-switch { width:100%; } .dcab-dealer-group__toggle { grid-template-columns:38px minmax(0,1fr) auto; gap:.42rem .55rem; padding:.6rem; } .dcab-dealer-group__avatar { width:38px;height:38px; } .dcab-dealer-group__summary { grid-column:1 / 3; grid-row:2; justify-content:flex-start; padding-left:.05rem; } .dcab-dealer-group__metric { text-align:left; } .dcab-dealer-group__statuses { grid-column:1 / -1;grid-row:3; } .dcab-dealer-group__open { grid-column:3;grid-row:1 / 3;min-width:27px; } .dcab-dealer-group__open > span:first-child { display:none; } .dcab-dealer-order { grid-template-columns:minmax(145px,1fr) minmax(100px,.7fr) minmax(170px,1.1fr); } .dcab-dealer-order__customer { grid-column:1 / 2;grid-row:2; } .dcab-dealer-order__facts { grid-column:2;grid-row:1 / 3; } .dcab-dealer-order__amount { grid-column:3;grid-row:1; } .dcab-dealer-order__actions { grid-column:3;grid-row:2; } } @container dcab-orders (max-width: 520px) { .dcab-order-view-switch__btn { min-height:42px;padding:.34rem .42rem; } .dcab-order-view-switch__icon { width:25px;height:25px;flex-basis:25px; } .dcab-order-view-switch__text strong { font-size:.61rem;white-space:normal;line-height:1.16; } .dcab-order-view-switch__text small { display:none; } .dcab-dealer-group__body { padding:.48rem .45rem .52rem .55rem; } .dcab-dealer-group__body-head { align-items:flex-start;flex-direction:column;gap:.08rem; } .dcab-dealer-order { grid-template-columns:minmax(0,1fr) auto; gap:.36rem .5rem; padding:.48rem; } .dcab-dealer-order__identity { grid-column:1;grid-row:1; } .dcab-dealer-order__amount { grid-column:2;grid-row:1;text-align:right; } .dcab-dealer-order__customer { grid-column:1 / -1;grid-row:2; } .dcab-dealer-order__facts { grid-column:1 / -1;grid-row:3; } .dcab-dealer-order__actions { grid-column:1 / -1; grid-row:4; justify-content:stretch; padding-top:.34rem !important; border-top:1px dashed #dbe5ef !important; } .dcab-dealer-order__actions.dcab-ocard-actions .form-select { width:auto; } .dcab-dealer-order__open { display:none; } } /* Товарные строки раскрытого дилера и формирование доставки. */ .dcab-dealer-order-block { overflow:hidden; border:1px solid #dbe5ef; border-radius:12px; background:#fff; box-shadow:0 3px 11px rgba(24,57,94,.045); } .dcab-dealer-order-block .dcab-dealer-order { border:0; border-radius:0; box-shadow:none; } .dcab-dealer-order-block .dcab-dealer-order:hover { box-shadow:none; transform:none; } .dcab-dealer-products { padding:.38rem .48rem .46rem; border-top:1px dashed #d8e3ee; background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%); } .dcab-dealer-products__head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin:0 0 .3rem; padding:0 .08rem; color:#73879d; font-size:.54rem; font-weight:700; } .dcab-dealer-products__select-all { display:inline-flex; align-items:center; gap:.3rem; padding:0; border:0; background:transparent; color:#356b9d; font-size:.55rem; font-weight:850; cursor:pointer; } .dcab-dealer-products__select-all:hover { color:#174e84; } .dcab-delivery-product { display:grid; grid-template-columns:28px 38px minmax(150px,1fr) minmax(110px,.45fr) minmax(90px,.36fr); align-items:center; gap:.45rem; min-width:0; padding:.32rem .38rem; border-top:1px solid #e8eef5; transition:background .15s ease,border-color .15s ease; } .dcab-delivery-product:first-of-type { border-top:0; } .dcab-delivery-product:hover { background:#f0f7ff; } .dcab-delivery-product.is-selected { background:linear-gradient(90deg,rgba(37,99,235,.09),rgba(14,165,233,.035)); } .dcab-delivery-product.is-assigned { background:#f8fafc; } .dcab-delivery-product__check { position:relative; display:grid; place-items:center; width:25px; height:25px; margin:0; border:1px solid #b9cce0; border-radius:8px; background:#fff; cursor:pointer; } .dcab-delivery-product__check input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; } .dcab-delivery-product__check span { display:grid; place-items:center; width:17px; height:17px; border-radius:5px; color:transparent; font-size:.56rem; transition:background .15s ease,color .15s ease,transform .15s ease; } .dcab-delivery-product__check:has(input:checked) { border-color:#2563eb; background:#eff6ff; } .dcab-delivery-product__check input:checked + span { background:linear-gradient(135deg,#2563eb,#1688c9); color:#fff; box-shadow:0 4px 9px -5px rgba(37,99,235,.8); transform:scale(1.04); } .dcab-delivery-product__check:has(input:focus-visible) { box-shadow:0 0 0 3px rgba(59,130,246,.17); } .dcab-delivery-product__check:has(input:disabled) { cursor:not-allowed; } .dcab-delivery-product__check:has(input:checked:disabled) { border-color:#c5d1de; background:#f1f5f9; } .dcab-delivery-product__check input:checked:disabled + span { background:#93a4b7; box-shadow:none; color:#fff; transform:none; } .dcab-delivery-product__photo { display:grid; place-items:center; width:38px; height:38px; overflow:hidden; border:1px solid #dce6f0; border-radius:9px; background:#eef3f8; color:#8aa0b7; font-size:.68rem; } .dcab-delivery-product__photo img { width:100%;height:100%;object-fit:cover; } .dcab-delivery-product__identity { min-width:0; } .dcab-delivery-product__title { display:block; overflow:hidden; color:#264867; font-size:.61rem; font-weight:850; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } .dcab-delivery-product__meta { display:flex; flex-wrap:wrap; gap:.16rem .38rem; margin-top:.13rem; color:#8093a7; font-size:.51rem; font-weight:650; line-height:1.25; } .dcab-delivery-product__stock { display:flex; align-items:center; flex-wrap:wrap; gap:.2rem; margin-top:.24rem; font-size:.49rem; line-height:1.2; } .dcab-delivery-product__stock-summary { display:inline-flex; align-items:center; gap:.22rem; padding:.17rem .34rem; border:1px solid #b9dfd0; border-radius:999px; background:#edf9f4; color:#1d7159; font-weight:900; white-space:nowrap; } .dcab-delivery-product__stock[data-tone="shortage"] .dcab-delivery-product__stock-summary { border-color:#efd39b; background:#fff8e8; color:#95620e; } .dcab-delivery-product__stock[data-tone="empty"] .dcab-delivery-product__stock-summary { border-color:#edc2c2; background:#fff3f3; color:#a33e3e; } .dcab-delivery-product__stock[data-tone="unknown"] .dcab-delivery-product__stock-summary { border-color:#d8e1ea; background:#f5f7fa; color:#718396; } .dcab-delivery-product__stock-place { display:inline-flex; align-items:center; gap:.2rem; max-width:100%; padding:.15rem .31rem; border:1px solid #d7e4ef; border-radius:999px; background:#fff; color:#58728c; font-weight:750; white-space:nowrap; } .dcab-delivery-product__stock-place > span { overflow:hidden; max-width:11rem; text-overflow:ellipsis; } .dcab-delivery-product__stock-place b { color:#294f72; font-weight:950; } .dcab-delivery-product__qty, .dcab-delivery-product__amount { min-width:0; text-align:right; } .dcab-delivery-product__qty small, .dcab-delivery-product__amount small { display:block; color:#91a1b2; font-size:.48rem; font-weight:750; letter-spacing:.04em; text-transform:uppercase; } .dcab-delivery-product__qty strong, .dcab-delivery-product__amount strong { display:block; margin-top:.05rem; overflow:hidden; color:#294b6e; font-size:.61rem; font-weight:900; text-overflow:ellipsis; white-space:nowrap; } .dcab-delivery-product__assigned { display:inline-flex; align-items:center; gap:.2rem; margin-top:.22rem; color:#71859a; font-size:.51rem; font-weight:800; } .dcab-delivery-product__assigned-link { display:inline-flex; align-items:center; gap:.22rem; padding:.13rem .34rem; border:1px solid #b9d3eb; border-radius:999px; background:#edf6ff; color:#24659f; font:inherit; font-weight:900; line-height:1.2; cursor:pointer; transition:border-color .15s ease,background .15s ease,color .15s ease; } .dcab-delivery-product__assigned-link:hover { border-color:#76acd8; background:#dfefff; color:#124d82; } .dcab-delivery-product__assigned-link:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.17); } .dcab-delivery-compose { position:sticky; z-index:4; bottom:.5rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.6rem; margin:.62rem 0 0; padding:.58rem .64rem; border:1px solid rgba(31,92,151,.18); border-radius:13px; background: radial-gradient(circle at 95% 0,rgba(56,189,248,.16),transparent 36%), linear-gradient(135deg,#16385f 0%,#235f95 100%); box-shadow:0 13px 27px -16px rgba(11,49,88,.82),inset 0 1px 0 rgba(255,255,255,.16); color:#fff; } .dcab-delivery-compose__hint { grid-column:1/-1; display:flex; align-items:center; gap:.48rem; padding:.42rem .52rem; border:1px solid rgba(251,191,36,.42); border-radius:9px; background:linear-gradient(135deg,rgba(255,251,235,.98),rgba(254,243,199,.96)); box-shadow:0 5px 14px -10px rgba(15,23,42,.72); color:#7c4a03; font-size:.57rem; font-weight:700; line-height:1.35; } .dcab-delivery-compose__hint strong { font-weight:950; } .dcab-delivery-compose__hint-icon { display:inline-flex; flex:0 0 25px; align-items:center; justify-content:center; width:25px; height:25px; border-radius:8px; background:#f59e0b; box-shadow:0 4px 9px -6px rgba(146,64,14,.8); color:#fff; font-size:.63rem; } .dcab-delivery-compose__copy { min-width:0; } .dcab-delivery-compose__title { display:flex; align-items:center; gap:.32rem; font-size:.65rem; font-weight:900; } .dcab-delivery-compose__address { display:block; margin-top:.16rem; overflow:hidden; color:rgba(225,240,255,.78); font-size:.53rem; font-weight:600; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; } .dcab-delivery-compose__address.is-empty { color:#ffd6b3; } .dcab-delivery-compose__actions { display:flex; align-items:center; gap:.34rem; } .dcab-delivery-compose__clear { padding:.34rem .5rem; border:0; background:transparent; color:rgba(230,242,255,.76); font-size:.55rem; font-weight:750; } .dcab-delivery-compose__clear:hover { color:#fff; } .dcab-delivery-compose__submit { display:inline-flex; align-items:center; gap:.34rem; min-height:34px; padding:.42rem .7rem; border:1px solid rgba(255,255,255,.48); border-radius:9px; background:#fff; box-shadow:0 7px 16px -10px rgba(0,0,0,.7); color:#174f7f; font-size:.59rem; font-weight:900; white-space:nowrap; } .dcab-delivery-compose__submit:hover { background:#eff8ff;color:#0d406d; } .dcab-delivery-compose__submit:disabled { cursor:wait;opacity:.72; } /* ── Вкладка «Доставки»: реестр + карточка доставки ────────────── Раскладка считается от ширины КОЛОНКИ КОНТЕНТА (#akvMainContentColQ7), а не от ширины окна: слева остаётся меню навигации, и его сворачивание меняет доступную ширину. Поэтому здесь контейнерные запросы, не медиа. container-type объявлен на самой вкладке, а не на .dcab-dlv-shell: @container не может стилизовать собственный контейнер, а раскладку shell (реестр ↔ карточка) менять нужно. */ #dcab-tab-deliveries { container-type:inline-size; container-name:dlvx; } #dcabDeliveriesEmpty[hidden] { display:none !important; } .dcab-dlv-shell { --dlv-ink:#17233a; --dlv-soft:#66758d; --dlv-line:#e1e9f6; --dlv-violet:#6d4be8; --dlv-blue:#2877d4; --dlv-cyan:#0798a8; --dlv-green:#159a70; --dlv-amber:#a9720f; --dlv-red:#d54f6a; --dlv-glow:0 18px 38px -30px rgba(76,52,190,.62),0 3px 12px -8px rgba(29,122,242,.22); --dlv-glass:linear-gradient(168deg,rgba(255,255,255,.99) 0%,rgba(249,251,255,.97) 48%,rgba(244,247,255,.95) 100%); /* реестр: номер и заказы | дилер и адрес | объём | склады | отправка | стрелка. Каждая колонка держит и число, и его расшифровку: «Доставка» — бейджи заказов, «Склады» — бейджи складов, «Отправка» — плашку Яндекса. Отсюда и запас ширины у трёх последних колонок. */ --dlv-reg-cols:262px minmax(0,1fr) 84px 176px 244px 20px; /* Полосы «Складов» и «Отправки» — одна шкала: разной длины они сравниваются на глаз неверно, поэтому ширина у них общая. */ --dlv-meter-w:152px; /* позиция доставки: фото | товар | кол-во | склад | отправка | перенос | журнал */ --dlv-item-cols:36px minmax(0,1fr) 52px 192px 158px 30px 32px; display:grid; gap:.62rem; color:var(--dlv-ink); font-variant-numeric:tabular-nums; } /* ── Кокпит: тёмная шапка + светлая консоль одним блоком ────────── Типографика шапки собрана на одной шкале (крошки 10 / заголовок 19 / подзаголовок 12.2 / метка плитки 10.5 / число 24). Все чернила проверены на контраст к самой светлой точке фона — бирюзовому радиалу в правом верхнем углу, где и стоит приборная панель: подзаголовок 5.99:1, метка плитки 5.27:1, зелёный и янтарь 7.4:1. */ .dcab-dlv-hero { --dlv-hero-ink:#fff; --dlv-hero-sub:rgba(220,234,255,.86); --dlv-hero-good:#7ff0d3; --dlv-hero-warn:#ffd694; position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:1rem; padding:.95rem 1.05rem; border:1px solid rgba(129,140,248,.3); border-radius:1.15rem 1.15rem .25rem .25rem; background: radial-gradient(circle at 84% -25%,rgba(45,212,191,.34),transparent 34%), radial-gradient(circle at 2% 132%,rgba(167,139,250,.32),transparent 42%), linear-gradient(124deg,#111a45 0%,#282a70 54%,#0f5d70 122%); box-shadow:0 22px 44px -32px rgba(22,30,84,.9); overflow:hidden; } .dcab-dlv-hero::before { content:""; position:absolute; top:-60%; left:-32%; width:42%; height:230%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.11) 46%,transparent); transform:translateX(0) skewX(-18deg); animation:dcab-dlv-shine 8s ease-in-out infinite; pointer-events:none; } /* Декоративное кольцо сдвинуто левее приборной панели: под плитками его всё равно не видно, а в разрыве между текстом и панелью оно задаёт глубину. */ .dcab-dlv-hero::after { content:""; position:absolute; right:34%; top:-132px; width:210px; height:210px; border:34px solid rgba(255,255,255,.05); border-radius:50%; pointer-events:none; } @keyframes dcab-dlv-shine { 0%,74% { transform:translateX(0) skewX(-18deg); } 100% { transform:translateX(330%) skewX(-18deg); } } .dcab-dlv-hero__main { position:relative; z-index:1; display:flex; align-items:center; gap:.78rem; min-width:0; } .dcab-dlv-hero__icon { display:grid; place-items:center; width:46px; height:46px; flex:0 0 auto; border:1px solid rgba(255,255,255,.24); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.08)); box-shadow:0 12px 24px rgba(8,15,45,.28),inset 0 1px 0 rgba(255,255,255,.3); color:#fff; font-size:1.1rem; } /* Колонка текста тянется на всю свободную ширину: иначе она сжимается до max-content, и бейдж раздела вставал не у края шапки, а посреди неё. */ .dcab-dlv-hero__copy { min-width:0;flex:1 1 auto; } /* Крошки шапки общие на несколько вкладок; здесь укрупняем до читаемых 10px и держим в одну строку — колонка текста узкая, а перенос пути съедал бы две строки заголовка. Соседние разделы не затронуты. */ #dcab-tab-deliveries .dcab-structure-crumbs--hero { flex-wrap:nowrap; margin-bottom:.18rem; font-size:.625rem; letter-spacing:.07em; } /* Путь и раздел разведены по смыслу: слева цепочка «бренд ◆ клиент» (всю нехватку места забирает имя клиента — у него есть многоточие), справа название раздела отдельным бейджем. Материал бейджа тот же, что у плиток приборной панели, — тёмное стекло со светлой рамкой; бирюзовый текст даёт минимум 8.3:1 даже в самой светлой точке фона. */ #dcab-tab-deliveries .dcab-structure-crumbs--hero .dcab-structure-crumbs__client { flex:0 1 auto;min-width:2.5rem; } #dcab-tab-deliveries .dcab-structure-crumbs--hero .dcab-structure-crumbs__current { display:inline-flex; align-items:center; gap:.34rem; flex:0 0 auto; margin-left:auto; padding:.2rem .56rem .22rem .46rem; border-radius:999px; background:rgba(10,17,42,.5); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); color:#a5f3fc; letter-spacing:.08em; } /* вместо ромбика-разделителя — точка внутри бейджа: он больше не звено цепочки, а самостоятельная метка */ #dcab-tab-deliveries .dcab-structure-crumbs--hero .dcab-structure-crumbs__current::before { width:5px; height:5px; margin:0; border-radius:50%; background-image:linear-gradient(135deg,#c4b5fd,#5eead4); box-shadow:0 0 0 2px rgba(94,234,212,.18); transform:none; } .dcab-dlv-hero__title { margin:.1rem 0 0; color:var(--dlv-hero-ink); font-size:1.19rem; font-weight:820; letter-spacing:-.018em; line-height:1.16; } .dcab-dlv-hero__sub { display:-webkit-box; max-width:52ch; margin:.24rem 0 0; overflow:hidden; color:var(--dlv-hero-sub); font-size:.762rem; font-weight:500; line-height:1.45; -webkit-box-orient:vertical; /* три строки, а не две: в узкой колонке подсказка обрывалась многоточием ровно на сути — «ведите журнал…» */ -webkit-line-clamp:3; } /* ── Приборная панель логистики ─────────────────────────────────── Три плитки одного контракта: метка → число → измеритель → подпись. Измеритель показывает ПРОГРЕСС (сделано из всего), число — сколько работы осталось; дорожка измерителя — шаг того же белого, что и рамка панели, поэтому состояние читается по всей ширине плитки. */ .dcab-dlv-pulse { position:relative; z-index:1; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); /* Потолок ширины — именно max-width с длиной: проценты в auto-треке грида считаются как auto, и панель разъезжалась по самой длинной подписи, отбирая место у заголовка. */ max-width:414px; gap:1px; padding:1px; border:1px solid rgba(255,255,255,.2); border-radius:.9rem; background:rgba(255,255,255,.16); box-shadow:0 14px 26px -20px rgba(4,10,32,.9); overflow:hidden; } .dcab-dlv-pulse__cell { display:grid; align-content:start; gap:.16rem; min-width:0; padding:.46rem .6rem .5rem; background:linear-gradient(180deg,rgba(11,19,46,.5),rgba(11,19,46,.34)); backdrop-filter:blur(8px); } /* Крайние плитки скругляются САМИ, а не обрезаются панелью: backdrop-filter поднимает плитку в собственный слой, и overflow:hidden родителя её углы уже не режет — в Chrome и Safari острые углы вылезали из-под скругления. Внутренний радиус = радиус панели минус её рамка и внутреннее поле. */ .dcab-dlv-pulse__cell:first-child { border-top-left-radius:calc(.9rem - 2px); border-bottom-left-radius:calc(.9rem - 2px); } .dcab-dlv-pulse__cell:last-child { border-top-right-radius:calc(.9rem - 2px); border-bottom-right-radius:calc(.9rem - 2px); } .dcab-dlv-pulse__label { display:block; color:rgba(196,214,255,.82); font-size:.655rem; font-weight:800; letter-spacing:.07em; line-height:1.1; text-transform:uppercase; white-space:nowrap; } .dcab-dlv-pulse__value { display:block; color:var(--dlv-hero-ink); font-size:1.5rem; font-weight:800; line-height:1; letter-spacing:-.02em; white-space:nowrap; /* крупное одиночное число набирается пропорциональными цифрами: моноширинные заметно «расползаются» на этом кегле */ font-variant-numeric:normal; font-feature-settings:"tnum" 0; } .dcab-dlv-pulse__value small { margin-left:.1rem; color:rgba(198,216,250,.66); font-size:.62em; font-weight:700; } /* Измеритель: 4px, дорожка — светлый шаг той же гаммы, заливка растёт от левой базовой линии, торец скруглён. */ .dcab-dlv-pulse__meter { display:block; height:4px; margin-top:.1rem; border-radius:99px; background:rgba(255,255,255,.17); overflow:hidden; } .dcab-dlv-pulse__meter > span { display:block; height:100%; width:0; border-radius:99px; background:linear-gradient(90deg,#a78bfa,#67e8f9); transition:width .3s cubic-bezier(.22,.68,.36,1); } /* display:block, а не flex: подпись задаётся textContent, и только в блочном потоке к ней применяется многоточие при нехватке места. */ .dcab-dlv-pulse__foot { display:block; min-width:0; color:rgba(196,214,255,.82); font-size:.655rem; font-weight:650; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* Состояние всегда несёт значок + слово: зелёный и янтарный совпадают по светлоте (7.4:1 к плитке) и в оттенках серого неразличимы. */ .dcab-dlv-pulse__foot::before { margin-right:.26rem; font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; font-size:.86em; } .dcab-dlv-pulse__cell[data-state="ready"] .dcab-dlv-pulse__value, .dcab-dlv-pulse__cell[data-state="ready"] .dcab-dlv-pulse__foot { color:var(--dlv-hero-good); } .dcab-dlv-pulse__cell[data-state="ready"] .dcab-dlv-pulse__foot::before { content:"\f058"; } .dcab-dlv-pulse__cell[data-state="ready"] .dcab-dlv-pulse__meter > span { background:linear-gradient(90deg,#34d6ae,#7ff0d3); } .dcab-dlv-pulse__cell[data-state="warn"] .dcab-dlv-pulse__value, .dcab-dlv-pulse__cell[data-state="warn"] .dcab-dlv-pulse__foot { color:var(--dlv-hero-warn); } .dcab-dlv-pulse__cell[data-state="warn"] .dcab-dlv-pulse__foot::before { content:"\f071"; } .dcab-dlv-pulse__cell[data-state="warn"] .dcab-dlv-pulse__meter > span { background:linear-gradient(90deg,#f0a93c,#ffd694); } .dcab-dlv-pulse__cell[data-state="idle"] .dcab-dlv-pulse__value { color:rgba(226,236,255,.6); } .dcab-dlv-pulse__cell[data-state="idle"] .dcab-dlv-pulse__meter > span { background:rgba(255,255,255,.3); } /* Режим высокой контрастности: заливка измерителя пропадает — заменяем рамкой */ @media (forced-colors: active) { .dcab-dlv-pulse__meter { border:1px solid CanvasText; } .dcab-dlv-pulse__meter > span { background:Highlight;forced-color-adjust:none; } } /* ── Консоль: один ряд органов управления одной высоты ──────────── Высота всех целей нажатия 38px, шрифты 11.8–12.7px. Фокус виден на каждом элементе одним и тем же кольцом --dlv-focus. */ .dcab-dlv-console { --dlv-focus:0 0 0 3px rgba(109,75,232,.22); /* 38px — общая высота всех органов управления: сегментированный переключатель (30px пилюля + 4px поля группы), поиск и «Обновить» встают на одну оптическую линию. */ --dlv-ctl-h:38px; position:relative; z-index:2; display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-top:-.62rem; padding:.6rem .72rem .64rem; border:1px solid rgba(129,140,248,.24); border-top:0; border-radius:0 0 1.15rem 1.15rem; background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(244,247,255,.97)); box-shadow:var(--dlv-glow); } .dcab-dlv-subtabs { display:inline-flex; align-items:center; gap:.24rem; padding:.2rem; border:1px solid #e3e9f5; border-radius:.78rem; background:linear-gradient(180deg,#f7f9ff,#eef3fc); } .dcab-dlv-subtab { display:inline-flex; align-items:center; gap:.38rem; min-height:30px; padding:.28rem .66rem; border:1px solid transparent; border-radius:.6rem; outline:0; background:transparent; color:#5c6b84; font-size:.79rem; font-weight:750; white-space:nowrap; transition:.18s ease; } .dcab-dlv-subtab:hover { border-color:#c4b5fd;background:#f5f3ff;color:#4f46e5; } .dcab-dlv-subtab:focus-visible { border-color:#9e8bea;box-shadow:var(--dlv-focus); } .dcab-dlv-subtab.is-active { border-color:transparent; background:linear-gradient(135deg,#7452e8,#4f64d8); box-shadow:0 6px 13px -8px rgba(79,70,229,.9); color:#fff; font-weight:800; } .dcab-dlv-subtab[data-delivery-filter="completed"].is-active { background:linear-gradient(135deg,#12946e,#0e8fa4); box-shadow:0 6px 13px -8px rgba(15,140,110,.9); } .dcab-dlv-subtab i { font-size:.76rem;opacity:.9; } .dcab-dlv-subtab b { display:inline-grid; place-items:center; min-width:21px; height:20px; padding:0 .3rem; border-radius:999px; background:#e5ebf6; color:#54637c; font-size:.665rem; font-weight:800; } .dcab-dlv-subtab.is-active b { background:rgba(255,255,255,.24);color:#fff; } .dcab-dlv-search { position:relative; display:block; flex:1 1 210px; min-width:0; margin:0; } .dcab-dlv-search i { position:absolute; left:.66rem; top:50%; transform:translateY(-50%); color:#94a3b6; font-size:.74rem; pointer-events:none; } .dcab-dlv-search input { width:100%; min-height:var(--dlv-ctl-h); padding:.34rem .68rem .34rem 1.94rem; border:1px solid #dde5f0; border-radius:.66rem; outline:0; background:#fff; color:#334155; font-size:.795rem; font-weight:600; } .dcab-dlv-search input::placeholder { color:#98a6ba;font-weight:550; } .dcab-dlv-search input:focus { border-color:#9e8bea;box-shadow:var(--dlv-focus); } .dcab-dlv-search input::-webkit-search-cancel-button { cursor:pointer; } .dcab-dlv-refresh { display:inline-flex; align-items:center; gap:.38rem; min-height:var(--dlv-ctl-h); padding:.34rem .84rem; border:0; border-radius:.66rem; outline:0; background:linear-gradient(135deg,#6d4be8,#365fce 62%,#07889a); box-shadow:0 10px 20px -13px rgba(67,56,202,.95); color:#fff; font-size:.785rem; font-weight:750; white-space:nowrap; transition:.18s ease; } .dcab-dlv-refresh i { font-size:.78rem; } .dcab-dlv-refresh:hover { transform:translateY(-1px);filter:saturate(1.1) brightness(1.04); } .dcab-dlv-refresh:focus-visible { box-shadow:0 0 0 3px rgba(109,75,232,.32); } .dcab-dlv-refresh:disabled { opacity:.6;transform:none;cursor:wait; } /* Второй ярус консоли: фильтры по складам. Цвет кнопки совпадает с цветом этого склада в реестре и внутри раскрытой доставки. */ .dcab-dlv-whfilters { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.42rem; flex:1 0 100%; min-width:0; padding-top:.48rem; border-top:1px solid #e5eaf4; } .dcab-dlv-whfilters[hidden] { display:none !important; } .dcab-dlv-whfilters__label { display:inline-flex; align-items:center; gap:.34rem; padding:0 .14rem; color:#75819a; font-size:.665rem; font-weight:800; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; } .dcab-dlv-whfilters__label i { color:#8c79dc;font-size:.7rem; } /* Список прокручивается по горизонтали — правый край растворяем маской, иначе обрезанная кнопка выглядит как последняя в ряду. */ .dcab-dlv-whfilters__list { display:flex; align-items:center; gap:.32rem; min-width:0; padding:2px 2px 3px; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#c8d1e1 transparent; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent); } .dcab-dlv-whfilters__list::-webkit-scrollbar { height:3px; } .dcab-dlv-whfilters__list::-webkit-scrollbar-track { background:transparent; } .dcab-dlv-whfilters__list::-webkit-scrollbar-thumb { border-radius:99px;background:#c8d1e1; } .dcab-dlv-whfilter { --dlv-wh-fill:#f4f6fa; --dlv-wh-border:#d9e0eb; --dlv-wh-ink:#55647a; --dlv-wh-accent:#7f8da2; display:inline-flex; align-items:center; gap:.28rem; flex:0 0 auto; min-height:32px; max-width:220px; padding:.22rem .48rem .22rem .3rem; border:1px solid var(--dlv-wh-border); border-radius:.62rem; outline:0; background:linear-gradient(145deg,#fff,var(--dlv-wh-fill)); color:var(--dlv-wh-ink); font-size:.735rem; font-weight:750; white-space:nowrap; scroll-snap-align:start; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,filter .16s ease; } .dcab-dlv-whfilter:hover:not(:disabled) { border-color:var(--dlv-wh-accent);filter:saturate(1.08);transform:translateY(-1px); } .dcab-dlv-whfilter:focus-visible { border-color:var(--dlv-wh-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dlv-wh-accent) 17%,transparent); } .dcab-dlv-whfilter:disabled { cursor:default;opacity:.43; } /* Значок склада: невыбранный — контурный (заливка под цвет фона чипа, линии и глиф цветом склада), выбранный — сплошная заливка цветом склада с белой галочкой. Так выбор читается по заливке, а невыбранные пункты не спорят яркостью с активным. Глиф на фоне чипа даёт 3.6–4.8:1. */ .dcab-dlv-whfilter__mark { display:grid; place-items:center; width:22px; height:22px; flex:0 0 auto; border-radius:.44rem; background:transparent; box-shadow:inset 0 0 0 1.4px color-mix(in srgb,var(--dlv-wh-accent) 52%,transparent); color:var(--dlv-wh-accent); font-size:.56rem; transition:background .16s ease,box-shadow .16s ease,color .16s ease; } .dcab-dlv-whfilter:hover:not(:disabled) .dcab-dlv-whfilter__mark { box-shadow:inset 0 0 0 1.4px color-mix(in srgb,var(--dlv-wh-accent) 80%,transparent); } .dcab-dlv-whfilter__name { min-width:0;overflow:hidden;text-overflow:ellipsis; } .dcab-dlv-whfilter b { display:inline-grid; place-items:center; min-width:20px; height:19px; padding:0 .26rem; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dlv-wh-accent) 16%,transparent); color:var(--dlv-wh-ink); font-size:.625rem; font-weight:800; } .dcab-dlv-whfilter.is-active { border-color:var(--dlv-wh-accent); background:var(--dlv-wh-fill); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dlv-wh-accent) 58%,transparent),0 7px 14px -11px var(--dlv-wh-accent); transform:translateY(-1px); } .dcab-dlv-whfilter.is-active .dcab-dlv-whfilter__mark { background:var(--dlv-wh-accent); box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),0 5px 9px -7px var(--dlv-wh-accent); color:#fff; } .dcab-dlv-whfilter.is-active .dcab-dlv-whfilter__mark::after { content:"\f00c"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; } .dcab-dlv-whfilter.is-active .dcab-dlv-whfilter__mark > i { display:none; } .dcab-dlv-whfilter--all { --dlv-wh-fill:#ecebff;--dlv-wh-border:#ccc7f4;--dlv-wh-ink:#5043b6;--dlv-wh-accent:#6653d4; } /* showDeliveryAlert() пересобирает className — компактный вид цепляем по id */ #dcabDeliveriesStatus { margin:0; padding:.5rem .7rem; border-radius:.8rem; font-size:.7rem; } #dcabDeliveriesStatus::before { font-size:.76rem; } /* ── Общие детали: измерители, метки, пилюли ── */ .dcab-dlv-meter { display:grid;gap:.16rem;min-width:0;align-content:center; } .dcab-dlv-meter__top { display:flex; align-items:baseline; justify-content:space-between; gap:.3rem; min-width:0; color:#7d8ba0; font-size:.5rem; font-weight:820; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; } .dcab-dlv-meter__top b { color:#31405a;font-size:.585rem;font-weight:880;letter-spacing:0; } .dcab-dlv-meter__track { height:4px; border-radius:99px; background:#e8edf6; box-shadow:inset 0 1px 1px rgba(31,41,72,.07); overflow:hidden; } .dcab-dlv-meter__track > span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6d4be8,#2389c7); transition:width .24s ease; } .dcab-dlv-meter[data-tone="ready"] .dcab-dlv-meter__top b { color:var(--dlv-green); } .dcab-dlv-meter[data-tone="ready"] .dcab-dlv-meter__track > span { background:linear-gradient(90deg,#12916c,#3ab897); } .dcab-dlv-meter[data-tone="warning"] .dcab-dlv-meter__top b { color:var(--dlv-amber); } .dcab-dlv-meter[data-tone="warning"] .dcab-dlv-meter__track > span { background:linear-gradient(90deg,#d19022,#eab455); } .dcab-dlv-meter[data-tone="idle"] .dcab-dlv-meter__track > span { background:linear-gradient(90deg,#9fb0c6,#c2cede); } .dcab-dlv-meter--bare .dcab-dlv-meter__top { justify-content:flex-start; } .dcab-dlv-meter--bare .dcab-dlv-meter__top b { font-size:.6rem; } /* ── Реестр доставок ── */ .dcab-dlv-stage { display:grid;gap:.55rem; } .dcab-dlv-register { border:1px solid var(--dlv-line); border-radius:1rem; background:var(--dlv-glass); box-shadow:var(--dlv-glow); overflow:hidden; } .dcab-dlv-reglist { max-height:min(58vh,486px); overflow:auto; overscroll-behavior:contain; } .dcab-dlv-reglist--expanded { max-height:none; overflow:visible; overscroll-behavior:auto; } .dcab-dlv-reghead, .dcab-dlv-row { display:grid; grid-template-columns:var(--dlv-reg-cols); align-items:center; gap:.6rem; padding:.72rem .82rem; } .dcab-dlv-reghead { position:sticky; top:0; z-index:2; border-bottom:1px solid #e2e9f5; background:linear-gradient(180deg,#f9fbff,#f1f5fd); color:#7a8899; font-size:.58rem; font-weight:860; letter-spacing:.05em; text-transform:uppercase; } .dcab-dlv-reghead > span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } /* «Объём» — единственная колонка с выключкой вправо: подпись встаёт над числом */ .dcab-dlv-reghead > span:nth-child(3) { text-align:right; } .dcab-dlv-row { position:relative; width:100%; /* строка больше не