/* =====================================================================
   Satış Sonrası Hizmet (SSH) — Talep Sayfası
   ===================================================================== */

.ssh-page {
    max-width: 100%;
    padding: 40px 16px 64px;
    background: #f6f7f9;
    min-height: 60vh;
}

.ssh-container {
    max-width: 760px;
    margin: 0 auto;
}

.ssh-head {
    text-align: center;
    margin-bottom: 28px;
}

.ssh-head h1 {
    font-size: 26px;
    color: #1f2937;
    margin: 0 0 8px;
}

.ssh-head h1 i { color: #f35b23; }

.ssh-head p {
    color: #6b7280;
    font-size: 15px;
    margin: 0;
}

.ssh-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06);
    padding: 24px 26px;
    margin-bottom: 22px;
}

.ssh-card h2 {
    font-size: 16px;
    color: #111827;
    margin: 22px 0 12px;
}

.ssh-card h2:first-child { margin-top: 0; }
.ssh-card h2 small { font-weight: 400; color: #9ca3af; font-size: 13px; }

.ssh-muted { color: #6b7280; font-size: 14px; margin: 0 0 16px; }

/* Alerts */
.ssh-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 16px;
}
.ssh-alert-error { background: #fef2f2; color: #b91c1c; }
.ssh-alert-info  { background: #eff6ff; color: #1d4ed8; }
.ssh-alert-info a { color: #1d4ed8; }

/* Form */
.ssh-field { margin-bottom: 16px; }
.ssh-field label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}
.ssh-field label i { color: #f35b23; margin-right: 4px; }
.ssh-field input[type="text"],
.ssh-field input[type="email"],
.ssh-field input[type="file"],
.ssh-field select,
.ssh-field textarea {
    width: 100%;
    padding: 11px 13px;
    border: 1px solid #d1d5db;
    border-radius: 9px;
    font-size: 15px;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color .15s, box-shadow .15s;
}
.ssh-field input:focus,
.ssh-field select:focus,
.ssh-field textarea:focus {
    outline: none;
    border-color: #f35b23;
    box-shadow: 0 0 0 3px rgba(243, 91, 35, .12);
}
.ssh-field small { display: block; color: #9ca3af; font-size: 12px; margin-top: 5px; }
.ssh-field textarea { resize: vertical; }

/* Buttons */
.ssh-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: opacity .15s, transform .05s;
}
.ssh-btn:active { transform: translateY(1px); }
.ssh-btn-primary { background: #f35b23; color: #fff; }
.ssh-btn-primary:hover { opacity: .92; }
.ssh-btn-primary:disabled { opacity: .6; cursor: not-allowed; }
.ssh-btn-secondary { background: #e5e7eb; color: #374151; }

/* Sipariş özeti */
.ssh-order-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 14px 16px;
    background: #f9fafb;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #4b5563;
}
.ssh-order-summary i { color: #f35b23; margin-right: 5px; }

/* Ürün seçimi */
.ssh-items { display: flex; flex-direction: column; gap: 10px; }
.ssh-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.ssh-item:hover { border-color: #f35b23; background: #fff7f4; }
.ssh-item input { width: 18px; height: 18px; accent-color: #f35b23; }
.ssh-item img,
.ssh-item-noimg {
    width: 46px; height: 46px;
    border-radius: 8px;
    object-fit: cover;
    background: #f3f4f6;
    display: flex; align-items: center; justify-content: center;
    color: #9ca3af;
}
.ssh-item-name { font-size: 14px; color: #1f2937; }
.ssh-item-name small { color: #9ca3af; margin-left: 6px; }

/* Fotoğraf önizleme */
.ssh-photo-preview { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.ssh-photo-preview img {
    width: 84px; height: 84px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

/* Mevcut talepler */
.ssh-req-list { display: flex; flex-direction: column; gap: 10px; }
.ssh-req-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border: 1px solid #eef0f2;
    border-radius: 10px;
}
.ssh-req-no { font-weight: 600; color: #111827; }
.ssh-req-type { color: #6b7280; font-size: 14px; }
.ssh-req-date { margin-left: auto; color: #9ca3af; font-size: 13px; }

/* Durum rozetleri */
.ssh-badge {
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}
.ssh-badge-warning { background: #fef3c7; color: #92400e; }
.ssh-badge-info    { background: #dbeafe; color: #1e40af; }
.ssh-badge-primary { background: #e0e7ff; color: #3730a3; }
.ssh-badge-success { background: #d1fae5; color: #065f46; }
.ssh-badge-danger  { background: #fee2e2; color: #991b1b; }

/* Başarı ekranı */
.ssh-success { text-align: center; padding: 20px 10px; }
.ssh-success i { font-size: 52px; color: #16a34a; margin-bottom: 14px; }
.ssh-success h2 { margin: 0 0 8px; color: #111827; }
.ssh-success p { color: #6b7280; margin: 4px 0; }
.ssh-success .ssh-btn { margin-top: 16px; }

@media (max-width: 520px) {
    .ssh-card { padding: 18px 16px; }
    .ssh-req-date { margin-left: 0; width: 100%; }
}