:root {
  --ptk-background: #f7fbff;
  --ptk-foreground: #10233f;
  --ptk-card: #ffffff;
  --ptk-card-foreground: #10233f;
  --ptk-primary: #1252b3;
  --ptk-primary-foreground: #ffffff;
  --ptk-secondary: #eef7ff;
  --ptk-secondary-foreground: #17324f;
  --ptk-muted: #63748a;
  --ptk-border: #dce8f5;
  --ptk-ring: #1bc5f8;
  --ptk-destructive: #b42318;
  --ptk-success: #0b7a68;
  --ptk-radius: 0.75rem;
  --workspace-client-nav: #1252b3;
  --workspace-expert-nav: #0b7a68;
  --workspace-admin-nav: #243b64;
  --workspace-nav-foreground: #ffffff;
}
.ptk-button,.ptk-input,.ptk-select,.ptk-textarea { font: inherit; }
.ptk-button { display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:var(--ptk-radius);padding:.65rem .9rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease; }
.ptk-button:focus-visible,.ptk-input:focus-visible,.ptk-select:focus-visible,.ptk-textarea:focus-visible { outline:3px solid color-mix(in srgb,var(--ptk-ring) 45%,transparent);outline-offset:2px; }
.ptk-button--default { background:var(--ptk-primary);color:var(--ptk-primary-foreground); }
.ptk-button--secondary { background:var(--ptk-secondary);color:var(--ptk-secondary-foreground); }
.ptk-button--outline { background:transparent;color:var(--ptk-foreground);border:1px solid var(--ptk-border); }
.ptk-button--ghost,.ptk-button--nav,.ptk-button--menu,.ptk-button--menuDanger,.ptk-button--avatar,.ptk-button--icon { background:transparent;box-shadow:none; }
.ptk-button--nav { color:inherit;border-radius:999px;opacity:.86; }
.ptk-button--nav:hover,.ptk-button--nav.is-active { background:rgba(255,255,255,.16);opacity:1; }
.ptk-button--avatar { color:inherit;padding:.25rem .4rem; }
.ptk-button--menu,.ptk-button--menuDanger { width:100%;justify-content:flex-start;color:var(--ptk-foreground);padding:.55rem .65rem; }
.ptk-button--menu:hover { background:var(--ptk-secondary); }
.ptk-button--menuDanger { color:var(--ptk-destructive); }
.ptk-button--icon { color:inherit;padding:.5rem;font-size:1.1rem; }
.ptk-input,.ptk-select,.ptk-textarea { width:100%;border:1px solid var(--ptk-border);border-radius:var(--ptk-radius);background:var(--ptk-card);color:var(--ptk-foreground);padding:.65rem .75rem; }
.ptk-card { border:1px solid var(--ptk-border);border-radius:calc(var(--ptk-radius) + .25rem);background:var(--ptk-card);color:var(--ptk-card-foreground);padding:1.25rem; }
.ptk-badge { display:inline-flex;border-radius:999px;background:var(--ptk-secondary);color:var(--ptk-secondary-foreground);padding:.25rem .55rem;font-size:.75rem;font-weight:700; }
.ptk-alert { border:1px solid var(--ptk-border);border-radius:var(--ptk-radius);padding:1rem;background:var(--ptk-card); }
.ptk-table { width:100%;border-collapse:collapse; }
.ptk-pagination,.ptk-tabs { display:flex;align-items:center;gap:.5rem; }
.ptk-skeleton { min-height:1rem;border-radius:.5rem;background:#e7eef6;animation:ptk-pulse 1.5s ease-in-out infinite; }
.ptk-empty-state { display:grid;gap:.5rem;place-items:center;text-align:center;padding:2rem; }
.ptk-tooltip { position:relative; }
.ptk-dialog,.ptk-sheet,.ptk-dropdown-menu { background:var(--ptk-card);color:var(--ptk-card-foreground);border:1px solid var(--ptk-border);border-radius:var(--ptk-radius);box-shadow:0 18px 50px rgba(16,35,63,.16); }
@keyframes ptk-pulse { 50% { opacity:.55; } }

#peptok-auth-nav { position:sticky;top:0;z-index:50; }
.peptok-auth-nav { min-height:68px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:.55rem max(1rem,calc((100vw - 1180px)/2));color:var(--workspace-nav-foreground);box-shadow:0 8px 28px rgba(16,35,63,.12); }
.peptok-auth-nav[data-workspace-role="client"] { background:var(--workspace-client-nav); }
.peptok-auth-nav[data-workspace-role="expert"] { background:var(--workspace-expert-nav); }
.peptok-auth-nav[data-workspace-role="admin"] { background:var(--workspace-admin-nav); }
.ptk-brand { border:0;background:#fff;border-radius:.65rem;padding:.35rem .55rem;cursor:pointer;display:inline-flex;align-items:center; }
.ptk-brand img { display:block;width:112px;height:auto; }
.ptk-desktop-nav,.ptk-nav-actions,.ptk-mobile-actions { display:flex;align-items:center;gap:.4rem; }
.ptk-nav-actions { justify-content:flex-end; }
.ptk-currency { display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:inherit; }
.ptk-currency .ptk-select { min-width:84px;padding:.4rem .55rem;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.12);color:#fff; }
.ptk-currency option { color:var(--ptk-foreground);background:#fff; }
.ptk-account-menu { position:relative; }
.ptk-avatar { width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--ptk-foreground);font-size:.72rem;font-weight:900; }
.ptk-account-dropdown { position:absolute;top:calc(100% + .55rem);right:0;width:240px;padding:.5rem;z-index:70; }
.ptk-account-summary { display:grid;gap:.15rem;padding:.6rem .65rem .75rem;border-bottom:1px solid var(--ptk-border);margin-bottom:.35rem; }
.ptk-account-summary span,.ptk-account-summary small { color:var(--ptk-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis; }

.ptk-account-dropdown {
  width:220px;
  padding:6px;
  border-radius:12px;
  box-shadow:0 16px 38px rgba(16,35,63,.14);
}
.ptk-account-dropdown .ptk-account-summary {
  gap:2px;
  padding:8px 9px 9px;
  margin-bottom:4px;
}
.ptk-account-dropdown .ptk-button--menu,
.ptk-account-dropdown .ptk-button--menuDanger {
  min-height:32px;
  width:100%;
  justify-content:flex-start;
  padding:6px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ptk-foreground);
  box-shadow:none;
  font-size:.78rem;
  font-weight:650;
  line-height:1.2;
}
.ptk-account-dropdown .ptk-button--menu:hover,
.ptk-account-dropdown .ptk-button--menu:focus-visible {
  background:#f8fafc;
  color:var(--ptk-foreground);
  box-shadow:none;
}
.ptk-account-dropdown .ptk-button--menuDanger {
  color:var(--ptk-destructive);
}
.ptk-account-dropdown .ptk-button--menuDanger:hover,
.ptk-account-dropdown .ptk-button--menuDanger:focus-visible {
  background:#fff7f6;
  color:#9f1f17;
  box-shadow:none;
}
.ptk-mobile-menu { display:none; }
.ptk-mobile-panel { position:absolute;top:100%;left:0;right:0;background:inherit;padding:.75rem 1rem 1rem;box-shadow:0 18px 34px rgba(16,35,63,.18); }
.ptk-mobile-panel nav { display:grid;gap:.35rem; }
.ptk-mobile-panel .ptk-button--nav { justify-content:flex-start; }
.ptk-mobile-actions { margin-top:.75rem;justify-content:space-between; }
@media (max-width:860px) {
  .peptok-auth-nav { grid-template-columns:auto 1fr auto; }
  .ptk-desktop-nav,.ptk-nav-actions { display:none; }
  .ptk-mobile-menu { display:inline-flex;justify-self:end; }
}


/* WU-02 Client authenticated journey */
.ptk-client-app { width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px;color:var(--ptk-foreground); }
.ptk-client-stack { display:grid;gap:18px; }
.ptk-page-header,.ptk-section-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }
.ptk-page-header h1,.ptk-section-heading h2,.ptk-section-heading h3,.ptk-next-action h2 { margin:.25rem 0 .55rem;letter-spacing:-.035em;line-height:1.08; }
.ptk-page-header p,.ptk-section-heading p,.ptk-next-action p,.ptk-card p { color:var(--ptk-muted);line-height:1.6; }
.ptk-eyebrow { margin:0;color:var(--ptk-primary);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.ptk-actions { display:flex;flex-wrap:wrap;align-items:center;gap:.65rem; }
.ptk-two-column { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:start; }
.ptk-stat-grid,.ptk-fact-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.ptk-fact-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ptk-stat { display:grid;gap:.25rem;text-align:left;align-content:start;min-height:112px;padding:1rem; }
.ptk-stat strong { font-size:1.75rem;color:var(--ptk-primary); }
.ptk-stat span { font-weight:800;color:var(--ptk-foreground); }
.ptk-stat small,.ptk-row small,.ptk-fact-grid small,.ptk-muted,.ptk-field-help { color:var(--ptk-muted); }
.ptk-next-action { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:linear-gradient(135deg,#f8fbff,#eef7ff);border-color:rgba(18,82,179,.18); }
.ptk-list { display:grid;gap:.65rem; }
.ptk-row { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:.9rem;border:1px solid var(--ptk-border);border-radius:var(--ptk-radius);background:#fbfdff; }
.ptk-row > div { display:grid;gap:.2rem;min-width:0; }
.ptk-row.is-active { border-color:var(--ptk-primary);box-shadow:0 0 0 2px rgba(18,82,179,.10); }
.ptk-client-lifecycle { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:.5rem; }
.ptk-client-lifecycle > div { position:relative;display:grid;justify-items:center;gap:.45rem;text-align:center;color:#7d8da1;font-size:.78rem; }
.ptk-client-lifecycle > div:not(:last-child)::after { content:"";position:absolute;top:15px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:#dfe8f2; }
.ptk-client-lifecycle > div > span { position:relative;z-index:1;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;border:2px solid #d5e1ed;background:#fff;font-weight:800; }
.ptk-client-lifecycle .is-done { color:var(--ptk-success); }
.ptk-client-lifecycle .is-done > span { border-color:#7bb59d;background:#edf8f3; }
.ptk-client-lifecycle .is-done:not(:last-child)::after { background:#7bb59d; }
.ptk-client-lifecycle .is-current { color:var(--ptk-primary); }
.ptk-client-lifecycle .is-current > span { border-color:var(--ptk-primary);box-shadow:0 0 0 5px rgba(18,82,179,.08); }
.ptk-client-tabs { display:flex;flex-wrap:wrap;gap:.55rem;margin:18px 0; }
.ptk-request-layout { display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,1fr);gap:18px;align-items:start; }
.ptk-request-list { position:sticky;top:92px; }
.ptk-request-row { width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;justify-content:stretch;text-align:left;color:var(--ptk-foreground);border:1px solid transparent;border-radius:var(--ptk-radius); }
.ptk-request-row > span { display:grid;gap:.25rem; }
.ptk-request-row > span:last-child { justify-items:end; }
.ptk-request-row.is-active { background:var(--ptk-secondary);border-color:rgba(18,82,179,.2); }
.ptk-form { display:grid;gap:1rem; }
.ptk-form-section { display:grid;gap:.9rem; }
.ptk-form-section > div:first-child { display:flex;gap:.7rem;align-items:flex-start; }
.ptk-label { display:grid;gap:.42rem;color:var(--ptk-foreground);font-size:.88rem;font-weight:700; }
.ptk-field-help { display:flex;justify-content:space-between;gap:1rem;font-size:.76rem;font-weight:500; }
.ptk-check-line { grid-template-columns:auto 1fr;align-items:flex-start;font-weight:500; }
.ptk-checkbox,.ptk-radio { width:18px;height:18px;margin-top:.1rem;accent-color:var(--ptk-primary); }
.ptk-disclosure { border:1px solid var(--ptk-border);border-radius:var(--ptk-radius);padding:.85rem 1rem;background:#fbfdff; }
.ptk-disclosure summary { display:flex;justify-content:space-between;gap:12px;cursor:pointer; }
.ptk-disclosure[open] summary { margin-bottom:1rem; }
.ptk-card-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.ptk-recommendation-card { display:grid;gap:1rem; }
.ptk-recommendation-head { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center; }
.ptk-recommendation-head p { margin:.15rem 0; }
.ptk-match-score { min-width:92px;display:grid;justify-items:end;gap:2px;padding:9px 11px;border-radius:12px;background:#f3f8fd;border:1px solid #dce7f1;color:var(--ptk-primary); }
.ptk-match-score strong { font-size:1rem;line-height:1;font-variant-numeric:tabular-nums; }
.ptk-match-score span { color:var(--ptk-muted);font-size:.65rem;font-weight:800;white-space:nowrap; }
.ptk-commerce-summary { display:grid;grid-template-columns:1fr auto;gap:14px;padding:1rem;border-radius:var(--ptk-radius);background:var(--ptk-secondary); }
.ptk-commerce-summary > div { display:grid;gap:.2rem; }
.ptk-commerce-summary > div:last-child { text-align:right; }
.ptk-commerce-summary span { color:var(--ptk-muted);font-size:.75rem; }
.ptk-fit-grid ul { margin:.4rem 0 0;padding-left:1.15rem;color:var(--ptk-muted); }
.ptk-fit-grid li { margin:.35rem 0;line-height:1.45; }
.ptk-status { background:#eef2f7;color:#40536b; }
.ptk-status--success { background:#ecfdf5;color:#047857; }
.ptk-status--warning { background:#fff7ed;color:#b45309; }
.ptk-stripe-card { min-height:48px;border:1px solid var(--ptk-border);border-radius:var(--ptk-radius);padding:.8rem;background:#fff; }
.ptk-separator { height:1px;background:var(--ptk-border);width:100%; }
.ptk-progress { height:8px;border-radius:999px;background:#e7eef6;overflow:hidden; }
.ptk-progress span { display:block;height:100%;background:var(--ptk-primary); }
.ptk-skeleton-line { height:18px;margin-bottom:.75rem; }
.ptk-delivery-layout { grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr); }
.ptk-button--sm { padding:.45rem .65rem;font-size:.8rem; }
.ptk-alert { display:grid;gap:.35rem; }
.ptk-alert span { color:var(--ptk-muted);line-height:1.5; }
.ptk-empty-state span { color:var(--ptk-muted);max-width:540px;line-height:1.5; }
@media (max-width:900px) {
  .ptk-two-column,.ptk-request-layout,.ptk-delivery-layout,.ptk-next-action { grid-template-columns:1fr; }
  .ptk-card-grid,.ptk-stat-grid,.ptk-fact-grid { grid-template-columns:1fr; }
  .ptk-request-list { position:static; }
  .ptk-client-lifecycle { grid-template-columns:1fr;gap:.55rem; }
  .ptk-client-lifecycle > div { grid-template-columns:30px 1fr;justify-items:start;align-items:center;text-align:left; }
  .ptk-client-lifecycle > div:not(:last-child)::after { top:30px;left:14px;bottom:-9px;right:auto;width:2px;height:auto; }
  .ptk-page-header,.ptk-section-heading { flex-direction:column; }
}
@media (max-width:640px) {
  .ptk-client-app { width:min(100% - 22px,1180px);padding-top:22px; }
  .ptk-row { align-items:flex-start;flex-direction:column; }
  .ptk-request-row { grid-template-columns:1fr; }
  .ptk-request-row > span:last-child { justify-items:start; }
}


/* WU-08A preview convergence: authenticated workspace shell */
:root {
  --ptk-preview-bg:#f5f7fb;
  --ptk-preview-surface:#ffffff;
  --ptk-preview-border:#e5e9f0;
  --ptk-preview-muted:#687386;
  --ptk-role-accent:#2563eb;
  --ptk-role-soft:#eff6ff;
}
#peptok-auth-nav { position:relative; z-index:80; }
#peptok-auth-nav + .page-frame {
  margin-left:252px;
  padding-top:76px;
  min-height:100vh;
  background:var(--ptk-preview-bg);
}
.ptk-auth-shell-frame[data-workspace-role="client"] { --ptk-role-accent:#2563eb; --ptk-role-soft:#eff6ff; }
.ptk-auth-shell-frame[data-workspace-role="expert"] { --ptk-role-accent:#0f766e; --ptk-role-soft:#f0fdfa; }
.ptk-auth-shell-frame[data-workspace-role="admin"] { --ptk-role-accent:#7c3aed; --ptk-role-soft:#f5f3ff; }
.ptk-sidebar {
  position:fixed; inset:0 auto 0 0; width:252px; z-index:82;
  display:flex; flex-direction:column; gap:0;
  padding:18px 14px; background:var(--ptk-preview-surface);
  border-right:1px solid var(--ptk-preview-border);
  box-shadow:none;
}
.ptk-sidebar-brand { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 8px 16px; }
.ptk-sidebar-brand .ptk-brand { padding:0; background:transparent; }
.ptk-sidebar-brand .ptk-brand img { width:112px; max-height:42px; object-fit:contain; object-position:left center; }
.ptk-sidebar-close { display:none; }
.ptk-workspace-card {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center;
  width:100%; margin:0 0 14px; padding:11px;
  border:1px solid #dbe4ef; border-radius:12px; background:var(--ptk-role-soft);
  color:var(--ptk-foreground); text-align:left;
}
.ptk-workspace-card strong,.ptk-workspace-card small { display:block; }
.ptk-workspace-card small { margin-top:2px; color:var(--ptk-preview-muted); }
.ptk-workspace-dot { width:9px; height:9px; border-radius:999px; background:var(--ptk-role-accent); }
.ptk-sidebar-nav { display:grid; gap:3px; overflow-y:auto; padding-right:2px; }
.ptk-sidebar-nav .ptk-button--nav,
.ptk-sidebar-footer .ptk-button--nav {
  width:100%; justify-content:flex-start; border-radius:9px; padding:10px 11px;
  color:#455066; opacity:1; font-weight:600;
}
.ptk-sidebar-nav .ptk-button--nav:hover,
.ptk-sidebar-footer .ptk-button--nav:hover { background:#f8fafc; color:var(--ptk-role-accent); }
.ptk-sidebar-nav .ptk-button--nav.is-active {
  background:var(--ptk-role-soft); color:var(--ptk-role-accent); border-radius:0;
  box-shadow:inset 3px 0 0 var(--ptk-role-accent); font-weight:800;
}
.ptk-sidebar-footer { margin-top:auto; padding-top:12px; border-top:1px solid var(--ptk-preview-border); }
.ptk-sidebar-footer .ptk-account-menu { margin-top:4px; }
.ptk-sidebar-footer .ptk-button--avatar {
  width:100%; justify-content:flex-start; gap:9px; color:var(--ptk-foreground); padding:10px;
}
.ptk-profile-copy { min-width:0; flex:1; display:grid; text-align:left; }
.ptk-profile-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ptk-profile-copy small { color:var(--ptk-preview-muted); font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ptk-sidebar-footer .ptk-avatar { background:var(--ptk-role-soft); color:var(--ptk-role-accent); }
.ptk-sidebar-footer .ptk-account-dropdown { left:8px; right:auto; bottom:56px; top:auto; }
.ptk-topbar {
  position:fixed; z-index:81; top:0; left:252px; right:0; min-height:76px;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:0 28px; background:rgba(255,255,255,.96); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--ptk-preview-border);
}
.ptk-topbar-context { display:grid; gap:2px; min-width:0; }
.ptk-topbar-context small { color:var(--ptk-preview-muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; font-weight:800; }
.ptk-topbar-context strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ptk-topbar-actions { display:flex; align-items:center; gap:10px; }
.ptk-topbar .ptk-currency {
  display:flex; align-items:center; gap:6px; padding:6px 8px;
  border:1px solid var(--ptk-preview-border); border-radius:10px; background:#fff;
  color:var(--ptk-foreground);
}
.ptk-topbar .ptk-currency .ptk-select { min-width:66px; padding:.25rem .35rem; border:0; background:transparent; color:var(--ptk-foreground); }
.ptk-currency-flag { width:24px; height:16px; display:block; flex:0 0 auto; border-radius:2px; box-shadow:0 0 0 1px rgba(15,23,42,.12); overflow:hidden; }
.ptk-mobile-menu { display:none; }
.ptk-sidebar-backdrop { display:none; }
.ptk-skip-link {
  position:fixed; left:12px; top:-48px; z-index:1000;
  padding:9px 12px; border-radius:8px; background:#111827; color:#fff; text-decoration:none;
}
.ptk-skip-link:focus { top:8px; }

#peptok-auth-nav + .page-frame .ptk-client-app {
  width:min(1180px,calc(100% - 48px)); padding:32px 0 72px;
}
#peptok-auth-nav + .page-frame .ptk-card {
  border-color:var(--ptk-preview-border); border-radius:14px;
  box-shadow:0 12px 30px rgba(23,32,51,.045);
}
#peptok-auth-nav + .page-frame .ptk-page-header h1,
#peptok-auth-nav + .page-frame .ptk-section-heading h2,
#peptok-auth-nav + .page-frame .ptk-section-heading h3 {
  color:#172033;
}
#peptok-auth-nav + .page-frame .ptk-eyebrow { color:var(--ptk-role-accent); }
#peptok-auth-nav + .page-frame .ptk-next-action {
  background:linear-gradient(135deg,#fff,var(--ptk-role-soft));
  border-color:color-mix(in srgb,var(--ptk-role-accent) 20%,var(--ptk-preview-border));
}
#peptok-auth-nav + .page-frame .ptk-stat strong,
#peptok-auth-nav + .page-frame .ptk-match-score { color:var(--ptk-role-accent); }
#peptok-auth-nav + .page-frame .ptk-button--default { background:var(--ptk-role-accent); }
#peptok-auth-nav + .page-frame .ptk-button--outline:hover { border-color:var(--ptk-role-accent); color:var(--ptk-role-accent); }
#peptok-auth-nav + .page-frame .ptk-row { border-color:var(--ptk-preview-border); background:#fff; border-radius:10px; }
#peptok-auth-nav + .page-frame .ptk-row:hover { border-color:color-mix(in srgb,var(--ptk-role-accent) 28%,var(--ptk-preview-border)); }
#peptok-auth-nav + .page-frame .ptk-client-tabs {
  position:sticky; top:76px; z-index:20; padding:10px 0; margin:0 0 18px;
  background:linear-gradient(var(--ptk-preview-bg) 75%,transparent);
}
#peptok-auth-nav + .page-frame .ptk-client-tabs .ptk-button[aria-selected="true"] {
  background:var(--ptk-role-soft); color:var(--ptk-role-accent); border-color:color-mix(in srgb,var(--ptk-role-accent) 30%,var(--ptk-preview-border));
}
@media (max-width:980px) {
  #peptok-auth-nav + .page-frame { margin-left:0; padding-top:70px; }
  .ptk-sidebar { transform:translateX(-103%); transition:transform .2s ease; width:280px; }
  .ptk-sidebar.is-open { transform:translateX(0); }
  .ptk-sidebar-close { display:inline-flex; }
  .ptk-topbar { left:0; min-height:70px; padding:0 14px; }
  .ptk-mobile-menu { display:inline-flex; }
  .ptk-topbar-context { flex:1; }
  .ptk-sidebar-backdrop { display:block; position:fixed; inset:0; z-index:80; border:0; background:rgba(15,23,42,.42); }
  #peptok-auth-nav + .page-frame .ptk-client-tabs { top:70px; }
}
@media (max-width:680px) {
  #peptok-auth-nav + .page-frame .ptk-client-app { width:min(100% - 24px,1180px); padding-top:20px; }
  .ptk-topbar-context small { display:none; }
  .ptk-switch-workspace { display:none; }
  .ptk-topbar-actions { gap:4px; }
  .ptk-topbar .ptk-currency { padding:5px 6px; }
}
@media (prefers-reduced-motion:reduce) {
  .ptk-sidebar { transition:none; }
}


/* WU-08A AMD-01: approved preview typography + shadcn primitive convergence */
:root {
  --ptk-font-body:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ptk-font-display:"Bricolage Grotesque",Figtree,ui-sans-serif,system-ui,sans-serif;
  --ptk-font-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --ptk-background:#f5f7fb;
  --ptk-foreground:#172033;
  --ptk-card:#ffffff;
  --ptk-card-foreground:#172033;
  --ptk-muted:#687386;
  --ptk-border:#e5e9f0;
  --ptk-radius:10px;
}
#peptok-auth-nav,
#peptok-auth-nav + .page-frame {
  font-family:var(--ptk-font-body);
  font-size:14px;
  color:var(--ptk-foreground);
}
#peptok-auth-nav + .page-frame {
  background:#f5f7fb;
}
#peptok-auth-nav + .page-frame .ptk-client-app {
  width:min(1440px,calc(100% - 60px));
  padding:30px;
  margin:0 auto;
}
#peptok-auth-nav + .page-frame .ptk-client-stack {
  gap:22px;
}
#peptok-auth-nav + .page-frame .ptk-page-header {
  align-items:flex-end;
  gap:20px;
}
#peptok-auth-nav + .page-frame .ptk-page-header h1 {
  margin:4px 0 7px;
  font-family:var(--ptk-font-display);
  font-size:clamp(28px,4vw,38px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:700;
}
#peptok-auth-nav + .page-frame h2,
#peptok-auth-nav + .page-frame h3,
#peptok-auth-nav + .page-frame h4 {
  font-family:var(--ptk-font-display);
  color:#172033;
}
#peptok-auth-nav + .page-frame h2 {
  margin:4px 0 8px;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.02em;
}
#peptok-auth-nav + .page-frame h3 {
  margin:4px 0 6px;
  font-size:16px;
  line-height:1.3;
  letter-spacing:-.015em;
}
#peptok-auth-nav + .page-frame p,
#peptok-auth-nav + .page-frame li,
#peptok-auth-nav + .page-frame span,
#peptok-auth-nav + .page-frame strong,
#peptok-auth-nav + .page-frame label {
  font-size:14px;
}
#peptok-auth-nav + .page-frame .ptk-page-header > div > p,
#peptok-auth-nav + .page-frame .ptk-section-heading p,
#peptok-auth-nav + .page-frame .ptk-card p {
  margin-top:0;
  color:#687386;
  line-height:1.6;
}
#peptok-auth-nav + .page-frame .ptk-eyebrow {
  margin:0;
  font-family:var(--ptk-font-mono);
  font-size:11px;
  line-height:1.3;
  letter-spacing:.12em;
  font-weight:800;
  text-transform:uppercase;
  color:var(--ptk-role-accent);
}

/* Shared shadcn-style primitives: compact preview proportions, minimal elevation. */
.ptk-button {
  min-height:36px;
  border:1px solid transparent;
  border-radius:10px;
  padding:9px 13px;
  gap:7px;
  font-family:var(--ptk-font-body);
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  box-shadow:none;
}
.ptk-button--default {
  background:var(--ptk-role-accent,var(--ptk-primary));
  color:#fff;
}
.ptk-button--outline {
  background:#fff;
  border-color:#e5e9f0;
  color:#344054;
}
.ptk-button--outline:hover {
  background:#f8fafc;
}
.ptk-button--ghost {
  color:#344054;
}
.ptk-button--sm {
  min-height:30px;
  padding:6px 10px;
  font-size:12px;
}
.ptk-input,.ptk-select,.ptk-textarea {
  min-height:38px;
  border:1px solid #e5e9f0;
  border-radius:10px;
  background:#fff;
  color:#172033;
  padding:9px 11px;
  font-family:var(--ptk-font-body);
  font-size:14px;
  line-height:1.35;
  box-shadow:none;
}
.ptk-textarea { min-height:104px; resize:vertical; }
.ptk-label {
  gap:6px;
  color:#344054;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
.ptk-checkbox,.ptk-radio {
  width:18px;
  height:18px;
  min-width:18px;
  flex:0 0 18px;
}
.ptk-card {
  padding:20px;
  border:1px solid #e5e9f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.03);
}
.ptk-card-header { display:grid; gap:6px; margin-bottom:16px; }
.ptk-card-title {
  margin:0;
  font-family:var(--ptk-font-display);
  font-size:16px;
  line-height:1.3;
  letter-spacing:-.015em;
}
.ptk-card-description {
  margin:0;
  color:#687386;
  font-size:13px;
  line-height:1.55;
}
.ptk-card-content { display:grid; gap:14px; }
.ptk-card-footer { display:flex; align-items:center; gap:8px; margin-top:16px; }
.ptk-badge {
  min-height:22px;
  align-items:center;
  border-radius:999px;
  padding:4px 8px;
  background:#f2f4f7;
  color:#475467;
  font-size:11px !important;
  line-height:1.2;
  font-weight:800;
}
.ptk-alert {
  gap:5px;
  padding:12px;
  border:0;
  border-radius:10px;
  background:#f8fafc;
  box-shadow:none;
}
.ptk-alert-title { font-size:13px; font-weight:800; color:#172033; }
.ptk-alert-description { color:#687386; font-size:13px; line-height:1.5; }
.ptk-empty-state { padding:28px 20px; gap:8px; }
.ptk-separator { background:#e5e9f0; }

/* Preview tabs use a single quiet surface and active underline, not button pills. */
.ptk-tabs { display:block; }
.ptk-tabs-list {
  display:flex;
  align-items:center;
  gap:18px;
  overflow-x:auto;
  border-bottom:1px solid #e5e9f0;
  background:transparent;
}
.ptk-tabs-trigger {
  appearance:none;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#687386;
  padding:9px 0 10px;
  white-space:nowrap;
  font-family:var(--ptk-font-body);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
}
.ptk-tabs-trigger:hover { color:#172033; }
.ptk-tabs-trigger.is-active {
  border-bottom-color:var(--ptk-role-accent);
  color:var(--ptk-role-accent);
}
.ptk-tabs-trigger .ptk-badge { margin-left:4px; }
#peptok-auth-nav + .page-frame .ptk-client-tabs {
  position:sticky;
  top:76px;
  z-index:20;
  margin:0 0 22px;
  padding:0;
  background:#f5f7fb;
}

/* Preview metrics and content density. */
#peptok-auth-nav + .page-frame .ptk-stat-grid {
  gap:14px;
}
#peptok-auth-nav + .page-frame .ptk-stat {
  min-height:0;
  padding:20px;
  gap:4px;
  border:1px solid #e5e9f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.03);
}
#peptok-auth-nav + .page-frame .ptk-stat strong {
  font-family:var(--ptk-font-display);
  font-size:30px !important;
  line-height:1.05;
  letter-spacing:-.03em;
  color:#172033;
}
#peptok-auth-nav + .page-frame .ptk-stat span {
  color:#687386;
  font-size:13px;
  font-weight:600;
}
#peptok-auth-nav + .page-frame .ptk-stat small,
#peptok-auth-nav + .page-frame .ptk-row small,
#peptok-auth-nav + .page-frame .ptk-fact-grid small,
#peptok-auth-nav + .page-frame .ptk-muted,
#peptok-auth-nav + .page-frame .ptk-field-help {
  color:#687386;
  font-size:12px;
  line-height:1.45;
}
#peptok-auth-nav + .page-frame .ptk-two-column { gap:14px; }
#peptok-auth-nav + .page-frame .ptk-card-grid { gap:14px; }
#peptok-auth-nav + .page-frame .ptk-actions { gap:8px; }
#peptok-auth-nav + .page-frame .ptk-row {
  gap:16px;
  padding:12px 0;
  border:0;
  border-bottom:1px solid #e5e9f0;
  border-radius:0;
  background:transparent;
}
#peptok-auth-nav + .page-frame .ptk-row:first-child { border-top:1px solid #e5e9f0; }
#peptok-auth-nav + .page-frame .ptk-row:hover { border-color:#e5e9f0; background:#f8fafc; }
#peptok-auth-nav + .page-frame .ptk-commerce-summary {
  gap:12px;
  padding:14px;
  border-radius:10px;
  background:#f8fafc;
}
#peptok-auth-nav + .page-frame .ptk-fact-grid {
  gap:12px;
}
#peptok-auth-nav + .page-frame .ptk-fact-grid > div {
  padding:10px 0;
  border-top:1px solid #e5e9f0;
}
#peptok-auth-nav + .page-frame .ptk-next-action {
  padding:20px;
  gap:20px;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.03);
}
#peptok-auth-nav + .page-frame .ptk-match-score {
  width:58px;
  height:58px;
  border-width:4px;
}
#peptok-auth-nav + .page-frame .ptk-match-score strong { font-size:15px; }
#peptok-auth-nav + .page-frame .ptk-client-lifecycle > div { font-size:12px; }

