/* Interactive TerraSatch device → Satchy → report showcase.
   Composed for the standalone module sites using the production hero's flow pattern. */
.device-story-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,rgba(255,156,17,.07),transparent 65%),#0b131d}
.ds-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}
.ds-heading h2{font:700 clamp(34px,4vw,54px)/.98 Rajdhani,Arial,sans-serif;letter-spacing:-.03em;margin:10px 0}
.ds-heading p{max-width:450px;color:#afbeca;font-size:14px;line-height:1.65;margin:0}
.ds-workspace{border:1px solid rgba(255,156,17,.32);border-radius:18px;background:linear-gradient(155deg,#111e2a,#09121b 65%);overflow:hidden;box-shadow:0 24px 85px #0007}
.ds-steps{display:flex;gap:7px;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #fff2;overflow-x:auto;scrollbar-width:thin}
.ds-step{display:inline-flex;align-items:center;gap:7px;min-width:max-content;border:1px solid transparent;border-radius:7px;background:transparent;color:#aabccc;padding:8px 10px;font:600 11px Barlow,Arial,sans-serif;cursor:pointer}
.ds-step span{font:700 10px "JetBrains Mono",monospace;color:#e5a95f}
.ds-step[aria-pressed="true"]{color:#fff;background:#ff9c111f;border-color:#ff9c1170}
.ds-step:hover{background:#ffffff12}
.ds-grid{display:grid;grid-template-columns:minmax(195px,.85fr) minmax(255px,1fr) minmax(250px,1fr);gap:11px;padding:14px;align-items:stretch}
.ds-column{min-width:0;position:relative}
.ds-panel-label{font:700 9px/1.3 "JetBrains Mono",monospace;letter-spacing:.11em;color:#ffb459;margin:0 0 10px}
.ds-hardware{border:1px solid #ffffff1a;border-radius:13px;background:linear-gradient(152deg,#182433,#0a121b 80%);padding:13px}
.ds-hardware-visual{position:relative;height:295px;background:radial-gradient(ellipse at 55% 32%,#ffae2627,transparent 68%),repeating-radial-gradient(ellipse at 60% 45%,transparent 0,transparent 36px,#fff1 37px,transparent 38px,transparent 72px);border-radius:12px;overflow:hidden;border:1px solid #ffffff16}
.ds-drone{position:absolute;top:5px;left:6%;width:88%;max-height:150px;object-fit:contain;filter:drop-shadow(0 9px 10px #0008);animation:ds-hover 5s ease-in-out infinite alternate}
.ds-devices{position:absolute;bottom:2px;left:32%;height:202px;max-width:65%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 18px #000b)}
.ds-signal-line{position:absolute;inset:0;pointer-events:none}
.ds-signal-line path{fill:none;stroke:#ffb44d;stroke-width:1.6;stroke-dasharray:6 8;opacity:.56}
.ds-signal-line circle{fill:#ffbd63;filter:drop-shadow(0 0 8px #ff9c11)}
.ds-hardware-caption{position:absolute;z-index:2;left:9px;top:9px;padding:6px 9px;border-radius:6px;background:#08111ace;border:1px solid #ff9c1145;color:#f2f7fa;font:700 9px "JetBrains Mono",monospace}
.ds-hardware legend{padding:0 1px;margin-bottom:10px;color:#b4c3d0;font:700 10px "JetBrains Mono",monospace;letter-spacing:.07em}
.ds-source-options{border:0;margin:14px 0 0;padding:0;min-width:0}
.ds-sources{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ds-source{min-height:48px;padding:7px 9px;background:#111f2c;border:1px solid #ffffff25;border-radius:8px;text-align:left;color:#e5eef6;cursor:pointer}
.ds-source strong{display:block;font:700 12px Rajdhani,Arial,sans-serif}
.ds-source small{display:block;color:#a9bac8;font-size:9px;line-height:1.3}
.ds-source[aria-pressed="true"]{border-color:#ffad45;background:#ff9c111d}
.ds-source:focus-visible,.ds-step:focus-visible,.ds-phone-tabs button:focus-visible,.ds-action:focus-visible,.ds-controls button:focus-visible{outline:2px solid #ffb34d;outline-offset:2px}
.ds-flow-note{display:flex;gap:8px;align-items:center;margin-top:13px;color:#c2d1db;font-size:10px;line-height:1.5}
.ds-flow-note b{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid #ff9c1180;border-radius:50%;font-size:12px;color:#ffb456}
.ds-phone-panel{display:flex;flex-direction:column;align-items:center}
.ds-phone-tabs{display:flex;width:min(100%,310px);background:#1b2735;border:1px solid #ffffff25;border-radius:9px;padding:4px;margin-bottom:10px}
.ds-phone-tabs button{flex:1;padding:9px;border:0;border-radius:6px;background:none;color:#bcc9d6;font:700 11px Barlow,Arial,sans-serif;cursor:pointer}
.ds-phone-tabs button[aria-selected="true"]{background:#0b121b;color:#fff;box-shadow:0 3px 10px #0005}
.ds-phone{display:flex;flex-direction:column;min-height:515px;width:min(100%,310px);border:6px solid #2c323b;border-radius:34px;background:#f4f7fb;color:#1b2a3b;box-shadow:0 0 0 1px #8c98a5,0 17px 35px #0009;overflow:hidden}
.ds-phone-top{display:flex;justify-content:space-between;align-items:center;height:27px;padding:0 14px;color:#131c28;font:700 10px Barlow,Arial,sans-serif}
.ds-phone-camera{width:65px;height:17px;border-radius:10px;background:#06080c}
.ds-phone-contact{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #c9d3dd}
.ds-phone-contact img{height:32px;width:32px;border:1px solid #ffab3d6b;background:#0b1420;border-radius:50%;object-fit:contain}
.ds-phone-contact strong{display:block;font-size:12px;color:#182737}
.ds-phone-contact small{display:block;color:#5a7187;font-size:10px}
.ds-phone-content{display:flex;flex-direction:column;flex:1;min-height:350px;padding:12px;gap:12px}
.ds-phone-content[hidden]{display:none}
.ds-phone-time{text-align:center;color:#8493a0;font-size:9px;margin:0}
.ds-chat-in{max-width:95%;margin-left:auto;padding:10px 11px;border-radius:12px 12px 3px 12px;background:#0a7af0;color:#fff;font-size:11px;line-height:1.45}
.ds-chat-in small{display:block;color:#e5f3ff;margin-bottom:4px;font-size:9px;opacity:.9}
.ds-chat-out{max-width:96%;background:#e4ebf3;color:#243749;border-radius:11px 11px 11px 3px;border:1px solid #ccd8e4;padding:11px;font-size:11px;line-height:1.45}
.ds-phone-attachment{border:1px solid #d2dbe4;background:#fff;border-radius:9px;overflow:hidden;font-size:9px;color:#6b7c8b}
.ds-phone-attachment img{display:block;width:100%;height:75px;object-fit:cover}
.ds-phone-attachment span{display:block;padding:5px 7px}
.ds-phone-ready{padding:9px;background:#eff7ef;border:1px solid #b3dbbf;border-radius:9px;color:#2b6740;font-size:10px}
.ds-inline-action{align-self:start;border:0;background:none;color:#1669b8;text-decoration:underline;cursor:pointer;font-size:10px;font-weight:700}
.ds-phone-draft h3{font:800 24px/1 Rajdhani,Arial,sans-serif;margin:8px 0;color:#162636}
.ds-phone-draft .ds-label{font:700 9px "JetBrains Mono",monospace;color:#a76c10}
.ds-phone-draft p{font-size:11px;line-height:1.55;color:#3e5569}
.ds-phone-draft .ds-draft-badge{display:inline-flex;padding:5px 8px;border-radius:6px;color:#316640;background:#e0f3e6;font-size:10px;font-weight:700}
.ds-phone-home{margin:8px auto 10px;width:93px;height:4px;border-radius:4px;background:#171d29}
.ds-phone-compose{margin:0 10px;padding:9px 12px;border-radius:20px;border:1px solid #d6e0e8;color:#7b8c9c;font-size:10px;background:white}
.ds-report-panel{border:1px solid #f6b04f4d;border-radius:16px;background:#f7f8fb;color:#18293b;overflow:hidden;box-shadow:0 10px 35px #0005}
.ds-report-head{display:flex;align-items:center;gap:8px;padding:13px;border-bottom:1px solid #dce3eb}
.ds-report-head img{width:31px;height:31px;background:#0d1721;border-radius:50%;object-fit:contain;padding:2px}
.ds-report-head strong{font:800 15px Rajdhani,Arial,sans-serif}
.ds-report-head strong em{font-style:normal;color:#ec971d}
.ds-report-head small{color:#798899;font-size:9px}
.ds-report-body{padding:13px}
.ds-report-tag{color:#9d6b19;font:700 9px "JetBrains Mono",monospace;letter-spacing:.08em}
.ds-report-title{font:800 26px/1 Rajdhani,Arial,sans-serif;color:#213247;margin:10px 0 4px}
.ds-report-sub{font-size:10px;color:#6e7f90;margin:0 0 11px}
.ds-report-row{padding:10px 0;border-top:1px solid #d9e0e8}
.ds-report-row dt{font-size:10px;font-weight:700;color:#2a4054;margin-bottom:5px}
.ds-report-row dd{font-size:10px;color:#596b7d;margin:0;line-height:1.55;overflow-wrap:anywhere}
.ds-report-row[data-ready="false"]{opacity:.3}
.ds-report-photo{width:100%;height:80px;object-fit:cover;border-radius:7px;margin-top:6px}
.ds-report-status{margin:12px 0;padding:9px;border:1px solid #f2c27e;background:#fff5df;border-radius:9px;color:#946015;font-size:10px}
.ds-report-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:13px}
.ds-action{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:8px 9px;border:1px solid #da8c27;border-radius:8px;background:#eea62e;color:#101a25;font:700 11px Barlow,Arial,sans-serif;cursor:pointer;text-decoration:none}
.ds-action:hover{background:#ffc264}
.ds-action.secondary{background:transparent;border-color:#9cb0c2;color:#28445b}
.ds-action.secondary:hover{background:#e7eff6}
.ds-actions-caption{font-size:9px;color:#657d91;margin-top:10px}
.ds-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid #fff2;color:#becdda;font-size:11px}
.ds-bottom progress{width:110px;height:6px;accent-color:#ff9c11}
.ds-controls{display:flex;align-items:center;gap:8px}
.ds-controls button{border:1px solid #ffffff38;border-radius:7px;color:#e6f0f7;background:#ffffff0c;padding:7px 10px;cursor:pointer;font:700 10px Barlow,Arial,sans-serif}
.ds-controls button:hover{background:#ff9c1120}
.ds-status{min-width:140px;color:#aec4d3;font-size:10px}
.ds-disclaimer{margin:0 15px 13px;color:#a2b5c3;font-size:10px;line-height:1.6}
.ds-workspace [hidden]{display:none!important}
@keyframes ds-hover{from{transform:translateY(-3px)}to{transform:translateY(5px)}}
@media(max-width:1090px){.ds-grid{grid-template-columns:minmax(200px,.8fr) minmax(255px,1fr)}.ds-report-panel{grid-column:1/-1}.ds-report-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.ds-report-body>.ds-report-tag,.ds-report-body>.ds-report-title,.ds-report-body>.ds-report-sub,.ds-report-body>.ds-report-status,.ds-report-body>.ds-report-actions,.ds-report-body>.ds-actions-caption{grid-column:1/-1}}
@media(max-width:780px){.ds-heading{display:block}.ds-heading p{margin-top:12px}.ds-grid{grid-template-columns:1fr}.ds-hardware-visual{height:260px}.ds-hardware{max-width:580px;width:100%;margin:auto}.ds-phone-panel{margin-top:8px}.ds-report-panel{grid-column:auto}.ds-report-body{display:block}.ds-steps{justify-content:flex-start}.ds-step{font-size:10px}.ds-grid{padding:10px}.ds-bottom{gap:10px}.ds-report-panel{max-width:580px;width:100%;margin:auto}}
@media(max-width:430px){.ds-source{padding:8px}.ds-hardware-visual{height:232px}.ds-devices{height:175px}.ds-phone{min-height:490px}.ds-report-body{padding:12px}.ds-report-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ds-drone{animation:none}}
html[data-theme="light"] .device-story-section{background:linear-gradient(160deg,#eaf0f6,#dbe7ef)}
html[data-theme="light"] .ds-heading p{color:#425b70}
html[data-theme="light"] .ds-workspace{background:#edf2f6;border-color:#b6c8d6;box-shadow:0 16px 55px #304a6333}
html[data-theme="light"] .ds-steps{border-color:#bdccda}
html[data-theme="light"] .ds-step{color:#41596e}
html[data-theme="light"] .ds-step[aria-pressed="true"]{color:#8d4f09;background:#ffe8c4;border-color:#e3a14c}
html[data-theme="light"] .ds-panel-label{color:#93540b}
html[data-theme="light"] .ds-hardware{background:#152333}
html[data-theme="light"] .ds-source{background:#1a2a3a}
html[data-theme="light"] .ds-phone-tabs{background:#d6e2ed;border-color:#abc1d0}
html[data-theme="light"] .ds-phone-tabs button{color:#324d62}
html[data-theme="light"] .ds-phone-tabs button[aria-selected="true"]{background:#fff;color:#1a3046}
html[data-theme="light"] .ds-bottom{border-color:#b9cad6;color:#3b566b}
html[data-theme="light"] .ds-controls button{background:#fff;color:#293f53;border-color:#afbfcc}
html[data-theme="light"] .ds-status,html[data-theme="light"] .ds-disclaimer{color:#435c70}