/* 1025DEX Community v0.31.35 · css/ds-community.css · ausgelagert aus index.html */
/* --- 9b · Community, Konto, Wunschliste, Tauschboerse ---------------------- */

/* Diese Bereiche kamen spaeter dazu und brachten jeweils eigene Schrift-
   groessen mit (8.5px bis 21px, Gewichte bis 950). Sie folgen jetzt der
   gleichen Skala wie der Rest. */
.community-hero h3{font:640 21px/1.15 var(--ui);letter-spacing:-.022em}
.community-hero p{font:450 13.5px/1.45 var(--ui);color:var(--ink-soft)}
.community-hero::after{opacity:.5}
.community-stat{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);padding:11px 6px}
.community-stat b{font:660 17px/1 var(--ui);letter-spacing:-.022em}
.community-stat span{font:500 10.5px/1.2 var(--ui);color:var(--ink-soft);text-transform:none;letter-spacing:0;margin-top:5px}
.community-tabs{gap:7px}
.community-tab{
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--panel);color:var(--ink-soft);
  font:550 11.5px/1.2 var(--ui);padding:10px 4px;min-height:40px;
}
.community-tab.on{background:var(--accent);border-color:transparent;color:#fff}
.community-dot{background:var(--accent);font:600 9px/1 var(--ui)}
.community-card,.community-activity,.community-post,.community-compose{
  border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--sh-1);
}
.community-card-name{font:600 14px/1.2 var(--ui);letter-spacing:-.012em}
.community-card-meta{font:450 12px/1.4 var(--ui);color:var(--ink-soft);margin-top:3px}
.community-follow,.community-profile-follow,.community-compose-btn,.community-comment-send{
  border:0;border-radius:var(--r-md);
  background:var(--accent);color:#fff;
  font:580 12.5px/1 var(--ui);min-height:36px;padding:9px 14px;
}
.community-follow.on,.community-profile-follow.on{background:var(--panel-2);color:var(--ink);border:1px solid var(--line)}
.community-activity-title{font:560 13px/1.35 var(--ui)}
.community-activity-time,.community-post-time,.community-post-handle,.community-comment-meta{font:450 11.5px/1.2 var(--ui);color:var(--ink-faint)}
.community-activity-thumb{border-radius:var(--r-xs);background:var(--panel-2)}
.community-empty{border:1px dashed var(--line);border-radius:var(--r-lg);font:450 13px/1.45 var(--ui);color:var(--ink-soft);padding:22px 14px}
.community-social-box{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2)}
.community-social-box b{font:660 17px/1 var(--ui);letter-spacing:-.022em}
.community-social-box span{font:500 10.5px/1 var(--ui);color:var(--ink-soft);text-transform:none}
.community-post{box-shadow:var(--sh-1)}
.community-post-author{font:600 14px/1.2 var(--ui);letter-spacing:-.012em}
.community-post-body{font:450 14.5px/1.5 var(--ui);color:var(--ink)}
.community-post-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2)}
.community-post-card-title{font:580 13px/1.25 var(--ui)}
.community-post-card-meta{font:450 11.5px/1.35 var(--ui);color:var(--ink-soft);margin-top:3px}
.community-post-card-img{border-radius:var(--r-xs);box-shadow:var(--sh-1)}
.community-post-action{
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--panel);color:var(--ink-soft);
  font:560 12.5px/1 var(--ui);min-height:38px;
}
.community-post-action.on{background:var(--wish-soft);border-color:transparent;color:var(--wish)}
.community-post-menu{color:var(--ink-faint);font-size:18px}
.community-comment{border-bottom:1px solid var(--line-soft)}
.community-comment-name{font:600 12.5px/1.2 var(--ui)}
.community-comment-body{font:450 13.5px/1.45 var(--ui)}
.community-compose-copy b{font:600 13.5px/1.2 var(--ui)}
.community-compose-copy span{font:450 11.5px/1.35 var(--ui);color:var(--ink-soft);margin-top:3px}
.community-post-private{border:0;border-radius:var(--r-md);background:var(--wish-soft);color:var(--wish);font:500 12px/1.4 var(--ui)}

