/* Страница вопросов — перенос утверждённого мокапа (папка сделки, materialy/<дата>_stranica-voprosov/mokap.html). */
:root{--ink:#0F2A2F;--ink-70:rgba(15,42,47,.72);--ink-55:rgba(15,42,47,.55);--ink-35:rgba(15,42,47,.35);--petrol:#0A424A;--petrol-2:#12626B;--petrol-4:#3E8E96;--aqua:#2FA7B2;--jade:#2E9A72;--jade-d:#1d6b4f;--terra:#C2673F;--line:rgba(10,66,74,.16);--line-soft:rgba(10,66,74,.08);--bg:#F4F6F7;--card:#FFFFFF;
--serif:"Cormorant Garamond",Georgia,serif;--sans:-apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",Menlo,monospace}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);font-family:var(--sans);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}
button{font:inherit;cursor:pointer}button:disabled{cursor:default}
textarea,input{font:inherit;color:var(--ink)}
.hidden{display:none!important}
.app{height:100vh;height:100dvh;display:flex;flex-direction:column}
.top{display:grid;grid-template-columns:150px 1fr 330px auto;align-items:center;gap:28px;padding:18px 32px;background:var(--card);border-bottom:1px solid var(--line);flex:none}
.lock{display:inline-flex;flex-direction:column;align-items:center}.lock .w{font-family:var(--serif);font-weight:500;letter-spacing:.32em;text-indent:.32em;font-size:17px;color:var(--petrol)}
.lock .r{width:100%;height:1px;margin:5px 0 4px;background:linear-gradient(90deg,transparent,rgba(10,66,74,.35) 18%,rgba(10,66,74,.35) 82%,transparent)}.lock .s{font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-55)}
.eb{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--petrol-4)}
h1{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.1;color:var(--petrol);white-space:nowrap}
.prog .pn{display:flex;align-items:baseline;gap:8px}.prog b{font-variant-numeric:lining-nums;font-family:var(--serif);font-weight:500;font-size:38px;line-height:1;color:var(--petrol)}.prog span{color:var(--ink-70)}
.bar{height:6px;border-radius:3px;background:var(--line-soft);margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--petrol-2),var(--aqua));transition:width .3s}
.topr{display:flex;flex-direction:column;align-items:flex-end;align-self:start;gap:8px}.top .save{white-space:normal;max-width:300px;line-height:1.3}
.save{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;white-space:nowrap}
.save i{width:8px;height:8px;border-radius:50%;flex:none}.save.ok i{background:var(--jade)}.save.ok{color:var(--jade-d)}.save.busy i{background:var(--aqua);box-shadow:0 0 0 4px rgba(47,167,178,.18)}
.save.off{color:#8a4426;border-color:rgba(194,103,63,.35);background:#FBF1EC}.save.off i{background:var(--terra)}
.lnk{border:0;background:none;color:var(--petrol-4);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:0}
.toplinks{display:flex;gap:16px;align-items:center}.toplinks .save-now{padding:5px 14px;font-size:12.5px;box-shadow:none}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border-radius:8px;font-size:14px;z-index:60;box-shadow:0 10px 30px rgba(10,30,35,.25);color:#fff}
.toast.ok{background:var(--jade-d)}.toast.off{background:#8a4426}
@media (max-width:900px){.toast{bottom:84px}}
.view-note{background:#EAF4F5;color:var(--petrol);font-size:13px;padding:8px 32px;border-bottom:1px solid var(--line);flex:none}
.body{flex:1;display:grid;grid-template-columns:340px 1fr;min-height:0}
.list{background:var(--card);border-right:1px solid var(--line);padding:0 0 18px;overflow-y:auto;display:flex;flex-direction:column}
.tabs{display:flex;gap:6px;padding:14px 22px 6px;position:sticky;top:0;background:var(--card);z-index:1}
.tab{flex:1;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 8px;font-size:12.5px;color:var(--ink-70)}.tab.on{border-color:var(--petrol);color:var(--petrol);background:rgba(47,167,178,.08);font-weight:600}
.sec{display:flex;justify-content:space-between;padding:12px 22px 6px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55)}
.it{display:flex;align-items:center;gap:10px;padding:5px 22px;font-size:13px;color:var(--ink-70);border:0;background:none;text-align:left;width:100%}.it .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it .k{font-family:var(--mono);font-size:11px;color:var(--ink-35)}
.it:hover{background:rgba(47,167,178,.05)}
.st{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink-35);flex:none}.it.ok .st{background:var(--jade);border-color:var(--jade)}.it.ok{color:var(--ink-55)}.it.part .st{border-color:var(--aqua);background:linear-gradient(90deg,var(--aqua) 50%,transparent 50%)}
.it.cur{background:rgba(47,167,178,.10);color:var(--petrol);font-weight:600;box-shadow:inset 3px 0 0 var(--petrol)}
.next{margin:14px 22px 0;padding:9px;border:1px solid var(--petrol-4);background:#fff;color:var(--petrol);border-radius:6px;font-size:13px}
.main{overflow-y:auto;min-height:0}
.row{padding:26px 40px 28px;display:flex;flex-direction:column;gap:16px;max-width:1100px}
.rh{display:flex;align-items:baseline;gap:14px;margin-top:-6px;flex-wrap:wrap}h2{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.05;color:var(--petrol)}.ctry{color:var(--ink-55)}
.seen{font-style:italic;color:var(--ink-70);font-size:14px}.ln{display:block}
.lab{font-size:12px;font-weight:600;color:var(--ink-70);margin-bottom:7px}.mut{color:var(--ink-55);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12.5px;color:var(--ink-70);text-align:left}
.chip i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-35);flex:none}.chip.on{border-color:var(--petrol);color:var(--petrol);background:rgba(47,167,178,.08)}.chip.on i{border:4px solid var(--petrol)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fld label,.fld .flab{display:block;font-size:12px;font-weight:600;color:var(--ink-70)}
.fl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.na-b{font-size:11.5px;color:var(--ink-55);white-space:nowrap}
.inp{position:relative}
.inp textarea{display:block;width:100%;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 42px 7px 10px;font-size:13px;min-height:34px;resize:none;overflow:hidden;line-height:1.4}
.inp textarea::placeholder{color:var(--ink-35)}.inp textarea:focus{outline:2px solid rgba(47,167,178,.35);border-color:var(--petrol-4)}
.inp.ta textarea{min-height:54px}
.fld.na textarea{background:#EEF1F2;color:var(--ink-35);text-decoration:line-through}
.inp.req textarea{border-color:var(--terra)}.reqt{font-size:11.5px;color:#8a4426;margin-top:4px;display:block}
.mc{position:absolute;right:5px;top:4px;width:26px;height:26px;border-radius:50%;border:0;background:var(--jade);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(29,107,79,.35)}
.mc svg{width:14px;height:14px;fill:#fff}.mc:hover{background:#25835f}
.mc.on{background:var(--terra);animation:pulse 1.2s infinite}.mc.wait{background:var(--aqua)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(194,103,63,.5)}70%{box-shadow:0 0 0 9px rgba(194,103,63,0)}100%{box-shadow:0 0 0 0 rgba(194,103,63,0)}}
.recnote{font-size:11.5px;color:#8a4426;margin-top:4px;display:block}.recnote.ok{color:var(--ink-55)}
.ops{width:100%;border-collapse:collapse;background:#fff;font-size:12.5px}
.ops th{text-align:left;font-weight:500;font-size:11px;color:var(--ink-55);padding:8px 10px;border-bottom:1px solid var(--line)}
.ops td{padding:6px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}.ops td.d{font-family:var(--mono);font-size:12px;color:var(--ink-70);white-space:nowrap}
.ops td.m{font-family:var(--mono);font-size:12.5px;text-align:right;white-space:nowrap}.ops td.tx{color:var(--ink-70)}.ops td.tx .who{color:var(--ink);display:block}
.fee{display:block;font-size:10.5px;color:var(--ink-55);white-space:normal}.ops td.rd{color:var(--petrol);font-weight:500}.ops td.mn{text-align:right;white-space:nowrap}.ops tr.ne td.rd{text-decoration:line-through;color:var(--ink-35)}
.ops tr.fix td{background:rgba(47,167,178,.05);border-bottom:1px solid var(--line-soft)}.ops .ans{min-width:220px}
.split td{background:rgba(47,167,178,.05)}.parts{display:flex;flex-direction:column;gap:6px;margin-top:6px}.spart{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:start}
.spart input{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-family:var(--mono);font-size:12px;width:100%}.rest{font-family:var(--mono);font-size:11.5px;color:#8a4426}.rest.ok{color:var(--jade-d)}
.grp{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.grp.ask{border-color:var(--petrol-4);box-shadow:inset 3px 0 0 var(--petrol)}
.gh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.gh b{font-size:14px;color:var(--petrol);margin-right:10px}
.chk{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px;background:#fff;color:var(--ink-70)}.chk i{width:14px;height:14px;border:1.5px solid var(--ink-35);border-radius:3px;flex:none}
.chk.on{border-color:var(--jade);color:var(--jade-d)}.chk.on i{background:var(--jade);border-color:var(--jade)}
.fld.one{max-width:620px}.gl{display:flex;gap:22px;margin-top:10px;flex-wrap:wrap}.mut2{color:var(--ink-55)}
.att{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:stretch}
.drop{border:1.5px dashed var(--petrol-4);border-radius:8px;padding:12px 16px;background:rgba(47,167,178,.04);display:flex;flex-direction:column;gap:2px;text-align:left}.drop b{color:var(--petrol);font-weight:600;font-size:13px}.drop span{font-size:12px;color:var(--ink-55)}.drop.over{background:rgba(47,167,178,.12)}
.files{display:flex;flex-direction:column;gap:6px;justify-content:center}.file{display:flex;gap:10px;align-items:center;font-size:12.5px;flex-wrap:wrap}.file .ic{font-family:var(--mono);font-size:10px;color:#fff;background:var(--petrol-2);border-radius:4px;padding:2px 6px}.file.voice .ic{background:var(--terra)}.file a{color:var(--ink)}
.file.wait .ic{background:var(--terra)}
.foot{display:flex;justify-content:space-between;gap:12px;padding-top:6px}
.pri{border:0;border-radius:7px;padding:10px 18px;font-size:13.5px;color:#fff;background:linear-gradient(115deg,#0A424A,#12626B 45%,#177078);box-shadow:0 4px 14px rgba(10,66,74,.25)}
.sec-b{border:1px solid var(--line);border-radius:7px;padding:10px 16px;font-size:13.5px;background:#fff;color:var(--ink-70)}
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12.5px}
.tbl th{text-align:left;font-weight:500;font-size:11px;color:var(--ink-55);padding:8px 10px;border-bottom:1px solid var(--line)}.tbl td{padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.tbl td.cn b{display:block;font-weight:600;color:var(--ink)}.tbl td.cn span{font-size:11.5px;color:var(--ink-55)}.tbl tr.na td{opacity:.45}.tbl .chips{flex-wrap:nowrap}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px}
.card h4,h2,.dn{font-variant-numeric:lining-nums}.card h4{font-family:var(--serif);font-weight:500;font-size:22px;color:var(--petrol);line-height:1.15}
.badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid var(--line);color:var(--ink-55);white-space:nowrap}.badge.ok{color:var(--jade-d);border-color:var(--jade);background:rgba(46,154,114,.08)}
.docs{display:flex;flex-direction:column;gap:16px}.dh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.dn{font-family:var(--mono);font-size:12px;color:var(--petrol-4);margin-right:8px}
.login{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}
.login .card{width:360px;max-width:100%;align-items:stretch}.login .lock{align-self:center;margin-bottom:6px}.login h4{font-size:21px;text-align:center}
.login input{border:1px solid var(--line);border-radius:6px;padding:9px 10px;font-size:14px;width:100%}.err{color:#8a4426;font-size:12.5px}
.guide{padding:26px 40px 40px;max-width:900px;display:flex;flex-direction:column;gap:18px}
.step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.step .n{font-variant-numeric:lining-nums;font-family:var(--serif);font-size:26px;color:var(--petrol-4);line-height:1}
.step p{font-size:14px;color:var(--ink-70)}.step .ex{margin-top:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.done{padding:60px 40px;max-width:640px}
.grp.info{background:#FAFBFB;border-style:dashed}
.tour{position:fixed;inset:0;z-index:50}.tour-hole{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px rgba(10,30,35,.55);outline:2px solid var(--aqua);transition:all .25s;pointer-events:none}
.tour-card{position:fixed;width:340px;max-width:calc(100vw - 32px);background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 14px 40px rgba(10,30,35,.3);display:flex;flex-direction:column;gap:10px;transition:top .25s,left .25s}
.tour-card p{font-size:15px;color:var(--ink);line-height:1.45}.tour-b{display:flex;justify-content:space-between;align-items:center}.done h2{margin-bottom:10px}
.mtop,.mbar{display:none}
@media (max-width:900px){
 body{overflow:auto}
 .app{height:auto;min-height:100dvh}
 .top{display:none}.view-note{padding:8px 18px}
 .mtop{display:flex;background:#fff;padding:16px 18px 12px;border-bottom:1px solid var(--line);flex-direction:column;gap:8px;position:sticky;top:0;z-index:5}
 .mtop.rowbar{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px}.mt{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--petrol);line-height:1.1}
 .prog.m b{font-size:30px}.mtop .save{align-self:flex-start;white-space:normal;line-height:1.3}.mtop.rowbar .save{max-width:250px;font-size:11.5px}.back{color:var(--petrol);font-size:14px;border:0;background:none;padding:4px 0}
 .body{display:block}.list{border:0;overflow:visible;padding-bottom:90px}.list .it{padding:8px 18px;font-size:14px}.list .sec{padding:12px 18px 4px}.tabs{padding:10px 18px 6px;top:auto;position:static}.next{display:none}
 .main{overflow:visible}.row{padding:14px 18px 96px;gap:12px}.row h2{font-size:28px}.guide,.done{padding:16px 18px 96px}
 .grid2,.att{grid-template-columns:1fr}
 .mode-list .main{display:none}.mode-row .list{display:none}
 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:12px 14px;gap:8px;z-index:5}.mbar .pri{flex:1}
 .ops,.ops tbody,.ops tr,.ops td{display:block;width:100%}.ops thead{display:none}
 .ops tr{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:8px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}
 .ops td{border:0;padding:2px 0}.ops td.d{grid-column:1}.ops td.m{grid-column:2;text-align:right}.ops td.ac,.ops td.tx,.ops td.rd,.ops td.ans,.ops td.mn{grid-column:1 / 3;text-align:left}.ops td.ac{font-size:11.5px;color:var(--ink-55)}
 .ops tr.fix{border-style:dashed}.ops .ans{min-width:0}
 .grp{padding:12px}.spart{grid-template-columns:100px 1fr auto}
 .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl thead{display:none}.tbl tr{border-bottom:1px solid var(--line);padding:8px 10px}.tbl td{border:0;padding:4px 0}
 .tbl td[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:var(--ink-55);font-weight:600;margin-bottom:3px}
}