/* Members' area - used on phones as often as desks, so targets stay large. */
:root{--pine:#06301F;--grass:#0E7A3F;--sun:#E8A317;--ink:#0B1712;
      --muted:#6B7F74;--line:#DCE7DF;--wash:#F4F8F5;}
*{box-sizing:border-box;}
body{margin:0;background:var(--wash);color:var(--ink);
     font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}

.cn-top{background:var(--pine);color:#fff;padding:12px 16px;display:flex;
        align-items:center;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:30;}
.cn-brand{font-weight:800;display:flex;align-items:center;gap:8px;}
.cn-brand i{color:var(--sun);}
.cn-who{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:.84rem;color:#CFE9DA;}
.cn-out{color:#FFD59A;text-decoration:none;font-weight:600;}

.cn-nav{background:#fff;border-bottom:1px solid var(--line);padding:0 12px;
        display:flex;gap:4px;overflow-x:auto;position:sticky;top:52px;z-index:25;}
.cn-nav a{padding:12px 14px;color:var(--ink);text-decoration:none;font-size:.88rem;
          font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;}
.cn-nav a:hover{color:var(--grass);border-bottom-color:var(--line);}
.cn-badge{background:#C0392B;color:#fff;border-radius:10px;padding:.05rem .4rem;font-size:.72rem;}

.cn-main{padding:16px;max-width:920px;margin:0 auto;}

.cn-card{background:#fff;border:1px solid var(--line);border-radius:14px;
         padding:18px;margin-bottom:14px;}
.cn-card h2{font-size:1.1rem;margin:0 0 4px;font-weight:800;}
.cn-hint{font-size:.82rem;color:var(--muted);}

.form-control,.form-select{min-height:46px;border-radius:10px;}
textarea.form-control{min-height:auto;}
.btn{min-height:46px;border-radius:10px;font-weight:700;}
.btn-grass{background:var(--grass);border-color:var(--grass);color:#fff;}
.btn-grass:hover{background:#0b6835;border-color:#0b6835;color:#fff;}

.vrow{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;background:#fff;}
.vrow h5{font-size:1rem;margin:0 0 2px;font-weight:800;}
.vmeta{font-size:.8rem;color:var(--muted);margin-bottom:.6rem;}
.vdocs{display:flex;gap:8px;flex-wrap:wrap;margin:.5rem 0;}
.vdoc{font-size:.78rem;border:1px solid var(--line);border-radius:8px;
      padding:.3rem .6rem;text-decoration:none;color:var(--ink);background:var(--wash);}
.vdoc:hover{border-color:var(--grass);color:var(--grass);}
.vact{display:flex;gap:8px;flex-wrap:wrap;margin-top:.8rem;}
.vact .btn{flex:1 1 160px;}
.badge.on{background:#E9F6EE;color:#0b6835;border:1px solid #B6DCC5;}
.badge.off{background:#FBE9E7;color:#A03A28;border:1px solid #F0C8C0;}

.cn-site{color:#CFE9DA;text-decoration:none;font-size:.82rem;font-weight:600;margin-left:auto;}
.cn-site:hover{color:#fff;}
.cn-who .cn-site{margin-left:0;}