/* Preview shell density. */
.ptk-sidebar {
  width:252px;
  padding:18px 14px;
  font-size:14px;
}
.ptk-sidebar-nav .ptk-button--nav,
.ptk-sidebar-footer .ptk-button--nav {
  min-height:0;
  padding:10px 11px;
  border:0;
  border-radius:9px;
  font-size:14px;
  font-weight:600;
}
.ptk-sidebar-nav .ptk-button--nav.is-active {
  border-radius:0;
  font-weight:700;
}
.ptk-workspace-card {
  padding:11px;
  border-radius:12px;
  font-size:13px;
}
.ptk-workspace-card strong { font-size:13px; }
.ptk-workspace-card small { font-size:11px; }
.ptk-topbar {
  min-height:68px;
  padding:0 26px;
}
#peptok-auth-nav + .page-frame { padding-top:68px; }
.ptk-topbar-context small { font-family:var(--ptk-font-mono); font-size:10px; }
.ptk-topbar-context strong { font-size:13px; }
.ptk-topbar .ptk-currency {
  border-radius:10px;
  padding:5px 8px;
  font-size:12px;
}
.ptk-sidebar-footer .ptk-button--avatar { min-height:0; padding:10px; }
.ptk-profile-copy strong { font-size:13px; }
.ptk-profile-copy small { font-size:11px; }
.ptk-avatar { width:34px; height:34px; font-size:12px; }

