.ideas-view{max-width:900px;padding:0 0 48px}
/* Same page header as every other tab (global h1). */
.ideas-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px}
.ideas-header p{margin:0;color:var(--muted)}
.ideas-saved{white-space:nowrap;font-size:12px;color:var(--ink-3)!important}
.ideas-panel,.idea-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:22px}
.ideas-panel h2,.ideas-list-heading h2{font-size:19px;margin:0}
.idea-form{display:grid;gap:14px;margin-top:17px}
.idea-form label,.idea-card label{display:grid;gap:7px;font-size:13px;font-weight:650;color:var(--ink-2)}
.idea-form input,.idea-form textarea,.idea-card input,.idea-card textarea,.idea-card select,.ideas-filter select{width:100%;border:1px solid var(--line-strong,var(--line));border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;padding:10px 12px;min-height:42px}
.idea-form textarea,.idea-card textarea{resize:vertical;line-height:1.5}
.idea-form input:focus,.idea-form textarea:focus,.idea-card input:focus,.idea-card textarea:focus,.idea-card select:focus,.ideas-filter select:focus{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:1px}
.idea-form-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ideas-muted,.idea-optional{color:var(--ink-3);font-size:12px;font-weight:400}
.ideas-list-section{margin-top:30px}
.ideas-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.ideas-list-heading>div{display:flex;align-items:baseline;gap:10px}
.ideas-count{color:var(--ink-3);font-size:12px}
.idea-notes{margin-top:10px;color:var(--ink-2);font-size:13px}
.idea-notes summary{width:max-content;cursor:pointer;color:var(--accent-text);font-weight:600;list-style-position:inside}
.idea-notes p{margin:9px 0 2px;line-height:1.55;white-space:pre-wrap}
.idea-notes-field{margin-top:10px}
.ideas-filter{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px}
.ideas-filter select{width:auto;min-width:125px;padding:8px 10px;min-height:38px}
.idea-cards{display:grid;gap:11px}
.idea-card{padding:18px 20px}
.idea-card h3{margin:11px 0 5px;font-size:16px;line-height:1.35}
.idea-card>p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55;white-space:pre-wrap}
.idea-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.idea-status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--ink-2)}
.idea-status-planned{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent-text)}
.idea-status-done{background:color-mix(in srgb,var(--free) 12%,var(--surface));color:var(--free)}
.idea-actions{display:flex;align-items:center;gap:12px}
.idea-actions .text-button{font-size:12px}
.idea-editing form{display:grid;gap:12px}
.idea-editing .idea-actions{justify-content:flex-start;margin-top:3px}
.ideas-empty{border:1px dashed var(--line);border-radius:12px;color:var(--ink-3);padding:24px;text-align:center}
.ideas-error{border-radius:9px;background:color-mix(in srgb,var(--reset) 9%,var(--surface));color:var(--reset);padding:10px 12px;font-size:13px}
@media(max-width:800px){.ideas-view{padding:20px 0 46px}.ideas-header{align-items:flex-start;flex-direction:column;gap:10px}.ideas-saved{margin:0}.ideas-panel{padding:17px}.ideas-list-heading{align-items:flex-start}.idea-card{padding:16px}.idea-card-top{align-items:flex-start}.idea-actions{gap:8px}.ideas-filter{font-size:12px}}
@media(max-width:430px){.ideas-list-heading{flex-direction:column}.ideas-filter{width:100%;justify-content:space-between}.ideas-filter select{flex:1}.idea-card-top{flex-direction:column-reverse}.idea-actions{width:100%;justify-content:flex-end}}