/* Sayfaya özel (görev kartları, takvim) — sidebar/layout styles.css'ten gelir (Kokpit ile aynı) */
    .yp-wrap { padding: 24px; flex: 1; min-width: 0; }   /* layout-wrapper flex satırında tam genişlik */
    .yp-wrap h1 { font-size: 20px; margin: 0 0 4px; }
    .yp-sub { color: #94a3b8; font-size: 13px; margin-bottom: 18px; }
    .card { background: #111c2e; border: 1px solid #1e293b; border-radius: 12px; padding: 16px; margin-bottom: 16px; }
    .yp-wrap label, .modal label { display:block; font-size:12px; color:#94a3b8; margin:0 0 4px; }
    .yp-wrap input:not([type=checkbox]), .yp-wrap select, .yp-wrap textarea,
    .modal input:not([type=checkbox]), .modal select, .modal textarea { width:100%; padding:9px 11px; background:#0b1220; border:1px solid #283447; border-radius:8px; color:#e2e8f0; font-size:13px; font-family:inherit; }
    .yp-wrap textarea, .modal textarea { resize: vertical; min-height: 38px; }
    .grid { display:grid; grid-template-columns: 2fr 1fr 1fr 1.4fr; gap:10px; align-items:end; }
    .grid .full { grid-column: 1 / -1; }
    .ybtn { border:none; border-radius:8px; padding:9px 16px; font-size:13px; cursor:pointer; color:#fff; background:#1d4ed8; white-space:nowrap; }
    .ybtn:hover { background:#2563eb; }
    .ybtn.green { background:#16a34a; } .ybtn.ghost { background:#334155; } .ybtn.danger { background:#b91c1c; }
    .ybtn.sm { padding:5px 9px; font-size:12px; }
    .ftabs { display:flex; gap:6px; margin:0 0 12px; flex-wrap:wrap; }
    .ftab { font-size:13px; padding:6px 14px; border-radius:999px; background:#1e293b; color:#94a3b8; cursor:pointer; border:1px solid transparent; }
    .ftab.active { background:#0c2a4d; color:#60a5fa; border-color:#1d4ed8; }
    .item { display:flex; align-items:flex-start; gap:12px; padding:12px 4px; border-bottom:1px solid #1e293b; }
    .item:last-child { border-bottom:none; }
    .chk { width:20px; height:20px; margin-top:2px; cursor:pointer; flex:none; accent-color:#16a34a; }
    .it-body { flex:1; min-width:0; }
    .it-title { font-size:14px; font-weight:600; word-break:break-word; }
    .it-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:5px; align-items:center; }
    .it-note { color:#94a3b8; font-size:12px; margin-top:5px; white-space:pre-wrap; word-break:break-word; }
    .done .it-title { text-decoration:line-through; color:#64748b; }
    .it-actions { display:flex; gap:6px; flex:none; }
    .pill { font-size:11px; padding:2px 9px; border-radius:6px; white-space:nowrap; }
    .p-yuksek { background:#450a0a; color:#fca5a5; } .p-orta { background:#422006; color:#fbbf24; } .p-dusuk { background:#0c2a4d; color:#60a5fa; }
    .due { font-size:11px; color:#94a3b8; padding:2px 9px; border-radius:6px; background:#1e293b; }
    .due.overdue { background:#450a0a; color:#fca5a5; }
    .who { font-size:11px; color:#a7f3d0; background:#064e3b; padding:2px 9px; border-radius:6px; }
    .firm { font-size:11px; padding:2px 9px; border-radius:6px; background:#312e81; color:#c7d2fe; }
    .cat { font-size:11px; font-weight:700; padding:2px 9px; border-radius:6px; white-space:nowrap; }
    .tbl-bar { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:10px; }
    .tbl-bar select, .tbl-bar input { width:auto !important; min-width:120px; padding:7px 9px; }
    .tbl { width:100%; border-collapse:collapse; font-size:13px; }
    .tbl th { text-align:left; padding:9px 10px; color:#94a3b8; font-weight:700; border-bottom:1px solid #283447; white-space:nowrap; user-select:none; }
    .tbl td { padding:8px 10px; border-bottom:1px solid #1e293b; vertical-align:middle; }
    .tbl tbody tr:hover { background:#0c1c33; } .tbl .t-title { font-weight:600; }
    .tbl tr.tr-done .t-title { text-decoration:line-through; color:#64748b; }
    html[data-theme=light] .tbl th { color:#475569; border-color:rgba(15,23,42,.12); }
    html[data-theme=light] .tbl td { border-color:rgba(15,23,42,.08); }
    html[data-theme=light] .tbl tbody tr:hover { background:#eef4ff; }
    .st { font-size:11px; padding:2px 9px; border-radius:6px; }
    .st-yapilacak { background:#1e293b; color:#94a3b8; } .st-yapiliyor { background:#1e3a5f; color:#7dd3fc; } .st-bitti { background:#064e3b; color:#a7f3d0; }
    .alert { display:inline-block; font-size:12px; font-weight:600; padding:5px 13px; border-radius:999px; margin-right:8px; }
    .alert.od { background:#450a0a; color:#fca5a5; border:1px solid #7f1d1d; }
    .alert.soon { background:#422006; color:#fbbf24; border:1px solid #92400e; }
    .alert.today { background:#0c2a4d; color:#60a5fa; border:1px solid #1e40af; }
    /* Etiketler */
    .lbl { display:inline-block; height:8px; min-width:32px; border-radius:4px; }
    .lblpick { padding:5px 12px; border-radius:6px; font-size:12px; cursor:pointer; color:#fff; opacity:.45; border:2px solid transparent; }
    .lblpick.on { opacity:1; border-color:rgba(255,255,255,.5); }
    .c-green{background:#16a34a}.c-yellow{background:#ca8a04}.c-orange{background:#ea580c}.c-red{background:#dc2626}
    .c-purple{background:#7c3aed}.c-blue{background:#2563eb}.c-sky{background:#0284c7}.c-pink{background:#db2777}.c-gray{background:#475569}
    .muted { color:#64748b; font-size:13px; } .err { color:#f87171; font-size:13px; }
    .aslot { display:flex; align-items:center; gap:10px; padding:8px 4px; border-bottom:1px solid #1e293b; cursor:pointer; }
    .aslot:last-child { border-bottom:none; } .aslot:hover { background:#0c1c33; }
    .atitle { flex:1; font-size:13px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .pdot { width:9px; height:9px; border-radius:50%; flex:none; }
    .pdot.p-yuksek{background:#ef4444}.pdot.p-orta{background:#f59e0b}.pdot.p-dusuk{background:#3b82f6}
    html[data-theme="light"] .aslot:hover { background:#eef4ff; }
    /* Kanban */
    .kanban { display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
    .kcol { background:#0b1220; border:1px solid #1e293b; border-radius:10px; padding:10px; min-height:140px; }
    .kcol.drag-over { border-color:#1d4ed8; background:#0c1c33; }
    .kcol h4 { margin:0 0 10px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
    .kcard { background:#111c2e; border:1px solid #283447; border-left:3px solid #475569; border-radius:8px; padding:9px; margin-bottom:8px; cursor:grab; }
    .kcard.p-yuksek { border-left-color:#ef4444; } .kcard.p-orta { border-left-color:#f59e0b; } .kcard.p-dusuk { border-left-color:#3b82f6; }
    .kcard .kt { font-size:13px; font-weight:600; margin-bottom:5px; word-break:break-word; }
    .kcard .km { display:flex; flex-wrap:wrap; gap:6px; }
    html[data-theme="light"] .kcol, html[data-theme="light"] .kcard { background:#f8fafc; border-color:rgba(15,23,42,.12); }
    @media (max-width:760px){ .kanban{ grid-template-columns:1fr; } }
    /* Dashboard */
    .dash-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:16px; }
    .dash-card { background:#111c2e; border:1px solid #1e293b; border-radius:12px; padding:16px; }
    .dash-card .n { font-size:28px; font-weight:700; line-height:1; }
    .dash-card .l { font-size:12px; color:#94a3b8; margin-top:6px; }
    .bar-row { display:flex; align-items:center; gap:10px; margin:7px 0; font-size:13px; }
    .bar-row .bl { width:150px; color:#cbd5e1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .bar { flex:1; background:#1e293b; border-radius:6px; height:16px; overflow:hidden; }
    .bar > span { display:block; height:100%; background:#3b82f6; }
    .bar-row .bn { width:32px; text-align:right; color:#94a3b8; }
    html[data-theme="light"] .dash-card { background:#fff; border-color:rgba(15,23,42,.10); }
    .agwrap { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px; }
    .agbox { background:#0b1220; border:1px solid #1e293b; border-radius:12px; padding:12px; }
    .agh { font-weight:700; font-size:13px; margin-bottom:8px; display:flex; align-items:center; gap:6px; }
    .aglist { display:flex; flex-direction:column; max-height:240px; overflow-y:auto; }
    .agitem { display:flex; align-items:center; gap:8px; padding:6px 2px; border-bottom:1px solid #1e293b; cursor:pointer; font-size:12.5px; }
    .agitem:last-child { border-bottom:none; } .agitem:hover { background:#0c1c33; }
    html[data-theme="light"] .agbox { background:#fff; border-color:rgba(15,23,42,.1); }
    html[data-theme="light"] .agitem:hover { background:#eef4ff; }
    /* ── Responsive (mobil/tablet) ── */
    @media (max-width:820px){
      body { display:block !important; padding:0 !important; }
      .sidebar.solid-sidebar { position:static; width:100%; height:auto; flex-direction:row; flex-wrap:wrap; box-shadow:none; padding:8px; }
      .sidebar-logo-container, .sidebar-divider, .sidebar-back-btn { display:none; }
      .sidebar-nav { flex-direction:row; flex-wrap:wrap; gap:4px; width:100%; }
      .sidebar-item { width:auto; padding:7px 11px; font-size:13px; }
      .layout-wrapper { padding-left:0 !important; padding-top:0 !important; flex-direction:column; }
      .yp-wrap { padding:14px; }
      .kanban { grid-template-columns:1fr !important; }
      .dash-grid { grid-template-columns:repeat(2,1fr); }
      .agwrap { grid-template-columns:1fr; }       /* ajanda kutuları alt alta */
      .grid { grid-template-columns:1fr !important; }
      .modal { width:100% !important; }
      .bar-row .bl { width:110px; }
    }
    @media (max-width:480px){
      .yp-wrap { padding:10px; }
      .yp-wrap h1 { font-size:18px; }
      .dash-grid { grid-template-columns:1fr 1fr; gap:8px; }
      .dash-card { padding:12px; } .dash-card .n { font-size:22px; }
      .ybtn { padding:8px 12px; }                  /* dokunma hedefi yeterli, taşma yok */
      .cal { gap:3px; } .cell { padding:3px; }
      .modal { padding:16px; }
      .it-actions { flex-wrap:wrap; }
    }
    .grp-title { font-size:14px; font-weight:600; margin:0 0 4px; display:flex; align-items:center; gap:8px; }
    .badge { font-size:11px; padding:2px 8px; border-radius:999px; background:#1e293b; color:#93c5fd; }
    .cal-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
    .cal-head .m { font-size:16px; font-weight:600; }
    .cal { display:grid; grid-template-columns: repeat(7, 1fr); gap:6px; }
    .cal .dow { text-align:center; font-size:11px; color:#64748b; text-transform:uppercase; padding:4px 0; }
    .cell { min-height:84px; background:#0b1220; border:1px solid #1e293b; border-radius:8px; padding:5px; overflow:hidden; }
    .cell.empty { background:transparent; border:none; } .cell.today { border-color:#1d4ed8; }
    .cell .dn { font-size:11px; color:#94a3b8; margin-bottom:3px; }
    .cell.sel { border-color:#3b82f6 !important; box-shadow:0 0 0 2px rgba(59,130,246,.45) inset; }
    .atitle.done-t { text-decoration:line-through; color:#64748b; }
    .row-status { width:auto !important; flex:none; font-size:11px; padding:3px 7px; background:#0b1220; border:1px solid #283447; border-radius:6px; color:#cbd5e1; cursor:pointer; }
    html[data-theme="light"] .row-status { background:#f1f5f9; border-color:rgba(15,23,42,.15); color:#0f172a; }
    .cell.holiday { background:#2a0f1e; border-color:#7f1d34; }
    html[data-theme="light"] .cell.holiday { background:#fff1f3; border-color:#fecdd3; }
    .hol { font-size:10px; font-weight:700; color:#fb7185; background:rgba(244,63,94,.14); border-radius:4px; padding:2px 5px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .ev { font-size:10px; padding:2px 5px; border-radius:4px; margin-bottom:3px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .ev.done { opacity:.5; text-decoration:line-through; }
    .ovl { position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:2000; padding:20px; }
    .ovl.open { display:flex; }
    .modal { background:#0f1a2b; border:1px solid #1e293b; border-radius:14px; width:520px; max-width:100%; max-height:90vh; overflow-y:auto; padding:22px; }
    .modal h3 { margin:0 0 16px; font-size:16px; }
    .modal .mrow { margin-bottom:12px; } .modal .row2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .modal .actions { display:flex; gap:8px; margin-top:18px; }
    html[data-theme="light"] .card, html[data-theme="light"] .modal { background:#fff; border-color:rgba(15,23,42,.10); }
    html[data-theme="light"] .yp-wrap input, html[data-theme="light"] .yp-wrap select, html[data-theme="light"] .yp-wrap textarea,
    html[data-theme="light"] .modal input, html[data-theme="light"] .modal select, html[data-theme="light"] .modal textarea, html[data-theme="light"] .cell { background:#f8fafc; border-color:rgba(15,23,42,.15); color:#0f172a; }
    html[data-theme="light"] .yp-sub, html[data-theme="light"] .muted { color:#64748b; }
    @media (max-width:640px){ .grid{ grid-template-columns:1fr 1fr; } .modal .row2{ grid-template-columns:1fr; } .cell{ min-height:60px; } }
.ev.ev-ext { background:#3b1d5e; color:#d8b4fe; }
html[data-theme="light"] .ev.ev-ext { background:#f3e8ff; color:#7c3aed; }