/* Public Share: the exact public-site header anatomy, isolated from Dashboard cards. */
/* Match the production homepage canvas: #fafaf8, without lavender tint. */
html,body.ptp-network-share{min-height:100%;margin:0;background:var(--bg);color:var(--ink)}
body.ptp-network-share{font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
body.ptp-network-share .shell{width:100%;max-width:1300px;margin:0 auto;background:var(--bg)}
body.ptp-network-share .skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:#fff;z-index:100;padding:10px}
body.ptp-network-share .skip:focus{top:10px}
/* Mirrored from the final computed /en/ homepage header, not Dashboard navigation. */
body.ptp-network-share .nav{display:flex;align-items:center;position:relative;z-index:20;height:80px;padding:0 11px;gap:28px;border:0;background:var(--bg);font:16px/1.6 var(--sans)}
body.ptp-network-share .nav .brand{display:inline-flex;align-items:center;flex-shrink:0;gap:13px;white-space:nowrap;color:var(--ink);font:500 18px/1.6 var(--display);letter-spacing:0;padding:0;height:auto;width:auto;background:none}
body.ptp-network-share .nav .brand:hover{color:var(--accent)}
body.ptp-network-share .nav .brand-wordmark{display:inline-block;line-height:1;font-weight:700;letter-spacing:.04em;word-spacing:.08em}
body.ptp-network-share .nav .brand-mark{width:28px;height:30px;display:flex;align-items:center;flex-shrink:0;gap:3px;transform:skewY(-9deg)}
body.ptp-network-share .nav .brand-mark i{display:block;width:6px;border-radius:1px;background:var(--accent)}
body.ptp-network-share .nav .brand-mark i:nth-child(1){height:15px}
body.ptp-network-share .nav .brand-mark i:nth-child(2){height:26px}
body.ptp-network-share .nav .brand-mark i:nth-child(3){height:21px}
body.ptp-network-share .nav .nav-links{display:flex;align-items:center;gap:28px;margin:auto;font:600 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.005em}
body.ptp-network-share .nav .nav-links a{color:var(--ink);text-decoration:none}
body.ptp-network-share .nav .nav-links a:hover,body.ptp-network-share .nav .nav-links a[aria-current=page]{color:var(--accent)}
body.ptp-network-share .nav .nav-actions{display:flex;align-items:center;gap:10px;margin:0;font-size:14px}
body.ptp-network-share .nav .languages{display:flex;align-items:center;gap:0;font-size:13px;letter-spacing:0}
body.ptp-network-share .nav .language-select{box-sizing:border-box;appearance:none;-webkit-appearance:none;min-width:58px;height:34px;padding:0 24px 0 7px;border:0;border-radius:8px;box-shadow:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2324262d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:14px;color:var(--ink);font:600 13px/13px var(--mono);cursor:pointer}
body.ptp-network-share .nav .language-select:focus-visible{outline:3px solid #9e90ef;outline-offset:3px}
body.ptp-network-share .nav .button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:34px;padding:6px 13px;border:1px solid #eeedf0!important;border-radius:10px;background:#fff;color:var(--ink);font:600 13px/1.4 var(--mono);text-transform:uppercase;white-space:nowrap;text-decoration:none;box-shadow:none;cursor:pointer;transition:background .15s,transform .15s}
body.ptp-network-share .nav .button:hover{background:#f5f4f8;color:var(--ink);transform:translateY(-1px)}
body.ptp-network-share .nav .login{width:63px;min-width:63px;padding-left:9px;padding-right:9px}
body.ptp-network-share .nav .signup{width:77px;min-width:77px;background:var(--accent);border-color:var(--accent)!important;color:#fff}
body.ptp-network-share .nav .signup:hover{background:#503cbf;color:#fff}
body.ptp-network-share .nav .menu-toggle{display:none;min-width:40px;min-height:40px;padding:5px 10px;border:0;border-radius:5px;background:transparent;color:#000;font:400 20px/1.6 var(--sans);cursor:pointer}
/* Header and Account Overview share aligned side gutters within a 1300px public-only shell. */
body.ptp-network-share #main{margin:0!important;width:100%!important;max-width:none!important;min-height:calc(100vh - 80px);box-sizing:border-box;padding:38px 11px 72px!important;transform:none!important;background:var(--bg)}
body.ptp-network-share .network-account-overview{gap:16px;background:transparent}
body.ptp-network-share #main .network-account-overview-header{grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto;align-items:end}
body.ptp-network-share #main .network-account-title{grid-column:1;grid-row:1}
/* Homepage nav links: Geist Mono 13px / 600 / 1.4. Use that scale for the account subtitle and live quote strip. */
body.ptp-network-share #main .network-account-identity{margin:9px 0 0;row-gap:4px;color:#677287;font:600 13px/1.4 var(--mono);letter-spacing:.005em;font-variant-numeric:tabular-nums}
body.ptp-network-share #main .network-account-identity>span:nth-child(-n+2){font-weight:600;color:#3d465a}
body.ptp-network-share #main .network-account-identity>span:nth-child(n+3){font-weight:500;color:#677287}
body.ptp-network-share #main .network-account-quotes{grid-column:2;grid-row:1;align-self:end;align-items:baseline;min-width:0}
body.ptp-network-share #main .network-account-quote{font:500 13px/1.4 var(--mono);letter-spacing:.005em;font-variant-numeric:tabular-nums}
body.ptp-network-share #main .network-account-quote>strong{font:600 13px/1.4 var(--mono);letter-spacing:.005em;font-variant-numeric:tabular-nums}
body.ptp-network-share #main .network-account-quote>small{font:500 13px/1.4 var(--mono);letter-spacing:.005em}
body.ptp-network-share .network-share-loading{min-height:55vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font:400 13px var(--sans)}
body.ptp-network-share .network-share-loading .network-trade-empty-spinner{display:block;box-sizing:border-box;width:24px;height:24px;border:2px solid rgba(101,80,221,.12);border-top-color:var(--accent);border-radius:50%;animation:networkTradeEmptySpin 1s linear infinite}
body.ptp-network-share #main .network-account-kpis{margin-top:0}
/* Public Account Growth: Year | 12 equal Month slots | Total % | Total Net.
   Narrow fixed bookend columns and let the months divide all remaining width.
   Both header and value share each column's alignment; only public share. */
body.ptp-network-share #main .network-account-growth .statistics-monthly-table{
 table-layout:fixed
}
body.ptp-network-share #main .network-account-growth .statistics-monthly-table :is(th,td).network-account-year-column{
 width:68px;text-align:center;padding-left:9px;padding-right:9px
}
/* Shift month headings and values 8px right within their existing equal-width
   cells. Total horizontal padding stays 18px; Year and Total columns stay put. */
body.ptp-network-share #main .network-account-growth .statistics-monthly-table :is(th,td):nth-child(n+2):nth-child(-n+13){
  padding-left:17px;padding-right:1px
}
body.ptp-network-share #main .network-account-growth .statistics-monthly-table :is(th,td):nth-last-child(2){
 width:96px;text-align:right;padding-right:3px
}
body.ptp-network-share #main .network-account-growth .statistics-monthly-table :is(th,td):last-child{
 width:108px;text-align:right;padding-right:9px
}
body.ptp-network-share .network-share-periods{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
body.ptp-network-share .network-share-periods button{min-width:36px;height:28px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#71809b;font:500 11.5px var(--sans);cursor:pointer}
body.ptp-network-share .network-share-periods button:hover{background:#f4f2fb;color:var(--accent)}
body.ptp-network-share .network-share-periods button.selected{background:#eeeafd;color:var(--accent)}
/* Public Trade History pagination follows the approved Billing / Affiliate pager:
   real row range on the left, compact page actions on the right. */
body.ptp-network-share .network-share-page-controls{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:8px 16px;min-height:44px;margin-top:7px;padding-top:7px;border:0;
 color:#7d8798;font:400 12px/1.3 var(--sans)
}
body.ptp-network-share .network-share-page-summary{
 color:#7d8798;font:400 12px/1.3 var(--sans);white-space:nowrap
}
body.ptp-network-share .network-share-page-actions{
 display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto
}
body.ptp-network-share .network-share-page-current{
 padding-inline:3px;color:#697388;font:500 11.5px/1 var(--sans);white-space:nowrap
}
body.ptp-network-share .network-share-page-actions button{
 height:32px;padding:0 10px;border:1px solid #e2e5ec;border-radius:8px;
 background:#fff;color:#667085;font:500 11.5px/1 var(--sans);
 white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s
}
body.ptp-network-share .network-share-page-actions button:hover:not(:disabled){
 border-color:#d8d2f1;background:#faf9fd;color:var(--accent)
}
body.ptp-network-share .network-share-page-actions button:focus-visible{
 outline:2px solid var(--accent);outline-offset:2px
}
body.ptp-network-share .network-share-page-actions button:disabled{
 opacity:.45;cursor:default
}
@media(max-width:620px){
 body.ptp-network-share .network-share-page-controls{align-items:flex-start;gap:8px}
 body.ptp-network-share .network-share-page-summary{width:100%}
 body.ptp-network-share .network-share-page-actions{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
 body.ptp-network-share .network-share-page-actions button{transition:none}
}
@media(max-width:1100px){
 body.ptp-network-share .nav{padding-inline:7px;gap:18px}
 body.ptp-network-share .nav .nav-links{gap:18px;font-size:12px}
 body.ptp-network-share .nav .brand{font-size:16px}
 body.ptp-network-share .nav .nav-actions{gap:7px}
 body.ptp-network-share #main{padding-inline:7px!important}
}
@media(max-width:850px){
 body.ptp-network-share .nav{height:72px;padding-inline:5px;justify-content:space-between;gap:10px}
 body.ptp-network-share .nav .nav-links{display:none;position:absolute;top:72px;left:5px;right:5px;z-index:21;margin:0;padding:22px;gap:4px;flex-direction:column;align-items:stretch;border:0;border-radius:14px;background:#fff;box-shadow:0 12px 40px #28203e12;font-size:13px}
 body.ptp-network-share .nav .nav-links.open{display:flex}
 body.ptp-network-share .nav .nav-links a{display:block;padding:12px;border-radius:7px}
 body.ptp-network-share .nav .nav-links a:hover{background:var(--violet)}
 body.ptp-network-share .nav .nav-actions{margin-left:auto}
 body.ptp-network-share .nav .menu-toggle{display:block}
 body.ptp-network-share #main{min-height:calc(100vh - 72px);padding-inline:5px!important}
}
@media(max-width:600px){
 body.ptp-network-share .nav{padding-inline:4px;gap:8px}
 body.ptp-network-share .nav .nav-links{left:4px;right:4px}
 body.ptp-network-share .nav .brand{font-size:14px;gap:8px}
 body.ptp-network-share .nav .brand-wordmark{letter-spacing:.025em}
 body.ptp-network-share .nav .brand-mark{width:22px;gap:2px}
 body.ptp-network-share .nav .brand-mark i{width:5px}
 body.ptp-network-share .nav .nav-actions{gap:5px}
 body.ptp-network-share .nav .login,body.ptp-network-share .nav .signup{font-size:11px;min-height:34px;padding:7px 9px}
 body.ptp-network-share .nav .language-select{min-width:45px;padding-left:2px;padding-right:17px;background-size:11px;background-position:right 2px center;font-size:12px}
 body.ptp-network-share .nav .signup{width:auto;min-width:0}
 body.ptp-network-share .nav .menu-toggle{padding:4px;min-width:32px}
 body.ptp-network-share #main{padding:24px 4px 48px!important}
}
@media(max-width:380px){
 body.ptp-network-share .nav{padding-inline:2px}
 body.ptp-network-share .nav .nav-links{left:2px;right:2px}
 body.ptp-network-share .nav .brand{font-size:11px;gap:5px;letter-spacing:.04em}
 body.ptp-network-share .nav .brand-wordmark{letter-spacing:0}
 body.ptp-network-share .nav .nav-actions{gap:3px}
 body.ptp-network-share .nav .login,body.ptp-network-share .nav .signup{padding-inline:7px}
 body.ptp-network-share #main{padding-inline:2px!important}
}
@media(max-width:1050px){
 body.ptp-network-share #main .network-account-overview-header{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:11px}
 body.ptp-network-share #main .network-account-title{grid-column:1;grid-row:1}
 body.ptp-network-share #main .network-account-quotes{grid-column:1;grid-row:2;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
 body.ptp-network-share .network-share-loading .network-trade-empty-spinner{animation:none}
 body.ptp-network-share .nav .button{transition:none}
}

/* Public Trade History: use the approved rounded row-hover treatment.
   Separate real rows using table spacing (not white cell borders), allowing
   the first and last cells to form a continuous 9px rounded highlight. */
body.ptp-network-share #main .network-history-trades .network-trade-history-table{
  border-collapse:separate;border-spacing:0 5px
}
body.ptp-network-share #main .network-history-trades .network-trade-history-table tbody tr+tr>td{
  border-top:0!important
}
body.ptp-network-share #main .network-history-trades .network-trade-history-table tbody td{
  background:#fff;transition:background-color .15s ease
}
body.ptp-network-share #main .network-history-trades .network-trade-history-table tbody tr:is(:hover,:focus-within)>td{
  background:#f6f8fb
}
body.ptp-network-share #main .network-history-trades .network-trade-history-table tbody tr:is(:hover,:focus-within)>td:first-child{
  border-radius:9px 0 0 9px
}
body.ptp-network-share #main .network-history-trades .network-trade-history-table tbody tr:is(:hover,:focus-within)>td:last-child{
  border-radius:0 9px 9px 0
}
@media(prefers-reduced-motion:reduce){
  body.ptp-network-share #main .network-history-trades .network-trade-history-table tbody td{transition:none}
}

/* Public Account Overview only: the two grouped Account / Connection cards.
   Match the mockup anatomy using approved Pips Trader light UI tokens. */
body.ptp-network-share #main .network-share-facts{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:stretch;gap:16px;min-width:0
}
body.ptp-network-share #main .network-share-fact-panel{
 position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;min-width:0;margin:0;padding:16px 20px 15px;
 border:0!important;outline:0;border-radius:12px;background:var(--card-bg,#fff);
 box-shadow:var(--card-shadow)
}
/* KPI-style violet and green dot-grid accents, beneath the card content. */
body.ptp-network-share #main .network-share-fact-panel::after{
 content:"";position:absolute;z-index:0;right:-4px;bottom:-6px;
 width:156px;height:92px;pointer-events:none;
 background-image:radial-gradient(rgba(101,80,221,.44) 1px,transparent 1px);
 background-size:15px 15px;opacity:.46;
 mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.20) 28%,#000 90%);
 -webkit-mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.20) 28%,#000 90%)
}
body.ptp-network-share #main .network-share-fact-connection::after{
 background-image:radial-gradient(rgba(36,120,91,.39) 1px,transparent 1px)
}
body.ptp-network-share #main .network-share-fact-panel>:is(.network-share-fact-header,.network-share-fact-fields){
 position:relative;z-index:1
}
body.ptp-network-share #main .network-share-fact-header{
 display:flex;align-items:center;gap:10px;min-width:0;min-height:26px
}
body.ptp-network-share #main .network-share-fact-icon{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 26px;width:26px;height:26px;color:var(--accent)
}
body.ptp-network-share #main .network-share-fact-icon .ico{width:21px;height:21px;stroke-width:1.6}
body.ptp-network-share #main .network-share-fact-header h2{
 margin:0;color:#3d465b;text-transform:uppercase;
 font:500 12.5px/1.4 var(--mono);letter-spacing:.055em
}
body.ptp-network-share #main .network-share-fact-fields{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 margin:12px 0 0;padding:0;min-width:0
}
/* Match Connection: content-width columns for Broker, Account Type and Symbol;
   only Currency absorbs the remaining width on the right. */
