:root{--accent:#246c58;--accent-soft:#eaf2ed}
.brand-icon{background:var(--green)}
body.navigation-compact .sidebar nav a.active{background:var(--mint);color:var(--green)}
body.navigation-compact .sidebar nav a:hover{background:#e7eee9}
body.navigation-compact .sidebar .topic-add{color:var(--green)}
body.navigation-compact .sidebar .profile .avatar{background:var(--mint);color:var(--green)}
body.navigation-compact>.sidebar{background:#f3f6f2}
.navigation-toggle{color:var(--green)}
.gantt-bar{background:#e8efeb;color:#34564a}.gantt-bar:hover{background:#dce9e1}
.gantt-resize{background:#87aa99}.gantt-port{color:var(--green)}
.gantt-dragging,.gantt-link-source{outline-color:var(--green)}
.gantt-drop-marker{background:#246c5818;border-color:var(--green);color:var(--green)}
.gantt-links path:not(.gantt-queue-hit){stroke:#96b5a4}.gantt-links .gantt-queue-hit{stroke:transparent;stroke-width:12}.gantt-links marker path{stroke:none;fill:#729b85}
.range-days button:hover,.range-days button.in-range{background:var(--mint)}
.range-days button.selected{background:var(--green)}
.range-selection{background:#f0f5f1;color:var(--green)}
.gantt-create{height:40px;display:flex;border-bottom:1px solid var(--line);width:300px;position:sticky;left:0;z-index:3;background:#fff}
.gantt-create input{min-width:0;flex:1;margin:0;border:0;border-radius:0;padding:8px 14px;background:transparent}
.gantt-create button{width:34px;border:0;background:transparent;color:var(--green)}
.gantt-order-handle{cursor:grab;color:#94a69c;flex-shrink:0;font-size:16px;touch-action:none;user-select:none}
.order-before{box-shadow:inset 0 2px var(--green)}.order-after{box-shadow:inset 0 -2px var(--green)}
.order-before .gantt-name{box-shadow:inset 0 2px var(--green)}.order-after .gantt-name{box-shadow:inset 0 -2px var(--green)}
.order-dragging{opacity:.45}.gantt-row{transition:background .12s}
.gantt-row .gantt-name{touch-action:none;cursor:grab;user-select:none}
.order-inside .gantt-name{background:#e0eee5;box-shadow:inset 0 0 0 2px var(--green)}
.order-inside .gantt-name:after{content:'↳ Подзадача';font-size:10px;color:var(--green);white-space:nowrap}
.gantt-bar .gantt-slot{top:0;height:100%;border:0;border-radius:4px;pointer-events:none;background:#269c7e55}
.compact-task-drawer{position:fixed;inset:0 0 0 auto;width:min(620px,100vw);height:100dvh;max-height:none;max-width:100vw;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:-12px 0 40px #24373524;overflow:hidden}
.compact-task-drawer[open]{display:flex;flex-direction:column}
.compact-task-drawer::backdrop{background:#24373512;backdrop-filter:none}
.compact-task-drawer>header{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);height:52px;flex-shrink:0;font-size:12px}
.compact-task-drawer>header a{margin-left:auto}.compact-task-drawer>header button{border:0;background:transparent;font-size:24px;color:var(--muted)}
.compact-task-drawer iframe{border:0;width:100%;flex:1;min-height:0;background:var(--paper)}
.compact-task-drawer iframe[hidden]{display:none}
body.task-embedded>.sidebar,body.task-embedded .main>.topbar,body.task-embedded .main>footer,body.task-embedded .back-link{display:none!important}
body.task-embedded>.main{margin:0!important;padding:0}
body.task-embedded .page{padding:22px 24px;max-width:none}
body.task-embedded .detail-heading{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
body.task-embedded .detail-heading h1{font-size:23px;letter-spacing:-.5px;margin:10px 0}
body.task-embedded .detail-grid{display:flex;flex-direction:column;gap:0}
body.task-embedded .detail-main,body.task-embedded .detail-aside{display:contents}
body.task-embedded .panel{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0;margin:0;background:transparent;box-shadow:none}
body.task-embedded .compact-info{order:-2}
body.task-embedded .detail-aside>.panel:first-child{order:-1}
body.task-embedded .task-actions{display:flex;gap:8px;flex-wrap:wrap}
body.task-embedded .button{font-size:11px;padding:7px 10px}
body.task-embedded .deadline-popover>form{max-width:calc(100vw - 48px)}

.report-flag{display:inline-flex;color:#246c58;vertical-align:middle}.report-flag.final{color:#a57225}.calendar-report-flags{position:absolute;right:25px;top:3px;display:flex;gap:2px}.gantt-report-flag{position:absolute;top:-1px;z-index:6;height:27px;border-left:1px solid currentColor;pointer-events:auto;cursor:help}.gantt-report-flag svg{margin-left:-3px}.gantt-report-flag:hover{filter:brightness(.8)}

.task-entry.is-done .task-title strong,.smart-event.is-done strong{ text-decoration:line-through;color:#87958e;}

/* Consistent focus styling without the browser's heavy black frame. */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):focus,
textarea:focus,select:focus{outline:none;border-color:#87b39b;box-shadow:0 0 0 2px #246c5814}
.gantt-create input[name=title]:focus,.list-quick-create input[name=title]:focus,
.quick-create input[name=title]:focus{outline:none;border:0;box-shadow:inset 0 -1px #87b39b;background:#f3f8f5}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible,
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,input[type=range]:focus-visible{outline:2px solid #72a58a;outline-offset:2px}
@media(forced-colors:active){input:focus,textarea:focus,select:focus,.gantt-create input[name=title]:focus,.list-quick-create input[name=title]:focus,.quick-create input[name=title]:focus{outline:1px solid Highlight;outline-offset:1px}}

.smart-event.has-comment>strong,.drag-day-busy.has-comment>span:not([title]){text-decoration:line-through;color:#789080}