@media (max-width:980px) {
  #peptok-auth-nav + .page-frame { padding-top:68px; }
  .ptk-topbar { min-height:68px; }
  #peptok-auth-nav + .page-frame .ptk-client-tabs { top:68px; }
}
@media (max-width:680px) {
  #peptok-auth-nav + .page-frame .ptk-client-app {
    width:100%;
    padding:20px 14px 56px;
  }
  #peptok-auth-nav + .page-frame .ptk-page-header { align-items:flex-start; }
  #peptok-auth-nav + .page-frame .ptk-page-header h1 { font-size:28px; }
  .ptk-tabs-list { gap:14px; }
  .ptk-button { min-height:40px; }
}


/* WU-08A AMD-02: authoritative sidebar active-state styling */
.ptk-sidebar-nav .ptk-button--nav {
  background:transparent !important;
  color:#455066 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.ptk-sidebar-nav .ptk-button--nav:hover:not(.is-active) {
  background:#f8fafc !important;
  color:var(--ptk-role-accent) !important;
}
.ptk-sidebar-nav .ptk-button--nav.is-active {
  background:var(--ptk-role-soft) !important;
  color:var(--ptk-role-accent) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-weight:700;
}

/* WU-08B authenticated control polish */
#peptok-auth-nav .ptk-sidebar-nav .ptk-button--nav,
#peptok-auth-nav .ptk-sidebar-footer .ptk-button--nav {
  border-radius:0 !important;
}
#peptok-auth-nav .ptk-sidebar-nav .ptk-button--nav:hover:not(.is-active),
#peptok-auth-nav .ptk-sidebar-footer .ptk-button--nav:hover:not(.is-active) {
  background:color-mix(in srgb,var(--ptk-role-accent) 7%,#fff) !important;
  color:var(--ptk-role-accent) !important;
}
#peptok-auth-nav .ptk-sidebar-nav .ptk-button--nav.is-active {
  background:color-mix(in srgb,var(--ptk-role-accent) 10%,#fff) !important;
  color:var(--ptk-role-accent) !important;
  border-left:3px solid var(--ptk-role-accent) !important;
  padding-left:8px;
}
#peptok-auth-nav + .page-frame .ptk-button--default {
  background:var(--ptk-role-accent);
  border-color:var(--ptk-role-accent);
  color:#fff;
}
#peptok-auth-nav + .page-frame .ptk-button--default:hover {
  background:color-mix(in srgb,var(--ptk-role-accent) 88%,#000);
  border-color:color-mix(in srgb,var(--ptk-role-accent) 88%,#000);
}
#peptok-auth-nav + .page-frame .ptk-button--outline {
  background:#fff;
  border-color:color-mix(in srgb,var(--ptk-role-accent) 24%,#e5e9f0);
  color:#344054;
}
#peptok-auth-nav + .page-frame .ptk-button--outline:hover {
  background:color-mix(in srgb,var(--ptk-role-accent) 5%,#fff);
  border-color:color-mix(in srgb,var(--ptk-role-accent) 38%,#e5e9f0);
  color:var(--ptk-role-accent);
}

/* WU-08B final-validation mobile convergence */
@media (max-width:760px) {
  #peptok-auth-nav + .page-frame {
    overflow-x:hidden;
  }
  #peptok-auth-nav + .page-frame .ptk-client-app {
    width:100%;
    max-width:100%;
    padding:18px 12px 48px;
  }
  #peptok-auth-nav + .page-frame .ptk-page-header,
  #peptok-auth-nav + .page-frame .ptk-section-heading {
    align-items:stretch;
    flex-direction:column;
    gap:12px;
  }
  #peptok-auth-nav + .page-frame .ptk-page-header .ptk-actions,
  #peptok-auth-nav + .page-frame .ptk-section-heading .ptk-actions {
    width:100%;
  }
  #peptok-auth-nav + .page-frame .ptk-page-header .ptk-actions .ptk-button,
  #peptok-auth-nav + .page-frame .ptk-section-heading .ptk-actions .ptk-button {
    flex:1 1 auto;
  }
  #peptok-auth-nav + .page-frame .ptk-two-column,
  #peptok-auth-nav + .page-frame .ptk-card-grid,
  #peptok-auth-nav + .page-frame .ptk-request-layout,
  #peptok-auth-nav + .page-frame .ptk-stat-grid,
  #peptok-auth-nav + .page-frame .ptk-fact-grid {
    grid-template-columns:1fr !important;
  }
  #peptok-auth-nav + .page-frame .ptk-request-list {
    position:static;
  }
  #peptok-auth-nav + .page-frame .ptk-recommendation-head {
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
  }
  #peptok-auth-nav + .page-frame .ptk-recommendation-head .ptk-match-score {
    grid-column:1 / -1;
    width:auto;
    height:auto;
    min-height:44px;
    border-radius:8px;
    border-width:1px;
    padding:8px 12px;
    justify-items:start;
  }
  #peptok-auth-nav + .page-frame .ptk-commerce-summary {
    grid-template-columns:1fr;
  }
  #peptok-auth-nav + .page-frame .ptk-commerce-summary > div:last-child {
    text-align:left;
  }
  #peptok-auth-nav + .page-frame .ptk-actions {
    width:100%;
  }
  #peptok-auth-nav + .page-frame .ptk-actions > .ptk-button {
    flex:1 1 100%;
    justify-content:center;
  }
  #peptok-auth-nav + .page-frame .ptk-row {
    align-items:stretch;
  }
  #peptok-auth-nav + .page-frame .ptk-row > div:last-child {
    width:100%;
  }
  .ptk-topbar {
    gap:8px;
    padding:0 10px;
  }
  .ptk-topbar-context {
    min-width:0;
  }
  .ptk-topbar-context strong {
    max-width:42vw;
  }
  .ptk-topbar .ptk-currency {
    max-width:92px;
  }
}

