.icon{display:inline-block;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.icon-rough{filter:url(#roughen)}:root{--color-bg: #faf8f0;--color-primary: #4a8c5c;--color-secondary: #8b6f47;--color-text: #3d2e1f;--color-muted: #c8d8bc;--color-phase-sow-indoor: #e8914f;--color-phase-greenhouse: #e8c84f;--color-phase-transplant: #c4a46d;--color-phase-harvest: #6aab5c;--font-heading: "Indie Flower", cursive;--font-body: "Quicksand", sans-serif;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f5e9,#faf8f0);padding:1rem}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:var(--radius);padding:2rem;box-shadow:0 4px 24px #00000014}.auth-card h1{font-size:2rem;color:var(--color-primary);margin-bottom:.25rem}.auth-subtitle{color:var(--color-secondary);margin-bottom:1.5rem;font-size:.9rem}.auth-card input{display:block;width:100%;padding:.75rem 1rem;margin-bottom:.75rem;border:2px solid var(--color-muted);border-radius:8px;font-family:var(--font-body);font-size:1rem;transition:border-color .2s}.auth-card input:focus{outline:none;border-color:var(--color-primary)}.auth-card button{width:100%;padding:.85rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-family:var(--font-heading);font-size:1.3rem;cursor:pointer;transition:opacity .2s}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-link{margin-top:1rem;text-align:center;font-size:.9rem}.auth-link a{color:var(--color-primary);font-weight:600;text-decoration:none}.error{color:#c0392b;margin-bottom:.75rem;font-size:.9rem}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1rem;padding-bottom:80px;overflow-y:auto}.app-header{position:sticky;top:0;z-index:100;display:flex;flex-direction:column;gap:.25rem;padding:.6rem 1rem;background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00000026}.header-row{display:flex;align-items:center;justify-content:space-between}.header-row--top,.header-row--bottom{gap:.5rem}.header-username{font-family:var(--font-body);font-size:.8rem;color:#fffc;flex:1}.garden-switcher{background:none;color:#fff;border:none;border-radius:6px;padding:0;font-family:var(--font-heading);font-size:1.2rem;cursor:pointer;text-align:left;flex:1}.user-btn{background:#ffffff26;color:#fff;border:none;border-radius:6px;padding:.3rem .6rem;font-family:var(--font-body);font-size:.75rem;cursor:pointer}.share-btn{background:#ffffff26;border:none;border-radius:6px;padding:.3rem .5rem;font-size:1rem;cursor:pointer;transition:background .15s;color:#fff}.share-btn:hover{background:#ffffff4d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal-card{background:#fff;border-radius:var(--radius);padding:1.5rem;max-width:360px;width:100%;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.modal-header h2{font-size:1.3rem;color:var(--color-primary)}.btn-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--color-secondary);padding:.25rem}.btn-delete-planting{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem;opacity:.6}.btn-delete-planting:hover{opacity:1}.modal-desc{font-size:.9rem;color:var(--color-secondary);margin-bottom:1rem}.modal-hint{font-size:.8rem;color:var(--color-secondary);margin-top:.75rem}.invite-code-box{display:flex;align-items:center;gap:.75rem;background:#faf8f0;border:2px solid var(--color-muted);border-radius:8px;padding:.75rem 1rem}.invite-code{font-size:1.6rem;font-family:var(--font-heading);color:var(--color-primary);letter-spacing:.1em;flex:1}.btn-copy{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:.4rem .75rem;font-family:var(--font-body);font-size:.85rem;cursor:pointer;white-space:nowrap}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:2px solid var(--color-muted);padding-bottom:env(safe-area-inset-bottom);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;text-decoration:none;color:#aaa;font-size:.7rem;gap:.1rem;transition:color .2s}.nav-item.active{color:var(--color-primary)}.nav-icon{font-size:1.4rem}.nav-label{font-family:var(--font-body);font-weight:500}.garden-select-page{max-width:600px;margin:0 auto}.garden-select-page h1{font-size:2rem;color:var(--color-primary);margin-bottom:1rem}.gardens-list{margin-bottom:1rem}.garden-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:transform .15s,box-shadow .15s;border:2px solid transparent}.garden-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--color-primary)}.garden-card-icon{font-size:2rem}.garden-card-info{flex:1}.garden-card-info h2{font-size:1.2rem;color:var(--color-text)}.garden-card-info p{font-size:.85rem;color:var(--color-secondary);margin-top:.25rem}.role-badge{font-size:.75rem;padding:.25rem .6rem;border-radius:20px;font-weight:600}.role-owner{background:#e8f5e9;color:var(--color-primary)}.role-member{background:#fff3e0;color:#e67e22}.garden-card-meta{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.garden-card-actions{display:flex;gap:.3rem}.btn-garden-action{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1.5px solid var(--color-border);background:transparent;cursor:pointer;color:var(--color-secondary);transition:all .15s}.btn-garden-action:hover{background:#f0f0f0;color:var(--color-text);border-color:var(--color-secondary)}.btn-garden-action--delete:hover{background:#ffeaea;color:#c0392b;border-color:#c0392b}.garden-name-input{font-size:1.1rem;font-family:inherit;font-weight:600;border:none;border-bottom:2px solid var(--color-primary);background:transparent;outline:none;width:100%;color:var(--color-text)}.garden-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.action-card{background:#fff;border-radius:var(--radius);padding:1rem;box-shadow:0 2px 8px #0000000f}.action-card h3{font-size:1rem;color:var(--color-text);margin-bottom:.75rem}.action-card input{width:100%;padding:.6rem .75rem;border:2px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.9rem;margin-bottom:.5rem}.action-card button{width:100%;padding:.6rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-family:var(--font-heading);font-size:1rem;cursor:pointer}.action-card button:disabled{opacity:.6;cursor:not-allowed}.empty-state{color:var(--color-secondary);font-style:italic;padding:1rem 0}.loading{text-align:center;padding:2rem;color:var(--color-secondary)}.placeholder-page{text-align:center;padding:2rem}.placeholder-page h2{font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-header h1{font-size:1.8rem;color:var(--color-primary)}.btn-add{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-family:var(--font-body);font-size:.9rem;cursor:pointer}.btn-text{background:none;border:none;color:var(--color-primary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;padding:.4rem 0;text-decoration:underline}.btn-back{background:none;border:none;color:var(--color-secondary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;padding:.4rem 0;margin-bottom:1rem;display:block}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap;background:#fff;border-radius:var(--radius);padding:.75rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.inline-form input,.inline-form select{flex:1;min-width:120px;padding:.5rem .75rem;border:2px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.9rem}.inline-form input:focus,.inline-form select:focus{outline:none;border-color:var(--color-primary)}.inline-form button{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-family:var(--font-body);cursor:pointer}.inline-form button[type=button]{background:var(--color-muted);color:var(--color-text)}.inline-form--compact{padding:.5rem}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.filter-tabs button{flex:1;padding:.5rem;background:#fff;border:2px solid var(--color-muted);border-radius:20px;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .15s}.filter-tabs button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-tabs-spacer{flex:1;min-width:.5rem}.sort-mode-btn{flex:none!important;padding:.4rem .75rem!important;background:#fff;border:2px solid var(--color-primary)!important;border-radius:20px;font-family:var(--font-body);font-size:.8rem!important;cursor:pointer;white-space:nowrap;color:var(--color-primary)!important}.sort-mode-btn.active{background:var(--color-primary)!important;color:#fff!important}.task-action-icon{font-size:.95rem;flex-shrink:0}.task-crop-icon{font-size:.85rem;flex-shrink:0}.planting-detail-view{padding:.25rem 0}.detail-qty{font-size:.85rem;color:var(--color-secondary);margin-bottom:.35rem}.detail-action-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem;flex-wrap:wrap}.detail-action-select{font-family:var(--font-body);font-size:.8rem;border:1px solid var(--color-muted);border-radius:6px;padding:.3rem .5rem;background:#fff;cursor:pointer}.planting-summary-card--storage{opacity:.85}.badge{display:inline-block;background:#e74c3c;color:#fff;border-radius:10px;padding:0 .4rem;font-size:.7rem;margin-left:.25rem}.tuin-page{max-width:600px;margin:0 auto}.plots-list{display:flex;flex-direction:column;gap:.75rem}.plot-card{background:#fff;border-radius:var(--radius);box-shadow:0 2px 8px #0000000f;overflow:hidden}.plot-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;cursor:pointer}.plot-header:hover{background:#f9f9f6}.plot-title{display:flex;flex-direction:column;gap:.1rem}.plot-type-label{font-size:.75rem;color:var(--color-secondary)}.plot-title h2{font-size:1.3rem;color:var(--color-text)}.plot-meta{display:flex;align-items:center;gap:.75rem}.bed-count{font-size:.8rem;color:var(--color-secondary)}.expand-icon{color:var(--color-muted)}.btn-plot-edit{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:.85rem;padding:.2rem .4rem;color:var(--color-secondary);opacity:.7;transition:opacity .15s;flex-shrink:0}.btn-plot-edit:hover{opacity:1}.btn-plot-edit--done{opacity:1;color:var(--color-primary);font-weight:700}.plot-header-edit-row{display:flex;align-items:center;gap:.4rem;flex:1}.btn-plot-move{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:1.5px solid var(--color-border);background:transparent;cursor:pointer;color:var(--color-secondary);transition:all .15s;flex-shrink:0}.btn-plot-move:hover:not(:disabled){background:#f0f0f0;color:var(--color-text)}.btn-plot-move:disabled{opacity:.3;cursor:default}.plot-header-edit-row .edit-pencil{opacity:1}.plot-header-edit-row .inline-edit-label{cursor:pointer}.plot-card--editing .plot-header{cursor:default}.plot-detail{padding:0 1.25rem 1rem}.beds-list{display:flex;flex-direction:column;gap:.4rem;padding-top:.6rem}.bed-card{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:8px;background:#faf8f0;border:1px solid var(--color-muted);min-height:2.2rem}.bed-card--editing{align-items:flex-start;padding:.6rem .75rem;min-height:unset}.bed-name-label{font-size:.7rem;font-style:italic;color:#a0917e;letter-spacing:.01em;white-space:nowrap}.bed-right-col{display:flex;flex-direction:row;align-items:center;gap:.35rem;flex-shrink:0;margin-left:auto}.bed-name-col{display:flex;align-items:center;gap:.25rem}.bed-label{font-size:.75rem;color:var(--color-secondary)}.bed-plantings{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.bed-empty{font-size:.8rem;color:#ccc;font-style:italic}.planting-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.25rem .6rem;border-radius:20px;font-size:.78rem;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.phase-icon{font-size:.7rem}.bed-actions{padding-top:.5rem}.btn-add-planting{background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:1rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.bed-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.bed-top-row{display:flex;align-items:center;gap:.5rem}.bed-top-row .bed-name-col{flex:1;min-width:0}.bed-actions-right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.inline-edit-label{cursor:pointer}.inline-edit-label:hover .edit-pencil{opacity:1}.edit-pencil{opacity:0;transition:opacity .15s;color:var(--color-secondary)}.bed-card--editing .edit-pencil{opacity:1}.inline-edit-input{border:none;border-bottom:2px solid var(--color-primary);background:transparent;font-family:var(--font-heading);font-size:inherit;color:var(--color-text);outline:none;padding:0 .1rem}.plot-name-edit{font-size:1.3rem;font-family:var(--font-heading)}.bed-name-edit{font-size:.85rem;font-weight:600;color:var(--color-text);font-family:var(--font-body)}.add-planting-form{background:#f0f5ee;border-radius:8px;padding:.75rem;margin:.5rem 0;border:1px solid var(--color-muted)}.beds-list .add-planting-form{margin:-.25rem 0 .25rem;border-radius:0 0 8px 8px;border-top:none}.add-planting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.add-planting-header strong{font-size:.9rem;color:var(--color-text)}.form-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.form-row select,.form-row input{flex:1;min-width:100px;padding:.4rem .5rem;border:1px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.85rem;background:#fff}.btn-submit{width:100%;padding:.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-family:var(--font-body);font-size:.9rem;cursor:pointer}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.kalender-page{max-width:800px;margin:0 auto}.kalender-controls{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.toggle-group{display:flex;border-radius:8px;overflow:hidden;border:2px solid var(--color-muted)}.toggle-group button{padding:.4rem .75rem;background:#fff;border:none;font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:background .15s;border-right:1px solid var(--color-muted)}.toggle-group button:last-child{border-right:none}.toggle-group button.active{background:var(--color-primary);color:#fff}.sort-select{padding:.4rem .5rem;border:2px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.8rem;background:#fff;cursor:pointer}.kalender-legend{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.legend-item{font-size:.7rem;padding:.2rem .6rem;border-radius:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gantt-container{overflow-x:auto}.gantt-months{display:flex;border-bottom:1px solid var(--color-muted);margin-bottom:.25rem}.gantt-label-col{min-width:190px;max-width:190px;display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text);padding-right:.5rem;position:sticky;left:0;z-index:1;background:var(--color-bg)}.gantt-month{flex:1;text-align:center;font-size:.7rem;color:var(--color-secondary);padding-bottom:.25rem}.gantt-row{display:flex;align-items:center;margin-bottom:.5rem}.gantt-bars{flex:1;position:relative;height:28px;background:#f0f0ea;border-radius:4px;overflow:visible}.cal-bar{position:absolute;height:100%;border-radius:4px;opacity:.85}.gantt-today{position:absolute;top:-4px;bottom:-4px;width:2px;background:#e74c3c;opacity:.7;z-index:2}.gantt-month--current{background:#4a8c5c14;border-radius:2px;font-weight:600;color:var(--color-primary)}.crop-icon{font-size:1rem}.crop-name{font-size:.8rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cal-badge{font-size:.6rem}.cal-badge--active{color:var(--color-primary)}.cal-badge--stock{color:var(--color-secondary)}.cal-badge-storage{font-size:.85rem}.gantt-section-header{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--color-primary);padding:.5rem 0 .25rem;border-bottom:1px solid var(--color-muted);margin-bottom:.25rem}.variety-location{font-size:.72rem;color:var(--color-secondary);flex:1}.variety-location em{font-style:italic}.planting-detail-inline{background:#f9f7f1;border-left:3px solid var(--color-accent);margin:0 0 .5rem;padding:.5rem .75rem;border-radius:0 6px 6px 0}.detail-crop-name-mobile{display:none;font-size:.9rem;margin-bottom:.35rem}.detail-location{font-size:.8rem;color:var(--color-secondary);margin-bottom:.4rem}.detail-location-bed{font-style:italic}.detail-events{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.detail-tasks{display:flex;flex-wrap:wrap;gap:.3rem;border-top:1px solid var(--color-muted);padding-top:.35rem;margin-top:.1rem}.detail-empty{font-size:.8rem;color:var(--color-secondary)}.detail-event-chip{font-size:.75rem;background:#fff;border:1px solid var(--color-muted);border-radius:12px;padding:.15rem .5rem;white-space:nowrap}.detail-event-date{color:var(--color-secondary);font-size:.7rem}.detail-event-note{color:var(--color-secondary);font-style:italic;font-size:.7rem}.detail-planting-notes{font-size:.8rem;color:var(--color-secondary);font-style:italic;margin-bottom:.4rem}.detail-task-chip{font-size:.75rem;background:#eef3ea;border:1px solid var(--color-accent);border-radius:12px;padding:.15rem .5rem;white-space:nowrap;color:var(--color-primary)}.detail-task-chip--done{opacity:.5;text-decoration:line-through}.gantt-row--expanded{background:#f0ede6;border-radius:4px 4px 0 0}.taken-page{max-width:600px;margin:0 auto}.overdue-banner{display:flex;justify-content:space-between;align-items:center;background:#fff3e0;border:1px solid #f39c12;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.overdue-banner button{background:#f39c12;color:#fff;border:none;border-radius:6px;padding:.4rem .75rem;font-family:var(--font-body);font-size:.8rem;cursor:pointer}.tasks-list{display:flex;flex-direction:column;gap:.5rem}.tasks-list--compact{gap:.4rem}.task-card{display:flex;align-items:flex-start;gap:.75rem;background:#fff;border-radius:10px;padding:.75rem;box-shadow:0 1px 4px #0000000f;border-left:3px solid transparent}.task-card--overdue{border-left-color:#e74c3c}.task-card--done{opacity:.5}.task-check{background:none;border:2px solid var(--color-muted);border-radius:50%;width:28px;height:28px;min-width:28px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--color-primary)}.task-check:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.task-check:disabled{cursor:default;background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.task-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.task-main-row{display:flex;align-items:center;gap:.4rem}.task-title-row{display:flex;align-items:baseline;gap:.3rem}.task-meta-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.72rem;color:var(--color-secondary)}.task-title{font-size:.82rem;color:var(--color-text);line-height:1.3}.task-title--clickable:not([data-done]){cursor:pointer}.task-title--clickable:hover{text-decoration:underline dotted var(--color-secondary)}.task-desc{font-size:.78rem;color:var(--color-secondary)}.task-date{font-size:.72rem;color:var(--color-secondary);white-space:nowrap;flex-shrink:0}.task-date--overdue{color:#e74c3c;font-weight:600}.task-location{font-size:.72rem;color:var(--color-secondary)}.task-location-bed{font-style:italic}.task-edit-btn{font-size:.75rem!important;padding:0!important}.task-auto{font-size:.62rem;padding:.1rem .35rem;flex-shrink:0;background:var(--color-muted);border-radius:4px;color:var(--color-secondary)}.gewassen-page{max-width:600px;margin:0 auto}.search-bar{margin-bottom:1rem}.search-bar input{width:100%;padding:.6rem 1rem;border:2px solid var(--color-muted);border-radius:20px;font-family:var(--font-body);font-size:.9rem}.search-bar input:focus{outline:none;border-color:var(--color-primary)}.crop-category{margin-bottom:1.5rem}.category-heading{font-size:1rem;color:var(--color-secondary);margin-bottom:.75rem}.crop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.crop-card{background:#fff;border-radius:var(--radius);padding:.75rem .5rem;box-shadow:0 2px 8px #0000000f;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem}.crop-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.crop-card--active{border-color:var(--color-primary)}.crop-card-icon{font-size:2rem}.crop-card-name{font-size:.8rem;color:var(--color-text);font-weight:500}.crop-card-indicators{display:flex;gap:.2rem;font-size:.8rem}.indicator{font-size:.85rem}.crop-detail{max-width:600px;margin:0 auto}.crop-detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.crop-detail-icon{font-size:2.5rem}.crop-detail-header h1{font-size:1.6rem;color:var(--color-primary)}.crop-category-badge{font-size:.75rem;padding:.25rem .6rem;background:var(--color-muted);border-radius:20px;color:var(--color-secondary)}.crop-calendar-card,.crop-varieties-card{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.crop-calendar-card h3,.crop-varieties-card h3{font-size:1rem;color:var(--color-text);margin-bottom:.75rem}.cal-mini-gantt{margin-bottom:.5rem}.cal-mini-months{display:flex;margin-bottom:.25rem}.cal-mini-month{flex:1;text-align:center;font-size:.65rem;color:var(--color-secondary)}.cal-mini-bars{position:relative;height:20px;background:#f0f0ea;border-radius:4px}.cal-mini-bar{position:absolute;height:100%;border-radius:4px;opacity:.85}.cal-mini-legend{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.cal-mini-legend span{font-size:.65rem;padding:.15rem .5rem;border-radius:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.varieties-list{display:flex;flex-direction:column;gap:.5rem}.variety-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#faf8f0;border-radius:6px;font-size:.9rem}.variety-indicators{display:flex;gap:.4rem}.dashboard-page{max-width:600px;margin:0 auto}.dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:60vh}.dashboard-welcome{text-align:center}.dashboard-welcome h2{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem}.dashboard-greeting{margin-bottom:1rem}.dashboard-greeting h1{font-size:1.8rem;color:var(--color-primary)}.harvest-alert{background:#e8f5e9;border:1px solid var(--color-primary);border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:var(--color-primary);margin-top:.5rem}.harvest-alert-title{font-weight:600;margin-bottom:.3rem}.harvest-alert-list{display:flex;flex-wrap:wrap;gap:.3rem}.harvest-alert-chip{background:#fff;border:1px solid #a5d6a7;border-radius:20px;padding:.15rem .5rem;font-size:.8rem;color:var(--color-text)}.harvest-alert-loc{color:var(--color-secondary)}.stats-row{display:flex;gap:.75rem;margin-bottom:1.25rem}.stat-card{flex:1;background:#fff;border-radius:var(--radius);padding:.75rem;text-align:center;box-shadow:0 2px 8px #0000000f}.stat-card--warn{border:1px solid #e74c3c}.stat-number{font-size:1.8rem;font-family:var(--font-heading);color:var(--color-primary)}.stat-card--warn .stat-number{color:#e74c3c}.stat-label{font-size:.7rem;color:var(--color-secondary)}.dashboard-section{margin-bottom:1.5rem}.dashboard-section h2{font-size:1.2rem;color:var(--color-text);margin-bottom:.75rem}.planting-chips-grid{display:flex;flex-direction:column;gap:.5rem}.planting-summary-card{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:10px;padding:.75rem;box-shadow:0 1px 4px #0000000f;border-left:4px solid var(--color-muted)}.planting-icon{font-size:1.5rem}.planting-summary-info{flex:1}.planting-summary-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.planting-summary-variety{font-size:.8rem;color:var(--color-secondary)}.planting-summary-phase{font-size:.75rem;color:var(--color-secondary);margin-top:.1rem}.planting-summary-location{font-size:.7rem;color:var(--color-secondary);font-style:italic}.planting-qty{font-size:.8rem;color:var(--color-secondary);background:var(--color-muted);border-radius:10px;padding:.2rem .5rem}.add-crop-page{max-width:500px;margin:0 auto}.add-crop-page h1{font-size:1.8rem;color:var(--color-primary);margin-bottom:1.25rem}.form-section{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.form-section h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-text)}.field-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--color-secondary);margin-bottom:.75rem}.field-label input{padding:.5rem .75rem;border:2px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.9rem;color:var(--color-text)}.field-label input:focus{outline:none;border-color:var(--color-primary)}.field-hint{font-size:.75rem;color:#aaa;margin-left:.25rem}.required{color:#e74c3c}.varieties-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.varieties-header h3{margin-bottom:0}.cal-form-grid{display:flex;flex-direction:column;gap:.5rem}.cal-form-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cal-form-phase{font-size:.7rem;padding:.2rem .5rem;border-radius:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);min-width:110px;text-align:center}.month-select-label{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--color-secondary)}.month-select-label select{padding:.25rem;border:1px solid var(--color-muted);border-radius:4px;font-family:var(--font-body);font-size:.8rem}.form-section select{width:100%;padding:.5rem .75rem;border:2px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.9rem;background:#fff}.form-section select:focus{outline:none;border-color:var(--color-primary)}.form-error{color:#c0392b;font-size:.85rem;margin-bottom:.5rem}.planting-notes-input{width:100%;padding:.4rem .5rem;border:1px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.85rem;margin-bottom:.5rem;background:#fff}.crop-detail-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-edit-crop{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.4rem .75rem;font-family:var(--font-body);font-size:.85rem;cursor:pointer}.variety-edit-list{display:flex;flex-direction:column;gap:.4rem}.variety-edit-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#faf8f0;border-radius:6px}.variety-edit-row input{flex:1;border:none;border-bottom:2px solid var(--color-primary);background:transparent;font-family:var(--font-body);font-size:.9rem;outline:none;padding:0}.bed-move-btns{display:flex;flex-direction:column;gap:1px}.btn-move{background:none;border:none;cursor:pointer;font-size:.6rem;color:var(--color-muted);padding:0;line-height:1}.btn-move:hover:not(:disabled){color:var(--color-primary)}.btn-move:disabled{opacity:.2;cursor:default}.chip-qty{font-size:.65rem;opacity:.85;margin:0 .1rem}.planting-chip{cursor:pointer}.planting-chip:hover{filter:brightness(1.1)}.planting-chip--faded{opacity:.55}.planting-chip--faded:hover{opacity:.85}.unlinked-plantings{margin-top:1.5rem;padding:.75rem 1rem;background:#fff;border-radius:var(--radius);border:2px dashed var(--color-muted)}.unlinked-plantings-title{font-size:.8rem;color:var(--color-secondary);margin-bottom:.5rem;font-weight:600}.event-history{margin:.5rem 0;border-top:1px solid var(--color-muted);padding-top:.5rem}.event-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8rem}.event-icon{font-size:1rem}.event-date{color:var(--color-secondary);min-width:70px}.event-label{color:var(--color-text)}.event-notes{color:var(--color-secondary);font-style:italic}.new-event-section{border-top:1px solid var(--color-muted);padding-top:.5rem;margin-top:.25rem}.task-edit-actions{display:flex;gap:.4rem;margin-top:.4rem}.btn-icon-task{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--color-muted);background:#fff;cursor:pointer;font-size:1rem;color:var(--color-text);transition:background .15s}.btn-icon-task:hover{background:#f0f5ee}.btn-icon-task--delete{color:var(--color-danger, #c0392b);border-color:var(--color-danger, #c0392b)}.btn-icon-task--delete:hover{background:#fdf0ee}.task-edit-form input{width:100%;margin-bottom:.3rem;padding:.35rem .5rem;border:1px solid var(--color-primary);border-radius:6px;font-family:var(--font-body);font-size:.85rem}.task-edit-btn{padding:0 .25rem!important;opacity:.6}.task-edit-btn:hover{opacity:1}.tasks-grouped{display:flex;flex-direction:column;gap:.5rem}.month-group{background:#fff;border-radius:var(--radius);box-shadow:0 1px 4px #0000000f;overflow:hidden}.month-group-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .85rem;background:none;border:none;cursor:pointer;text-align:left;border-bottom:1px solid var(--color-muted)}.month-group-header:hover{background:#f9f9f4}.month-group-label{flex:1;font-family:var(--font-body);font-weight:600;font-size:.85rem;color:var(--color-text)}.month-group-count{font-size:.72rem;color:#fff;background:var(--color-muted);border-radius:10px;padding:.1rem .45rem;min-width:1.4rem;text-align:center}.month-group-toggle{color:var(--color-muted);font-size:.7rem}.month-group .tasks-list{padding:.5rem}.vandaag-group{border-left:3px solid #f39c12}.vandaag-group-header{cursor:default!important}.vandaag-group-header:hover{background:none!important}.vandaag-group-header .month-group-label{color:#c0760a}.vandaag-group-header .month-group-count{background:#f39c12}.gantt-crop-group{margin-bottom:.25rem}.gantt-row--variety{cursor:pointer;opacity:.9}.gantt-row--variety:hover{opacity:1;background:#4a8c5c0d;border-radius:4px}.gantt-row--events{cursor:pointer;opacity:.8}.gantt-row--events:hover{opacity:1}.gantt-label-variety{padding-left:.5rem;gap:.2rem!important}.variety-sub-icon{color:var(--color-muted);font-size:.75rem}.variety-sub-name{font-size:.75rem;color:var(--color-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variety-phase-icon{font-size:.8rem}.gantt-bars--thin{height:14px;margin-top:2px}.event-marker{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:.75rem;z-index:3;cursor:help;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.planting-detail-page{max-width:600px;margin:0 auto}.planting-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.planting-detail-crop{font-size:.85rem;color:var(--color-secondary)}.planting-detail-card{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:0 2px 8px #0000000f}.planting-detail-card h3{font-size:1rem;color:var(--color-text);margin-bottom:.75rem}.planting-detail-meta{margin-bottom:.75rem;font-size:.9rem;color:var(--color-secondary)}.planting-detail-notes{margin-top:.25rem;font-style:italic}.event-timeline{display:flex;flex-direction:column;gap:.75rem}.event-timeline-item{display:flex;gap:.75rem;align-items:flex-start}.event-timeline-icon{font-size:1.3rem;min-width:24px}.event-timeline-body{flex:1}.event-timeline-date{font-size:.8rem;color:var(--color-secondary)}.event-timeline-type{font-weight:600;font-size:.9rem;color:var(--color-text)}.event-timeline-notes{font-style:italic;font-size:.85rem;color:var(--color-secondary);margin-top:.1rem}.event-timeline-by{font-size:.75rem;color:var(--color-muted);margin-top:.1rem}.planting-tasks-list{display:flex;flex-direction:column;gap:.5rem}.planting-task-row{display:flex;align-items:flex-start;gap:.75rem;padding:.4rem 0;border-top:1px solid var(--color-muted)}.planting-task-row:first-child{border-top:none}.planting-task-row--done{opacity:.5}.planting-task-check{font-size:.85rem;min-width:16px;color:var(--color-primary);margin-top:.1rem}.planting-task-title{font-size:.9rem;color:var(--color-text)}.planting-task-date{font-size:.75rem;color:var(--color-secondary)}.storage-phase-label{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .6rem;background:#f0f5ee;border-radius:6px;font-size:.85rem;color:var(--color-secondary);border:1px solid var(--color-muted)}.btn-garden-action,.btn-plot-move,.btn-add-planting,.btn-close,.btn-plot-edit,.btn-delete-planting{position:relative}.btn-garden-action:after,.btn-plot-move:after,.btn-add-planting:after,.btn-close:after,.btn-plot-edit:after,.btn-delete-planting:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,34px);height:max(100%,34px)}@media (max-width: 480px){.page-header h1,.dashboard-greeting h1{font-size:1.4rem}.plot-header{padding:.75rem 1rem}.plot-detail{padding:0 1rem .85rem}.plot-title h2{font-size:1rem}.beds-list{gap:.5rem}.bed-card--editing{padding:.6rem .75rem}.planting-chip{padding:.3rem .7rem;min-height:32px}.filter-tabs{gap:.35rem}.sort-mode-btn{padding:.4rem .5rem!important;font-size:.75rem!important}.inline-form{flex-direction:column}.inline-form input,.inline-form select{min-width:0}.gantt-container{overflow-x:unset}.gantt-months{display:flex;border-bottom:1px solid var(--color-muted);margin-bottom:.25rem;position:sticky;top:0;z-index:10;background:var(--color-bg)}.gantt-months .gantt-label-col{display:none}.gantt-row{flex-direction:column;align-items:stretch;margin-bottom:.6rem}.gantt-row--crop{margin-bottom:.2rem}.gantt-label-col{min-width:0;max-width:none;width:100%;position:static;background:transparent;font-size:.9rem;padding-right:0;padding-bottom:.2rem}.gantt-label-variety{padding-left:1.25rem}.gantt-bars{flex:none;height:22px}.gantt-bars--thin{flex:none;height:16px}.crop-name{font-size:.9rem;white-space:normal;overflow:visible;text-overflow:unset}.gantt-section-header{font-size:.8rem;margin-top:.5rem}.detail-crop-name-mobile{display:block}}.crop-growing-card{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.crop-growing-card h3{font-size:1rem;color:var(--color-text);margin-bottom:.6rem}.growing-info-row{display:flex;flex-wrap:wrap;gap:.5rem}.growing-badge{font-size:.8rem;padding:.3rem .6rem;background:#f0f5ee;border:1px solid var(--color-muted);border-radius:20px;color:var(--color-text)}.growing-notes-text{font-size:.85rem;color:var(--color-text);margin-top:.6rem;line-height:1.5;white-space:pre-wrap}.crop-companions-card{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.crop-companions-card h3{font-size:1rem;color:var(--color-text);margin-bottom:.6rem}.companion-section{margin-bottom:.75rem}.companion-section-label{font-size:.75rem;font-weight:600;color:var(--color-secondary);margin-bottom:.35rem}.companion-chips{display:flex;flex-wrap:wrap;gap:.4rem}.companion-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:20px;font-size:.8rem;border:1px solid}.companion-chip--good{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.companion-chip--bad{background:#fff3e0;border-color:#ffcc80;color:#e65100}.companion-chip-reason{font-size:.72rem;opacity:.75;font-style:italic}.companion-chip-delete{background:none;border:none;cursor:pointer;font-size:.85rem;color:inherit;opacity:.5;padding:.3rem .35rem;margin:-.3rem -.25rem -.3rem -.15rem;line-height:1}.companion-chip-delete:hover{opacity:1}.companion-add-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.companion-rel-toggle{display:flex;gap:.35rem}.companion-rel-toggle button{flex:1;padding:.35rem .5rem;background:#fff;border:2px solid var(--color-muted);border-radius:6px;font-family:var(--font-body);font-size:.8rem;cursor:pointer}.companion-rel-toggle button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.crop-plantings-card{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.crop-plantings-card h3{font-size:1rem;color:var(--color-text);margin-bottom:0}.logboek-heading-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.btn-logboek-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-secondary);padding:.15rem;border-radius:4px;opacity:.5;transition:opacity .15s,background .15s}.btn-logboek-toggle:hover,.btn-logboek-toggle--active{opacity:1}.btn-logboek-toggle--active{background:#e8f0e4;color:var(--color-primary)}.crop-planting-entry{padding:.5rem 0;border-top:1px solid var(--color-muted)}.crop-planting-entry:first-of-type{border-top:none}.crop-planting-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.crop-planting-phase{font-size:.85rem;font-weight:600;color:var(--color-text)}.crop-planting-location{font-size:.75rem;color:var(--color-secondary);font-style:italic}.crop-planting-events{display:flex;flex-direction:column;gap:.2rem;padding-left:.5rem}.crop-planting-event{font-size:.78rem;color:var(--color-secondary)}.crop-planting-note{font-style:italic}.btn-growing-info{background:none;border:none;cursor:pointer;font-size:.75rem;padding:0 .2rem;opacity:.5;flex-shrink:0;line-height:1}.btn-growing-info:hover{opacity:1}.growing-tooltip{background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000002e;padding:.75rem 1rem;min-width:220px;max-width:320px;font-size:.85rem}.growing-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.85rem}.growing-tooltip-info{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}.growing-tooltip-info span{background:#f0f5ee;padding:.15rem .4rem;border-radius:10px;font-size:.75rem}.growing-tooltip-companions{font-size:.75rem;color:var(--color-secondary);margin-top:.2rem;display:flex;flex-wrap:wrap;gap:.2rem;align-items:baseline}.growing-tooltip-label{font-weight:600;flex-shrink:0}.tooltip-companion-item{display:inline}.tooltip-companion-reason{font-style:italic;opacity:.8}.gantt-label-col{position:relative}.planting-logboek{display:flex;flex-direction:column;gap:.25rem}.logboek-entry{display:grid;grid-template-columns:3rem 1fr auto;align-items:start;gap:.4rem;padding:.2rem 0;border-bottom:1px solid var(--color-border, #e8e0d4)}.logboek-date{font-size:.75rem;color:var(--color-secondary, #8a7a6a);white-space:nowrap;padding-top:.1rem}.logboek-text{font-size:.85rem;line-height:1.4;word-break:break-word}.logboek-actions{display:flex;gap:.2rem;opacity:0;transition:opacity .1s}.logboek-entry:hover .logboek-actions{opacity:1}.btn-logboek-edit,.btn-logboek-delete,.btn-logboek-save,.btn-logboek-cancel{background:none;border:none;cursor:pointer;font-size:.75rem;padding:.1rem .2rem;line-height:1}.logboek-edit-row{grid-column:2 / 4;display:flex;gap:.3rem;align-items:flex-start}.logboek-edit-input{flex:1;font-size:.85rem;padding:.2rem .4rem;border:1px solid var(--color-border, #e8e0d4);border-radius:4px;resize:vertical;min-height:2rem}.logboek-add-form{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.logboek-add-input{font-size:.85rem;padding:.4rem .6rem;border:1px solid var(--color-border, #e8e0d4);border-radius:6px;resize:vertical;background:var(--color-bg, #f5f1e8)}.btn-logboek-submit{align-self:flex-end;font-size:.8rem;padding:.3rem .8rem;background:var(--color-primary, #5a6f42);color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-logboek-submit:disabled{opacity:.5;cursor:default}.logboek-loading{color:var(--color-secondary, #8a7a6a);font-size:.8rem}.transplant-location-picker{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem;padding:.5rem;background:var(--color-bg-card, #faf7f2);border-radius:6px;border:1px solid var(--color-border, #e8e0d4)}.transplant-bed-picker{display:flex;flex-direction:column;gap:.3rem}.picker-label{font-size:.8rem;color:var(--color-secondary, #8a7a6a)}.harvest-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.4rem;padding:.5rem;background:var(--color-bg-card, #faf7f2);border-radius:6px;border:1px solid var(--color-border, #e8e0d4)}.harvest-all-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.kitchen-section{display:flex;flex-direction:column;gap:.3rem}.kitchen-section-label{font-size:.8rem;color:var(--color-secondary, #8a7a6a)}.detail-companions{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.detail-companion{font-size:.8rem;padding:.25rem .5rem;border-radius:6px;line-height:1.4}.detail-companion--bad{background:#fff3e0;color:#e65100}.detail-companion--tip{background:#e3f2fd;color:#1565c0}.detail-logboek-section{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--color-border, #e8e0d4)}.detail-section-title{font-size:.8rem;font-weight:600;color:var(--color-secondary, #8a7a6a);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.03em}.crop-planting-logboek-entry{border-top:1px solid var(--color-border, #e8e0d4);padding-top:.75rem;margin-top:.75rem}.crop-planting-logboek-entry:first-child{border-top:none;padding-top:0;margin-top:0}.crop-planting-logboek-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.planting-batch-name{font-size:.85rem;font-weight:600}.planting-location{font-weight:400;color:var(--color-secondary, #8a7a6a)}.planting-date-label{font-size:.75rem;color:var(--color-secondary, #8a7a6a)}.logboek-events{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.logboek-event-chip{font-size:.75rem;padding:.15rem .45rem;background:#f0f5ee;border:1px solid var(--color-muted);border-radius:10px;color:var(--color-text)}.logboek-event-date{color:var(--color-secondary)}.logboek-event-note{font-style:italic;color:var(--color-secondary)}.btn-notes-popup{background:none;border:none;font-size:.8rem;cursor:pointer;padding:.1rem .2rem;opacity:.5;transition:opacity .15s;line-height:1}.btn-notes-popup:hover{opacity:1}.notes-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000040;display:flex;align-items:center;justify-content:center;padding:1rem}.notes-popup{background:var(--color-bg-card, #faf7f2);border:1px solid var(--color-border, #e8e0d4);border-radius:10px;padding:.85rem 1rem 1rem;width:100%;max-width:420px;max-height:70vh;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.notes-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem}.notes-popup-planting-name{font-size:.75rem;font-weight:600;color:var(--color-secondary, #8a7a6a);margin-bottom:.3rem}.notes-popup-loc{font-weight:400}.notes-popup-planting+.notes-popup-planting{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, #e8e0d4)}.task-actions{opacity:0;transition:opacity .15s}.task-card:hover .task-actions{opacity:1}.category-header{position:sticky;top:0;background:var(--color-bg, #f5f1e8);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary, #8a7a6a);padding:.5rem .25rem .25rem;z-index:10}@media (max-width: 600px){.task-actions{opacity:1!important}.edit-pencil{opacity:.5}.filter-btn,.toggle-btn,.filter-tabs button,.toggle-group button{min-height:44px}.planting-chip{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bed-card{padding:.4rem .5rem}.plot-detail{padding:0 .75rem .75rem}.bed-card{overflow:hidden}.detail-planting-notes{font-size:.85rem;font-style:normal;color:var(--color-text)}.bed-move-btns{padding-top:.15rem}.kalender-controls{overflow-x:auto}.toggle-group{min-width:max-content}.task-title{word-break:break-word}.notes-popup{max-height:80vh}.logboek-actions{opacity:1}}