/* =========================================================
   CSS V16: ФОКУС-ТАЙМЕР, ОТЧЕТ ВРЕМЕНИ, ПОДЗАДАЧИ ПЛАНА, ЭКСПОРТ
   ========================================================= */
.focus-timer-panel{
  position:absolute;left:28px;right:28px;top:28px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid rgba(238,167,179,.16);
  border-radius:16px;background:rgba(8,11,16,.62);backdrop-filter:blur(16px)
}
.focus-timer-panel[hidden]{display:none}
.focus-timer-clock span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.focus-timer-clock strong{display:block;margin-top:5px;font:800 26px/1 "Manrope",sans-serif;letter-spacing:.03em;color:var(--accent-2)}
.focus-timer-clock small{display:block;margin-top:5px;color:#77808f;font-size:9px}
.focus-timer-btn{border:1px solid rgba(239,63,78,.2);background:rgba(239,63,78,.08);color:var(--accent);border-radius:12px;padding:10px 13px;cursor:pointer;font-weight:800;font-size:10px}
.focus-timer-btn.running{background:var(--accent);color:#090b0d;border-color:var(--accent)}
.hero-card--focus:has(.focus-timer-panel:not([hidden])){padding-top:112px}

.time-session-report{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.time-report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.time-report-stat{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022)}
.time-report-stat span{display:block;color:var(--muted);font-size:9px}
.time-report-stat strong{display:block;margin-top:5px;font:700 17px "Manrope",sans-serif}
.time-session-list{display:flex;flex-direction:column;gap:6px}
.time-session-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.018);border:1px solid transparent}
.time-session-row:hover{border-color:var(--line)}
.time-session-row strong{display:block;font-size:11px}
.time-session-row span{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.time-session-row>em{font-style:normal;color:var(--accent-2);font-size:10px;font-weight:700;white-space:nowrap}
.time-session-empty{color:var(--muted);font-size:10px;line-height:1.55}

.horizon-mini-progress{display:block;height:4px;margin-top:13px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.horizon-mini-progress i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;box-shadow:0 0 7px rgba(128,155,255,.28);transition:width .45s linear}
.planning-subtask-editor{display:flex;flex-direction:column;gap:7px}
.planning-subtask-editor-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.planning-subtask-editor-row input[type="text"]{width:100%;border:0;background:transparent;color:#fff;padding:7px 8px;outline:0}
.planning-subtask-editor-row input[type="checkbox"]{appearance:none;width:25px;height:25px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#0d1016;cursor:pointer;position:relative}
.planning-subtask-editor-row input[type="checkbox"]:checked{background:var(--accent);border-color:var(--accent)}
.planning-subtask-editor-row input[type="checkbox"]:checked:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#090b0d;font-size:12px;font-weight:900}
.planning-subtask-remove{width:30px;height:30px;border:1px solid rgba(255,125,125,.14);border-radius:9px;background:rgba(255,125,125,.035);color:#a66f75;cursor:pointer}
.planning-subtask-remove:hover{background:rgba(255,125,125,.1);color:#ff9d9d}
.planning-subtask-add{width:100%;border:0;border-radius:11px;background:rgba(239,63,78,.025);color:#b5c68b;padding:10px;cursor:pointer}
.planning-subtask-add:hover{background:rgba(239,63,78,.06);color:var(--accent)}

.report-export-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.report-export-box__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.report-export-box__head strong{display:block;font-size:12px}
.report-export-box__head span{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.report-export-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.report-export-controls select{width:100%;border:1px solid var(--line);background:#0d1016;color:#fff;border-radius:12px;padding:11px}

@media(max-width:650px){
  .focus-timer-panel{left:18px;right:18px;top:18px}
  .focus-timer-clock strong{font-size:21px}
  .time-report-summary{grid-template-columns:1fr}
  .report-export-controls{grid-template-columns:1fr}
}