/* SEL.IA — Phone Participação Social screen. Faithful to prints; notebook roteiro. */

.ph-pt { display: flex; flex-direction: column; height: 100%; }
/* Processo | SELIA tabs */
.ph-pttabs { display: flex; flex-shrink: 0; border-bottom: 1px solid #eef0f2; }
.ph-pttab { flex: 1; text-align: center; font-size: 15px; font-weight: 600; color: #9aa0a6; padding: 13px 0; border-bottom: 2px solid transparent; }
.ph-pttab.on { color: #d91965; font-weight: 700; border-bottom-color: #d91965; }
.ph-ptbody { flex: 1; min-height: 0; overflow: hidden; position: relative; }
.ph-ptscroll { position: absolute; inset: 0; overflow: hidden; padding: 16px; }
.ph-ptbc { font-size: 13px; color: #9aa0a6; margin-bottom: 12px; display: flex; align-items: center; gap: 7px; }
.ph-ptbc b { color: #102b4e; }
/* process card */
.ph-ptcard { background: #fff; border: 1px solid #eef0f2; border-radius: 14px; padding: 18px; box-shadow: 0 6px 18px rgba(8,18,35,0.05); }
.ph-ptcard .h { font-size: 21px; font-weight: 800; color: #102b4e; }
.ph-ptbadges { display: flex; gap: 8px; margin: 11px 0; }
.ph-ptbadge { font-size: 13px; font-weight: 700; padding: 5px 12px; border-radius: 9999px; }
.ph-ptacts { display: flex; gap: 8px; margin: 13px 0; }
.ph-ptact { width: 42px; height: 42px; border-radius: 11px; background: #f1f3f5; color: #5a6068; display: flex; align-items: center; justify-content: center; }
.ph-ptact.vsite { width: auto; padding: 0 15px; gap: 7px; font-size: 14px; font-weight: 700; color: #102b4e; }
.ph-ptobj { font-size: 15px; line-height: 1.55; color: #1a1d22; margin: 4px 0 14px; }
.ph-ptmeta { font-size: 14px; color: #5a6068; margin: 9px 0; display: flex; gap: 8px; align-items: flex-start; }
.ph-ptmeta svg { color: #9aa0a6; flex-shrink: 0; margin-top: 2px; }
.ph-ptmeta b { color: #102b4e; }
.ph-ptmeta .lk { color: #d91965; }
.ph-ptsei { background: linear-gradient(180deg,#fdeef4,#fef6f9); border: 1px solid rgba(217,25,101,0.18); border-radius: 14px; padding: 16px; margin-top: 14px; }
.ph-ptsei .t { display: flex; gap: 11px; align-items: flex-start; }
.ph-ptsei .ico { width: 38px; height: 38px; border-radius: 10px; background: #fff; color: #d91965; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ph-ptsei .h2 { font-size: 15px; font-weight: 800; color: #102b4e; line-height: 1.3; }
.ph-ptsei .s { font-size: 12.5px; color: #9aa0a6; margin-top: 4px; }
.ph-ptsei .btn { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 13px; background: linear-gradient(135deg,#d91965,#ef405b); color: #fff; font-size: 15px; font-weight: 700; padding: 12px; border-radius: 11px; }

/* SELIA chat panel */
.ph-ptselia { display: flex; flex-direction: column; height: 100%; }
.ph-ptshead { display: flex; align-items: center; gap: 11px; padding: 13px 16px; border-bottom: 1px solid #eef0f2; flex-shrink: 0; }
.ph-ptshead .ico { width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg,#d91965,#ef405b); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ph-ptshead .nm { font-size: 16px; font-weight: 800; color: #102b4e; }
.ph-ptshead .sub { font-size: 12px; color: #9aa0a6; }
.ph-ptshead .ic2 { color: #9aa0a6; }
.ph-ptsbody { flex: 1; min-height: 0; overflow: hidden; padding: 16px; display: flex; flex-direction: column; gap: 13px; }
/* welcome + chips */
.ph-ptwelcome { text-align: center; padding: 14px 0 4px; }
.ph-ptwelcome .lg { width: 56px; height: 56px; margin: 0 auto 10px; border-radius: 16px; background: rgba(217,25,101,0.1); color: #d91965; display: flex; align-items: center; justify-content: center; }
.ph-ptwelcome .t { font-size: 19px; font-weight: 800; color: #102b4e; }
.ph-ptwelcome .s { font-size: 13.5px; color: #9aa0a6; margin-top: 5px; line-height: 1.4; }
.ph-ptchip { display: block; width: 100%; box-sizing: border-box; text-align: left; background: #fff; border: 1px solid #eef0f2; border-radius: 12px; padding: 14px 15px; font-size: 14.5px; color: #1a1d22; margin-top: 10px; transition: all .2s; }
.ph-ptchip.lit { border-color: rgba(217,25,101,0.5); background: rgba(217,25,101,0.06); box-shadow: 0 6px 16px rgba(217,25,101,0.12); }
/* messages */
.ph-ptq { align-self: flex-end; display: flex; gap: 9px; max-width: 88%; }
.ph-ptq .b { background: #1a2332; color: #fff; font-size: 15px; line-height: 1.45; padding: 13px 16px; border-radius: 16px 16px 4px 16px; }
.ph-ptq .av { width: 32px; height: 32px; border-radius: 9999px; background: #e6e7ea; color: #5a6068; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ph-pta { display: flex; gap: 11px; }
.ph-pta .av { width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg,#d91965,#ef405b); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ph-pta .nm { font-size: 14px; font-weight: 800; color: #102b4e; margin-bottom: 6px; }
.ph-ptp { font-size: 15px; line-height: 1.6; color: #1a1d22; margin: 0 0 10px; }
.ph-ptp b { color: #102b4e; }
.ph-pth { font-size: 17px; font-weight: 800; color: #102b4e; margin: 6px 0 8px; }
.ph-ptol { margin: 0; padding-left: 4px; list-style: none; display: flex; flex-direction: column; gap: 9px; }
.ph-ptol li { font-size: 15px; line-height: 1.5; color: #1a1d22; display: flex; gap: 9px; }
.ph-ptol li .nn { font-weight: 800; color: #d91965; flex-shrink: 0; }
.ph-ptol li b { color: #102b4e; }
.ph-ptblock { opacity: 0; transform: translateY(8px); animation: ph-liin 440ms ease forwards; }
.ph-ptcontrib { background: #fafbfc; border: 1px solid #eef0f2; border-radius: 11px; padding: 12px; animation: ph-liin 460ms cubic-bezier(0.34,1.56,0.64,1) both; }
.ph-ptorg { width: 38px; height: 38px; border-radius: 9999px; color: #fff; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ph-ptorg.new { animation: ph-orgpulse 820ms ease-out; }
@keyframes ph-orgpulse { 0%{box-shadow:0 0 0 0 rgba(217,25,101,0.45);} 100%{box-shadow:0 0 0 11px rgba(217,25,101,0);} }
/* report card in chat */
.ph-ptgen { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #5a6068; background: #f1f3f5; border-radius: 9999px; padding: 9px 14px; }
.ph-ptgen .sp { width: 14px; height: 14px; border-radius: 9999px; border: 2px solid rgba(217,25,101,0.3); border-top-color: #d91965; animation: ph-spin 700ms linear infinite; }
@keyframes ph-spin { to { transform: rotate(360deg); } }
.ph-ptrep { display: flex; align-items: center; gap: 12px; border: 1px solid #eef0f2; border-radius: 12px; padding: 13px; background: #fff; margin-top: 4px; }
.ph-ptrep .ric { width: 40px; height: 40px; border-radius: 10px; background: rgba(217,25,101,0.1); color: #d91965; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ph-ptrep .rn { font-size: 14px; font-weight: 700; color: #102b4e; }
.ph-ptrep .rm { font-size: 12px; color: #9aa0a6; margin-top: 2px; }
.ph-ptrep .ra { color: #d91965; flex-shrink: 0; }
/* bottom input */
.ph-ptinput { flex-shrink: 0; border-top: 1px solid #eef0f2; padding: 12px 16px; }
.ph-ptinbox { display: flex; align-items: center; gap: 10px; }
.ph-ptinbox .f { flex: 1; background: #fff; border: 1px solid #e6e7e8; border-radius: 12px; padding: 13px 15px; font-size: 14px; color: #9aa0a6; line-height: 1.3; }
.ph-ptinbox .s { width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg,#f5a3b8,#ef8fa6); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* report modal */
.ph-ptmodal { position: absolute; inset: 56px 0 0; z-index: 30; background: #fff; border-radius: 20px 20px 0 0; display: flex; flex-direction: column; transform: translateY(100%); transition: transform 480ms cubic-bezier(0.22,1,0.36,1); box-shadow: 0 -20px 50px rgba(8,18,35,0.3); }
.ph-ptmodal.in { transform: none; }
.ph-ptmhead { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid #eef0f2; flex-shrink: 0; }
.ph-ptmhead .t { font-size: 15px; font-weight: 800; color: #102b4e; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ph-ptmhead .dl { font-size: 13px; font-weight: 600; color: #5a6068; border: 1px solid #e6e7e8; border-radius: 9px; padding: 7px 11px; display: inline-flex; align-items: center; gap: 5px; }
.ph-ptmhead .cl { font-size: 13px; color: #5a6068; }
.ph-ptmbody { flex: 1; min-height: 0; overflow: hidden; padding: 16px; }
.ph-ptmhero { background: linear-gradient(135deg,#d91965,#ef405b); color: #fff; border-radius: 14px; padding: 18px; }
.ph-ptmhero .h { font-size: 21px; font-weight: 800; line-height: 1.15; }
.ph-ptmhero .s { font-size: 13px; opacity: 0.92; margin-top: 8px; line-height: 1.4; }
.ph-ptmmsg { background: #fff8ec; border-left: 3px solid #ef9b3f; border-radius: 10px; padding: 14px; font-size: 14px; line-height: 1.55; color: #5a4a2e; margin: 14px 0; }
.ph-ptmmsg b { color: #102b4e; }
.ph-ptmstat { border: 1px solid #eef0f2; border-radius: 12px; border-top: 3px solid; padding: 14px; margin-bottom: 12px; }
.ph-ptmstat .lab { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9aa0a6; }
.ph-ptmstat .num { font-size: 34px; font-weight: 800; color: #102b4e; line-height: 1.05; margin: 4px 0; }
.ph-ptmstat .sub { font-size: 12.5px; color: #5a6068; }
.ph-ptmh2 { font-size: 17px; font-weight: 800; color: #102b4e; margin: 8px 0 12px; }
.ph-ptbars { display: flex; align-items: flex-end; gap: 22px; height: 150px; padding: 0 10px 30px; border-bottom: 1px solid #eef0f2; position: relative; margin-bottom: 16px; }
.ph-ptbar { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.ph-ptbar .bar { width: 64%; border-radius: 5px 5px 0 0; transition: height 800ms cubic-bezier(0.22,1,0.36,1); }
.ph-ptbar .bl { position: absolute; bottom: 4px; font-size: 11px; color: #5a6068; text-align: center; width: 30%; }
.ph-pttable { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ph-pttable th { text-align: left; font-size: 11px; font-weight: 700; color: #5a6068; text-transform: uppercase; padding: 9px 10px; background: #f6f7f9; border-bottom: 1px solid #eef0f2; }
.ph-pttable td { padding: 11px 10px; border-bottom: 1px solid #eef0f2; vertical-align: top; line-height: 1.4; color: #3a4048; }
.ph-pttable td.g { font-weight: 700; color: #102b4e; }
.ph-pttable td.e { color: #1f6cd9; }
.ph-ptmfoot { flex-shrink: 0; border-top: 1px solid #eef0f2; padding: 12px 16px; display: flex; justify-content: flex-end; }
.ph-ptmfoot .b { background: #102b4e; color: #fff; font-size: 14px; font-weight: 700; padding: 10px 18px; border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; }