: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-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 { width:66px;height:66px;border-radius:999px;display:grid;place-items:center;align-content:center;background:#eef7ff;border:5px solid rgba(18,82,179,.15);color:var(--ptk-primary); }
.ptk-match-score strong { font-size:1rem; }
.ptk-match-score span { font-size:.65rem;font-weight:800;text-transform:uppercase; }
.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; }
}