@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css');
/* Reference-image fidelity pass. Tailwind remains the base design system. */
html,body{background:#000!important}
body{opacity:0}body.app-ready{opacity:1}
body,button,input,textarea,select{font-family:'Poppins',sans-serif!important}
body{font-size:13px!important;letter-spacing:-.01em}
.font-display,.font-sans{font-family:'Poppins',sans-serif!important}
.ti{font-size:17px;line-height:1;vertical-align:middle}
body>aside:first-of-type{width:248px!important;background:#111112!important;border-color:#29292b!important;padding:10px 12px!important}
body>aside:first-of-type>div:first-child{height:38px!important;padding:0 5px!important;gap:10px!important;font-size:20px!important}
body>aside:first-of-type>div:first-child>span{width:30px!important;height:30px!important;background:#24291d!important;border-radius:9px!important}
body>aside:first-of-type>div:nth-child(2){margin-top:10px!important}
body>aside:first-of-type input{height:33px!important;background:#1b1b1d!important;border-color:#303033!important}
body>aside:first-of-type .nav-view{color:#f2f2f0;transition:background .15s,color .15s}
body>aside:first-of-type .nav-view:hover{background:#19191b}
body>aside:first-of-type .nav-view.active{background:#202817!important;color:#b7df45!important}
body>aside:first-of-type .nav-view.active b{background:#3f521d!important;color:#ccec75!important}
body>main{margin-left:248px!important}
body>main>header{height:54px!important;gap:16px!important;padding:0 24px!important;background:#0b0b0c!important;border-color:#29292b!important}
#home{padding:18px 24px 28px!important}
#home>div:first-child{gap:14px!important}
#home>div:first-child>div{height:106px!important;padding:16px!important;background:#111112!important;border-color:#303034!important;border-radius:13px!important}
#home>div:nth-child(4){gap:14px!important}
#home>div:nth-child(4)>article{height:187px!important;padding:16px!important;background:#111112!important;border-color:#303034!important;border-radius:13px!important}
#home>div:nth-child(3){gap:14px!important}
#home>div:nth-child(3)>article{min-width:296px!important;height:178px!important;padding:15px!important;background:linear-gradient(145deg,#151516,#101011)!important;border-radius:13px!important}
.side-scroll{height:calc(100vh - 414px);scrollbar-width:none;-ms-overflow-style:none}
.side-scroll::-webkit-scrollbar{display:none;width:0;height:0}
#favoriteList button{height:20px!important;width:20px!important;border-radius:5px!important}
#favoriteList button .ti{font-size:12px!important}
.home-release-track{scrollbar-width:thin;scrollbar-color:#3e3e46 transparent}
.home-release-track::-webkit-scrollbar{height:7px}.home-release-track::-webkit-scrollbar-thumb{background:#3e3e46;border-radius:10px}
.release-lime{border-top-color:#9dc42e!important;background:linear-gradient(130deg,#151713,#111112)!important}.release-lime span,.release-lime button{color:#a8d43c;border-color:#526c1d}
.release-sky{border-top-color:#53c7f3!important;background:linear-gradient(130deg,#14181a,#111112)!important}.release-sky span,.release-sky button{color:#5fc8f2;border-color:#285c72}
.release-violet{border-top-color:#b79cf5!important;background:linear-gradient(130deg,#17151b,#111112)!important}.release-violet span,.release-violet button{color:#bda7ef;border-color:#594d72}
.release-orange{border-top-color:#f58926!important;background:linear-gradient(130deg,#1b1612,#111112)!important}.release-orange span,.release-orange button{color:#f38b27;border-color:#70431c}
.release-pink{border-top-color:#e74a96!important;background:linear-gradient(130deg,#1b1317,#111112)!important}.release-pink span,.release-pink button{color:#ef5ca2;border-color:#71304f}
.release-teal{border-top-color:#67d9b0!important;background:linear-gradient(130deg,#121a18,#111112)!important}.release-teal span,.release-teal button{color:#72dcb9;border-color:#376b5b}
.home-board footer{border-radius:0 0 13px 13px}
.board-mode>aside:first-of-type{display:block!important;z-index:80!important;transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 45px rgba(0,0,0,.5)}
.board-mode.board-sidebar-open>aside:first-of-type{transform:translateX(0)}
.board-mode.board-sidebar-open>main{margin-left:248px!important}
.board-mode>main{margin-left:0!important}
.board-mode>main>header{display:none!important}
.board-mode #boardPage>div:first-child{height:55px!important;padding:0 28px!important}
.board-mode #boardPage>div:nth-child(2){height:48px!important;padding:7px 28px!important}
.board-mode .board-canvas{display:flex!important;grid-template-columns:none!important;min-height:calc(100vh - 103px)!important;padding:16px 28px!important;gap:12px!important;background:#09090a!important}
.board-mode .kanban-column{width:309px!important;min-width:309px!important;flex:0 0 309px!important;height:calc(100vh - 135px)!important;min-height:600px!important;padding:10px!important;background:#0d0d0e!important}
.board-mode .board-canvas{justify-content:flex-start!important}
body.board-mode #boardPage>.board-canvas{display:flex!important;grid-template-columns:none!important;grid-auto-columns:auto!important;justify-content:flex-start!important;align-items:flex-start!important;gap:12px!important;padding:16px 28px!important}
body.board-mode #boardPage>.board-canvas>button:first-child{width:32px!important;min-width:32px!important;flex:0 0 32px!important}
body.board-mode #boardPage>.board-canvas>button:first-child+.kanban-column{margin-left:0!important}
body.board-mode #boardPage>.board-canvas>.list-view,body.board-mode #boardPage>.board-canvas>.time-view{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;flex:1 1 auto!important;padding:0!important;background:transparent!important;border-radius:12px!important}
.list-view>div:nth-child(2){max-height:calc(100vh - 240px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#343438 transparent}
.column-scroll{scrollbar-width:thin;scrollbar-color:#323236 transparent}
.column-scroll::-webkit-scrollbar{width:5px}.column-scroll::-webkit-scrollbar-thumb{background:#323236;border-radius:8px}
.kanban-card{cursor:grab;transition:border-color .15s,opacity .15s}
.kanban-card.opacity-40{cursor:grabbing}
.board-mode .kanban-column{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.board-mode .kanban-column.drag-target{border-color:#b7df45!important;background-color:#11140d!important;box-shadow:0 0 0 1px rgba(183,223,69,.42),inset 0 0 0 1px rgba(183,223,69,.08)}
.board-mode .kanban-column.drag-target>header{color:#dff58e}
.board-filter-active{border-color:#9fc52d!important;background:#20270f!important;color:#ccec75!important}.board-control-option{display:flex;width:100%;align-items:center;gap:8px;border-radius:7px;padding:8px;color:#d7d7da;text-align:left;font-size:11px;font-weight:600}.board-control-option:hover,.board-control-option.active{background:#252a1d;color:#dff58e}.board-control-option .ti{font-size:14px}
.action-menu button{display:flex;width:100%;align-items:center;gap:8px;border-radius:7px;padding:8px;color:#d7d7da;text-align:left;font-size:11px;font-weight:600}.action-menu button:hover{background:#29292d;color:#f1f1ef}.action-menu button.danger{color:#fda4af}.action-menu button.danger:hover{background:rgba(244,63,94,.12);color:#fecdd3}.action-menu .ti{font-size:14px}
.notification-badge{position:absolute;right:-5px;top:-5px;display:grid;min-width:16px;height:16px;place-items:center;border-radius:999px;background:#f43f5e;padding:0 4px;color:#fff;font-size:9px;font-style:normal}.notification-item{display:flex;width:100%;align-items:flex-start;gap:9px;border-bottom:1px solid #2e2e31;padding:11px 13px;color:#d8d8da;font-size:11px}.notification-item:hover{background:#222224}.notification-item.unread{background:#202416}.notification-item b,.notification-item small,.notification-item em{display:block}.notification-item b{font-weight:600}.notification-item small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9b9ba1}.notification-item em{margin-top:3px;color:#696970;font-size:9px;font-style:normal}
.mention-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:50;width:230px;overflow:hidden;border:1px solid #3b3b40;border-radius:9px;background:#181819;padding:5px;box-shadow:0 16px 38px rgba(0,0,0,.55)}.mention-menu button{display:flex;width:100%;align-items:center;gap:8px;border-radius:6px;padding:7px;color:#ddd;text-align:left;font-size:11px}.mention-menu button:hover{background:#252a1d;color:#dff58e}.mention-menu small{margin-left:auto;color:#89898f;font-size:9px}.mention-avatar{display:grid;height:23px;width:23px;place-items:center;border-radius:50%;background:#62401f;color:#fff;font-size:8px;font-weight:700}
.mention-tag{border-radius:4px;background:rgba(167,201,54,.16);padding:1px 3px;color:#ccec75;font-weight:600}
#homeTabs button.active{background:#303033;color:#fff;font-weight:700}
#homeTabs button.active:after{content:'';position:absolute;left:12px;right:12px;bottom:-4px;height:2px;border-radius:2px;background:#b7df45}
#drawer{width:545px!important;overflow:hidden!important;background:#101011!important;transform:translate3d(100%,0,0);visibility:hidden;opacity:1;transition:transform .25s ease,visibility .25s ease!important;will-change:transform}
#drawer .task-scroll{height:calc(100vh - 57px);overflow-y:auto;padding:27px 27px 92px 32px!important;scrollbar-width:thin;scrollbar-color:#48484c transparent}
#drawer .task-scroll::-webkit-scrollbar{width:5px}#drawer .task-scroll::-webkit-scrollbar-thumb{background:#48484c;border-radius:6px}
.task-row{display:grid;grid-template-columns:101px minmax(0,1fr);align-items:center;min-height:23px}
.task-row>label:first-child{display:flex;align-items:center;gap:8px;color:#9e9da3;font-size:12px;font-weight:600}
.task-row>label:first-child .ti{width:14px;font-size:14px}
.task-chip{display:flex;width:max-content;max-width:100%;align-items:center;gap:6px;border:1px solid #3b3b40;border-radius:18px;background:#19191b;padding:4px 9px;color:#f4f3ef;font-size:12px;font-weight:500}
.status-select{position:relative;width:190px;max-width:100%;z-index:25}.status-select:focus-within{z-index:65}.status-select-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.status-select-control{display:flex;height:31px;width:100%;align-items:center;gap:8px;border:1px solid #3b3b40;border-radius:17px;background:#19191b;padding:0 10px;color:#f1f1ef;font-size:11px;font-weight:600}.status-select-control:hover,.status-select-control:focus{border-color:#616168;outline:0}.status-select-control .ti{font-size:14px;color:#929298}.status-dot{display:block;height:8px;width:8px;flex:none;border-radius:50%}.status-select-menu{position:absolute;left:0;right:0;top:35px;z-index:95;display:none;border:1px solid #3b3b40;border-radius:10px;background:#181819;padding:5px;box-shadow:0 16px 38px rgba(0,0,0,.55)}.status-select-menu.open{display:block}.status-select-menu button{display:flex;width:100%;align-items:center;gap:8px;border-radius:7px;padding:8px;color:#d7d7da;text-align:left;font-size:11px}.status-select-menu button:hover,.status-select-menu button.selected{background:#252a1d;color:#dff58e}.status-select-menu .ti{font-size:14px}
.search-select{position:relative;width:230px;max-width:100%;z-index:20}.search-select:focus-within{z-index:60}
.search-select-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.search-select-control{display:flex;height:31px;align-items:center;gap:7px;border:1px solid #3b3b40;border-radius:17px;background:#19191b;padding:0 9px;transition:border-color .15s,box-shadow .15s}
.search-select-control:focus-within{border-color:#9fc52d;box-shadow:0 0 0 2px rgba(159,197,45,.09)}
.search-select-control>.ti{flex:none;color:#8d8d92;font-size:14px}.search-select-control>.ti-chevron-down{margin-left:auto}
.search-select-control input{min-width:0;flex:1;border:0;background:transparent;color:#f4f3ef;font-size:11px;outline:0}.search-select-control input::placeholder{color:#77777d}
.search-select-menu{position:absolute;left:0;right:0;top:35px;z-index:90;display:none;max-height:190px;overflow-y:auto;border:1px solid #3b3b40;border-radius:10px;background:#181819;padding:5px;box-shadow:0 16px 38px rgba(0,0,0,.55);scrollbar-width:thin;scrollbar-color:#444 transparent}
.search-select-menu.open{display:block}.search-select-menu button{display:flex;width:100%;align-items:center;gap:8px;border-radius:7px;padding:7px 8px;text-align:left;color:#d7d7da;font-size:11px}.search-select-menu button:hover,.search-select-menu button.selected{background:#252a1d;color:#dff58e}.search-select-menu>p{padding:10px;text-align:center;color:#777;font-size:10px}
.search-select-avatar{display:grid;height:22px;width:22px;flex:none;place-items:center;border-radius:50%;background:#62401f;color:#fff;font-size:8px;font-weight:700}
.task-chip .ti-x{color:#999;font-size:14px}.task-chip .ti-chevron-down{font-size:13px;color:#aaa}
.task-add{display:grid;height:25px;width:25px;place-items:center;border:1px dashed #4a4a4f;border-radius:50%;color:#aaa}.task-add .ti{font-size:13px}
.priority-chip{display:flex;align-items:center;gap:4px;border:1px solid #3c3c42;border-radius:16px;background:#171719;padding:4px 9px;color:#d6d5d8;font-size:12px;font-weight:600}
.priority-chip.active{border-color:#9fc52d;background:#20270f;color:#a8cf34}.priority-chip .ti{font-size:14px}
.dashed-chip{width:max-content;border:1px dashed #47474c;border-radius:6px;padding:3px 9px;color:#bbb;font-size:10px}
.date-chip{display:flex;height:29px;width:121px;align-items:center;justify-content:space-between;border:1px solid #3d3d42;border-radius:6px;background:#202023;padding:0 9px;color:#ddd;font-size:12px;font-weight:500}.date-chip .ti{font-size:14px}
.task-section{margin-top:24px;border-top:1px solid #2e2e31;padding-top:20px}.task-section h3{display:flex;align-items:center;gap:7px;color:#aaa9ae;font-size:11px;font-weight:700}.task-section h3 .ti{font-size:14px}
.section-button{margin-top:17px;border:1px dashed #47474c;border-radius:6px;padding:5px 10px;color:#c4c3c7;font-size:11px}
.comments-section{padding-bottom:25px}.task-footer{height:57px!important}
.comment-actions{opacity:0;transition:opacity .15s}.comment-item:hover .comment-actions{opacity:1}.comment-actions button{display:grid;height:25px;width:25px;place-items:center;border-radius:6px;color:#85858b}.comment-actions button:hover{background:#2b2b2e;color:#eee}.comment-actions button:last-child:hover{background:rgba(244,63,94,.12);color:#fb7185}.comment-actions .ti{font-size:14px}
.comment-editor{margin-top:8px}.comment-editor textarea{width:100%;resize:vertical;border:1px solid #4b4b50;border-radius:7px;background:#111112;padding:8px;color:#ddd;font-size:11px;line-height:18px;outline:0}.comment-editor textarea:focus{border-color:#9fc52d}.comment-editor button,.comment-delete button{border:1px solid #44444a;border-radius:6px;padding:3px 8px;color:#ccc}.comment-editor button.save{border-color:#9fc52d;background:#a7c936;color:#090909;font-weight:700}.comment-delete button.danger{border-color:#9f3045;background:#7f1d31;color:#fff}
#taskTitle:empty:before{content:attr(data-placeholder);color:#626269;pointer-events:none}
#taskTitle[contenteditable="true"]{border:1px solid #4b4b50;background:#171719;padding:5px 9px;cursor:text}#taskTitle[contenteditable="true"]:focus{border-color:#9fc52d;box-shadow:0 0 0 2px rgba(159,197,45,.08)}#taskTitle[contenteditable="false"]{cursor:default}
#taskDescription:empty:before{content:attr(data-placeholder);color:#626269;pointer-events:none}#taskDescription[contenteditable="true"]{border:1px solid #4b4b50;background:#171719;padding:9px 11px;cursor:text}#taskDescription[contenteditable="true"]:focus{border-color:#9fc52d;box-shadow:0 0 0 2px rgba(159,197,45,.08)}#taskDescription[contenteditable="false"]{cursor:default}
@media(max-width:560px){.task-row{grid-template-columns:88px minmax(0,1fr)}#drawer .task-scroll{padding-left:20px!important;padding-right:18px!important}.task-toolbar{padding-left:12px!important;padding-right:12px!important}}
#boardPage>div:first-child{height:54px!important;padding:0 24px!important;background:#0b0b0c!important}
#boardPage>div:nth-child(2){height:49px!important;padding:7px 24px!important;background:#0b0b0c!important}
#boardPage>div:nth-child(3){display:grid!important;grid-template-columns:repeat(3,309px)!important;grid-auto-columns:309px!important;justify-content:start!important;gap:13px!important;padding:16px 26px!important;background:#09090a!important;min-height:calc(100vh - 157px)!important}
#boardPage>div:nth-child(3)>div{width:309px!important;min-height:calc(100vh - 190px)!important;background:#0d0d0e!important;border-color:#303034!important;border-radius:13px!important;padding:10px!important}
#boardPage article{min-height:108px!important;background:#1e1e21!important;border-color:#39393d!important;border-radius:9px!important;padding:12px!important}
#drawer{width:545px!important;max-width:100vw!important;background:#101011!important}
#drawer>header{height:57px!important;background:#111112!important}
#drawer>div{padding:27px 32px!important}
#chat{background:radial-gradient(circle at 92% 5%,rgba(167,201,54,.16),transparent 28%),linear-gradient(150deg,#18191a,#0d0d0f 62%)!important;border-color:#3a3d35!important}
#chat header{display:flex!important;align-items:center!important;min-height:72px!important;padding:16px 18px!important;background:linear-gradient(90deg,rgba(167,201,54,.10),transparent)!important;font-family:'Poppins',sans-serif!important;letter-spacing:-.01em}
#chat header:before{content:'✦';display:grid;place-items:center;width:32px;height:32px;margin-right:10px;border-radius:10px;background:rgba(167,201,54,.16);color:#ccec75;font-size:17px}
#messages{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 50%)!important;scrollbar-width:thin;scrollbar-color:#4a4a4d transparent}
#messages>div{box-shadow:0 8px 22px rgba(0,0,0,.16)}
#messages>div:not(.ml-auto){border:1px solid rgba(255,255,255,.06);background:rgba(38,38,41,.92)!important;border-radius:5px 16px 16px 16px!important}
#messages>div.ml-auto{border:1px solid rgba(167,201,54,.20);background:linear-gradient(145deg,rgba(167,201,54,.25),rgba(113,145,34,.16))!important;border-radius:16px 5px 16px 16px!important}
#chatInput{height:42px!important;border-radius:13px!important;background:#18191b!important}
#chat a[data-chat-task]{display:inline-flex;align-items:center;gap:4px;margin:3px 0;border-radius:7px;border:1px solid rgba(83,199,243,.35);background:rgba(83,199,243,.08);padding:3px 6px;color:#7dd3fc;font-weight:600;text-decoration:none}
#chat a[data-chat-task]:hover{border-color:#a7c936;color:#ccec75}

/* Ixabot yüzey dilinin sol navigasyona uyarlanması */
body>aside:first-of-type{background:radial-gradient(circle at 10% 0,rgba(167,201,54,.16),transparent 22%),linear-gradient(180deg,#151617 0%,#0d0e0f 52%,#111112 100%)!important;box-shadow:16px 0 35px rgba(0,0,0,.22)}
body>aside:first-of-type>div:first-child>span{background:linear-gradient(145deg,rgba(167,201,54,.28),rgba(112,139,32,.10))!important;color:#d4ef78!important;box-shadow:0 0 24px rgba(167,201,54,.11)}
body>aside:first-of-type>div:first-child{letter-spacing:-.045em}
body>aside:first-of-type .nav-view{position:relative;border:1px solid transparent;border-radius:8px!important}
body>aside:first-of-type .nav-view.active{border-color:rgba(167,201,54,.20)!important;background:linear-gradient(90deg,rgba(167,201,54,.20),rgba(167,201,54,.05))!important;box-shadow:inset 3px 0 0 #b8df45}
body>aside:first-of-type .nav-view.active:after{content:'';position:absolute;right:7px;width:5px;height:5px;border-radius:999px;background:#ccec75;box-shadow:0 0 9px #b8df45}
#homeTabs{border-color:rgba(255,255,255,.11)!important;background:rgba(10,11,12,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}
#homeTabs button.active{background:linear-gradient(145deg,rgba(167,201,54,.22),rgba(167,201,54,.08))!important;color:#d8f28d!important;box-shadow:inset 0 0 0 1px rgba(167,201,54,.16)}
.side-scroll section>p{letter-spacing:.045em}
#favoriteList>div,#sidebarEntityList>button{border:1px solid transparent;transition:border-color .16s,background .16s,transform .16s}
#favoriteList>div:hover,#sidebarEntityList>button:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035)!important;transform:translateX(2px)}
body>aside:first-of-type>div:last-child{background:linear-gradient(90deg,rgba(167,201,54,.08),#111112 42%)!important;border-color:rgba(255,255,255,.09)!important}
@media(max-width:767px){body>aside:first-of-type{display:none!important}body>main{margin-left:0!important}#home{padding:14px!important}#boardPage>div:nth-child(3){padding:14px!important}}
