.take-note-app,.single-note,.note-editor-panel{--note-panel:rgba(10,28,48,.72);--note-border:rgba(105,170,230,.28);--note-text:#eef7ff;--note-muted:#9db4ca;color:var(--note-text)}html[data-theme=light] .take-note-app,html[data-theme=light] .single-note,html[data-theme=light] .note-editor-panel{--note-panel:rgba(255,255,255,.82);--note-border:rgba(35,85,135,.22);--note-text:#10243a;--note-muted:#526a80}.note-toolbar{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--note-border);border-radius:10px;background:var(--note-panel);margin-bottom:10px}.note-toolbar input{flex:1}.note-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.note-filter-sidebar{display:grid;align-content:start;gap:10px}.note-filter-panel{background:var(--note-panel);border:1px solid var(--note-border);border-radius:12px;padding:10px}.note-filter-panel h3{margin:0 0 8px}.note-filter-link,.note-user-link{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;color:inherit;text-decoration:none}.note-filter-link:hover,.note-user-link:hover{background:rgba(72,168,255,.12)}.note-user-link{justify-content:space-between}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.note-card{position:relative;min-height:170px;padding:14px;border:1px solid color-mix(in srgb,var(--note-color) 55%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--note-color) 12%,transparent),var(--note-panel));box-shadow:0 8px 22px rgba(0,0,0,.12)}.note-card header,.note-card footer,.single-note header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.note-card h2{font-size:17px;margin:12px 0 8px}.note-card h2 a{color:inherit;text-decoration:none}.note-card p{color:var(--note-muted);line-height:1.5}.note-card footer{position:absolute;bottom:12px;left:14px;right:14px;color:var(--note-muted);font-size:12px}.note-style-paper{background-color:#fff9cf!important;background-image:repeating-linear-gradient(transparent 0,transparent 27px,rgba(79,129,189,.2) 28px)!important;color:#2c2a20!important;border-color:rgba(175,139,40,.45)!important}.note-style-paper:before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 24px 24px 0;border-color:transparent rgba(154,122,34,.25) transparent transparent}.single-note{position:relative;background:var(--note-panel);border:1px solid var(--note-border);border-radius:14px;padding:18px}.single-note header{border-bottom:1px solid var(--note-border);padding-bottom:14px}.single-note h1{margin:8px 0}.single-note .note-content{font-size:15px;line-height:1.65;padding:20px 4px}.note-category-dot{display:inline-flex;gap:6px;border-left:4px solid var(--note-color);padding-left:8px}.note-actions{flex-wrap:wrap;justify-content:flex-end}.note-actions form{display:inline}.note-tags{display:flex;gap:7px;flex-wrap:wrap}.note-tags span{background:rgba(72,168,255,.12);border:1px solid var(--note-border);padding:4px 8px;border-radius:999px}.note-editor-panel{background:var(--note-panel);border:1px solid var(--note-border);border-radius:14px;padding:16px}.note-group-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.note-group-picker>b{grid-column:1/-1}.take-note-module{display:grid;gap:8px}.take-note-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.take-note-stat{border:1px solid rgba(105,170,230,.25);background:rgba(72,168,255,.08);border-radius:8px;padding:8px}.take-note-stat b{display:block;font-size:18px}.take-note-mini{display:block;padding:7px;border-bottom:1px solid rgba(105,170,230,.17);text-decoration:none;color:inherit}.take-note-mini:last-child{border-bottom:0}@media(max-width:900px){.note-layout{grid-template-columns:1fr}.note-filter-sidebar{grid-template-columns:repeat(2,1fr)}.single-note header{display:block}.note-actions{justify-content:flex-start;margin-top:10px}}@media(max-width:600px){.note-toolbar{flex-wrap:wrap}.note-toolbar input{flex-basis:100%}.note-filter-sidebar{grid-template-columns:1fr}.note-grid{grid-template-columns:1fr}}

/* EXT CMS 1.0.70 Take a Note refinements */
.note-editor-panel .form-grid{align-items:start}
.note-editor-panel .form-grid>label,.note-tags-editor{background:rgba(9,30,52,.42);border:1px solid var(--note-border);border-radius:10px;padding:10px;display:grid;gap:6px}
html[data-theme=light] .note-editor-panel .form-grid>label,html[data-theme=light] .note-tags-editor{background:rgba(255,255,255,.72)}
.note-editor-panel label small,.note-tags-editor small{color:var(--note-muted);font-size:12px;line-height:1.35}
.note-tags-editor{min-width:0}
.tag-chip-list{display:flex;flex-wrap:wrap;gap:6px;min-height:30px;align-items:center}
.tag-chip{border:1px solid rgba(72,168,255,.45);background:rgba(72,168,255,.14);color:inherit;border-radius:999px;padding:5px 9px;cursor:pointer;font:inherit}
.tag-chip:hover{background:rgba(72,168,255,.25)}
.take-note-app .btn,.single-note .btn,.note-editor-panel .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.take-note-app .btn:hover,.single-note .btn:hover,.note-editor-panel .btn:hover{transform:translateY(-1px)}
.note-admin-category-list{display:grid;gap:10px}
.note-admin-category-row{border:1px solid rgba(105,170,230,.25);background:rgba(8,27,47,.48);border-radius:12px;padding:12px}
.note-admin-category-summary{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center}
.note-admin-category-summary .category-name{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.note-admin-category-summary .category-dot{width:12px;height:12px;border-radius:999px;background:var(--category-color)}
.note-admin-category-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.note-admin-category-edit{margin-top:12px;padding-top:12px;border-top:1px solid rgba(105,170,230,.2)}
.note-settings-callout{border:1px solid rgba(72,168,255,.3);background:rgba(72,168,255,.08);border-radius:12px;padding:14px}
.note-color-preview{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:var(--preview-color)}
@media(max-width:760px){.note-admin-category-summary{grid-template-columns:1fr}.note-admin-category-actions{justify-content:flex-start}}
.note-view-switch{display:flex;gap:5px}.note-filter-link{flex-direction:column;align-items:stretch}.note-filter-name{display:flex;gap:8px;align-items:center}.note-filter-link small{color:var(--note-muted);font-size:10px;padding-left:22px}.note-card-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.note-badge{display:inline-flex;padding:2px 6px;border-radius:999px;font-size:10px;border:1px solid var(--note-border)}.note-badge.private{background:rgba(245,158,11,.14);color:#ffd98a}.note-badge.public{background:rgba(34,197,94,.14);color:#9ef0b6}.note-badge.archived{background:rgba(148,163,184,.16);color:#cbd5e1}.note-grid.note-view-compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.note-grid.note-view-compact .note-card{min-height:115px;padding:10px}.note-grid.note-view-compact .note-card p{display:none}.note-grid.note-view-compact .note-card h2{font-size:14px;margin:8px 0}.note-grid.note-view-compact .note-card footer{position:static;margin-top:10px}.note-grid.note-view-list{display:block}.note-grid.note-view-list .note-card{min-height:0;display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(220px,2fr) 170px;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;margin-bottom:6px}.note-grid.note-view-list .note-card header{display:block}.note-grid.note-view-list .note-card h2{margin:0;font-size:14px}.note-grid.note-view-list .note-card p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-grid.note-view-list .note-card footer{position:static;font-size:11px}.take-note-mini{display:grid;gap:3px;padding:8px 4px}.take-note-mini-title{font-weight:700;line-height:1.25}.take-note-mini-meta{font-size:10px;color:var(--note-muted)}.profile-note-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.profile-note-tools input{min-width:260px;flex:1}.profile-note-stats{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px;margin:10px 0}.profile-note-stat{background:var(--panel-bg,rgba(10,28,48,.72));border:1px solid var(--border-color,rgba(105,170,230,.28));border-radius:9px;padding:9px}.profile-note-stat b{display:block;font-size:18px}.profile-note-item .note-meta-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.profile-note-item .note-badge{font-size:11px}.btn.success{background:#15803d;border-color:#22c55e;color:#fff}@media(max-width:900px){.note-grid.note-view-list .note-card{grid-template-columns:1fr}.profile-note-stats{grid-template-columns:repeat(2,1fr)}}

/* EXT CMS 1.0.73 Take a Note profile/module polish */
.take-note-module{--note-module-border:rgba(105,170,230,.28);--note-module-panel:rgba(10,28,48,.58);display:grid;gap:9px}
.take-note-module .take-note-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.take-note-module .take-note-stat{display:grid;gap:2px;text-decoration:none;color:inherit;border-radius:10px;padding:9px;border:1px solid var(--note-module-border);background:var(--note-module-panel);transition:transform .15s ease,border-color .15s ease,background .15s ease}
.take-note-module .take-note-stat:hover{transform:translateY(-1px);border-color:rgba(100,190,255,.55)}
.take-note-module .take-note-stat b{font-size:18px;line-height:1}.take-note-module .take-note-stat span{font-size:11px;opacity:.86}
.take-note-module .stat-public{background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(10,28,48,.58));border-color:rgba(34,197,94,.34)}
.take-note-module .stat-mine{background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(10,28,48,.58));border-color:rgba(59,130,246,.38)}
.take-note-module .stat-private{background:linear-gradient(135deg,rgba(245,158,11,.17),rgba(10,28,48,.58));border-color:rgba(245,158,11,.36)}
.take-note-module .stat-archived{background:linear-gradient(135deg,rgba(148,163,184,.16),rgba(10,28,48,.58));border-color:rgba(148,163,184,.32)}
.take-note-module-heading{display:block;padding:2px 2px 5px}.take-note-latest{display:grid;gap:4px}
.take-note-module .take-note-mini{border:1px solid var(--note-module-border);border-radius:9px;padding:8px;background:rgba(10,28,48,.38)}
.take-note-module .take-note-mini:hover{background:rgba(72,168,255,.12)}
.take-note-module .take-note-mini-title{display:block;margin-bottom:3px;overflow-wrap:anywhere}.take-note-module .take-note-mini-meta{display:flex;gap:4px;align-items:center;flex-wrap:wrap;line-height:1.35}
.take-note-module .note-badge{font-size:9px;padding:1px 5px}.take-note-module-new,.take-note-module-search{width:100%}
.profile-note-tools [data-profile-note-filter]{border-radius:999px}.profile-note-tools [data-profile-note-filter][aria-pressed="true"]{box-shadow:0 0 0 1px rgba(100,190,255,.35),0 5px 14px rgba(0,0,0,.15)}
html[data-theme=light] .take-note-module{--note-module-panel:rgba(255,255,255,.76);--note-module-border:rgba(35,85,135,.22)}


/* EXT CMS 1.0.74 readability, views, scrolling, and per-module styles */
.take-note-app{font-size:15px}.take-note-app .content-heading h1{font-size:24px}.take-note-app .content-heading p,.note-filter-link,.note-user-link{font-size:14px}.note-toolbar input{font-size:15px;min-height:42px}.note-card{min-height:220px;padding:16px}.note-card h2{font-size:20px;line-height:1.25}.note-card p{font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--note-text) 78%,transparent)}.note-card footer{font-size:13px}.note-card .note-badge{font-size:11px;font-weight:700}.note-style-paper .note-badge.public{color:#14532d;background:#dcfce7;border-color:#86efac}.note-style-paper .note-badge.private{color:#7c2d12;background:#ffedd5;border-color:#fdba74}.note-scroll-region.note-view-card{max-height:min(68vh,760px);overflow:auto;padding-right:5px;align-content:start}.note-grid.note-view-compact{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:min(72vh,820px);overflow:auto;padding-right:5px}.note-grid.note-view-compact .note-card{min-height:132px}.note-grid.note-view-compact .note-card h2{font-size:16px}.note-grid.note-view-list{max-height:min(74vh,860px);overflow:auto;padding-right:5px}.note-grid.note-view-list .note-card{grid-template-columns:170px minmax(220px,1fr) minmax(260px,2fr) 190px;background:color-mix(in srgb,var(--note-color) 8%,var(--note-panel));border-left:4px solid var(--note-color)}.note-grid.note-view-list .note-card h2{font-size:16px}.note-grid.note-view-list .note-card p{font-size:14px;color:var(--note-text)}
.take-note-module-style-compact{gap:6px}.take-note-module-style-compact .take-note-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.take-note-module-style-compact .take-note-stat{padding:6px}.take-note-module-style-compact .take-note-stat b{font-size:15px}.take-note-module-style-compact .take-note-mini{padding:6px}.take-note-module-style-compact .take-note-mini-meta{display:none}.take-note-module-style-detailed .take-note-mini{padding:10px}.take-note-module-style-detailed .take-note-mini-title{font-size:14px}.take-note-module-style-detailed .take-note-mini-meta{font-size:11px}.take-note-extra{display:grid;gap:5px}.take-note-category-mini{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--note-module-border);border-radius:8px;background:rgba(10,28,48,.34);text-decoration:none;color:inherit}.take-note-category-mini:hover{background:rgba(72,168,255,.12)}

/* EXT CMS 1.0.75 category-aware note creation and truly compact view */
.note-grid.note-view-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:6px;max-height:min(72vh,760px);overflow:auto;padding-right:4px;align-content:start}
.note-grid.note-view-compact .note-card{min-height:76px!important;height:auto;padding:8px 10px;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head badges" "title meta";gap:3px 10px;align-items:center}
.note-grid.note-view-compact .note-card header{display:contents}
.note-grid.note-view-compact .note-card header>span{grid-area:head;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.note-grid.note-view-compact .note-card .note-card-badges{grid-area:badges;justify-self:end}
.note-grid.note-view-compact .note-card h2{grid-area:title;margin:0!important;font-size:14px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.note-grid.note-view-compact .note-card p{display:none!important}
.note-grid.note-view-compact .note-card footer{grid-area:meta;position:static!important;margin:0!important;display:flex;gap:8px;justify-content:flex-end;font-size:10px!important;white-space:nowrap}
@media(max-width:700px){.note-grid.note-view-compact{grid-template-columns:1fr}}