:root{--bg:#080a0c;--panel:#101417;--panel2:#151b1f;--panel3:#1a2227;--line:#293238;--text:#eef4f4;--muted:#819097;--a:#39d7cf;--a2:#1fa59e;--danger:#ff6478;--warn:#ffb45d;--blue:#67a8ff}*{scrollbar-width:thin;scrollbar-color:#2b363b transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2b363b;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#39d7cf66;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}
.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:235px;background:#0c1012;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{height:68px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid var(--line);font-weight:900;font-size:18px;letter-spacing:1.4px}.brand span{color:var(--a)}
.nav{padding:14px 10px}.nav-label{color:#5e6b72;font-size:9px;font-weight:900;letter-spacing:1.4px;padding:8px}.navbtn{width:100%;border:1px solid transparent;background:transparent;color:#aab5b9;text-align:left;padding:10px 11px;border-radius:7px;margin:2px 0}.navbtn:hover{background:var(--panel2);color:#fff}.navbtn.active{background:#153432;border-color:#245f5b;color:#eafffe}.navbtn b{margin-right:9px}.navsub{padding-left:30px;font-size:11px}.teammini{margin-top:auto;border-top:1px solid var(--line);padding:12px}.mini{display:flex;gap:8px;align-items:center;padding:7px;border-radius:6px}.mini:hover{background:var(--panel2)}.avatar{width:29px;height:29px;border-radius:6px;background:#252e33;display:grid;place-items:center;font-size:9px;font-weight:900;color:#cdd6d8}.mini small{color:var(--muted);display:block;font-size:9px;margin-top:2px}
.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{height:68px;background:#0d1113;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:16px}.crumb{color:var(--muted)}.crumb b{color:#fff}.top-actions{margin-left:auto;display:flex;gap:7px}.btn{background:#141a1e;border:1px solid var(--line);color:#dce5e7;border-radius:6px;padding:8px 12px}.btn:hover{border-color:#526168}.btn.primary{background:var(--a);border-color:var(--a);color:#061211;font-weight:900}
.view{display:none;flex:1;min-height:0}.view.active{display:flex}.content{flex:1;overflow:auto;padding:22px}.page-title{font-size:22px;font-weight:900;margin:0 0 5px}.page-sub{color:var(--muted);margin-bottom:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px}.stat .k{font-size:10px;color:var(--muted);letter-spacing:1px}.stat .v{font-size:25px;font-weight:900;margin-top:8px}.accent{color:var(--a)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px}.card h3{font-size:12px;margin:0 0 12px}.row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #222a2e}.row:last-child{border:0}.muted{color:var(--muted)}.progress{height:7px;background:#222a2e;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--a);border-radius:99px}.pill{font-size:9px;padding:4px 7px;border:1px solid #2f6965;color:#8de8e3;border-radius:99px;background:#102321}.search{background:#101619;border:1px solid var(--line);border-radius:6px;color:#fff;padding:9px 11px;outline:none}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px}.toolbar .spacer{flex:1}
.playbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.strat{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px;cursor:pointer}.strat:hover{border-color:#466167;transform:translateY(-1px)}.strat-top{display:flex;justify-content:space-between}.strat h3{margin:9px 0 5px}.strat-meta{color:var(--muted);font-size:10px}.strat-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}
.pb-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:6px}
.pb-map-card{background:#121a1c;border:1px solid #1c3033;border-radius:12px;padding:10px;cursor:pointer;transition:.12s}
.pb-map-card:hover{border-color:#39d7cf66;transform:translateY(-2px)}
.pb-map-thumb{height:110px;border-radius:8px;background:#070a0c;display:grid;place-items:center;overflow:hidden;margin-bottom:9px;border:1px solid #39d7cf59;box-shadow:0 0 0 1px #39d7cf14,0 8px 18px #0005}
.pb-map-thumb img{width:86%;height:86%;object-fit:contain;opacity:1}
.pb-map-card b{font-size:13px}
.pb-map-card .muted{font-size:10px;margin-top:2px}
.strat-group{margin-bottom:26px}
.strat-group-title{font-size:12px;font-weight:900;letter-spacing:.4px;margin-bottom:11px;display:flex;align-items:center;gap:8px;color:#dfe8ea;text-transform:uppercase;padding-left:11px;position:relative}
.strat-group-title:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:4px;border-radius:3px;background:#526168}
.strat-group-title.side-attack:before{background:var(--a)}
.strat-group-title.side-defense:before{background:#ff6478}
.strat-group-title .muted{font-size:10px;font-weight:700;text-transform:none;letter-spacing:0}

.editor{display:flex;flex:1;min-height:0}.maplist{width:155px;background:#0e1315;border-right:1px solid var(--line);padding:12px;overflow:auto}.mapitem{padding:10px;border:1px solid transparent;border-radius:7px;margin-bottom:6px;color:#aab4b8;cursor:pointer}.mapitem:hover{background:var(--panel2)}.mapitem.active{border-color:#286863;background:#12302e;color:#fff}.mapicon{height:65px;border-radius:5px;background:#080a0c;margin-bottom:7px;display:grid;place-items:center;overflow:hidden}.mapicon img{width:90%;height:90%;object-fit:contain;opacity:.75}.maplist-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.maplist-head b{font-size:10px;letter-spacing:.06em;color:#6f7c80;font-weight:800}.maplist-toggle{flex:0 0 auto;width:24px;height:24px;border-radius:6px;border:1px solid var(--line);background:#151b1f;color:#c8d2d5;cursor:pointer;display:grid;place-items:center;font-size:11px;transition:transform .2s ease,border-color .15s ease}.maplist-toggle:hover{border-color:var(--a);color:#fff}.maplist:not(.collapsed) .maplist-toggle{transform:rotate(180deg)}.maplist-active{display:none;align-items:center;gap:10px;padding:8px 9px;border:1px solid #286863;border-radius:8px;background:#12302e66;cursor:pointer;margin-bottom:10px;transition:border-color .15s ease}.maplist-active:hover{border-color:var(--a)}.maplist.collapsed .maplist-active{display:flex}.maplist-active .mapicon{width:42px;height:42px;flex:0 0 auto;margin:0;border-radius:6px}.maplist-active b{flex:1;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maplist-active .chev{color:#8a9598;font-size:10px;flex:0 0 auto}.map-panel{overflow:hidden;max-height:1600px;opacity:1;transition:max-height .28s ease,opacity .2s ease}.maplist.collapsed .map-panel{max-height:0;opacity:0;pointer-events:none}.mapicon{position:relative;isolation:isolate;border:1px solid #202a2e}.mapicon:before{content:'';position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 30%,#39d7cf21 0%,#39d7cf0a 35%,#0d1517 62%,#070a0b 100%);z-index:0}.boardwrap{flex:1;display:flex;flex-direction:column;min-width:0}.boardtop{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:6px;background:#0c1012}.toolbtn{height:34px;min-width:36px;background:#151b1f;border:1px solid var(--line);border-radius:6px;color:#c8d2d5}.toolbtn.active{border-color:var(--a);color:#fff;background:#143432}.boardstage{flex:1;position:relative;overflow:hidden;background:radial-gradient(130% 120% at 50% 0%,#12302e2e 0%,#0d1417 35%,#070a0b 65%,#050708 100%)}.board{position:absolute;inset:18px;background:#060809;border:1px solid #2b353a;border-radius:9px;overflow:hidden;transform-origin:center center;transition:transform .15s ease;user-select:none;-webkit-user-select:none}.board:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(130% 95% at 50% 35%,#39d7cf26 0%,#39d7cf0f 30%,#0d1618 58%,#070a0b 100%);box-shadow:inset 0 0 100px #39d7cf1f}.board > #mapImage{position:absolute;inset:2%;width:96%;height:96%;object-fit:contain;filter:brightness(1) contrast(1.05);user-select:none;pointer-events:none;z-index:1}.grid{position:absolute;inset:0;background-image:linear-gradient(#39d7cf08 1px,transparent 1px),linear-gradient(90deg,#39d7cf08 1px,transparent 1px);background-size:70px 70px;pointer-events:none;z-index:1}.draw-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.draw-layer path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.obj{position:absolute;z-index:5}.agentobj{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0c1617;border:2px solid var(--a);box-shadow:0 0 0 4px #39d7cf22;font-size:8px;font-weight:900;cursor:grab}.utilobj{min-width:54px;height:54px;padding:4px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#ffffff0c;border:1px dashed #d6dddd;font-size:8px;color:#eef4f4;cursor:grab}.utilobj.smoke{border-color:#aeb8bb}.utilobj.flash{border-color:#fff}.utilobj.molly{border-color:#ffae67}.noteobj{background:#0b1112e8;border:1px solid #526066;border-radius:5px;padding:5px 7px;font-size:9px;cursor:grab}.rectobj{border:2px solid var(--rect-color,var(--a));background:var(--rect-bg,#39d7cf12);border-radius:4px;width:150px;height:90px}.lineobj{height:3px;background:var(--line-color,var(--a));width:150px;transform-origin:left}.lineobj:after{content:"";position:absolute;right:-1px;top:-4px;border-left:9px solid var(--line-color,var(--a));border-top:5px solid transparent;border-bottom:5px solid transparent}.lineobj.noarrow:after{display:none}.lineobj.dashed{background:none;border-top:3px dashed var(--line-color,var(--a))}
.righttools{width:260px;background:#0f1416;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden}

/* Tactical Board — yenilenmiş ikon tabanlı düzen */
.board-mapinfo{display:flex;align-items:center;gap:12px}
.board-mapinfo b{font-size:13px}
.side-toggle-mini{display:flex;background:#161b1e;border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px}
.side-mini{border:0;background:transparent;color:#8b979c;padding:5px 11px;border-radius:5px;font-size:10px;font-weight:800}
.side-mini.active{background:var(--a);color:#061211}
.icontool{width:34px;height:34px;background:#141a1e;border:1px solid var(--line);border-radius:6px;color:#c8d2d5;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;line-height:1}
.icontool:hover{border-color:#526168}
.icontool.danger:hover{border-color:#8a3844;color:#ff8a96}
.board-hint{padding:6px 14px;color:#647177;font-size:10px;background:#0c1012;border-bottom:1px solid var(--line)}
.board-body{display:flex;flex:1;min-height:0;overflow:hidden}
.boardrail{width:108px;flex:0 0 auto;background:#0e1315;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;overflow-y:auto}
.rail-colors{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);width:100%}
.colordot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer}
.colordot.active{border-color:#fff}
.colordot.addcolor{background:#1a2227;color:#8b979c;font-size:11px;font-weight:900;line-height:14px;border:1px dashed #3a444a}
.rail-toggles{display:flex;gap:6px;width:100%;justify-content:center;padding-top:8px;border-top:1px solid var(--line)}
.railtoggle{width:26px;height:26px;background:#141a1e;border:1px solid var(--line);border-radius:6px;color:#c8d2d5;font-size:12px}
.railtoggle.active{border-color:var(--a);color:#fff;background:#143432}
.rail-slider{width:100%;padding-top:8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.rail-slider label{font-size:8px;color:#6d7a80;letter-spacing:.3px}
.rail-slider input[type=range]{width:100%;accent-color:var(--a);height:14px}
.board-status{height:34px;flex:0 0 auto;background:#0e1315;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:8px;color:#9aa7ac;font-size:10px}
.board-status .statdot{color:#454f54}
.zoombtn{width:28px;height:28px;background:#161b1e;border:1px solid var(--line);border-radius:6px;color:#c8d2d5;font-size:16px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.zoombtn:hover{border-color:#526168;background:#1c2226}
#zoomPct{min-width:34px;text-align:center}.rtabs{display:flex;padding:10px;gap:6px;border-bottom:1px solid var(--line)}.rtab{flex:1;background:#11171a;border:1px solid var(--line);color:#8b979c;padding:8px;border-radius:5px}.rtab.active{background:var(--a);color:#071110;border-color:var(--a);font-weight:900}.rbody{padding:12px;overflow:auto;min-height:0;flex:1}.sectionlabel{font-size:9px;color:#647177;font-weight:900;letter-spacing:1.2px;margin:9px 0}.agentcard{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:6px;cursor:pointer}.agentcard:hover{background:var(--panel2);border-color:var(--line)}.agentcard.active{border-color:#286863;background:#12302e}.utilbtn{width:100%;text-align:left;background:#141a1e;color:#dce3e5;border:1px solid var(--line);padding:8px;border-radius:5px;margin:3px 0}.utilbtn:hover{border-color:#4e5c62}.ability-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.layer{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:9px;margin-bottom:6px;display:flex;justify-content:space-between}

/* Compact agent picker inspired by the supplied reference. */
.agentpalette{padding:10px 10px 9px;border-bottom:1px solid var(--line);background:#0b0e11;flex:0 0 auto}
.agent-search{width:100%;height:34px;background:#15171b;border:1px solid #30343a;border-radius:8px;color:#fff;padding:0 11px;outline:none;font-size:12px;margin-bottom:8px}.agent-search::placeholder{color:#737980}.agent-search:focus{border-color:#59636b}
.role-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:#17191d;border-radius:8px;padding:2px;margin-bottom:8px}.role-tab{border:0;background:transparent;color:#777c83;padding:6px 2px;border-radius:6px;font-size:10px}.role-tab.active{background:#f2f3f5;color:#17191d;font-weight:800}
.side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#1a1c20;border-radius:8px;padding:2px;margin-bottom:10px}.side-btn{border:0;background:transparent;color:#6f777d;padding:6px;border-radius:7px;font-size:10px}.side-btn.team.active{color:#e9f1f2}.side-btn.enemy.active{background:#ff4961;color:#fff;font-weight:800}.side-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#438fff}.enemy .side-dot{background:#111}
.agentgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-height:238px;overflow-y:auto;padding:0 1px 2px}.agentpick{position:relative;min-width:0;height:44px;border:1px solid #272c31;border-radius:7px;background:#121519;color:#dfe5e6;overflow:hidden;cursor:grab;user-select:none;padding:0 3px;display:flex;align-items:flex-end;justify-content:center;text-align:center}.agentpick:hover{border-color:#4a565d;background:#181d21}.agentpick:active{cursor:grabbing;transform:scale(.97)}.agentpick.active{border:2px solid var(--a);background:#12302e;color:#fff}.agentpick .agentname{position:relative;z-index:2;display:block;width:100%;padding:0 1px 6px;font-size:8px;line-height:1.05;font-weight:900;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(transparent,rgba(0,0,0,.85) 60%)}.agentpick .role-dot{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#65727a;z-index:2}.agentpick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.agentpick[data-role="Duelist"] .role-dot{background:#ff5d70}.agentpick[data-role="Initiator"] .role-dot{background:#4f9cff}.agentpick[data-role="Controller"] .role-dot{background:#9b7cff}.agentpick[data-role="Sentinel"] .role-dot{background:#55d38a}
.agent-filter-empty{font-size:10px;color:#667077;padding:12px;text-align:center;display:none}.selected-agent-mini{width:28px;height:28px;border-radius:6px;object-fit:cover}.agent-tools-title{display:flex;align-items:center;gap:8px;padding:8px;background:#12181b;border:1px solid var(--line);border-radius:6px;margin-bottom:8px}.agent-tools-title b{font-size:11px}.utility-list{padding-bottom:8px}
@media(max-width:1100px){.righttools{width:245px}.agentgrid{grid-template-columns:repeat(5,1fr)}}

.assignment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.assign{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px}.assign-head{display:flex;justify-content:space-between}.assign h3{margin:6px 0}.due{font-size:9px;color:var(--muted)}.check{background:#151b1f;border:1px solid var(--line);padding:6px 9px;border-radius:5px;color:#dce4e6}.check.done{background:#12302e;border-color:#2b6762;color:#9beee9}
.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #242d31;font-size:11px}.table th{color:#6d7a80;font-size:9px;letter-spacing:1px}.table tr:last-child td{border:0}
.modal{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:100}.modal.show{display:flex}.modalbox{width:500px;background:#11171a;border:1px solid #354047;border-radius:10px;padding:18px;box-shadow:0 25px 70px #000}.modalbox h2{margin:0 0 14px}.field{margin:10px 0}.field label{display:block;color:#89959a;font-size:10px;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;background:#0b1012;border:1px solid var(--line);border-radius:6px;color:#fff;padding:9px;outline:none}.field textarea{min-height:110px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#e9fbfa;color:#071110;font-weight:900;padding:9px 13px;border-radius:6px;z-index:200;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.sidebar{width:190px}.righttools{width:225px}.grid4{grid-template-columns:repeat(2,1fr)}.playbook-grid{grid-template-columns:repeat(2,1fr)}}
#demoBadge{position:fixed;right:12px;bottom:12px;z-index:9999;background:#39d7cf;color:#061211;font-weight:900;font-size:10px;padding:7px 10px;border-radius:5px;letter-spacing:.5px;box-shadow:0 8px 25px #0008}\n



.boardstage.drag-over .board{outline:2px solid #39d7cf66;outline-offset:-2px}
.board-trash{position:absolute;top:10px;left:10px;z-index:30;width:36px;height:36px;border-radius:8px;background:#1a1315e6;border:1px dashed #6a3a3f;color:#ff8a96;font-size:16px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:.12s}
.board-trash.active{background:#5c1a22;border-color:#ff5d70;color:#fff;transform:scale(1.15)}
.obj.selected{outline:2px solid #fff;outline-offset:2px}
.resize-handle{position:absolute;display:flex;gap:4px;background:#0d1416;border:1px solid var(--a);border-radius:14px;padding:3px;z-index:40;box-shadow:0 2px 8px #000a}
.resize-handle button{width:20px;height:20px;border-radius:50%;border:0;background:#182226;color:#dfe9ea;font-size:13px;font-weight:900;line-height:1;padding:0;cursor:pointer}
.resize-handle button:hover{background:var(--a);color:#06120f}
.board .agentobj{width:28px;height:28px;border-radius:6px;overflow:hidden;background:#0c1617;border:2px solid var(--a);box-shadow:0 0 0 2px #39d7cf22;font-size:0}
.board .agentobj.enemy{border-color:#ff5d70;box-shadow:0 0 0 2px #ff5d7033}
.board .agentobj.enemy .agent-tag{background:#3a0d13c9}
.board .agentobj img{position:static;width:100%;height:100%;object-fit:cover;filter:none;pointer-events:none}
.board .agentobj .agent-tag{position:absolute;left:0;right:0;bottom:0;background:#050708c9;color:#fff;font-size:6px;font-weight:900;text-align:center;padding:1px 1px;line-height:1}
.agent-tools-title{display:flex;align-items:center;gap:7px}.selected-agent-mini{width:34px;height:34px;border-radius:5px;object-fit:cover;border:1px solid var(--a)}
.utility-list{margin-top:8px}.empty-agent{padding:18px 8px;border:1px dashed #2b3a40;border-radius:6px;color:#718087;font-size:10px;line-height:1.5;text-align:center}
@media(max-width:900px){.board .agentobj{width:24px;height:24px}}
.icontool.lineup-btn{width:auto;padding:0 12px;font-size:10px;font-weight:900;letter-spacing:.7px;margin-left:10px}
.icontool.lineup-btn.active{border-color:var(--a);background:#143432;color:#eafffe}
.rtabs{flex:0 0 auto;flex-wrap:nowrap}
.rtab{font-size:9px;padding:7px 4px;letter-spacing:.3px;white-space:nowrap}
.lineup-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8}
.lineup-layer line,.lineup-layer path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.lineup-layer circle{vector-effect:non-scaling-stroke}
.lineup-marks{position:absolute;inset:0;pointer-events:none;z-index:22}
.lineup-agent{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:6px;border:1.5px solid var(--a);background:#0c1617;overflow:visible;box-shadow:0 0 0 2px #39d7cf22,0 3px 8px #0007;pointer-events:auto;cursor:grab;z-index:3;touch-action:none}
.lineup-agent img{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:5px}
.lineup-agent.on{outline:2px solid #fff;outline-offset:1px}
.lineup-land{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--a);border:2px solid #fff;box-shadow:0 0 0 2px #39d7cf33,0 3px 8px #0007;pointer-events:auto;cursor:grab;z-index:3;touch-action:none}
.lineup-land:after{content:'';position:absolute;inset:-10px;border-radius:50%}
.lineup-land.on{outline:2px solid #fff;outline-offset:2px}
.lineup-agent.dragging,.lineup-land.dragging{cursor:grabbing;z-index:9}
.lineup-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.lineup-chip{border:1px solid var(--line);background:#141a1e;color:#c8d2d5;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:800}
.lineup-chip.on{border-color:var(--a);background:#143432;color:#eafffe}
.lineup-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#12181b;border:1px solid var(--line);border-radius:7px;padding:7px 8px;margin:0 0 5px;color:#dce5e7;cursor:pointer}
.lineup-item:hover{border-color:#4e5c62}
.lineup-item.on{border-color:var(--a);background:#12302e}
.lineup-item img{width:22px;height:22px;object-fit:cover;border-radius:4px;flex:0 0 auto}
.lineup-item b{display:block;font-size:11px}
.lineup-item span{flex:1;min-width:0}
.lineup-item small{display:block;color:#7d8a8f;font-size:9px;margin-top:1px}
.lineup-item .lu-del{margin-left:auto;flex:0 0 auto;width:22px;height:22px;border:0;background:#1a1315;color:#ff8a96;border-radius:5px;font-size:12px}
.lineup-empty{padding:14px 8px;color:#718087;font-size:10px;line-height:1.5;text-align:center}
.boardstage.lineup-placing,.board.lineup-placing{cursor:crosshair}

/* Görevlendirme (per-person assignment board) */
.role-switch{display:flex;align-items:center;gap:8px}
.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.person-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px;display:flex;flex-direction:column}
.person-head{display:flex;align-items:center;gap:10px;margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid #222a2e}
.person-head .avatar{width:34px;height:34px;font-size:10px;flex:0 0 auto}
.person-head b{font-size:13px}
.person-head small{color:var(--muted);display:block;font-size:9px;margin-top:2px;letter-spacing:.5px}
.task-empty{color:#647177;font-size:10px;padding:16px 6px;text-align:center;border:1px dashed #2b3439;border-radius:6px}
.task-list{display:flex;flex-direction:column;gap:9px}
.task-card{background:#12171a;border:1px solid #232b30;border-radius:8px;padding:12px 12px 11px}
.task-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.priority-pill{font-size:9px;font-weight:900;padding:3px 8px;border-radius:5px;letter-spacing:.3px;white-space:nowrap}
.priority-low{background:#12302e;color:#8de8e3}
.priority-medium{background:#2a2410;color:#ffcf8a}
.priority-high{background:#3a1418;color:#ff8a96}
.due-pill{font-size:9px;color:#8b979c;background:#0e1315;border:1px solid #263038;padding:3px 8px;border-radius:5px;white-space:nowrap}
.task-card-title{font-size:12.5px;font-weight:800;line-height:1.35;margin-bottom:11px}
.task-progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.task-progress-row span{font-size:9px;color:var(--muted);letter-spacing:.3px}
.task-progress-row b{font-size:11px;color:var(--a)}
.task-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:11px}
.status-badge{font-size:9px;padding:4px 8px;border-radius:99px;font-weight:800;letter-spacing:.3px;white-space:nowrap}
.status-pending{background:#1a2227;color:#9fb0b7;border:1px solid #2c363c}
.status-awaiting{background:#2a2410;color:#ffcf8a;border:1px solid #6a4f1f}
.status-done{background:#102321;color:#8de8e3;border:1px solid #2f6965}
.waiting-note{font-size:9px;color:#ffcf8a}

/* Haftalık Takvim */
.cal-blocks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cal-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 8px 8px 12px;border-radius:7px;border:1px solid var(--line);background:#141a1e;color:#dce5e7;cursor:grab;font-weight:900;font-size:10.5px;letter-spacing:.3px;user-select:none}
.cal-chip:active{cursor:grabbing}
.cal-chip .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.cal-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px;margin-top:4px}
.cal-table{width:100%;border-collapse:collapse;background:var(--panel);min-width:760px}
.cal-table th,.cal-table td{border:1px solid #232b30}
.cal-table thead th{background:#12181b;color:#c9d3d6;font-size:10.5px;font-weight:900;padding:10px 8px;letter-spacing:.4px}
.cal-day-head{background:#161d21;text-align:left;padding-left:14px!important}
.cal-hour-actions{display:flex;align-items:center;justify-content:center;gap:6px}
.cal-hour-remove{background:transparent;border:0;color:#5c6a70;font-size:12px;line-height:1;padding:0 2px;cursor:pointer}
.cal-hour-remove:hover{color:var(--danger)}
.cal-addhour-th{background:#0e1315}
.cal-day-cell{background:#161d21;color:#eef4f4;font-weight:900;font-size:10.5px;padding:10px 14px;text-align:left;white-space:nowrap}
.cal-cell{height:48px;min-width:104px;text-align:center;vertical-align:middle;transition:.12s}
.cal-cell.drag-over{background:#39d7cf14;outline:2px dashed #39d7cf66;outline-offset:-2px}
.cal-block-fill{height:100%;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9.5px;font-weight:900;letter-spacing:.4px;color:#fff;text-shadow:0 1px 2px #00000070;position:relative;padding:0 18px}
.cal-block-fill .cal-clear{position:absolute;right:3px;top:50%;transform:translateY(-50%);background:#00000040;border:0;color:#fff;font-size:10px;border-radius:50%;width:15px;height:15px;line-height:15px;padding:0;cursor:pointer}
.cal-block-fill .cal-clear:hover{background:#00000070}

.utilbtn{display:flex;align-items:center;gap:8px}
.utilbtn img{width:22px;height:22px;object-fit:contain;flex:0 0 auto;background:#080c0e;border-radius:4px;padding:2px}
.utilobj.has-icon{min-width:40px;width:40px;height:40px;padding:5px;background:#0c1617}
.utilobj.has-icon img{width:26px;height:26px;object-fit:contain;pointer-events:none}

.mapicon{border:1px solid #39d7cf55 !important;box-shadow:0 0 0 1px #39d7cf14,0 4px 12px #0005;background:#070a0c}
.mapicon:before{opacity:.35}
.mapicon img{opacity:.95;position:relative;z-index:1}
.pb-map-card b{letter-spacing:.2px}

.boardrail{width:118px;gap:8px}
.rail-main{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}
.rail-main .toolbtn{width:42px;height:42px;min-width:42px;border-radius:8px;background:#143032;border:0;color:#eef4f4;display:grid;place-items:center;padding:0}
.rail-main .toolbtn svg{width:20px;height:20px;fill:currentColor}
.rail-main .toolbtn.active{background:var(--a);color:#061211}
.rail-type{width:100%;padding-top:8px;border-top:1px solid var(--line)}
.rail-type-label{font-size:9px;color:#cfd8da;font-weight:800;margin:0 0 7px 2px}
.rail-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.typebtn{width:100%;aspect-ratio:1;height:auto;min-width:0;border:0;border-radius:7px;background:#143032;color:#eef4f4;display:grid;place-items:center;padding:0}
.typebtn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.typebtn svg circle{fill:currentColor;stroke:none}
.typebtn.active{background:var(--a);color:#061211}
.imgobj{width:140px;height:90px;overflow:hidden;border:1px solid #39d7cf66;border-radius:6px;background:#0c1617;cursor:grab}
.imgobj img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.targetobj{position:relative;width:26px;height:26px;border-radius:50%;border:2px solid var(--a);background:#39d7cf22;cursor:grab;box-shadow:0 0 0 3px #39d7cf22}
.targetobj:after{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid var(--a)}
.draw-layer .measure-dot{stroke:none}
.draw-layer .measure-label{font:700 2.35px Inter,Arial,sans-serif;fill:#fff}
.draw-layer .measure-run{font:700 2.05px Inter,Arial,sans-serif;fill:var(--a)}
.draw-layer .measure-walk{font:700 2.05px Inter,Arial,sans-serif;fill:#9aa7ab}
.draw-layer .measure-bg{fill:#0b1112ee;stroke:#2c383c;stroke-width:.18}
.rail-measure{display:none;width:100%;padding-top:8px;border-top:1px solid var(--line);flex-direction:column;gap:5px}
.rail-measure.show{display:flex}
.rail-measure-label{font-size:9px;color:#cfd8da;font-weight:800;letter-spacing:.2px}
.rail-measure-btns{display:flex;flex-direction:column;gap:4px}
.speedbtn{width:100%;border:0;border-radius:7px;background:#143032;color:#cfd8da;padding:6px 6px 5px;text-align:left;cursor:pointer;font:700 9px Inter,Arial,sans-serif}
.speedbtn b{display:block;color:#fff;font-size:10px}
.speedbtn span{color:#8b979b;font-weight:600}
.speedbtn.active{background:var(--a);color:#061211}
.speedbtn.active b,.speedbtn.active span{color:#061211}
.draw-layer path.arrow-head{fill:var(--a);stroke:none;vector-effect:none}
.draw-layer path.hit-stroke{fill:none;stroke:transparent;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}
#eraserCursor{position:fixed;width:32px;height:32px;margin:0;border:2px solid #ff8a96;border-radius:50%;background:#ff8a9628;pointer-events:none;z-index:4000;transform:translate(-50%,-50%);display:none;box-shadow:0 0 0 1px #0008}
.boardstage.eraser-on{cursor:none}
.boardstage.eraser-on .draw-layer{pointer-events:auto}
.boardstage.eraser-on .obj{cursor:none}

.know-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.know-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#141a1e;color:#c5d0d3;border-radius:8px;padding:8px 12px;font-weight:800;font-size:12px}
.know-tab:hover{border-color:#526168;color:#fff}
.know-tab.active{background:var(--a);border-color:var(--a);color:#061211}
.know-tab .count{font-size:9px;font-weight:800;padding:2px 6px;border-radius:99px;background:#ffffff14;color:inherit}
.know-tab.active .count{background:#06121122}
.know-tab .know-x{width:18px;height:18px;border:0;border-radius:4px;background:#ffffff18;color:inherit;font-size:12px;line-height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.know-tab-add{border-style:dashed;color:#8de8e3;background:#102321}
.know-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.know-head h2{margin:0;font-size:16px;font-weight:900}
.know-head .muted{font-size:11px;margin-top:4px}
.know-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.know-note{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px;cursor:pointer;min-height:118px;display:flex;flex-direction:column}
.know-note:hover{border-color:#466167;transform:translateY(-1px)}
.know-note-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}
.know-note-top b{font-size:13px;line-height:1.3}
.know-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;flex:1;white-space:pre-wrap;overflow:hidden}
.know-note-del{width:22px;height:22px;border:0;border-radius:5px;background:#1a1315;color:#ff8a96;font-size:13px;padding:0;flex:0 0 auto}
.know-note-del:hover{background:#5c1a22;color:#fff}
.know-empty{border:1px dashed #2b3a40;border-radius:10px;padding:36px 18px;text-align:center;color:#718087}
.know-empty b{display:block;color:#dce5e7;margin-bottom:6px;font-size:14px}
.know-empty .btn{margin-top:14px}

.call-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.call-toolbar b{font-size:15px}
.call-toolbar .spacer{flex:1}
.call-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:12px;align-items:stretch}
.call-stage{background:#070a0b;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:14px;min-height:520px;overflow:auto}
.call-map{position:relative;display:inline-block;max-width:100%;cursor:default}
.call-map img{display:block;max-width:100%;max-height:68vh;user-select:none;pointer-events:none}
.call-stage.drag-over,.call-map.drag-over{outline:2px dashed #39d7cf66;outline-offset:-4px}
.call-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:7px;border:1px dashed var(--a);background:#102321;color:#8de8e3;cursor:grab;font-weight:900;font-size:11px;user-select:none}
.call-chip:active{cursor:grabbing}
.call-chip .dot{width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid #fff}
.call-list .call-chip{width:100%;justify-content:center;margin:0 0 10px;box-sizing:border-box}
.call-pin{cursor:grab}
.call-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3;cursor:default}
.call-pin-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 3px #ffffff33;cursor:grab;flex:0 0 auto}
.call-pin.on .call-pin-dot,.call-pin.editing .call-pin-dot{box-shadow:0 0 0 4px #ffffff55}
.call-pin-label{background:#0b1112ef;border:1px solid #ffffff88;color:#fff;font-size:10px;font-weight:800;padding:3px 7px;border-radius:5px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;cursor:text}
.call-pin-input{width:110px;background:#0b1112;border:1px solid var(--a);border-radius:5px;color:#fff;padding:3px 6px;font-size:10px;font-weight:800;outline:none}
.call-pin-del{position:absolute;right:-8px;top:-8px;width:16px;height:16px;border:0;border-radius:50%;background:#3a1418;color:#ff8a96;font-size:10px;line-height:16px;padding:0;display:none}
.call-pin:hover .call-pin-del,.call-pin.editing .call-pin-del{display:block}
.call-list{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;overflow:auto;max-height:68vh}
.call-list-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;cursor:pointer;border:1px solid transparent}
.call-list-item:hover,.call-list-item.on{background:#12302e;border-color:#286863}
.call-list-item b{flex:1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.call-prio{width:16px;flex:0 0 auto;font-size:10px;font-weight:900;color:#8b979c}
.call-list-item input[type=color]{width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;flex:0 0 auto}
.call-sort{display:flex;flex-direction:column;gap:0;flex:0 0 auto}
.call-sort button{width:16px;height:12px;border:0;border-radius:3px;background:transparent;color:#8b979c;font-size:9px;line-height:10px;padding:0}
.call-sort button:hover{color:#fff;background:#1a2227}
.call-list-item button{width:20px;height:20px;border:0;border-radius:5px;background:transparent;color:#5c6a70;font-size:14px;padding:0}
.call-list-item button:hover{color:var(--danger)}
.call-list-empty{color:#718087;font-size:11px;padding:12px 4px;line-height:1.45}
.call-dir{display:flex;flex-direction:column;gap:8px}
.call-dir-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:left;width:100%;color:inherit}
.call-dir-row:hover{border-color:#466167;background:#12302e44}
.call-dir-mark{width:42px;height:42px;border-radius:9px;background:#102321;border:1px solid #286863;color:var(--a);display:grid;place-items:center;font-weight:900;font-size:11px;letter-spacing:.3px;flex:0 0 auto;position:relative;overflow:hidden}
.call-dir-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.call-dir-row b{display:block;font-size:15px}
.call-dir-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.call-dir-pills{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;max-width:46%}
.call-dir-pill{font-size:10px;font-weight:800;padding:4px 8px;border-radius:99px;border:1px solid #2c363c;background:#151b1f;color:#c5d0d3}
.call-dir-empty{color:#5c6a70;font-size:11px;margin-left:auto}
@media(max-width:980px){.call-layout{grid-template-columns:1fr}}

.asg-timers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px}
.asg-timer-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.asg-timer-card .k{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:800}
.asg-timer-card b{display:block;font-size:16px;margin:4px 0 2px;color:var(--a)}
.asg-timer-card small{color:#8b979c;font-size:10px}
.asg-roster{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.asg-person{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:160px;flex:1 1 160px;max-width:280px}
.asg-person.open{border-color:#286863}
.asg-person-main{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;background:transparent;color:inherit;text-align:left}
.asg-person-main .avatar,.asg-person-main .roster-pic{width:28px;height:28px;border-radius:6px;object-fit:cover;flex:0 0 auto}
.asg-person-main b{display:block;font-size:12px}
.asg-person-main small{display:block;color:var(--muted);font-size:9px;margin-top:1px}
.asg-person-edit{padding:0 10px 10px;border-top:1px solid #222a2e;padding-top:10px}
.asg-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.asg-block{margin-bottom:8px}
.asg-block.is-hidden{display:none}
.asg-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.asg-block-head h2{margin:0;font-size:15px;font-weight:900}
.asg-block-head h2 .muted{font-size:11px;font-weight:700;margin-left:8px}
.asg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.asg-grid-week{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
.asg-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:10px}
.asg-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.asg-kind{font-size:9px;font-weight:800;letter-spacing:.4px;padding:3px 7px;border-radius:5px;background:#12302e;color:#8de8e3;border:1px solid #2f6965}
.asg-card h3{margin:0;font-size:14px;line-height:1.3}
.asg-meta{font-size:11px;color:var(--muted)}
.asg-pills{display:flex;flex-wrap:wrap;gap:6px}
.asg-pill{font-size:9px;font-weight:800;letter-spacing:.3px;padding:4px 7px;border-radius:99px;border:1px solid #2c363c;background:#151b1f;color:#9fb0b7;cursor:pointer}
.asg-pill.done{background:#102321;border-color:#2f6965;color:#8de8e3}
.asg-pill.awaiting{background:#2a2410;border-color:#6a4f1f;color:#ffcf8a}
.asg-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.asg-del{border:0;background:transparent;color:#5c6a70;font-size:16px;padding:0 4px;line-height:1}
.asg-del:hover{color:var(--danger)}
.asg-week-row{display:flex;align-items:center;gap:8px}
.asg-week-who{width:34px;flex:0 0 auto;font-size:9px;font-weight:900;color:#c5d0d3}
.asg-days{display:flex;gap:4px;flex:1}
.asg-day{flex:1;min-width:0;height:28px;border:1px solid #2c363c;border-radius:6px;background:#151b1f;color:#8b979c;font-size:10px;font-weight:800;padding:0}
.asg-day:hover{border-color:#526168;color:#fff}
.asg-day.on{background:var(--a);border-color:var(--a);color:#061211}
.asg-day.today:not(.on){border-color:var(--a);color:var(--a)}
.asg-week-pct{width:36px;text-align:right;font-size:11px;font-weight:900;color:var(--a);flex:0 0 auto}
.person-sum{display:flex;gap:8px;margin-bottom:11px}
.person-sum span{flex:1;background:#12171a;border:1px solid #232b30;border-radius:7px;padding:8px 9px;font-size:10px;color:#8b979c}
.person-sum b{display:block;color:#fff;font-size:13px;margin-top:3px}
.person-sum a{color:var(--a);cursor:pointer;text-decoration:none}

.dash-section{margin-top:22px}
.dash-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.dash-section-head h2{margin:0;font-size:15px;font-weight:900}
.dash-section-head h2 .muted{font-size:11px;font-weight:700;margin-left:8px}
.dash-today{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.dash-slot{min-width:140px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:12px 14px;flex:0 0 auto}
.dash-slot b{display:block;font-size:16px;margin-bottom:6px}
.dash-slot small{display:block;margin-top:8px;color:#8b979c;font-size:10px;font-weight:800;letter-spacing:.4px}
.dash-slot.now{border-color:var(--a);box-shadow:0 0 0 1px #39d7cf33}
.dash-slot.empty{opacity:.4;border-style:dashed}
.dash-slot.empty b{color:#8b979c}
.cal-row-today .cal-day-cell{color:var(--a)}
.cal-row-today td{background:#12302e22}
.dash-split{display:grid;grid-template-columns:1.3fr .9fr;gap:14px;margin-top:8px}
.dash-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dash-focus-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px;cursor:pointer;min-height:132px}
.dash-focus-card:hover{border-color:#466167}
.dash-focus-card .k{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:800}
.dash-focus-card h3{margin:8px 0 6px;font-size:15px}
.dash-pulse{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px}
.dash-pulse-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px}
.dash-pulse-row b{color:var(--a)}
.dash-behind{margin-top:12px;font-size:11px;color:#8b979c;line-height:1.5}
.roster-agent{width:100%;margin-bottom:8px}
.status-row{display:flex;flex-wrap:wrap;gap:5px}
.status-chip{border:1px solid #2c363c;background:#151b1f;color:#9fb0b7;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:800}
.status-chip.on-ready{background:#102321;border-color:#2f6965;color:#8de8e3}
.status-chip.on-scrim{background:#102321;border-color:var(--a);color:var(--a)}
.status-chip.on-off{background:#1a2227;border-color:#3a444a;color:#8b979c}
.status-chip.on-late{background:#3a1418;border-color:#6a2a32;color:#ff8a96}
.person-head img.roster-pic{width:34px;height:34px;border-radius:6px;object-fit:cover;border:1px solid var(--a)}
@media(max-width:1050px){.dash-split,.dash-focus-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.asg-timers{grid-template-columns:repeat(2,1fr)}}

.cal-block-fill{cursor:grab;user-select:none}
.cal-block-fill:active{cursor:grabbing}
.cal-block-fill.cal-dragging{opacity:.4}

body.welcome .sidebar,
body.welcome .top,
body.welcome #demoBadge{display:none!important}
body.welcome .app{display:block}
body.welcome .main{height:100vh;width:100%}
#home.view.active{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;overflow:hidden}
.home-wrap{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#07090b}
.home-bg{position:absolute;inset:0;pointer-events:none}
.home-orb{position:absolute;border-radius:50%;filter:blur(52px);opacity:.6;animation:homeFloat 14s ease-in-out infinite}
.home-orb.a{width:520px;height:520px;left:-120px;top:-90px;background:#39d7cf33}
.home-orb.b{width:420px;height:420px;right:-80px;bottom:6%;background:#67a8ff24;animation-duration:18s;animation-delay:-4s}
.home-orb.c{width:280px;height:280px;left:44%;bottom:-70px;background:#39d7cf16;animation-duration:11s;animation-delay:-2s}
.home-mesh{position:absolute;inset:0;background-image:linear-gradient(#39d7cf09 1px,transparent 1px),linear-gradient(90deg,#39d7cf09 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 42%,#000 28%,transparent 76%);animation:homeGrid 22s linear infinite}
.home-scan{position:absolute;left:0;right:0;height:130px;background:linear-gradient(transparent,#39d7cf14,transparent);animation:homeScan 5.8s ease-in-out infinite}
@keyframes homeFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(28px,-22px) scale(1.08)}}
@keyframes homeGrid{to{background-position:56px 56px}}
@keyframes homeScan{0%{top:-18%}100%{top:108%}}
@keyframes homeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.home-inner{position:relative;z-index:2;width:min(760px,88%);padding:36px 0 56px}
.home-kicker{font-size:12px;letter-spacing:5px;font-weight:900;color:var(--a);margin-bottom:18px;opacity:0;animation:homeUp .7s ease .08s forwards}
.home-greet{font-size:clamp(42px,7vw,76px);font-weight:900;letter-spacing:-.8px;margin:0 0 10px;line-height:1.02;opacity:0;animation:homeUp .8s ease .2s forwards}
.home-date{color:var(--muted);font-size:15px;margin:0 0 22px;text-transform:capitalize;opacity:0;animation:homeUp .8s ease .32s forwards}
.home-lead{font-size:16px;color:#c5d0d3;max-width:520px;line-height:1.6;margin:0 0 32px;opacity:0;animation:homeUp .8s ease .4s forwards}
.home-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;opacity:0;animation:homeUp .8s ease .52s forwards}
.home-cta .btn{padding:13px 20px;font-size:13px}
.home-cta .btn.primary{box-shadow:0 0 0 1px #39d7cf55,0 10px 30px #39d7cf22}
.home-hint{margin-top:14px;font-size:12px;color:#6d7a80;opacity:0;animation:homeUp .8s ease .62s forwards}
.home-roster{display:flex;gap:8px;margin-top:40px;flex-wrap:wrap;opacity:0;animation:homeUp .8s ease .72s forwards}
.home-ava{width:44px;height:44px;border-radius:10px;border:1px solid #286863;background:#12302e;display:grid;place-items:center;font-size:9px;font-weight:900;color:#eafffe;overflow:hidden;animation:homePulse 3.2s ease-in-out infinite}
.home-ava img{width:100%;height:100%;object-fit:cover}
.home-ava:nth-child(2){animation-delay:.15s}.home-ava:nth-child(3){animation-delay:.3s}.home-ava:nth-child(4){animation-delay:.45s}.home-ava:nth-child(5){animation-delay:.6s}
@keyframes homePulse{0%,100%{box-shadow:0 0 0 0 #39d7cf00}50%{box-shadow:0 0 0 6px #39d7cf1c}}
@media(max-width:700px){.home-greet{font-size:36px}}

/* Auth / takım onboarding */
body.gate-auth .app,body.gate-team .app,body.gate-boot .app{display:none!important}
body.gate-boot #authScreen,body.gate-boot #teamScreen,body.gate-auth #teamScreen,body.gate-team #authScreen,body.gate-auth #bootScreen,body.gate-team #bootScreen{display:none}
body.gate-auth #authScreen,body.gate-team #teamScreen,body.gate-boot #bootScreen{display:flex}
.sync-banner{display:none;position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:400;background:#12302e;border:1px solid var(--a);color:#eafffe;border-radius:8px;padding:10px 12px;gap:10px;align-items:center;box-shadow:0 12px 40px #0008;font-size:13px;font-weight:700}
.sync-banner.show{display:flex}
.gate-screen{display:none;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;background:#07090b;overflow:auto}
.gate-card{position:relative;z-index:2;width:min(440px,92%);background:#0e1416f5;border:1px solid #1c3033;border-radius:14px;padding:28px 26px 24px;box-shadow:0 24px 60px #000a,0 0 0 1px #39d7cf14}
.gate-card h1{margin:0 0 6px;font-size:26px;letter-spacing:-.4px}
.gate-kicker{font-size:11px;letter-spacing:3px;font-weight:900;color:var(--a);margin-bottom:10px}
.gate-lead{color:var(--muted);margin:0 0 18px;line-height:1.5;font-size:13px}
.gate-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#161b1e;border-radius:8px;padding:3px;margin-bottom:16px}
.gate-tab{border:0;background:transparent;color:#8b979c;padding:8px;border-radius:6px;font-weight:800;font-size:12px}
.gate-tab.on{background:var(--a);color:#061211}
.gate-err{display:none;background:#3a1418;border:1px solid #6a2a32;color:#ff8a96;border-radius:7px;padding:8px 10px;font-size:12px;margin-bottom:12px}
.gate-err.show{display:block}
.gate-actions{display:flex;gap:8px;margin-top:16px}
.gate-actions .btn{flex:1;padding:11px}
.gate-alt{margin-top:14px;text-align:center;color:#6d7a80;font-size:12px}
.gate-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.gate-split{grid-template-columns:1fr}}
.invite-row{display:flex;align-items:center;gap:10px;background:#12181b;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px}
.invite-row b{display:block;font-size:13px}
.invite-row small{color:var(--muted);font-size:10px}
.invite-row .spacer{flex:1}
.member-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #222a2e}
.member-row:last-child{border:0}
.team-switch{width:100%;background:#101619;border:1px solid var(--line);color:#fff;border-radius:7px;padding:8px 9px;margin:0}
.team-switch-row{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.team-logo-mini{width:32px;height:32px;border-radius:7px;background:#101619;border:1px solid var(--line);overflow:hidden;flex:0 0 auto;display:grid;place-items:center;font-size:9px;font-weight:900;color:#8de8e3}
.team-logo-mini img{width:100%;height:100%;object-fit:cover}
.team-logo-row{display:flex;align-items:center;gap:12px}
.team-logo-preview{width:64px;height:64px;border-radius:10px;background:#0b1012;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;font-size:11px;font-weight:900;color:#8de8e3;flex:0 0 auto}
.team-logo-preview img{width:100%;height:100%;object-fit:cover}
.team-logo-actions{flex:1;min-width:0}
.user-chip{display:flex;align-items:center;gap:8px;padding:8px 2px 4px}
.user-chip .avatar{flex:0 0 auto}
.bell-btn{position:relative}
.bell-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--danger);display:none}
.bell-dot.on{display:block}
.invite-code-box{display:flex;gap:8px;align-items:center;background:#0b1012;border:1px solid var(--line);border-radius:7px;padding:8px}
.invite-code-box b{font-family:ui-monospace,Consolas,monospace;letter-spacing:2px;flex:1}
.search-hits{background:#0b1012;border:1px solid var(--line);border-radius:7px;margin-top:6px;overflow:hidden}
.search-hit{width:100%;text-align:left;border:0;border-bottom:1px solid #222a2e;background:transparent;color:#dce5e7;padding:9px 10px}
.search-hit:last-child{border:0}
.search-hit:hover{background:#12302e}
.role-pill{font-size:9px;padding:4px 8px;border-radius:99px;border:1px solid #2f6965;color:#8de8e3;background:#102321;font-weight:800;letter-spacing:.4px}
.field input:disabled,.field select:disabled{opacity:.55;cursor:not-allowed}