Интегрирован wesp в сайт

WESP_REL/static/css/kiosk-calibration-modal.css

@@ -0,0 +1,93 @@
+.kiosk-calibration-backdrop {
+  display: none;
+  position: fixed;
+  inset: 0;
+  background: rgba(26, 30, 28, 0.45);
+  z-index: 5000;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  box-sizing: border-box;
+}
+
+.kiosk-calibration-backdrop.is-open {
+  display: flex;
+}
+
+.kiosk-calibration-panel {
+  width: min(920px, 100%);
+  max-height: min(92vh, 900px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: 16px;
+  box-shadow: 0 16px 48px rgba(26, 30, 28, 0.18);
+}
+
+.kiosk-calibration-panel--dark {
+  background: #1f1f1f;
+  color: #fff;
+  border: 1px solid #2f2f2f;
+}
+
+.kiosk-calibration-panel--light {
+  background: #fff;
+  color: #1a1e1c;
+  border: 1px solid rgba(26, 30, 28, 0.08);
+}
+
+.kiosk-calibration-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  flex-shrink: 0;
+}
+
+.kiosk-calibration-panel--dark .kiosk-calibration-head {
+  border-bottom: 1px solid #2f2f2f;
+}
+
+.kiosk-calibration-panel--light .kiosk-calibration-head {
+  border-bottom: 1px solid rgba(26, 30, 28, 0.08);
+}
+
+.kiosk-calibration-title {
+  margin: 0;
+  font-family: system-ui, -apple-system, sans-serif;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.kiosk-calibration-close {
+  padding: 8px 14px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 14px;
+  font-family: inherit;
+  flex-shrink: 0;
+}
+
+.kiosk-calibration-panel--dark .kiosk-calibration-close {
+  border: 1px solid #7a7a7a;
+  background: #3a3a3a;
+  color: #fff;
+}
+
+.kiosk-calibration-panel--light .kiosk-calibration-close {
+  border: 1px solid rgba(26, 30, 28, 0.14);
+  background: #fff;
+  color: #1a1e1c;
+}
+
+.kiosk-calibration-frame {
+  border: 0;
+  width: 100%;
+  flex: 1 1 auto;
+  min-height: 320px;
+  max-height: calc(92vh - 64px);
+  background: #fff;
+  display: block;
+}