/* sup1 Help & Support page (products.pearlorganisation.com/support). Prefix: phs- */
.phs-grid[hidden],.phs-blocked[hidden]{display:none!important}
.phs-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start;animation:pa-fade-in .45s ease both}
.phs-card{background:#fff;border:1px solid var(--pa-line,#EEF1F5);border-radius:var(--pa-r,14px);box-shadow:var(--pa-shadow,0 1px 3px rgba(15,23,42,.04));padding:22px}
.phs-card-h{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px}
.phs-card-h h2{margin:0;font-size:17px;line-height:1.3;color:var(--pa-ink,#0F172A);font-weight:700}
.phs-card-h p{margin:3px 0 0;font-size:13px;line-height:1.5;color:var(--pa-dim,#64748B)}
.phs-ico{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#EEF3FF;color:var(--pa-brand,#3161E8)}
.phs-f{margin:0 0 14px}
.phs-f label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;color:var(--pa-text,#334155);margin:0 0 6px}
.phs-count{font-weight:500;font-size:12px;color:var(--pa-faint,#94A3B8)}
.phs-f input,.phs-f select,.phs-f textarea{width:100%;box-sizing:border-box;border:1px solid var(--pa-line-2,#E2E8F0);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:var(--pa-ink,#0F172A);background:#fff;transition:border-color .15s,box-shadow .15s}
.phs-f select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
.phs-f textarea{min-height:150px;resize:vertical;line-height:1.55}
.phs-f input:focus,.phs-f select:focus,.phs-f textarea:focus{outline:none;border-color:var(--pa-brand,#3161E8);box-shadow:0 0 0 3px rgba(49,97,232,.15)}
.phs-f.bad input,.phs-f.bad select,.phs-f.bad textarea{border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.1)}
.phs-fm{display:none;font-size:12.5px;color:#B42318;margin-top:6px}
.phs-f.bad .phs-fm{display:block}
.phs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 18px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:var(--pa-grad,linear-gradient(135deg,#1F44B0,#3161E8));color:#fff;transition:filter .15s,transform .15s}
.phs-btn:hover{filter:brightness(1.07)}
.phs-btn:active{transform:translateY(1px)}
.phs-btn:disabled{opacity:.6;cursor:default;filter:none}
.phs-btn.ghost{background:#fff;color:var(--pa-text,#334155);border:1px solid var(--pa-line-2,#E2E8F0)}
.phs-btn.ghost:hover{background:var(--pa-line-3,#F1F5F9);filter:none}
.phs-btn .phs-spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:pa-spin .8s linear infinite}
.phs-say{display:none;margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5}
.phs-say.show{display:block}
.phs-say.ok{background:#ECFDF3;color:#067647;border:1px solid #ABEFC6}
.phs-say.bad{background:#FEF3F2;color:#B42318;border:1px solid #FECDCA}
.phs-how{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--pa-line,#EEF1F5);display:grid;gap:10px}
.phs-how li{position:relative;padding-left:22px;font-size:13px;line-height:1.55;color:var(--pa-dim,#64748B)}
.phs-how li::before{content:"";position:absolute;left:4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--pa-brand,#3161E8)}
.phs-how b{color:var(--pa-ink,#0F172A);font-weight:600}
.phs-filter{display:flex;gap:6px;margin:0 0 10px}
.phs-filter button{border:1px solid var(--pa-line-2,#E2E8F0);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:600;color:var(--pa-dim,#64748B);cursor:pointer}
.phs-filter button.on{background:#EEF3FF;border-color:#C7D5FA;color:var(--pa-brand-d,#1F44B0)}
.phs-list{list-style:none;margin:0;padding:0}
.phs-list li+li{margin-top:8px}
.phs-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--pa-line,#EEF1F5);border-radius:12px;background:#fff;padding:12px 14px;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.phs-row:hover{border-color:#C7D5FA;box-shadow:var(--pa-shadow-hi,0 10px 22px rgba(15,23,42,.08));transform:translateY(-1px)}
.phs-row:focus-visible{outline:2px solid var(--pa-brand,#3161E8);outline-offset:2px}
.phs-row .phs-t{flex:1;min-width:0}
.phs-row .phs-t b{display:block;font-size:14px;color:var(--pa-ink,#0F172A);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phs-row .phs-t small{display:block;font-size:12px;color:var(--pa-dim,#64748B);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phs-pill{flex:0 0 auto;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.phs-pill.open{background:#FFFAEB;color:#B54708}
.phs-pill.team{background:#FEF3F2;color:#B42318}
.phs-pill.answered{background:#EEF4FF;color:#2F55D4}
.phs-pill.closed{background:#F2F4F7;color:#475467}
.phs-skel{height:62px;border-radius:12px;background:linear-gradient(90deg,#F1F5F9 25%,#E2E8F0 37%,#F1F5F9 63%);background-size:400% 100%;animation:phs-sk 1.3s ease infinite}
@keyframes phs-sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.phs-empty{padding:28px 10px;text-align:center;font-size:13.5px;color:var(--pa-dim,#64748B);border:1px dashed var(--pa-line-2,#E2E8F0);border-radius:12px}
.phs-th-top{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px}
.phs-back{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--pa-line-2,#E2E8F0);background:#fff;border-radius:9px;padding:7px 11px;font:inherit;font-size:13px;font-weight:600;color:var(--pa-text,#334155);cursor:pointer}
.phs-back:hover{background:var(--pa-line-3,#F1F5F9)}
.phs-th-tt{flex:1;min-width:0}
.phs-ref{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--pa-dim,#64748B);text-transform:uppercase}
.phs-th-tt h2{margin:5px 0 0;font-size:17px;line-height:1.35;color:var(--pa-ink,#0F172A);overflow-wrap:anywhere}
.phs-status{margin:0 0 14px;padding:11px 14px;border-radius:10px;font-size:13px;line-height:1.55;background:var(--pa-surface,#F5F7FC);color:var(--pa-text,#334155);border:1px solid var(--pa-line,#EEF1F5)}
.phs-status b{color:var(--pa-ink,#0F172A)}
.phs-msgs{display:flex;flex-direction:column;gap:16px;max-height:min(62vh,640px);overflow-y:auto;overscroll-behavior:contain;padding:4px 4px 6px}
.phs-m{max-width:88%;display:flex;flex-direction:column;gap:6px}
.phs-m.me{align-self:flex-end;align-items:flex-end}
.phs-who{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--pa-dim,#64748B)}
.phs-who i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--pa-grad,linear-gradient(135deg,#1F44B0,#3161E8))}
.phs-m.staff .phs-who i{background:linear-gradient(135deg,#0E9384,#107569)}.phs-m.ai .phs-who i{background:none;overflow:hidden} /* sup1j */
.phs-m.system .phs-who i{background:#64748B}
.phs-who time{font-weight:500;color:var(--pa-faint,#94A3B8)}
/* sup1i-sig */ .phs-sig{margin-top:14px;padding-top:12px;border-top:1px solid var(--pa-line,#E4E8F2)}.phs-sig-r{font-size:13.5px;color:var(--pa-text,#334155);margin-bottom:8px}.phs-sig-id{display:flex;align-items:center;gap:11px}.phs-sig-id img{width:38px;height:38px;flex:none;border-radius:50%;box-shadow:0 0 0 3px #CCFBF1}.phs-sig-id div{display:flex;flex-direction:column;line-height:1.4;min-width:0}.phs-sig-id b{font-size:14px;font-weight:700;color:var(--pa-ink,#0F172A)}.phs-sig-id span{font-size:12.5px;color:var(--pa-dim,#64748B)}
.phs-b{padding:12px 15px;border-radius:14px;font-size:14px;line-height:1.62;color:var(--pa-text,#334155);background:var(--pa-surface,#F5F7FC);border:1px solid var(--pa-line,#EEF1F5);overflow-wrap:anywhere;border-bottom-left-radius:5px}
.phs-b p{margin:0 0 9px}
.phs-b p:last-child{margin:0}
.phs-m.me .phs-b{background:var(--pa-brand,#3161E8);border-color:var(--pa-brand,#3161E8);color:#fff;border-bottom-left-radius:14px;border-bottom-right-radius:5px}
.phs-reply{margin-top:16px;padding-top:16px;border-top:1px solid var(--pa-line,#EEF1F5)}
.phs-reply .phs-f textarea{min-height:96px}
.phs-acts{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.phs-hint{font-size:12.5px;color:var(--pa-dim,#64748B)}
.phs-closed{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--pa-text,#334155)}
.phs-blocked{background:#fff;border:1px solid #C7D5FA;border-radius:var(--pa-r,14px);padding:22px;margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--pa-text,#334155)}
.phs-blocked b{color:var(--pa-ink,#0F172A)}
.phs-blocked .phs-btn{margin-top:12px;text-decoration:none}
@media (max-width:900px){.phs-grid{grid-template-columns:1fr}.phs-side{order:-1}}
@media (max-width:560px){.phs-card{padding:16px}.phs-m{max-width:96%}.phs-msgs{max-height:none;overflow:visible}.phs-th-top{flex-wrap:wrap}}
/* sup1h: own field icons (the site-wide label icons are switched off here), active-ticket panel, close-ticket action */
.phs-f label{justify-content:flex-start;align-items:center;gap:8px}
.phs-f label .phs-li{flex:none;color:var(--pa-brand,#3161E8);opacity:.9}
.phs-f label .phs-count{margin-left:auto}
.phs-active[hidden],#phsForm[hidden]{display:none!important}
.phs-active{border:1px solid #C7D5FA;background:linear-gradient(180deg,#F5F8FF,#fff);border-radius:12px;padding:16px;display:grid;gap:12px}
.phs-active-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.phs-active-h b{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--pa-dim,#64748B)}
.phs-active h3{margin:0;font-size:15.5px;line-height:1.4;color:var(--pa-ink,#0F172A);overflow-wrap:anywhere}
.phs-active p{margin:0;font-size:13px;line-height:1.55;color:var(--pa-text,#334155)}
.phs-active .phs-acts{justify-content:flex-start}
.phs-acts-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.phs-solve{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border:1px solid #ABEFC6;background:#F6FEF9;border-radius:10px;font-size:13px;color:#067647}
.phs-solve[hidden]{display:none}
.phs-solve span{flex:1;min-width:180px}
.phs-btn.ok{background:#079455}
.phs-btn.sm{padding:8px 13px;font-size:13px}
@media (max-width:560px){.phs-acts-r{margin-left:0;width:100%}.phs-acts-r .phs-btn{flex:1}}
@media (max-width:900px){.phs-grid{grid-template-columns:minmax(0,1fr)}.phs-card{min-width:0}}