/* Konto-Kacheln */
.account-quick,.pm-tile{
  border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--panel);box-shadow:none;
  font:560 12px/1.2 var(--ui);letter-spacing:-.008em;
}
.account-quick-badge,.pm-tile .account-quick-badge{background:var(--accent);font:600 10px/18px var(--ui);box-shadow:0 0 0 2px var(--panel)}
.account-status-row{font:500 11.5px/1.2 var(--ui);color:var(--ink-soft)}
.account-subhead-copy b{font:640 19px/1.15 var(--ui);letter-spacing:-.022em}
.account-subhead-copy span{font:450 11.5px/1.2 var(--ui);color:var(--ink-soft);margin-top:3px}

/* Profilseite */
.pm-head b{font:680 27px/1.1 var(--ui);letter-spacing:-.028em}
.pm-head span{font:450 13px/1.35 var(--ui);color:var(--ink-soft)}
.pm-tile-ico{border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent)}
.pm-tile b{font-size:12.5px;font-weight:580}
.pm-tile small{font-size:11px;font-weight:450;color:var(--ink-soft);margin-top:3px}
.pm-group{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--sh-1)}
.pm-group .btn.pm-row{min-height:58px;border-top:1px solid var(--line-soft);font-size:15px;border-radius:0}
.pm-group .btn.pm-row:active{background:var(--panel-2);transform:none}
.pm-ico{border-radius:var(--r-md);background:var(--panel-2);color:var(--ink-soft)}
.pm-txt b{font-size:15px;font-weight:560;letter-spacing:-.012em}
.pm-txt small{font-size:12.5px;font-weight:450;color:var(--ink-soft)}
.pm-row.pm-danger .pm-ico{background:var(--accent-soft);color:var(--accent)}
.btn.pm-logout{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);color:var(--accent);font-weight:600}
.pm-applang{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}
.pm-link{font:450 12.5px/1.3 var(--ui);color:var(--ink-soft)}
.pm-version{font-size:11.5px;color:var(--ink-faint)}
.pm-online.on i{background:var(--owned);box-shadow:0 0 0 3px var(--owned-soft)}

/* Wunschliste */
.wl-list,.wl-target{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--sh-1)}
.wl-row{gap:13px;padding:11px 13px;border-top:1px solid var(--line-soft)}
.wl-img{border-radius:var(--r-xs);box-shadow:var(--sh-1);background:var(--panel-2)}
.wl-txt b{font-size:14.5px;font-weight:580;letter-spacing:-.012em}
.wl-txt small{font-size:12.5px;font-weight:450;color:var(--ink-soft)}
.wl-chip{background:var(--panel-3);color:var(--ink-soft)}
.wl-chip.good{background:var(--owned-soft);color:var(--owned)}
.wl-btn{
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--panel);color:var(--ink);
  font:580 13px/1 var(--ui);min-height:38px;padding:9px 14px;
}
.wl-btn.primary{background:var(--accent);border-color:transparent;color:#fff}
.wl-btn.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}
.wl-empty{border:1px dashed var(--line);border-radius:var(--r-lg);padding:24px 16px}
.wl-empty b{font-size:16px;font-weight:620;letter-spacing:-.016em}
.wl-choice{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);min-height:50px}
.wl-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:none}
.wl-choice input{accent-color:var(--accent)}
.wl-stat-chev svg{stroke-width:2}

