/* Самобранка — Трекер 1.0. Uses accepted brand-v1 design tokens.
   All rules scoped to tracker to avoid changing existing branded screens. */
#content .tracker-shell{min-width:0}
#content .tracker-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 23px}
#content .tracker-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--sb-coral-dark);margin:0 0 8px}
#content .tracker-heading h1{margin:0 0 8px}
#content .tracker-heading p.muted{margin:0;font-size:13px}
.tracker-heading-mark{background:var(--sb-graphite);border-radius:13px;color:var(--sb-paper);font-size:10px;font-weight:800;letter-spacing:.14em;padding:13px 16px;white-space:nowrap}
.tracker-heading-mark span{display:block;color:var(--sb-mint);font-size:13px;letter-spacing:.035em;margin-top:4px}
#content .tracker-shell section{border-radius:var(--sb-radius);box-shadow:var(--sb-shadow);border:1px solid var(--sb-line);background:var(--sb-paper)}
#content .tracker-shell .tracker-create{border-top:4px solid var(--sb-coral)}
#content .tracker-shell .tracker-filters{background:#FFF8EF}
.tracker-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
#content .tracker-section-head h2{margin:0;font-size:20px}
.tracker-hint{color:var(--sb-muted);font-size:11px}
#content .tracker-shell label{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 155px;margin:5px 0 10px}
#content .tracker-shell input,#content .tracker-shell select,#content .tracker-shell textarea{width:100%;min-width:0;max-width:100%;font:inherit;font-weight:400}
#content .tracker-shell textarea{resize:vertical;min-height:85px}
#content .tracker-shell .row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}
#content .tracker-shell button{min-height:42px}
#content .tracker-shell .tracker-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#content .tracker-shell .tracker-switch button{background:transparent;border:1px solid var(--sb-line);color:var(--sb-graphite)}
#content .tracker-shell .tracker-switch button:hover{background:var(--sb-soft);border-color:var(--sb-coral)}
#content .tracker-shell .tracker-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tracker-total{background:var(--sb-mint);border-radius:999px;padding:3px 9px;font-size:13px;vertical-align:middle}
#content .tracker-shell .tracker-card{min-width:0;margin:12px 0;padding:17px 18px;border:1px solid var(--sb-line);border-left:4px solid var(--sb-mint);border-radius:14px;background:var(--sb-paper);box-shadow:var(--sb-shadow);overflow-wrap:anywhere}
#content .tracker-shell .tracker-card.tracker-priority-critical{border-left-color:var(--sb-coral)}
#content .tracker-shell .tracker-card.tracker-priority-high{border-left-color:#E5A653}
#content .tracker-shell .tracker-card.tracker-priority-low{border-left-color:#D0DAD4}
.tracker-card-title{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}
.tracker-card-title strong{font-size:14px;line-height:1.35;font-weight:750}
.tracker-task-id{font-size:11px;font-weight:700;color:var(--sb-coral-dark)}
.tracker-card-meta{color:var(--sb-muted);font-size:12px;line-height:1.5;margin-bottom:4px}
.tracker-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
#content .tracker-card-bottom button{font-size:12px;padding:5px 10px;min-height:34px;margin:0;background:var(--sb-soft);color:var(--sb-graphite);border:1px solid var(--sb-line)}
#content .tracker-card-bottom button:hover{color:var(--sb-coral-dark);border-color:var(--sb-coral)}
.tracker-status{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;color:#5E655D;background:#ECEDE9}
.tracker-status-new{background:#F3ECE3;color:#78634B}
.tracker-status-in_progress{background:#E2EDF9;color:#325E85}
.tracker-status-review{background:#FFF0D7;color:#986024}
.tracker-status-done{background:#DFEEE3;color:#2A7555}
#content .tracker-shell .tracker-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);grid-template-columns:repeat(4,minmax(245px,1fr));gap:14px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 0 14px}
#content .tracker-shell .tracker-column{min-width:0;scroll-snap-align:start;border:1px solid var(--sb-line);background:#F7EFE5;border-radius:16px;padding:14px}
#content .tracker-shell .tracker-column h3{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 14px;font-size:13px;font-weight:800}
.tracker-column h3 span{font-size:11px;border-radius:999px;background:var(--sb-paper);padding:3px 8px}
#content .tracker-shell .tracker-column .tracker-card{padding:13px;margin:8px 0}
#content .tracker-shell .tracker-column .tracker-card-title{flex-wrap:wrap;gap:3px}
.tracker-empty{padding:29px;text-align:center;border:1px dashed #CFC3B4;border-radius:14px;background:#FFF8EF;color:var(--sb-muted)}
.tracker-more{text-align:center;margin-top:15px}
#content .tracker-shell .tracker-editor{border-top:3px solid var(--sb-mint)}
@media(max-width:1150px){#content .tracker-shell .tracker-board{grid-template-columns:repeat(4,minmax(255px,1fr))}}
@media(max-width:760px){
 #content .tracker-heading{align-items:flex-start;margin-bottom:12px}
 #content .tracker-heading-mark{display:none}
 #content .tracker-shell section{padding:17px}
 #content .tracker-shell .tracker-board{grid-template-columns:repeat(4,minmax(245px,78vw));grid-auto-columns:minmax(245px,78vw);gap:10px}
 #content .tracker-shell .tracker-column{padding:10px}
 #content .tracker-shell .tracker-card{padding:14px}
 #content .tracker-shell label{flex:1 1 100%}
 #content .tracker-shell .tracker-actions{align-items:stretch}
 #content .tracker-shell .tracker-actions>button{flex:1 1 100%}
 #content .tracker-shell .tracker-switch{flex:1}
 #content .tracker-shell .tracker-switch button{flex:1}
}
@media(prefers-reduced-motion:reduce){#content .tracker-shell .tracker-board{scroll-behavior:auto}}

/* Tracker Kanban: drag-to-status, scoped entirely to Tasks. */
#content .tracker-shell .tracker-column{min-height:210px;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}
#content .tracker-shell .tracker-column.is-drop-target{background:#E6F3E8;border-color:var(--sb-mint);box-shadow:inset 0 0 0 2px #74A58B}
#content .tracker-shell .tracker-board .tracker-card[draggable="true"]{cursor:grab;user-select:none;-webkit-user-select:none}
#content .tracker-shell .tracker-board .tracker-card[draggable="true"]:active{cursor:grabbing}
#content .tracker-shell .tracker-board .tracker-card.is-dragging{opacity:.42;border-style:dashed}
#content .tracker-shell .tracker-drag-handle{margin-left:auto;color:#79867D;font-size:19px;line-height:1;flex-shrink:0}
#content .tracker-shell .tracker-drag-hint{font-size:12px;color:var(--sb-muted);margin:5px 0 11px}
#content .tracker-shell .tracker-switch button[aria-pressed="true"]{background:var(--sb-graphite);border-color:var(--sb-graphite);color:#fff}
#content .tracker-shell .tracker-switch button[aria-pressed="true"]:hover{background:var(--sb-graphite);color:#fff}
@media(prefers-reduced-motion:reduce){#content .tracker-shell .tracker-column{transition:none}}