.wb-calendar,.wb-idea,.wb-event { background:#fff; border:1px solid #dce8e5; border-radius:18px; }
.wb-calendar { padding:12px; }
.wb-month-bar { display:flex; gap:6px; align-items:center; }
.wb-month-bar h3 { flex:1; margin:0; font-size:19px; color:#173d36; text-align:center; }
.wb-month-bar button { min-width:40px; min-height:44px; border:0; border-radius:12px; background:#edf6f2; color:#19705f; font:inherit; font-weight:700; }
.wb-weekdays,.wb-month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; }
.wb-weekdays { margin-top:16px; text-align:center; color:#758a83; font-size:12px; }
.wb-weekdays span { padding:6px 0; }
.wb-day { min-width:0; min-height:54px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:5px 0; border:1px solid transparent; border-radius:11px; background:#f7faf8; color:#264b40; font:inherit; }
.wb-day span { font-size:15px; font-weight:700; }
.wb-day small { margin-top:4px; color:#538775; font-size:9px; }
.wb-day.outside { background:transparent; color:#a2b0ab; }
.wb-day.today { border-color:#71b39b; }
.wb-day.selected { background:#19705f; color:white; border-color:#19705f; }
.wb-day.selected small { color:#d9f1e7; }
.wb-help { margin:12px 0 0; color:#70847c; font-size:11px; }
.wb-day-heading { display:flex; justify-content:space-between; align-items:center; margin:18px 0 10px; gap:8px; }
.wb-day-heading h3 { margin:0; font-size:18px; }.wb-day-heading h3 span { display:block; margin-top:4px; font-size:11px; font-weight:400; color:#71867d; }
.wb-day-list,.wb-ideas-list { display:grid; gap:10px; }
.wb-event { width:100%; padding:16px; text-align:left; font:inherit; }.wb-event strong,.wb-event span { display:block; overflow-wrap:anywhere; }.wb-event strong { font-size:14px; color:#173d36; }.wb-event span { margin-top:7px; color:#70847c; font-size:12px; }
.wb-empty { display:grid; gap:8px; padding:30px 18px; border:1px dashed #d2e2d9; border-radius:16px; text-align:center; color:#73877e; }.wb-empty strong { font-size:14px; }.wb-empty span { font-size:12px; line-height:1.6; }
.wb-ideas-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:3px 0 18px; }.wb-ideas-heading h2 { margin:0; color:#173d36; font-size:25px; }.wb-ideas-heading p { margin:7px 0 0; color:#71867d; font-size:12px; line-height:1.6; }
.wb-primary,.wb-secondary { min-height:44px; padding:10px 13px; border:1px solid #cfe2d9; border-radius:12px; background:#edf6f2; color:#19705f; font:inherit; font-size:13px; font-weight:700; white-space:nowrap; }.wb-primary { background:#19705f; color:white; border-color:#19705f; }
.wb-filters { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }.wb-filters button { min-height:40px; padding:8px 11px; border:1px solid #d6e5df; border-radius:30px; background:white; color:#60776d; font:inherit; font-size:12px; }.wb-filters button.active { color:white; background:#19705f; border-color:#19705f; }.wb-filters span { opacity:.8; font-size:11px; }
.wb-idea { width:100%; padding:16px; text-align:left; font:inherit; color:#173d36; }.wb-idea-top { display:flex; justify-content:space-between; gap:8px; align-items:center; }.wb-idea-top span { padding:5px 9px; border-radius:20px; background:#e4f3ed; font-size:11px; color:#19705f; }.wb-idea-top small { color:#7b8e84; font-size:11px; }.wb-idea h3 { margin:12px 0 0; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }.wb-idea p { margin:8px 0 0; color:#6b8176; font-size:13px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }.wb-reference { display:block; margin-top:12px; color:#548271; font-size:11px; }
.wb-overlay { position:fixed; z-index:100; inset:0; display:flex; align-items:flex-end; background:rgba(17,46,39,.4); }.wb-editor { width:100%; max-width:540px; max-height:90dvh; overflow:auto; margin:0 auto; padding:23px 20px calc(23px + env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; background:white; color:#173d36; }.wb-editor h2 { margin:0; font-size:23px; }.wb-editor>p { color:#71867d; font-size:12px; line-height:1.6; }.wb-editor label { display:grid; min-width:0; gap:7px; margin-top:14px; font-size:13px; font-weight:650; }.wb-editor input,.wb-editor textarea,.wb-editor select { width:100%; min-width:0; min-height:46px; padding:11px; border:1px solid #dce8e5; border-radius:11px; font:inherit; font-size:16px; color:#173d36; background:white; }.wb-editor textarea { resize:vertical; line-height:1.6; }.wb-editor-columns { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.wb-editor-actions { display:flex; gap:10px; margin-top:20px; }.wb-editor-actions button { flex:1; }.wb-editor .wb-error { color:#a34d43; }.wb-error:empty { display:none; }
.wb-calendar button:focus-visible,.wb-ideas button:focus-visible,.wb-editor :focus-visible { outline:3px solid #91c8b0; outline-offset:2px; }
@media(min-width:800px){.wb-ideas-list{grid-template-columns:repeat(2,minmax(0,1fr));}.wb-overlay{align-items:center;}.wb-editor{border-radius:24px;}.wb-ideas-heading{margin-bottom:24px;}}