/* Feature-owned styles for the vertical export surface (issue #131).
   The Export task follows the approved #105 archive's own presentation: the
   bounds the server will judge on the left, the recorded attempts beside them,
   a stepped check list inside each attempt, and the common target named under
   the bounds. It reuses the shared theme-bound controls and stacks on phone. */
.exports{margin-top:44px;border-top:1px solid var(--cf-line);padding-top:28px}
.exports-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.exports-head h2{font-family:var(--display);font-size:2rem;font-weight:500;margin:0}
.exports-head p{color:var(--cf-muted);font-size:.83rem;margin:9px 0 0}
.export-note,.export-empty,.export-message{color:var(--cf-muted);font-size:.83rem;margin-top:18px;line-height:1.7;max-width:72ch}
.export-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:42px;align-items:start;margin-top:26px}
.export-bounds h2,.export-attempts-head h2{font-size:1.8rem;margin-bottom:16px}
.export-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px 27px;margin:0 0 26px}
.export-facts dt{font-size:.75rem;color:var(--cf-muted);margin-bottom:7px}
.export-facts dd{margin:0;font-size:.86rem;line-height:1.6;overflow-wrap:anywhere}
.export-start{display:grid;grid-template-columns:1fr;gap:0;max-width:460px;margin:0}
.export-field{min-width:0;margin-bottom:19px}
.export-field label{display:block;margin-bottom:8px;font-size:.79rem;font-weight:600}
.export-start input[type="datetime-local"],.export-start input[type="number"],.export-start select{width:100%;min-height:44px;border:1px solid var(--cf-edge);border-radius:7px;padding:9px 10px;background:var(--cf-paper);color:var(--cf-text);font-family:Manrope,sans-serif;font-size:.84rem}
.export-field .field-hint{margin-top:7px;font-size:.73rem}
.export-start>.field-hint{margin:0 0 18px}
.export-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 23px}
.export-target{border-top:1px solid var(--cf-line);padding-top:19px;margin-top:22px}
.export-target h3{margin-bottom:10px;font-size:.84rem}
.export-target p{font-size:.8rem;color:var(--cf-muted);max-width:65ch;line-height:1.7}
.export-target p+p{margin-top:9px}
.export-attempts-head{display:flex;align-items:baseline;gap:12px}
.export-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.export-attempt{background:var(--cf-paper);border-radius:7px;padding:24px;min-width:0}
.export-attempt h3{font-family:var(--display);font-size:1.8rem;font-weight:500;margin-bottom:10px;overflow-wrap:anywhere}
.export-attempt-line{font-size:.8rem;color:var(--cf-muted);margin-bottom:17px;overflow-wrap:anywhere}
.export-checks{list-style:none;padding:0;margin:19px 0}
.export-checks li{display:flex;justify-content:space-between;gap:17px;padding:9px 0;font-size:.81rem;line-height:1.5}
.export-checks li span{color:var(--cf-muted);text-align:right}
.export-checks li.done span{color:var(--cf-positive)}
.export-probe{display:grid;grid-template-columns:1fr 1fr;gap:17px 27px;margin:19px 0 0;border-top:1px solid var(--cf-line);padding-top:17px}
.export-probe dt{font-size:.75rem;color:var(--cf-muted);margin-bottom:7px}
.export-probe dd{margin:0;font-size:.86rem;line-height:1.6;overflow-wrap:anywhere}
.export-detail{border-left:3px solid var(--cf-warning);background:var(--cf-bg);color:var(--cf-text);font-size:.8rem;margin:17px 0 0;padding:11px 14px;line-height:1.65;overflow-wrap:anywhere}
.export-ready{color:var(--cf-positive);font-size:.8rem;margin:17px 0 12px;line-height:1.65;overflow-wrap:anywhere}
.export-notice{border:1px solid var(--cf-line);border-left:3px solid var(--cf-warning);border-radius:7px;background:var(--cf-paper);padding:13px 17px;margin-top:18px;max-width:78ch}
.export-notice h3{font-size:.92rem;margin-bottom:7px;color:var(--cf-warning)}
.export-notice p{font-size:.82rem;line-height:1.65;color:var(--cf-text)}
.export-notice.held{border-left-color:var(--cf-edge)}
.export-notice.held h3{color:var(--cf-accent-text)}
.export-reason{font-size:.78rem !important;color:var(--cf-muted) !important;margin-top:6px}
.exports:focus,.export-attempt:focus{outline:2px solid var(--cf-accent);outline-offset:3px;border-radius:7px}
@media(max-width:950px){.export-grid{grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:28px}}
@media(max-width:700px){
  .exports-head{flex-direction:column;gap:12px}
  .export-grid{grid-template-columns:1fr;gap:27px}
  .export-facts,.export-probe{grid-template-columns:1fr}
  .export-start{max-width:none}
  .export-start input[type="datetime-local"],.export-start input[type="number"],.export-start select{font-size:16px}
  .export-actions .button{width:100%}
  .export-attempt{padding:20px}
  .export-attempt h3{font-size:1.55rem}
}