/* WU-08B authenticated sidebar footer and Help polish */
.ptk-sidebar-footer {
  display:grid;
  gap:8px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--ptk-preview-border);
}
.ptk-sidebar-footer .ptk-sidebar-help {
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:10px;
  width:100%;
  min-height:54px;
  padding:9px 10px;
  border-radius:0 !important;
  background:#f8fafc;
  color:#344054;
  text-align:left;
}
.ptk-sidebar-footer .ptk-sidebar-help:hover {
  background:var(--ptk-role-soft) !important;
  color:var(--ptk-role-accent) !important;
}
.ptk-footer-icon {
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#fff;
  border:1px solid var(--ptk-preview-border);
  font-weight:900;
  color:var(--ptk-role-accent);
}
.ptk-footer-copy {
  min-width:0;
  display:grid;
  gap:1px;
}
.ptk-footer-copy strong {
  font-size:.86rem;
  line-height:1.2;
}
.ptk-footer-copy small {
  color:var(--ptk-preview-muted);
  font-size:.7rem;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ptk-sidebar-footer .ptk-account-menu {
  margin-top:0;
  border-top:1px solid #edf1f5;
  padding-top:8px;
}
.ptk-sidebar-footer .ptk-button--avatar {
  width:100%;
  min-height:56px;
  justify-content:flex-start;
  gap:10px;
  padding:8px 10px;
  border-radius:0 !important;
  background:transparent;
  color:var(--ptk-foreground);
}
.ptk-sidebar-footer .ptk-button--avatar:hover {
  background:#f8fafc;
}
.ptk-sidebar-footer .ptk-button--avatar > span[aria-hidden="true"] {
  margin-left:auto;
  color:#98a2b3;
}
.ptk-help-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ptk-help-card {
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}
.ptk-help-link {
  display:inline-flex;
  width:fit-content;
  color:var(--ptk-role-accent,var(--ptk-primary));
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid currentColor;
}
@media (max-width:760px) {
  .ptk-help-grid { grid-template-columns:1fr; }
}


/* WU-08B My Requests preview adoption */
#peptok-auth-nav + .page-frame .ptk-my-requests-page {
  gap:16px;
}
#peptok-auth-nav + .page-frame .ptk-my-requests-page .ptk-page-header {
  margin-bottom:0;
}
#peptok-auth-nav + .page-frame .ptk-my-requests-page .ptk-client-tabs {
  position:static;
  padding:0;
  margin:0;
  background:transparent;
}
#peptok-auth-nav + .page-frame .ptk-request-layout {
  grid-template-columns:300px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
