/* GENEL YAPI */
#wpcontent { padding-left: 0; }
.sy-app { display: flex; height: 100vh; background: #f0f2f5; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin-left: -20px; margin-top: -10px; }
.sy-main { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.sy-content { padding: 20px; overflow-y: auto; flex: 1; }

/* SIDEBAR (SOL MENÜ) */
.sy-sidebar { width: 250px; background: #2c3e50; color: #fff; padding-top: 20px; flex-shrink: 0; transition: 0.3s; overflow-y: auto; }
.sy-sidebar h2 { color: #fff; text-align: center; font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #34495e; margin-top:0; }
.sy-sidebar ul { list-style: none; padding: 0; margin: 0; }
.sy-sidebar ul li a { display: block; padding: 15px 20px; color: #bdc3c7; text-decoration: none; border-bottom: 1px solid #34495e; transition: 0.3s; }
.sy-sidebar ul li a:hover, .sy-sidebar ul li a.active { background: #34495e; color: #fff; }

/* HEADER (ÜST BAR) */
.sy-header { height: 60px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; align-items: center; padding: 0 20px; justify-content: space-between; flex-shrink: 0; }
.sy-header h3 { margin: 0; color: #333; display: flex; align-items: center; }
.sy-mobil-menu-btn { display: none; font-size: 24px; cursor: pointer; margin-right: 15px; color: #007cba; }

/* FORMLAR VE KARTLAR */
.sy-card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 20px; }
.sy-card-title { margin-top: 0; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px; color: #2c3e50; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
.sy-row { display: flex; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; }
.sy-col { flex: 1; min-width: 200px; }
.sy-form-group label { display: block; margin-bottom: 5px; font-weight: 600; color: #444; font-size: 13px; }

/* INPUT VE SELECT KUTULARI */
.sy-form-group input:not([type="file"]), 
.sy-form-group select { width: 100%; height: 36px; padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; box-sizing: border-box; line-height: normal; vertical-align: middle; max-width: none; }
.sy-form-group input[type="file"] { padding: 5px 0; font-size: 13px; }
.sy-form-group textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; box-sizing: border-box; }
.sy-section-title { font-size: 14px; background: #f8f9fa; padding: 8px 10px; border-left: 3px solid #007cba; margin: 15px 0 10px 0; font-weight: bold; }

/* BUTONLAR */
.sy-btn { background: #007cba; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold; text-decoration: none; display: inline-block;}
.sy-btn:hover { background: #005a87; color: #fff; }
.sy-btn-cancel { background: #6c757d; }
.sy-btn-cancel:hover { background: #5a6268; }
.sy-btn-success { background: #28a745; }
.sy-btn-success:hover { background: #218838; }

/* TABLOLAR */
.sy-table-container { overflow-x: auto; }
.sy-table { width: 100%; border-collapse: collapse; font-size: 12px; min-width: 800px; }
.sy-table th, .sy-table td { padding: 6px 8px; border: 1px solid #eee; text-align: left; vertical-align: middle; line-height: 1.4; }
.sy-table th { background: #f8f9fa; color: #333; font-weight: 600; padding: 10px 8px; }
.sy-table tr:hover { background: #f9f9f9; }
.sy-action-link { text-decoration: none; font-weight: bold; padding: 4px 8px; border-radius: 3px; font-size: 11px; white-space: nowrap; }
.sy-edit-link { color: #007cba; background: #e5f5fa; }
.sy-delete-link { color: #dc3232; background: #fbeaea; margin-left: 5px; }

/* ETİKETLER */
.sy-etiket { display: inline-block; padding: 3px 8px; border-radius: 4px; font-weight: bold; font-size: 11px; color: #fff; text-align: center; min-width: 60px; }
.sy-etiket-yesil { background-color: #28a745; }
.sy-etiket-mavi { background-color: #007bff; }
.sy-etiket-sari { background-color: #ffc107; color: #000; }
.sy-etiket-kirmizi { background-color: #dc3545; }
.sy-etiket-gri { background-color: #6c757d; }

/* BİLDİRİMLER */
.sy-alert { padding:12px; border-radius:4px; margin-bottom:20px; border-left:4px solid; }
.sy-alert-success { background:#d4edda; color:#155724; border-color:#28a745; }
.sy-alert-info { background:#cce5ff; color:#004085; border-color:#0056b3; }
.sy-alert-danger { background:#f8d7da; color:#721c24; border-color:#dc3545; }

/* MOBİL UYUMLULUK */
@media (max-width: 768px) {
    .sy-app { flex-direction: column; height: auto; }
    .sy-sidebar { display: none; width: 100%; height: auto; padding-top: 10px; }
    .sy-sidebar.mobil-acik { display: block; }
    .sy-mobil-menu-btn { display: block; }
    .sy-row { flex-direction: column; gap: 10px; }
    .sy-col { min-width: 100%; }
    .sy-header h3 { font-size: 16px; }
    .sy-content { padding: 10px; }
}

/* ==========================================================
   YENİ EKLENEN: MODAL (POPUP) YAPI 
   ========================================================== */
.sy-modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); z-index: 99999;
    display: none; align-items: center; justify-content: center;
}
.sy-modal-overlay.active { display: flex; }
.sy-modal-content {
    background: #fff; width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto;
    border-radius: 8px; padding: 25px; position: relative; box-shadow: 0 5px 25px rgba(0,0,0,0.2);
}
.sy-modal-close {
    position: absolute; top: 15px; right: 20px; font-size: 28px; cursor: pointer; color: #888; line-height: 1; transition: 0.2s;
}
.sy-modal-close:hover { color: #dc3232; }
.sy-modal-header-title {
    margin-top: 0; border-bottom: 2px solid #f0f2f5; padding-bottom: 15px; margin-bottom: 20px; color: #2c3e50; font-size: 18px; font-weight: bold;
}