/* Photo + question window (photo-ask.js) */
.space-command.pa-drop{border-style:dashed;border-color:#74edc9;background:#18302f}
html.pa-lock body{overflow:hidden}
.pa-modal{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:20px;pointer-events:none}
.pa-veil{position:absolute;inset:0;background:#02060acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s;pointer-events:auto}
.pa-card{position:relative;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:16px 18px 18px;border-radius:26px;pointer-events:auto;color:#eef6f4;
  background:radial-gradient(circle at 90% 0%,#235c4b55,transparent 45%),linear-gradient(160deg,#13262a,#0c1620);border:1px solid #3f6f63;
  box-shadow:0 30px 90px #000c,0 0 50px #2caa8233;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .3s,transform .4s cubic-bezier(.2,1,.3,1)}
.pa-modal.on .pa-veil{opacity:1}.pa-modal.on .pa-card{opacity:1;transform:none}
.pa-close{position:absolute;z-index:3;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff2a;background:#0b141bcc;color:#e9fff6;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.pa-fig{position:relative;height:min(36vh,280px);border-radius:18px;overflow:hidden;background:#071015;border:1px solid #2f5248}
.pa-fig img{width:100%;height:100%;object-fit:contain;display:block}
.pa-scan{position:absolute;left:0;right:0;top:0;height:28%;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent,#74edc944 70%,#c8ffecbb 97%,transparent);border-bottom:2px solid #c8ffec;box-shadow:0 6px 24px #74edc966}
.pa-grid{position:absolute;inset:0;opacity:0;pointer-events:none;background-image:linear-gradient(#74edc914 1px,transparent 1px),linear-gradient(90deg,#74edc914 1px,transparent 1px);background-size:26px 26px;transition:opacity .4s}
.pa-modal[data-state=busy] .pa-scan{opacity:1;animation:pa-scan 1.3s ease-in-out infinite alternate}
.pa-modal[data-state=busy] .pa-grid{opacity:1}
.pa-modal[data-state=busy] .pa-fig{box-shadow:0 0 0 2px #74edc9,0 0 30px #74edc955}
@keyframes pa-scan{from{transform:translateY(-100%)}to{transform:translateY(260%)}}
.pa-eyebrow{display:block;margin:16px 2px 4px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#74edc9}
.pa-h{margin:0 2px;font-size:23px;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.pa-p{margin:7px 2px 12px;font-size:13px;line-height:1.55;color:#9fb8b2}
.pa-row{display:flex;gap:8px;align-items:stretch}
.pa-ta{flex:1;min-width:0;resize:none;border:1px solid #3f6f63;border-radius:16px;background:#0a151cdd;color:#f4fbf8;font:inherit;font-size:15px;line-height:1.45;padding:12px 14px;outline:none}
.pa-ta:focus{border-color:#74edc9;box-shadow:0 0 0 3px #74edc922}
.pa-ta::placeholder{color:#6f8c8c}
.pa-mic{flex:none;width:54px;border-radius:16px;border:1px solid #456961;background:#1b3534;color:#c1ffe2;cursor:pointer;display:grid;place-items:center}
.pa-mic.rec{background:#a5434e;border-color:#ff8f9b;color:#fff;animation:pa-rec 1.2s ease-in-out infinite}
@keyframes pa-rec{50%{box-shadow:0 0 0 8px #a5434e33}}
.pa-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.pa-q{border:1px solid #35574f;background:#14262a;color:#bfe9da;border-radius:20px;padding:7px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.pa-q:hover{border-color:#74edc9;color:#e9fff6}
.pa-status{min-height:20px;margin:10px 2px 0;font-size:13px;color:#9fd9c6}
.pa-status[data-kind=err]{color:#ffb3bb}.pa-status[data-kind=ok]{color:#74edc9;font-weight:800}.pa-status[data-kind=rec]{color:#ffc4cb}
.pa-acts{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:10px}
.pa-acts button{border-radius:16px;padding:14px 12px;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.pa-skip{border:1px solid #456961;background:transparent;color:#cfe9e0}
.pa-skip:hover{background:#1b2f31}
.pa-go{border:0;background:#74edc9;color:#06231c;box-shadow:0 10px 30px #74edc933}
.pa-modal[data-state=busy] .pa-row,.pa-modal[data-state=busy] .pa-chips,.pa-modal[data-state=busy] .pa-acts,.pa-modal[data-state=busy] .pa-p,
.pa-modal[data-state=done] .pa-row,.pa-modal[data-state=done] .pa-chips,.pa-modal[data-state=done] .pa-acts,.pa-modal[data-state=done] .pa-p{display:none}
.pa-modal[data-state=busy] .pa-close{opacity:.3;pointer-events:none}
.pa-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#74edc914;opacity:0;overflow:hidden}
.pa-bar i{position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,#74edc9,transparent)}
.pa-modal[data-state=busy] .pa-bar{opacity:1}.pa-modal[data-state=busy] .pa-bar i{animation:pa-bar 1.1s linear infinite}
@keyframes pa-bar{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
@media(max-width:760px){
  .pa-modal{place-items:end stretch;padding:0}
  .pa-card{width:100%;max-height:94dvh;border-radius:26px 26px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%)}
  .pa-fig{height:min(30vh,230px)}
  .pa-h{font-size:20px}.pa-p{font-size:12.5px}
  .pa-ta{font-size:16px}  /* 16 px: iOS does not zoom into the field */
}
@media(prefers-reduced-motion:reduce){.pa-card,.pa-scan,.pa-bar i,.pa-mic.rec{animation:none!important;transition:none!important}}
html.pa-lock .jv-call,html.pa-lock jdiv[class*="wrap__"],html.pa-lock jdiv[class*="__powerBtn"]{opacity:0!important;pointer-events:none!important}  /* Jivo buttons step aside while the photo window is open */
