:root{
  color-scheme:light;
  --bg:#eee2cf;
  --bg2:#e3d1b8;
  --paper:#fbf6ec;
  --paper2:#f4eadb;
  --sand:#d9c2a3;
  --sand-dark:#b8956d;
  --brown:#6d5540;
  --text:#43372d;
  --muted:#887565;
  --line:#d9c7ae;
  --accent:#9b7956;
  --accent-soft:#ead9c3;
  --shadow:rgba(91,67,45,.12);
}
*{box-sizing:border-box}
body{
  margin:0;
  color:var(--text);
  font:16px/1.55 Georgia,"Times New Roman",serif;
  background:
    radial-gradient(circle at 15% 5%,rgba(255,255,255,.55),transparent 27rem),
    linear-gradient(180deg,var(--bg),#f3eadc 48%,var(--bg2));
  min-height:100vh;
}
body:before{content:"";display:block;height:7px;background:linear-gradient(90deg,#b99770,#d5bd9d,#a9835d)}
.wrap{max-width:920px;margin:auto;padding:42px 22px 80px}
header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid rgba(155,121,86,.35)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:#513f31}
h1{font-size:36px;line-height:1.1;margin:0 0 7px;font-weight:normal;letter-spacing:-.02em}
h2{font-size:25px;font-weight:normal;margin-top:30px}.muted{color:var(--muted)}
.card{background:rgba(251,246,236,.94);border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin:14px 0;box-shadow:0 8px 24px var(--shadow)}
.login{max-width:470px;margin:10vh auto;padding:30px}.login h1{text-align:center}.login .muted{text-align:center;margin-bottom:22px}
form{display:grid;gap:14px}label{display:grid;gap:6px;color:var(--brown);font-weight:bold;font-family:system-ui,-apple-system,sans-serif;font-size:14px}
input,textarea{width:100%;padding:12px 13px;border:1px solid #cdb99e;border-radius:7px;background:#fffaf2;color:var(--text);font:16px Georgia,"Times New Roman",serif;outline:none}
input:focus,textarea:focus{border-color:var(--sand-dark);box-shadow:0 0 0 3px rgba(184,149,109,.15)}
button,.logout{display:inline-block;width:max-content;padding:10px 17px;border:1px solid #a98560;border-radius:7px;background:linear-gradient(#b8956d,#9e7955);color:#fffaf1;font:700 14px system-ui,-apple-system,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 2px 5px rgba(83,58,35,.12)}
button:hover,.logout:hover{filter:brightness(.97)}
.entry time{color:var(--muted);font-size:14px;font-style:italic}.entry h3{margin-bottom:5px;font-size:20px;font-weight:normal}.entry p{line-height:1.75;margin-bottom:0}.readonly{font:600 11px system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.06em;border:1px solid #cdb99e;border-radius:999px;padding:4px 9px;color:#7d6753;background:#f2e6d5}.shared{border-left:4px solid #b99770}.error{padding:11px 13px;border:1px solid #bd8d83;border-radius:7px;color:#844c43;background:#f7e6df;margin-bottom:14px}audio{width:100%;margin-top:12px}

/* Dagboksarkiv – år och månader */
.diary-section{margin-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.section-heading h2{margin:0}.entry-count{font:600 12px system-ui,-apple-system,sans-serif;color:#786552;background:#f3e8d8;border:1px solid var(--line);border-radius:999px;padding:5px 11px;white-space:nowrap}.timeline{display:grid;gap:16px}.year-group,.month-group{border-radius:10px}.year-group{border:1px solid #ccb797;background:rgba(250,244,234,.72);overflow:hidden;box-shadow:0 5px 18px rgba(91,67,45,.07)}.year-group>summary,.month-group>summary{list-style:none;cursor:pointer;user-select:none}.year-group>summary::-webkit-details-marker,.month-group>summary::-webkit-details-marker{display:none}.year-group>summary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:linear-gradient(90deg,#dcc6a8,#eadbc6 55%,#f3e9da);font-family:Georgia,"Times New Roman",serif;color:#574333}.year-group>summary:before,.month-group>summary:before{content:'›';display:inline-block;margin-right:10px;transition:transform .18s ease;color:#8c6848;font-family:system-ui,sans-serif}.year-group[open]>summary:before,.month-group[open]>summary:before{transform:rotate(90deg)}.year-title{font-size:24px;font-weight:normal;margin-right:auto}.year-count{font:600 12px system-ui,-apple-system,sans-serif;color:#7d6956}.year-content{padding:14px;display:grid;gap:11px}.month-group{border:1px solid #dfcfb9;background:#fbf7ef;overflow:hidden}.month-group>summary{display:flex;align-items:center;padding:12px 15px;font-size:18px;color:#604a37;background:#f2e6d5}.month-group>summary span:first-of-type{margin-right:auto}.month-count{min-width:28px;text-align:center;font:600 11px system-ui,-apple-system,sans-serif;color:#826d58;border:1px solid #d5c2a8;background:#fbf5eb;border-radius:999px;padding:2px 7px}.month-entries{padding:5px 14px 12px 29px;border-left:2px solid #d3b995;margin-left:20px}.month-entries .card{margin:11px 0;background:#fffaf2}.month-entries .entry{position:relative}.month-entries .entry:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#b28b62;left:-38px;top:27px;box-shadow:0 0 0 4px #fbf7ef}.shared-section{margin-top:46px}
@media(max-width:600px){header{display:block}.logout{margin-top:12px}.wrap{padding:28px 14px 60px}h1{font-size:31px}.section-heading{align-items:flex-start;flex-direction:column;gap:7px}.year-group>summary{padding:14px 15px}.year-content{padding:9px}.month-entries{padding-left:10px;margin-left:12px}.month-entries .entry:before{display:none}.entry-count{font-size:11px}.card{padding:18px}}

/* Redigera och ta bort egna anteckningar */
.entry-actions{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid #eadcc9}.inline-form{display:inline;margin:0}.secondary-button,.danger-button{padding:7px 12px;font-size:12px;box-shadow:none}.secondary-button{background:#f5eadb;color:#6b5541;border-color:#cdb99e}.secondary-button:hover{background:#eddfcc}.danger-button{background:#fff5f1;color:#8a4d43;border-color:#c99b91}.danger-button:hover{background:#f4ded8}.edit-form{margin-top:18px;padding-top:17px;border-top:1px solid #dcc8ad}.edit-form[hidden]{display:none}.edit-buttons{display:flex;gap:9px;flex-wrap:wrap}.edit-form textarea{min-height:130px;resize:vertical}

/* Navigation, insikter och listor */
.main-nav{display:flex;gap:8px;margin:-8px 0 28px;padding:6px;background:rgba(251,246,236,.58);border:1px solid var(--line);border-radius:10px;width:max-content;max-width:100%}.main-nav a{padding:8px 15px;border-radius:7px;text-decoration:none;color:var(--brown);font:700 14px system-ui,-apple-system,sans-serif}.main-nav a.active{background:#9e7955;color:#fffaf1}.feature-intro h2{margin-top:0}.optional{font-weight:normal;color:var(--muted);font-size:12px}.insight-grid,.list-grid,.share-cards{display:grid;gap:14px}.insight{border-left:4px solid #c49b65}.insight time{color:var(--muted);font-size:13px}.insight .inline-form{margin-top:14px}.quick-form{display:flex;align-items:center;gap:9px;grid-template-columns:none}.quick-form input{flex:1}.quick-form button{flex:0 0 auto}.list-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.list-header h3{margin:0 0 4px}.share-status{display:inline-block;font:600 11px system-ui,-apple-system,sans-serif;background:#e7d6bf;color:#735a43;border:1px solid #ccb493;border-radius:999px;padding:3px 8px}.small{font-size:13px}.item-add{margin:16px 0 10px}.item-add button{font-size:20px;line-height:1;padding:9px 14px}.todo-items{display:grid;gap:6px}.todo-item{display:flex;align-items:center;gap:9px;padding:8px 7px;border-bottom:1px solid #eadcc9}.todo-item.done span{text-decoration:line-through;color:#9a8b7c}.check-button,.tiny-delete{background:transparent;border:0;box-shadow:none;color:#8b6c4f;padding:2px 5px;font-size:21px}.tiny-delete{color:#9a665d}.push-right{margin-left:auto}.share-box{margin-top:15px;padding-top:13px;border-top:1px solid #eadcc9}.share-box select{flex:1;min-width:150px;padding:10px 12px;border:1px solid #cdb99e;border-radius:7px;background:#fffaf2;color:var(--text)}.shared-list{border-left:4px solid #b99770}.shared-diary-card{border:1px solid var(--line);border-radius:10px;background:rgba(251,246,236,.8);overflow:hidden}.shared-diary-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px}.shared-diary-card>summary::-webkit-details-marker{display:none}.shared-diary-card>summary div{display:grid;gap:3px}.shared-diary-card>summary small{color:var(--muted)}.peek{font:700 12px system-ui,-apple-system,sans-serif;color:#795d43;background:#eee0cc;border:1px solid #d4bea0;border-radius:999px;padding:6px 10px;white-space:nowrap}.shared-diary-content{padding:0 15px 12px;border-top:1px solid #e5d5c0}.shared-diary-content .card{box-shadow:none}
@media(max-width:600px){.main-nav{width:100%}.main-nav a{flex:1;text-align:center;padding:8px}.quick-form{align-items:stretch;flex-wrap:wrap}.quick-form input{min-width:180px}.list-header{gap:8px}.shared-diary-card>summary{align-items:flex-start;flex-direction:column}.peek{white-space:normal}}


/* Delning av den egna dagboken */
.diary-sharing h2{margin:0 0 5px}.sharing-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.sharing-heading p{margin:0}.current-shares{display:grid;gap:9px;margin:18px 0}.current-share{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid #ddcbb3;border-radius:8px;background:#f7eddf}.current-share span{font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:#66513e}.share-empty{margin:17px 0}.diary-share-form{margin-top:17px;padding-top:15px;border-top:1px solid #eadcc9}.diary-share-form select{flex:1;min-width:190px;padding:10px 12px;border:1px solid #cdb99e;border-radius:7px;background:#fffaf2;color:var(--text);font:14px system-ui,-apple-system,sans-serif}
@media(max-width:600px){.sharing-heading{flex-direction:column}.current-share{align-items:flex-start;flex-direction:column}.current-share .inline-form{width:100%}.current-share .danger-button{width:100%}.diary-share-form{align-items:stretch}.diary-share-form select,.diary-share-form button{width:100%}}

/* Underkategorier / mappar i listor */
.category-tools{margin:14px 0 4px;padding:12px;border:1px dashed #d9c5aa;border-radius:8px;background:rgba(248,239,226,.55)}
.item-add select{min-width:170px;padding:10px 12px;border:1px solid #cdb99e;border-radius:7px;background:#fffaf2;color:var(--text)}
.todo-groups{display:grid;gap:12px;margin-top:12px}.todo-category{border:1px solid #e1d1bc;border-radius:9px;overflow:hidden;background:#fffaf2}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#f0e3d1;border-bottom:1px solid #e1d1bc;color:#654d38}.category-heading strong{font:700 13px system-ui,-apple-system,sans-serif}.todo-category .todo-items{padding:2px 8px 7px}.todo-category .todo-item:last-child{border-bottom:0}
@media(max-width:600px){.item-add select{width:100%;min-width:0}.category-tools .quick-form{display:grid}.category-tools input,.category-tools button{width:100%}}

.search-form{display:flex;gap:.65rem;align-items:center}
.search-form input[type=search]{flex:1;min-width:0}
.search-results{display:grid;gap:1rem}
.search-result{margin:0}
.search-result-meta{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:.45rem}
.search-result-meta time{margin-left:auto}
.result-type{display:inline-block;font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;background:var(--primary-color,#3f6f5a);color:#fff}
@media(max-width:600px){.search-form{align-items:stretch;flex-direction:column}.search-result-meta time{margin-left:0;width:100%}}

.search-form-advanced{display:block}
.search-text-field{display:block;margin-bottom:1rem}
.date-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.date-search-grid label{margin:0}
.date-search-grid select,.date-search-grid input{width:100%}
.search-buttons{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.search-reset{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.active-search-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}
.active-search-filters span{font-size:.82rem;padding:.3rem .65rem;border-radius:999px;background:var(--card-background,#eef2ef)}
@media(max-width:700px){.date-search-grid{grid-template-columns:1fr}}

.summary-form fieldset{border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:.8rem 1rem;margin:0 0 1rem}
.summary-form legend{font-weight:700;padding:0 .35rem}
.check-label{display:inline-flex;align-items:center;gap:.4rem;margin:0 1rem .25rem 0}
.check-label input{width:auto}
.summary-list{display:grid;gap:1rem}
.summary-card{margin:0}
.summary-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.summary-meta span{font-size:.8rem;padding:.25rem .55rem;border-radius:999px;background:rgba(127,127,127,.12)}
.summary-result{line-height:1.65;white-space:normal}
.success{padding:.8rem 1rem;margin:0 0 1rem;border-radius:10px;background:#e8f5ec;color:#205c35}

/* Mappar som grupperar hela listor */
.list-folder-tools{margin-top:16px}.list-folder-tools h3{margin-top:0}.list-folder-grid{display:grid;gap:16px}.list-folder{border:1px solid #d7c2a6;border-radius:11px;background:rgba(248,240,228,.68);overflow:hidden}.list-folder>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 15px;background:#eadbc6;color:#5e4734}.list-folder>summary::-webkit-details-marker{display:none}.list-folder>summary:before{content:'›';font-size:22px;transition:transform .15s ease}.list-folder[open]>summary:before{transform:rotate(90deg)}.list-folder-title{font:700 15px system-ui,-apple-system,sans-serif;margin-right:auto}.list-folder>.list-grid{padding:14px}.summary-action{margin-left:2px}.summary-action button{cursor:pointer}.list-move-form{margin:12px 0 4px}.list-move-form select{flex:1;min-width:160px;padding:9px 11px;border:1px solid #cdb99e;border-radius:7px;background:#fffaf2;color:var(--text)}
@media(max-width:600px){.list-folder>.list-grid{padding:9px}.list-move-form{display:grid}.list-move-form select,.list-move-form button{width:100%}}


/* List import */
.todo-import{margin-top:1rem}.import-form{display:grid;gap:.8rem}.import-form label{display:grid;gap:.35rem}.todo-item-content{display:flex;flex-direction:column;gap:.2rem;flex:1}.todo-notes,.todo-due{display:block;opacity:.72;white-space:normal}.todo-notes{font-size:.84rem}.todo-due{font-size:.78rem;font-weight:600}

/* Kompakt listöversikt */
.list-overview-toolbar{display:flex;gap:8px;align-items:center;margin:0 0 16px;flex-wrap:wrap}.list-overview-toolbar input[type=search]{flex:1;min-width:220px;padding:10px 12px;border:1px solid #cdb99e;border-radius:8px;background:#fffaf2;color:var(--text)}
.todo-list-collapsible{padding:0!important;overflow:hidden}.todo-list-collapsible>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fffaf2}.todo-list-collapsible>summary::-webkit-details-marker{display:none}.todo-list-collapsible>summary:before{content:'›';font-size:21px;color:#8b6c4f;transition:transform .15s ease}.todo-list-collapsible[open]>summary:before{transform:rotate(90deg)}.todo-list-summary-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.todo-list-summary-main strong{font:700 14px system-ui,-apple-system,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-list-stats{display:flex;align-items:center;gap:7px;font:600 11px system-ui,-apple-system,sans-serif;color:#8a7867;white-space:nowrap}.todo-list-stats span{background:#f3e8d8;border:1px solid #dfcdb5;border-radius:999px;padding:3px 7px}.todo-list-stats .open-count{background:#e7efe6;color:#496047;border-color:#cbd9c8}.todo-list-body{padding:13px 14px 16px;border-top:1px solid #eadcc9}.list-actions-header{align-items:center;margin-bottom:5px}.list-folder>.list-grid{gap:7px}.list-folder>summary{padding:11px 14px}.list-folder-title{font-size:14px}
@media(max-width:600px){.list-overview-toolbar{display:grid;grid-template-columns:1fr 1fr}.list-overview-toolbar input{grid-column:1/-1;width:100%}.todo-list-collapsible>summary{align-items:flex-start}.todo-list-stats{flex-direction:column;align-items:flex-end;gap:3px}.todo-list-summary-main{align-items:flex-start;flex-direction:column}.todo-list-body{padding:11px}.list-folder>.list-grid{padding:7px}}

/* Kompakt listvy: skapande och import ligger sekundärt efter översikten */
.list-overview-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 14px}.list-overview-intro h2{margin:0 0 4px}.list-overview-intro p{margin:0}.list-overview-section{margin-top:0}.list-management{display:grid;gap:9px;margin-top:24px}.list-management>details{padding:0;overflow:hidden}.list-management>details>summary{cursor:pointer;list-style:none;padding:12px 15px;font:700 13px system-ui,-apple-system,sans-serif;color:#735a43;background:rgba(251,246,236,.72)}.list-management>details>summary::-webkit-details-marker{display:none}.list-management>details>summary:before{content:'›';display:inline-block;margin-right:8px;font-size:18px;line-height:12px;transition:transform .15s ease}.list-management>details[open]>summary:before{transform:rotate(90deg)}.list-management-body{padding:4px 15px 15px;border-top:1px solid #eadcc9}.list-management-body h3{font-size:14px;margin:14px 0 7px}.list-import-tools{opacity:.82}.list-import-tools:hover,.list-import-tools[open]{opacity:1}

/* Folder-first list navigation */
.folder-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.folder-browser-card{display:flex;align-items:center;gap:10px;padding:17px 16px;border:1px solid #d7c2a6;border-radius:11px;background:#fffaf2;text-decoration:none;color:var(--text);transition:transform .12s ease,box-shadow .12s ease}.folder-browser-card:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(91,67,43,.08)}.folder-browser-icon{font-size:23px}.folder-browser-name{font:700 15px system-ui,-apple-system,sans-serif;flex:1}.folder-current-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px 0;border-bottom:1px solid var(--line)}.folder-current-header>div{flex:1}.folder-current-header h3{margin:2px 0 0}.folder-back{white-space:nowrap}.current-folder-lists{gap:12px}@media(max-width:600px){.folder-browser-grid{grid-template-columns:1fr}.folder-current-header{align-items:flex-start;flex-wrap:wrap}.folder-current-header>div{min-width:150px}.folder-current-header .danger-button{width:100%}}

/* Todo-inspirerad listhantering: navigator + en aktiv lista */
.lists-shell{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:0;min-height:620px;border:1px solid #ddd7ce;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(55,45,35,.06)}
.lists-navigator{background:#fbfbfa;border-right:1px solid #e4e1dc;min-width:0}.lists-nav-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.lists-nav-head h2{margin:0;font:750 24px system-ui,-apple-system,sans-serif}.list-nav-add{width:36px;height:36px;border:0;border-radius:9px;background:#ece9e4;color:#333;font-size:24px;line-height:1;cursor:pointer}.list-nav-add:hover{background:#e1ddd6}.lists-nav-search{display:flex;align-items:center;gap:8px;margin:0 14px 12px;padding:8px 11px;border:1px solid #ddd9d2;border-radius:8px;background:#fff}.lists-nav-search span{font-size:20px;color:#777}.lists-nav-search input{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;outline:0;width:100%;font:14px system-ui,-apple-system,sans-serif}
.todo-like-nav{padding:0 0 12px}.nav-folder{border:0;border-top:1px solid #ece9e4}.nav-folder:last-child{border-bottom:1px solid #ece9e4}.nav-folder>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:15px 14px 12px;cursor:pointer;font:750 16px system-ui,-apple-system,sans-serif;color:#303030}.nav-folder>summary::-webkit-details-marker{display:none}.nav-folder-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.nav-folder-count{font:500 13px system-ui,-apple-system,sans-serif;color:#888}.nav-chevron{font-size:20px;font-weight:400;transition:transform .15s ease;color:#666}.nav-folder[open] .nav-chevron{transform:rotate(180deg)}.nav-list-rows{padding:0 0 8px;border-left:3px solid #aaa;margin-left:0}.nav-list-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 34px;align-items:center;gap:8px;min-height:52px;padding:7px 10px 7px 18px;text-decoration:none;color:#343434;font:16px system-ui,-apple-system,sans-serif;border-left:3px solid transparent;margin-left:-3px}.nav-list-row:hover{background:#f2f4f6}.nav-list-row.active{background:#eaf3fb;border-left-color:#2878d4}.nav-list-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-list-count{text-align:center;font-size:15px}.nav-shared{font-size:14px;color:#666;letter-spacing:-5px;padding-right:5px}.nav-list-icon{width:27px;display:grid;gap:4px}.nav-list-icon i{display:block;height:2px;width:22px;background:#444;position:relative}.nav-list-icon i:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#444;left:-7px;top:-1px}.nav-empty{padding:8px 20px;color:#999;font:13px system-ui,-apple-system,sans-serif}
.list-workspace{min-width:0;background:#fff}.list-empty-state{min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#777}.list-empty-state h2{margin:18px 0 6px;color:#444}.list-empty-state p{margin:0}.empty-list-icon{width:60px;display:grid;gap:9px}.empty-list-icon span{height:3px;background:#aaa;border-radius:3px}.list-detail{padding:26px 28px 32px}.list-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px}.list-detail-header h2{margin:2px 0 5px;font:750 27px system-ui,-apple-system,sans-serif}.list-detail-folder{font:650 12px system-ui,-apple-system,sans-serif;color:#6d7680;text-transform:uppercase;letter-spacing:.06em}.list-more{position:relative}.list-more>summary{list-style:none;cursor:pointer;font:bold 18px system-ui;padding:7px 10px;border-radius:7px}.list-more>summary::-webkit-details-marker{display:none}.list-more>summary:hover{background:#f1f1ef}.list-more-menu{position:absolute;right:0;top:38px;z-index:20;width:250px;padding:12px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.13)}.move-list-compact{display:grid;gap:7px;margin-bottom:10px}.move-list-compact label{display:grid;gap:5px;font-size:12px}.move-list-compact select{width:100%}
.list-quick-add{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d8dce0;border-radius:9px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04);margin-bottom:22px}.quick-add-circle{width:24px;height:24px;border:1.5px solid #69737d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#69737d}.list-quick-add input{border:0!important;background:transparent!important;box-shadow:none!important;padding:7px 0!important;outline:0}.list-quick-add select{max-width:180px;padding:8px;border:1px solid #ddd;border-radius:7px;background:#fff}.list-task-groups{display:grid;gap:18px}.task-group{border:1px solid #e1e3e5;border-radius:10px;overflow:hidden}.task-group-title{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#f6f7f8;font:14px system-ui,-apple-system,sans-serif}.task-group-title strong{flex:1}.task-group-title>span{color:#888}.task-row{display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:start;gap:8px;padding:11px 12px;border-top:1px solid #eceeef}.task-row:first-child{border-top:0}.task-row:hover{background:#fafbfc}.task-check{width:22px;height:22px;border:1.5px solid #6f7881;border-radius:50%;background:#fff;color:#3d6f4d;padding:0;cursor:pointer}.task-row.done .task-check{background:#e8f1ea;border-color:#62806a}.task-row.done .task-text>span{text-decoration:line-through;color:#929292}.task-text{display:flex;flex-direction:column;gap:4px;min-width:0;font:15px system-ui,-apple-system,sans-serif}.task-text small{color:#7b7b7b;font-size:12px;white-space:normal}.task-delete{opacity:0}.task-row:hover .task-delete{opacity:1}.list-empty-inline{padding:35px;text-align:center;color:#888}.list-secondary-tools{margin-top:24px;border-top:1px solid #e5e5e5}.list-secondary-tools>summary{cursor:pointer;padding:14px 0;color:#6c6c6c;font:650 13px system-ui,-apple-system,sans-serif}.list-secondary-body{display:grid;gap:14px;padding:0 0 10px}.list-management{max-width:720px;margin:24px auto 0}
@media(max-width:850px){.lists-shell{grid-template-columns:1fr;min-height:0}.lists-navigator{border-right:0;border-bottom:1px solid #e4e1dc}.list-workspace{min-height:0}.list-empty-state{display:none}.list-detail{padding:20px 14px}.nav-list-row{min-height:50px}.list-quick-add{grid-template-columns:30px 1fr auto}.list-quick-add select{grid-column:2/-1;max-width:none}.list-quick-add button{grid-column:3}.task-delete{opacity:1}}
@media(max-width:520px){.lists-shell{margin-left:-10px;margin-right:-10px;border-radius:10px}.lists-nav-head{padding:15px 13px 10px}.lists-nav-head h2{font-size:22px}.nav-folder>summary{font-size:17px;padding:14px 10px}.nav-list-row{grid-template-columns:34px minmax(0,1fr) auto 30px;padding-left:16px;font-size:16px}.list-detail-header h2{font-size:23px}.list-quick-add{grid-template-columns:28px minmax(0,1fr);padding:9px}.list-quick-add select,.list-quick-add button{grid-column:2;width:100%;max-width:none}.task-row{padding:11px 8px}}
/* To Do-style list groups */
.nav-list-line{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch}.nav-list-line>.nav-list-row{min-width:0}.nav-list-menu{position:relative;align-self:center}.nav-list-menu>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;font-weight:700;color:#777}.nav-list-menu>summary::-webkit-details-marker{display:none}.nav-list-menu>summary:hover{background:#eceff2;color:#333}.nav-list-menu-pop{position:absolute;right:4px;top:34px;z-index:50;width:220px;padding:10px;background:#fff;border:1px solid #d9d9d9;border-radius:9px;box-shadow:0 10px 28px rgba(0,0,0,.16)}.nav-list-menu-pop label{display:grid;gap:6px;font-size:12px;font-weight:650;color:#666}.nav-list-menu-pop select{width:100%;padding:8px}.nav-folder>summary{background:#fff}.nav-folder[open]>summary{background:#fafafa}.nav-folder-title:before{content:'▱';display:inline-block;margin-right:9px;color:#777;font-weight:400}.list-management-body .quick-form select{min-width:160px}
@media(max-width:520px){.nav-list-line{grid-template-columns:minmax(0,1fr) 38px}.nav-list-menu-pop{position:fixed;left:14px;right:14px;top:auto;bottom:18px;width:auto}.list-management-body .quick-form select{width:100%;min-width:0}}

/* Listvyn följer dagbokens varma sand/bruna färgpalett */
.lists-shell{border-color:var(--line);background:var(--paper);box-shadow:0 8px 28px var(--shadow)}
.lists-navigator{background:rgba(251,246,236,.96);border-right-color:var(--line)}
.list-workspace{background:var(--paper)}
.list-nav-add{background:var(--accent-soft);color:var(--brown);border:1px solid var(--line)}
.list-nav-add:hover{background:#dfc8aa}
.lists-nav-search{border-color:var(--line);background:#fffaf2}
.lists-nav-search span{color:var(--muted)}
.nav-folder{border-color:#eadcc9}.nav-folder:last-child{border-bottom-color:#eadcc9}
.nav-folder>summary,.nav-folder[open]>summary{background:var(--paper);color:var(--brown)}
.nav-folder>summary:hover{background:var(--paper2)}
.nav-folder-count,.nav-chevron,.nav-folder-title:before{color:var(--muted)}
.nav-list-rows{border-left-color:var(--sand-dark)}
.nav-list-row{color:var(--text)}
.nav-list-row:hover{background:var(--paper2)}
.nav-list-row.active{background:var(--accent-soft);border-left-color:var(--accent);color:#513f31}
.nav-list-icon i,.nav-list-icon i:before{background:var(--brown)}
.nav-shared{color:var(--brown)}
.nav-list-menu>summary{color:var(--muted)}
.nav-list-menu>summary:hover{background:var(--accent-soft);color:var(--brown)}
.nav-list-menu-pop,.list-more-menu{background:#fffaf2;border-color:var(--line);box-shadow:0 10px 28px var(--shadow)}
.nav-list-menu-pop label{color:var(--brown)}
.nav-list-menu-pop select,.move-list-compact select,.list-quick-add select{border-color:#cdb99e;background:#fffaf2;color:var(--text)}
.list-detail-folder{color:var(--accent)}
.list-more>summary{color:var(--brown)}.list-more>summary:hover{background:var(--accent-soft)}
.list-quick-add{border-color:var(--line);background:#fffaf2;box-shadow:0 1px 3px var(--shadow)}
.quick-add-circle{border-color:var(--accent);color:var(--accent)}
.task-group{border-color:var(--line);background:#fffaf2}.task-group-title{background:var(--paper2);color:var(--brown)}
.task-row{border-top-color:#eadcc9}.task-row:hover{background:#fbf3e7}
.task-check{border-color:var(--accent);background:#fffaf2;color:var(--brown)}
.task-row.done .task-check{background:var(--accent-soft);border-color:var(--accent)}
.list-secondary-tools{border-top-color:var(--line)}.list-secondary-tools>summary{color:var(--brown)}
.list-empty-state,.list-empty-inline{color:var(--muted)}.list-empty-state h2{color:#513f31}.empty-list-icon span{background:var(--sand-dark)}
@media(max-width:850px){.lists-navigator{border-bottom-color:var(--line)}}

/* Drag & drop mellan listgrupper */
.nav-list-line[draggable="true"]{cursor:grab}
.nav-list-line[draggable="true"]:active{cursor:grabbing}
.nav-list-line.dragging{opacity:.42}
.nav-folder.drag-over>summary{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}
.list-drop-zone.drag-over{background:rgba(234,217,195,.52);min-height:48px;box-shadow:inset 3px 0 0 var(--accent)}
.nav-folder.drag-over .nav-folder-title:after{content:'  Släpp här';font:600 11px system-ui,-apple-system,sans-serif;color:var(--accent);margin-left:8px}
.drag-move-form{display:none}
@media (hover:none),(pointer:coarse){.nav-list-line[draggable="true"]{cursor:default}}

/* Group administration */
.nav-folder{position:relative}
.group-actions{position:absolute;right:3.1rem;top:.55rem;z-index:8}
.group-menu>summary{list-style:none;cursor:pointer;border:0;border-radius:8px;padding:.15rem .45rem;font-weight:700;color:var(--muted,#756b61)}
.group-menu>summary::-webkit-details-marker{display:none}
.group-menu[open]>summary{background:rgba(120,90,55,.10)}
.group-menu-pop{position:absolute;right:0;top:1.8rem;min-width:245px;padding:.8rem;background:var(--card,#fff);border:1px solid rgba(110,85,60,.18);border-radius:12px;box-shadow:0 12px 30px rgba(50,35,20,.15);z-index:30}
.group-rename-form{display:grid;gap:.5rem;margin-bottom:.75rem}
.group-rename-form label{display:grid;gap:.25rem;font-size:.8rem}
.group-menu-pop .danger-button{width:100%}
@media(max-width:700px){.group-actions{right:2.6rem}.group-menu-pop{min-width:220px}}

/* Sorterbara listgrupper */
.nav-folder[data-sortable-group="1"] > summary { cursor: grab; }
.nav-folder[data-sortable-group="1"] > summary:active { cursor: grabbing; }
.nav-folder.group-dragging { opacity: .55; }
.nav-folder.group-sort-over { outline: 2px solid rgba(118,91,63,.45); outline-offset: 2px; border-radius: 10px; }

/* Tydligt draghandtag för sortering av grupper */
.group-drag-handle{display:inline-grid;place-items:center;width:28px;height:30px;flex:0 0 28px;margin-left:-4px;border-radius:7px;color:var(--muted,#756b61);font-size:18px;line-height:1;cursor:grab;user-select:none;-webkit-user-select:none}
.group-drag-handle:hover{background:rgba(120,90,55,.12);color:var(--brown,#59432e)}
.group-drag-handle:active{cursor:grabbing}
.nav-folder.group-dragging{opacity:.45}
.nav-folder.group-sort-over>summary{box-shadow:inset 0 2px 0 var(--accent,#8b6847)}


/* Exakta släppzoner för sortering av grupper */
.group-drop-slot{height:0;position:relative;overflow:visible;transition:height .12s ease,margin .12s ease;z-index:20}
.group-drop-slot span{display:none}
body.sorting-groups .group-drop-slot{height:16px;margin:1px 0;border-radius:8px}
body.sorting-groups .group-drop-slot:before{content:'';position:absolute;left:10px;right:10px;top:7px;height:2px;background:rgba(139,104,71,.28);border-radius:2px}
body.sorting-groups .group-drop-slot.active{height:34px;background:var(--accent-soft,#ead9c3);margin:3px 0;border:1px dashed var(--accent,#8b6847)}
body.sorting-groups .group-drop-slot.active:before{display:none}
body.sorting-groups .group-drop-slot.active span{display:block;text-align:center;font:600 12px/32px system-ui,-apple-system,sans-serif;color:var(--brown,#59432e)}
body.sorting-groups .nav-folder[data-sortable-group="1"]>summary{cursor:grabbing}

/* Robust gruppsortering: hela navigatorn är släppyta */
body.sorting-groups .todo-like-nav{padding-top:6px;padding-bottom:18px;min-height:120px}
body.sorting-groups .nav-folder[data-sortable-group="1"]{transition:transform .08s ease,box-shadow .08s ease}
.nav-folder.group-insert-before{box-shadow:0 -4px 0 -2px var(--accent,#8b6847)}
.nav-folder.group-insert-after{box-shadow:0 4px 0 -2px var(--accent,#8b6847)}
body.sorting-groups .group-drop-slot{display:none!important}


/* Robust gruppsortering med Pointer Events */
.group-drag-handle{touch-action:none;cursor:grab}
body.sorting-groups{user-select:none;-webkit-user-select:none;cursor:grabbing}
body.sorting-groups .group-drag-handle{cursor:grabbing}
.nav-folder.group-dragging{opacity:.58;background:var(--paper2,#f7f0e7);box-shadow:0 5px 16px rgba(70,50,30,.14);position:relative;z-index:25}
.nav-folder.group-insert-before{box-shadow:0 -4px 0 -2px var(--accent,#8b6847)}
.nav-folder.group-insert-after{box-shadow:0 4px 0 -2px var(--accent,#8b6847)}

/* Stabil gruppsortering: tydlig platshållare visar exakt var gruppen hamnar. */
.group-sort-placeholder{box-sizing:border-box;margin:4px 8px;border:2px dashed var(--accent,#8b6847);border-radius:9px;background:var(--accent-soft,#ead9c3);position:relative}
.group-sort-placeholder:after{content:'Släpp grupp här';position:absolute;inset:0;display:grid;place-items:center;font:700 12px system-ui,-apple-system,sans-serif;color:var(--brown,#59432e);pointer-events:none}
body.sorting-groups .nav-folder[data-sortable-group="1"]>summary{cursor:default}
body.sorting-groups .group-drag-handle{cursor:grabbing}
.nav-folder.group-dragging{opacity:.28}


/* Förtydligad styling för skapa lista/grupp och gruppval */
.list-create-tools{overflow:visible}
.list-create-tools>summary,.list-import-tools>summary{list-style:none;cursor:pointer;padding:15px 18px;font:700 15px system-ui,-apple-system,sans-serif;color:var(--brown);background:var(--paper2);border-radius:10px}
.list-create-tools>summary::-webkit-details-marker,.list-import-tools>summary::-webkit-details-marker{display:none}
.list-create-tools>summary:before{content:'＋';display:inline-grid;place-items:center;width:25px;height:25px;margin-right:9px;border-radius:50%;background:var(--accent-soft);color:var(--brown);font-size:17px;vertical-align:-2px}
.list-create-tools[open]>summary,.list-import-tools[open]>summary{border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}
.list-management-body{padding:18px;display:grid;gap:12px}
.list-management-body h3{margin:6px 0 0;color:var(--brown);font:750 15px system-ui,-apple-system,sans-serif}
.list-management-body .quick-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.65fr) auto;gap:9px;align-items:end}
.list-management-body .quick-form:has(input[name="name"]){grid-template-columns:minmax(220px,1fr) auto}
.list-management-body input,.list-management-body select,.group-rename-form input,.nav-list-menu-pop select,.move-list-compact select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 12px;border:1px solid #cdb99e;border-radius:8px;background:#fffaf2;color:var(--text);font:14px system-ui,-apple-system,sans-serif;outline:none}
.list-management-body input:focus,.list-management-body select:focus,.group-rename-form input:focus,.nav-list-menu-pop select:focus,.move-list-compact select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(158,121,85,.14)}
.list-management-body select,.nav-list-menu-pop select,.move-list-compact select{appearance:auto;cursor:pointer}
.list-management-body button{min-height:42px;white-space:nowrap}
.group-menu-pop{background:#fffaf2;border-color:var(--line)}
.group-menu-pop label,.move-list-compact label,.nav-list-menu-pop label{color:var(--brown);font:650 12px system-ui,-apple-system,sans-serif}
.group-rename-form button{min-height:39px}
/* Undermappar ska alltid vara tydliga och deras innehåll synligt. */
.list-task-groups{display:grid;gap:12px;margin-top:16px}
.task-group{overflow:visible}
.task-group-title{min-height:38px;padding:9px 12px;display:flex;align-items:center;gap:9px}
.task-group-title strong{flex:1}
.task-group-title>span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--brown);font-size:12px}
.task-rows{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important}
.task-row{display:flex!important;visibility:visible!important}
@media(max-width:650px){.list-management-body .quick-form,.list-management-body .quick-form:has(input[name="name"]){grid-template-columns:1fr}.list-management-body .quick-form button,.list-management-body .quick-form select{width:100%}}


/* 2026-10-29: polish för navigation, underkategorier och sammanställningsräknare */
.main-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;overflow:visible}
.main-nav a{flex:0 0 auto;white-space:nowrap;padding:13px 20px;border-radius:14px}
.summary-count-strong{font-weight:800!important;background:var(--accent,#a77f59)!important;color:#fff!important;border-color:transparent!important}
.task-subfolder{border:1px solid #dcc6a7;border-radius:16px;overflow:hidden;background:#fffaf2;box-shadow:0 4px 14px rgba(86,61,38,.05);margin:0 0 14px}
.task-subfolder>summary{list-style:none;cursor:pointer;user-select:none}
.task-subfolder>summary::-webkit-details-marker{display:none}
.task-group-title{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#f2e6d4;color:#694b30;min-height:48px}
.task-group-title strong{flex:1;font-size:16px;line-height:1.25}
.task-folder-chevron{font-size:23px;line-height:1;color:#9c7754;transition:transform .16s ease}
.task-subfolder[open] .task-folder-chevron{transform:rotate(90deg)}
.task-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#fff9ef;border:1px solid #d8c09e;font-size:12px;font-weight:800;color:#77593d}
.task-rows{background:#fffaf2}
.task-row{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:13px 16px;border-top:1px solid #eadcc9;min-height:62px}
.task-row:first-child{border-top:0}
.task-check{width:34px;height:34px;border-radius:50%;padding:0;background:#fffaf2;border:2px solid #a77f59;color:#6b4a2d;box-shadow:none}
.task-text>span{font-size:16px;line-height:1.35;color:#4f3420}
.task-text small{display:block;margin-top:4px;color:#8b725b}
.task-delete{opacity:.55}.task-row:hover .task-delete{opacity:1}
.category-empty{padding:14px 16px;margin:0}
.list-quick-add{border:1px solid #dcc6a7!important;background:#fffaf2!important;border-radius:16px!important;padding:8px 10px!important;box-shadow:0 3px 12px rgba(86,61,38,.04)}
.list-quick-add input,.list-quick-add select{background:#fffdf8;border:1px solid #ddc9ad;border-radius:11px;min-height:42px}
.list-quick-add button{border-radius:11px;min-height:42px}
.list-secondary-tools,.list-create-tools,.list-import-tools{border-color:#dcc6a7!important;background:#fffaf2!important}
.list-secondary-tools>summary,.list-create-tools>summary,.list-import-tools>summary{background:#f2e6d4;color:#684a30;font-weight:800;border-radius:inherit}
.group-menu-pop,.nav-list-menu-pop,.list-more-menu{border:1px solid #d8c09e!important;background:#fffaf2!important;box-shadow:0 14px 32px rgba(72,48,29,.16)!important;border-radius:14px!important}
.group-menu-pop input,.group-menu-pop select,.nav-list-menu-pop select,.list-more-menu select{background:#fffdf8!important;border:1px solid #d7c09f!important;border-radius:10px!important;color:#553a25!important}
@media(max-width:900px){.main-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.main-nav a{padding:11px 16px}.lists-shell{grid-template-columns:1fr!important}.lists-navigator{border-right:0!important;border-bottom:1px solid #dcc6a7}.task-row{padding:12px 13px}}
@media(max-width:560px){.wrap{padding-left:10px;padding-right:10px}.main-nav{margin-left:0;margin-right:0}.main-nav a{font-size:15px}.lists-nav-head{padding:16px!important}.lists-nav-search{margin:0 12px 12px!important}.task-group-title{padding:12px 13px}.task-row{grid-template-columns:38px minmax(0,1fr) 30px}.task-check{width:32px;height:32px}}


/* 2026-10-29 verified visual fix */
.main-nav{
  width:100%; max-width:none; display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px; padding:7px; overflow:visible;
}
.main-nav a{
  min-width:0; text-align:center; white-space:nowrap;
  padding:11px 8px; border-radius:9px; font-size:13px;
}
.list-task-groups{display:grid;gap:14px;margin-top:16px}
.task-subfolder-static{
  border:1px solid #dcc6a7;border-radius:14px;overflow:hidden;
  background:#fffaf2;box-shadow:0 3px 12px rgba(86,61,38,.05)
}
.task-subfolder-static .task-group-title{
  display:flex;align-items:center;gap:10px;min-height:48px;
  padding:12px 15px;background:#f2e6d4;color:#694b30;
  border-bottom:1px solid #e3d1b8
}
.task-subfolder-static .task-group-title:before{
  content:'▰';font-size:15px;color:#a77f59;opacity:.8
}
.task-subfolder-static .task-group-title strong{flex:1;font:800 15px system-ui,-apple-system,sans-serif}
.task-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#fff9ef;border:1px solid #d8c09e;font:800 12px system-ui,-apple-system,sans-serif;color:#77593d}
.task-subfolder-static .task-rows{display:block!important;background:#fffaf2}
.task-subfolder-static .task-row{
  display:grid!important;grid-template-columns:40px minmax(0,1fr) 32px;
  align-items:center;gap:9px;padding:12px 15px;border-top:1px solid #eadcc9;min-height:60px
}
.task-subfolder-static .task-row:first-child{border-top:0}
.task-check{width:33px;height:33px;border-radius:50%;padding:0;background:#fffaf2;border:2px solid #a77f59;color:#6b4a2d;box-shadow:none}
.task-text>span{font-size:16px;line-height:1.35;color:#4f3420}
.task-delete{opacity:.65}
.category-empty{padding:13px 15px;margin:0}
.summary-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.summary-count-strong{font-weight:800!important;background:#a77f59!important;color:#fff!important;border-color:#a77f59!important}
.list-management-body input,.list-management-body select,.group-menu-pop input,.group-menu-pop select,.nav-list-menu-pop select,.move-list-compact select,.list-quick-add select{
  min-height:42px;border:1px solid #d7c09f!important;border-radius:10px!important;background:#fffdf8!important;color:#553a25!important
}
.group-menu-pop,.nav-list-menu-pop,.list-more-menu{background:#fffaf2!important;border:1px solid #d8c09e!important;border-radius:14px!important;box-shadow:0 14px 32px rgba(72,48,29,.16)!important}
@media(max-width:760px){
  .main-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .main-nav a{font-size:14px}
}
@media(max-width:460px){
  .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-subfolder-static .task-row{padding:11px 12px}
}

/* 2026-10-29 v5 — tydlig, kompakt listlayout */
.lists-shell{grid-template-columns:minmax(250px,320px) minmax(0,1fr);max-width:100%;background:var(--paper);border:1px solid var(--line);border-radius:18px}
.lists-navigator{min-width:0;background:#fbf4e8}
.lists-nav-head{padding:20px 18px 14px!important}
.lists-nav-head h2{font-size:28px!important;margin:0 0 3px!important}
.list-nav-add{width:44px!important;height:44px!important;border-radius:12px!important;font-size:28px!important;background:#ead9c3!important;color:#684a30!important;border:1px solid #d6bd9b!important;box-shadow:0 2px 7px rgba(70,48,30,.08)!important}
.lists-nav-search{margin:0 14px 14px!important;border:1px solid #d8c09f!important;border-radius:12px!important;background:#fffaf2!important;min-height:46px!important}
.nav-folder>summary{min-height:48px;padding:8px 12px!important;gap:8px!important;color:#684a30!important;background:transparent!important}
.nav-folder>summary:hover{background:#f2e6d4!important}
.nav-folder-count{font-size:11px!important;min-width:auto!important;height:24px!important;padding:0 7px!important;background:#ead9c3!important;border:1px solid #d8c09f!important;color:#684a30!important}
.nav-list-row{min-height:44px!important;padding-top:6px!important;padding-bottom:6px!important}
.nav-list-count{font-weight:800!important;color:#7a5b3d!important}
.list-workspace{min-width:0;background:#fffaf2!important}
.list-detail{padding:24px!important}
.list-detail-header{margin-bottom:16px!important}
.list-detail-header h2{font-size:28px!important;margin:2px 0 3px!important}
.list-stats{display:block!important;color:#876d55!important}
.list-task-groups{gap:10px!important;margin-top:14px!important}
.task-subfolder-static{border-radius:12px!important;box-shadow:none!important;margin:0!important;border:1px solid #ddc8ab!important}
.task-subfolder-static .task-group-title{min-height:42px!important;padding:9px 12px!important;background:#efe1cd!important}
.task-subfolder-static .task-group-title:before{content:'▾'!important;font-size:15px!important}
.task-subfolder-static .task-row{min-height:50px!important;padding:8px 12px!important;grid-template-columns:34px minmax(0,1fr) 28px!important}
.task-check{width:29px!important;height:29px!important}
.task-text>span{font-size:15px!important}
.list-quick-add{margin-bottom:14px!important;border-radius:12px!important}
.summary-meta{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:8px!important}
.summary-meta>span{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:4px 9px!important;border:1px solid #dec9ab!important;border-radius:999px!important;background:#fff8ed!important;color:#72553a!important;font-size:12px!important}
.summary-meta>.summary-count-strong{background:#9e7955!important;color:#fff!important;border-color:#9e7955!important}
@media(max-width:980px){.lists-shell{grid-template-columns:280px minmax(0,1fr)!important}.list-detail{padding:18px!important}}
@media(max-width:760px){.lists-shell{grid-template-columns:1fr!important}.lists-navigator{border-right:0!important}.list-workspace{border-top:1px solid var(--line)}.list-detail{padding:16px 12px!important}.main-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* v6: klickbara underkategorier med egen inmatning */
.task-subfolder{border:1px solid #dcc6a7!important;border-radius:12px!important;overflow:hidden!important;background:#fffaf2!important}
.task-subfolder>summary{list-style:none;cursor:pointer;user-select:none}
.task-subfolder>summary::-webkit-details-marker{display:none}
.task-subfolder .task-group-title{display:flex!important;align-items:center!important;gap:9px!important;padding:11px 13px!important;background:#efe1cd!important;color:#694b30!important}
.task-folder-chevron{display:inline-block;flex:0 0 auto;font-size:22px;line-height:1;transition:transform .15s ease;color:#876747}
.task-subfolder[open] .task-folder-chevron{transform:rotate(90deg)}
.task-folder-body{border-top:1px solid #dcc6a7;background:#fffaf2}
.category-quick-add{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;background:#fbf2e5;border-bottom:1px solid #eadcc9}
.category-add-plus{display:grid;place-items:center;width:23px;height:23px;border:1.5px solid #9e7955;border-radius:50%;font-size:18px;color:#795b3e}
.category-quick-add input[name="text"]{width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid #d8c09e;border-radius:9px;background:#fffdf8;color:var(--text)}
.category-quick-add button{min-height:38px;padding:8px 12px;border-radius:9px}
.category-delete-form{padding:8px 12px 10px;border-top:1px solid #f0e4d3;text-align:right}
.category-delete-link{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px!important;color:#98665d!important;font-size:12px!important}
.task-subfolder .task-rows{display:block!important;visibility:visible!important}
@media(max-width:560px){.category-quick-add{grid-template-columns:24px minmax(0,1fr)}.category-quick-add button{grid-column:2;width:100%}}


/* v7: underpunkter/checklistor i listuppgifter */
.task-item-wrap{border-top:1px solid #eadcc9;background:#fffaf2}.task-item-wrap:first-child{border-top:0}.task-item-wrap>.task-row{border-top:0!important}.step-summary{font-weight:700;color:#8a6949!important}.item-steps{margin:0 12px 10px 46px;border:1px solid #e1cfb6;border-radius:10px;overflow:hidden;background:#fffdf8}.item-steps>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 10px;color:#755638;font:700 12px system-ui,-apple-system,sans-serif;background:#f7ecdd}.item-steps>summary::-webkit-details-marker{display:none}.item-steps>summary strong{margin-left:auto}.step-chevron{font-size:18px;line-height:1;transition:transform .15s ease}.item-steps[open] .step-chevron{transform:rotate(90deg)}.item-steps-body{background:#fffdf8}.step-row{display:grid;grid-template-columns:30px minmax(0,1fr) 26px;align-items:center;gap:8px;min-height:42px;padding:6px 9px;border-top:1px solid #eee0cd;color:#513822;font-size:14px}.step-row.done>span{text-decoration:line-through;opacity:.62}.step-check{width:25px;height:25px;padding:0;border-radius:50%;border:1.5px solid #a77f59;background:#fffdf8;color:#6b4a2d;box-shadow:none;font-size:12px}.step-delete{opacity:.45}.step-row:hover .step-delete{opacity:1}.step-add-form{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 9px;border-top:1px solid #eee0cd;background:#fbf3e8}.step-add-form>span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #a77f59;border-radius:50%;color:#795b3e}.step-add-form input{min-width:0;width:100%;min-height:34px;padding:6px 9px;border:1px solid #dcc6a7;border-radius:8px;background:#fffdf8;color:#513822}.step-add-form button{min-height:34px;padding:6px 10px;border-radius:8px}.step-add-empty{margin:0 12px 10px 46px;border:1px dashed #ddc8ab;border-radius:9px}@media(max-width:560px){.item-steps,.step-add-empty{margin-left:42px;margin-right:8px}.step-add-form{grid-template-columns:22px minmax(0,1fr)}.step-add-form button{grid-column:2;width:100%}}


/* Huvuduppgifter med underpunkter kan öppnas genom klick på uppgiftsraden. */
.task-row.has-steps { cursor: pointer; }
.task-row.has-steps .task-text { cursor: pointer; }
.task-row.has-steps:focus { outline: 2px solid currentColor; outline-offset: 2px; }


/* v8: renare underpunkter + bredare arbetsyta för listor */
/* Listvyn får använda nästan hela webbläsarens bredd i stället för dagbokens 920 px. */
.wrap:has(.lists-shell){
  max-width:1500px;
  width:calc(100% - 32px);
  padding-left:0;
  padding-right:0;
}
.lists-shell{
  grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;
}
/* Ingen separat "Underpunkter"-flik. Själva uppgiftsraden öppnar/stänger innehållet. */
.item-steps{
  margin:0 10px 10px 46px;
  border:0;
  border-left:2px solid #dcc6a7;
  border-radius:0;
  overflow:visible;
  background:transparent;
}
.item-steps>summary{display:none!important}
.item-steps-body{background:#fffaf2}
.step-row{
  min-height:38px;
  padding:5px 8px 5px 10px;
  border-top:0;
  border-bottom:1px solid #eee0cd;
  background:#fffaf2;
}
.step-add-form{
  padding:7px 8px 7px 10px;
  border-top:0;
  background:#fbf3e8;
}
.task-row.has-steps .task-text>span:after{
  content:'  ›';
  color:#9a7958;
  font-weight:800;
  text-decoration:none;
  display:inline-block;
  transition:transform .15s ease;
}
.task-row.has-steps[aria-expanded="true"] .task-text>span:after{transform:rotate(90deg)}
@media(max-width:980px){
  .wrap:has(.lists-shell){width:calc(100% - 20px)}
  .lists-shell{grid-template-columns:250px minmax(0,1fr)!important}
}
@media(max-width:760px){
  .wrap:has(.lists-shell){width:100%;padding-left:10px;padding-right:10px}
  .lists-shell{grid-template-columns:1fr!important}
  .item-steps{margin-left:42px;margin-right:6px}
}

/* v9: kompakt listöversikt */
/* Ett stängt details utan summary får annars webbläsarens egen text "Details". */
.item-steps:not([open]){display:none!important}
.item-steps[open]{display:block!important}

/* Ingen rubrik eller separat låda för uppgifter som saknar underkategori. */
.task-uncategorized{border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
.task-uncategorized>.task-folder-body{border-top:0!important;background:transparent!important}
.task-uncategorized .category-quick-add{border:1px solid #dcc6a7!important;border-radius:12px!important;margin-bottom:8px!important;background:#fffaf2!important}

/* Samma plus-symbol i de båda inmatningsraderna. */
.quick-add-circle,.category-add-plus{
  width:30px!important;height:30px!important;min-width:30px!important;
  border:1.5px solid #9e7955!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  padding:0!important;line-height:1!important;font-size:23px!important;
  color:#795b3e!important;background:transparent!important;box-sizing:border-box!important
}
.list-quick-add{grid-template-columns:34px minmax(0,1fr) minmax(150px,210px) auto!important;align-items:center!important}
.category-quick-add{grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important}

/* Huvuduppgiften hålls på en kompakt rad när skärmen är bred. */
.task-item-wrap>.task-row{
  min-height:46px!important;
  padding:6px 12px!important;
  grid-template-columns:34px minmax(0,1fr) 30px!important;
  align-items:center!important
}
.task-text{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}
.task-text>span{font-size:16px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-text .step-summary{margin:0!important;white-space:nowrap!important;font-size:12px!important;font-weight:700!important;color:#8a6949!important}
.task-delete{align-self:center!important}

@media(max-width:760px){
  .list-quick-add{grid-template-columns:34px minmax(0,1fr)!important}
  .list-quick-add select,.list-quick-add button{grid-column:2!important}
  .category-quick-add{grid-template-columns:34px minmax(0,1fr)!important}
  .category-quick-add button{grid-column:2!important}
  .task-text{flex-wrap:wrap!important;gap:2px 8px!important}
  .task-text .step-summary{flex-basis:100%!important}
}


/* v10: ren uppgiftsrad, inga browser-Details, tydlig grupphantering */
.item-steps{display:none!important}
.item-steps.is-open{display:block!important}
/* Uppgiftsnamn och status på samma rad. */
.task-item-wrap>.task-row{grid-template-columns:34px minmax(0,1fr)!important}
.task-text{display:flex!important;align-items:baseline!important;gap:12px!important;flex-wrap:nowrap!important}
.task-text>span{flex:0 1 auto!important;min-width:0!important}
.task-text .step-summary{display:inline!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap!important}
/* Krysset för huvuduppgiften visas inte i listvyn. */
.task-item-wrap>.task-row>.task-delete{display:none!important}
/* Gruppnamn kan ändras från Skapa nytt-panelen. */
.group-rename-list{display:grid;gap:8px;margin-top:8px}
.group-rename-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.group-rename-inline input{min-width:0}
@media(max-width:760px){
  .task-text{flex-wrap:wrap!important;gap:2px 8px!important}
  .task-text .step-summary{flex-basis:auto!important}
}

/* v11: strukturell fix - ingen browser-genererad Details, kompakt uppgiftsrad, synligt gruppnamn */
.task-uncategorized{display:block!important}
.task-text{flex-direction:row!important;align-items:baseline!important;flex-wrap:nowrap!important;gap:12px!important}
.task-text>span{display:inline!important;flex:0 1 auto!important;min-width:0!important;margin:0!important}
.task-text .step-summary{display:inline!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap!important}
.list-detail-folder-rename{display:flex;align-items:center;gap:7px;margin:0 0 7px;font:700 12px system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.list-detail-folder-rename input{width:auto;max-width:260px;padding:3px 6px!important;border:1px solid transparent!important;background:transparent!important;color:#9a7149!important;font:700 12px system-ui,-apple-system,sans-serif!important;text-transform:uppercase;letter-spacing:.08em;box-shadow:none!important}
.list-detail-folder-rename input:hover,.list-detail-folder-rename input:focus{border-color:#d8c09e!important;background:#fffaf2!important;outline:0}
.folder-rename-button{padding:4px 8px!important;min-height:0!important;border-radius:7px!important;font-size:11px!important;line-height:1.2!important;box-shadow:none!important}
@media(max-width:760px){.task-text{flex-direction:row!important;flex-wrap:wrap!important}.list-detail-folder-rename{flex-wrap:wrap}.list-detail-folder-rename input{max-width:190px}}

/* v12: justerbar menybredd och separata ytor för antal/menyknappar */
.lists-shell{
  --list-nav-width:300px;
  grid-template-columns:var(--list-nav-width) 7px minmax(0,1fr)!important;
}
.lists-resizer{
  width:7px;
  cursor:col-resize;
  position:relative;
  background:transparent;
  border-left:1px solid #dcc6a7;
  border-right:1px solid transparent;
  touch-action:none;
  z-index:20;
}
.lists-resizer:after{
  content:'';position:absolute;left:2px;top:0;bottom:0;width:2px;
  background:transparent;transition:background .15s ease
}
.lists-resizer:hover:after,.resizing-list-nav .lists-resizer:after{background:#b58a61}
.resizing-list-nav{cursor:col-resize!important;user-select:none!important}
.resizing-list-nav *{cursor:col-resize!important}

/* Gruppraden: reservera alltid egna kolumner för antal, meny och chevron. */
.nav-folder>summary{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto 34px!important;
  align-items:center!important;
  position:relative;
  padding-right:10px!important;
}
.nav-folder:not([data-sortable-group="1"])>summary{grid-template-columns:minmax(0,1fr) auto 34px!important}
.nav-folder-title{min-width:0!important}
.nav-folder-count{grid-column:auto!important;justify-self:end!important;white-space:nowrap!important;margin:0!important}
.nav-chevron{grid-column:-1!important;justify-self:center!important}
.group-actions{
  position:absolute!important;
  right:42px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:9!important;
}
/* Ge grupprubriken plats för ... så den aldrig ligger ovanpå antalet. */
.nav-folder[data-sortable-group="1"]>summary .nav-folder-count{margin-right:38px!important}

/* Listraden: namn, ev. delning, antal och ... har varsin yta. */
.nav-list-line{grid-template-columns:minmax(0,1fr) 40px!important}
.nav-list-line>.nav-list-row{
  grid-template-columns:36px minmax(0,1fr) auto 44px!important;
  padding-right:2px!important;
}
.nav-list-count{min-width:36px!important;justify-self:end!important;text-align:right!important;white-space:nowrap!important;padding-right:5px!important}
.nav-list-menu{width:40px!important;display:grid!important;place-items:center!important}
.nav-list-menu>summary{width:34px!important;height:34px!important}

@media(max-width:760px){
  .lists-shell{grid-template-columns:1fr!important}
  .lists-resizer{display:none!important}
  .nav-folder[data-sortable-group="1"]>summary .nav-folder-count{margin-right:34px!important}
}
\n\n/* v15: namnbyte för lista + kompaktare Lägg till-fält */
.list-rename-compact{display:grid;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eadcc9}
.list-rename-compact label{display:grid;gap:6px;color:var(--brown);font:650 12px system-ui,-apple-system,sans-serif}
.list-rename-compact input{box-sizing:border-box;width:100%;min-height:38px;padding:7px 10px;border:1px solid #d7c09f;border-radius:9px;background:#fffdf8;color:#553a25;font:14px system-ui,-apple-system,sans-serif}
.list-rename-compact button{justify-self:start;min-height:34px!important;padding:6px 11px!important}

/* Huvudfältet Lägg till: mindre höjd och mindre visuellt fokus. */
.list-quick-add{padding:5px 9px!important;margin-bottom:10px!important;border-radius:11px!important;grid-template-columns:28px minmax(0,1fr) minmax(140px,190px) auto!important;gap:7px!important}
.list-quick-add .quick-add-circle{width:25px!important;height:25px!important;font-size:19px!important}
.list-quick-add input,.list-quick-add select{min-height:34px!important;padding-top:5px!important;padding-bottom:5px!important}
.list-quick-add button{min-height:34px!important;padding:6px 12px!important}

/* Lägg till inne i underkategori/lista hålls också kompakt. */
.category-quick-add{padding:5px 9px!important;grid-template-columns:26px minmax(0,1fr) auto!important;gap:7px!important}
.category-quick-add .category-add-plus{width:24px!important;height:24px!important;font-size:18px!important}
.category-quick-add input[name="text"]{min-height:32px!important;padding:5px 8px!important}
.category-quick-add button{min-height:32px!important;padding:5px 10px!important}

/* Underpunktsfältet tar mindre höjd. */
.step-add-form{padding:4px 7px!important;grid-template-columns:22px minmax(0,1fr) auto!important;gap:6px!important}
.step-add-form>span{width:19px!important;height:19px!important;font-size:14px!important}
.step-add-form input{min-height:30px!important;padding:4px 7px!important}
.step-add-form button{min-height:30px!important;padding:4px 9px!important}
.step-add-empty{margin-top:2px!important;margin-bottom:5px!important}

@media(max-width:760px){
  .list-quick-add{grid-template-columns:28px minmax(0,1fr)!important}
  .list-quick-add select,.list-quick-add button{grid-column:2!important}
}

/* v17: renare ...-menyer och en enda, verkligt kompakt Lägg till-rad */
.nav-list-menu-pop{width:260px!important;padding:12px!important}
.nav-list-menu-pop form{margin:0!important;padding:0 0 10px!important}
.nav-list-menu-pop form+form{padding-top:10px!important;border-top:1px solid #eadcc9}
.nav-list-menu-pop form:last-child{padding-bottom:0!important}
.nav-list-menu-pop label{display:grid!important;gap:5px!important}
.nav-list-menu-pop input,.nav-list-menu-pop select{box-sizing:border-box;width:100%!important;min-height:34px!important;padding:5px 8px!important;border:1px solid #d7c09f!important;border-radius:8px!important;background:#fffdf8!important;color:#553a25!important}
.nav-list-menu-pop button{min-height:32px!important;padding:5px 9px!important;margin-top:7px!important}
.group-menu-pop{width:250px!important}

/* Huvudraden är den enda Lägg till-raden för uppgifter utan underkategori. */
.list-quick-add{
  min-height:0!important;
  height:42px!important;
  box-sizing:border-box!important;
  padding:3px 7px!important;
  margin:8px 0 10px!important;
  border-radius:9px!important;
  grid-template-columns:24px minmax(0,1fr) minmax(125px,175px) auto!important;
  gap:6px!important;
  align-items:center!important;
}
.list-quick-add .quick-add-circle{width:21px!important;height:21px!important;font-size:16px!important;border-width:1.5px!important}
.list-quick-add input,.list-quick-add select{height:30px!important;min-height:30px!important;padding:3px 8px!important;border-radius:7px!important;font-size:14px!important}
.list-quick-add button{height:30px!important;min-height:30px!important;padding:3px 10px!important;border-radius:7px!important;font-size:13px!important}
.task-uncategorized>.task-folder-body{padding-top:0!important}

@media(max-width:760px){
  .list-quick-add{height:auto!important;grid-template-columns:22px minmax(0,1fr)!important;padding:5px 7px!important}
  .list-quick-add select,.list-quick-add button{grid-column:2!important}
}

/* v18: en enda menyknapp per listrad + underpunkt läggs till från plus på uppgiftsraden */
.nav-list-line>.nav-list-row{grid-template-columns:36px minmax(0,1fr) 44px!important}
.nav-shared{display:none!important}
.task-item-wrap>.task-row{grid-template-columns:34px minmax(0,1fr) 28px!important}
.task-add-step{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #b58b62;border-radius:50%;background:transparent;color:#795738;font:400 19px/1 system-ui,-apple-system,sans-serif;box-shadow:none;cursor:pointer;opacity:.7}
.task-add-step:hover,.task-add-step:focus{opacity:1;background:#f3e4d0;outline:none}
.task-step-add-inline{margin:3px 12px 7px 46px!important;padding:4px 6px!important;grid-template-columns:minmax(0,1fr) auto!important;border:1px dashed #ddc8ab!important;border-radius:8px!important;background:#fbf3e8!important}
.task-step-add-inline[hidden]{display:none!important}
.task-step-add-inline input{min-height:29px!important;padding:3px 7px!important}
.task-step-add-inline button{min-height:29px!important;padding:3px 9px!important}
@media(max-width:560px){.task-step-add-inline{margin-left:42px!important;margin-right:8px!important}}


/* v19: gruppmenyn ligger i en egen plats direkt till vänster om summeringen. */
.nav-folder[data-sortable-group="1"]>summary{
  grid-template-columns:auto minmax(0,1fr) 38px 86px 34px!important;
}
.nav-folder:not([data-sortable-group="1"])>summary{
  grid-template-columns:minmax(0,1fr) 86px 34px!important;
}
.group-menu-slot{width:38px;height:34px;display:block}
.nav-folder-count{
  width:86px!important;
  box-sizing:border-box!important;
  justify-self:end!important;
  text-align:center!important;
  margin:0!important;
}
.group-actions{
  position:absolute!important;
  right:120px!important;
  top:7px!important;
  transform:none!important;
  width:38px!important;
  height:34px!important;
  z-index:12!important;
  display:grid!important;
  place-items:center!important;
}
.group-menu{position:relative!important}
.group-menu>summary{
  list-style:none!important;
  cursor:pointer!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  color:#76583d!important;
  font-weight:800!important;
}
.group-menu>summary::-webkit-details-marker{display:none!important}
.group-menu>summary:hover,.group-menu[open]>summary{background:#ead9c3!important}
.group-menu-pop{right:0!important;top:38px!important}
.nav-folder[data-sortable-group="1"]>summary .nav-folder-count{margin-right:0!important}
@media(max-width:760px){
  .nav-folder[data-sortable-group="1"]>summary{grid-template-columns:auto minmax(0,1fr) 36px 78px 30px!important}
  .nav-folder:not([data-sortable-group="1"])>summary{grid-template-columns:minmax(0,1fr) 78px 30px!important}
  .nav-folder-count{width:78px!important}
  .group-actions{right:108px!important}
}

/* v20: stabil grupprad + plus längst till höger på uppgiftsraden */
.nav-folder{position:relative!important}
.nav-folder[data-sortable-group="1"]>summary{
  grid-template-columns:auto minmax(0,1fr) 42px 92px 30px!important;
  width:100%!important;box-sizing:border-box!important;
}
.nav-folder:not([data-sortable-group="1"])>summary{
  grid-template-columns:minmax(0,1fr) 92px 30px!important;
}
.group-menu-button{
  grid-column:3!important;justify-self:center!important;align-self:center!important;
  display:grid!important;place-items:center!important;width:34px!important;height:30px!important;
  border-radius:8px!important;color:#76583d!important;font:800 16px/1 system-ui,-apple-system,sans-serif!important;
  cursor:pointer!important;user-select:none!important
}
.group-menu-button:hover,.group-menu-button:focus{background:#ead9c3!important;outline:none!important}
.nav-folder-count{
  grid-column:4!important;width:92px!important;justify-self:end!important;text-align:right!important;
  padding:0 8px!important;box-sizing:border-box!important;margin:0!important
}
.nav-chevron{grid-column:5!important}
.nav-folder:not([data-sortable-group="1"]) .nav-folder-count{grid-column:2!important}
.nav-folder:not([data-sortable-group="1"]) .nav-chevron{grid-column:3!important}
.group-menu-pop-standalone{
  position:absolute!important;right:34px!important;top:46px!important;z-index:80!important;
  width:250px!important;padding:12px!important;background:#fffaf2!important;
  border:1px solid #d8c09e!important;border-radius:14px!important;
  box-shadow:0 14px 32px rgba(72,48,29,.16)!important
}
.group-menu-pop-standalone[hidden]{display:none!important}
.group-menu-pop-standalone form{margin:0!important;padding:0 0 10px!important}
.group-menu-pop-standalone form+form{padding-top:10px!important;border-top:1px solid #eadcc9!important}
.group-menu-pop-standalone form:last-child{padding-bottom:0!important}
.group-menu-pop-standalone label{display:grid!important;gap:5px!important;color:var(--brown);font:650 12px system-ui,-apple-system,sans-serif}
.group-menu-pop-standalone input{box-sizing:border-box;width:100%!important;min-height:34px!important;padding:5px 8px!important;border:1px solid #d7c09f!important;border-radius:8px!important;background:#fffdf8!important;color:#553a25!important}
.group-menu-pop-standalone button{min-height:32px!important;padding:5px 9px!important;margin-top:7px!important}
/* gamla absolutpositionerade gruppmenyn får inte påverka layouten */
.group-actions,.group-menu-slot{display:none!important}

.task-item-wrap{width:100%!important;box-sizing:border-box!important}
.task-item-wrap>.task-row{
  width:100%!important;box-sizing:border-box!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
}
.task-add-step{grid-column:3!important;justify-self:end!important;margin-left:auto!important}
.task-text{grid-column:2!important;min-width:0!important}
@media(max-width:760px){
  .nav-folder[data-sortable-group="1"]>summary{grid-template-columns:auto minmax(0,1fr) 38px 82px 28px!important}
  .nav-folder-count{width:82px!important}
  .group-menu-pop-standalone{right:8px!important;max-width:calc(100vw - 32px)!important}
}


/* v21: gruppmenyn visas bara när gruppen är expanderad.
   Menyn ligger inne i details-innehållet och ska därför inte antyda att den kan användas i stängt läge. */
.nav-folder[data-sortable-group="1"]:not([open])>summary .group-menu-button{
  visibility:hidden!important;
  pointer-events:none!important;
}
.nav-folder[data-sortable-group="1"][open]>summary .group-menu-button{
  visibility:visible!important;
  pointer-events:auto!important;
}