/* ByteCraft Work — общие стили. Тема переключается атрибутом data-theme на (по умолчанию тёмная; светлая — data-theme="light"). Постраничные правила скоупятся классом на (p-time / p-users / p-settings / p-activity / p-login). */ [x-cloak]{display:none!important} :root{ --bg:#0f1115;--panel:#171a21;--border:#262b36;--muted:#9aa3af;--text:#e6e8eb;--accent:#3b82f6;--accent-hover:#2f6fe0; --input-bg:#0f1115;--input-border:#2b313c;--hover-bg:#0f1115;--shot-bg:#0b0d12;--bar-bg:#2b313c;--on-accent:#fff; --tag-auto-bg:#1e3a5f;--tag-auto-fg:#93c5fd;--tag-neutral-bg:#3f3f46;--tag-neutral-fg:#d4d4d8;--tag-admin-bg:#3b2f5f;--tag-admin-fg:#c4b5fd; --toggle-on-bg:#fff;--toggle-on-fg:#111;--overlay:rgba(0,0,0,.55);--overlay-strong:rgba(0,0,0,.85); --skel-bg:#2a313e;--skel-shine:rgba(255,255,255,.09); color-scheme:dark; } :root[data-theme="light"]{ --bg:#f9fafb;--panel:#ffffff;--border:#e5e7eb;--muted:#6b7280;--text:#111827;--accent:#3b82f6;--accent-hover:#2f6fe0; --input-bg:#ffffff;--input-border:#d1d5db;--hover-bg:#f3f4f6;--shot-bg:#f3f4f6;--bar-bg:#e5e7eb;--on-accent:#fff; --tag-auto-bg:#dbeafe;--tag-auto-fg:#1e40af;--tag-neutral-bg:#e4e4e7;--tag-neutral-fg:#3f3f46;--tag-admin-bg:#ede9fe;--tag-admin-fg:#6d28d9; --toggle-on-bg:#111827;--toggle-on-fg:#ffffff;--overlay:rgba(0,0,0,.45);--overlay-strong:rgba(0,0,0,.7); --skel-bg:#e6e8ec;--skel-shine:rgba(255,255,255,.7); color-scheme:light; } *{box-sizing:border-box} body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);margin:0} a{color:var(--accent)} .muted{color:var(--muted)} .err{color:#f87171;font-size:13px} .ok{color:#34d399;font-size:13px} h1{font-size:20px;margin:0} .wrap{max-width:none;margin:0;padding:20px 16px} /* кнопки/поля */ button{padding:8px 14px;background:var(--accent);color:var(--on-accent);border:none;border-radius:8px;cursor:pointer;font-size:14px} button:hover{background:var(--accent-hover)} button:disabled{opacity:.6;cursor:default} button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)} button.ghost:hover{background:var(--hover-bg)} button.danger{background:#dc2626;color:#fff} button.danger:hover{background:#b91c1c} input,select{padding:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text)} label{font-size:12px;color:var(--muted)} .f{display:flex;flex-direction:column;gap:4px} .f label{display:block;margin-bottom:4px} .chk{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:10px} .chk input[type=checkbox]{width:auto;flex:none;margin:0} .grid,.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .sep{border-top:1px solid var(--border);margin:14px 0 10px;padding-top:6px;font-size:12px;color:var(--muted);text-transform:uppercase} /* таблицы */ .row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px;flex-wrap:wrap} .filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:14px} .filters input,.filters select{min-width:120px} .filters .f-btns{display:flex;gap:10px;align-items:flex-end} /* комбобокс выбора сотрудника (поиск + ABC) */ .us{min-width:160px} .filters .us,.p-activity .ctl .us{min-width:160px} .us-inner{position:relative} .us-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text);font-size:14px;cursor:pointer;text-align:left} .us-btn:hover{background:var(--input-bg)} .us-btn.open{border-color:var(--accent)} .us-cur{display:flex;align-items:center;gap:8px;min-width:0;flex:1} .us-btn .us-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .us-btn .us-car{color:var(--muted);font-size:11px;flex:none} .us-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:35;width:100%;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 8px 24px var(--overlay)} .us-search{width:100%;box-sizing:border-box;margin-bottom:6px} .us-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:1px} .us-opt{flex:none;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer} .us-opt.hi{background:var(--hover-bg)} .us-txt{flex:1;min-width:0;font-size:14px;line-height:1.3;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .us-opt.sel .us-txt{color:var(--accent);font-weight:500} .us-ava{flex:none;width:24px;height:24px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--tag-neutral-bg);color:var(--tag-neutral-fg)} .us-ava img{width:100%;height:100%;object-fit:cover} .us-ava-ini{font-size:10px;font-weight:600;line-height:1} .us-empty{padding:8px 10px;color:var(--muted);font-size:13px} .tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px} .tscroll table{min-width:640px} table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden} th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px} th{color:var(--muted);font-size:12px;text-transform:uppercase} tr:last-child td{border-bottom:none} .tag{font-size:12px;padding:2px 8px;border-radius:999px} .tag.auto{background:var(--tag-auto-bg);color:var(--tag-auto-fg)} .tag.manual,.tag.user{background:var(--tag-neutral-bg);color:var(--tag-neutral-fg)} .tag.admin{background:var(--tag-admin-bg);color:var(--tag-admin-fg)} .tag.viewer{background:var(--tag-auto-bg);color:var(--tag-auto-fg)} .act{cursor:pointer;color:var(--muted);margin-right:6px} .act:hover{color:var(--text)} /* модалки */ .modal-bg{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:40} .modal{width:420px;max-width:95vw;max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px} .modal h2{font-size:16px;margin:0 0 14px} .modal .f{margin-bottom:10px} .modal input,.modal select{width:100%} .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px} /* карточки (settings/users) */ .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start} .card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px} .card h2{font-size:14px;margin:0 0 14px} .actions{display:flex;align-items:center;gap:12px;margin-top:16px} /* Activity */ .p-activity .wrap{max-width:none} .p-activity .stats{display:flex;gap:40px;margin-bottom:18px} .p-activity .stat .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px} .p-activity .stat .val{font-size:34px;font-weight:600} .p-activity .ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:16px} .p-activity .ctl button,.p-activity .ctl select,.p-activity .ctl input{padding:7px 10px} .p-activity .nav{width:34px} .p-activity .toggle{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px} .p-activity .toggle button{border:none;background:transparent;color:var(--muted);padding:6px 12px;border-radius:999px} .p-activity .toggle button.on{background:var(--toggle-on-bg);color:var(--toggle-on-fg)} .p-activity .spacer{flex:1} .p-activity .hour{margin:18px 0 8px;display:flex;gap:14px;align-items:baseline} .p-activity .hour h3{font-size:15px;margin:0} .p-activity .cards{display:flex;flex-wrap:wrap;gap:12px;grid-template-columns:none} .p-activity .card{width:170px;padding:0;overflow:hidden;position:relative} .p-activity .del-btn{position:absolute;top:5px;right:5px;z-index:3;width:24px;height:24px;display:none;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:var(--overlay);color:#fff;font-size:13px;line-height:1} .p-activity .card:hover .del-btn{display:flex} .p-activity .del-btn:hover{background:#dc2626} .p-activity .card-empty{display:flex;align-self:stretch;align-items:center;justify-content:center;border-style:dashed;background:transparent} .p-activity .empty-slot{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12px;text-align:center;padding:10px} .p-activity .empty-slot .es-int{opacity:.8} .p-activity .card .proj{text-align:center;font-size:13px;padding:6px 8px 0} .p-activity .card .task{text-align:center;font-size:12px;color:var(--muted);padding:0 8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .p-activity .card a.proj,.p-activity .card a.task{display:block;text-decoration:none;cursor:pointer} .p-activity .card a.proj{color:inherit} .p-activity .card a.proj:hover,.p-activity .card a.task:hover{color:var(--accent);text-decoration:underline} .p-activity .shot{height:96px;background:var(--shot-bg);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;text-align:center;position:relative} .p-activity .shot-count{position:absolute;top:4px;left:4px;z-index:2;display:inline-flex;align-items:center;gap:2px;background:var(--overlay);color:#fff;font-size:11px;line-height:1;padding:3px 6px;border-radius:10px} .p-activity .shot img{width:100%;height:100%;object-fit:cover} .p-activity .shot img.thumb{cursor:zoom-in} .p-activity .card .foot{padding:6px 8px} .p-activity .interval{font-size:12px;text-align:center;color:var(--muted)} .p-activity .bar{height:6px;background:var(--bar-bg);border-radius:4px;margin:6px 0 2px;overflow:hidden} .p-activity .bar>span{display:block;height:100%} .p-activity .pct{font-size:12px;text-align:center} .p-activity .pct.pct-link{cursor:pointer} .p-activity .pct.pct-link .i{color:var(--muted);margin-left:3px} .p-activity .pct.pct-link:hover{text-decoration:underline} .p-activity .pct.pct-link:hover .i{color:var(--text)} /* скелетон загрузки (Activity) */ .skel{position:relative;overflow:hidden;background:var(--skel-bg);border-radius:6px} .skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%); background:linear-gradient(90deg,transparent,var(--skel-shine),transparent);animation:skel-shimmer 1.2s ease-in-out infinite} @keyframes skel-shimmer{100%{transform:translateX(100%)}} .skel-line{height:10px} .p-activity .stat .skel-val{display:inline-block;width:90px;height:30px;border-radius:8px} .p-activity .skel-card{width:170px;padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:12px} .p-activity .skel-card .skel-shot{height:96px;border-radius:0} .p-activity .skel-card .foot{padding:6px 8px} .lightbox{position:fixed;inset:0;background:var(--overlay-strong);display:flex;align-items:center;justify-content:center;gap:12px;z-index:50;cursor:zoom-out;padding:24px} .lightbox img{max-width:88vw;max-height:95vh;object-fit:contain;border-radius:8px;cursor:default} .lightbox .lbx-nav{flex:none;width:48px;height:48px;border-radius:999px;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .lightbox .lbx-nav:hover{background:rgba(0,0,0,.7)} .lightbox .lbx-nav:disabled{opacity:.25;cursor:default} /* Login */ .p-login{display:flex;min-height:100vh;align-items:center;justify-content:center} .p-login .card{width:340px;max-width:90vw;text-align:center} .p-login .sub{color:var(--muted);font-size:13px;margin:0 0 20px} .p-login button{width:100%;padding:12px;font-size:15px} /* навигация (app-nav) */ .app-nav{background:var(--panel);border-bottom:1px solid var(--border)} .app-nav-inner{max-width:none;margin:0;display:flex;align-items:center;gap:14px;padding:10px 16px;flex-wrap:wrap} .app-nav-brand{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text);font-size:14px;text-decoration:none;white-space:nowrap} .app-nav-brand img{display:block} .app-nav-links{display:flex;gap:4px;flex:1;align-items:center} .app-nav-links a{color:var(--muted);text-decoration:none;font-size:14px;padding:6px 10px;border-radius:8px;white-space:nowrap} .app-nav-links a:hover{color:var(--text);background:var(--hover-bg)} .app-nav-links a.active{color:var(--text);background:transparent;font-weight:500} .app-nav-right{display:flex;align-items:center;gap:10px} .app-nav-user{color:var(--muted);font-size:13px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .app-nav-lang{padding:6px 8px;background:transparent;border:1px solid var(--border);color:var(--text);font-size:13px;border-radius:8px;cursor:pointer} .app-nav-theme{font-size:15px;line-height:1;padding:6px 10px} .app-nav button{padding:6px 12px;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;cursor:pointer;font-size:13px} .app-nav button:hover{background:var(--hover-bg)} /* навигация: дропдаун (Insights) */ .app-nav-dd{position:relative} .app-nav-ddbtn{display:flex;align-items:center;gap:4px;color:var(--muted);background:transparent;border:none;font-size:14px;padding:6px 10px;border-radius:8px;cursor:pointer;white-space:nowrap} .app-nav-ddbtn:hover{color:var(--text);background:var(--hover-bg)} .app-nav-ddbtn.active{color:var(--text);background:transparent;font-weight:500} .app-nav-ddbtn .car{font-size:10px;opacity:.8} .app-nav-ddmenu{position:absolute;left:0;top:100%;margin-top:4px;min-width:150px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;visibility:hidden;opacity:0;z-index:30;box-shadow:0 8px 24px var(--overlay);transition:opacity .12s ease,visibility .12s ease;transition-delay:1s} /* невидимый «мостик» через зазор сверху меню — чтобы курсор не терял hover */ .app-nav-ddmenu::before{content:"";position:absolute;left:0;right:0;top:-4px;height:4px} /* открытие мгновенное, закрытие с задержкой 1с — успеть дойти до пунктов */ .app-nav-dd:hover .app-nav-ddmenu,.app-nav-dd:focus-within .app-nav-ddmenu{visibility:visible;opacity:1;transition-delay:0s} .app-nav-ddmenu a{display:block;color:var(--muted);text-decoration:none;font-size:14px;padding:7px 10px;border-radius:7px;white-space:nowrap} .app-nav [hidden]{display:none} .app-nav-ddmenu a:hover{color:var(--text);background:var(--hover-bg)} .app-nav-ddmenu a.active{color:var(--text);background:transparent;font-weight:500} /* Users — загрузка аватара */ .p-users .ava-edit{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .p-users .uava{flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--tag-neutral-bg);color:var(--tag-neutral-fg);font-size:15px;font-weight:600} .p-users .uava img{width:100%;height:100%;object-fit:cover} .p-users .ava-edit input[type=file]{flex:1;min-width:160px} .p-users .ucell{display:flex;align-items:center;gap:10px} .p-users .uava.sm{width:30px;height:30px;font-size:12px} /* Team — таймлайн команды */ :root{--tl-auto:#3b82f6;--tl-auto-fill:rgba(59,130,246,.5);--tl-manual:#14b8a6;--tl-manual-fill:rgba(20,184,166,.55);--tl-grid:rgba(255,255,255,.05)} :root[data-theme="light"]{--tl-auto:#3b82f6;--tl-auto-fill:rgba(59,130,246,.4);--tl-manual:#0d9488;--tl-manual-fill:rgba(13,148,136,.35);--tl-grid:rgba(0,0,0,.05)} .p-team .wrap{max-width:none} .p-team .ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:16px} .p-team .ctl .nav{width:34px} .p-team table.tl{min-width:1240px;table-layout:fixed} .p-team .th-user{width:200px} .p-team .th-total{width:72px;text-align:right;white-space:nowrap} .p-team .th-track{position:relative} .p-team .tl-axis{position:relative;height:14px} .p-team .tl-tick{position:absolute;top:0;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap} .p-team td{vertical-align:middle} .p-team .tl-user{display:flex;align-items:center;gap:10px} .p-team .ava{flex:none;width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--tag-neutral-bg);color:var(--tag-neutral-fg);cursor:pointer} .p-team .ava img{width:100%;height:100%;object-fit:cover} .p-team .ava-ini{font-size:12px;font-weight:600} .p-team .tl-name{cursor:pointer;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .p-team .tl-name:hover{color:var(--accent)} .p-team .tl-cell{padding:8px 12px} .p-team .tl-track{position:relative;height:38px;border-radius:6px;background:var(--bg);background-image:repeating-linear-gradient(to right,var(--tl-grid) 0 1px,transparent 1px calc(100%/24))} .p-team .tl-none{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted)} .p-team .tl-blk{position:absolute;top:3px;bottom:3px;border-radius:3px;overflow:hidden;cursor:pointer} .p-team .tl-blk.auto{background:rgba(59,130,246,.12)} .p-team .tl-blk.manual{background:var(--tl-manual-fill);border:1px solid var(--tl-manual)} .p-team .tl-blk:hover{outline:2px solid var(--accent);outline-offset:-1px} .p-team .tl-blk svg{width:100%;height:100%;display:block} .p-team .tl-blk.auto svg path{fill:var(--tl-auto-fill);stroke:var(--tl-auto);stroke-width:1;vector-effect:non-scaling-stroke} .p-team .th-gl{width:340px;border-left:1px solid var(--border)} .p-team .tl-gl{font-size:12px;color:var(--muted);border-left:1px solid var(--border)} .p-team .gl-row{display:flex;flex-wrap:wrap;gap:2px;align-items:center;line-height:1.7} .p-team .gl-div{width:1px;align-self:stretch;background:var(--border);margin:2px 4px} .p-team .gl-m{display:inline-flex;align-items:center;gap:3px;cursor:pointer;white-space:nowrap;border-radius:5px;padding:1px 4px} .p-team .gl-m b{color:var(--text);font-weight:600} .p-team .gl-m:hover{background:var(--hover-bg)} .p-team .gl-m:hover b{color:var(--accent)} .p-team .gl-ic{display:inline-flex;color:var(--muted)} .p-team .gl-ic svg{width:14px;height:14px;display:block} .p-team .gl-m:hover .gl-ic{color:var(--accent)} .p-team .gl-item{border-top:1px solid var(--border);padding:10px 0;font-size:14px} .p-team .gl-item:first-child{border-top:none} .p-team .gl-item a{font-size:14px} .p-team .gl-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;margin-top:4px} .p-team .tl-total{text-align:right;font-variant-numeric:tabular-nums;border-left:1px solid var(--border)} .p-team tr.is-empty .tl-name,.p-team tr.is-empty .tl-total{color:var(--muted)} .p-team .tl-legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:12px;font-size:12px} .p-team .tl-legend .lg{display:inline-block;width:14px;height:10px;border-radius:3px;vertical-align:middle;margin-right:4px} .p-team .tl-legend .lg.auto{background:var(--tl-auto-fill);border:1px solid var(--tl-auto)} .p-team .tl-legend .lg.manual{background:var(--tl-manual-fill);border:1px solid var(--tl-manual)} .tl-tip{position:fixed;z-index:60;pointer-events:none;max-width:280px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:0 8px 24px var(--overlay);font-size:12px} .tl-tip .tt-title{font-size:13px;font-weight:600;margin-bottom:2px} .tl-tip .tt-meta,.tl-tip .tt-sub{font-size:11px} /* Timeline — Gantt по задачам (многодневный). Слева — группа (сотрудник: аватар+имя, или проект), справа — ось дней на всю ширину; полоса задачи с названием внутри. Полосы упакованы по дорожкам (непересекающиеся — в одну дорожку). */ .p-timeline .wrap{max-width:none} .p-timeline .ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:14px} .p-timeline .ctl .f-btns{display:flex;gap:10px;align-items:flex-end} .p-timeline .toggle{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px} .p-timeline .toggle button{border:none;background:transparent;color:var(--muted);padding:6px 12px;border-radius:999px;font-size:13px} .p-timeline .toggle button.on{background:var(--toggle-on-bg);color:var(--toggle-on-fg)} .p-timeline .gantt{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)} .p-timeline .g-left{border-right:1px solid var(--border);overflow:hidden;min-width:0} .p-timeline .g-right{overflow-x:auto;overflow-y:hidden;position:relative} .p-timeline .g-canvas{position:relative;min-width:100%} .p-timeline .g-corner{height:30px;border-bottom:1px solid var(--border)} .p-timeline .g-axis{position:relative;height:30px;border-bottom:1px solid var(--border)} .p-timeline .g-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--tl-grid);font-size:10px;color:var(--muted);padding:4px 0 0 4px;white-space:nowrap} .p-timeline .g-grp{display:flex;align-items:center;border-top:1px solid var(--border);overflow:hidden} .p-timeline .g-user{display:flex;align-items:center;gap:10px;padding:0 12px;width:100%;min-width:0} .p-timeline .ava{flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--tag-neutral-bg);color:var(--tag-neutral-fg)} .p-timeline .ava img{width:100%;height:100%;object-fit:cover} .p-timeline .ava-ini{font-size:12px;font-weight:600} .p-timeline .g-uname{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .p-timeline .g-projhdr{display:flex;align-items:center;gap:8px;padding:0 12px;width:100%;min-width:0;font-size:13px} .p-timeline .g-projhdr .dot{width:11px;height:11px;border-radius:3px;flex:none} .p-timeline .g-projhdr span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .p-timeline .g-grptrack{position:relative;border-top:1px solid var(--border)} .p-timeline .g-bar{position:absolute;height:26px;display:flex;align-items:center;padding:0 8px;border-radius:5px;border-left:3px solid var(--accent);font-size:12px;color:var(--text);cursor:pointer;overflow:hidden;white-space:nowrap} .p-timeline .g-bar:hover{outline:2px solid var(--accent);outline-offset:-1px;z-index:3} .p-timeline .g-bar .nm{overflow:hidden;text-overflow:ellipsis} .p-timeline .g-bar.done .nm{text-decoration:line-through;color:var(--muted)} .p-timeline .g-due{position:absolute;width:0;border-left:2px dashed var(--accent);pointer-events:none;z-index:2} .p-timeline .g-due.overdue{border-left-color:#dc2626} .p-timeline .g-due .flag{position:absolute;top:-1px;left:3px;font-size:10px;color:var(--accent);white-space:nowrap} .p-timeline .g-due.overdue .flag{color:#dc2626} .p-timeline .g-today{position:absolute;top:30px;bottom:0;width:0;border-left:2px solid var(--accent);opacity:.45;pointer-events:none;z-index:1} .p-timeline .g-empty{padding:20px;color:var(--muted);font-size:14px} .p-timeline .tl-legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:12px;font-size:12px} .p-timeline .tl-legend i{display:inline-block;width:14px;height:0;vertical-align:middle;margin-right:4px} .p-timeline .tl-legend i.due{border-top:2px dashed var(--accent)} .p-timeline .tl-legend i.over{border-top:2px dashed #dc2626} .p-timeline .tl-legend i.today{border-top:2px solid var(--accent);opacity:.6} /* адаптив */ @media(max-width:640px){ .wrap{padding:12px 16px} .cards{grid-template-columns:1fr} .modal{width:95vw} .p-activity .stats{gap:24px} .p-activity .stat .val{font-size:26px} .p-activity .cards .card{width:calc(50% - 6px)} .app-nav-inner{gap:8px} .app-nav-links{order:3;flex:1 0 100%;flex-wrap:wrap} .app-nav-user{max-width:30vw} }