/* ================================================================
   PLANSAL — ILETISIM SAYFASI STİLLERİ
   (iletisim.html içindeki <style> blokları)
   ================================================================ */

        /* === TEMA DEĞİŞKENLERİ === */
        :root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-light:#e0e7ff;--color-primary-lighter:#eef2ff;--color-primary-border:#c7d2fe;--color-primary-shadow:rgba(79,70,229,0.2);--color-primary-shadow-md:rgba(79,70,229,0.3);--color-success:#28a745;--color-success-hover:#218838;--color-success-light:#d4edda;--color-danger:#d9534f;--color-danger-hover:#c9302c;--color-danger-light:#ffeaea;--color-warning:#ffc107;--color-bg-page:#f4f7f6;--color-bg-card:#ffffff;--color-bg-input:#f8f9fa;--color-bg-hover:#e6f2ff;--color-text-main:#333;--color-text-secondary:#555;--color-text-muted:#888;--color-text-light:#aaa;--color-border:#eef2f5;--color-border-medium:#dce4ec;--color-border-strong:#bdc3c7;--shadow-xs:0 2px 4px rgba(0,0,0,0.04);--shadow-card:0 8px 20px rgba(0,0,0,0.06);--shadow-modal:0 10px 30px rgba(0,0,0,0.2);--shadow-primary:0 4px 10px var(--color-primary-shadow);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:50%;--transition-fast:all 0.2s ease;--transition-base:all 0.3s ease;}
        *{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
        body{background:radial-gradient(ellipse at top right, #e0e7ff, #f3f4f6 50%, #ede9fe 100%);color:var(--color-text-main);height:100vh;display:flex;flex-direction:column;overflow:hidden;}

        /* === HEADER === */
        .header{display:flex;justify-content:space-between;align-items:center;background-color:rgba(255,255,255,0.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:14px 25px;box-shadow:0 10px 30px rgba(0,0,0,0.10), 0 4px 10px rgba(0,0,0,0.05);margin:20px auto 15px auto;width:calc(100% - 40px);max-width:1400px;border-radius:var(--radius-lg);position:sticky;top:20px;z-index:100;flex-shrink:0;}

        /* === ANA İÇERİK === */
        .template-content{width:calc(100% - 40px);max-width:1400px;margin:10px auto 20px auto;flex:1;min-height:0;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:0 15px 40px rgba(0,0,0,0.12), 0 5px 15px rgba(0,0,0,0.06);border:1px solid rgba(255,255,255,0.6);display:flex;overflow:hidden;}
        .logo-container{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform 0.2s;}
        .logo-container:hover{transform:scale(1.02);}
        .logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);color:white;border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;font-size:13px;box-shadow:0 4px 10px rgba(79,70,229,0.3);}
        .logo-text{font-size:16px;font-weight:700;color:var(--color-text-main);letter-spacing:0.5px;}
        .header-center-title{position:absolute;left:50%;transform:translateX(-50%);font-size:22px;font-weight:900;color:var(--color-text-main);display:flex;align-items:center;gap:8px;}
        .btn-outline{background-color:rgba(255,255,255,0.6);color:var(--color-primary);border:2px solid var(--color-primary);padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-base);backdrop-filter:blur(4px);}
        .btn-outline:hover{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 15px rgba(79,70,229,0.3);transform:translateY(-2px);}
        .btn-primary{background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 15px rgba(79,70,229,0.3);}
        .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,70,229,0.4);}
        .menu-btn{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:color 0.2s,transform 0.2s;padding:5px 10px;}
        .menu-text{font-size:16px;font-weight:700;}.menu-btn:hover{color:var(--color-primary);transform:scale(1.05);}

        /* === REKLAMLAR === */
        .ad-space-left,.ad-space-right{position:fixed;top:50%;transform:translateY(-50%);width:10vw;height:600px;max-height:80vh;background:rgba(255,255,255,0.4);backdrop-filter:blur(8px);border:2px dashed rgba(79,70,229,0.15);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;color:#9ca3af;font-weight:800;font-size:16px;text-align:center;}
        .ad-space-left{left:20px;}.ad-space-right{right:20px;}
        @media(max-width:900px){.ad-space-left,.ad-space-right{display:none!important;}}

        /* === SOL PANEL (Sekme Seçimi) === */
        .pa-sidebar{width:220px;border-right:1px solid rgba(199,210,254,0.4);display:flex;flex-direction:column;padding:20px 12px;gap:6px;flex-shrink:0;background:rgba(248,250,252,0.7);}
        .pa-sidebar-title{font-size:11px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 10px;margin-bottom:8px;}
        .pa-tab{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:700;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;background:transparent;}
        .pa-tab:hover{background:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary-border);}
        .pa-tab.active{background:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary-border);font-weight:800;}
        .pa-tab i{width:20px;text-align:center;font-size:16px;}
        .pa-sidebar-divider{height:1px;background:rgba(199,210,254,0.5);margin:12px 8px;}

        /* === SAĞ PANEL (İçerik) === */
        .pa-content{flex:1;min-height:0;overflow-y:auto;padding:30px 35px;}
        .pa-content::-webkit-scrollbar{width:6px;}
        .pa-content::-webkit-scrollbar-thumb{background:var(--color-primary-border);border-radius:6px;}

        /* === BÖLÜM BAŞLIĞI KARTI === */
        .it-hero{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));border-radius:var(--radius-lg);padding:24px 28px;color:#fff;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow-primary);position:relative;overflow:hidden;margin-bottom:25px;}
        .it-hero::before{content:"";position:absolute;top:-30px;right:-30px;width:160px;height:160px;background:rgba(255,255,255,0.1);border-radius:50%;}
        .it-hero::after{content:"";position:absolute;bottom:-40px;left:40%;width:120px;height:120px;background:rgba(255,255,255,0.07);border-radius:50%;}
        .it-hero-icon{width:58px;height:58px;background:rgba(255,255,255,0.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;z-index:1;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.25);}
        .it-hero-body{z-index:1;}
        .it-hero-title{font-size:22px;font-weight:800;margin-bottom:4px;letter-spacing:-0.3px;}
        .it-hero-desc{font-size:13px;opacity:0.9;font-weight:500;line-height:1.5;}

        /* === FORM ALANLARI === */
        .pa-field{margin-bottom:18px;}
        .pa-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-text-secondary);margin-bottom:6px;margin-left:2px;}
        .pa-label .req{color:var(--color-danger);font-size:11px;}
        .pa-label .opt{color:var(--color-text-light);font-size:11px;font-weight:600;}
        .pa-input, .pa-textarea{width:100%;padding:11px 14px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--color-text-main);background:var(--color-bg-card);outline:none;transition:border-color 0.2s,box-shadow 0.2s;}
        .pa-input:focus, .pa-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,0.1);}
        .pa-input:disabled, .pa-textarea:disabled{background:var(--color-bg-input);color:var(--color-text-muted);cursor:not-allowed;}
        .pa-textarea{resize:vertical;min-height:120px;line-height:1.5;}
        .pa-char-count{display:flex;justify-content:flex-end;font-size:11px;color:var(--color-text-light);margin-top:4px;font-weight:600;}
        .pa-char-count.limit{color:var(--color-danger);}

        /* === READONLY (kullanıcı bilgisi) KUTULARI === */
        .it-readonly{display:flex;align-items:center;gap:10px;padding:11px 14px;background:linear-gradient(135deg, var(--color-primary-lighter), #fff);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);}
        .it-readonly-ico{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
        .it-readonly-val{font-size:14px;font-weight:700;color:var(--color-text-main);word-break:break-all;flex:1;min-width:0;}
        .it-readonly-lock{color:var(--color-text-light);font-size:11px;flex-shrink:0;}

        /* === CUSTOM SELECT === */
        .pa-select-wrapper{position:relative;user-select:none;width:100%;}
        .pa-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-bg-card);font-size:14px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);}
        .pa-select-trigger.active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(79,70,229,0.15);border-bottom-left-radius:0;border-bottom-right-radius:0;}
        .pa-select-trigger i{transition:transform 0.3s;}
        .pa-select-trigger.active i{transform:rotate(180deg);}
        .pa-options{position:absolute;display:block;top:100%;left:0;right:0;background:var(--color-bg-card);border:1px solid var(--color-primary);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:0 8px 15px rgba(0,0,0,0.1);opacity:0;visibility:hidden;pointer-events:none;z-index:100;transition:all 0.2s;max-height:240px;overflow-y:auto;}
        .pa-select-wrapper.open .pa-options{opacity:1;visibility:visible;pointer-events:all;}
        .pa-option{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:var(--color-text-secondary);cursor:pointer;transition:background 0.2s;}
        .pa-option:hover{background:var(--color-primary-lighter);color:var(--color-primary);font-weight:600;}
        .pa-option.selected{background:var(--color-primary);color:#fff;font-weight:600;}
        .pa-option i{width:16px;text-align:center;font-size:12px;}

        /* === DOSYA YÜKLEME ALANI === */
        .it-file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 20px;border:2px dashed var(--color-border-medium);border-radius:var(--radius-lg);background:var(--color-bg-input);cursor:pointer;transition:var(--transition-fast);text-align:center;}
        .it-file-drop:hover{border-color:var(--color-primary);background:var(--color-primary-lighter);}
        .it-file-drop.drag{border-color:var(--color-primary);background:var(--color-primary-lighter);transform:scale(1.01);}
        .it-file-drop-ico{width:52px;height:52px;border-radius:var(--radius-full);background:#fff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 10px rgba(79,70,229,0.1);}
        .it-file-drop-title{font-size:14px;font-weight:700;color:var(--color-text-main);}
        .it-file-drop-title span{color:var(--color-primary);}
        .it-file-drop-desc{font-size:11px;color:var(--color-text-muted);font-weight:600;}
        .it-file-input{display:none;}

        /* === YÜKLENEN DOSYA KARTI === */
        .it-file-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-bg-card);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);margin-top:10px;}
        .it-file-thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-primary-lighter);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden;}
        .it-file-thumb img{width:100%;height:100%;object-fit:cover;}
        .it-file-info{flex:1;min-width:0;}
        .it-file-name{font-size:13px;font-weight:700;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .it-file-meta{font-size:11px;color:var(--color-text-muted);font-weight:600;margin-top:2px;}
        .it-file-remove{background:var(--color-danger-light);color:var(--color-danger);border:none;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:var(--transition-fast);flex-shrink:0;}
        .it-file-remove:hover{background:var(--color-danger);color:#fff;}

        /* === KAYDET/GÖNDER BUTONU === */
        .pa-save-btn{width:100%;padding:13px;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:800;cursor:pointer;transition:var(--transition-fast);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;}
        .pa-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px rgba(79,70,229,0.35);}
        .pa-save-btn:disabled{opacity:0.6;cursor:not-allowed;}
        .pa-save-btn .spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite;}

        /* === BİLDİRİM (form içi) === */
        .pa-msg{display:none;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:18px;font-size:13px;text-align:center;font-weight:700;opacity:0;transform:translateY(15px) scale(0.95);transition:opacity 0.45s cubic-bezier(0.22,1,0.36,1),transform 0.45s cubic-bezier(0.22,1,0.36,1);}
        .pa-msg.show{opacity:1;transform:translateY(0) scale(1);}
        .pa-msg.exit{opacity:0;transform:translateY(15px) scale(0.95);}
        .pa-msg.success{display:block;background:var(--color-success-light);color:#155724;border:1px solid #c3e6cb;}
        .pa-msg.error{display:block;background:var(--color-danger-light);color:#721c24;border:1px solid #f5c6cb;}

        /* === İLETİŞİM SEKMESİ === */
        .it-contact-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-xs);transition:var(--transition-fast);}
        .it-contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--color-primary-border);}
        .it-contact-ico{width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:var(--shadow-primary);}
        .it-contact-lbl{font-size:11px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;}
        .it-contact-val{font-size:17px;font-weight:800;color:var(--color-text-main);letter-spacing:-0.2px;word-break:break-all;}
        .it-contact-val a{color:var(--color-primary);text-decoration:none;}
        .it-contact-val a:hover{text-decoration:underline;}
        .it-contact-copy{background:var(--color-bg-input);color:var(--color-text-secondary);border:1px solid var(--color-border);width:36px;height:36px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
        .it-contact-copy:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
        .it-contact-note{margin-top:18px;padding:14px 16px;background:var(--color-primary-lighter);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);font-weight:600;line-height:1.55;}
        .it-contact-note i{color:var(--color-primary);margin-right:6px;}

        /* === DURUM ROZETLERİ & STEPPER === */
        .it-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;border:1px solid;}
        .it-status-badge i{font-size:9px;}
        .it-status-badge.gonderildi{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe;}
        .it-status-badge.incelendi{background:#fff8e1;color:#b58900;border-color:#ffe0b2;}
        .it-status-badge.cozuldu{background:#d4edda;color:#155724;border-color:#c3e6cb;}
        .it-status-badge.cozuldu-yanitlandi{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#0f5132;border-color:#a3d9b1;}
        .it-status-badge.yanitlandi{background:#e0f2fe;color:#075985;border-color:#bae6fd;}
        .it-reply-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3b82f6;margin-left:6px;box-shadow:0 0 0 0 rgba(59,130,246,0.5);animation:replyPulse 1.8s infinite;flex-shrink:0;}
        @keyframes replyPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,0.5);}70%{box-shadow:0 0 0 6px rgba(59,130,246,0);}100%{box-shadow:0 0 0 0 rgba(59,130,246,0);}}

        /* Progress Stepper */
        .it-stepper{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:20px 10px 14px 10px;margin-bottom:22px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-border);border-radius:var(--radius-lg);}
        .it-stepper-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;z-index:2;min-width:0;padding:0 5px;}
        .it-stepper-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;background:#fff;color:var(--color-text-light);border:2.5px solid var(--color-border-medium);transition:var(--transition-base);box-shadow:0 1px 2px rgba(0,0,0,0.03);flex-shrink:0;}
        .it-stepper-label{font-size:11.5px;font-weight:800;color:var(--color-text-muted);text-align:center;line-height:1.25;text-transform:uppercase;letter-spacing:0.4px;}
        .it-stepper-sub{font-size:10px;font-weight:600;color:var(--color-text-light);text-align:center;line-height:1.2;margin-top:1px;}
        .it-stepper-step.done .it-stepper-circle{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a;box-shadow:0 4px 10px rgba(34,197,94,0.25);}
        .it-stepper-step.done .it-stepper-label{color:#166534;}
        .it-stepper-step.current .it-stepper-circle{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-color:#4338ca;box-shadow:0 4px 12px rgba(79,70,229,0.35);animation:stepPulse 2s infinite;}
        .it-stepper-step.current .it-stepper-label{color:var(--color-primary);}
        @keyframes stepPulse{0%,100%{box-shadow:0 4px 12px rgba(79,70,229,0.35);}50%{box-shadow:0 4px 16px rgba(79,70,229,0.55);}}
        .it-stepper-line{position:absolute;top:39px;left:0;right:0;height:3px;background:var(--color-border-medium);z-index:1;margin:0 14%;border-radius:3px;}
        .it-stepper-line-fill{position:absolute;top:39px;left:0;height:3px;background:linear-gradient(90deg,#22c55e,#16a34a);z-index:1;margin-left:14%;width:0;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);border-radius:3px;}
        .it-stepper-line-fill.w50{width:36%;}
        .it-stepper-line-fill.w100{width:72%;}

        /* Admin cevap kutusu */
        .it-admin-reply{margin-top:16px;padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:var(--radius-md);border-left:4px solid #3b82f6;}
        .it-admin-reply-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
        .it-admin-reply-ico{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;box-shadow:0 3px 8px rgba(59,130,246,0.3);}
        .it-admin-reply-title{font-size:12px;font-weight:800;color:#1e40af;text-transform:uppercase;letter-spacing:0.6px;}
        .it-admin-reply-date{font-size:11px;color:#64748b;font-weight:600;margin-top:1px;}
        .it-admin-reply-body{font-size:14px;color:#1e293b;font-weight:600;line-height:1.55;white-space:pre-wrap;word-break:break-word;}

        /* === GENİŞLETİLMİŞ DETAY MODALI (2 Sütun) === */
        .modal.detail-modal{max-width:1100px;height:min(80vh,600px);}
        .modal-body.detail-body{display:flex;padding:0;gap:0;overflow:hidden;flex:1;min-height:0;}
        .detail-col-left{flex:1.2;min-width:0;padding:22px 24px;overflow-y:auto;}
        .detail-col-left::-webkit-scrollbar{width:6px;}
        .detail-col-left::-webkit-scrollbar-thumb{background:var(--color-primary-border);border-radius:6px;}
        .detail-col-right{flex:1.05;min-width:340px;max-width:420px;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-left:1px solid var(--color-border);min-height:0;overflow:hidden;}
        .detail-col-right-top{padding:14px 18px 14px 18px;border-bottom:1px solid var(--color-border);flex-shrink:0;background:#fff;}
        .detail-col-right-reply{padding:14px 18px 16px 18px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;}

        .compact-status-head{font-size:10px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:8px;}

        /* === YATAY STEPPER (SWITCH BENZERİ) === */
        .compact-stepper{display:flex;align-items:flex-start;margin-top:12px;width:100%;}
        .compact-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 auto;width:78px;gap:5px;}
        .compact-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:#fff;color:var(--color-text-light);border:2px solid var(--color-border-medium);flex-shrink:0;transition:var(--transition-base);}
        .compact-step.done .compact-step-circle{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a;box-shadow:0 2px 6px rgba(34,197,94,0.25);}
        .compact-step.current .compact-step-circle{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-color:#4338ca;box-shadow:0 2px 6px rgba(79,70,229,0.3);animation:stepPulse 2s infinite;}
        .compact-step-text{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;}
        .compact-step-label{font-size:10.5px;font-weight:800;color:var(--color-text-muted);line-height:1.15;white-space:nowrap;}
        .compact-step.done .compact-step-label{color:#166534;}
        .compact-step.current .compact-step-label{color:var(--color-primary);}
        .compact-step-sub{font-size:9px;color:var(--color-text-light);font-weight:600;margin-top:1px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
        .compact-step-connector{flex:1;height:3px;align-self:flex-start;margin-top:16px;background:var(--color-border-medium);border-radius:2px;min-width:8px;}
        .compact-step-connector.done{background:linear-gradient(90deg,#22c55e,#16a34a);}

        .detail-col-right-reply-label{font-size:10px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:10px;display:flex;align-items:center;gap:5px;flex-shrink:0;}
        .detail-col-right-reply-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding-right:4px;}
        .detail-col-right-reply-content::-webkit-scrollbar{width:5px;}
        .detail-col-right-reply-content::-webkit-scrollbar-thumb{background:var(--color-primary-border);border-radius:4px;}
        .detail-col-right-reply-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-light);padding:20px 10px;min-height:0;}
        .detail-col-right-reply-empty i{font-size:38px;color:var(--color-primary-border);margin-bottom:12px;}
        .detail-col-right-reply-empty-title{font-size:14px;font-weight:800;color:var(--color-text-secondary);margin-bottom:5px;}
        .detail-col-right-reply-empty-desc{font-size:12px;font-weight:600;line-height:1.5;}
        .detail-col-right-reply-empty.resolved-noreply i{color:#22c55e;}
        .detail-col-right-reply-empty.resolved-noreply .detail-col-right-reply-empty-title{color:#16a34a;}

        .detail-reply-sender{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-shrink:0;}
        .detail-reply-ico{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;box-shadow:0 3px 8px rgba(59,130,246,0.3);}
        .detail-reply-who{font-size:12px;font-weight:800;color:#1e40af;line-height:1.2;}
        .detail-reply-when{font-size:10px;color:var(--color-text-muted);font-weight:600;margin-top:1px;}
        .detail-reply-text{font-size:13px;color:#1e293b;font-weight:500;line-height:1.6;white-space:pre-wrap;word-break:break-word;background:#fff;padding:12px 14px;border-radius:var(--radius-md);border:1px solid #bfdbfe;border-left:3px solid #3b82f6;}

        /* Mobil: alt alta dizim */
        @media(max-width:820px){
            .modal.detail-modal{max-width:560px;height:min(85vh,580px);}
            .modal-body.detail-body{flex-direction:column;}
            .detail-col-right{max-width:unset;min-width:unset;border-left:none;border-top:1px solid var(--color-border);flex:0 0 auto;max-height:340px;}
            .detail-col-left{flex:1;max-height:50vh;}
        }

        /* === FİLTRE DROPDOWN'LARI (kullanıcı "Gönderilerim") === */
        .sub-filter-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;align-items:center;}
        .sub-filter-dd{position:relative;user-select:none;min-width:160px;flex:1;max-width:220px;}
        .sub-filter-dd-trigger{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-bg-card);font-size:12.5px;font-weight:700;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);}
        .sub-filter-dd-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);}
        .sub-filter-dd-trigger.active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(79,70,229,0.15);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--color-primary);}
        .sub-filter-dd-trigger > i.fa-chevron-down{transition:transform 0.25s;font-size:10px;}
        .sub-filter-dd-trigger.active > i.fa-chevron-down{transform:rotate(180deg);}
        .sub-filter-dd-trigger .sf-lbl{font-size:10px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.6px;margin-right:4px;}
        .sub-filter-dd-trigger .sf-val{display:inline-flex;align-items:center;gap:5px;flex:1;min-width:0;}
        .sub-filter-dd-trigger .sf-val i{font-size:11px;}
        .sub-filter-dd-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:10px;background:var(--color-primary-lighter);color:var(--color-primary);font-size:10px;font-weight:800;margin-left:auto;}
        .sub-filter-dd.open .sub-filter-dd-trigger{border-color:var(--color-primary);border-bottom-left-radius:0;border-bottom-right-radius:0;}
        .sub-filter-dd-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-primary);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:0 8px 18px rgba(0,0,0,0.1);opacity:0;visibility:hidden;pointer-events:none;z-index:200;transition:all 0.2s;max-height:260px;overflow-y:auto;}
        .sub-filter-dd.open .sub-filter-dd-menu{opacity:1;visibility:visible;pointer-events:all;}
        .sub-filter-dd-opt{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;color:var(--color-text-secondary);cursor:pointer;transition:background 0.15s;font-weight:600;}
        .sub-filter-dd-opt:hover{background:var(--color-primary-lighter);color:var(--color-primary);}
        .sub-filter-dd-opt.selected{background:var(--color-primary);color:#fff;font-weight:700;}
        .sub-filter-dd-opt.selected .sub-filter-dd-count{background:rgba(255,255,255,0.25);color:#fff;}
        .sub-filter-dd-opt i{width:14px;text-align:center;font-size:11px;}
        .sub-filter-clear{padding:8px 12px;border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-muted);border:1px solid var(--color-border-medium);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:5px;}
        .sub-filter-clear:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger);}
        .sub-filter-clear:disabled{opacity:0.4;cursor:not-allowed;}

        /* === GÖNDERİLERİM LİSTESİ === */
        .it-sub-filter{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap;}
        .it-sub-filter-btn{padding:7px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:700;background:var(--color-bg-input);color:var(--color-text-secondary);border:1px solid var(--color-border-medium);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:6px;}
        .it-sub-filter-btn:hover{background:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary-border);}
        .it-sub-filter-btn.active{background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);color:#fff;border-color:transparent;box-shadow:0 3px 8px rgba(79,70,229,0.25);}
        .it-sub-list{display:flex;flex-direction:column;gap:10px;}
        .it-sub-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:14px;}
        .it-sub-card:hover{transform:translateX(3px);border-color:var(--color-primary-border);background:var(--color-primary-lighter);box-shadow:var(--shadow-xs);}
        .it-sub-badge{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
        .it-sub-badge.yardim{background:#eef2ff;color:#4f46e5;}
        .it-sub-badge.oneri{background:#fef3c7;color:#d97706;}
        .it-sub-badge.hata{background:#ffeaea;color:#d9534f;}
        .it-sub-body{flex:1;min-width:0;}
        .it-sub-type{font-size:10px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:2px;}
        .it-sub-title{font-size:14px;font-weight:700;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .it-sub-date{font-size:12px;color:var(--color-text-muted);font-weight:600;flex-shrink:0;display:flex;align-items:center;gap:5px;}
        .it-sub-chev{color:var(--color-text-light);font-size:13px;flex-shrink:0;}
        .it-sub-empty{text-align:center;padding:50px 20px;color:var(--color-text-muted);}
        .it-sub-empty i{font-size:42px;margin-bottom:14px;color:var(--color-primary-border);display:block;}
        .it-sub-empty-title{font-size:15px;font-weight:700;color:var(--color-text-secondary);margin-bottom:5px;}
        .it-sub-empty-desc{font-size:13px;font-weight:600;}
        .it-sub-loader{display:flex;justify-content:center;align-items:center;padding:50px 20px;}
        .it-sub-loader .spinner-sm{width:36px;height:36px;border:3px solid var(--color-primary-lighter);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite;}

        /* === MODALLAR === */
        .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);display:none;justify-content:center;align-items:center;z-index:5000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:20px;}
        .modal-overlay.show{display:flex;}
        .modal{background:var(--color-bg-card);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-modal);position:relative;animation:slideUp 0.3s ease;display:flex;flex-direction:column;overflow:hidden;}
        @keyframes slideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}
        @keyframes spin{100%{transform:rotate(360deg);}}

        .modal-header{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#eef2ff 0%,#f0f4ff 100%);flex-shrink:0;}
        .modal-title{font-size:16px;font-weight:800;color:var(--color-text-main);display:flex;align-items:center;gap:10px;}
        .modal-title i{color:var(--color-primary);}
        .modal-close{background:var(--color-bg-input);border:none;width:34px;height:34px;border-radius:50%;color:var(--color-text-light);cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);}
        .modal-close:hover{background:var(--color-danger-light);color:var(--color-danger);}
        .modal-body{padding:0 24px 22px;overflow-y:auto;flex:1;min-height:0;}
        .modal-body::-webkit-scrollbar{width:6px;}
        .modal-body::-webkit-scrollbar-thumb{background:var(--color-primary-border);border-radius:6px;}

        /* === GÖNDERİ DETAY === */
        .sd-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--color-border);}
        .sd-top .it-sub-badge{width:44px;height:44px;font-size:17px;}
        .sd-top-body{flex:1;min-width:0;}
        .sd-type{font-size:11px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;}
        .sd-date{font-size:12px;color:var(--color-text-muted);font-weight:600;margin-top:2px;display:flex;align-items:center;gap:5px;}
        .sd-row{margin-bottom:16px;}
        .sd-lbl{font-size:11px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:flex;align-items:center;gap:5px;}
        .sd-val{font-size:14px;color:var(--color-text-main);font-weight:600;line-height:1.55;padding:11px 14px;background:var(--color-bg-input);border-radius:var(--radius-md);border:1px solid var(--color-border);word-break:break-word;white-space:pre-wrap;}
        .sd-val.title-val{font-weight:800;font-size:15px;}
        .sd-val.page-val{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;background:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary-border);font-weight:700;}
        .sd-file{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);}
        .sd-file:hover{border-color:var(--color-primary);background:var(--color-primary-lighter);}
        .sd-file-thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:#fff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden;border:1px solid var(--color-border);}
        .sd-file-thumb img{width:100%;height:100%;object-fit:cover;}
        .sd-file-info{flex:1;min-width:0;}
        .sd-file-name{font-size:13px;font-weight:700;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .sd-file-hint{font-size:11px;color:var(--color-primary);font-weight:700;margin-top:2px;}
        .sd-file-hint i{margin-right:4px;}

        /* === DOSYA ÖNİZLEME MODAL === */
        .preview-modal{max-width:900px;max-height:92vh;}
        .preview-body{padding:0;background:#1a1a1a;display:flex;justify-content:center;align-items:center;min-height:300px;flex:1;overflow:hidden;}
        .preview-body img{max-width:100%;max-height:80vh;object-fit:contain;display:block;}
        .preview-body video,.preview-body audio{max-width:100%;max-height:80vh;}
        .preview-body iframe{width:100%;height:80vh;border:none;background:#fff;}
        .preview-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:50px 30px;color:#cbd5e1;text-align:center;}
        .preview-fallback i{font-size:56px;color:var(--color-primary-border);}
        .preview-fallback-title{font-size:16px;font-weight:800;color:#fff;}
        .preview-fallback-desc{font-size:13px;font-weight:600;color:#94a3b8;}
        .preview-footer{padding:12px 18px;display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-card);border-top:1px solid var(--color-border);gap:12px;flex-shrink:0;}
        .preview-meta{font-size:12px;color:var(--color-text-muted);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .preview-meta strong{color:var(--color-text-main);}
        .preview-actions{display:flex;gap:8px;flex-shrink:0;}
        .preview-btn{padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:none;}
        .preview-btn.primary{background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);color:#fff;box-shadow:0 3px 10px rgba(79,70,229,0.25);}
        .preview-btn.primary:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(79,70,229,0.35);}
        .preview-btn.ghost{background:var(--color-bg-input);color:var(--color-text-secondary);border:1px solid var(--color-border);}
        .preview-btn.ghost:hover{background:var(--color-primary-lighter);color:var(--color-primary);}

        /* === LOADER === */
        .page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-grad-full, radial-gradient(ellipse at top right, #e0e7ff, #f3f4f6 50%, #ede9fe 100%));z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 0.5s,visibility 0.5s;}
        .page-loader.hidden{opacity:0;visibility:hidden;}
        .loader-content{display:flex;flex-direction:column;align-items:center;gap:15px;animation:floatLoader 2s infinite ease-in-out;}
        .loader-logo{width:80px;height:80px;font-size:30px;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:20px;box-shadow:0 10px 25px rgba(79,70,229,0.4);display:flex;align-items:center;justify-content:center;color:#fff;}
        .loader-title{font-size:26px;font-weight:800;color:#1e1b4b;letter-spacing:-0.5px;margin-top:5px;}
        .loader-text{font-size:14px;font-weight:600;color:#6b7280;margin-top:5px;letter-spacing:0.5px;}
        .spinner{width:44px;height:44px;border:4px solid rgba(79,70,229,0.1);border-top:4px solid #4f46e5;border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-top:5px;}
        @keyframes floatLoader{0%{transform:translateY(0);}50%{transform:translateY(-10px);}100%{transform:translateY(0);}}

        /* === YAN MENÜ === */
        .menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(3px);z-index:4000;opacity:0;visibility:hidden;transition:var(--transition-base);}
        .menu-overlay.show{opacity:1;visibility:visible;}
        .side-menu{position:fixed;top:0;right:-320px;width:300px;height:100vh;background-color:var(--color-bg-card);box-shadow:-5px 0 25px rgba(0,0,0,0.1);z-index:4001;transition:right 0.3s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column;}
        .side-menu.open{right:0;}
        .side-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(79,70,229,0.1);background:linear-gradient(135deg,#eef2ff 0%,#f0f4ff 100%);}
        .side-menu-header h2{font-size:18px;font-weight:800;color:#4f46e5;display:flex;align-items:center;gap:10px;}
        .close-menu-btn{font-family:Arial,sans-serif;font-weight:300;font-size:26px;color:var(--color-text-light);cursor:pointer;transition:all 0.2s;line-height:1;background:var(--color-bg-input);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1px 0 0 0;}
        .close-menu-btn:hover{background:var(--color-danger-light);color:var(--color-danger);}
        .side-menu-content{padding:20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;}
        .menu-item{display:flex;align-items:center;gap:15px;padding:12px 15px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:700;border-radius:10px;transition:var(--transition-fast);background-color:#fcfcfc;border:1px solid transparent;}
        .menu-item:hover{background-color:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary-border);transform:translateX(5px);}
        .menu-item i{font-size:16px;color:var(--color-primary);width:20px;text-align:center;}
        .menu-item.active-page{background-color:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary-border);}

        /* === TOAST === */
        #mtToastContainer{position:fixed;top:20px;right:20px;z-index:9000;display:flex;flex-direction:column;gap:10px;pointer-events:none;}
        .mt-toast{display:flex;align-items:flex-start;gap:12px;min-width:280px;max-width:380px;padding:14px 16px;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:0 8px 25px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.05);border-left:4px solid var(--color-primary);pointer-events:auto;opacity:0;transform:translateY(20px) scale(0.95);transition:opacity 0.35s ease, transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);font-family:inherit;}
        .mt-toast.show{opacity:1;transform:translateY(0) scale(1);}
        .mt-toast.mt-toast-error{border-left-color:var(--color-danger);}
        .mt-toast.mt-toast-success{border-left-color:var(--color-success);}
        .mt-toast.mt-toast-warning{border-left-color:var(--color-warning);}
        .mt-toast-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--color-primary-lighter);color:var(--color-primary);}
        .mt-toast-error .mt-toast-icon{background:var(--color-danger-light);color:var(--color-danger);}
        .mt-toast-success .mt-toast-icon{background:var(--color-success-light);color:var(--color-success);}
        .mt-toast-warning .mt-toast-icon{background:#fff8e1;color:#b58900;}
        .mt-toast-body{flex:1;min-width:0;}
        .mt-toast-title{font-size:13px;font-weight:800;color:var(--color-text-main);margin-bottom:2px;letter-spacing:0.2px;}
        .mt-toast-msg{font-size:12px;font-weight:600;color:var(--color-text-secondary);line-height:1.45;word-wrap:break-word;}
        .mt-toast-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:14px;padding:2px 4px;transition:color 0.2s;flex-shrink:0;}
        .mt-toast-close:hover{color:var(--color-text-main);}