`public/css/pitches.css`

42 lines
/* Admin pitch dashboard */
.back{display:inline-block;margin:.5em 0 1em;color:#6b6b6b}
.pitch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1em;margin-top:1em}
.pitch-card{display:block;background:#fff;border:1px solid #e6e1d6;border-radius:10px;overflow:hidden;color:#1a1a1a;text-decoration:none;transition:transform .15s,border-color .15s}
.pitch-card:hover{transform:translateY(-2px);border-color:#0f4d3a;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.pitch-shot{height:160px;background:#f3efe6;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e6e1d6}
.pitch-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.no-shot{color:#c0392b;font-size:.85em;font-style:italic}
.pitch-meta{padding:.8em 1em}
.pitch-meta strong{display:block;margin-bottom:.2em;font-size:1em;line-height:1.3}
.pitch-meta small{color:#6b6b6b;font-size:.85em}
.pitch-stats{display:flex;gap:.8em;align-items:center;margin:.5em 0 .3em;font-size:.85em;color:#475569}
.pitch-stats .score{font-weight:700;font-size:1.1em;color:#0f4d3a}
.pitch-bad .score{color:#c0392b}
.pitch-mid .score{color:#c97a3e}
.pitch-good .score{color:#0f4d3a}
.primary-email{display:block;margin-top:.3em;color:#0f4d3a;font-weight:600;font-size:.8em}
.no-email{display:block;margin-top:.3em;color:#c0392b;font-style:italic;font-size:.8em}

.pitch-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;margin:1.5em 0}
@media(max-width:900px){.pitch-detail-grid{grid-template-columns:1fr}}
.pitch-shot-big{width:100%;border:1px solid #e6e1d6;border-radius:8px;display:block;background:#f3efe6}
.audit-summary{background:#fff;border:1px solid #e6e1d6;border-radius:8px;padding:1em 1.2em;margin-top:1em;font-size:.93em}
.audit-summary strong{display:block;font-size:1.2em;margin-bottom:.4em;color:#0f4d3a}
.audit-summary ul{margin:.5em 0 0;padding-left:1.2em;color:#475569}
.mockup-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8em}
.mockup-thumb{display:block;border:1px solid #e6e1d6;border-radius:6px;overflow:hidden;color:#1a1a1a;text-decoration:none;background:#fff}
.mockup-thumb:hover{border-color:#0f4d3a;text-decoration:none}
.mockup-thumb img{width:100%;height:140px;object-fit:cover;object-position:top;display:block}
.mockup-thumb small{display:block;padding:.4em .6em;color:#475569;font-size:.8em;background:#f8f5ef}

.emails-section{margin:2em 0}

.composer{background:#fff;border:1px solid #e6e1d6;border-radius:12px;padding:1.5em 2em;margin-top:1.5em}
.composer label{display:block;margin:.7em 0;font-weight:500}
.composer input,.composer select{width:100%;padding:.55em .7em;border:1px solid #e6e1d6;border-radius:6px;font:inherit}
.composer details{margin-top:.7em}
.composer summary{cursor:pointer;color:#0f4d3a;font-weight:600;padding:.4em 0}
.composer .preview{background:#f8f5ef;border:1px solid #e6e1d6;border-radius:6px;padding:1em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;white-space:pre-wrap;max-height:400px;overflow:auto}
.composer button{background:#c97a3e;color:#fff;padding:.85em 1.5em;border:0;border-radius:8px;font-weight:600;font-size:1em;cursor:pointer;margin-top:.8em}
.composer button:hover{background:#a85e2c}