/* /ai-visibility/tracking-profiles/ only (prefix pf-): the split-flap board, the request body
   viewer, the live form check, the run calendar, the version diff and the role-locked panel. */

.pf-lab{font:500 .68rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-3)}
.seg[aria-selected="true"]{background:var(--sk-text);color:var(--sk-ink)}

/* ---------- hero: split-flap board ---------- */
.pf-sf{border:1px solid var(--sk-line-2);border-radius:10px;background:#0b1117;overflow:hidden}
.pf-sf-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);font:400 .68rem var(--sk-mono);letter-spacing:.04em;color:var(--sk-text-3)}
.pf-sf-btn{padding:.25rem .6rem;border:1px solid var(--sk-line-2);border-radius:3px;background:none;color:var(--sk-text-2);font:500 .68rem var(--sk-mono);cursor:pointer}
.pf-sf-board{padding:.7rem .7rem .4rem;overflow:hidden}
.pf-sf-row{display:grid;grid-template-columns:9fr 5fr 5fr 7fr 12fr;gap:.35rem;align-items:center;padding:.3rem .25rem;border-radius:4px;transition:background .4s}
.pf-sf-row.on{background:rgba(235,104,52,.12)}
.pf-sf-head span{font:500 .6rem var(--sk-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sk-text-4)}
.pf-sf-row span{min-width:0}
.pf-fl{display:flex;gap:1px}
.pf-fl i{position:relative;flex:1 1 0;min-width:0;display:grid;place-items:center;height:1.75rem;border-radius:2px;background:linear-gradient(#1b2632 0 49%,#0b1117 49% 51%,#16202a 51%);color:#f2efe6;font:700 .82rem/1 var(--sk-mono);font-style:normal;text-transform:uppercase;overflow:hidden}
.pf-sf-row[data-row] .c-next .pf-fl i{color:#ffd28a}
.pf-fl i.f{animation:pfFlap .11s ease-in}
@keyframes pfFlap{0%{transform:scaleY(1)}50%{transform:scaleY(.15)}100%{transform:scaleY(1)}}
.pf-sf-say{margin:0;padding:.7rem .9rem .85rem;border-top:1px solid var(--sk-line);min-height:3.4em;font:400 .85rem/1.5 var(--sk-sans);color:var(--sk-text-2)}
/* without the script the cells hold plain text */
.pf-sf-row[data-row] [data-w]{font:700 .78rem var(--sk-mono);color:#f2efe6}
@media (max-width:560px){
  .pf-sf-board{padding:.6rem .4rem .3rem}
  .pf-sf-row{gap:.2rem;padding:.25rem .1rem}
  .pf-fl{gap:0}
  .pf-fl i{height:1.45rem;font-size:.6rem;border-radius:1px}
  .pf-sf-head span{font-size:.5rem;letter-spacing:.02em}
}

/* ---------- 01: request body viewer ---------- */
.pf-rq-ctl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.25rem}
.pf-g{display:grid;gap:.45rem}
.pf-rq-ctl .seg{padding:.5rem .8rem;font-size:.85rem}
.pf-rq{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-deep);overflow:hidden}
.pf-rq-bar{display:flex;align-items:center;gap:.7rem;padding:.65rem 1rem;border-bottom:1px solid var(--sk-line);font:400 .78rem var(--sk-mono);color:var(--sk-text-2);overflow-wrap:anywhere}
.pf-rq-m{padding:.15rem .45rem;border-radius:3px;background:var(--sk-search);color:#06231a;font:700 .68rem var(--sk-mono)}
.pf-rq-bar code{min-width:0}
.pf-rq pre{margin:0;padding:.8rem 1rem;font:400 .8rem/1.6 var(--sk-mono);color:var(--sk-text-2);white-space:pre-wrap;overflow-wrap:anywhere}
.pf-rq-h{border-bottom:1px dashed var(--sk-line);color:var(--sk-text-3)!important}
.pf-rq-h i{font-style:normal}
.pf-rq-b{min-height:20em}
.pf-rq-b.flash{animation:pfFade .45s ease-out}
@keyframes pfFade{from{opacity:.25}to{opacity:1}}
.pf-rq mark,.pf-rq-key mark{padding:0 .15rem;border-radius:2px;color:inherit}
mark.pf-pl{background:rgba(42,120,214,.28);color:#d8e8fb}
mark.pf-lg{background:rgba(27,175,122,.28);color:#d6f5e9}
mark.pf-ky{background:rgba(237,161,0,.22);color:#ffe3a6}
.pf-rq-how{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sk-line)}
.pf-rq-how p{margin:0;padding:.75rem 1rem;font-size:.9rem;line-height:1.5;color:var(--sk-text-2)}
.pf-rq-how p+p{border-left:1px solid var(--sk-line)}
.pf-rq-how b{display:block;font:500 .66rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-3);margin-bottom:.2rem}
.pf-rq-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none}
.pf-rq-key li{font-size:.92rem;line-height:1.55;color:var(--sk-text-2)}
.pf-rq-key mark{display:inline-block;margin-right:.35rem;font:600 .7rem var(--sk-mono)}
@media (max-width:760px){.pf-rq-how,.pf-rq-key{grid-template-columns:1fr}.pf-rq-how p+p{border-left:0;border-top:1px solid var(--sk-line)}}

/* ---------- 02: live form check (paper fold) ---------- */
.pf-fv{border:1px solid var(--sk-paper-line);border-radius:10px;background:#fff;color:var(--sk-paper-ink);overflow:hidden}
.pf-fv-pre{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--sk-paper-line);font:500 .7rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:#4a5866}
.pf-fv-pick{display:flex;flex-wrap:wrap;gap:4px}
.pf-fv-pick button{padding:.4rem .65rem;border:1px solid var(--sk-paper-line);border-radius:4px;background:var(--sk-paper);color:var(--sk-paper-ink);font:500 .78rem var(--sk-sans);letter-spacing:0;text-transform:none;cursor:pointer}
.pf-fv-pick button:hover{border-color:var(--sk-paper-ink)}
.pf-fv-pick button[aria-pressed="true"]{background:var(--sk-paper-ink);border-color:var(--sk-paper-ink);color:#fff}
.pf-fv-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.pf-fv-form{display:grid;grid-template-columns:1fr 1fr;gap:.7rem .9rem;padding:1.1rem}
.pf-fv-form label{display:grid;gap:.3rem;font:500 .7rem var(--sk-mono);letter-spacing:.04em;color:#4a5866}
.pf-fv-form .w2{grid-column:1/-1}
.pf-fv-form input,.pf-fv-form select{width:100%;min-width:0;padding:.55rem .65rem;border:1px solid #c9cfd5;border-radius:4px;background:#fff;color:var(--sk-paper-ink);font:400 .95rem var(--sk-sans)}
.pf-fv-form input:focus,.pf-fv-form select:focus{outline:2px solid var(--sk-people);outline-offset:1px}
.pf-fv-form [aria-invalid="true"]{border-color:#c2410c;background:#fff4ee;box-shadow:0 0 0 3px rgba(194,65,12,.15)}
.pf-fv-out{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem;border-left:1px solid var(--sk-paper-line);background:var(--sk-paper)}
.pf-fv-say{margin:0;padding:.7rem .85rem;border-left:4px solid var(--sk-search);background:#fff;font-size:1rem;line-height:1.45}
.pf-fv-say b{color:#0d7a53}
.pf-fv.bad .pf-fv-say{border-left-color:#c2410c}
.pf-fv.bad .pf-fv-say b{color:#c2410c}
.pf-fv-out pre{margin:0;padding:.8rem .9rem;border-radius:6px;background:var(--sk-ink);color:#d6dee6;font:400 .76rem/1.6 var(--sk-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.pf-fv-note{margin:0;font-size:.85rem;line-height:1.5;color:#4a5866}
.pf-fv-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none}
.pf-fv-rules li{padding:.9rem 1rem;border-top:2px solid var(--sk-paper-ink);background:#fff;font-size:.92rem;line-height:1.5;color:var(--sk-paper-ink-2)}
.pf-fv-rules b{display:block;font:800 1.5rem/1.1 var(--sk-disp);color:var(--sk-paper-ink)}
@media (max-width:860px){.pf-fv-grid,.pf-fv-rules{grid-template-columns:1fr}.pf-fv-out{border-left:0;border-top:1px solid var(--sk-paper-line)}}

/* ---------- 03: run calendar ---------- */
.pf-cal-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-bottom:1.25rem}
.pf-cal-ctl .seg{padding:.5rem .85rem;font-size:.88rem}
[data-group="pfps"] .flip{position:relative;overflow:hidden;font-size:.85rem;padding:.45rem .9rem}
.pf-cal-now{padding:.55rem .9rem;border:1px dashed var(--sk-text-4);border-radius:999px;background:none;color:var(--sk-text);font:600 .88rem var(--sk-sans);cursor:pointer}
.pf-cal-now small{margin-left:.35rem;font:400 .7rem var(--sk-mono);color:var(--sk-text-3)}
.pf-cal-now:hover{border-color:var(--sk-ai)}
.pf-cal-now.on{border-style:solid;border-color:var(--sk-ai);background:rgba(235,104,52,.14)}
.pf-cal{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink-2);overflow:hidden}
.pf-cal-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.65rem 1rem;border-bottom:1px solid var(--sk-line);font:400 .7rem var(--sk-mono);color:var(--sk-text-3)}
.pf-cal-leg{display:inline-flex;align-items:center;gap:.4rem}
.pf-cal-leg i{display:inline-block;width:.7rem;height:.7rem;margin-left:.5rem;border-radius:2px}
.pf-cal-leg .r{background:var(--sk-ai)}.pf-cal-leg .p{border:1px dashed var(--sk-ai)}.pf-cal-leg .z{background:repeating-linear-gradient(135deg,#2b3a49 0 3px,transparent 3px 6px)}
.pf-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:.7rem;list-style:none}
.pf-cal-grid li{position:relative;min-height:4.2rem;padding:.4rem .45rem;border:1px solid var(--sk-line);border-radius:5px;background:var(--sk-ink);transition:background .3s,border-color .3s}
.pf-cal-grid li.wd{min-height:0;padding:.1rem .2rem;border:0;background:none;font:500 .64rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-4)}
.pf-cal-grid li.pad{border:0;background:none}
.pf-cal-grid b{display:block;font:600 .8rem var(--sk-mono);color:var(--sk-text-3)}
.pf-cal-grid li span{display:block;margin-top:.3rem;font:500 .66rem/1.35 var(--sk-mono);color:var(--sk-text-2)}
.pf-cal-grid li.k-z{background:repeating-linear-gradient(135deg,#1c2733 0 4px,var(--sk-ink) 4px 9px)}
.pf-cal-grid li.k-run{border-color:var(--sk-ai);background:rgba(235,104,52,.16)}
.pf-cal-grid li.k-run b{color:#fff}
.pf-cal-grid li.k-run span{color:#ffc7ad}
.pf-cal-grid li.k-plan{border:1px dashed var(--sk-ai)}
.pf-cal-grid li.k-plan span{color:#f39a5f}
.pf-cal-grid li.k-req{box-shadow:inset 0 0 0 2px var(--sk-bots)}
.pf-cal-grid li.k-today::after{content:'';position:absolute;top:.45rem;right:.45rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--sk-people-t)}
.pf-cal-say{margin:0;padding:.85rem 1rem;border-top:1px solid var(--sk-line);min-height:4.2em;font-size:.95rem;line-height:1.55;color:var(--sk-text-2)}
@media (max-width:560px){
  .pf-cal-grid{gap:2px;padding:.4rem}
  .pf-cal-grid li{min-height:3.2rem;padding:.25rem .2rem}
  .pf-cal-grid li span{font-size:.5rem;letter-spacing:-.02em;overflow-wrap:anywhere}
  .pf-cal-grid li.wd{font-size:.52rem;letter-spacing:0}
  .pf-cal-grid b{font-size:.68rem}
  .pf-cal-grid li.k-today::after{top:.3rem;right:.25rem;width:.35rem;height:.35rem}
}

/* ---------- 04: version diff ---------- */
.pf-df{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-deep);overflow:hidden}
.pf-df-act{display:flex;width:fit-content;margin:.8rem;max-width:calc(100% - 1.6rem)}
.pf-df-act .seg{padding:.5rem .85rem;font-size:.88rem}
.pf-df-body{border-top:1px solid var(--sk-line)}
.pf-df-p{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 1.5rem;padding:1rem 1.2rem 1.2rem}
.pf-df-p[hidden]{display:none}
.pf-df-t{grid-column:1/-1;margin:0 0 .8rem;font:400 .74rem var(--sk-mono);color:var(--sk-text-3)}
.pf-df-t b{color:var(--sk-text)}
.pf-df pre{grid-row:span 2;margin:0;padding:.8rem .9rem;border:1px solid var(--sk-line);border-radius:6px;background:var(--sk-ink);font:400 .8rem/1.75 var(--sk-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.pf-df pre .c{color:var(--sk-text-4)}
.pf-df pre del{display:inline-block;width:100%;text-decoration:none;background:rgba(194,65,12,.22);color:#ffb59a}
.pf-df pre ins{display:inline-block;width:100%;text-decoration:none;background:rgba(27,175,122,.2);color:#a5ecd0}
.pf-df-runs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;align-self:start}
.pf-df-runs li{padding:.4rem .6rem;border:1px solid var(--sk-line-2);border-radius:4px;font:400 .72rem var(--sk-mono);color:var(--sk-text-3)}
.pf-df-runs b{color:var(--sk-text);font-weight:600;margin-right:.3rem}
.pf-df-runs li.nx{border-style:dashed;border-color:var(--sk-ai)}
.pf-df-runs li.sk{opacity:.55;text-decoration:line-through}
.pf-df-why{margin:.8rem 0 0;font-size:.95rem;line-height:1.55;color:var(--sk-text-2)}
@media (max-width:760px){.pf-df-p{grid-template-columns:1fr}.pf-df pre{grid-row:auto;margin-bottom:.8rem}.pf-df-act{flex-wrap:wrap}}

/* ---------- 05: role-locked panel ---------- */
.pf-rl{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink-2);overflow:hidden;align-self:start}
.pf-rl-bar{display:grid;gap:.5rem;padding:.9rem 1rem;border-bottom:1px solid var(--sk-line)}
.pf-rl-bar .seg-wrap{flex-wrap:wrap}
.pf-rl-bar .seg{padding:.45rem .7rem;font-size:.85rem}
.pf-rl-rows{margin:0;padding:0;list-style:none}
.pf-rl-rows li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--sk-line)}
.pf-rl-rows li span{display:grid;gap:.15rem;padding-left:1.6rem;position:relative}
.pf-rl-rows li span::before{content:'✓';position:absolute;left:0;top:.05rem;width:1.15rem;height:1.15rem;display:grid;place-items:center;border-radius:50%;background:var(--sk-search);color:#06231a;font:700 .7rem var(--sk-sans);transition:background .3s}
.pf-rl-rows b{font-weight:600;color:var(--sk-text)}
.pf-rl-rows small{font:400 .7rem var(--sk-mono);color:var(--sk-text-3)}
.pf-rl-rows button{padding:.4rem .8rem;border:1px solid var(--sk-line-2);border-radius:4px;background:none;color:var(--sk-text-2);font:600 .8rem var(--sk-sans);cursor:pointer}
.pf-rl-rows button:hover,.pf-rl-rows button[aria-pressed="true"]{border-color:var(--sk-text);color:var(--sk-text)}
#pfrl[data-state="viewer"] li[data-act="save"] span::before,
#pfrl[data-state="viewer"] li[data-act="key"] span::before,
#pfrl[data-state="admin"] li[data-act="key"] span::before,
#pfrl[data-state="owner"] li[data-act="key"] span::before{content:'×';background:#3a4652;color:var(--sk-text-2)}
#pfrl[data-state="viewer"] li[data-act="save"] b,
#pfrl[data-state="viewer"] li[data-act="key"] b,
#pfrl[data-state="admin"] li[data-act="key"] b,
#pfrl[data-state="owner"] li[data-act="key"] b{color:var(--sk-text-3)}
.pf-rl-out{margin:0;padding:.85rem 1rem;min-height:6.4em;background:var(--sk-ink);font:400 .76rem/1.6 var(--sk-mono);color:#a5ecd0;white-space:pre-wrap;overflow-wrap:anywhere;transition:color .25s}
.pf-rl.no .pf-rl-out{color:#ffb59a}
.pf-rl-ns{margin:0;padding:.8rem 1rem;font-size:.9rem;color:var(--sk-text-2)}