/* ── COMPONENTS.CSS ── */

/* BUTTONS */
.btn{padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s;font-family:inherit;line-height:1.3}
.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text2)}
.btn-ghost:hover{border-color:var(--text2);color:var(--text)}
.btn-accent{background:var(--accent);color:var(--bg);font-weight:600}
.btn-accent:hover{background:#d4ff6a}
.btn-danger{background:var(--high-dim);border:1px solid var(--high);color:var(--high)}
.btn-danger:hover{background:var(--high);color:#fff}
.btn-sm{padding:4px 10px;font-size:12px}
.btn:disabled{opacity:.4;cursor:not-allowed}
.icon-btn{width:26px;height:26px;border-radius:5px;border:1px solid var(--border2);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text3);transition:all .15s;font-size:12px}
.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}
.icon-btn.del:hover{border-color:var(--high);color:var(--high);background:var(--high-dim)}

/* SIDEBAR GOAL CARDS */
.sidebar-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sort-select{background:var(--bg);border:1px solid var(--border2);border-radius:6px;color:var(--text3);font-size:10px;font-family:inherit;padding:3px 5px;cursor:pointer;outline:none;max-width:108px}
.sort-select:focus{border-color:var(--accent)}
.goal-card.draggable{cursor:grab}
.goal-card.draggable:active{cursor:grabbing}
.goal-card.dragging{opacity:.4}
.goal-card.drag-over{border-color:var(--accent);background:var(--accent-dark)}
.drag-handle{color:var(--text3);font-size:9px;letter-spacing:-2px;cursor:grab;flex-shrink:0;line-height:1}
.sidebar-label{font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);padding:0 8px;margin-bottom:8px;display:block}
.goal-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;margin-bottom:6px;cursor:pointer;transition:all .15s}
.goal-card:hover{border-color:var(--border2)}
.goal-card.active{border-color:var(--accent);background:var(--accent-dark)}
.goal-card-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goal-card-deadline{font-size:11px;font-family:'DM Mono',monospace;margin-top:3px}
.goal-card-deadline.urgent{color:var(--high)}
.goal-card-deadline.soon{color:var(--med)}
.goal-card-deadline.ok{color:var(--text3)}
.goal-card-meta{font-size:11px;color:var(--text3);font-family:'DM Mono',monospace;margin-top:2px}
.goal-progress-bar{height:2px;background:var(--border);border-radius:1px;margin-top:7px;overflow:hidden}
.goal-progress-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .4s}
.btn-new-goal{width:100%;background:transparent;border:1px dashed var(--border2);border-radius:var(--radius-sm);padding:9px;font-size:13px;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;font-family:inherit;margin-top:4px}
.btn-new-goal:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}

/* SESSION STATS */
.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.stat-label{font-size:11px;color:var(--text3)}
.stat-val{font-family:'DM Mono',monospace;font-size:12px;color:var(--text2)}
.switch-warn{margin-top:8px;padding:7px 8px;background:var(--high-dim);border-radius:var(--radius-sm);border:1px solid var(--high);font-size:11px;color:var(--high);display:none}
.switch-warn.show{display:block}