#peptok-auth-nav + .page-frame .ptk-request-list {
  position:sticky;
  top:86px;
  max-height:calc(100vh - 106px);
  overflow:hidden;
  padding:0;
  border-radius:18px;
}
.ptk-request-list-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-bottom:1px solid var(--ptk-preview-border);
  background:#fcfdff;
}
.ptk-request-list-head > div {
  display:flex;
  align-items:center;
  gap:8px;
}
.ptk-request-search {
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 12px;
  height:38px;
  padding:0 10px;
  border:1px solid var(--ptk-preview-border);
  border-radius:10px;
  background:#f8fafc;
  color:#8291a2;
}
.ptk-request-search input {
  min-width:0;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ptk-foreground);
  font:inherit;
  font-size:12px;
}
.ptk-request-scroll {
  overflow:auto;
  max-height:calc(100vh - 218px);
  scrollbar-width:thin;
  scrollbar-color:#c2d3e6 transparent;
}
.ptk-request-scroll::-webkit-scrollbar { width:10px; }
.ptk-request-scroll::-webkit-scrollbar-track { background:transparent; }
.ptk-request-scroll::-webkit-scrollbar-thumb {
  background:#bfd0e1;
  border:2px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
#peptok-auth-nav + .page-frame .ptk-request-row {
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  justify-content:stretch;
  min-height:0;
  padding:12px 13px;
  border:0;
  border-bottom:1px solid #eef2f6;
  border-radius:0;
  background:#fff;
  text-align:left;
  color:var(--ptk-foreground);
}
#peptok-auth-nav + .page-frame .ptk-request-row:first-child {
  border-top:1px solid #eef2f6;
}
#peptok-auth-nav + .page-frame .ptk-request-row:hover {
  background:#fafcff;
}
#peptok-auth-nav + .page-frame .ptk-request-row.is-active {
  background:#f3f7ff;
  border-color:#eef2f6;
  box-shadow:inset 3px 0 0 #1769e0;
}
.ptk-request-main {
  display:grid;
  gap:5px;
}
.ptk-request-title-line,
.ptk-request-meta {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.ptk-request-title-line strong {
  min-width:0;
  font-size:12.5px;
  line-height:1.3;
}
.ptk-request-main > small {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#617387;
  font-size:11.5px;
  line-height:1.42;
}
.ptk-request-meta small {
  color:#8190a1 !important;
  font-size:9.5px !important;
}
.ptk-request-empty {
  padding:20px 14px;
  color:var(--ptk-muted);
  font-size:12px;
}
.ptk-request-detail {
  min-width:0;
  display:grid;
  gap:16px;
}
#peptok-auth-nav + .page-frame .ptk-request-summary {
  padding:20px;
  border-radius:18px;
}
.ptk-request-summary-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:start;
}
.ptk-request-summary-head h2 {
  margin:5px 0 6px !important;
  font-size:24px !important;
  line-height:1.16 !important;
}
.ptk-request-summary-head p {
  margin:0 !important;
  font-size:13px !important;
}
.ptk-request-summary-status {
  display:flex;
  align-items:center;
  gap:7px;
}
.ptk-request-summary-status > span:first-child {
  width:7px;
  height:7px;
  border-radius:999px;
  background:#0f8b68;
}
.ptk-request-facts {
  display:grid;
  grid-template-columns:1fr 1.35fr .8fr .8fr;
  gap:10px;
  margin-top:17px;
}
.ptk-request-facts > div {
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--ptk-preview-border);
  border-radius:12px;
  background:#fbfcfe;
}
.ptk-request-facts small {
  display:block;
  color:#8593a4 !important;
  font-family:var(--ptk-font-mono);
  font-size:8.5px !important;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ptk-request-facts strong {
  display:block;
  margin-top:4px;
  color:#28384d;
  font-size:11.5px !important;
  line-height:1.42;
}
.ptk-request-summary-actions {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:15px;
}
#peptok-auth-nav + .page-frame .ptk-recommendations-surface {
  padding:18px;
  border-radius:18px;
}
.ptk-recommendations-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:13px;
}
.ptk-recommendations-title {
  display:flex;
  align-items:center;
  gap:11px;
}
.ptk-recommendations-title h3 {
  margin:4px 0 0 !important;
  font-size:19px !important;
}
.ptk-match-sort {
  height:36px;
  border:1px solid var(--ptk-preview-border);
  background:#fff;
  border-radius:10px;
  padding:0 10px;
  color:#627386;
  font:inherit;
  font-size:11px;
  font-weight:700;
}
.ptk-match-list {
  display:grid;
  gap:12px;
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card {
  display:block;
  overflow:hidden;
  padding:0;
  border-radius:16px;
  box-shadow:none;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card:hover {
  border-color:#d4dfeb;
  box-shadow:0 12px 30px rgba(16,35,63,.055);
  transform:translateY(-1px);
}
.ptk-recommendation-main {
  padding:17px;
}
#peptok-auth-nav + .page-frame .ptk-recommendation-head {
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
}
.ptk-match-avatar {
  width:50px;
  height:50px;
  border-radius:15px;
  background:linear-gradient(135deg,#e8f2ff,#eafaf7);
  color:#1769e0;
  font-weight:850;
}
.ptk-expert-copy { min-width:0; }
.ptk-expert-name-line {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.ptk-expert-name-line strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px !important;
}
.ptk-expert-copy > p {
  margin:3px 0 4px !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#68798d !important;
  font-size:12px !important;
}
.ptk-verified {
  width:15px;
  height:15px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:999px;
  background:#e9f2ff;
  color:#1769e0;
  font-size:9px !important;
  font-weight:900;
}
.ptk-rating {
  display:flex;
  align-items:center;
  gap:5px;
  color:#718297;
  font-size:10.5px;
}
.ptk-rating span { font-size:10.5px !important; }
.ptk-stars {
  color:#f0a312;
  letter-spacing:.5px;
}
.ptk-score-wrap {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.ptk-best-match {
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border:1px solid #d4eadf;
  border-radius:999px;
  background:#edf9f5;
  color:#16775f;
  font-size:9px !important;
  font-weight:850;
  white-space:nowrap;
}
.ptk-score-cluster {
  display:grid;
  justify-items:center;
  gap:6px;
}
#peptok-auth-nav + .page-frame .ptk-match-score {
  width:64px;
  height:64px;
  min-width:64px;
  padding:0;
  display:grid;
  place-items:center;
  align-content:center;
  border:0;
  border-radius:999px;
  background:
    radial-gradient(circle at center,#fff 58%,transparent 59%),
    conic-gradient(#1769e0 0 var(--ptk-score),#e9eef4 var(--ptk-score) 100%);
  box-shadow:inset 0 0 0 1px #dfe7ef;
}
#peptok-auth-nav + .page-frame .ptk-match-score strong {
  color:#1769e0;
  font-size:16px !important;
  line-height:1;
}
.ptk-match-score-label {
  max-width:72px;
  color:#8392a4;
  font-family:var(--ptk-font-mono);
  font-size:8px !important;
  font-weight:850;
  line-height:1.25;
  letter-spacing:.09em;
  text-align:center;
  text-transform:uppercase;
}
.ptk-match-basis {
  margin:13px 0 0 !important;
  color:#607286 !important;
  font-size:11.5px !important;
  line-height:1.5 !important;
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card .ptk-commerce-summary {
  margin-top:13px;
  padding:12px 13px;
  border:1px solid #edf1f5;
  border-radius:12px;
  background:#f7f9fc;
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card .ptk-commerce-summary span {
  color:#8694a5;
  font-family:var(--ptk-font-mono);
  font-size:8.5px !important;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card .ptk-commerce-summary strong {
  font-size:12px !important;
}
.ptk-fit-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:10px;
  margin-top:12px;
}
.ptk-fit-grid > section {
  min-width:0;
  padding:12px;
  border:1px solid var(--ptk-preview-border);
  border-radius:12px;
}
.ptk-fit-grid > section > .ptk-eyebrow {
  color:#7a899c !important;
  font-size:8.5px !important;
}
#peptok-auth-nav + .page-frame .ptk-fit-grid ul {
  display:grid;
  gap:7px;
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
#peptok-auth-nav + .page-frame .ptk-fit-grid li {
  display:grid;
  grid-template-columns:15px 1fr;
  gap:6px;
  margin:0;
  color:#596b80;
  font-size:11px !important;
  line-height:1.45;
}
.ptk-signal-icon { font-size:11px !important; }
.ptk-signal-icon.is-positive { color:#148f70; }
.ptk-signal-icon.is-warning { color:#b1741c; }
.ptk-match-actions {
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 17px;
  border-top:1px solid var(--ptk-preview-border);
  background:#fbfcfe;
}
.ptk-match-actions > .ptk-button:first-child {
  margin-right:auto;
}
@media (max-width:1180px) {
  #peptok-auth-nav + .page-frame .ptk-request-layout {
    grid-template-columns:280px minmax(0,1fr);
  }
  .ptk-request-facts {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ptk-fit-grid {
    grid-template-columns:1fr;
  }
  .ptk-best-match { display:none; }
}
@media (max-width:900px) {
  #peptok-auth-nav + .page-frame .ptk-request-layout {
    grid-template-columns:1fr;
  }
  #peptok-auth-nav + .page-frame .ptk-request-list {
    position:static;
    max-height:none;
  }
  .ptk-request-scroll {
    max-height:360px;
  }
  .ptk-request-summary-actions {
    width:100%;
  }
}
@media (max-width:640px) {
  .ptk-request-summary-head {
    grid-template-columns:1fr;
  }
  .ptk-request-summary-status {
    justify-self:start;
  }
  .ptk-request-facts {
    grid-template-columns:1fr;
  }
  .ptk-request-scroll {
    display:flex;
    gap:8px;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    padding:9px 10px 11px;
    scroll-snap-type:x proximity;
  }
  #peptok-auth-nav + .page-frame .ptk-request-row {
    flex:0 0 min(82vw,300px);
    min-width:min(82vw,300px);
    border:1px solid #e7edf4;
    border-radius:12px;
    scroll-snap-align:start;
  }
  #peptok-auth-nav + .page-frame .ptk-request-row:first-child {
    border-top:1px solid #e7edf4;
  }
  .ptk-recommendations-head {
    align-items:stretch;
    flex-direction:column;
  }
  .ptk-match-sort { width:100%; }
  #peptok-auth-nav + .page-frame .ptk-recommendation-head {
    grid-template-columns:46px minmax(0,1fr);
    align-items:start;
  }
  .ptk-match-avatar {
    width:46px;
    height:46px;
  }
  .ptk-score-wrap {
    grid-column:1 / -1;
    align-items:flex-start;
  }
  .ptk-score-cluster {
    justify-items:center;
  }
  #peptok-auth-nav + .page-frame .ptk-match-score {
    width:64px;
    height:64px;
    min-width:64px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:999px;
    background:
      radial-gradient(circle at center,#fff 58%,transparent 59%),
      conic-gradient(#1769e0 0 var(--ptk-score),#e9eef4 var(--ptk-score) 100%);
    box-shadow:inset 0 0 0 1px #dfe7ef;
  }
  .ptk-match-score-label {
    max-width:72px;
    text-align:center;
  }
  .ptk-match-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .ptk-match-actions > .ptk-button:first-child {
    grid-column:1 / -1;
    width:100%;
    margin:0;
  }
  .ptk-request-summary-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .ptk-request-summary-actions > .ptk-button:first-child {
    grid-column:1 / -1;
    width:100%;
  }
}


/* 2026-10-09 visually appealing authenticated pages */
:root {
  --ptk-visual-bg:#f3f6fa;
  --ptk-visual-surface:#ffffff;
  --ptk-visual-line:#e2e8f0;
  --ptk-visual-line-strong:#d4dde8;
  --ptk-visual-ink:#16243a;
  --ptk-visual-muted:#66778c;
  --ptk-visual-soft:#f8fafc;
  --ptk-visual-radius:16px;
  --ptk-visual-shadow:0 1px 2px rgba(16,24,40,.035),0 14px 36px rgba(28,45,72,.04);
  --ptk-visual-shadow-hover:0 16px 42px rgba(28,45,72,.08);
  --ptk-shell-width:266px;
  --ptk-shell-height:66px;
}

/* Authenticated shell: stronger, calmer, and visibly more polished. */
#peptok-auth-nav + .page-frame {
  margin-left:var(--ptk-shell-width);
  padding-top:var(--ptk-shell-height);
  min-height:100vh;
  background:
    radial-gradient(circle at 83% -10%,color-mix(in srgb,var(--ptk-role-accent) 5%,transparent),transparent 30%),
    linear-gradient(180deg,#f8fafc 0,#f4f7fb 260px,#f3f6fa 100%);
}
.ptk-sidebar {
  width:var(--ptk-shell-width);
  padding:17px 14px 12px;
  background:#fff;
  border-right:1px solid var(--ptk-visual-line);
  box-shadow:6px 0 24px rgba(28,45,72,.018);
}
.ptk-sidebar-brand {
  min-height:48px;
  padding:0 10px 13px;
}
.ptk-sidebar-brand .ptk-brand img { width:108px; }
.ptk-workspace-card {
  min-height:58px;
  margin-bottom:15px;
  padding:10px 11px;
  border:1px solid color-mix(in srgb,var(--ptk-role-accent) 16%,var(--ptk-visual-line));
  border-radius:14px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--ptk-role-accent) 8%,#fff),#fff 68%);
  box-shadow:0 6px 18px rgba(28,45,72,.035);
}
.ptk-workspace-card strong { color:#1c2b40; font-size:12.5px; }
.ptk-workspace-card small { color:#75859a; font-size:10.5px; }
.ptk-workspace-dot {
  width:9px;
  height:9px;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ptk-role-accent) 10%,transparent);
}
.ptk-sidebar-nav {
  gap:3px;
  padding-right:2px;
  scrollbar-width:thin;
  scrollbar-color:#c7d4e1 transparent;
}
.ptk-sidebar-nav::-webkit-scrollbar { width:8px; }
.ptk-sidebar-nav::-webkit-scrollbar-thumb {
  background:#c7d4e1;
  border:2px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
#peptok-auth-nav .ptk-sidebar-nav .ptk-button--nav {
  min-height:41px;
  gap:10px;
  padding:9px 11px;
  border-radius:10px !important;
  color:#34445b !important;
  font-size:13px;
  font-weight:620;
}
#peptok-auth-nav .ptk-sidebar-nav .ptk-button--nav:hover:not(.is-active) {
  background:#f6f8fb !important;
  color:var(--ptk-role-accent) !important;
}
#peptok-auth-nav .ptk-sidebar-nav .ptk-button--nav.is-active {
  padding-left:9px;
  border-left:3px solid var(--ptk-role-accent) !important;
  border-radius:0 10px 10px 0 !important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--ptk-role-accent) 11%,#fff),color-mix(in srgb,var(--ptk-role-accent) 5%,#fff)) !important;
  color:var(--ptk-role-accent) !important;
  font-weight:760;
}
.ptk-nav-icon {
  width:17px;
  height:17px;
  flex:0 0 17px;
  stroke:currentColor;
  color:#8391a3;
}
.ptk-sidebar-nav .is-active .ptk-nav-icon { color:var(--ptk-role-accent); }
.ptk-nav-label {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ptk-sidebar-footer {
  gap:7px;
  padding-top:12px;
  border-top:1px solid #e7ecf2;
}
.ptk-sidebar-footer .ptk-sidebar-help {
  min-height:52px;
  padding:8px 9px;
  border:1px solid #edf1f5 !important;
  border-radius:12px !important;
  background:#fafbfd !important;
}
.ptk-sidebar-footer .ptk-sidebar-help:hover {
  border-color:color-mix(in srgb,var(--ptk-role-accent) 18%,#edf1f5) !important;
  background:color-mix(in srgb,var(--ptk-role-accent) 5%,#fff) !important;
}
.ptk-sidebar-footer .ptk-button--avatar {
  min-height:52px;
  padding:8px 9px;
  border-radius:12px !important;
}
.ptk-sidebar-footer .ptk-button--avatar:hover { background:#f7f9fc; }

.ptk-topbar {
  left:var(--ptk-shell-width);
  min-height:var(--ptk-shell-height);
  height:var(--ptk-shell-height);
  padding:0 24px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--ptk-visual-line);
  box-shadow:0 4px 18px rgba(28,45,72,.025);
}
.ptk-topbar-context small {
  color:#738297;
  font-size:9px;
  letter-spacing:.12em;
}
.ptk-topbar-context strong {
  color:#1e2d42;
  font-size:12.5px;
  font-weight:700;
}
.ptk-topbar .ptk-currency {
  min-height:38px;
  padding:4px 8px;
  border:1px solid #dbe4ee;
  border-radius:11px;
  box-shadow:0 2px 6px rgba(28,45,72,.025);
}
.ptk-switch-workspace {
  min-height:38px;
  border-color:transparent !important;
  background:transparent !important;
}
.ptk-switch-workspace:hover { background:#f7f9fc !important; }

/* Shared page canvas: My Requests density becomes the baseline everywhere. */
#peptok-auth-nav + .page-frame .ptk-client-app {
  width:min(1480px,calc(100% - 42px));
  max-width:none;
  padding:24px 0 66px;
}
#peptok-auth-nav + .page-frame .ptk-client-stack { gap:16px; }
#peptok-auth-nav + .page-frame .ptk-card {
  border:1px solid var(--ptk-visual-line);
  border-radius:var(--ptk-visual-radius);
  background:#fff;
  box-shadow:var(--ptk-visual-shadow);
}
#peptok-auth-nav + .page-frame .ptk-card:hover {
  border-color:#d6e0ea;
}
#peptok-auth-nav + .page-frame .ptk-button {
  border-radius:10px;
  font-size:12.5px;
}
#peptok-auth-nav + .page-frame .ptk-input,
#peptok-auth-nav + .page-frame .ptk-select,
#peptok-auth-nav + .page-frame .ptk-textarea {
  border-color:#dce5ee;
  border-radius:10px;
  background:#fff;
}
#peptok-auth-nav + .page-frame .ptk-badge {
  min-height:20px;
  padding:3px 7px;
  font-size:9.5px !important;
}
#peptok-auth-nav + .page-frame .ptk-status {
  border:1px solid #e2e8ef;
}
#peptok-auth-nav + .page-frame .ptk-empty-state {
  min-height:180px;
  border:1px dashed #d8e2eb;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfcfe,#f8fafc);
}

