:root{font-family:"Segoe UI",SegoeUI,Arial,sans-serif;color:#202124;background:#fff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}header{height:58px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:14px;padding:0 18px;position:sticky;top:0;background:white;z-index:4}header strong{font-size:19px}#menu{display:none;border:0;background:none;font-size:22px}#search{margin-left:auto;width:min(360px,35vw);padding:9px 12px;border:1px solid #d1d5db;border-radius:9px}#tasksBtn{border:0;border-radius:9px;padding:9px 13px;cursor:pointer}main{height:calc(100vh - 58px);display:grid;grid-template-columns:220px 250px 1fr}.paneTitle{font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.07em;padding:17px 13px 10px;display:flex;justify-content:space-between}.paneTitle button{border:0;background:none;font-size:18px;cursor:pointer}aside{border-right:1px solid #e5e7eb;overflow:auto;background:#fafafa}#leftTodos{width:calc(100% - 14px);margin:10px 7px 0;padding:11px 12px;border:1px solid #d9dde5;background:#fff;border-radius:9px;text-align:left;font-weight:700;cursor:pointer}.navItem{padding:10px 13px;margin:2px 7px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.navItem:hover,.navItem.active{background:#e9eaee}.navItem .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navItem .name small{display:block;font-weight:400;color:#8a8a8a;font-size:11px;margin:3px 0 0 19px}.navItem .delete{visibility:hidden;border:0;background:none;cursor:pointer}.navItem:hover .delete{visibility:visible}#editor{overflow:auto;padding:36px max(30px,6vw)}.title{display:block;border:0;outline:0;font-size:32px;font-weight:700;width:100%;margin-bottom:5px}.createdAt{border:0;outline:0;color:#777;padding:3px 0;margin-bottom:14px;background:transparent}.toolbar{display:flex;gap:6px;border-bottom:1px solid #e5e7eb;padding-bottom:10px;align-items:center;flex-wrap:wrap}.toolbar button,.toolbar select{border:1px solid #ddd;background:white;border-radius:6px;padding:6px 9px;cursor:pointer}.colorCtl{border:1px solid #ddd;border-radius:6px;padding:4px 7px;font-weight:700;display:flex;gap:5px;align-items:center}.colorCtl input{width:22px;height:22px;padding:0;border:0;background:none}.toolbar #saveState{margin-left:auto;color:#777;font-size:12px}#content{min-height:60vh;outline:none;padding:20px 2px;font-size:16px;line-height:1.65}#content:empty:before{content:attr(data-placeholder);color:#aaa}.inlineTask{display:flex;gap:8px;align-items:flex-start;margin:8px 0;padding:5px 0}.inlineTask.done .taskText{text-decoration:line-through;color:#888}.taskText{outline:none;min-width:160px;flex:1}.hidden{display:none!important}.todoHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:18px}.todoHeader h1{margin:0}.todoHeader p{color:#777;margin:5px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #eee}.filters label,.taskMeta label{font-size:11px;color:#666;display:flex;flex-direction:column;gap:3px}.filters select{border:1px solid #ddd;border-radius:7px;padding:7px}.todoCard{padding:14px 8px;border-bottom:1px solid #eee;display:grid;grid-template-columns:auto 1fr auto;gap:12px}.todoCard.done .todoText{text-decoration:line-through;color:#888}.todoText{font-weight:600;outline:none}.crumb{font-size:12px;color:#777;margin-top:5px;cursor:pointer}.taskMeta{display:flex;gap:6px;align-items:flex-end}.taskMeta select,.taskMeta input{border:1px solid #ddd;border-radius:6px;padding:5px;font-size:12px}.taskMeta .requester{width:150px}.empty{color:#888;text-align:center;margin-top:70px}.searchHit{background:#fff7cc}@media(max-width:760px){header{padding:0 10px}#menu{display:block}header strong{display:none}#search{width:auto;flex:1}#tasksBtn{white-space:nowrap}main{display:block}.paneTitle{padding-top:12px}#sections,#pages{display:none;position:fixed;top:58px;bottom:0;z-index:3;width:78vw;max-width:320px;box-shadow:4px 0 16px #0002}#pages{left:0}body.showSections #sections{display:block}body.showPages #pages{display:block}#editor{padding:25px 18px}.title{font-size:27px}.todoCard{grid-template-columns:auto 1fr}.taskMeta{grid-column:2;flex-wrap:wrap}.filters label{flex:1 1 45%}}

.groupHeader{position:sticky;top:-36px;z-index:2;margin:18px 0 0;padding:10px 8px 8px;border-bottom:2px solid #dfe3e8;background:#fff;font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.groupCount{font-size:11px;font-weight:600;color:#777}
/* V5: tables, screenshots, resizable pasted images */
#content table{border-collapse:collapse;margin:14px 0;max-width:100%;min-width:280px}#content th,#content td{border:1px solid #b9bec7;padding:7px 9px;min-width:70px;vertical-align:top}#content th{font-weight:700;background:#f1f3f5}#content table.firstCol tbody td:first-child{font-weight:700;background:#f7f7f8}#content table.noHeader thead td{background:transparent;font-weight:400}.tablePanel{display:none;position:absolute;z-index:10;background:#fff;border:1px solid #d8dce2;border-radius:9px;padding:12px;box-shadow:0 8px 30px #0002;gap:8px;flex-wrap:wrap;align-items:end}.tablePanel.open{display:flex}.tablePanel label{font-size:11px;color:#666;display:flex;flex-direction:column;gap:3px}.tablePanel input[type=number]{width:65px;padding:6px;border:1px solid #ddd;border-radius:6px}.tablePanel .checkLabel{flex-direction:row;align-items:center;font-size:12px;padding-bottom:6px}.imageBox{display:inline-block;position:relative;max-width:100%;margin:8px 2px;vertical-align:top}.imageBox img{display:block;max-width:100%;height:auto}.imageBox.selected{outline:2px solid #5b78d1;outline-offset:2px}.imageResize{display:none;position:absolute;width:14px;height:14px;right:-8px;bottom:-8px;border:2px solid white;background:#5b78d1;border-radius:50%;cursor:nwse-resize}.imageBox.selected .imageResize{display:block}.imageSizeLabel{display:none;position:absolute;right:0;bottom:-28px;background:#222;color:white;border-radius:4px;padding:2px 5px;font:11px Segoe UI,sans-serif;white-space:nowrap}.imageBox.selected .imageSizeLabel{display:block}.toolbar .sep{width:1px;height:26px;background:#ddd;margin:0 2px}
/* V6: contextual table controls */
.tableTools{display:none;position:fixed;z-index:30;max-width:min(920px,calc(100vw - 16px));padding:6px;background:#fff;border:1px solid #cfd4dc;border-radius:8px;box-shadow:0 6px 24px #0002;gap:4px;align-items:center;flex-wrap:wrap;font:12px Segoe UI,system-ui,sans-serif}.tableTools.open{display:flex}.tableTools strong{padding:0 5px}.tableTools button{border:1px solid #d8dce2;background:#fff;border-radius:5px;padding:5px 7px;cursor:pointer}.tableTools button:hover{background:#f3f4f6}.tableTools span{width:1px;height:22px;background:#ddd}.tableTools .danger{color:#a11}#content td:focus,#content th:focus,#content td:focus-within,#content th:focus-within{outline:2px solid #6b84d6;outline-offset:-2px}#content td .inlineTask,#content th .inlineTask{margin:0;min-width:140px}

/* V7 table colors */
#content table{--table-header-bg:#f1f3f5;--table-first-bg:#f7f7f8}
#content table thead th{background:var(--table-header-bg)}
#content table.firstCol tbody td:first-child{background:var(--table-first-bg)}
#content table.firstCol thead th:first-child{background:var(--table-first-bg)}
.tableColorTools{display:inline-flex;gap:7px;align-items:center}.tableColorTools label{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap}.tableColorTools input[type=color]{width:28px;height:24px;padding:1px;border:1px solid #ccd0d6;border-radius:5px;background:#fff;cursor:pointer}

/* V8: CK Notebook, locked Segoe UI, accessible table tools, sub action items */
body,button,input,select,#content,#content *,.title,.createdAt,.todoText,.taskText{font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important}
#content a{color:#1155cc;text-decoration:underline;cursor:pointer}
.tableTools{overflow:visible;max-width:calc(100vw - 16px)}
.tableColorTools{flex-wrap:wrap}
.tableColorTools input[type=color]{min-width:34px;min-height:30px;pointer-events:auto}
.taskLine{display:flex;gap:8px;align-items:flex-start;width:100%}.taskLine>.taskText{flex:1}.addSubTask{border:0;background:transparent;color:#666;font-size:11px;padding:2px 5px;cursor:pointer;opacity:.35}.inlineTask:hover>.taskLine>.addSubTask,.addSubTask:focus{opacity:1}.subTaskList{margin-left:27px;border-left:1px solid #ddd;padding-left:10px}.subTaskList:empty{display:none}.inlineTask.subTask{margin:4px 0}.inlineTask.done>.taskLine>.taskText{text-decoration:line-through;color:#888}.inlineTask.done .subTaskList .taskText{text-decoration:none;color:#202124}.cardAddSub{border:1px solid #ddd;background:#fff;border-radius:6px;padding:5px 7px;font-size:11px;cursor:pointer}.subTodoCard{margin-left:28px;border-left:3px solid #d9dde5;padding-left:12px}
@media(max-width:760px){.tableTools{max-height:45vh;overflow:auto}.subTodoCard{margin-left:12px}.addSubTask{opacity:1}}

/* V9: stable sub-actions, favorites, screenshot import */
.inlineTask{display:block!important}.taskLine{display:flex}.subTaskList{display:block;margin-left:27px;border-left:1px solid #ddd;padding-left:10px}.subTaskList:empty{display:none}.inlineTask.subTask{display:block!important}
.todoChildren{margin-left:32px;border-left:2px solid #e2e5e9;padding-left:12px}.todoChildren:empty{display:none}.todoTreeNode>.todoCard{margin-left:0}.todoCard.parentTask{background:#fafbfc}.childProgress{font-size:11px;color:#777;margin-top:4px}.parentBlocked{animation:ckshake .18s linear 2}@keyframes ckshake{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.favoriteColorsPanel{display:none;position:absolute;z-index:40;background:#fff;border:1px solid #d8dce2;border-radius:9px;padding:10px;box-shadow:0 8px 30px #0002;gap:8px;align-items:end;flex-wrap:wrap;max-width:min(680px,calc(100vw - 20px))}.favoriteColorsPanel.open{display:flex}.favoriteColorsPanel label{font-size:11px;color:#666;display:flex;flex-direction:column;gap:3px}.favoriteColorsPanel select{padding:6px;border:1px solid #ddd;border-radius:6px}.favoriteColorChips{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.favoriteChip{width:30px;height:30px;border:2px solid #fff;outline:1px solid #bbb;border-radius:6px;cursor:pointer}.favoriteAdd input{width:34px;height:30px;padding:0;border:1px solid #ccc}.favoriteColorsPanel button{border:1px solid #ddd;background:#fff;border-radius:6px;padding:6px 8px;cursor:pointer}.appToast{display:none;position:fixed;right:18px;bottom:18px;z-index:100;background:#202124;color:#fff;padding:11px 14px;border-radius:8px;max-width:420px;box-shadow:0 5px 22px #0003;font-size:13px}.appToast.show{display:block}
#content td[data-ck-bg],#content th[data-ck-bg]{background:var(--ck-cell-bg)!important}#content tr[data-ck-bg]>td,#content tr[data-ck-bg]>th{background:var(--ck-row-bg)!important}#content table thead tr[data-ck-bg]>th{background:var(--ck-row-bg)!important}
@media(max-width:760px){.todoChildren{margin-left:12px;padding-left:8px}.favoriteColorsPanel{left:10px!important;right:10px!important}}

/* V10 table color precedence: header wins over row/first-column; explicit cell color wins over all. */
#content table thead th{background:var(--table-header-bg,#f1f3f5)!important}
#content table.firstCol tbody td:first-child{background:var(--table-first-bg,#f7f7f8)!important}
#content tbody tr[data-ck-bg]>td{background:var(--ck-row-bg)!important}
#content td[data-ck-bg],#content th[data-ck-bg]{background:var(--ck-cell-bg)!important}
.tablePanel input[type=color]{width:38px;height:31px;padding:1px;border:1px solid #ccc;border-radius:6px;background:#fff}


/* JotDone v1.11 cloud/auth */
.versionTag{font-size:11px;font-weight:600;opacity:.65;margin-left:4px}.cloudState{font-size:12px;white-space:nowrap;opacity:.75}.accountBar{display:flex;align-items:center;gap:7px;font-size:12px}.accountBar button{padding:6px 9px}.hidden{display:none!important}.authGate{position:fixed;inset:0;z-index:99999;background:rgba(245,247,250,.97);display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Segoe UI',sans-serif}.authCard{width:min(390px,100%);background:white;border:1px solid #dfe3e8;border-radius:16px;padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.12)}.brandMark{width:48px;height:48px;border-radius:12px;background:#2563eb;color:white;display:grid;place-items:center;font-size:28px;font-weight:700}.authCard h1{margin:12px 0 0;font-size:30px}.tagline{margin:2px 0 24px;color:#667085}.authCard label{display:block;font-size:13px;font-weight:600;margin:13px 0}.authCard input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px;border:1px solid #cfd5dc;border-radius:8px;font:inherit}.authActions{display:flex;gap:8px;margin-top:18px}.authActions button{flex:1;padding:11px;border-radius:8px;border:1px solid #2563eb;background:#2563eb;color:white;font-weight:600}.authActions .secondary{background:white;color:#2563eb}.authMessage{min-height:20px;font-size:13px;color:#475467}.authMessage.error{color:#b42318}.authCard small{color:#667085;line-height:1.4}@media(max-width:900px){.accountBar #userEmail,.cloudState{display:none}.accountBar button{padding:6px}.authCard{padding:22px}}
/* JotDone v1.12 - Page Types */
.pageMeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pageMeta .createdAt{margin-bottom:0}.pageTypeLabel{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.pageTypeLabel select,.metaButton,.pageTypePanel button,.pageTypePanel input{border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:6px 8px}.metaButton{cursor:pointer}.pageTypeDot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.pageTypePanel{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin:0 0 10px;background:#fafafa;max-width:560px}.pageTypePanelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pageTypeRow{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #eee}.pageTypeRow input[type=text]{min-width:0}.pageTypeAdd{display:grid;grid-template-columns:34px 1fr auto;gap:8px;margin-top:10px}.pageTypeBadge{font-size:10px;padding:2px 6px;border:1px solid #ddd;border-radius:999px;margin-left:5px;color:#555;background:#fff}.pageTypeFilter{margin:8px 7px}.pageTypeFilter select{width:100%;border:1px solid #ddd;border-radius:7px;padding:7px;background:#fff}