/* BADGES */
.priority-badge{font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:4px;font-family:'DM Mono',monospace;white-space:nowrap}
.p-high{background:var(--high-dim);color:var(--high);border:1px solid #551a1a}
.p-medium{background:var(--med-dim);color:var(--med);border:1px solid #553300}
.p-low{background:var(--low-dim);color:var(--low);border:1px solid #0f1f55}
.task-status-badge{font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:4px;font-family:'DM Mono',monospace}
.badge-active{background:#0d2200;color:var(--accent);border:1px solid var(--accent-dim)}
.badge-paused{background:var(--med-dim);color:var(--med);border:1px solid #554400}

/* PROGRESS */
.progress-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}
.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.progress-label{font-size:13px;color:var(--text2)}
.progress-pct{font-family:'DM Mono',monospace;font-size:20px;font-weight:500;color:var(--accent)}
.progress-bar{height:5px;background:var(--border);border-radius:3px;overflow:hidden}
.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s}
.goal-deadline-info{font-size:12px;font-family:'DM Mono',monospace;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);display:flex;gap:12px}
.deadline-chip{display:flex;align-items:center;gap:4px}

/* ACTIVE TASK CARD */
.active-task{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;position:relative;overflow:hidden}
.active-task::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}
.active-task.priority-high::before{background:var(--high)}
.active-task.priority-medium::before{background:var(--med)}
.active-task.priority-low::before{background:var(--low)}
.task-status-row{display:flex;align-items:center;gap:7px;margin-bottom:12px;flex-wrap:wrap}
.task-pos{font-size:11px;color:var(--text3);margin-left:auto;font-family:'DM Mono',monospace}
.active-task-title{font-family:'Syne',sans-serif;font-size:24px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.2}
.active-task-goal{font-size:13px;color:var(--text3);margin-bottom:18px}
.timer-display{font-family:'DM Mono',monospace;font-size:52px;font-weight:400;color:var(--text);letter-spacing:-2px;margin-bottom:3px;line-height:1}
.timer-display.urgent{color:var(--high);animation:pulse 1s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}
@keyframes modal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.modal.shake{animation:modal-shake .4s}
.timer-sub{font-size:12px;color:var(--text3);margin-bottom:18px}
.timer-controls{display:flex;gap:8px;flex-wrap:wrap}

/* TASK LIST */
.task-list-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.section-title{font-size:12px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.8px}
.task-row{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-radius:var(--radius-sm);margin-bottom:3px;border:1px solid transparent;transition:all .15s;flex-wrap:wrap}
.task-row:hover{background:var(--surface2);border-color:var(--border)}
.task-row.row-active{background:var(--accent-dark);border-color:var(--accent-dim)}
.task-row.row-completed{opacity:.55}
.task-check{width:17px;height:17px;border:1.5px solid var(--border2);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}
.task-check.done{background:var(--accent);border-color:var(--accent)}
.task-check.done::after{content:'';width:7px;height:4px;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:rotate(-45deg) translate(1px,-1px);display:block}
.task-check.active-dot{border-color:var(--accent)}
.task-check.active-dot::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);display:block}
.task-row-title{flex:1;font-size:14px;color:var(--text);min-width:0}
.task-row-title.done{text-decoration:line-through;color:var(--text3)}
.task-row-time{font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);flex-shrink:0}
.task-row-actions{display:flex;gap:3px;opacity:0;transition:opacity .15s;flex-shrink:0}
.task-row:hover .task-row-actions{opacity:1}
.task-notes-inline{width:100%;padding:5px 0 2px 26px;font-size:12px;color:var(--text3);line-height:1.55}
.task-notes-inline li{margin-bottom:2px}
.task-notes-inline li.struck s{text-decoration:line-through;opacity:.5}
.task-summary-inline{width:100%;padding:5px 26px 3px}
.task-summary-box{font-size:12px;color:var(--text2);padding:6px 10px;background:var(--accent-dark);border-left:2px solid var(--accent-dim);border-radius:0 4px 4px 0;line-height:1.5}
.task-summary-label{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--accent-dim)}
.empty-tasks{padding:18px;text-align:center;color:var(--text3);font-size:13px}

/* NOTES EDITOR */
.notes-toolbar{display:flex;gap:4px;margin-bottom:6px;padding:5px 6px;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none;flex-wrap:wrap}
.notes-toolbar-btn{width:28px;height:26px;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text3);font-size:12px;font-weight:600;transition:all .15s;font-family:'DM Mono',monospace}
.notes-toolbar-btn:hover{background:var(--surface2);border-color:var(--border2);color:var(--text)}
.notes-toolbar-btn.active{background:var(--accent-dark);border-color:var(--accent-dim);color:var(--accent)}
.notes-toolbar-sep{width:1px;background:var(--border2);margin:2px 2px;align-self:stretch}
.notes-editor{width:100%;background:var(--bg);border:1px solid var(--border2);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:9px 12px;color:var(--text);font-size:13px;font-family:'DM Sans',sans-serif;line-height:1.6;outline:none;min-height:100px;resize:vertical}
.notes-editor--compact{min-height:64px}
.notes-editor:focus{border-color:var(--accent)}
.notes-editor ul,.notes-editor ol{padding-left:20px}
.notes-editor s{opacity:.5}

/* ACTIVE TASK NOTES DISPLAY */
.active-notes-display{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:13px;color:var(--text2);line-height:1.6}
.active-notes-display ul,.active-notes-display ol{padding-left:18px}
.active-notes-display li{margin-bottom:3px;cursor:pointer;transition:opacity .15s;padding:1px 0}
.active-notes-display li:hover{opacity:.8}
.active-notes-display li.struck,.active-notes-display li.struck *{text-decoration:line-through;opacity:.5}
.notes-strike-hint{font-size:11px;color:var(--text3);margin-top:5px;font-style:italic}

