/* Sentrio 1.2.0 — Kanban sizing and task editor refinements. */

.kanban-board{align-items:flex-start!important}
.kanban-list{height:auto!important;max-height:var(--kanban-list-height,100%)!important;background:var(--s-surface,#fff)!important;opacity:1!important;backdrop-filter:none!important}
.kanban-list:before,.kanban-list:after{display:none!important}
.kanban-list-head{background:transparent!important;backdrop-filter:none!important}
.kanban-list-scroll{flex:0 1 auto!important;max-height:calc(var(--kanban-list-height,100%) - 70px);overflow-y:auto!important}
.kanban-cards:empty{min-height:0!important;padding:0!important}
.task-card.dragging-v110{opacity:1!important;transform:none!important;background:var(--s-surface,#fff)!important}

.kanban-cards{gap:0!important}
.kanban-cards>.task-card{margin-bottom:8px}
.task-insert-point{display:block;width:100%;height:10px;min-height:10px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--s-accent);font-size:14px;font-weight:700;line-height:10px;opacity:0;transition:height .14s,min-height .14s,margin .14s,opacity .12s,background .12s;cursor:pointer}
.task-insert-point:hover,.task-insert-point:focus-visible{height:24px;min-height:24px;margin:2px 0 4px;line-height:20px;opacity:1;background:color-mix(in srgb,var(--s-accent) 13%,transparent);outline:none}
.task-insert-point[hidden]{display:none!important}

.due-field{display:flex;flex-direction:column;gap:.45rem;font-weight:500;min-width:0}
.due-editor{position:relative;display:grid;grid-template-columns:minmax(130px,1fr) 112px 30px;gap:6px;align-items:center}
.due-editor input{min-height:40px!important;padding:7px 9px!important;font-size:12px}
.due-time-wrap{position:relative;min-width:0}
.due-time-wrap input{padding-right:34px!important}
.due-clock-button,.due-clear{height:30px;width:30px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--s-muted);padding:0}
.due-clock-button{position:absolute;right:4px;top:5px}
.due-clock-button:hover,.due-clear:hover{background:var(--s-surface-2);color:var(--s-accent)}
.analog-clock{position:absolute;right:32px;top:46px;z-index:45;width:276px;padding:10px;border:1px solid var(--s-border);border-radius:14px;background:var(--s-surface);box-shadow:0 18px 45px #17223a2b}
.analog-clock-head{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 7px}
.analog-clock-head strong{font-size:12px}.analog-clock-head button{border:0;background:transparent;color:var(--s-muted);font-size:18px}
.analog-clock svg{display:block;width:100%;height:auto;background:var(--s-surface-2);border-radius:50%}
.clock-option{cursor:pointer}.clock-option circle{fill:transparent;stroke:transparent}.clock-option text{fill:var(--s-text);font-size:11px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.clock-option:hover circle,.clock-option:focus circle{fill:color-mix(in srgb,var(--s-accent) 13%,transparent)}.clock-option.selected circle{fill:var(--s-accent)}.clock-option.selected text{fill:#fff;font-weight:700}

.task-heading-copy>.eyebrow{margin-bottom:7px}
.task-title-editor{display:flex;flex-direction:column;gap:2px;padding:2px 0}
.task-title-editor input:focus{outline-offset:1px!important}
.task-title-hint{margin:0 8px;font-size:10px;color:var(--s-muted);font-weight:400}
.task-title-editor:has([data-task-title-input][hidden]) .task-title-hint{display:none}

.task-label-menu{width:250px!important;min-width:220px!important;max-height:210px!important;padding:5px!important;gap:2px!important;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
.task-label-menu::-webkit-scrollbar{width:6px}.task-label-menu::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px}
.task-label-menu .task-label-choice{position:relative;min-height:32px;padding:3px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;align-items:center}
.task-label-menu .task-label-choice:hover{background:color-mix(in srgb,var(--task-label-color) 10%,var(--s-surface-2))!important}
.task-label-menu .task-label-choice:has(input:checked){background:color-mix(in srgb,var(--task-label-color) 15%,var(--s-surface-2))!important}
.task-label-menu .task-label-choice:has(input:checked):after{content:'✓';margin-left:auto;color:var(--task-label-color,var(--s-accent));font-weight:800}
.task-label-menu .task-label-choice input{position:absolute;opacity:0;pointer-events:none}
.task-label-menu .task-label-choice>span{padding:4px 2px!important;font-size:12px}

.checklist-editor .section-heading{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:9px}
.checklist-heading-actions{width:100%!important;flex:1 0 100%!important;flex-wrap:nowrap!important}
.overall-check-progress{flex:1;min-width:160px!important}
.overall-check-progress .task-progress-track{width:100%;min-width:0}

.v050-task-modal .task-side{overflow:hidden!important;display:flex;flex-direction:column;gap:12px}
.v050-task-modal .task-side section+section{margin-top:0!important}
.comments-panel{flex:7 1 0;min-height:0;display:flex;flex-direction:column}
.comments-panel>h3,.attachments-panel h3{margin-bottom:8px}
.comment-composer{flex:0 0 auto;margin:5px 0 10px!important}
.comment-input-wrap{position:relative}
.comment-composer [data-comment-input]{padding-right:40px!important;margin:0!important;resize:none!important}
.comment-send-icon{position:absolute;right:4px;bottom:4px;width:30px;height:30px;padding:6px;border:0;border-radius:8px;background:var(--s-accent);color:#fff;display:grid;place-items:center}
.comment-send-icon:hover{background:color-mix(in srgb,var(--s-accent) 84%,#000)}
.comment-send-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.task-comments{flex:1;min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
.task-event .task-comment-card{background:color-mix(in srgb,var(--s-accent) 4%,var(--s-surface));border-color:color-mix(in srgb,var(--s-accent) 12%,var(--s-border))}
.task-event .task-comment-head strong{display:none}.task-event .task-comment-card p{color:var(--s-muted)}
.attachments-panel{flex:3 1 0;min-height:125px;overflow-y:auto;border:1px solid var(--s-border);border-radius:12px;padding:11px;transition:border-color .15s,background .15s}
.attachments-panel.dragover{border-color:var(--s-accent);background:color-mix(in srgb,var(--s-accent) 7%,var(--task-side-bg))}
.attachments-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;background:var(--task-side-bg);z-index:2;padding-bottom:5px}
.attachments-panel-head h3{margin:0}.attachments-panel-head small{font-size:9px;margin:1px 0 0}.attachments-panel-head .button{min-height:31px;padding:4px 9px}
.attachments-panel .task-attachments{margin-top:6px}

@media(max-width:900px){
    .due-editor{grid-template-columns:1fr 108px 30px}
    .v050-task-modal .task-side{overflow:visible!important;display:block}
    .comments-panel,.attachments-panel{min-height:260px;max-height:none}
    .attachments-panel{margin-top:14px!important}
}
@media(max-width:560px){
    .due-editor{grid-template-columns:1fr 30px}.due-time-wrap{grid-column:1/2}.due-clear{grid-column:2;grid-row:1}
    .analog-clock{right:0;width:min(276px,calc(100vw - 48px))}
    .checklist-editor .section-heading{align-items:flex-start;flex-direction:column}
    .checklist-heading-actions{width:100%;flex-wrap:wrap!important}
}