body.ptp-network-share #main .network-share-fact-account .network-share-fact-fields{
 display:grid;grid-template-columns:minmax(0,max-content) max-content max-content minmax(0,1fr);
  column-gap:clamp(12px,1.5vw,22px);align-items:stretch
}
body.ptp-network-share #main .network-share-fact-connection .network-share-fact-fields{
 grid-template-columns:max-content max-content minmax(0,1fr);column-gap:clamp(12px,1.5vw,22px)
}
body.ptp-network-share #main .network-share-fact-field{
 display:flex;flex-direction:column;align-items:flex-start;
 justify-content:flex-start;text-align:left;gap:5px;min-width:0;min-height:0;margin:0;
 padding:0 0 0 12px;border-left:1px solid #e8e7f0
}
body.ptp-network-share #main .network-share-fact-field:first-child{
 border-left:0;padding-left:6px
}
body.ptp-network-share #main .network-share-fact-field:last-child{padding-right:0}
body.ptp-network-share #main .network-share-fact-field dt{
 margin:0;color:#687487;font:600 12.5px/1.35 var(--sans);letter-spacing:0
}
body.ptp-network-share #main .network-share-fact-field dd{
 display:flex;align-items:center;min-width:0;min-height:26px;margin:0;color:#485267;
 font:500 12.5px/1.5 var(--sans);
 letter-spacing:-.015em;overflow-wrap:break-word
}
body.ptp-network-share #main .network-share-fact-broker dd{overflow-wrap:anywhere}
body.ptp-network-share #main .network-share-fact-account .network-share-fact-field{
  flex:0 1 auto;max-width:100%;min-width:0
}
body.ptp-network-share #main .network-share-fact-account .network-share-fact-field:last-child{
  align-items:flex-start;text-align:left
}
body.ptp-network-share #main .network-share-fact-account .network-share-fact-field:not(:first-child) dt,
body.ptp-network-share #main .network-share-fact-account .network-share-fact-field:not(:first-child) dd{
  white-space:nowrap
}
/* Native field borders stay 12px left of label and value. The variable
   residual space is positioned BEFORE the divider, not after it. */