/* MODALS */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;padding:16px}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:26px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;transform:scale(.96);transition:transform .2s}
.modal-overlay.open .modal{transform:scale(1)}
.modal h3{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text)}
.modal-desc{font-size:13px;color:var(--text2);margin-bottom:18px;line-height:1.6}
.form-group{margin-bottom:13px}
.form-label{font-size:11px;color:var(--text3);display:block;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.form-input{width:100%;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:8px 11px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}
.form-input:focus{border-color:var(--accent)}
.form-select{width:100%;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:8px 11px;color:var(--text);font-size:14px;font-family:inherit;outline:none;cursor:pointer;appearance:none}
.form-select:focus{border-color:var(--accent)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-row-3{grid-template-columns:1fr 1fr 1fr}
.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}
.form-hint{font-size:11px;color:var(--text3);margin-top:3px}

/* DEADLINE TOGGLE IN FORM */
.deadline-toggle{display:flex;gap:6px;margin-bottom:10px}
.deadline-tab{flex:1;padding:7px;border:1px solid var(--border2);border-radius:var(--radius-sm);background:transparent;color:var(--text3);cursor:pointer;font-size:12px;font-family:inherit;text-align:center;transition:all .15s}
.deadline-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}
.deadline-section{display:none}
.deadline-section.show{display:block}

/* SWITCH SUGGESTION */
.suggestion-card{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:11px 13px;margin-bottom:7px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:10px}
.suggestion-card:hover,.suggestion-card.recommended{border-color:var(--accent-dim)}
.sug-label{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}
.sug-title{font-size:13px;color:var(--text)}
.sug-meta{font-size:11px;color:var(--text3);margin-top:2px;font-family:'DM Mono',monospace}

/* SUMMARY MODAL */
.guided-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.chip{padding:4px 10px;border:1px solid var(--border2);border-radius:20px;background:transparent;color:var(--text3);font-size:11px;cursor:pointer;transition:all .15s;font-family:inherit}
.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}
.ai-unavail-note{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:9px 11px;font-size:12px;color:var(--text3);line-height:1.6;display:none;margin-top:6px}
.ai-unavail-note.show{display:block}
.goal-summary-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;margin-bottom:9px}
.goal-summary-num{font-size:11px;font-family:'DM Mono',monospace;color:var(--text3)}
.goal-summary-title{font-size:14px;font-weight:500;color:var(--text);flex:1}
.goal-summary-plan{font-size:12px;color:var(--text3);padding-left:18px;margin:5px 0}
.goal-summary-plan ul,.goal-summary-plan ol{padding-left:16px}
.goal-summary-done{font-size:13px;color:var(--text2);padding:7px 11px;background:var(--accent-dark);border-left:2px solid var(--accent);border-radius:0 4px 4px 0;line-height:1.6;margin-top:5px}
.goal-summary-done-label{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--accent-dim);display:block;margin-bottom:2px}

.board-summary-tab{margin-bottom:14px}
.board-summary-tab-header{display:flex;align-items:center;gap:8px;padding:8px 11px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--border2);border-radius:var(--radius-sm);margin-bottom:7px}
.board-summary-tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.board-summary-tab-name{font-size:14px;font-weight:600;color:var(--text);flex:1}
.board-summary-tab-meta{font-size:11px;color:var(--text3);font-family:'DM Mono',monospace}
.board-summary-note{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 13px;margin:0 0 7px 16px}
.board-summary-note-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:4px}
.board-summary-note-body{font-size:12px;color:var(--text2);line-height:1.6}
.board-summary-note-body ul,.board-summary-note-body ol{padding-left:16px}
.board-summary-empty{font-size:12px;color:var(--text3);font-style:italic;margin:0 0 7px 16px}
.board-summary-untitled{color:var(--text3);font-style:italic}

/* NO GOAL STATE */
.no-goal-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--text3);padding:40px 20px}
.no-goal-msg h2{font-family:'Syne',sans-serif;font-size:20px;color:var(--text2);font-weight:600}
.no-goal-msg p{font-size:14px;max-width:260px}

/* COLOR PICKER (tabs) */
.color-picker{display:flex;gap:8px;flex-wrap:wrap}
.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}
.color-swatch:hover{transform:scale(1.1)}
.color-swatch.active{border-color:var(--text)}

