/* ═══════════════════════════════════════════════════════════════
   tasarim-dosya-detay.css — Dosya Detay ekranı (Faz 4)
   Kaynak: tasarim/dosya-detay.html. #view-dosya-detay altına scope'lu.
   ═══════════════════════════════════════════════════════════════ */
/* İŞ1: yalnız .active iken görünür — aksi halde .view{display:none} ile tam unmount (liste altta kalmaz) */
#view-dosya-detay.active{ display:flex; flex-direction:column; }
#view-dosya-detay .dd-tb{ display:flex; align-items:center; justify-content:space-between; padding:16px 26px; border-bottom:1px solid var(--line); }
#view-dosya-detay .back{ display:flex; align-items:center; gap:8px; color:var(--t2); font-size:13.5px; cursor:pointer; }
#view-dosya-detay .back svg{ width:16px; height:16px; }
#view-dosya-detay .tbtns{ display:flex; gap:10px; }
#view-dosya-detay .btn{ display:flex; align-items:center; gap:8px; padding:9px 15px; border-radius:10px; font-size:13px; font-weight:600; cursor:pointer; border:1px solid var(--line); background:var(--panel); color:var(--t1); }
#view-dosya-detay .btn svg{ width:15px; height:15px; } #view-dosya-detay .btn:hover{ border-color:var(--t2); }
#view-dosya-detay .btn.gold{ background:transparent; border-color:var(--gold); color:var(--gold2); }
#view-dosya-detay .btn.pasif{ opacity:.5; cursor:not-allowed; }
#view-dosya-detay .cont{ padding:18px 26px 30px; overflow:auto; display:flex; flex-direction:column; gap:16px; }
#view-dosya-detay .card{ background:var(--panel); border:1px solid var(--line); border-radius:14px; }
/* header */
#view-dosya-detay .fhead{ display:flex; justify-content:space-between; align-items:flex-start; padding:22px 26px; gap:20px; }
#view-dosya-detay .fhead .ttl{ font-size:34px; font-weight:700; letter-spacing:-.5px; line-height:1; }
#view-dosya-detay .fhead .meta{ display:flex; gap:22px; margin-top:12px; color:var(--t2); font-size:13.5px; }
#view-dosya-detay .fhead .meta span{ display:flex; align-items:center; gap:7px; } #view-dosya-detay .fhead .meta svg{ width:15px; height:15px; opacity:.8; }
#view-dosya-detay .fhead .badges{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
#view-dosya-detay .pill{ font-size:12px; font-weight:600; padding:5px 12px; border-radius:8px; }
#view-dosya-detay .pill.b{ background:rgba(77,159,214,.15); color:#8fc4e8; } #view-dosya-detay .pill.r{ background:rgba(229,82,79,.15); color:#f0908d; }
#view-dosya-detay .pill.g{ background:rgba(63,191,111,.15); color:#7fd6a1; }
#view-dosya-detay .fright{ display:flex; align-items:center; gap:22px; }
#view-dosya-detay .ring{ width:96px; height:96px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:none; }
#view-dosya-detay .ring span{ width:74px; height:74px; border-radius:50%; background:var(--panel); display:flex; flex-direction:column; align-items:center; justify-content:center; }
#view-dosya-detay .ring .p{ font-size:22px; font-weight:700; } #view-dosya-detay .ring .t{ font-size:9.5px; color:var(--t3); }
#view-dosya-detay .fstat{ font-size:13px; color:var(--t2); }
#view-dosya-detay .fstat .row{ display:flex; align-items:center; gap:8px; margin-bottom:7px; color:var(--t1); }
#view-dosya-detay .fstat .row i{ width:8px; height:8px; border-radius:50%; display:block; }
#view-dosya-detay .fstat .si{ font-size:11.5px; color:var(--t3); margin-top:6px; } #view-dosya-detay .fstat .si b{ color:var(--t2); font-weight:600; }
/* sonraki aksiyon */
#view-dosya-detay .action{ display:flex; align-items:center; gap:16px; padding:18px 24px; border:1px solid rgba(229,82,79,.3); border-radius:14px; background:linear-gradient(90deg,rgba(229,82,79,.12),rgba(229,82,79,.02)); }
#view-dosya-detay .action .ico{ width:46px; height:46px; border-radius:12px; background:rgba(229,82,79,.18); display:flex; align-items:center; justify-content:center; color:#f0908d; flex:none; }
#view-dosya-detay .action .ico svg{ width:22px; height:22px; }
#view-dosya-detay .action .lbl{ font-size:9.5px; letter-spacing:2px; color:#f0908d; text-transform:uppercase; font-weight:700; }
#view-dosya-detay .action .t{ font-size:17px; font-weight:600; margin-top:3px; } #view-dosya-detay .action .s{ font-size:12.5px; color:var(--t2); margin-top:2px; }
#view-dosya-detay .action .btns{ margin-left:auto; display:flex; gap:10px; }
/* aşama akışı */
#view-dosya-detay .flow{ padding:18px 26px 22px; }
#view-dosya-detay .flow .fh{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
#view-dosya-detay .flow .fh .ti{ font-size:11.5px; letter-spacing:2px; text-transform:uppercase; color:var(--t2); font-weight:700; }
#view-dosya-detay .steps{ display:flex; align-items:flex-start; }
#view-dosya-detay .step{ flex:1; display:flex; flex-direction:column; align-items:center; position:relative; }
#view-dosya-detay .step .c{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; z-index:2; border:2px solid #25364f; background:var(--panel); color:var(--t3); }
#view-dosya-detay .step.done .c{ background:var(--green); border-color:var(--green); color:#06210f; }
#view-dosya-detay .step.cur .c{ border-color:var(--blue); color:#fff; box-shadow:0 0 0 4px rgba(77,159,214,.18); }
#view-dosya-detay .step .lab{ font-size:11px; color:var(--t2); margin-top:9px; text-align:center; line-height:1.3; max-width:80px; }
#view-dosya-detay .step.done .lab,#view-dosya-detay .step.cur .lab{ color:var(--t1); }
#view-dosya-detay .step .dt{ font-size:10px; color:var(--t3); margin-top:3px; }
#view-dosya-detay .step::before{ content:""; position:absolute; top:21px; left:-50%; width:100%; height:2px; background:#25364f; z-index:1; }
#view-dosya-detay .step:first-child::before{ display:none; }
#view-dosya-detay .step.done::before,#view-dosya-detay .step.cur::before{ background:var(--green); }
/* 3 col */
#view-dosya-detay .g3{ display:grid; grid-template-columns:1fr 1.05fr 0.85fr; gap:16px; align-items:start; }
#view-dosya-detay .ph{ display:flex; align-items:center; justify-content:space-between; padding:15px 20px; border-bottom:1px solid var(--line2); }
#view-dosya-detay .ph h3{ font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase; font-weight:700; }
#view-dosya-detay .ph .add{ font-size:12px; color:var(--gold); font-weight:600; cursor:pointer; }
#view-dosya-detay .psub{ font-size:11px; color:var(--t3); padding:11px 20px 4px; }
#view-dosya-detay .ev{ display:flex; align-items:center; gap:12px; padding:11px 20px; border-top:1px solid var(--line2); }
#view-dosya-detay .ev .ei{ width:30px; height:30px; border-radius:8px; background:var(--inner); display:flex; align-items:center; justify-content:center; color:var(--t2); flex:none; }
#view-dosya-detay .ev .ei svg{ width:15px; height:15px; }
#view-dosya-detay .ev .en{ flex:1; min-width:0; } #view-dosya-detay .ev .en .n{ font-size:13px; font-weight:500; } #view-dosya-detay .ev .en .d{ font-size:10.5px; color:var(--t3); margin-top:2px; }
#view-dosya-detay .tag{ font-size:10.5px; padding:3px 9px; border-radius:7px; font-weight:600; }
#view-dosya-detay .tag.ok{ background:rgba(63,191,111,.15); color:#7fd6a1; } #view-dosya-detay .tag.wait{ background:rgba(224,145,60,.15); color:#e6b06f; }
#view-dosya-detay .ev .ic2{ color:var(--t3); display:flex; gap:9px; } #view-dosya-detay .ev .ic2 svg{ width:15px; height:15px; cursor:pointer; }
#view-dosya-detay .foot{ padding:13px 20px; text-align:center; font-size:12px; color:var(--gold); font-weight:600; border-top:1px solid var(--line2); cursor:pointer; }
/* başvuru */
#view-dosya-detay .bv{ display:flex; align-items:center; gap:13px; padding:13px 20px; border-top:1px solid var(--line2); }
#view-dosya-detay .bv .bi{ width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:none; }
#view-dosya-detay .bv .bi svg{ width:19px; height:19px; color:#fff; }
#view-dosya-detay .bv .bn{ flex:1; min-width:0; } #view-dosya-detay .bv .bn .n{ font-size:13.5px; font-weight:600; } #view-dosya-detay .bv .bn .d{ font-size:11px; color:var(--t3); margin-top:3px; }
#view-dosya-detay .bv .st{ font-size:11.5px; text-align:right; white-space:nowrap; } #view-dosya-detay .bv .st .du{ color:var(--t2); }
#view-dosya-detay .ac{ padding:7px 14px; border:1px solid var(--line); border-radius:9px; font-size:12px; font-weight:600; cursor:pointer; color:var(--t1); }
#view-dosya-detay .ac:hover{ border-color:var(--gold); color:var(--gold2); }
/* özet */
#view-dosya-detay .oz{ display:flex; align-items:center; gap:11px; padding:11px 20px; border-top:1px solid var(--line2); font-size:13px; }
#view-dosya-detay .oz:first-of-type{ border-top:none; }
#view-dosya-detay .oz svg{ width:15px; height:15px; color:var(--t3); flex:none; }
#view-dosya-detay .oz .k{ color:var(--t2); flex:1; } #view-dosya-detay .oz .v{ font-weight:600; text-align:right; }
#view-dosya-detay .oz .v .avx{ display:inline-flex; align-items:center; gap:6px; } #view-dosya-detay .oz .v .avx span{ width:20px; height:20px; border-radius:50%; background:var(--inner); font-size:9px; display:inline-flex; align-items:center; justify-content:center; color:var(--gold2); font-weight:700; }
#view-dosya-detay .note{ padding:16px 20px; }
#view-dosya-detay .note .nb{ background:var(--inner); border-radius:11px; padding:14px; font-size:13px; line-height:1.5; margin-bottom:9px; }
#view-dosya-detay .note .nd{ font-size:11px; color:var(--t3); margin-top:9px; }
/* tarihçe */
#view-dosya-detay .th{ display:flex; align-items:center; gap:14px; padding:13px 26px; border-top:1px solid var(--line2); font-size:13px; }
#view-dosya-detay .th i{ width:9px; height:9px; border-radius:50%; flex:none; }
#view-dosya-detay .th .dt{ color:var(--t3); font-size:11.5px; width:130px; flex:none; }
#view-dosya-detay .th .who{ font-weight:600; width:90px; flex:none; }
#view-dosya-detay .th .tx{ color:var(--t2); }
@media(max-width:1100px){ #view-dosya-detay .g3{ grid-template-columns:1fr; } }

/* ═══════════════════════════════════════════════════════════════
   6-SEKME TAM SAYFA (Master Build FAZ 2-8)
   ═══════════════════════════════════════════════════════════════ */
/* header */
#view-dosya-detay .dd-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:20px 26px 16px; border-bottom:1px solid var(--line); }
#view-dosya-detay .dd-head .ttl-row{ display:flex; align-items:center; gap:12px; }
#view-dosya-detay .dd-head .ttl{ font-size:30px; font-weight:700; letter-spacing:-.5px; }
#view-dosya-detay .dd-head .star{ font-size:20px; color:var(--t3); cursor:pointer; } #view-dosya-detay .dd-head .star.on{ color:var(--gold2); }
#view-dosya-detay .dd-head .meta{ display:flex; align-items:center; gap:14px; margin-top:10px; color:var(--t2); font-size:13px; flex-wrap:wrap; }
#view-dosya-detay .dd-head .meta .bv{ font-family:monospace; color:var(--t3); }
#view-dosya-detay .dd-head .hr{ display:flex; gap:26px; }
#view-dosya-detay .dd-head .hstat .k{ font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--t3); }
#view-dosya-detay .dd-head .hstat .v{ font-size:14px; font-weight:600; margin-top:4px; }
/* pill renkleri (ek) */
#view-dosya-detay .pill.o{ background:rgba(224,145,60,.15); color:#e6b06f; }
#view-dosya-detay .pill.t3{ background:var(--inner); color:var(--t2); }
/* tab bar */
#view-dosya-detay .dd-tabs{ display:flex; gap:4px; padding:0 26px; border-bottom:1px solid var(--line); overflow-x:auto; }
#view-dosya-detay .dd-tab{ padding:13px 16px; font-size:13.5px; font-weight:600; color:var(--t2); cursor:pointer; border-bottom:2px solid transparent; white-space:nowrap; }
#view-dosya-detay .dd-tab:hover{ color:var(--t1); }
#view-dosya-detay .dd-tab.on{ color:var(--gold2); border-bottom-color:var(--gold); }
#view-dosya-detay .dd-content{ padding:18px 26px 36px; overflow:auto; }
#view-dosya-detay .dd-load{ padding:50px; text-align:center; color:var(--t3); }
/* genel kart parçaları */
#view-dosya-detay .qbtns{ display:flex; flex-wrap:wrap; gap:8px; padding:14px 18px; }
#view-dosya-detay .qbtns.col{ flex-direction:column; }
#view-dosya-detay .qb{ flex:1; min-width:120px; text-align:center; padding:10px 12px; border:1px solid var(--line); border-radius:10px; font-size:12.5px; font-weight:600; cursor:pointer; color:var(--t1); }
#view-dosya-detay .qb:hover{ border-color:var(--gold); color:var(--gold2); }
#view-dosya-detay .qb.pasif{ opacity:.5; cursor:not-allowed; } #view-dosya-detay .qb.pasif:hover{ border-color:var(--line); color:var(--t1); }
#view-dosya-detay .hint{ font-size:11px; color:var(--t3); line-height:1.5; padding:4px 2px; }
#view-dosya-detay .ac{ padding:6px 12px; border:1px solid var(--line); border-radius:9px; font-size:12px; font-weight:600; cursor:pointer; color:var(--t1); white-space:nowrap; }
#view-dosya-detay .ac:hover{ border-color:var(--gold); color:var(--gold2); } #view-dosya-detay .ac.pasif{ opacity:.5; cursor:not-allowed; }
#view-dosya-detay .chk{ display:flex; align-items:center; gap:6px; font-size:12px; color:var(--t2); cursor:pointer; }
/* FAZ3 operasyon */
#view-dosya-detay .dd-op{ display:grid; grid-template-columns:1.4fr 1fr; gap:16px; align-items:start; }
#view-dosya-detay .op-l,#view-dosya-detay .op-r{ display:flex; flex-direction:column; gap:16px; }
#view-dosya-detay .op-id{ display:flex; gap:22px; align-items:center; padding:20px 24px; }
#view-dosya-detay .op-id .idinfo{ flex:1; } #view-dosya-detay .op-id .oz{ border-top:1px solid var(--line2); } #view-dosya-detay .op-id .oz:first-child{ border-top:none; }
#view-dosya-detay .opsum{ display:flex; gap:10px; padding:14px 18px; }
#view-dosya-detay .opsum .b{ flex:1; text-align:center; background:var(--inner); border-radius:10px; padding:12px 6px; }
#view-dosya-detay .opsum .b .n{ font-size:20px; font-weight:700; } #view-dosya-detay .opsum .b .l{ font-size:10.5px; color:var(--t3); margin-top:3px; }
#view-dosya-detay .katsum{ display:flex; flex-wrap:wrap; gap:6px; padding:4px 18px 16px; }
#view-dosya-detay .katsum .ks{ font-size:11.5px; background:var(--inner); border-radius:8px; padding:6px 10px; color:var(--t2); } #view-dosya-detay .katsum .ks b{ color:var(--t1); margin-left:5px; }
#view-dosya-detay .bvmini{ display:flex; align-items:center; gap:10px; padding:10px 18px; border-top:1px solid var(--line2); font-size:12.5px; }
#view-dosya-detay .bvmini .bvk{ font-weight:700; color:var(--gold2); width:34px; } #view-dosya-detay .bvmini .bvn{ flex:1; } #view-dosya-detay .bvmini .bvxy{ color:var(--t3); font-size:11.5px; }
#view-dosya-detay .actrow{ display:flex; gap:11px; padding:10px 18px; border-top:1px solid var(--line2); }
#view-dosya-detay .actrow i{ width:8px; height:8px; border-radius:50%; margin-top:5px; flex:none; }
#view-dosya-detay .actrow .ac-b .t{ font-size:12.5px; } #view-dosya-detay .actrow .ac-b .d{ font-size:10.5px; color:var(--t3); margin-top:2px; }
#view-dosya-detay .todo{ display:flex; gap:11px; padding:11px 18px; border-top:1px solid var(--line2); }
#view-dosya-detay .todo .dot{ width:8px; height:8px; border-radius:50%; margin-top:5px; flex:none; } #view-dosya-detay .todo .dot.o{ background:var(--orange); } #view-dosya-detay .todo .dot.r{ background:var(--red); }
#view-dosya-detay .todo .tn .n{ font-size:13px; } #view-dosya-detay .todo .tn .d{ font-size:10.5px; color:var(--t3); margin-top:2px; }
/* FAZ4 başvuru — İŞ2: viewport'a sığar, yatay taşma yok */
#view-dosya-detay .dd-bv{ display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:16px; align-items:start; }
#view-dosya-detay .bv-l{ min-width:0; }
#view-dosya-detay .bv-l .card{ overflow:hidden; }
#view-dosya-detay .bv-r{ display:flex; flex-direction:column; gap:16px; min-width:0; }
#view-dosya-detay .bvhead,#view-dosya-detay .bvrow{ display:grid; grid-template-columns:38px minmax(0,1.5fr) 90px 58px 92px 80px 92px minmax(0,1.4fr); gap:8px; align-items:center; }
#view-dosya-detay .bvhead > div,#view-dosya-detay .bvrow > div{ min-width:0; }
#view-dosya-detay .bvhead{ padding:10px 16px; font-size:9.5px; letter-spacing:.4px; text-transform:uppercase; color:var(--t3); border-bottom:1px solid var(--line2); }
#view-dosya-detay .bvrow{ padding:12px 16px; border-top:1px solid var(--line2); font-size:12px; }
#view-dosya-detay .bvrow .bv-main .n,#view-dosya-detay .bvrow .bv-son{ overflow:hidden; text-overflow:ellipsis; }
#view-dosya-detay .bv-basvur{ background:var(--gold); color:#1a1206; border:none; border-radius:8px; padding:7px 12px; font-size:12px; font-weight:700; cursor:pointer; width:100%; }
#view-dosya-detay .bv-basvur:hover{ background:var(--gold2); }
#view-dosya-detay .bv-done{ color:#7fd6a1; font-weight:700; font-size:12px; }
#view-dosya-detay .bv-undo{ display:block; font-size:10px; color:var(--t3); cursor:pointer; margin-top:2px; }
#view-dosya-detay .bv-undo:hover{ color:var(--gold2); }
#view-dosya-detay .bvrow .bv-k{ font-weight:700; color:var(--gold2); } #view-dosya-detay .bvrow .bv-main .n{ font-weight:600; } #view-dosya-detay .bvrow .bv-main .d{ font-size:10.5px; color:var(--t3); margin-top:2px; }
#view-dosya-detay .bv-xy{ text-align:center; } #view-dosya-detay .ringx{ width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; } #view-dosya-detay .ringx span{ width:28px; height:28px; border-radius:50%; background:var(--panel); display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; } #view-dosya-detay .bv-xy .xl{ font-size:10px; color:var(--t3); margin-top:3px; }
#view-dosya-detay .bv-yap .bt{ font-size:10px; color:var(--t3); margin-top:3px; } #view-dosya-detay .bv-son .d{ font-size:10px; color:var(--t3); margin-top:2px; }
/* FAZ5 evrak */
#view-dosya-detay .dd-ev{ display:grid; grid-template-columns:1fr 280px; gap:16px; align-items:start; }
#view-dosya-detay .ev-r{ display:flex; flex-direction:column; gap:16px; }
#view-dosya-detay .evtop{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 18px; border-bottom:1px solid var(--line2); flex-wrap:wrap; }
#view-dosya-detay .ekats{ display:flex; gap:6px; flex-wrap:wrap; }
#view-dosya-detay .ekat{ font-size:12px; padding:6px 12px; border-radius:9px; background:var(--inner); color:var(--t2); cursor:pointer; } #view-dosya-detay .ekat:hover{ color:var(--t1); } #view-dosya-detay .ekat.on{ background:rgba(212,166,79,.15); color:var(--gold2); }
#view-dosya-detay .ekat .b{ margin-left:6px; opacity:.7; font-size:11px; }
#view-dosya-detay .evlist .evr{ display:flex; align-items:center; gap:12px; padding:11px 18px; border-top:1px solid var(--line2); }
#view-dosya-detay .evlist .evr:first-child{ border-top:none; }
#view-dosya-detay .evr .ei{ width:30px; height:30px; border-radius:8px; background:var(--inner); display:flex; align-items:center; justify-content:center; color:var(--t2); flex:none; } #view-dosya-detay .evr .ei svg{ width:15px; height:15px; }
#view-dosya-detay .evr .en{ flex:1; min-width:0; } #view-dosya-detay .evr .en .n{ font-size:13px; font-weight:500; } #view-dosya-detay .evr .en .d{ font-size:10.5px; color:var(--t3); margin-top:2px; }
#view-dosya-detay .evtags{ display:flex; gap:5px; margin-top:5px; flex-wrap:wrap; } #view-dosya-detay .evtag{ font-size:9.5px; font-weight:700; padding:2px 7px; border-radius:6px; background:rgba(77,159,214,.15); color:#8fc4e8; }
#view-dosya-detay .evr .ic2{ color:var(--t3); display:flex; gap:9px; } #view-dosya-detay .evr .ic2 svg{ width:15px; height:15px; cursor:pointer; }
#view-dosya-detay .evlist .evr:hover{ background:var(--inner); }
/* İŞ3: A4 önizleme — masaüstü yan panel */
#view-dosya-detay .dd-ev.with-prev{ grid-template-columns:minmax(0,1fr) 460px; }
#view-dosya-detay .ev-prev{ background:var(--panel); border:1px solid var(--line); border-radius:14px; position:sticky; top:8px; display:flex; flex-direction:column; max-height:calc(100vh - 150px); overflow:hidden; }
#view-dosya-detay .ev-prev .ph{ display:flex; align-items:center; justify-content:space-between; padding:13px 18px; border-bottom:1px solid var(--line2); }
#view-dosya-detay .ev-prev .ph h3{ font-size:13px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#view-dosya-detay .ev-prev .ph .add{ font-size:12px; color:var(--gold2); cursor:pointer; flex:none; }
#view-dosya-detay .a4wrap{ flex:1; padding:16px; overflow:auto; display:flex; justify-content:center; align-items:flex-start; background:var(--bg2); }
#view-dosya-detay .a4doc{ width:100%; max-width:400px; aspect-ratio:1 / 1.414; background:#fff; border:1px solid var(--line); border-radius:6px; box-shadow:0 8px 30px rgba(0,0,0,.35); }
#view-dosya-detay iframe.a4doc{ border:none; }
#view-dosya-detay .a4doc img{ width:100%; height:100%; object-fit:contain; background:#fff; border-radius:6px; }
#view-dosya-detay .a4doc.ph{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:var(--t3); background:var(--inner); text-align:center; padding:24px; font-size:12.5px; box-shadow:none; }
#view-dosya-detay .a4foot{ padding:11px 16px; border-top:1px solid var(--line2); text-align:center; }
@media(max-width:900px){
  #view-dosya-detay .dd-ev.with-prev{ grid-template-columns:1fr; }
  #view-dosya-detay .ev-prev{ position:fixed; inset:0; z-index:300; border-radius:0; max-height:none; }
  #view-dosya-detay .a4doc{ max-width:92vw; }
}
/* FAZ6 proje */
#view-dosya-detay .dd-proje{ display:grid; grid-template-columns:1fr 320px; gap:16px; align-items:start; }
#view-dosya-detay .pj-r{ display:flex; flex-direction:column; gap:16px; }
#view-dosya-detay .dwgprev{ height:200px; margin:16px 18px; border:1px dashed var(--line); border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--t3); font-size:13px; text-align:center; gap:6px; } #view-dosya-detay .dwgprev .s{ font-size:11px; }
/* İŞ4: revizyon zaman çizgisi */
#view-dosya-detay .evlist .evr.sel{ background:rgba(212,166,79,.10); box-shadow:inset 3px 0 0 var(--gold); }
#view-dosya-detay .pj-tl{ padding:6px 0; }
#view-dosya-detay .pj-rev{ padding:12px 18px; border-top:1px solid var(--line2); }
#view-dosya-detay .pj-rev:first-child{ border-top:none; }
#view-dosya-detay .pj-rev .rh{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
#view-dosya-detay .pj-rev .rh b{ font-size:13px; }
#view-dosya-detay .pj-rev .rt{ display:flex; flex-wrap:wrap; gap:6px 14px; font-size:11px; color:var(--t3); }
#view-dosya-detay .pj-rev .rt b{ color:var(--t2); font-weight:600; }
/* FAZ7 aktivite */
#view-dosya-detay .dd-akt{ display:grid; grid-template-columns:1fr 320px; gap:16px; align-items:start; }
#view-dosya-detay .ak-r{ display:flex; flex-direction:column; gap:16px; }
#view-dosya-detay .akfilt{ display:flex; gap:6px; flex-wrap:wrap; padding:13px 18px; border-bottom:1px solid var(--line2); }
#view-dosya-detay .akf{ font-size:12px; padding:6px 12px; border-radius:9px; background:var(--inner); color:var(--t2); cursor:pointer; } #view-dosya-detay .akf.on{ background:rgba(212,166,79,.15); color:var(--gold2); }
#view-dosya-detay .akakis{ padding:6px 0 10px; }
#view-dosya-detay .akgun{ font-size:11px; font-weight:700; color:var(--t3); padding:12px 18px 6px; letter-spacing:.5px; }
#view-dosya-detay .akrow{ display:flex; align-items:flex-start; gap:10px; padding:8px 18px; }
#view-dosya-detay .aksaat{ font-size:11px; color:var(--t3); width:38px; flex:none; padding-top:2px; }
#view-dosya-detay .akdot{ width:9px; height:9px; border-radius:50%; flex:none; margin-top:5px; }
#view-dosya-detay .akb .akt{ font-size:13px; } #view-dosya-detay .akb .aktag{ font-size:10px; font-weight:700; margin-left:6px; }
#view-dosya-detay .akb .akd{ font-size:11px; color:var(--t3); margin-top:2px; } #view-dosya-detay .akek{ color:var(--blue); margin-left:4px; }
#view-dosya-detay .donutwrap{ display:flex; align-items:center; gap:18px; padding:16px 18px; }
#view-dosya-detay .donut{ width:90px; height:90px; border-radius:50%; flex:none; } #view-dosya-detay .donut span{ display:block; width:54px; height:54px; border-radius:50%; background:var(--panel); margin:18px; }
#view-dosya-detay .donutleg{ display:flex; flex-direction:column; gap:5px; font-size:11.5px; color:var(--t2); } #view-dosya-detay .donutleg .lg{ display:flex; align-items:center; gap:7px; } #view-dosya-detay .donutleg .lg span{ width:9px; height:9px; border-radius:2px; } #view-dosya-detay .donutleg .lg b{ margin-left:auto; color:var(--t1); }
/* FAZ8 rapor */
#view-dosya-detay .rapor-doc{ padding:24px 28px; }
#view-dosya-detay .rh{ display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--line2); margin-bottom:18px; }
#view-dosya-detay .rh .rt{ font-size:22px; font-weight:700; } #view-dosya-detay .rh .rs{ font-size:12px; color:var(--t3); margin-top:4px; } #view-dosya-detay .rh .rbtns{ display:flex; gap:10px; }
#view-dosya-detay .rgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
#view-dosya-detay .rcol h4{ font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--gold2); margin-bottom:6px; }
#view-dosya-detay .rcol .oz{ padding:8px 0; }
@media(max-width:1100px){ #view-dosya-detay .dd-op,#view-dosya-detay .dd-bv,#view-dosya-detay .dd-ev,#view-dosya-detay .dd-proje,#view-dosya-detay .dd-akt{ grid-template-columns:1fr; } #view-dosya-detay .rgrid{ grid-template-columns:1fr; } #view-dosya-detay .bvhead{ display:none; } #view-dosya-detay .bvrow{ grid-template-columns:46px 1fr; } }
@media print{ body *{ visibility:hidden; } #view-dosya-detay .rapor-doc,#view-dosya-detay .rapor-doc *{ visibility:visible; } #view-dosya-detay .rapor-doc{ position:absolute; left:0; top:0; width:100%; border:none; } #view-dosya-detay .rbtns{ display:none; } }

/* Düzeltme paketi: kritik işlem kartı (C3) */
#view-dosya-detay .action.calm{ border-color:var(--line); background:var(--inner); }
#view-dosya-detay .action.calm .ico{ background:rgba(77,159,214,.15); color:#8fc4e8; }
#view-dosya-detay .action.calm .lbl{ color:#8fc4e8; }
#view-dosya-detay .action .ac-main{ flex:1; }
#view-dosya-detay .action .ac-meta{ display:flex; gap:16px; flex-wrap:wrap; margin-top:6px; font-size:11.5px; color:var(--t2); }
#view-dosya-detay .action .ac-meta b{ color:var(--t1); font-weight:600; }
/* Aktivite sağ panel ikili (C2) */
#view-dosya-detay .ak-twin{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#view-dosya-detay .notlar-card{ border-color:var(--gold); box-shadow:0 0 0 1px rgba(212,166,79,.15); }
#view-dosya-detay .notlar-card .ph h3{ color:var(--gold2); }
@media(max-width:1300px){ #view-dosya-detay .ak-twin{ grid-template-columns:1fr; } }