.tool[data-tool=time-blocking-planner] .blocks-tool{gap:var(--space-3);display:grid}.tool[data-tool=time-blocking-planner] .nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tool[data-tool=time-blocking-planner] .nav h3{text-align:center;flex:12rem;margin:0}.tool[data-tool=time-blocking-planner] .nav .btn{min-inline-size:var(--tap)}.tool[data-tool=time-blocking-planner] .add{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.tool[data-tool=time-blocking-planner] .add .field{flex:7rem}.tool[data-tool=time-blocking-planner] .add .grow{flex:3 12rem}.tool[data-tool=time-blocking-planner] .print-title{display:none}.tool[data-tool=time-blocking-planner] .timeline{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);position:relative;overflow:hidden}.tool[data-tool=time-blocking-planner] .hour{border-block-start:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-2);font-variant-numeric:tabular-nums;position:absolute;inset-inline:0}.tool[data-tool=time-blocking-planner] .hour span{padding-block-start:2px;padding-inline-start:var(--space-1);display:inline-block}.tool[data-tool=time-blocking-planner] .block{padding:2px var(--space-2);border-radius:var(--r-sm);border-inline-start:4px solid var(--c-primary);background:var(--c-primary-soft);font-size:var(--fs-sm);gap:0 var(--space-2);flex-wrap:wrap;align-content:flex-start;min-block-size:2px;display:flex;position:absolute;overflow:hidden}.tool[data-tool=time-blocking-planner] .block strong{overflow-wrap:anywhere}.tool[data-tool=time-blocking-planner] .block span{color:var(--c-text-2);font-variant-numeric:tabular-nums}.tool[data-tool=time-blocking-planner] .block.k-meeting,.tool[data-tool=time-blocking-planner] .kinds .k-meeting{border-inline-start-color:var(--c-accent);background:var(--c-surface-2)}.tool[data-tool=time-blocking-planner] .block.k-admin,.tool[data-tool=time-blocking-planner] .kinds .k-admin{border-inline-start-color:var(--c-text-3);background:var(--c-surface-2)}.tool[data-tool=time-blocking-planner] .block.k-break,.tool[data-tool=time-blocking-planner] .kinds .k-break{border-inline-start-color:var(--c-ok);background:var(--c-surface-2)}.tool[data-tool=time-blocking-planner] .block.k-personal,.tool[data-tool=time-blocking-planner] .kinds .k-personal{border-inline-start-color:var(--c-border-strong);background:var(--c-surface-2)}.tool[data-tool=time-blocking-planner] .block.clash{outline:2px dashed var(--c-danger);outline-offset:-2px}.tool[data-tool=time-blocking-planner] .totals{margin:var(--space-2) 0 0}.tool[data-tool=time-blocking-planner] .kinds{margin:var(--space-2) 0 0;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tool[data-tool=time-blocking-planner] .kinds li{border-inline-start:4px solid var(--c-primary);padding-inline:var(--space-2);font-size:var(--fs-sm)}.tool[data-tool=time-blocking-planner] .list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=time-blocking-planner] .list li{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);flex-wrap:wrap;display:flex}.tool[data-tool=time-blocking-planner] .list li.clash{border-color:var(--c-danger)}.tool[data-tool=time-blocking-planner] .list .t{inline-size:7.5rem}.tool[data-tool=time-blocking-planner] .list .len{inline-size:5.5rem}.tool[data-tool=time-blocking-planner] .list .title{flex:10rem;min-inline-size:0}.tool[data-tool=time-blocking-planner] .list input,.tool[data-tool=time-blocking-planner] .list select,.tool[data-tool=time-blocking-planner] .list .btn{min-block-size:40px}.tool[data-tool=time-blocking-planner] .list .btn{min-inline-size:40px}@media print{.tool[data-tool=time-blocking-planner] .print-title{margin:0 0 var(--space-2);display:block}.tool[data-tool=time-blocking-planner] .no-print{display:none!important}.tool[data-tool=time-blocking-planner] .timeline{border-color:#000}.tool[data-tool=time-blocking-planner] .block{border:1px solid #000;border-inline-start-width:4px}}