/* QUICKBOARD: TABS BAR */
.board-tabs-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}
.board-tab-pill{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;border-radius:20px;border:1px solid var(--border2);background:var(--surface2);cursor:pointer;transition:all .15s;font-size:12px;color:var(--text2)}
.board-tab-pill:hover{border-color:var(--border2);background:var(--surface3)}
.board-tab-pill.active{border-color:var(--tab-color,var(--accent));background:var(--surface3);color:var(--text)}
.tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.tab-pill-name{white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.tab-pill-edit,.tab-pill-del{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;color:var(--text3);opacity:0;transition:opacity .15s}
.board-tab-pill:hover .tab-pill-edit,.board-tab-pill:hover .tab-pill-del{opacity:.7}
.tab-pill-edit:hover,.tab-pill-del:hover{opacity:1;color:var(--text)}
.board-tab-add{width:26px;height:26px;border-radius:50%;border:1px dashed var(--border2);background:transparent;color:var(--text3);cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s}
.board-tab-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}

/* QUICKBOARD: CANVAS + FLOATING STICKY NOTES */
.board-canvas-wrap{flex:1;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:auto;position:relative}
.board-canvas{position:relative;width:2200px;height:1500px;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:22px 22px}
.canvas-empty-hint{position:absolute;top:40px;left:40px;font-size:13px;color:var(--text3);max-width:260px;line-height:1.6}

.sticky-note{position:absolute;border-radius:10px;border:1px solid rgba(0,0,0,.25);display:flex;flex-direction:column;box-shadow:0 6px 18px rgba(0,0,0,.35);min-width:200px;min-height:150px;overflow:visible;background:#f7f5ee}

/* TOP BAR — the only colorful part of the note */
.sticky-note-topbar{display:flex;align-items:center;gap:6px;padding:8px 8px;flex-shrink:0;background:var(--note-color,#ffaa00);border-radius:9px 9px 0 0;cursor:grab;position:relative}
.sticky-note-topbar:active{cursor:grabbing}
.sn-add,.sn-min,.sn-more,.sn-close{width:26px;height:26px;border-radius:6px;border:none;background:rgba(0,0,0,.1);color:#1a1a1a;font-size:16px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}
.sn-add:hover,.sn-min:hover,.sn-more:hover{background:rgba(0,0,0,.2)}
.sn-close:hover{background:rgba(0,0,0,.2);color:#7a0000}
.sn-title{flex:1;min-width:0;font-size:14px;font-weight:600;color:#1a1a1a;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 5px;cursor:text}
.sn-title:empty:before{content:attr(data-placeholder);color:rgba(0,0,0,.45);font-weight:500}
.sn-color-flyout{display:none;position:absolute;top:calc(100% + 4px);right:30px;background:var(--surface3);border:1px solid var(--border2);border-radius:8px;padding:7px;gap:7px;flex-wrap:wrap;width:108px;box-shadow:0 8px 20px rgba(0,0,0,.4);z-index:50}
.sn-color-flyout.open{display:flex}
.sn-color-swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:transform .15s}
.sn-color-swatch:hover{transform:scale(1.15)}

/* BODY — plain light "paper", regardless of the note's color */
.sticky-note-body{flex:1;padding:8px 10px;font-size:13px;line-height:1.5;color:#26251f;outline:none;overflow-y:auto;background:#f7f5ee}
.sticky-note-body ul,.sticky-note-body ol{padding-left:18px}
.sticky-note-body img{max-width:100%;height:auto;border-radius:6px;display:block;margin:4px 0}

/* BOTTOM BAR — formatting tools */
.sticky-note-bottombar{display:flex;align-items:center;gap:3px;padding:6px 7px;flex-shrink:0;background:#efece0;border-top:1px solid rgba(0,0,0,.08);border-radius:0 0 9px 9px}
.sticky-note-bottombar button{width:28px;height:26px;border:none;border-radius:6px;background:transparent;color:#3d3b2e;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.sticky-note-bottombar button:hover{background:rgba(0,0,0,.09);color:#141414}
.sn-image-btn{font-size:15px}

.sticky-note-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.18) 50%);border-radius:0 0 10px 0}

/* TOASTS */
.toast-container{position:fixed;bottom:24px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:7px;pointer-events:none}
.toast{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--text);max-width:280px;pointer-events:all;transform:translateX(110%);transition:transform .3s ease;display:flex;align-items:flex-start;gap:9px}
.toast.show{transform:translateX(0)}
.toast-icon{width:17px;height:17px;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.toast-info .toast-icon{background:var(--low-dim);color:var(--low)}
.toast-warn .toast-icon{background:var(--med-dim);color:var(--med)}
.toast-danger .toast-icon{background:var(--high-dim);color:var(--high)}
.toast-success .toast-icon{background:var(--accent-dark);color:var(--accent)}
.toast-msg{flex:1;line-height:1.4}