/* Every real page header is now a visual hero, not just text floating on gray. */
#peptok-auth-nav + .page-frame .ptk-page-header {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  align-items:center;
  min-height:132px;
  padding:24px 26px;
  border:1px solid color-mix(in srgb,var(--ptk-role-accent) 15%,var(--ptk-visual-line));
  border-radius:20px;
  background:
    linear-gradient(128deg,#fff 0%,color-mix(in srgb,var(--ptk-role-accent) 5%,#fff) 62%,color-mix(in srgb,var(--ptk-role-accent) 10%,#fff) 100%);
  box-shadow:0 14px 36px rgba(28,45,72,.045);
}
#peptok-auth-nav + .page-frame .ptk-page-header::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:220px;
  height:220px;
  right:-82px;
  top:-112px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ptk-role-accent) 8%,transparent);
  box-shadow:
    -76px 92px 0 -42px color-mix(in srgb,var(--ptk-role-accent) 6%,transparent),
    -138px 38px 0 -64px color-mix(in srgb,var(--ptk-role-accent) 7%,transparent);
}
#peptok-auth-nav + .page-frame .ptk-page-header > div:first-child { max-width:830px; }
#peptok-auth-nav + .page-frame .ptk-page-header h1 {
  margin:4px 0 7px;
  color:var(--ptk-visual-ink);
  font-size:clamp(28px,3vw,38px);
  line-height:1.07;
  letter-spacing:-.035em;
}
#peptok-auth-nav + .page-frame .ptk-page-header > div > p:not(.ptk-eyebrow) {
  margin:0;
  color:#607188;
  font-size:13px;
  line-height:1.58;
}
#peptok-auth-nav + .page-frame .ptk-eyebrow {
  color:var(--ptk-role-accent);
  font-size:9px;
  letter-spacing:.13em;
}

/* Quiet tabs, like My Requests: underline-led and anchored to the content. */
#peptok-auth-nav + .page-frame .ptk-client-tabs {
  margin:0;
  padding:0 4px;
  background:transparent;
}
#peptok-auth-nav + .page-frame .ptk-tabs-list {
  gap:20px;
  border-bottom:1px solid #dfe6ee;
}
#peptok-auth-nav + .page-frame .ptk-tabs-trigger {
  min-height:40px;
  padding:9px 0 10px;
  border-bottom-width:2px;
  font-size:12px;
}

/* Cards and data surfaces: stronger hierarchy instead of flat white boxes. */
#peptok-auth-nav + .page-frame .ptk-two-column { gap:16px; }
#peptok-auth-nav + .page-frame .ptk-card-grid { gap:16px; }
#peptok-auth-nav + .page-frame .ptk-card-grid > .ptk-card {
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#peptok-auth-nav + .page-frame .ptk-card-grid > .ptk-card:hover {
  transform:translateY(-2px);
  box-shadow:var(--ptk-visual-shadow-hover);
}
#peptok-auth-nav + .page-frame .ptk-section-heading {
  gap:16px;
  padding:2px 1px;
}
#peptok-auth-nav + .page-frame .ptk-section-heading h2,
#peptok-auth-nav + .page-frame .ptk-section-heading h3 {
  color:#1d2b40;
}
#peptok-auth-nav + .page-frame .ptk-list { gap:0; }
#peptok-auth-nav + .page-frame .ptk-row {
  min-height:56px;
  padding:12px 8px;
  border:0;
  border-bottom:1px solid #e8edf3;
  border-radius:0;
  background:transparent;
}
#peptok-auth-nav + .page-frame .ptk-row:first-child { border-top:1px solid #e8edf3; }
#peptok-auth-nav + .page-frame .ptk-row:hover { background:#fafbfd; }
#peptok-auth-nav + .page-frame .ptk-row strong { color:#26364a; font-size:12.5px; }
#peptok-auth-nav + .page-frame .ptk-row span,
#peptok-auth-nav + .page-frame .ptk-row small { color:#6b7c91; font-size:11px; }
#peptok-auth-nav + .page-frame .ptk-stat-grid { gap:12px; }
#peptok-auth-nav + .page-frame .ptk-stat {
  position:relative;
  overflow:hidden;
  min-height:112px;
  padding:18px;
  border-radius:15px;
  background:linear-gradient(145deg,#fff 0,#fff 72%,color-mix(in srgb,var(--ptk-role-accent) 4%,#fff) 100%);
}
#peptok-auth-nav + .page-frame .ptk-stat::after {
  content:"";
  position:absolute;
  width:58px;
  height:58px;
  right:-14px;
  bottom:-22px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ptk-role-accent) 8%,transparent);
}
#peptok-auth-nav + .page-frame .ptk-stat strong {
  color:#17283f;
  font-size:29px !important;
  letter-spacing:-.03em;
}
#peptok-auth-nav + .page-frame .ptk-stat span { color:#53667e; font-size:11.5px; }
#peptok-auth-nav + .page-frame .ptk-fact-grid {
  gap:10px;
}
#peptok-auth-nav + .page-frame .ptk-fact-grid > div {
  min-width:0;
  padding:11px 12px;
  border:1px solid #e7edf3;
  border-radius:11px;
  background:#f9fbfd;
}
#peptok-auth-nav + .page-frame .ptk-fact-grid > div small {
  display:block;
  margin-bottom:4px;
  color:#8794a5;
  font-size:8.5px !important;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#peptok-auth-nav + .page-frame .ptk-fact-grid > div strong {
  color:#29394e;
  font-size:11.5px;
}

/* CLIENT: visually rich home, expert directory, profile, workspaces, checkout and billing. */
.ptk-client-view-home .ptk-next-action {
  min-height:190px;
  padding:28px;
  border:1px solid color-mix(in srgb,var(--ptk-role-accent) 16%,#e2e8f0);
  border-radius:20px;
  background:
    linear-gradient(122deg,#fff 0,color-mix(in srgb,var(--ptk-role-accent) 5%,#fff) 62%,color-mix(in srgb,var(--ptk-role-accent) 11%,#fff) 100%);
  box-shadow:0 18px 46px rgba(28,45,72,.055);
}
.ptk-client-view-home .ptk-next-action h2 {
  max-width:720px;
  font-size:clamp(25px,3vw,34px);
}
.ptk-client-view-home .ptk-stat-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.ptk-client-view-experts > .ptk-client-stack > .ptk-card:first-of-type {
  padding:20px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfcfe);
}
.ptk-client-view-experts .ptk-card-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.ptk-client-view-experts .ptk-expert-card {
  min-height:280px;
  padding:20px;
}
.ptk-client-view-experts .ptk-expert-card .ptk-avatar {
  width:48px;
  height:48px;
  background:linear-gradient(135deg,#eaf3ff,#edf9f6);
  color:var(--ptk-role-accent);
}
.ptk-client-view-expertProfile .ptk-expert-profile-hero {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);
  gap:28px;
  padding:28px;
  border-radius:20px;
  background:
    linear-gradient(125deg,#fff 0,color-mix(in srgb,var(--ptk-role-accent) 5%,#fff) 100%);
}
.ptk-client-view-expertProfile .ptk-profile-identity {
  align-self:stretch;
  padding:20px;
  border:1px solid #e4ebf2;
  border-radius:16px;
  background:rgba(255,255,255,.8);
}
.ptk-client-view-expertProfile .ptk-package-card {
  min-height:260px;
}
.ptk-client-view-workspaces > .ptk-client-stack > .ptk-section-heading:first-child {
  min-height:118px;
  align-items:center;
  padding:22px 24px;
  border:1px solid color-mix(in srgb,var(--ptk-role-accent) 14%,#e2e8f0);
  border-radius:18px;
  background:linear-gradient(125deg,#fff,color-mix(in srgb,var(--ptk-role-accent) 6%,#fff));
  box-shadow:var(--ptk-visual-shadow);
}
.ptk-client-view-payment .ptk-card:first-child,
.ptk-client-view-billing .ptk-two-column > .ptk-card {
  border-radius:18px;
}
.ptk-client-view-billing .ptk-two-column {
  grid-template-columns:1.2fr .8fr;
}

/* My Requests remains the minimum benchmark and gains slightly stronger depth. */
.ptk-client-view-requests .ptk-request-list,
.ptk-client-view-requests .ptk-request-summary,
.ptk-client-view-requests .ptk-recommendations-surface {
  box-shadow:0 12px 32px rgba(28,45,72,.045);
}
.ptk-client-view-requests .ptk-recommendation-card {
  border-color:#dce5ee;
}
.ptk-client-view-requests .ptk-recommendation-card:hover {
  box-shadow:0 14px 36px rgba(28,45,72,.075);
}

/* EXPERT: dashboard and operational screens now feel like a real business console. */
.ptk-expert-view-dashboard .ptk-next-action {
  min-height:180px;
  padding:28px;
  border-radius:20px;
  background:
    linear-gradient(125deg,#fff 0,color-mix(in srgb,var(--ptk-role-accent) 7%,#fff) 100%);
  box-shadow:0 18px 44px rgba(20,68,62,.055);
}
.ptk-expert-view-dashboard .ptk-stat-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.ptk-expert-view-profile .ptk-expert-wizard-progress {
  padding:18px 20px;
  border:1px solid #e0e8ef;
  border-radius:16px;
  background:#fff;
  box-shadow:var(--ptk-visual-shadow);
}
.ptk-expert-view-profile .ptk-client-stack > .ptk-card,
.ptk-expert-view-packages .ptk-client-stack > .ptk-card,
.ptk-expert-view-operations .ptk-two-column > .ptk-card,
.ptk-expert-view-finance .ptk-card {
  border-radius:18px;
}
.ptk-expert-view-packages .ptk-disclosure {
  padding:14px 16px;
  border-radius:13px;
  background:#fafbfd;
}
.ptk-expert-view-workspaces > .ptk-client-stack > .ptk-card {
  overflow:hidden;
}
.ptk-expert-view-operations .ptk-two-column {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.ptk-expert-view-finance .ptk-stat-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

/* ADMIN: stronger command-center feel without adding noise. */
.ptk-admin-app > .ptk-client-tabs {
  margin-bottom:2px !important;
}
.ptk-admin-view-overview .ptk-stat-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.ptk-admin-view-overview .ptk-client-stack > .ptk-card:last-child {
  border-radius:18px;
}
.ptk-admin-view-users .ptk-client-stack > .ptk-card {
  padding:14px 18px;
}
.ptk-admin-view-approvals .ptk-two-column > .ptk-card {
  min-height:360px;
  border-radius:18px;
}
.ptk-admin-view-orders .ptk-client-stack > .ptk-card,
.ptk-admin-view-finance .ptk-card,
.ptk-admin-view-operations .ptk-card {
  border-radius:18px;
}
.ptk-admin-view-finance .ptk-card-grid {
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
}
.ptk-admin-view-finance .ptk-card-grid > .ptk-card {
  background:linear-gradient(145deg,#fff,#fbfcfe);
}
.ptk-admin-view-operations .ptk-two-column {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.ptk-admin-view-operations .ptk-audit-metadata {
  border-radius:12px;
  background:#0f172a;
  color:#dbeafe;
}

/* Finance-table presentation is aligned with the benchmark, not raw admin HTML. */
#peptok-auth-nav + .page-frame .finance-table-wrap {
  overflow:auto;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:none;
}
#peptok-auth-nav + .page-frame .finance-table-head {
  background:#f7f9fc;
}
#peptok-auth-nav + .page-frame .finance-table-row {
  border-top-color:#e8edf3;
}
#peptok-auth-nav + .page-frame .finance-table-row > span {
  padding:12px 13px;
  font-size:11px;
}

/* MOBILE: deliberately composed layouts rather than desktop collapsed at random. */
@media (max-width:1180px) {
  .ptk-client-view-experts .ptk-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ptk-client-view-home .ptk-stat-grid,
  .ptk-expert-view-dashboard .ptk-stat-grid,
  .ptk-admin-view-overview .ptk-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:980px) {
  #peptok-auth-nav + .page-frame {
    margin-left:0;
    padding-top:var(--ptk-shell-height);
  }
  .ptk-sidebar {
    width:min(86vw,320px);
    transform:translateX(-103%);
    box-shadow:0 20px 56px rgba(15,23,42,.17);
  }
  .ptk-sidebar.is-open { transform:translateX(0); }
  .ptk-topbar {
    left:0;
    min-height:var(--ptk-shell-height);
    height:var(--ptk-shell-height);
    padding:0 12px;
  }
  #peptok-auth-nav + .page-frame .ptk-client-app {
    width:100%;
    padding:18px 15px 54px;
  }
}
@media (max-width:760px) {
  #peptok-auth-nav + .page-frame .ptk-page-header {
    min-height:0;
    display:grid;
    gap:16px;
    padding:20px;
    border-radius:16px;
  }
  #peptok-auth-nav + .page-frame .ptk-page-header h1 {
    font-size:27px;
  }
  #peptok-auth-nav + .page-frame .ptk-page-header .ptk-actions,
  #peptok-auth-nav + .page-frame .ptk-actions {
    width:100%;
  }
  #peptok-auth-nav + .page-frame .ptk-page-header .ptk-actions .ptk-button,
  #peptok-auth-nav + .page-frame .ptk-actions > .ptk-button {
    flex:1 1 100%;
  }
  #peptok-auth-nav + .page-frame .ptk-two-column,
  #peptok-auth-nav + .page-frame .ptk-card-grid,
  #peptok-auth-nav + .page-frame .ptk-stat-grid,
  #peptok-auth-nav + .page-frame .ptk-fact-grid,
  .ptk-client-view-expertProfile .ptk-expert-profile-hero,
  .ptk-client-view-billing .ptk-two-column,
  .ptk-expert-view-operations .ptk-two-column,
  .ptk-admin-view-operations .ptk-two-column {
    grid-template-columns:1fr !important;
  }
  .ptk-client-view-experts .ptk-card-grid { grid-template-columns:1fr; }
  #peptok-auth-nav + .page-frame .ptk-card { border-radius:14px; }
  #peptok-auth-nav + .page-frame .ptk-row {
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .ptk-topbar-context small { display:none; }
  .ptk-switch-workspace { display:none; }

  /* My Requests keeps its designed compact selector on phones. */
  #peptok-auth-nav + .page-frame .ptk-request-layout { grid-template-columns:1fr; }
  #peptok-auth-nav + .page-frame .ptk-request-list { position:static; max-height:none; }
  .ptk-request-scroll {
    display:flex;
    gap:8px;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    padding:9px 10px 11px;
    scroll-snap-type:x proximity;
  }
  #peptok-auth-nav + .page-frame .ptk-request-row {
    flex:0 0 min(82vw,300px);
    min-width:min(82vw,300px);
    border:1px solid #e4ebf2;
    border-radius:12px;
    scroll-snap-align:start;
  }
  #peptok-auth-nav + .page-frame .ptk-request-row:first-child {
    border-top:1px solid #e4ebf2;
  }
  #peptok-auth-nav + .page-frame .ptk-recommendation-head {
    grid-template-columns:44px minmax(0,1fr);
    align-items:start;
  }
  .ptk-score-wrap {
    grid-column:1 / -1;
    align-items:flex-start;
  }
  .ptk-score-cluster { justify-items:center; }
  #peptok-auth-nav + .page-frame .ptk-match-score {
    width:64px;
    height:64px;
    min-width:64px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:999px;
    background:
      radial-gradient(circle at center,#fff 58%,transparent 59%),
      conic-gradient(var(--ptk-role-accent) 0 var(--ptk-score),#e9eef4 var(--ptk-score) 100%);
    box-shadow:inset 0 0 0 1px #dfe7ef;
  }
  .ptk-match-score-label {
    max-width:72px;
    text-align:center;
  }
}


