/* Discussion + Q&A (inc/comments-ui.php). Theme tokens only; both themes come from style.css.
   Amber is reserved for bonus amounts, so it never appears here. */

.cm-section{max-width:820px}
.cm-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:end;margin-bottom:18px}
.cm-top .eyebrow,.cm-top h2,.cm-intro{grid-column:1}
.cm-top h2{margin-bottom:.25em}
.cm-total{color:var(--muted);font-weight:600}
.cm-intro{margin:0;color:var(--muted);max-width:64ch}
.cm-ask{grid-column:2;grid-row:2 / span 2;align-self:center}
@media (max-width:640px){.cm-top{grid-template-columns:minmax(0,1fr)}.cm-ask{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}}

.cm-notice,.cm-ended{padding:12px 16px;border-radius:3px;margin:0 0 18px;font-size:.95rem}
.cm-notice.is-ok{background:var(--green-soft);color:var(--ink);border-left:4px solid var(--green)}
.cm-notice.is-err{background:var(--surface);color:var(--ink);border-left:4px solid var(--red)}
.cm-ended{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--muted)}

.cm-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px}
.cm-tools-label{font-size:.86rem;color:var(--muted);margin-right:2px}

.cm-list,.cm-children,.cm-latest-list{list-style:none;margin:0;padding:0}
.cm-list>.cm-item{border-top:1px solid var(--line);padding:16px 0 6px}
.cm-list>.cm-item:last-child{border-bottom:1px solid var(--line)}
.cm-js .cm-later{display:none}
.cm-children{margin:4px 0 8px 15px;padding-left:16px;border-left:2px solid var(--line)}
.cm-children>.cm-item{padding-top:10px}
@media (max-width:560px){.cm-children{margin-left:4px;padding-left:12px}}
.cm-item:target>.cm,.cm.is-new{box-shadow:0 0 0 2px var(--green);border-radius:3px}

.cm{padding:4px 0;scroll-margin-top:96px}
.cm.is-author{background:var(--green-soft);border:1px solid var(--green);border-radius:3px;padding:10px 14px 4px}
.cm.is-best{border-width:2px}
.cm-flag{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:600 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green-ink)}
.cm-flag svg{width:15px;height:15px}

