/* ============================================================
   Telecom-SD — светлые override-правила для конфигуратора и редактора макета.
   Сгенерировано из configurator-route.css / configurator-layout.css:
   белый текст -> тёмный, тёмные подложки -> светлые, красный -> #1496ff.
   Подключать ПОСЛЕ tokens.css. Правки визуально доводятся точечно ниже файла.
   ============================================================ */

.cfg-system-banner{ color:#353535 !important; }
.cfg-draft-restored{ color:#353535 !important; }
.cfg-structure-item-btn{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-structure-item-btn.is-active{ border-color:rgba(20,150,255,0.52) !important; background:rgba(20,150,255,0.1) !important; box-shadow:inset 0 0 0 1px rgba(20,150,255,0.34) !important; }
.cfg-row-status-end{ color:#5c6169 !important; }
.cfg-row-col--qty{ color:#5c6169 !important; }
.cfg-row-col--attrs{ color:#5c6169 !important; }
.cfg-count-input{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-package-row .mini-button.is-active{ border-color:rgba(20,150,255,0.55) !important; background:rgba(20,150,255,0.18) !important; color:#353535 !important; }
.cfg-quote-panel{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-quote-warn{ color:#353535 !important; }
.cfg-quote-total-line strong{ color:#353535 !important; }
.cfg-subheading{ color:#353535 !important; }
.cfg-access-system,
.cfg-video-system{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-segmented-row{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; box-shadow:0 6px 18px rgba(53,53,53,0.10) !important; }
.cfg-segmented-option{ color:#5c6169 !important; }
.cfg-segmented-option + .cfg-segmented-option::before{ background:#ffffff !important; }
.cfg-segmented-option:hover{ color:#353535 !important; background:#ffffff !important; }
.cfg-segmented-option.is-active{ border-color:rgba(20,150,255,0.46) !important; background:linear-gradient(180deg, rgba(20,150,255,0.24), rgba(20,150,255,0.12)) !important; color:#353535 !important; box-shadow:inset 0 0 0 1px rgba(20,150,255,0.24), 0 4px 12px rgba(0, 0, 0, 0.14) !important; }
.cfg-segmented-option input:focus-visible + span{ outline:2px solid rgba(20,150,255,0.5) !important; }
.cfg-chip{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#5c6169 !important; }
.cfg-chip:hover{ color:#353535 !important; border-color:rgba(0,0,0,0.12) !important; }
.cfg-chip.is-active{ border-color:rgba(20,150,255,0.5) !important; background:linear-gradient(180deg, rgba(20,150,255,0.26), rgba(20,150,255,0.12)) !important; color:#353535 !important; box-shadow:inset 0 0 0 1px rgba(20,150,255,0.24), 0 6px 16px rgba(0, 0, 0, 0.18) !important; }
.cfg-chip input:focus-visible + span{ outline:2px solid rgba(20,150,255,0.5) !important; }
.cfg-advanced{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-advanced-summary{ color:#353535 !important; }
.cfg-advanced-summary::before{ color:#8a8f97 !important; }
.cfg-advanced-hint{ color:#8a8f97 !important; }
.cfg-structure-section{ border-bottom:1px solid rgba(0,0,0,0.12) !important; color:#5c6169 !important; }
.cfg-structure-section--points{ color:#8a8f97 !important; }
.cfg-structure-section-sum{ color:#353535 !important; }
.cfg-structure-item--readonly{ color:#353535 !important; border-bottom:1px solid rgba(0,0,0,0.12) !important; }
.cfg-structure-item--readonly .cfg-row-col--qty{ color:#5c6169 !important; }
.cfg-structure-item--child{ border-left:2px solid rgba(20,150,255,0.28) !important; }
.cfg-row-col--sum{ color:#353535 !important; }
.cfg-review-list li{ color:#353535 !important; }
.cfg-access-field-label{ color:#5c6169 !important; }
.cfg-subsection-hint{ color:#8a8f97 !important; }
.cfg-count-input option,
.cfg-count-input optgroup,
.cfg-access-select option,
.cfg-access-select optgroup{ background:#ffffff !important; }
.cfg-count-input option:disabled,
.cfg-access-select option:disabled{ color:#8a8f97 !important; }
.cfg-count-input option:checked,
.cfg-access-select option:checked{ color:#353535 !important !important; background:rgba(20,150,255,0.35) !important !important; box-shadow:inset 0 0 0 999px rgba(20,150,255,0.35) !important; -webkit-text-fill-color:#353535 !important; }
.cfg-count-input option:hover,
.cfg-count-input option:focus,
.cfg-access-select option:hover,
.cfg-access-select option:focus{ color:#353535 !important !important; background:rgba(20,150,255,0.28) !important !important; box-shadow:inset 0 0 0 999px rgba(20,150,255,0.28) !important; -webkit-text-fill-color:#353535 !important; }
.configurator-topbar{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.configurator-topbar-title{ color:#5c6169 !important; }
.configurator-mode-switch{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.configurator-mode-switch button{ color:#5c6169 !important; }
.configurator-mode-switch button.is-active{ background:linear-gradient(180deg, rgba(20,150,255,0.28), rgba(20,150,255,0.12)) !important; color:#353535 !important; }
.configurator-grid > aside,
.configurator-grid > section{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-empty-hint{ color:#5c6169 !important; }
.cfg-spec-group{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-spec-group summary{ color:#353535 !important; }
.cfg-spec-line{ background:#ffffff !important; }
.cfg-spec-line-title{ color:#353535 !important; }
.cfg-spec-line-metrics{ color:#5c6169 !important; }
.cfg-mini-edit{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-spec-edit-panel{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-param-group{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-param-group-title{ color:#5c6169 !important; }
.cfg-param-grid .cfg-access-field--disk-archive-days .cfg-access-field-label{ color:#353535 !important; }
.cfg-param-grid--disk-main .cfg-access-field--disk-capacity{ border-left:1px solid rgba(0,0,0,0.12) !important; }
.cfg-param-hint--disk-choice{ color:#5c6169 !important; }
.cfg-disk-stepper-btn{ color:rgba(20,150,255,0.95) !important; }
.cfg-disk-stepper-btn:hover{ color:#1496ff !important; }
.cfg-disk-stepper-btn:focus-visible{ outline:2px solid rgba(20,150,255,0.55) !important; }
.cfg-zone-count-step{ color:rgba(20,150,255,0.95) !important; }
.cfg-zone-count-step:hover{ color:#1496ff !important; }
.cfg-zone-count-step:focus-visible{ outline:2px solid rgba(20,150,255,0.55) !important; }
.cfg-param-hint{ color:#5c6169 !important; }
.cfg-apply-prominent{ border-color:rgba(20,150,255,0.52) !important; background:linear-gradient(180deg, rgba(20,150,255,0.32), rgba(20,150,255,0.16)) !important; }
.cfg-seed-banner{ border:1px solid rgba(20,150,255,0.35) !important; background:rgba(20,150,255,0.08) !important; color:#353535 !important; }
.summary-panel .cfg-muted{ color:#5c6169 !important; }
.cfg-summary-kpi{ border:1px solid rgba(0,0,0,0.12) !important; }
.cfg-summary-kpi span{ color:#5c6169 !important; }
.cfg-summary-kpi strong{ color:#353535 !important; }
.cfg-toast{ border:1px solid rgba(20,150,255,0.45) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-mobile-topbar{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-mobile-kp{ color:#5c6169 !important; }
.cfg-mobile-icon-btn{ color:#353535 !important; background:#ffffff !important; }
.cfg-mobile-progress-label{ color:#8a8f97 !important; }
.cfg-mobile-dot{ background:#ffffff !important; }
.cfg-mobile-dot.is-active{ background:rgba(20,150,255,0.75) !important; }
.cfg-step-card{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-step-card-sub{ color:#5c6169 !important; }
.cfg-mobile-bottom{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-fullscreen-host .cfg-fs-topbar{ background:#ffffff !important; border-bottom:1px solid rgba(0,0,0,0.12) !important; }
.cfg-fullscreen-host .cfg-fs-back{ color:#353535 !important; }
.cfg-layout-overlay{ background:#ffffff !important; color:#353535 !important; }
.cfg-layout-bar{ border-bottom:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-bar-row + .cfg-bar-row{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-layout-bar-v3 .cfg-ltool-group{ border-left:1px solid rgba(0,0,0,0.12) !important; }
.cfg-ltool{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-ltool:hover{ background:#ffffff !important; }
.cfg-ltool.is-active{ background:var(--red, #1496ff) !important; border-color:var(--red, #1496ff) !important; color:#353535 !important; }
.cfg-ltool-group{ border-left:1px solid rgba(0,0,0,0.12) !important; }
.cfg-ltool-cluster{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-ltool-accent{ border-color:var(--red, #1496ff) !important; color:#353535 !important; background:rgba(20,150,255,0.18) !important; }
.cfg-rb-tabs{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-rb-tab:hover{ color:#353535 !important; }
.cfg-rb-tab.is-active{ color:#353535 !important; background:#ffffff !important; border-color:rgba(0,0,0,0.12) !important; }
.cfg-rb-panels{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-rb-group{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-layout-ribbon .cfg-ltool-group-title{ border-top:1px dashed rgba(0,0,0,0.12) !important; }
.cfg-layout-place-label{ color:#353535 !important; }
.cfg-layout-place{ background:#ffffff !important; border:1px solid rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-layout-place option{ background-color:#ffffff !important; color:#353535 !important; }
.cfg-layout-place.is-active{ border-color:var(--red, #1496ff) !important; box-shadow:0 0 0 1px rgba(20,150,255,0.35) !important; }
.cfg-layout-mini-select{ background:#ffffff !important; border:1px solid rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-layout-reserve-label{ color:#353535 !important; }
.cfg-layout-reserve-label input{ background:#ffffff !important; border:1px solid rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-layout-overlay select option{ background-color:#ffffff !important; color:#353535 !important; }
.cfg-layout-overlay select option:checked,
.cfg-layout-overlay select option:hover{ color:#353535 !important; }
.cfg-layout-stage{ background:#ffffff !important; }
.cfg-layout-stage.is-map-enabled{ background:#ffffff !important; }
.cfg-layout-map{ background:#ffffff !important; }
.cfg-layout-legend{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-layout-legend-title{ color:#353535 !important; }
.cfg-layout-legend-row b{ color:#353535 !important; }
.swatch-camera{ background:#1496ff !important; }
.cfg-layout-legend-subtitle{ border-top:1px solid rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-layout-legend-room b{ color:#353535 !important; }
.cfg-layout-legend-room small{ color:#5c6169 !important; }
.cfg-layout-legend-room strong{ color:#353535 !important; }
.cfg-layout-legend-check{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-layout-legend-check.is-ok{ color:#5c6169 !important; }
.cfg-layout-legend-check.has-warnings{ color:#5c6169 !important; }
.cfg-layout-legend-check.has-errors{ color:#5c6169 !important; }
.cfg-layout-inspector{ border-left:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-layout-inspector label{ color:#5c6169 !important; }
.cfg-layout-inspector select,
.cfg-layout-inspector input[type="text"],
.cfg-layout-inspector input[type="number"],
.cfg-layout-inspector input[type="range"]{ background:#ffffff !important; border:1px solid rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-layout-inspector select option{ background-color:#ffffff !important; color:#353535 !important; }
.cfg-layout-map-readout{ border-top:1px solid rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-layout-map-readout b{ color:#353535 !important; }
.cfg-layout-map-status{ color:#353535 !important; }
.cfg-scale-manual{ background:#ffffff !important; border:1px solid rgba(0,0,0,0.12) !important; }
.cfg-scale-manual-title{ color:#353535 !important; }
.cfg-scale-manual-now{ color:#5c6169 !important; }
.cfg-scale-manual-now b{ color:#353535 !important; }
.cfg-scale-field{ color:#353535 !important; }
.cfg-scale-field input{ color:#353535 !important; background:#ffffff !important; border:1px solid rgba(0,0,0,0.12) !important; }
.cfg-room-subtitle{ color:#353535 !important; }
.cfg-room-wall{ color:#353535 !important; background:#ffffff !important; border:1px solid rgba(0,0,0,0.12) !important; }
.cfg-room-wall:hover{ border-color:rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-layout-inspector .danger{ color:#5c6169 !important; }
.cfg-layout-overview div{ background:#ffffff !important; }
.cfg-layout-overview span{ color:#5c6169 !important; }
.cfg-layout-overview b{ color:#353535 !important; }
.cfg-layout-diagnostics{ color:#353535 !important; }
.cfg-layout-diagnostics .is-error{ color:#5c6169 !important; }
.cfg-layout-diagnostics .is-warn{ color:#5c6169 !important; }
.cfg-layout-ok{ color:#5c6169 !important; }
.cfg-layout-status{ color:#5c6169 !important; border-top:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-layout-status b{ color:#353535 !important; }
.cfg-ltool.cfg-ltool-danger{ color:#5c6169 !important; }
.cfg-ltool.cfg-ltool-danger:hover{ color:#353535 !important; }
.cfg-el-wall{ stroke:#353535 !important; }
.cfg-el-wall-gap{ stroke:#353535 !important; }
.cfg-el-room-label text{ stroke:#353535 !important; }
.cfg-el-wall-label text{ fill:#5c6169 !important; stroke:#353535 !important; }
.cfg-el-wall-label-draft text{ fill:#5c6169 !important; }
.cfg-el-cam-body{ fill:#1496ff !important; stroke:#353535 !important; }
.cfg-el-cam-hit{ fill:#353535 !important; }
.cfg-el-label{ fill:#353535 !important; }
.cfg-el-equip{ stroke:#353535 !important; }
.cfg-el-equip-text{ fill:#353535 !important; }
.cfg-el-conduit-casing{ stroke:#353535 !important; }
.cfg-el-conduit-node{ stroke:#353535 !important; }
.cfg-el-riser-body{ stroke:#353535 !important; }
.cfg-el-riser-arrow{ stroke:#353535 !important; }
.cfg-el-alarm-body{ stroke:#353535 !important; }
.cfg-el-alarm-text{ fill:#353535 !important; }
.cfg-el-site-line-hit{ stroke:#353535 !important; }
.cfg-el-site-detail{ stroke:#353535 !important; }
.cfg-el-site-detail-box{ stroke:#353535 !important; }
.cfg-el-site-post{ stroke:#353535 !important; }
.cfg-el-site-device{ stroke:#353535 !important; }
.cfg-el-site-mast{ stroke:#353535 !important; }
.cfg-el-site-wifi{ stroke:#353535 !important; }
.cfg-el-route{ stroke:#5c6169 !important; }
.cfg-el-route-sel{ stroke:#353535 !important; }
.cfg-el-route-label text{ fill:#5c6169 !important; stroke:#353535 !important; }
.cfg-el-route-preview{ stroke:#5c6169 !important; }
.cfg-el-tray-hit{ stroke:#353535 !important; }
.cfg-el-tray-label{ fill:#5c6169 !important; }
.cfg-el-door-arc{ stroke:#5c6169 !important; }
.cfg-el-window-mark{ stroke:#5c6169 !important; }
.cfg-layout-inspector .cfg-layout-check{ color:#353535 !important; }
.cfg-layout-inspector .cfg-layout-check input{ accent-color:#1496ff !important; }
.cfg-el-handle{ fill:#353535 !important; stroke:#1496ff !important; }
.cfg-el-handle-hit{ fill:#353535 !important; }
.cfg-el-handle-route-end{ fill:#353535 !important; }
.cfg-el-handle-bound{ stroke:#5c6169 !important; }
.cfg-el-handle-active{ filter:drop-shadow(0 0 4px rgba(20,150,255,0.55)) !important; }
.cfg-el-handle-wall-edge{ fill:#353535 !important; stroke:#5c6169 !important; }
.cfg-el-aim-axis-vis{ stroke:#353535 !important; }
.cfg-el-snap-hint{ stroke:#5c6169 !important; }
.cfg-status-hint{ color:#5c6169 !important; }
.cfg-layout-context-menu{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-layout-context-menu button{ color:#353535 !important; }
.cfg-layout-context-menu button:hover{ background:#ffffff !important; }
.cfg-layout-toast{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-layout-help{ background:#ffffff !important; }
.cfg-layout-help-card{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-layout-help-head{ border-bottom:1px solid rgba(0,0,0,0.12) !important; }
.cfg-layout-help-x{ color:#5c6169 !important; }
.cfg-layout-help-x:hover{ color:#353535 !important; }
.cfg-layout-help-dl > div{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-layout-help-dl dt{ color:#353535 !important; }
.cfg-layout-help-dl dd{ color:#5c6169 !important; }
.cfg-layout-onboard li{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-layout-onboard li span{ color:#5c6169 !important; }
.cfg-rack-catalog summary{ color:#5c6169 !important; }
.cfg-rack-model{ border:1px solid rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-rack-model.is-active{ color:#353535 !important; }
.cfg-rack-stat{ color:#5c6169 !important; }
.cfg-rack-palette-title{ color:#5c6169 !important; }
.cfg-rack-add{ border:1px dashed rgba(0,0,0,0.12) !important; color:#353535 !important; }
.cfg-rack-inspect{ border:1px solid rgba(0,0,0,0.12) !important; }
.cfg-rack-inspect b{ color:#353535 !important; }
.cfg-rack-field{ color:#5c6169 !important; }
.cfg-rack-field input{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; color:#353535 !important; }
.cfg-rack-outdoor{ color:#353535 !important; }
.cfg-rack-shelf{ color:#5c6169 !important; }
.cfg-rack-remove{ color:#5c6169 !important; }
.cfg-ltool-primary{ color:#353535 !important !important; }
.cfg-layout-help-sub{ color:#5c6169 !important; }
.cfg-layout-help-dl kbd{ border:1px solid rgba(0,0,0,0.12) !important; background:#ffffff !important; }
.cfg-layers{ border-top:1px solid rgba(0,0,0,0.12) !important; }
.cfg-layers-head{ color:#5c6169 !important; }
.cfg-layer-name{ color:#353535 !important; }
.cfg-layer-name:hover{ background:#ffffff !important; }
.cfg-layer-ic:hover, .cfg-layer-ic.is-on{ background:#ffffff !important; }
.cfg-el-text{ fill:#353535 !important; }
.cfg-el-text.is-selected{ fill:#5c6169 !important; }
.cfg-el-dim-label text{ fill:#353535 !important; }
.cfg-spec-table th{ color:#5c6169 !important; border-bottom:1px solid rgba(0,0,0,0.12) !important; }
.cfg-spec-table td{ border-bottom:1px solid rgba(0,0,0,0.12) !important; }
.cfg-pal-input{ color:#353535 !important; }
.cfg-pal-item{ color:#353535 !important; }
:root{ --red:#1496ff !important; --red-dark:#0f79d6 !important; }
body[data-theme="light"]{ --red:#1496ff !important; --red-dark:#0f79d6 !important; }
body{ background:radial-gradient(circle at top left, rgba(20,150,255,0.2), transparent 20%),
    radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.06), transparent 17%),
    linear-gradient(180deg, #0a0a0b 0%, #040404 50%, #09090a 100%) !important; }
body[data-theme="light"]{ background:radial-gradient(circle at top left, rgba(20,150,255,0.06), transparent 18%),
    radial-gradient(circle at 85% 8%, rgba(161, 122, 72, 0.08), transparent 16%),
    linear-gradient(180deg, #f7f2ea 0%, #eee6db 46%, #e5ddd1 100%) !important; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{ outline:3px solid rgba(20,150,255,0.7) !important; }
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .note-card,
body[data-theme="light"] .fact-card,
body[data-theme="light"] .proof-card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .contact-card,
body[data-theme="light"] .camera-entry,
body[data-theme="light"] .system-card,
body[data-theme="light"] .video-summary-panel,
body[data-theme="light"] .config-card,
body[data-theme="light"] .config-result-card,
body[data-theme="light"] .spec-table,
body[data-theme="light"] .object-card,
body[data-theme="light"] .portfolio-card{ background:radial-gradient(circle at top left, rgba(20,150,255,0.07), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 247, 242, 0.98)) !important; }
body[data-theme="light"] .site-footer{ background:radial-gradient(120% 70% at 15% 0%, rgba(20,150,255,0.05), transparent 52%),
    linear-gradient(180deg, rgba(253, 251, 246, 0.98), rgba(239, 232, 222, 0.94)) !important; }
body[data-theme="light"] .footer-audience-switch a,
body[data-theme="light"] .footer-row > .footer-brand + div:not(.footer-legal-links):not(.footer-site-links):not(.footer-contact-cluster):not(.footer-portal-action) a{ border-bottom-color:rgba(20,150,255,0.35) !important; }
body[data-theme="light"] .footer-portal-button{ border-color:rgba(20,150,255,0.32) !important; background:rgba(20,150,255,0.08) !important; }
body[data-theme="light"] .footer-portal-button:hover,
body[data-theme="light"] .footer-portal-button:focus-visible{ border-color:rgba(20,150,255,0.52) !important; background:rgba(20,150,255,0.12) !important; }
body[data-theme="light"] .footer-contact-cluster a:hover,
body[data-theme="light"] .footer-contact-cluster a:focus-visible{ border-bottom-color:rgba(20,150,255,0.42) !important; }
body[data-theme="light"] .video-warning-card,
body[data-theme="light"] .chip.is-warning{ border-color:rgba(20,150,255,0.22) !important; background:rgba(20,150,255,0.08) !important; }
body[data-theme="light"] .button{ background:linear-gradient(180deg, #1496ff 0%, #1496ff 100%) !important; box-shadow:0 14px 24px rgba(20,150,255,0.18) !important; }
body[data-theme="light"] .fact-card,
body[data-theme="light"] .note-card,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .proof-card{ background:radial-gradient(circle at top left, rgba(20,150,255,0.05), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 243, 236, 0.98)) !important; }
body[data-theme="light"] .hero-panel::before{ background:rgba(20,150,255,0.08) !important; }
body[data-theme="light"] .mini-button:hover,
body[data-theme="light"] .icon-button:hover{ border-color:rgba(20,150,255,0.26) !important; }
.site-header{ background:linear-gradient(
      180deg,
      rgba(7, 7, 8, 0.97) 0,
      rgba(7, 7, 8, 0.95) 94px,
      rgba(4, 4, 5, 0.98) 94px,
      rgba(4, 4, 5, 0.96) 100%
    ),
    radial-gradient(circle at top left, rgba(20,150,255,0.08), transparent 34%) !important; }
.audience-switch a.is-active{ background:linear-gradient(180deg, rgba(20,150,255,0.28), rgba(20,150,255,0.14)) !important; box-shadow:0 10px 22px rgba(20,150,255,0.18) !important; }
.header-nav a::after{ background:linear-gradient(90deg, rgba(20,150,255,0.95), rgba(255, 255, 255, 0.15)) !important; }
.header-phone:hover,
.header-phone:focus-visible{ border-color:rgba(20,150,255,0.45) !important; }
.footer-contact-cluster a:hover,
.footer-contact-cluster a:focus-visible{ border-bottom-color:rgba(20,150,255,0.45) !important; }
.vision-toggle.is-active{ border-color:rgba(20,150,255,0.4) !important; background:rgba(20,150,255,0.12) !important; box-shadow:0 10px 18px rgba(20,150,255,0.14) !important; }
.button{ background:linear-gradient(180deg, #1496ff 0%, var(--red) 100%) !important; box-shadow:0 14px 26px rgba(20,150,255,0.24) !important; }
.eyebrow::before{ box-shadow:0 0 20px rgba(20,150,255,0.45) !important; }
.hero-panel{ background:radial-gradient(circle at top left, rgba(20,150,255,0.12), transparent 30%),
    linear-gradient(145deg, rgba(17, 17, 19, 0.9), rgba(7, 7, 8, 0.96)) !important; }
.hero-panel::before{ background:rgba(20,150,255,0.14) !important; }
.note-index{ background:linear-gradient(180deg, rgba(20,150,255,0.2), rgba(20,150,255,0.08)) !important; }
.panel-card,
.service-card,
.process-card,
.project-card,
.case-card,
.detail-card,
.gallery-card,
.vendor-card{ background:radial-gradient(circle at top left, rgba(20,150,255,0.08), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04)),
    rgba(18, 18, 21, 0.94) !important; }
.service-icon{ background:linear-gradient(180deg, rgba(20,150,255,0.22), rgba(20,150,255,0.08)) !important; }
.proof-card{ background:linear-gradient(180deg, rgba(20,150,255,0.08), rgba(20,150,255,0.02)),
    rgba(255, 255, 255, 0.02) !important; }
.audience-card{ background:radial-gradient(circle at top left, rgba(20,150,255,0.1), transparent 34%),
    rgba(255, 255, 255, 0.03) !important; }
.config-tab.is-active{ background:linear-gradient(180deg, rgba(20,150,255,0.24), rgba(20,150,255,0.1)) !important; }
.config-card,
.config-result-card{ background:radial-gradient(circle at top left, rgba(20,150,255,0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04)),
    rgba(18, 18, 21, 0.95) !important; }
.config-result-card{ background:radial-gradient(circle at top left, rgba(20,150,255,0.1), transparent 32%),
    linear-gradient(145deg, rgba(17, 17, 19, 0.92), rgba(7, 7, 8, 0.98)) !important; }
.config-field select:focus,
.config-field input:focus{ border-color:rgba(20,150,255,0.45) !important; box-shadow:0 0 0 3px rgba(20,150,255,0.12) !important; }
.camera-entry,
.system-card,
.video-summary-panel{ background:radial-gradient(circle at top left, rgba(20,150,255,0.06), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
    rgba(14, 14, 17, 0.995) !important; }
.chip.is-warning,
.video-warning-card{ border-color:rgba(20,150,255,0.28) !important; background:rgba(20,150,255,0.12) !important; }
.mini-button:hover,
.icon-button:hover{ border-color:rgba(20,150,255,0.38) !important; background:rgba(20,150,255,0.08) !important; }
.choice-pill.is-active{ border-color:rgba(20,150,255,0.34) !important; background:rgba(20,150,255,0.14) !important; }
.toggle-chip:has(input:checked){ border-color:rgba(20,150,255,0.34) !important; background:rgba(20,150,255,0.14) !important; }
.config-change-item[data-kind="auto"]{ border:1px solid rgba(20,150,255,0.18) !important; background:rgba(20,150,255,0.08) !important; }
.config-compare-dialog{ background:radial-gradient(circle at top left, rgba(20,150,255,0.16), transparent 34%),
    linear-gradient(180deg, rgba(19, 19, 21, 0.98), rgba(8, 8, 9, 0.98)) !important; }
.camera-stack-actions .button-secondary:hover{ border-color:rgba(20,150,255,0.32) !important; background:rgba(20,150,255,0.12) !important; }
.video-summary-panel{ background:radial-gradient(circle at top left, rgba(20,150,255,0.12), transparent 34%),
    linear-gradient(145deg, rgba(17, 17, 19, 0.96), rgba(7, 7, 8, 0.98)) !important; }
.package-offer-card.is-active{ border-color:rgba(20,150,255,0.34) !important; background:rgba(20,150,255,0.12) !important; }
.access-main [data-access-options-card]{ background:radial-gradient(circle at top left, rgba(20,150,255,0.08), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)),
    rgba(22, 22, 26, 0.995) !important; }
.build-sheet-edit-icon:hover{ background:rgba(20,150,255,0.18) !important; }
.build-sheet-add-button{ background:linear-gradient(180deg, rgba(255, 45, 61, 0.92), rgba(20,150,255,0.88)) !important; box-shadow:0 10px 18px rgba(20,150,255,0.22) !important; }
.build-sheet-add-button:hover{ box-shadow:0 12px 24px rgba(20,150,255,0.28) !important; }
.left-build-head .button-secondary:hover{ border-color:rgba(20,150,255,0.34) !important; background:rgba(20,150,255,0.16) !important; }
.stepper-button:hover{ border-color:rgba(20,150,255,0.38) !important; background:rgba(20,150,255,0.08) !important; }
.video-intake-card{ background:radial-gradient(circle at top left, rgba(20,150,255,0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)),
    rgba(18, 18, 20, 0.94) !important; }
.config-panel.is-editing .camera-entry,
.config-panel.is-editing .system-card{ border-color:rgba(20,150,255,0.24) !important; box-shadow:0 0 0 1px rgba(20,150,255,0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; }
.camera-entry .config-field:focus-within,
.system-card .config-field:focus-within{ border-color:rgba(20,150,255,0.24) !important; background:rgba(20,150,255,0.06) !important; }
.archive-calculator,
.archive-result{ background:radial-gradient(circle at top left, rgba(20,150,255,0.08), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04)),
    rgba(18, 18, 21, 0.95) !important; }
.archive-field input:focus,
.archive-field select:focus{ border-color:rgba(20,150,255,0.45) !important; box-shadow:0 0 0 3px rgba(20,150,255,0.12) !important; }
.archive-result{ background:radial-gradient(circle at top left, rgba(20,150,255,0.12), transparent 34%),
    linear-gradient(145deg, rgba(17, 17, 19, 0.92), rgba(7, 7, 8, 0.98)) !important; }
.service-catalog-card{ background:radial-gradient(circle at top right, rgba(20,150,255,0.12), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.03)),
    rgba(0, 0, 0, 0.2) !important; }
.service-offer-index{ background:linear-gradient(180deg, rgba(20,150,255,0.22), rgba(20,150,255,0.08)) !important; }
.service-highlight{ border-left:3px solid rgba(20,150,255,0.7) !important; }
.gallery-visual{ background:linear-gradient(140deg, rgba(20,150,255,0.18), transparent 42%),
    linear-gradient(145deg, #151618, #080809 68%) !important; }
.gallery-visual.visual-residential{ background:linear-gradient(130deg, rgba(20,150,255,0.2), transparent 42%),
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.14), transparent 18%),
    linear-gradient(145deg, #17181d, #09090b 70%) !important; }
.gallery-visual.visual-campus{ background:linear-gradient(130deg, rgba(20,150,255,0.14), transparent 45%),
    radial-gradient(circle at 82% 18%, rgba(55, 162, 255, 0.18), transparent 18%),
    linear-gradient(145deg, #101820, #08090b 70%) !important; }
.gallery-visual.visual-business{ background:linear-gradient(130deg, rgba(20,150,255,0.16), transparent 44%),
    radial-gradient(circle at 80% 18%, rgba(255, 215, 123, 0.18), transparent 18%),
    linear-gradient(145deg, #16161a, #09090b 70%) !important; }
.gallery-visual.visual-install{ background:linear-gradient(130deg, rgba(20,150,255,0.16), transparent 44%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 14px, transparent 14px 30px),
    linear-gradient(145deg, #131416, #09090b 70%) !important; }
.gallery-visual.visual-network{ background:linear-gradient(130deg, rgba(20,150,255,0.12), transparent 42%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 12px, transparent 12px 26px),
    linear-gradient(145deg, #11161b, #09090b 70%) !important; }
.gallery-visual.visual-result{ background:linear-gradient(130deg, rgba(20,150,255,0.18), transparent 42%),
    radial-gradient(circle at 82% 18%, rgba(78, 219, 148, 0.16), transparent 18%),
    linear-gradient(145deg, #141517, #09090b 70%) !important; }
.case-card.case-card-highlight{ background:radial-gradient(circle at top left, rgba(20,150,255,0.14), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)),
    rgba(14, 14, 17, 0.97) !important; }
.site-footer{ background:radial-gradient(120% 80% at 15% 0%, rgba(20,150,255,0.06), transparent 52%),
    linear-gradient(180deg, rgba(12, 12, 14, 0.92), rgba(5, 5, 7, 0.96)) !important; }
.footer-brand-badge{ background:radial-gradient(circle at 32% 28%, rgba(20,150,255,0.12), transparent 55%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04)) !important; }
.footer-audience-switch a,
.footer-row > .footer-brand + div:not(.footer-legal-links):not(.footer-site-links):not(.footer-contact-cluster):not(.footer-portal-action) a{ border-bottom:1px solid rgba(20,150,255,0.42) !important; }
.footer-audience-switch a:hover,
.footer-audience-switch a:focus-visible,
.footer-row > .footer-brand + div:not(.footer-legal-links):not(.footer-site-links):not(.footer-contact-cluster):not(.footer-portal-action) a:hover,
.footer-row > .footer-brand + div:not(.footer-legal-links):not(.footer-site-links):not(.footer-contact-cluster):not(.footer-portal-action) a:focus-visible{ border-bottom-color:rgba(20,150,255,0.75) !important; }
.footer-portal-button{ border:1px solid rgba(20,150,255,0.42) !important; background:rgba(20,150,255,0.13) !important; }
.footer-portal-button:hover,
.footer-portal-button:focus-visible{ border-color:rgba(20,150,255,0.72) !important; background:rgba(20,150,255,0.2) !important; }
.config-mobile-flow-button.config-mobile-flow-primary{ border-color:rgba(20,150,255,0.45) !important; background:linear-gradient(180deg, rgba(20,150,255,0.32), rgba(20,150,255,0.14)) !important; }
.aura-config-drawer-panel{ background:radial-gradient(circle at top left, rgba(20,150,255,0.1), transparent 42%),
    linear-gradient(180deg, rgba(21, 21, 24, 0.99), rgba(10, 10, 12, 0.99)) !important; }
.address-autocomplete-option:hover,
.address-autocomplete-option:focus-visible{ background:rgba(20,150,255,0.16) !important; }
.config-wizard-step:hover{ border-color:rgba(20,150,255,0.34) !important; }
.config-wizard-step.is-active{ border-color:rgba(20,150,255,0.45) !important; background:linear-gradient(180deg, rgba(20,150,255,0.24), rgba(20,150,255,0.08)) !important; }
.config-status-pill{ border:1px solid rgba(20,150,255,0.26) !important; background:rgba(20,150,255,0.12) !important; }
.config-summary-alert{ border:1px solid rgba(20,150,255,0.24) !important; background:rgba(20,150,255,0.12) !important; }
.panel-card.solution-card{ background:radial-gradient(125% 90% at 100% -10%, rgba(20,150,255,0.14), transparent 55%),
    radial-gradient(90% 75% at -5% 0%, rgba(255, 255, 255, 0.07), transparent 48%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.025) 38%, rgba(10, 10, 12, 0.72) 100%),
    rgba(18, 18, 21, 0.96) !important; }
.panel-card.solution-card::before{ background:linear-gradient(
    90deg,
    transparent,
    rgba(20,150,255,0.55),
    rgba(255, 255, 255, 0.38),
    rgba(20,150,255,0.48),
    transparent
  ) !important; }
.solution-card-cost strong{ text-shadow:0 0 28px rgba(20,150,255,0.38) !important; }
.solution-card-cart-btn{ box-shadow:0 10px 26px rgba(20,150,255,0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important; }
.solution-card-cart-btn:hover{ box-shadow:0 14px 34px rgba(20,150,255,0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important; }
.solution-card.panel-card:hover{ border-color:rgba(20,150,255,0.28) !important; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.11),
    0 22px 52px rgba(0, 0, 0, 0.48),
    0 0 42px rgba(20,150,255,0.12) !important; }
.solution-card-mode{ border:1px solid rgba(20,150,255,0.28) !important; background:linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03)),
    rgba(20,150,255,0.09) !important; }
.solution-package-mini-grid .is-featured{ border-color:rgba(20,150,255,0.34) !important; background:rgba(20,150,255,0.1) !important; }
.solution-package-card.is-featured{ border-color:rgba(20,150,255,0.38) !important; background:linear-gradient(180deg, rgba(20,150,255,0.12), rgba(255, 255, 255, 0.04)) !important; }
body[data-theme="light"] .panel-card.solution-card{ background:radial-gradient(125% 90% at 100% -10%, rgba(20,150,255,0.08), transparent 55%),
    radial-gradient(90% 75% at -5% 0%, rgba(255, 255, 255, 0.85), transparent 46%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.98), rgba(250, 246, 240, 0.96)) !important; }
body[data-theme="light"] .solution-card.panel-card:hover{ border-color:rgba(20,150,255,0.2) !important; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 22px 48px rgba(122, 95, 64, 0.13),
    0 0 38px rgba(20,150,255,0.07) !important; }
body[data-theme="light"] .solution-card-mode{ border-color:rgba(20,150,255,0.18) !important; background:linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 250, 248, 0.5)),
    rgba(20,150,255,0.06) !important; }

@media (max-width: 1400px){
  .cfg-param-grid--disk-main .cfg-access-field--disk-capacity{ border-top:1px solid rgba(0,0,0,0.12) !important; }
}

@media print{
  .cfg-print-sheet:not([hidden]){ background:#ffffff !important; }
}

@media (max-width: 940px){
  .site-header{ background:linear-gradient(
        180deg,
        rgba(7, 7, 8, 0.97) 0,
        rgba(7, 7, 8, 0.95) 82px,
        rgba(4, 4, 5, 0.98) 82px,
        rgba(4, 4, 5, 0.96) 100%
      ),
      radial-gradient(circle at top left, rgba(20,150,255,0.08), transparent 34%) !important; }
}

/* ---- Ручные доводки Telecom-SD (поверх сгенерированного) ---- */
/* Предупреждения/подсказки: читаемый янтарный на светлом */
.cfg-review-title{ color:#9a6700 !important; border-color:rgba(154,103,0,0.45) !important; }
.cfg-review-block{ background:rgba(255,196,0,0.10) !important; border-color:rgba(255,196,0,0.45) !important; }
.cfg-review-list, .cfg-review-list li{ color:#5c4a12 !important; }
.cfg-quote-warn{ color:#b23b00 !important; }
.cfg-quote-sub, .cfg-muted{ color:#7a7f86 !important; }
/* Вторичные кнопки: чистый белый фон вместо песочного оттенка Aura */
.button-secondary{ background:#ffffff !important; background-image:none !important; border:1px solid rgba(0,0,0,0.14) !important; color:#1f6fbf !important; }
.button-secondary:hover{ border-color:#1496ff !important; color:#0f79d6 !important; }
/* Первичная кнопка: ровный синий бренд-градиент Telecom */
.button, .cfg-valid-actions-primary, .cfg-mobile-nav-btn.button{
  background-image:linear-gradient(180deg,#1aa0ff,#1496ff) !important;
  color:#ffffff !important; border:none !important;
}
.button:hover{ background-image:linear-gradient(180deg,#1496ff,#0f79d6) !important; }
/* Ссылки-акценты */
.configurator-page a{ color:#1496ff; }
/* Тонкая рамка панелей рабочей области */
.editor-panel, .structure-panel, .summary-panel{ box-shadow:0 10px 30px rgba(53,53,53,0.08) !important; }