/* 2026-10-09 quiet-surface refinement: remove nested outline noise */
/* One boundary per visual level. Hierarchy comes from spacing, tone and shadow — not boxes inside boxes. */
#peptok-auth-nav + .page-frame .ptk-page-header {
  border:0;
  box-shadow:0 12px 34px rgba(28,45,72,.055);
}
#peptok-auth-nav + .page-frame .ptk-card {
  border:0;
  box-shadow:0 8px 28px rgba(28,45,72,.052);
}
#peptok-auth-nav + .page-frame .ptk-card:hover {
  border-color:transparent;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-card {
  border:0;
  box-shadow:none;
  background:#f8fafc;
}
#peptok-auth-nav + .page-frame .ptk-fact-grid > div {
  border:0;
  background:#f5f8fb;
}
#peptok-auth-nav + .page-frame .ptk-disclosure {
  border:0;
  background:#f7f9fc;
}
#peptok-auth-nav + .page-frame .ptk-empty-state {
  border:0;
  background:#f8fafc;
}
#peptok-auth-nav + .page-frame .ptk-alert {
  border:0;
  background:#f4f7fa;
}
#peptok-auth-nav + .page-frame .ptk-row:first-child {
  border-top:0;
}

/* My Requests: remove the large rounded container around already-rounded recommendation cards. */
#peptok-auth-nav + .page-frame .ptk-recommendations-surface {
  display:grid;
  gap:14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#peptok-auth-nav + .page-frame .ptk-recommendations-surface:hover {
  border-color:transparent;
}
.ptk-recommendations-head {
  margin:0;
  padding:2px 2px 0;
}
#peptok-auth-nav + .page-frame .ptk-recommendations-surface > .ptk-alert {
  margin:0;
  padding:12px 14px;
  border-radius:11px;
  background:#eef3f8;
}
.ptk-match-list {
  gap:16px;
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card {
  border:0;
  box-shadow:0 8px 28px rgba(28,45,72,.055);
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card:hover {
  border-color:transparent;
  box-shadow:0 16px 38px rgba(28,45,72,.085);
}
#peptok-auth-nav + .page-frame .ptk-recommendation-card .ptk-commerce-summary {
  border:0;
  background:#f4f7fa;
}
.ptk-fit-grid > section {
  border:0;
  background:#f7f9fc;
}
.ptk-fit-grid > section:first-child {
  background:#f4faf8;
}
.ptk-fit-grid > section:last-child {
  background:#fff9f1;
}
.ptk-match-actions {
  border-top:0;
  background:#f8fafc;
}

/* Request list keeps one subtle boundary because it is a navigation surface. */
#peptok-auth-nav + .page-frame .ptk-request-list {
  border:1px solid #e2e8f0;
  box-shadow:0 8px 24px rgba(28,45,72,.04);
}
.ptk-request-list-head {
  border-bottom:0;
  background:#fff;
}
.ptk-request-search {
  margin:0 10px 8px;
  border:0;
  background:#f4f7fa;
}
#peptok-auth-nav + .page-frame .ptk-request-row {
  border:0;
  border-top:1px solid #edf1f5;
}
#peptok-auth-nav + .page-frame .ptk-request-row:first-child {
  border-top:0;
}

/* Discovery and profile pages: fewer outlines, more editorial depth. */
.ptk-client-view-experts > .ptk-client-stack > .ptk-card:first-of-type,
.ptk-client-view-experts .ptk-expert-card,
.ptk-client-view-expertProfile .ptk-expert-profile-hero,
.ptk-client-view-expertProfile .ptk-package-card {
  border:0;
}
.ptk-client-view-experts .ptk-expert-card {
  box-shadow:0 10px 30px rgba(28,45,72,.055);
}
.ptk-client-view-experts .ptk-expert-card:hover {
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(28,45,72,.085);
}
.ptk-client-view-expertProfile .ptk-profile-identity {
  border:0;
  background:#f6f9fc;
}

/* Expert/Admin operational pages: cards are surfaces; dividers carry the structure. */
.ptk-expert-app .ptk-card,
.ptk-admin-app .ptk-card {
  border:0;
}
.ptk-expert-view-profile .ptk-expert-wizard-progress {
  border:0;
}
.ptk-admin-view-approvals .ptk-two-column > .ptk-card,
.ptk-admin-view-orders .ptk-client-stack > .ptk-card,
.ptk-admin-view-finance .ptk-card,
.ptk-admin-view-operations .ptk-card,
.ptk-expert-view-packages .ptk-client-stack > .ptk-card,
.ptk-expert-view-operations .ptk-two-column > .ptk-card,
.ptk-expert-view-finance .ptk-card {
  box-shadow:0 8px 28px rgba(28,45,72,.05);
}

/* Avoid rounded edges visually colliding when adjacent content belongs to one surface. */
#peptok-auth-nav + .page-frame .ptk-card > .ptk-alert:first-child,
#peptok-auth-nav + .page-frame .ptk-card > .ptk-alert:last-child {
  border-radius:10px;
}
#peptok-auth-nav + .page-frame .ptk-list {
  overflow:visible;
}


