/* PF Hub Care — support, AI and SEO screens. Builds on pfh.css tokens; RTL, mobile-first. */
.pfh-admin{direction:rtl;text-align:right}
.pfc-m0{margin:0}
.pfc-h{font-size:18px;margin:22px 0 10px}
.pfc-mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}
.pfc-prose{line-height:2}
.pfc-prose p{margin:0 0 .6em}
.pfc-actions,.pfc-stack{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.pfc-stack{flex-direction:column;align-items:stretch}
.pfc-inline-form{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.pfc-check{display:flex;align-items:center;gap:8px;font-weight:500}
.pfc-details{display:inline-block}
.pfc-details[open]{display:block;width:100%;margin-top:8px}
.pfc-details > summary{list-style:none;cursor:pointer}
.pfc-details > summary::-webkit-details-marker{display:none}
.pfc-dl-inline{grid-template-columns:repeat(4,max-content minmax(0,1fr))}
@media (max-width:760px){.pfc-dl-inline{grid-template-columns:max-content minmax(0,1fr)}}

/* Unread / overdue rows */
.pfh-table tr.is-unread td{font-weight:700;background:var(--pfh-accent-soft)}
.pfh-table tr.is-overdue td{background:var(--pfh-danger-soft)}

/* Responsive table → cards on phones */
@media (max-width:640px){
  .pfc-rtable thead{display:none}
  .pfc-rtable,.pfc-rtable tbody,.pfc-rtable tr,.pfc-rtable td{display:block;width:100%}
  .pfc-rtable tr{border-bottom:1px solid var(--pfh-line);padding:8px 0}
  .pfc-rtable td{border:0;padding:3px 12px;display:flex;gap:10px;justify-content:space-between}
  .pfc-rtable td[data-l]::before{content:attr(data-l);color:var(--pfh-muted);font-weight:500;font-size:13px}
}

/* Thread */
.pfc-thread{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.pfc-msg{background:var(--pfh-surface);border:1px solid var(--pfh-line);border-radius:var(--pfh-r);padding:12px 16px;max-width:860px}
.pfc-msg.is-staff{border-inline-start:4px solid var(--pfh-accent);background:color-mix(in srgb,var(--pfh-accent-soft) 45%,var(--pfh-surface))}
.pfc-msg.is-customer{margin-inline-start:auto;border-inline-end:4px solid var(--pfh-info)}
.pfc-msg.is-internal{border:1px dashed var(--pfh-warn);background:var(--pfh-warn-soft)}
.pfc-msg.is-system{background:transparent;border:0;padding:2px 8px;color:var(--pfh-muted);font-size:13px;text-align:center;max-width:none}
.pfc-msg.is-system .pfc-msg-head{justify-content:center}
.pfc-msg-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px;font-size:13.5px}
.pfc-msg-head time{margin-inline-start:auto;color:var(--pfh-muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.pfc-msg.is-system .pfc-msg-head time{margin-inline-start:0}
.pfc-msg-body p{margin:0 0 .5em}
.pfc-msg-body p:last-child{margin:0}
.pfc-msg-body{overflow-wrap:anywhere}
.pfc-files{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pfc-file{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--pfh-line);border-radius:999px;font-size:13px;text-decoration:none;background:var(--pfh-surface);max-width:100%}
.pfc-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.pfc-file small{color:var(--pfh-muted)}

/* Rating stars (RTL: inputs ordered 5..1, highlight with ~) */
.pfc-stars{border:0;margin:0;padding:0;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.pfc-stars input{position:absolute;opacity:0;width:1px;height:1px}
.pfc-stars label{font-size:30px;line-height:1;cursor:pointer;color:var(--pfh-line);padding:2px}
.pfc-stars input:checked ~ label,.pfc-stars label:hover,.pfc-stars label:hover ~ label{color:#E6A700}
.pfc-stars input:focus-visible + label{outline:2px solid var(--pfh-accent);border-radius:4px}

/* Admin layout */
.pfc-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
@media (max-width:1100px){.pfc-admin-grid{grid-template-columns:minmax(0,1fr)}}
.pfc-admin-side .pfh-card{padding:14px 16px}
.pfc-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.pfc-filters select,.pfc-filters input[type=search],.pfc-filters input[type=text],.pfc-filters input[type=number]{font:inherit;padding:6px 10px;border:1px solid var(--pfh-line);border-radius:var(--pfh-r-sm);background:var(--pfh-surface);color:var(--pfh-ink);min-height:36px}
.pfc-filters label{display:inline-flex;align-items:center;gap:6px}
.pfc-pager{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0}
.pfc-pager a,.pfc-pager span{padding:4px 10px;border:1px solid var(--pfh-line);border-radius:6px;text-decoration:none;font-variant-numeric:tabular-nums}
.pfc-pager .is-current{background:var(--pfh-ink);color:var(--pfh-bg);border-color:var(--pfh-ink)}

/* Segmented control (radios or links) */
.pfc-seg{display:inline-flex;flex-wrap:wrap;gap:4px;border:1px solid var(--pfh-line);border-radius:999px;padding:3px;margin:0;background:var(--pfh-surface)}
.pfc-seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pfc-seg label,.pfc-seg a{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:999px;cursor:pointer;font-size:13.5px;text-decoration:none;color:var(--pfh-muted)}
.pfc-seg label:has(input:checked),.pfc-seg a.is-active{background:var(--pfh-accent-soft);color:var(--pfh-accent-ink);font-weight:700}
.pfc-seg input{accent-color:var(--pfh-accent)}
.pfc-chips{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.pfc-chips legend{font-weight:600;font-size:14px;margin-bottom:6px;padding:0}
.pfc-chips label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--pfh-line);border-radius:999px;padding:4px 12px;cursor:pointer;background:var(--pfh-surface)}
.pfc-chips label:has(input:checked){border-color:var(--pfh-accent);background:var(--pfh-accent-soft)}

/* Problem workflow steps */
.pfc-steps{list-style:none;display:flex;gap:4px;margin:0 0 14px;padding:0;counter-reset:s}
.pfc-steps li{flex:1;text-align:center;font-size:13px;padding:6px 4px;border-radius:8px;background:var(--pfh-sunk);color:var(--pfh-muted)}
.pfc-steps li.is-done{background:var(--pfh-ok-soft);color:var(--pfh-ok)}
.pfc-steps li.is-current{background:var(--pfh-accent);color:var(--pfh-on-accent);font-weight:700}
.pfc-health{font-size:13px;margin-top:8px}

/* Lead form */
.pfc-lead{max-width:860px;margin-inline:auto;font-family:var(--pfh-font);direction:rtl}
.pfc-lead .pfh-form{background:var(--pfh-surface);border:1px solid var(--pfh-line);border-radius:var(--pfh-r);padding:18px}
.pfc-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}

/* AI studio */
.pfc-ai-head{display:grid;gap:10px}
.pfc-ai-head .pfh-kpis{margin:0}
.pfc-tools{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin-bottom:18px}
.pfc-tool{display:grid;gap:4px;align-content:start;padding:16px;border:1px solid var(--pfh-line);border-radius:var(--pfh-r);background:var(--pfh-surface);text-decoration:none;color:var(--pfh-ink)!important;transition:border-color .15s,transform .15s}
.pfc-tool:hover,.pfc-tool:focus-visible{border-color:var(--pfh-accent);transform:translateY(-1px)}
.pfc-tool .pfh-ico{color:var(--pfh-accent)}
.pfc-tool span{font-size:13.5px;color:var(--pfh-muted);line-height:1.7}
.pfc-tool em{font-style:normal;font-size:12.5px;color:var(--pfh-accent-ink);font-weight:700}
@media (prefers-reduced-motion:reduce){.pfc-tool{transition:none}.pfc-tool:hover{transform:none}}
.pfc-ai-out{font:inherit;line-height:2;min-height:320px}
.pfc-packs{display:flex;flex-wrap:wrap;gap:10px}
.pfc-pack{display:grid;gap:4px;justify-items:start;border:1px solid var(--pfh-line);border-radius:var(--pfh-r);padding:12px 16px;min-width:170px}
.pfc-pack span{color:var(--pfh-muted);font-size:13.5px}
form[data-pfc-busy].is-busy button[type=submit]{opacity:.6;pointer-events:none}

/* SEO */
.pfc-seo-sum{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pfc-seo-sum h2{margin:0 0 4px;font-size:19px}
.pfc-ring .bg{fill:none;stroke:var(--pfh-sunk);stroke-width:10}
.pfc-ring .fg{fill:none;stroke-width:10;stroke-linecap:round;stroke:var(--pfh-accent)}
.pfc-ring--ok .fg{stroke:var(--pfh-ok)}.pfc-ring--warn .fg{stroke:var(--pfh-warn)}.pfc-ring--danger .fg{stroke:var(--pfh-danger)}
.pfc-ring text{font:800 28px var(--pfh-font);fill:var(--pfh-ink)}
.pfc-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pfc-checks li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--pfh-r-sm);background:var(--pfh-sunk)}
.pfc-checks li.is-pass .pfh-ico{color:var(--pfh-ok)}
.pfc-checks li.is-partial{background:var(--pfh-warn-soft)}.pfc-checks li.is-partial .pfh-ico{color:var(--pfh-warn)}
.pfc-checks li.is-fail{background:var(--pfh-danger-soft)}.pfc-checks li.is-fail .pfh-ico{color:var(--pfh-danger)}
.pfc-checks li.is-na{opacity:.7}
.pfc-check-val{font-size:13px;color:var(--pfh-muted);overflow-wrap:anywhere}
.pfc-check-rec{font-size:13.5px;margin-top:4px}
.pfc-trend,.pfc-chart{width:100%;height:auto;display:block}
.pfc-trend .axis,.pfc-chart .grid{stroke:var(--pfh-line);stroke-width:1}
.pfc-trend .line{fill:none;stroke:var(--pfh-accent);stroke-width:2.5;stroke-linejoin:round}
.pfc-trend .dot{fill:var(--pfh-surface);stroke:var(--pfh-accent);stroke-width:2}
.pfc-trend .lbl,.pfc-chart .lbl{font:11px var(--pfh-font);fill:var(--pfh-muted)}
.pfc-trend .val{font:700 11px var(--pfh-font);fill:var(--pfh-ink)}
.pfc-chart .bar{fill:var(--pfh-accent)}
.pfc-chart .bar:hover{fill:var(--pfh-accent-ink)}
.pfc-kw{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pfc-kw li{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--pfh-line);border-radius:999px;padding:2px 4px 2px 12px;background:var(--pfh-surface)}
.pfc-x{border:0;background:transparent;cursor:pointer;color:var(--pfh-muted);display:inline-flex;padding:4px;border-radius:999px}
.pfc-x:hover{background:var(--pfh-danger-soft);color:var(--pfh-danger)}
.pfc-settings .pfh-card h3{font-size:15px;margin:14px 0 8px}
.pfc-kpi-link{text-decoration:none;color:inherit!important}
.pfc-kpi-link:hover,.pfc-kpi-link:focus-visible{border-color:var(--pfh-accent)}