/* Tauschboerse */
.tb-sub{font-size:13.5px;font-weight:450;color:var(--ink-soft)}
.tb-stats button{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);padding:12px 13px}
.tb-stats b{font:680 24px/1 var(--ui);letter-spacing:-.028em}
.tb-stats span{font:450 11.5px/1.25 var(--ui);color:var(--ink-soft)}
.tb-card{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--sh-1)}
.tb-status{border-radius:var(--r-full);font-size:11px;font-weight:580;padding:4px 10px}
.tb-status.s-open{background:var(--warn-soft);color:var(--warn)}
.tb-status.s-accepted{background:var(--lens-soft);color:var(--lens)}
.tb-status.s-completed{background:var(--owned-soft);color:var(--owned)}
.tb-status.s-declined,.tb-status.s-cancelled{background:var(--accent-soft);color:var(--accent)}
.tb-person b{font-size:14.5px;font-weight:580}
.tb-person small{font-size:12px;font-weight:450;color:var(--ink-soft)}
.tb-note{background:var(--panel-2);border-radius:var(--r-md);font-size:13.5px;font-weight:450}
.tb-foot,.tb-actions{border-top:1px solid var(--line-soft)}
.tb-count{background:var(--panel-3);color:var(--ink-soft);font-size:11px;font-weight:560}
details.tb-group summary{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);font-size:14px;font-weight:600;min-height:48px;align-items:center}
.tb-loading i{background:var(--ink-faint)}

/* Onboarding */
.onb-title{font:680 24px/1.14 var(--ui);letter-spacing:-.026em;margin:3px 0 6px}
.onb-copy{font:450 14.5px/1.5 var(--ui);color:var(--ink-soft)}
.onb-choice{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);font-weight:540;min-height:52px}
.onb-choice input{accent-color:var(--accent)}
.onb-step{font-size:12.5px;font-weight:550;letter-spacing:0;text-transform:none;color:var(--ink-soft)}

/* Push-Frage */
.pa-bell{border-radius:var(--r-xl);background:var(--accent);box-shadow:var(--sh-accent)}
.pa-title{font:680 23px/1.14 var(--ui);letter-spacing:-.026em}
.pa-copy{font:450 14.5px/1.5 var(--ui);color:var(--ink-soft)}
.pa-list{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel)}
.pa-item{border-top:1px solid var(--line-soft)}
.pa-item b{font-size:14.5px;font-weight:580}
.pa-item small{font-size:12.5px;font-weight:450;color:var(--ink-soft)}
.pa-ico{border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent)}
.pa-later{font-size:15px;font-weight:550;color:var(--ink-soft)}

/* Einkaufsliste */
.shopbudget{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);font-size:13px;font-weight:500}
.shoprow{border-bottom:1px solid var(--line-soft);padding:11px 4px}
.shoprow.imbudget{background:var(--owned-soft);border-radius:var(--r-md)}
.shoprow b{font-size:14px;font-weight:560;letter-spacing:-.012em}
.shoprow small{font-size:12px;font-weight:450;color:var(--ink-soft)}
.shoprow .shopreis{font-size:14px;font-weight:640}
.shopstand{font-size:12px;font-weight:450;color:var(--ink-soft)}
.shopchk{font-size:12.5px;font-weight:450;color:var(--ink-soft)}
.shopchk input{accent-color:var(--accent)}

/* Personenliste */
.pkarte{border-bottom:1px solid var(--line-soft);padding:11px 2px}
.pkname{font-size:15px;font-weight:560;letter-spacing:-.012em}
.pkpreis,.pkvalue{font-size:15px;font-weight:640}
.pktrend,.pkdelta{font:500 11.5px/1.4 var(--ui)}
.pktrend.up,.pkdelta.up{color:var(--owned)}
.pktrend.down,.pkdelta.down{color:var(--accent)}
.pkph{border-radius:var(--r-xs);background:var(--panel-2);color:var(--ink-faint)}
.tauschbox{border:1px solid var(--line);border-radius:var(--r-md);padding:11px 12px}
.taurow{border-bottom:1px solid var(--line-soft);padding:7px 0}
.taux{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);width:24px;height:24px;flex-basis:24px}