/* 2026-10-09 contextual heroes and simplified geometry */
/* Context should come from purposeful illustration, not decorative blobs. */
#peptok-auth-nav + .page-frame .ptk-page-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px auto;
  column-gap:22px;
  align-items:center;
  min-height:136px;
  padding:24px 26px;
  border-radius:16px;
}
#peptok-auth-nav + .page-frame .ptk-page-header::after {
  display:none;
}
.ptk-page-header-copy {
  min-width:0;
  max-width:820px;
}
.ptk-page-header-actions {
  position:relative;
  z-index:2;
  justify-self:end;
  align-self:center;
}
.ptk-hero-visual {
  width:190px;
  height:118px;
  display:grid;
  place-items:center;
  justify-self:end;
  color:var(--ptk-role-accent);
  opacity:.92;
  pointer-events:none;
}
.ptk-hero-visual svg {
  width:100%;
  height:100%;
  overflow:visible;
}
.ptk-hero-visual .hero-panel {
  fill:color-mix(in srgb,var(--ptk-role-accent) 5%,#fff);
  stroke:color-mix(in srgb,var(--ptk-role-accent) 32%,#cbd5e1);
  stroke-width:2;
}
.ptk-hero-visual .hero-node {
  fill:#fff;
  stroke:color-mix(in srgb,var(--ptk-role-accent) 38%,#cbd5e1);
  stroke-width:2;
}
.ptk-hero-visual .hero-node.is-accent {
  fill:color-mix(in srgb,var(--ptk-role-accent) 12%,#fff);
  stroke:var(--ptk-role-accent);
}
.ptk-hero-visual .hero-line,
.ptk-hero-visual .hero-detail,
.ptk-hero-visual .hero-bars,
.ptk-hero-visual .hero-check,
.ptk-hero-visual .hero-lens {
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ptk-hero-visual .hero-line {
  stroke:color-mix(in srgb,var(--ptk-role-accent) 58%,#94a3b8);
  stroke-width:2.2;
}
.ptk-hero-visual .hero-detail {
  stroke:#93a4b8;
  stroke-width:2;
}
.ptk-hero-visual .hero-bars {
  stroke:var(--ptk-role-accent);
  stroke-width:6;
}
.ptk-hero-visual .hero-check {
  stroke:var(--ptk-role-accent);
  stroke-width:3;
}
.ptk-hero-visual .hero-lens {
  fill:color-mix(in srgb,var(--ptk-role-accent) 6%,#fff);
  stroke:var(--ptk-role-accent);
  stroke-width:2.4;
}

/* One consistent content edge for the umbrella Client home and its active workspace view. */
#peptok-auth-nav + .page-frame .ptk-client-app > .ptk-page-header,
#peptok-auth-nav + .page-frame .ptk-client-app > .ptk-client-tabs,
#peptok-auth-nav + .page-frame .ptk-client-app > .ptk-client-stack {
  width:100%;
  margin-left:0;
  margin-right:0;
  box-sizing:border-box;
}
#peptok-auth-nav + .page-frame .ptk-client-app > .ptk-client-tabs {
  padding-left:0;
  padding-right:0;
}

/* Major cards may be rounded; nested information should stay flatter and quieter. */
#peptok-auth-nav + .page-frame .ptk-client-stack {
  gap:18px;
}
#peptok-auth-nav + .page-frame .ptk-card {
  border-radius:14px;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-disclosure,
#peptok-auth-nav + .page-frame .ptk-card .ptk-commerce-summary,
#peptok-auth-nav + .page-frame .ptk-card .ptk-fact-grid > div,
#peptok-auth-nav + .page-frame .ptk-card .ptk-alert {
  border-radius:5px;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-disclosure {
  background:transparent;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-disclosure > summary {
  border-radius:4px;
  background:#f5f7fa;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-commerce-summary {
  background:#f5f7fa;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-fact-grid > div {
  background:#f5f7fa;
}
#peptok-auth-nav + .page-frame .ptk-fit-grid > section {
  border-radius:6px;
}

/* Expert dashboard should use the full row: three facts, three equal columns, no dead fourth slot. */
.ptk-expert-view-dashboard .ptk-stat-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.ptk-expert-view-dashboard .ptk-stat-grid > * {
  min-width:0;
}

/* Packages: remove card-within-card geometry from the create/edit disclosures. */
.ptk-expert-view-packages .ptk-card > .ptk-disclosure {
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
}
.ptk-expert-view-packages .ptk-card > .ptk-disclosure > summary {
  padding:12px 14px;
  border-radius:4px;
  background:#f4f7fa;
}
.ptk-expert-view-packages .ptk-commerce-summary {
  border-radius:4px !important;
}

/* PepGuide summary metrics read as one strip instead of three competing rounded tiles. */
.ptk-expert-view-pepguide .ptk-fact-grid,
.ptk-client-view-pepguide .ptk-fact-grid {
  gap:0 !important;
  overflow:hidden;
  border-radius:5px;
  background:#f5f7fa;
}
.ptk-expert-view-pepguide .ptk-fact-grid > div,
.ptk-client-view-pepguide .ptk-fact-grid > div {
  border-radius:0 !important;
  background:transparent !important;
  border-left:1px solid #e7edf3 !important;
}
.ptk-expert-view-pepguide .ptk-fact-grid > div:first-child,
.ptk-client-view-pepguide .ptk-fact-grid > div:first-child {
  border-left:0 !important;
}

/* My Requests: selected state is a clean rail, not another curved panel. */
#peptok-auth-nav + .page-frame .ptk-client-view-requests .ptk-request-row {
  border-radius:0 !important;
}
#peptok-auth-nav + .page-frame .ptk-client-view-requests .ptk-request-row.is-active {
  border-radius:0 !important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--ptk-role-accent) 8%,#fff),#fff 88%) !important;
  box-shadow:inset 3px 0 0 var(--ptk-role-accent) !important;
}

/* Reduce nested radius on account/notification surfaces where stacked panels were touching. */
.ptk-client-view-account .ptk-card,
.ptk-expert-view-account .ptk-card {
  border-radius:12px;
}
.ptk-client-view-account .ptk-empty-state,
.ptk-expert-view-account .ptk-empty-state {
  border-radius:5px;
}

/* Keep contextual illustrations helpful but secondary on smaller screens. */
@media (max-width:1100px) {
  #peptok-auth-nav + .page-frame .ptk-page-header {
    grid-template-columns:minmax(0,1fr) 150px auto;
  }
  .ptk-hero-visual {
    width:150px;
    height:104px;
  }
}
@media (max-width:760px) {
  #peptok-auth-nav + .page-frame .ptk-page-header {
    grid-template-columns:minmax(0,1fr) 88px;
    gap:10px 14px;
    padding:18px;
  }
  .ptk-page-header-actions {
    grid-column:1 / -1;
    justify-self:stretch;
  }
  .ptk-hero-visual {
    width:88px;
    height:74px;
    opacity:.72;
  }
}
@media (max-width:480px) {
  #peptok-auth-nav + .page-frame .ptk-page-header {
    grid-template-columns:1fr;
  }
  .ptk-hero-visual {
    display:none;
  }
}


/* 2026-10-09 interaction stability and visual cleanup */
/* Repeated UI issue: inner controls should never visually collide with the surface above them. */
#peptok-auth-nav + .page-frame .ptk-commerce-summary + .ptk-actions,
#peptok-auth-nav + .page-frame .ptk-fact-grid + .ptk-actions,
#peptok-auth-nav + .page-frame .ptk-disclosure + .ptk-actions,
#peptok-auth-nav + .page-frame .ptk-list + .ptk-actions,
#peptok-auth-nav + .page-frame .ptk-empty-state + .ptk-actions {
  margin-top:12px;
}
#peptok-auth-nav + .page-frame .ptk-card > .ptk-actions:last-child {
  margin-top:12px;
}

/* Inner summaries belong to their parent card; keep them visually flat. */
#peptok-auth-nav + .page-frame .ptk-card .ptk-stat {
  border:0;
  border-radius:4px;
  background:#f5f7fa;
  box-shadow:none;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-stat::after {
  display:none;
}
#peptok-auth-nav + .page-frame .ptk-card .ptk-status {
  border:0;
}

/* Client Workspaces no longer gets an extra blue outlined pseudo-hero below the real hero. */
.ptk-client-view-workspaces > .ptk-client-stack > .ptk-section-heading:first-child {
  min-height:0;
  padding:4px 2px 10px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

/* Notification preferences: compact, scannable, and intentionally bounded. */
.ptk-notification-preferences-card {
  padding:20px 22px !important;
}
.ptk-notification-preferences-card > .ptk-section-heading {
  margin-bottom:14px;
}
.ptk-notification-preferences {
  width:min(100%,720px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 12px;
}
.ptk-preference-option {
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:9px;
  padding:12px 13px;
  border-radius:7px;
  background:#f6f8fb;
  font-weight:600;
  cursor:pointer;
}
.ptk-preference-option input {
  width:18px;
  height:18px;
  margin:1px 0 0;
  accent-color:var(--ptk-role-accent);
}
.ptk-preference-option > span {
  display:grid;
  gap:3px;
}
.ptk-preference-option strong {
  color:#223249;
  font-size:12px;
}
.ptk-preference-option small {
  color:#718196;
  font-size:10.5px;
  line-height:1.4;
  font-weight:500;
}
.ptk-preference-actions {
  grid-column:1 / -1;
  padding-top:2px;
}
.ptk-preference-actions .ptk-button {
  width:auto !important;
  min-width:150px;
}

/* Empty notification panels should inform, not occupy most of the viewport. */
.ptk-client-view-account .ptk-empty-state,
.ptk-expert-view-account .ptk-empty-state {
  min-height:112px !important;
  padding:22px !important;
}

/* Human-facing statuses should read like product language, not system telemetry. */
#peptok-auth-nav + .page-frame .ptk-status {
  text-transform:none;
  letter-spacing:0;
  font-family:var(--ptk-font-sans);
  font-size:10px !important;
  font-weight:700;
}

/* Keep the request navigator steady while selection/detail content rerenders. */
.ptk-request-scroll {
  overscroll-behavior:contain;
  overflow-anchor:none;
}

/* Avoid card-inside-card edges looking like stacked rounded rectangles. */
.ptk-card > .ptk-commerce-summary,
.ptk-card > .ptk-fact-grid,
.ptk-card > .ptk-disclosure,
.ptk-card > .ptk-alert,
.ptk-card > .ptk-empty-state {
  margin-left:0;
  margin-right:0;
}
.ptk-client-view-experts .ptk-expert-card .ptk-commerce-summary,
.ptk-client-view-pepguide .ptk-fact-grid,
.ptk-expert-view-pepguide .ptk-fact-grid {
  margin-bottom:0;
}

/* Secondary cards inside finance/account areas are visual rows, not mini-cards. */
.ptk-expert-view-finance .ptk-card .ptk-stat-grid {
  gap:1px;
  overflow:hidden;
  border-radius:5px;
  background:#e7edf3;
}
.ptk-expert-view-finance .ptk-card .ptk-stat {
  border-radius:0;
  background:#f7f9fc;
}

/* Small-screen preferences collapse cleanly without full-width save controls. */
@media (max-width:760px) {
  .ptk-notification-preferences {
    grid-template-columns:1fr;
  }
  .ptk-preference-actions {
    grid-column:auto;
  }
  .ptk-preference-actions .ptk-button {
    width:100% !important;
  }
}

/* WU-CAT-02: compact, responsive Admin service-catalogue editor. */
.ptk-category-directory .ptk-catalogue-status { display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:12px 2px;border-bottom:1px solid var(--ptk-border);font-size:.82rem; }
.ptk-category-directory .ptk-catalogue-status strong { font-weight:800;color:var(--ptk-foreground); }
.ptk-catalogue-layout { display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:16px;align-items:start;min-width:0; }
.ptk-catalogue-list-card,.ptk-catalogue-editor { min-width:0; }
.ptk-catalogue-filter { display:flex;align-items:center;gap:8px;font-size:.82rem; }
.ptk-catalogue-filter input { width:auto; }
.ptk-catalogue-items { display:grid;gap:0;margin-top:8px; }
.ptk-catalogue-item { border:0;border-top:1px solid var(--ptk-border);background:transparent;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:12px 4px;cursor:pointer;color:var(--ptk-foreground); }
.ptk-catalogue-item:hover,.ptk-catalogue-item.is-selected { background:color-mix(in srgb,var(--ptk-role-accent) 6%,#fff); }
.ptk-catalogue-item.is-selected { border-left:3px solid var(--ptk-role-accent);padding-left:9px; }
.ptk-catalogue-item>span { display:grid;gap:2px;min-width:0; }
.ptk-catalogue-item strong { font-size:.85rem;overflow-wrap:anywhere; }
.ptk-catalogue-item small { font-size:.73rem;color:var(--ptk-muted);overflow-wrap:anywhere; }
.ptk-catalogue-item-meta { justify-items:end;text-align:right; }
.ptk-catalogue-money-grid { display:grid;gap:0;margin:4px 0; }
.ptk-catalogue-money-row { display:grid;grid-template-columns:55px minmax(0,1fr);align-items:start;gap:12px;padding:10px 0;border-bottom:1px solid var(--ptk-border); }
.ptk-catalogue-money-row>div { display:grid;gap:3px; }
.ptk-catalogue-money-row small,.ptk-catalogue-history small { color:var(--ptk-muted);font-size:.73rem; }
.ptk-catalogue-history { border-bottom:1px solid var(--ptk-border);padding:12px 4px;overflow-wrap:anywhere; }
.ptk-catalogue-history summary { cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px; }
.ptk-catalogue-history p { margin:9px 0 5px; }
.ptk-category-directory code { overflow-wrap:anywhere; }
@media (max-width:760px) {
  .ptk-catalogue-layout { grid-template-columns:minmax(0,1fr); }
  .ptk-category-directory .ptk-catalogue-status { gap:8px 12px; }
  .ptk-catalogue-item-meta { justify-items:start;text-align:left; }
  .ptk-catalogue-history summary { display:grid; }
}

/* M3-PREP-01: read-only tax compliance, no editable financial controls. */
.ptk-tax-compliance .ptk-tax-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:12px 0 0}
.ptk-tax-fact{min-width:0;padding:12px 0;border-bottom:1px solid var(--ptk-border)}
.ptk-tax-fact dt{font-size:.76rem;color:var(--ptk-muted);font-weight:600;margin-bottom:4px}
.ptk-tax-fact dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.ptk-tax-guidance{font-size:.88rem;line-height:1.55;margin:14px 0 0;max-width:68ch}
.ptk-tax-expert-list{display:grid;gap:4px;max-height:360px;overflow:auto;margin-top:10px}
.ptk-tax-expert-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;background:transparent;color:inherit;border:1px solid transparent;border-radius:8px;cursor:pointer}
.ptk-tax-expert-row > span{display:grid;gap:4px;min-width:0}
.ptk-tax-expert-row small{color:var(--ptk-muted)}
.ptk-tax-expert-row:hover,.ptk-tax-expert-row[aria-pressed="true"]{background:var(--ptk-secondary);border-color:var(--ptk-border)}
.ptk-tax-expert-row:focus-visible{outline:3px solid var(--ptk-primary);outline-offset:2px}
@media(max-width:640px){.ptk-tax-compliance .ptk-tax-facts{grid-template-columns:1fr}.ptk-tax-expert-row{align-items:flex-start;flex-direction:column}}