/* KolayCV — İlana Özel Ön Yazı çalışma alanı */
.cover-letter-page{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:0 0 64px}
.cover-letter-page .kcv-page-hero{width:100%;margin:32px 0 24px}
.cover-letter-hero-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.cover-letter-hero-meta span{padding:6px 10px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#dbeafe;font-size:11px;font-weight:750}
.cover-letter-status{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px 16px;border:1px solid;border-radius:12px;background:#fff;font-size:12px;line-height:1.55}
.cover-letter-status>span{font-size:19px}.cover-letter-status>div{min-width:0}.cover-letter-status strong{display:block;margin-bottom:2px}.cover-letter-status a{font-weight:800}.cover-letter-status--success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.cover-letter-status--success a{color:#15803d}.cover-letter-status--warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.cover-letter-status--warning a{color:#b45309}.cover-letter-status--info{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.cover-letter-status--info a{color:#1d4ed8}.cover-letter-status__action{margin-left:auto;white-space:nowrap}
.cover-letter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.cover-letter-panel{min-width:0;padding:24px;background:#fff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 8px 28px rgba(15,23,42,.06)}
.cover-letter-panel--output{min-height:100%}
.cover-letter-panel h2{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#0f172a;font-size:16px;font-weight:850;letter-spacing:-.02em}
.cover-letter-field{margin-bottom:16px}.cover-letter-field label{display:block;margin-bottom:6px;color:#334155;font-size:12px;font-weight:800;line-height:1.45}.cover-letter-field label span{color:#64748b;font-weight:600}.cover-letter-url-row{display:flex;gap:8px}.cover-letter-url-row input{min-width:0;flex:1}
.cover-letter-page input,.cover-letter-page textarea,.cover-letter-page select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font:500 13px/1.5 Inter,sans-serif;outline:none}.cover-letter-page textarea{resize:vertical}.cover-letter-page input::placeholder,.cover-letter-page textarea::placeholder{color:#94a3b8}.cover-letter-page input:focus,.cover-letter-page textarea:focus,.cover-letter-page select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.cover-letter-analyze{flex:0 0 auto;padding:0 13px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;cursor:pointer}.cover-letter-analyze:hover{background:#dbeafe}.cover-letter-url-status{display:none;margin-top:5px;color:#15803d;font-size:11px;font-weight:700}
.cover-letter-generate{width:100%;padding:13px 16px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-size:14px;font-weight:850;cursor:pointer}.cover-letter-generate:hover{background:#1d4ed8}.cover-letter-generate:disabled{opacity:.6;cursor:not-allowed}.cover-letter-cost{text-align:center;margin:9px 0 0;color:#64748b;font-size:11px;font-weight:700}
.cover-letter-result{min-height:350px;color:#334155;font-size:13px;line-height:1.8}.cover-letter-empty{display:grid;min-height:300px;place-content:center;padding:28px;text-align:center;color:#64748b}.cover-letter-empty-icon{margin-bottom:12px;font-size:42px}.cover-letter-empty p{max-width:330px;margin:0 auto 7px}.cover-letter-empty p+p{color:#94a3b8;font-size:12px}
.cover-letter-copy{padding:8px 13px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:800px){.cover-letter-grid{grid-template-columns:1fr}.cover-letter-panel--output{min-height:380px}}
@media(max-width:560px){.cover-letter-page{width:calc(100% - 20px);padding-bottom:40px}.cover-letter-page .kcv-page-hero{margin-top:18px}.cover-letter-panel{padding:18px}.cover-letter-url-row{flex-direction:column}.cover-letter-analyze{padding:11px 13px}.cover-letter-status{align-items:flex-start;flex-wrap:wrap}.cover-letter-status__action{width:100%;margin-left:31px}}