/* Tam genişlik düzeltmeleri (ui.css'ten sonra yüklenir) */
.page{max-width:none;width:100%}
.grid-2,.grid-3{align-items:stretch}
.grid-2>.box,.grid-3>.box{height:100%}
.split{grid-template-columns:minmax(0,1fr) 380px}
.box>.scroll>table,.box>table{width:100%}
/* müşteri tablosu: sütunlara oransal genişlik, işlemler sağa yaslı */
.tbl-fill{table-layout:auto}
.tbl-fill th:nth-child(1){width:26%}
.tbl-fill th:nth-child(2){width:16%}
.tbl-fill th:nth-child(3){width:14%}
.tbl-fill th:nth-child(4){width:14%}
.tbl-fill td:last-child{width:30%}
@media(min-width:1700px){
  .kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
  .split{grid-template-columns:minmax(0,1fr) 420px}
  .panel-grid{grid-template-columns:minmax(0,1fr) 400px}
}
@media(max-width:1000px){.split{grid-template-columns:1fr}.grid-2>.box,.grid-3>.box{height:auto}}
.split.stretch{align-items:stretch}
.split.stretch>.box{height:100%}
.split .box>.empty{padding:90px 24px;font-size:14px}
.split .box>.empty::before{content:"";display:block;width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M7 15l4-4 3 3 5-6'/%3E%3C/svg%3E") center/22px no-repeat}

/* sayfa başlığı artık üst barda (header) */
.topbar{height:68px;gap:18px}
.top-title{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.25}
.top-title h1{font-size:18px;font-weight:700;letter-spacing:-.015em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-title p{margin:1px 0 0;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-title .back-link{margin:0 0 1px;font-size:11.5px;align-self:flex-start}
.page{padding-top:22px}
.sticky{top:88px}
.set-nav{top:92px}
@media(max-width:1180px){.top-title p{display:none}}
@media(max-width:700px){.switch-group{display:none}.top-btn{display:none}}
@media print{
  .topbar{display:block!important;position:static;height:auto;padding:0 0 12px;border:0;background:none}
  .topbar>*:not(.top-title){display:none!important}
  .top-title h1{font-size:22px}.top-title p{display:block!important}
}

/* ---- üst bar: sade ve özel ---- */
.topbar{height:64px;padding:0 24px;gap:16px;background:#fff;backdrop-filter:none;border-bottom:1px solid #ececea}
.top-title h1{font-size:17px}
.top-sep{width:1px;height:26px;background:#e7e5e4;flex:none}
.top-right{margin-left:0;gap:8px}
.topbar .icon-btn{width:36px;height:36px;border-color:transparent;background:transparent;color:#57534e}
.topbar .icon-btn:hover{background:#f5f5f4;border-color:transparent;color:var(--ink)}
.topbar .icon-btn .dot{top:1px;right:1px;min-width:16px;height:16px;font-size:10px;border:2px solid #fff;box-sizing:content-box}
.topbar .user-btn{border-color:transparent;background:transparent;padding:3px 8px 3px 3px;border-radius:999px}
.topbar .user-btn:hover{background:#f5f5f4;border-color:transparent}
.top-title{order:1}.ws{order:2;margin-left:auto}.top-sep{order:3}.top-right{order:4}

/* müşteri/site seçici */
.ws-btn{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px 0 6px;border:1px solid #e7e5e4;background:#fff;border-radius:12px;cursor:pointer;font:inherit;color:var(--ink);text-align:left;transition:border-color .15s,box-shadow .15s}
.ws-btn:not(.static):hover,.ws.open .ws-btn{border-color:#d6d3d1;box-shadow:0 1px 0 rgba(0,0,0,.03),0 0 0 3px rgba(234,88,12,.08)}
.ws-btn.static{cursor:default}
.ws-av{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.ws-t{display:flex;flex-direction:column;line-height:1.2;min-width:0;max-width:210px}
.ws-t small{font-size:11px;color:#78716c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-t b{font-size:13.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-btn .ic{width:15px;height:15px;color:#a8a29e;transition:transform .15s}
.ws.open .ws-btn .ic{transform:rotate(180deg)}
.ws-panel{left:auto;right:0;width:340px;max-width:calc(100vw - 24px);padding:0;overflow:hidden}
.ws-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f0efed}
.ws-search .ic{width:16px;height:16px;color:#a8a29e}
.ws-search input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:13.5px;padding:2px 0;margin:0;box-shadow:none}
.ws-list{max-height:min(380px,60vh);overflow:auto;padding:6px}
.ws-grp{display:flex;justify-content:space-between;align-items:baseline;padding:10px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#78716c}
.ws-grp small{font-weight:500;letter-spacing:0;text-transform:none;color:#a8a29e}
.ws-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--ink);text-decoration:none}
.ws-item:hover{background:#f5f5f4}
.ws-item.on{background:#fff7ed}
.ws-item .ic{width:16px;height:16px;color:#ea580c;margin-left:auto;flex:none}
.ws-it{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ws-it b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-it small{font-size:11.5px;color:#78716c}
.ws-dot{width:8px;height:8px;border-radius:50%;flex:none}
.ws-dot.ok{background:#16a34a}.ws-dot.bad{background:#d6d3d1}
.ws-none{padding:18px;text-align:center;color:#78716c;font-size:13px}
.ws-foot{display:flex;align-items:center;gap:8px;padding:11px 14px;border-top:1px solid #f0efed;background:#fafaf9;font-size:12.5px;font-weight:600;color:#57534e;text-decoration:none}
.ws-foot:hover{color:var(--ink);background:#f5f5f4}
.ws-foot .ic{width:15px;height:15px}
@media(max-width:900px){.ws-t small{display:none}.ws-btn{height:38px}.top-sep{display:none}}
@media(max-width:700px){.ws{display:block}.ws-t{max-width:110px}.top-title{display:none}.ws{margin-left:0}.top-right{margin-left:auto}}
.top-title:has(.back-link) p{display:none}
.top-title .back-link{margin-bottom:2px}
.btn{white-space:nowrap}

/* ================= Görev panosu: sade, modern ================= */
.toolbar:has(+ .board){margin-bottom:18px}
.tb-right{display:flex;gap:10px;align-items:center;margin-left:auto}
.tsearch{position:relative;display:flex;align-items:center}
.tsearch .ic{position:absolute;left:11px;width:15px;height:15px;color:#a8a29e;pointer-events:none}
.tsearch input{width:200px;padding:8px 12px 8px 33px;border:1px solid #e7e5e4;border-radius:10px;background:#fff;font-size:13px;margin:0;transition:width .2s,border-color .15s}
.tsearch input:focus{width:260px;outline:0;border-color:#fdba74;box-shadow:0 0 0 3px rgba(234,88,12,.08)}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.bcol{background:transparent;border-radius:16px;padding:0;min-height:0;border:1px solid transparent;transition:background .15s,border-color .15s}
.bcol-h{display:flex;align-items:center;gap:8px;padding:2px 4px 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#78716c}
.bcol-h b{font-weight:700}
.bdot{width:8px;height:8px}
.bcol-h .cnt{margin-left:4px;background:#f0efed;color:#57534e;font-size:11px;padding:1px 8px}
.bcol-b{gap:8px;min-height:90px;padding:6px;margin:-6px;border-radius:14px}
.bcol.over{background:#fff7ed;border-color:#fdba74;border-style:dashed}
.board.is-dragging .bcol-b{outline:1.5px dashed #e7e5e4;outline-offset:2px}
.bempty{border:1.5px dashed #e7e5e4;border-radius:12px;padding:22px 0;color:#a8a29e;font-size:12.5px;background:transparent}

.tcard{position:relative;background:#fff;border:1px solid #ececea;border-left:1px solid #ececea;border-radius:12px;padding:12px 14px 11px;box-shadow:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s}
.tcard[draggable=true]{cursor:grab}
.tcard:hover{border-color:#d6d3d1;box-shadow:0 4px 14px rgba(28,25,23,.06)}
.tcard.dragging{opacity:.35;transform:scale(.98)}
.tcard.landed{animation:landed .5s ease}
@keyframes landed{0%{box-shadow:0 0 0 0 rgba(234,88,12,.45)}100%{box-shadow:0 0 0 12px rgba(234,88,12,0)}}
.tcard.pr-kritik,.tcard.pr-yuksek,.tcard.pr-orta,.tcard.pr-dusuk{border-left:1px solid #ececea}
.tc-top{display:flex;align-items:center;gap:8px;min-height:22px}
.rl{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#57534e}
.rl i{width:7px;height:7px;border-radius:50%;background:#a8a29e}
.rl[data-role=seo] i{background:#f97316}.rl[data-role=editor] i{background:#3b82f6}.rl[data-role=yazilimci] i{background:#16a34a}.rl[data-role=tasarimci] i{background:#a855f7}.rl[data-role=musteri] i{background:#0ea5e9}
.pri{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;letter-spacing:.02em}
.pri-kritik{background:#fee2e2;color:#b91c1c}.pri-yuksek{background:#ffedd5;color:#c2410c}
.tc-lock{color:#a8a29e;display:inline-flex}.tc-lock .ic{width:13px;height:13px}
.tc-acts{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity .15s}
.tcard:hover .tc-acts,.tcard:focus-within .tc-acts{opacity:1}
@media(hover:none){.tc-acts{opacity:1}}
.tc-b{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#78716c;display:grid;place-items:center;cursor:pointer;font-size:15px;line-height:1;padding:0}
.tc-b:hover{background:#f5f5f4;color:var(--ink)}.tc-b .ic{width:14px;height:14px}
.tc-title{font-size:14px;font-weight:600;line-height:1.4;margin:6px 0 0;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tc-url{font-size:11.5px;color:#a8a29e;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-foot{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11.5px;color:#78716c}
.tc-foot:empty{display:none}
.tc-due{display:inline-flex;align-items:center;gap:4px}.tc-due .ic{width:12px;height:12px}.tc-due.late{color:#dc2626;font-weight:600}
.tc-eff{font-weight:600}.tc-eff.up{color:#16a34a}.tc-eff.down{color:#dc2626}
.tc-av{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#1c1917;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.st-tamam .tc-title{color:#78716c;text-decoration:line-through;text-decoration-color:#d6d3d1}
.st-tamam .tcard{background:#fafaf9}
.tcard[hidden]{display:none}
@media(max-width:1100px){.board{grid-template-columns:1fr}.tb-right{width:100%}.tsearch input,.tsearch input:focus{width:100%}.tsearch{flex:1}}

/* görev toplu seçim */
.tc-sel{display:none;width:16px;height:16px;margin:0 2px 0 0;accent-color:#ea580c;cursor:pointer}
.board.selecting .tc-sel{display:inline-block}
.board.selecting .tcard{cursor:pointer}
.board.selecting .tc-acts{display:none}
.tcard.picked{border-color:#ea580c;background:#fff7ed;box-shadow:0 0 0 1px #ea580c}
#sel-toggle.on{background:var(--ink,#1c1917);color:#fff;border-color:var(--ink,#1c1917)}
.selbar{position:fixed;left:50%;bottom:64px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:10px;background:#1c1917;color:#fff;padding:10px 12px 10px 18px;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.28);font-size:13.5px;font-weight:600}
.selbar[hidden]{display:none}
.selbar .ghost{background:transparent;color:#d6d3d1;border-color:#44403c}
.selbar .ghost:hover{color:#fff;border-color:#78716c}
.btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}.btn.danger:hover{background:#b91c1c}.btn.danger:disabled{opacity:.45}