:root{--ss-bg:#fff;--ss-border:#e5e7eb;--ss-text:#0f172a;--ss-muted:#475569;--ss-note:#6b7280;--ss-blue:#2563eb;--ss-blue-weak:rgba(37,99,235,.12);--ss-card-shadow:0 8px 24px rgba(0,0,0,.04);--ss-radius:14px;--ss-radius-sm:12px}.cs-wrap{max-width:1120px!important;margin:0 auto!important;padding:clamp(24px,4vw,48px) 16px!important;display:grid!important;grid-template-columns:260px 1fr 360px!important;gap:32px!important}@media (max-width:1100px){.cs-wrap{grid-template-columns:1fr!important}}.cs-wrap .cs-card,.cs-wrap .cs-nav,#cctv-summary .cctv-card{background:var(--ss-bg)!important;border:1px solid var(--ss-border)!important;border-radius:var(--ss-radius)!important;box-shadow:var(--ss-card-shadow)!important}.cs-wrap .cs-main h1,#cctv-summary .cctv-h1{font-weight:900!important;font-size:clamp(26px,3.2vw,36px)!important;line-height:1.15!important;margin:0 0 8px!important;color:var(--ss-text)!important}.cs-wrap .cs-main p,.cs-wrap .cs-card p,#cctv-summary .cctv-lead{color:var(--ss-muted)!important;line-height:1.55!important}#cctv-summary input.cctv-input,#cctv-summary .cctv-input{border:1px solid #dbe1ea!important;background:#f8fafc!important;border-radius:var(--ss-radius-sm)!important;padding:12px 14px!important;font-size:1rem!important;color:var(--ss-text)!important;outline:none!important}#cctv-summary .cctv-input:focus{border-color:var(--ss-blue)!important;box-shadow:0 0 0 4px var(--ss-blue-weak)!important}.cs-wrap .cs-btn,#cctv-summary .cctv-btn{background:var(--ss-blue)!important;border:1px solid var(--ss-blue)!important;color:#fff!important;border-radius:var(--ss-radius-sm)!important;padding:13px 18px!important;font-weight:800!important;min-width:200px!important;cursor:pointer!important}.cs-wrap .cs-btn.secondary{background:#fff!important;color:var(--ss-text)!important;border:1px solid var(--ss-border)!important}.cs-wrap .cs-btn:disabled,#cctv-summary .cctv-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.cs-wrap .cs-list{display:flex!important;flex-direction:column!important;gap:12px!important}.cs-wrap .cs-opt{background:#fff!important;border:1px solid #dbe1ea!important;border-radius:var(--ss-radius-sm)!important;padding:14px 16px!important;font-size:1rem!important;font-weight:500!important;color:var(--ss-text)!important;text-align:left!important;transition:all .15s!important}.cs-wrap .cs-opt:hover{border-color:var(--ss-blue)!important;box-shadow:0 0 0 3px var(--ss-blue-weak)!important}.cs-wrap .cs-opt.is-checked{border-color:var(--ss-blue)!important;background:#eff6ff!important;font-weight:500!important;box-shadow:0 0 0 2px #2563eb4d inset,0 0 0 3px var(--ss-blue-weak)!important}#cctv-summary .cctv-meta dd,.cs-wrap .bbr-val{font-weight:700!important;color:var(--ss-text)!important}#cctv-summary #cctv-map{border-top-left-radius:var(--ss-radius)!important;border-top-right-radius:var(--ss-radius)!important;overflow:hidden!important}#cctv-step-placements .k-item{grid-template-columns:120px minmax(340px,1fr) max-content!important}#cctv-step-placements .k-item .cs-input{display:block!important;width:100%!important;min-height:48px!important;padding:12px 14px!important;font-size:1rem!important;box-sizing:border-box!important}#cctv-step-placements .k-item .cs-input::placeholder{color:#94a3b8;opacity:1}#cctv-step-placements .k-item small{margin-left:8px!important;white-space:nowrap!important;max-width:320px;font-size:.92rem!important;color:#334155!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;padding:8px 10px!important;border-radius:10px!important}@media (max-width:860px){#cctv-step-placements .k-item{grid-template-columns:1fr!important}#cctv-step-placements .k-item small{justify-self:start!important;margin-left:0!important;margin-top:6px!important}}:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment).cs-wrap{max-width:1200px!important;gap:28px!important;grid-template-columns:240px minmax(520px,1fr) 300px!important}:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;justify-content:flex-start!important}:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions .cs-btn{display:inline-flex!important;width:auto!important;flex:0 0 auto!important;min-width:180px!important;max-width:none!important;justify-content:center!important}:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions .cs-note{display:block!important;margin-top:6px!important;width:100%!important}@media (max-width:480px){:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions .cs-btn{min-width:unset!important}}@media (max-width: 860px){:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment).cs-wrap{grid-template-columns:1fr!important;gap:16px!important;max-width:100%!important}#cctv-step-situation.cs-wrap,#cctv-step-property.cs-wrap,#cctv-step-comment.cs-wrap{grid-template-columns:1fr!important;gap:16px!important;max-width:100%!important}:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions .cs-btn{width:100%!important;min-width:0!important;flex:0 0 auto!important}:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions .cs-note{margin-top:4px!important;width:100%!important}}@media (max-width: 480px){:is(#cctv-step-situation,#cctv-step-property,#cctv-step-comment) .cs-actions .cs-btn{min-width:unset!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/cctv-ui.css.map */