/* Original Jenong community correspondence and shared noticeboard. */
.community-panel{--community-green:#397c62;--community-line:#e0e6d8;--community-muted:#80917b;color:var(--ink,#293d36)}.community-panel .panel-body{padding-bottom:24px}.community-panel h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.3;margin:0 0 10px}.community-panel p{font-size:12px;line-height:1.8}.community-panel small{display:block;font-size:10px;line-height:1.65;color:var(--community-muted)}.community-panel .community-button{font-size:11px;min-height:38px;line-height:1.4;padding:9px 13px;border-radius:9px;white-space:normal}.community-panel .community-button.secondary{background:#edf2e7;color:#517256;border:1px solid #dee6d5}.community-panel .community-button.text{background:none;box-shadow:none;color:#8b9479;padding:6px 3px;min-height:25px;font-size:10px}.community-panel button:disabled{opacity:.5;cursor:not-allowed}.community-panel button:focus-visible,.community-panel input:focus-visible,.community-panel textarea:focus-visible{outline:3px solid #d5ae63;outline-offset:3px}.community-panel label{font-size:11px;color:#6c846b;display:block;margin-bottom:8px}.community-panel input,.community-panel textarea{width:100%;min-width:0;font:inherit;font-size:12px;color:#405d48;background:#fffef8;border:1px solid #d9e2d0;border-radius:9px;padding:11px;line-height:1.7;outline-offset:3px}.community-panel textarea{resize:vertical;min-height:88px;max-height:220px}.community-panel textarea:disabled{background:#f1f2e9;color:#97a28c}
.community-self{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;border:1px solid #e2e5d6;border-radius:10px;background:#f2f3e9;padding:13px 15px;margin-bottom:19px}.community-self>span{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#9aa58d;flex-basis:100%}.community-self>strong{font-weight:500;font-family:Georgia,serif;font-size:18px;overflow-wrap:anywhere}.community-self>small{margin-left:auto;overflow-wrap:anywhere;max-width:100%}.community-chip{display:inline-block;font-size:9px;line-height:1.5;padding:5px 8px;border-radius:6px;background:#e8eedf;color:#6a865e;border:1px solid #dce5d2}.community-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.community-links>.community-button{flex:1;min-width:100px}.community-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.community-panel .community-summary{display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:linear-gradient(145deg,#edf2e4,#f5f4e9);border:1px solid #dee5d4;color:#6e8862;padding:17px 16px;text-align:left}.community-summary>strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.community-summary>span{font-size:10px;color:#8c9a81}.community-section-title{font-size:21px!important;margin:27px 0 13px!important}.community-search{padding:15px;border:1px solid #e1e5d6;background:#f8f8ef;border-radius:11px;margin-bottom:16px}.community-search>div{display:flex;gap:8px;align-items:center}.community-search>small{margin-top:9px;font-size:9px}.community-search input{font-size:11px}.community-search .community-button{flex-shrink:0}.community-person-list{display:flex;flex-direction:column;gap:10px}.community-person{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px;border:1px solid var(--community-line);background:#fdfcf5;border-radius:12px;min-width:0}.community-person-mark{height:38px;width:38px;flex-shrink:0;border-radius:50%;border:2px solid #fafbf3;box-shadow:0 0 0 1px #dce5cf;background:linear-gradient(135deg,#d7e3c6,#eeebd5);color:#79916a;font-family:Georgia,serif;font-size:18px;display:grid;place-items:center}.community-person-copy{flex:1 1 130px;min-width:0}.community-person-copy>strong{display:block;font-size:12px;overflow-wrap:anywhere}.community-person-copy small{font-size:9px;margin-top:3px;overflow-wrap:anywhere}.community-person-copy>p{margin:7px 0 0;font-size:10px;color:#8a987d}.community-person-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;flex:1 1 100%}.community-person-actions>.community-button{flex:1}.community-person>.community-relationship{flex-basis:100%;margin-top:0;padding-top:9px;border-top:1px solid #e8ebdf}.community-relationship{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0}.community-relationship>.community-button{flex:1;min-width:90px}.community-notices>article,.community-toa-recent>article{border-bottom:1px solid #e5e9db;padding:15px 0}.community-notices strong,.community-toa-recent strong{font-size:11px;font-weight:600}.community-notices p,.community-toa-recent p{font-size:11px;color:#71876b;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.community-muted{font-size:10px!important;color:#8b9b7e;line-height:1.8!important}.community-note{background:#eff2e7;color:#7d8f71;border-left:3px solid #b3c2a3;border-radius:0 8px 8px 0;padding:13px 14px;font-size:10px;line-height:1.9;margin:18px 0}.community-empty{padding:28px 16px;text-align:center;border:1px dashed #d9e2ce;border-radius:12px;background:#f4f6eb;margin:15px 0}.community-empty>span{font-size:29px;color:#b5c4a1}.community-empty h3{font-size:21px;color:#79906e;margin-top:12px}.community-empty p{font-size:11px;color:#94a187;margin:9px auto 0;max-width:290px}.community-mode-card{border:1px solid #e1e5d5;border-radius:14px;background:linear-gradient(135deg,#f1f1e5,#f8f6eb);padding:22px}.community-mode-card h3{font-size:26px;margin:19px 0 12px}.community-mode-card p{color:#88987d;font-size:11px}.community-error{border:1px solid #ddbdab;border-radius:10px;background:#f8eee5;padding:13px;margin:12px 0;color:#a87356}.community-error>p{font-size:11px;margin:0 0 10px;overflow-wrap:anywhere}.community-error>small{font-size:9px;margin-top:9px;color:#a08c70}.community-error .community-button{min-height:32px;padding:7px 10px}.community-countline,.community-limit{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;color:#8c9c80;font-size:10px;margin:15px 0}.community-limit{padding:13px 14px;background:#f4f1e4;border:1px solid #e7e2ce;border-radius:9px;line-height:1.7}.community-limit>strong{font-size:10px;font-weight:600;color:#9d8e61}.community-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.community-tabs>.community-button{flex:1 1 40%;font-size:10px}.community-tabs>.community-button.active{background:#397c62;color:white;border:1px solid #397c62}.community-pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-top:17px}.community-pagination>span{font-size:10px;color:#829471}
.community-thread-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.community-thread{border:1px solid var(--community-line);border-radius:11px;padding:13px;background:#fbfcf4;display:flex;gap:12px;align-items:center;text-align:left;min-width:0}.community-thread.selected{background:#edf3e4;border-color:#a4bb91;box-shadow:inset 0 0 0 1px #bdcfae}.community-thread>span:nth-child(2){min-width:0;flex:1}.community-thread strong{font-size:11px;display:block;overflow-wrap:anywhere}.community-thread small{font-size:8px;overflow-wrap:anywhere}.community-thread p{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:7px 0 0;color:#8e9d81}.community-thread>b{font-size:9px;border-radius:15px;background:#7c9a6b;color:#fffef3;min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px}.community-conversation{border-top:1px solid #e0e7d4;padding-top:22px;margin-top:20px}.community-conversation>header{display:flex;gap:13px;align-items:center}.community-conversation>header>div{min-width:0;flex:1}.community-conversation header h3{margin:0 0 5px;font-size:23px;overflow-wrap:anywhere}.community-conversation header small{font-size:9px;overflow-wrap:anywhere}.community-message-list{display:flex;flex-direction:column;gap:11px;margin:22px 0 16px}.community-message{padding:13px 15px;border-radius:12px;border:1px solid #e0e6d8;background:#f7f8ef;max-width:94%;align-self:flex-start;min-width:0}.community-message.outgoing{align-self:flex-end;background:#e9f0df;border-color:#dce6d0;border-bottom-right-radius:3px}.community-message.incoming{border-bottom-left-radius:3px}.community-message>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:0 0 7px}.community-message>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.community-message small{font-size:8px}.community-message .community-button.text{font-size:8px;min-height:20px;padding:0 2px}.community-composer{margin-top:20px;padding:16px;background:#f5f6ec;border:1px solid #dfe6d4;border-radius:12px}.community-compose-meta{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-top:7px}.community-compose-meta>small{font-size:9px;flex:1;line-height:1.8}.community-compose-meta>span{font-size:9px;color:#8a9a7f;line-height:1.7;white-space:nowrap}.community-validation{font-size:10px!important;color:#b07858;margin:7px 0;line-height:1.65!important}.community-validation:empty{display:none}.community-composer>button[type=submit]{margin-top:12px;width:100%}.community-stickers{margin-top:21px}.community-stickers>span{display:block;font-size:9px;color:#99a38a;margin-bottom:10px}.community-stickers>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.community-stickers .community-button{font-size:10px;min-height:35px}.community-person-confirm{background:#eff3e6;border:1px solid #dee6d2;padding:15px;border-radius:10px;font-family:Georgia,serif;font-size:20px;overflow-wrap:anywhere}.community-person-confirm small{font-family:Inter,"Segoe UI",sans-serif;font-size:9px;margin-top:7px}
.community-free-badge{display:inline-flex;gap:7px;padding:7px 10px;border-radius:7px;border:1px solid #dce7d0;background:#ebf2e2;color:#789367;font-size:8px;font-weight:700;letter-spacing:1.1px}.community-toa-live{padding:24px 21px;border:1px solid #dfdfc8;border-radius:15px;background:radial-gradient(ellipse at 20% 20%,#f7efd5,#edf1df);margin-top:20px;position:relative;overflow:hidden}.community-toa-live:after{content:'❧';position:absolute;right:17px;top:7px;color:#a9b98e33;font-size:75px;pointer-events:none}.community-eyebrow{display:block;font-size:8px;font-weight:700;letter-spacing:1.8px;color:#a4a376;margin-bottom:12px}.community-toa-live h3{font-size:26px;color:#758a60;overflow-wrap:anywhere}.community-toa-live p{font-family:Georgia,serif;font-size:19px;color:#84946b;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;position:relative}.community-toa-clock{display:flex;flex-direction:column;gap:9px}.community-toa-clock>span{font-size:9px;color:#a0a274}.community-toa-clock progress{appearance:none;-webkit-appearance:none;width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#dce3cc}.community-toa-clock progress::-webkit-progress-bar{background:#dce3cc}.community-toa-clock progress::-webkit-progress-value{background:#a4b587;border-radius:8px}.community-toa-clock progress::-moz-progress-bar{background:#a4b587}.community-toa-preview{border:1px dashed #d9dfc9;padding:17px;border-radius:11px;background:#f5f4e8;margin-top:15px}.community-toa-preview>strong{font-family:Georgia,serif;font-size:17px;color:#8a9877;font-weight:400;overflow-wrap:anywhere}.community-toa-preview>p{font-family:Georgia,serif;font-size:18px;color:#a4ac8a;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}.community-toa-queue{list-style:none;counter-reset:queue;padding:0;display:flex;flex-direction:column;gap:10px}.community-toa-queue>li{counter-increment:queue;border:1px solid #e0e5d3;border-radius:11px;background:#fafbf3;padding:15px 15px 15px 43px;position:relative;min-width:0}.community-toa-queue>li:before{content:counter(queue);position:absolute;left:15px;top:16px;color:#b6be9d;font-family:Georgia,serif;font-size:18px}.community-toa-queue strong{font-size:11px;font-weight:600;overflow-wrap:anywhere}.community-toa-queue p{font-size:11px;color:#8a9a7b;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.community-toa-queue small{font-size:9px}.community-toa-recent small{font-size:9px}
@media(max-width:420px){.community-person{padding:12px;gap:10px}.community-self{padding:12px}.community-self>small{margin-left:0;flex-basis:100%}.community-composer{padding:13px}.community-compose-meta{gap:8px;flex-wrap:wrap}.community-compose-meta>small{flex-basis:100%}.community-summary-grid{gap:8px}.community-panel .community-summary{padding:14px}.community-toa-live{padding:20px 16px}.community-search>div{gap:6px}.community-search input{font-size:10px}.community-panel .community-button{font-size:10px;padding:9px 11px}.community-message{max-width:97%}.community-mode-card{padding:19px}.community-mode-card h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.community-panel *{transition:none!important;animation:none!important}}