.cm-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:4px}
.cm-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green-ink);border:1px solid var(--line);font:700 .78rem var(--f-display);letter-spacing:.02em}
.cm-av.is-brand{background:transparent;border:0}
.cm-av-logo{width:34px;height:34px}
.cm-who{flex:1 1 12rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.cm-who b{font-weight:600;overflow-wrap:anywhere}
.cm-badge{display:inline-block;font:600 .66rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--green);color:var(--on-green);vertical-align:2px}
.cm-time{font:400 .78rem var(--f-mono);color:var(--muted);text-decoration:none}
.cm-time:hover{text-decoration:underline;color:var(--ink)}
.cm-chip{margin-left:auto;font:500 .74rem var(--f-mono);padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.cm-chip.ok{background:var(--green-soft);border-color:var(--green);color:var(--green-ink)}
.cm-to{margin:0 0 4px 44px;font-size:.84rem;color:var(--muted)}
.cm-text{margin-left:44px;font-size:1rem;overflow-wrap:anywhere}
.cm-text p{margin:0 0 .6em}
.cm-text blockquote{margin:.4em 0 .8em;padding:.2em 0 .2em 12px;border-left:3px solid var(--line);color:var(--muted)}
.cm-text code{font-family:var(--f-mono);font-size:.9em}
@media (max-width:560px){.cm-text,.cm-to{margin-left:0}}

.cm-actions{display:flex;flex-wrap:wrap;gap:2px;margin:2px 0 4px 36px}
@media (max-width:560px){.cm-actions{margin-left:-8px}}
.cm-act{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 8px;border:0;border-radius:3px;background:none;color:var(--muted);font:500 .86rem var(--f-body);cursor:pointer}
.cm-act:hover{color:var(--ink);background:var(--surface)}
.cm-act svg{width:17px;height:17px}
.cm-act-quiet{margin-left:auto}
.cm-help[aria-pressed="true"]{color:var(--green-ink)}
.cm-help[aria-pressed="true"] svg path{fill:var(--green-soft)}
.cm-help-n{display:inline-block;min-width:2ch;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.cm-toggle{margin:0 0 6px 36px;padding:4px 8px;border:0;background:none;color:var(--green-ink);font:600 .84rem var(--f-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){.cm-toggle{margin-left:0}}
.cm-more{margin-top:16px}
.cm-empty{color:var(--muted);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* form */
.cm-respond{margin-top:28px}
.cm-children .cm-form,.cm-item>.cm-form-slot .cm-form{margin:8px 0 12px}
.cm-form{background:var(--surface);border:2px solid var(--ink);padding:18px 20px;display:grid;gap:10px}
.cm-form-title{margin:0}
.cm-replying{margin:0;font-size:.92rem;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.cm-rule{font-size:.88rem;border-left:4px solid var(--green);background:var(--green-soft);padding:8px 12px;color:var(--ink)}
.cm-rule p{margin:0 0 .3em}
.cm-rule details p{margin:.4em 0 .2em}
.cm-rule summary{cursor:pointer;color:var(--green-ink);font-weight:600}
.cm-label{display:block;font-weight:600;font-size:.92rem;margin-bottom:4px}
.cm-hint{font-weight:400;color:var(--muted)}
.cm-form textarea,.cm-form input[type=text],.cm-form input[type=email],.cm-dlg textarea,.cm-dlg input[type=email]{width:100%;padding:10px 12px;border:1px solid var(--muted);border-radius:3px;background:var(--paper);color:var(--ink);font:400 1rem/1.5 var(--f-body)}
.cm-form textarea{min-height:120px;resize:vertical}
.cm-form :is(textarea,input):focus-visible,.cm-dlg :is(textarea,input):focus-visible{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}
.cm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cm-row p{margin:0}
@media (max-width:560px){.cm-row{grid-template-columns:1fr}}
.cm-check{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;cursor:pointer}
.cm-check input{accent-color:var(--green);width:18px;height:18px;flex:none;margin-top:3px}
.cm-check small{display:block;color:var(--muted);font-size:.8rem;line-height:1.45;margin-top:2px}
.cm-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cm-legal{font-size:.8rem;color:var(--muted);margin:0;line-height:1.5}
.cm-submit-row{display:flex;gap:12px;align-items:center}
.cm-status{margin:0;font-size:.93rem;min-height:0}
.cm-status:empty{display:none}
.cm-status.is-ok{background:var(--green-soft);border-left:4px solid var(--green);padding:10px 12px;color:var(--ink)}
.cm-status.is-err{border-left:4px solid var(--red);padding:10px 12px;color:var(--ink);background:var(--paper)}
.cm-form[aria-busy="true"] [data-cm-submit]{opacity:.7;cursor:progress}

/* report dialog */
.cm-dlg{max-width:520px;width:calc(100% - 32px);border:2px solid var(--ink);border-radius:3px;background:var(--surface);color:var(--ink);padding:20px}
.cm-dlg::backdrop{background:rgba(10,16,12,.55)}
.cm-report-form{display:grid;gap:10px}
.cm-report-form h3{margin:0}
.cm-dlg fieldset{border:0;margin:0;padding:0;display:grid;gap:4px}
.cm-dlg legend{font-weight:600;font-size:.92rem;margin-bottom:4px}
.cm-radio{display:flex;gap:8px;align-items:center;font-size:.93rem;min-height:30px;cursor:pointer}
.cm-radio input{accent-color:var(--green);width:17px;height:17px}
.cm-dlg-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}

/* count link in article / promo headers */
.cm-count{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
.cm-count svg{width:17px;height:17px;flex:none;color:var(--green-ink)}
.facts .cm-count{font-size:.9rem;font-weight:500;color:var(--green-ink);justify-self:start}

/* "Najnowsze dyskusje" */
.cm-latest-list li{border-top:1px solid var(--line)}
.cm-latest-list a{display:grid;gap:2px;padding:10px 0;text-decoration:none;color:var(--ink)}
.cm-latest-list a:hover .cm-latest-on{text-decoration:underline}
.cm-latest-who{font-weight:600;font-size:.9rem}
.cm-latest-on{color:var(--green-ink);font-size:.9rem;line-height:1.35}
.cm-latest-ex{color:var(--muted);font-size:.9rem;line-height:1.45}
.cm-latest.is-front .cm-latest-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 24px}
.cm-latest.is-aside{margin-top:24px;font-size:.88rem}
.cm-latest.is-aside .cm-latest-h{display:block;font-family:var(--f-display);margin-bottom:6px}
.cm-latest.is-aside .cm-latest-list a{padding:7px 0}
.cm-latest.is-aside .cm-latest-who,.cm-latest.is-aside .cm-latest-on{font-size:.84rem}
/* the aside is sticky with the table of contents: show discussions only where there is room */
@media (max-height:879px){.art-aside .cm-latest.is-aside{display:none}}

/* entry kinds under promotions: question / payout confirmation / problem */
.cm-kinds{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.cm-kind-opts{display:flex;flex-wrap:wrap;gap:8px}
.cm-kind{position:relative;display:inline-flex;cursor:pointer}
.cm-kind input{position:absolute;opacity:0;width:1px;height:1px}
.cm-kind span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--muted);border-radius:999px;background:var(--paper);font:500 .92rem var(--f-body);color:var(--ink)}
.cm-kind input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.cm-kind input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
.cm-pay-fields{display:grid;gap:8px}
.cm-pay-note{margin:0;font-size:.85rem}
.cm-form input[inputmode=numeric]{width:100%;padding:10px 12px;border:1px solid var(--muted);border-radius:3px;background:var(--paper);color:var(--ink);font:400 1rem/1.5 var(--f-body)}
.cm-chip.kind-pay{display:inline-flex;align-items:center;gap:4px;background:var(--green-soft);border-color:var(--green);color:var(--green-ink)}
.cm-chip.kind-pay svg{width:13px;height:13px}
.cm-chip.kind-problem{background:var(--red-bg);border-color:var(--red);color:var(--ink)}
.cm-chip.kind-problem.is-solved{background:var(--surface);border-color:var(--line);color:var(--muted)}
.cm-chip+.cm-chip{margin-left:0}
.cm-pay{margin:0 0 4px 44px;font:600 .88rem var(--f-mono);color:var(--green-ink)}
@media (max-width:560px){.cm-pay{margin-left:0}}

/* "Zanim zapytasz" above the form */
.cm-before{margin-top:28px;border:1px solid var(--line);border-left:4px solid var(--green);background:var(--surface);padding:14px 18px 6px}
.cm-before h3{margin:0 0 4px;font-size:1.05rem}
.cm-before>p{margin:0 0 8px;font-size:.92rem;color:var(--muted)}
.cm-before .faq{margin:6px 0 8px;border-top:1px solid var(--line)}
.cm-before .faq summary{font-size:.95rem;padding:10px 30px 10px 0}
.cm-before .faq summary::after{top:5px}
.cm-before .faq details>div{font-size:.93rem;padding-bottom:10px}
.cm-before-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.9rem;margin:6px 0 10px!important;color:var(--ink)!important}
.cm-before + .cm-respond{margin-top:16px}