/* deploy.css — #/deploy (page-deploy.js). Builds on the home deploy box classes in pages.css (.dep-b .fld .dep-in .dep-st .dep-k
 * .dep-code .seg). Loaded by page-deploy.js (link[data-page-css]) when the shell does not link it. */

.dp-top{padding-bottom:24px}
.dp-pre:empty{display:none}
.dp-pre{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:16px;font-size:13px;line-height:1.6;color:var(--text-2)}
.dp-wrap{padding-top:4px}
.dp-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.dp-grid>*{min-width:0}
.dp-form .ph .r{text-align:right}
.dp-form .dep-b{gap:20px}
.dp-form .fld>.lb b:not(.mono){font:400 12px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--text-3);text-align:right}

.dp-sub{display:flex;align-items:center;gap:10px;min-height:18px;margin-top:8px;font-size:12px;color:var(--text-3)}
button.lnk{padding:0;background:none;border:0;cursor:pointer}
.dp-sub .lnk{font-size:12.5px;color:var(--text-2)}
.dp-sub .lnk:hover{color:var(--gold)}

.dp-route-d{display:grid;gap:6px;margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.012)}
.dp-route-d p{font-size:13px;line-height:1.75;color:var(--text-2)}
.dp-route-d p.dim{font-size:12.5px;color:var(--text-3)}

.dp-img{display:grid;gap:10px;margin-top:10px}
.dp-hint{font-size:12px;line-height:1.65;color:var(--text-3)}
.dp-hint.bad{color:#f5a3aa}
.dp-hint.dev{color:var(--gold-dim)}
.dp-cid{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2)}
.dp-cid small{font-size:12px;color:var(--text-3)}
.dp-cid .mono{min-width:0;font-size:12px;color:var(--text-2);overflow-wrap:anywhere}
.dp-cid .lnk{margin-left:auto;font-size:12px}
.dp-cid.ok{border-color:var(--g30);background:var(--g06)}
.dp-cid.ok small{color:var(--gold)}
.dp-text{display:block;width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-2);font-size:13.5px;line-height:1.6;color:var(--text);outline:0;transition:border-color .15s}
.dp-text:focus{border-color:var(--g50)}
.dp-text::placeholder{color:var(--text-4)}
textarea.dp-text{resize:vertical;min-height:64px}
.dp-text.mono{font-size:13px;letter-spacing:.02em}
.dp-up{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2)}
.dp-thumb{flex:none;width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid var(--line-2);background:var(--panel-3)}
.dp-thumb.empty{border-style:dashed;background:transparent}
.dp-file{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.dp-file b{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dp-file small{font-size:11.5px;line-height:1.5;color:var(--text-3)}
.dp-up-go .btn{width:100%}
.dp-up-go .spin,.dp-go .spin{width:14px;height:14px;border-radius:50%;border:1.6px solid rgba(255,255,255,.18);border-top-color:currentColor;animation:spin .9s linear infinite}

.dp-code-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px 9px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
.dp-code-h b{font:600 13px/1.2 var(--sans)}
.dp-code-h small{margin-left:10px;font-size:11.5px;color:var(--text-3)}
.dp-code-h .copy:disabled{opacity:.45;cursor:not-allowed}

.dp-pay{display:grid;gap:8px;margin-top:10px}
.dp-fee{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--text-3)}
.dp-fee b{font-size:14px;font-weight:500;color:var(--text)}
.dp-form .u{font-family:var(--sans);font-size:.88em;font-weight:500;color:var(--text-2);margin-left:4px}
.dp-form .u:first-child{margin:0 4px 0 0}
.dp-fee b .mono{font-size:14px}
.dp-bnb{font-size:13px;color:var(--text-2)}
.dp-short{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid rgba(242,98,110,.3);border-radius:8px;background:rgba(242,98,110,.05);font-size:12.5px;color:#f5a3aa}
.dp-short .lnk{color:var(--text)}
.dp-slip-row{display:flex;align-items:center;gap:12px}
.dp-slip-row small{font-size:12px;color:var(--text-3)}
.dp-slip{display:inline-grid;grid-auto-flow:column;grid-auto-columns:auto}
.dp-slip button{height:28px;padding:0 10px;font-size:12px}

.dp-go{margin-top:4px}
.dp-msg{padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.6}
.dp-msg.bad{border:1px solid rgba(242,98,110,.3);background:rgba(242,98,110,.06);color:#f5a3aa}
.dp-msg.ok{border:1px solid var(--g30);background:var(--g06);color:#f1d9a0}
.dp-notes{padding-top:2px}

.dp-side{position:sticky;top:calc(var(--hdr) + 16px);display:grid;gap:20px}
.dp-tl{padding-bottom:4px}
.dp-tl li.x i{border-style:dashed;background:transparent}
.dp-tl li.x b{color:var(--text-2)}
.dp-tl li.x::before{display:none}
.dp-tl li:nth-last-child(2)::before{display:none}
.dp-tl li.x{margin-top:6px;padding-top:14px;border-top:1px dashed var(--line-2)}
.dp-tl li.x i{top:16px}
.dp-fees .kvl{padding-top:4px}
.dp-fees .kvl dd{max-width:62%;white-space:normal;line-height:1.5}
.dp-rules{justify-self:start;padding-left:2px}

@media (max-width:1240px){
  .dp-grid{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:900px){
  .dp-grid{grid-template-columns:minmax(0,1fr)}
  .dp-side{position:static}
}
@media (max-width:760px){
  .dp-top{padding-bottom:18px}
  .dp-form .dep-b{gap:18px}
  .dp-form .ph .r{display:none}
  .dp-code-h small{display:none}
  .dp-slip-row{flex-wrap:wrap}
  .dp-fees .kvl dd{max-width:58%}
}
@media (prefers-reduced-motion:reduce){
  .dp-up-go .spin,.dp-go .spin{animation:none}
}