body.ptp-network-share #main .network-share-fact-location dd{display:block;max-width:100%;min-height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ptp-network-share #main .network-share-fact-symbol-value{color:var(--accent)}
body.ptp-network-share #main .network-share-fact-ip dd{
 font:500 12.5px/1.5 var(--sans);letter-spacing:0;overflow-wrap:anywhere
}
body.ptp-network-share #main .network-share-fact-snapshot time{
 display:inline-flex;flex-direction:row;align-items:baseline;gap:8px;min-width:0;max-width:100%;white-space:nowrap;
 font:inherit;font-variant-numeric:tabular-nums
}
body.ptp-network-share #main .network-share-fact-snapshot .network-share-fact-date{
 display:block;white-space:nowrap;font:inherit;
 letter-spacing:inherit
}
body.ptp-network-share #main .network-share-fact-snapshot .network-share-fact-time{
 display:block;color:#8290a5;font:inherit
}
/* Reuse Network Accounts semantic colors without badges, circles or cards.
   Status, icons and Currency use the Trade History 12.5px / 500 value scale. */
body.ptp-network-share #main .network-share-account-type-value{
 display:inline-flex;align-items:center;gap:7px;min-width:0;
 font:inherit;letter-spacing:inherit;white-space:nowrap
}
body.ptp-network-share #main .network-share-type-word{font:inherit;color:inherit}
body.ptp-network-share #main .network-share-type-word.is-demo{color:#747d8f}
body.ptp-network-share #main .network-share-type-word.is-real{color:#24785b}
body.ptp-network-share #main .network-share-type-crown,
body.ptp-network-share #main .network-share-type-cloud{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 16px;width:16px;height:18px;padding:0;border:0;
 border-radius:0;background:transparent;box-shadow:none
}
body.ptp-network-share #main .network-share-type-crown{color:#a97b23}
/* Align the crown with the REAL label while retaining its inline box. */
body.ptp-network-share #main .network-share-type-crown .ico{transform:translateY(-2px)}
body.ptp-network-share #main .network-share-type-cloud{color:var(--accent)}
body.ptp-network-share #main :is(.network-share-type-crown,.network-share-type-cloud) .ico{
 width:15px;height:15px;stroke-width:1.75
}
@media(max-width:1020px){
 body.ptp-network-share #main .network-share-facts{grid-template-columns:minmax(0,1fr);gap:12px}
 body.ptp-network-share #main .network-share-fact-panel{padding:16px 18px 15px}
 body.ptp-network-share #main .network-share-fact-field{min-height:0}
}
@media(max-width:620px){
 body.ptp-network-share #main .network-share-facts{gap:10px}
 body.ptp-network-share #main .network-share-fact-panel{padding:14px 16px}
 body.ptp-network-share #main .network-share-fact-fields,
 body.ptp-network-share #main .network-share-fact-account .network-share-fact-fields,
 body.ptp-network-share #main .network-share-fact-connection .network-share-fact-fields{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:10px
 }
 body.ptp-network-share #main .network-share-fact-field{
  min-height:0;gap:5px;padding:9px 0 9px;
  border-left:0;border-top:1px solid #eceaf2
 }
 body.ptp-network-share #main .network-share-fact-field:first-child{padding-top:6px;border-top:0}
 body.ptp-network-share #main .network-share-fact-field:last-child{padding-bottom:0}
 body.ptp-network-share #main .network-share-fact-field dd{font-size:12.5px}
 body.ptp-network-share #main .network-share-fact-header h2{font-size:12px;font-weight:500}
  body.ptp-network-share #main .network-share-fact-account .network-share-fact-field:not(:first-child) dt,
  body.ptp-network-share #main .network-share-fact-account .network-share-fact-field:not(:first-child) dd{white-space:normal}
}