@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#fafaf8;--paper:#fff;--ink:#202431;--muted:#636a7b;--line:#e4e4e7;--accent:#6550dd;--violet:#f0edfc;--green:#24785b;--sans:Geist,Arial,sans-serif;--display:'Space Grotesk',sans-serif;--mono:'Geist Mono',monospace}
*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9e90ef;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.25;letter-spacing:-.035em}h1{font-size:34px}h2{font-size:21px}h3{font-size:18px}p,.muted{color:var(--muted)}p{margin:8px 0 20px}small{font-size:12px}.mono,.value{font-family:var(--mono);font-variant-numeric:tabular-nums}.positive{color:var(--green)}.negative{color:#ac454f}
.sidebar{width:232px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:0 18px;display:flex;flex-direction:column;z-index:30;background:var(--bg)}.brand{height:50px;display:flex;align-items:center;gap:12px;font:600 17px var(--display);letter-spacing:.015em;padding:0 8px}.mark{display:flex;gap:3px;align-items:center;transform:skewY(-9deg);width:27px}.mark i{width:6px;background:var(--accent);height:15px}.mark i:nth-child(2){height:24px}.mark i:nth-child(3){height:20px}.sidebar nav{padding-top:24px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;border-radius:4px;font-size:13px;color:var(--muted)}.nav-link:hover{background:#f1f0f5;color:var(--ink)}.nav-link.active{background:var(--violet);color:var(--accent);font-weight:500}.ico{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle}.divider{height:1px;background:var(--line);margin:22px 12px}.sidebar-bottom{margin-top:auto;padding:24px 12px;font-size:11px;color:var(--muted)}.topbar{height:50px;margin-left:232px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg)}.top-actions{display:flex;gap:12px;align-items:center}.icon-button{border:1px solid var(--line);border-radius:4px;background:transparent;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.avatar{font-size:11px;background:var(--violet);color:var(--accent);border:0}.mobile-menu{display:none}main{margin-left:232px;padding:36px;max-width:1700px;min-height:calc(100vh - 50px)}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.page-title p{margin:9px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:5px;background:white;padding:9px 15px;min-height:40px;font-size:12px;font-weight:500}.button:hover{background:#f1eff7;border-color:#c9c1e9}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover{background:#503cbf}.button:disabled{opacity:.45;cursor:not-allowed}.text-button{border:0;background:none;color:var(--accent);padding:7px 0;font-size:12px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:20px 0 32px}.metric{padding:0 24px;border-right:1px solid var(--line);min-width:0}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric label{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.value{font-size:27px;letter-spacing:-.065em;line-height:1.3}.metric small{display:block;margin-top:8px;font-size:10px;color:var(--muted)}.panel{border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:24px;margin-bottom:28px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.section-heading small{color:var(--muted)}.chart{width:100%;height:230px;display:block}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);padding-top:12px}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted);margin:12px 0 20px}.legend i{display:inline-block;width:14px;height:2px;background:var(--accent);vertical-align:middle;margin-right:6px}.legend span:nth-child(2) i{background:#a5adc0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{border:1px solid transparent;background:none;color:var(--muted);padding:7px 12px;font-size:12px;border-radius:4px}.tabs button.selected{background:var(--violet);color:var(--accent);border-color:#e3dcf8}.tabs button:hover{color:var(--accent)}.page-tabs{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:28px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;font-size:10px;color:var(--muted);font-weight:400;white-space:nowrap}.table th,.table td{padding:15px 12px;border-bottom:1px solid var(--line)}.table th:first-child,.table td:first-child{padding-left:0}.table th:last-child,.table td:last-child{text-align:right;padding-right:0}.table tr:last-child td{border-bottom:0}.table td{overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:3px;padding:2px 7px;font-size:10px;color:var(--muted);white-space:nowrap}.badge.green{color:var(--green);background:#f1f7f3;border-color:#dbe9df}.badge.violet{color:var(--accent);background:var(--violet);border-color:#e1d9fa}.badge.red{color:#ac454f;background:#fcf2f3}.badge.amber{color:#90631d;background:#faf5e9}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row small{color:var(--muted)}.row h3{font-size:15px;font-family:var(--sans);letter-spacing:0;margin-bottom:5px}.row-link:hover{color:var(--accent)}.row .actions{justify-content:flex-end}.sub{font-size:11px;color:var(--muted);margin-top:4px}.ea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ea{padding:22px;border:1px solid var(--line);border-radius:5px;background:white}.ea h3{margin:20px 0 7px;font-size:17px}.ea-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ea-symbol{width:40px;height:40px;background:#f4efe4;color:#937944;display:grid;place-items:center;font-family:var(--mono);font-size:12px}.ea p{font-size:12px;min-height:40px}.ea-footer{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.form{max-width:640px}.field{display:block;margin-bottom:23px}.field>span{display:block;font-size:12px;margin-bottom:8px}.field input,.field select,.field textarea{display:block;width:100%;padding:11px 13px;background:white;border:1px solid var(--line);border-radius:4px;color:var(--ink);min-width:0}.field textarea{min-height:120px;resize:vertical}.identity{margin:28px 0;padding:23px 0;border-block:1px solid var(--line)}.identity .row{padding:0 0 6px;border:0}.identity p{font-size:12px;max-width:510px;margin:8px 0 0}.note{background:var(--violet);border-left:2px solid var(--accent);padding:15px 18px;font-size:12px;margin:18px 0}.notice{padding:12px 0 20px;color:var(--muted);font-size:11px;display:flex;gap:8px;align-items:center}.bar-chart{height:200px;display:flex;gap:16px;align-items:flex-end;padding-top:20px;border-bottom:1px solid var(--line)}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;font:10px var(--mono);color:var(--muted)}.bar-col i{width:70%;background:#c4b9ef}.bar-col small{font-size:10px}.thread-message{padding:20px;border-left:2px solid var(--line);margin:20px 0;background:white}.thread-message.mine{border-color:var(--accent);background:#f6f4fc}.thread-message p{margin:10px 0 0}.state-box{padding:35px 22px;border:1px solid var(--line);margin:20px 0;text-align:center;background:white}.state-box h3{margin:12px 0}.skeleton{height:16px;background:#eeeef0;margin:14px 0;width:100%}.skeleton:nth-child(2){width:65%}.review{margin-top:40px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:11px}.review summary{cursor:pointer}.review .actions{padding-top:15px}.review select{border:1px solid var(--line);padding:6px;background:transparent;max-width:100%}dialog{width:min(580px,calc(100% - 32px));max-height:90vh;overflow:auto;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:28px}dialog::backdrop{background:#20243166}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}dialog h2{font-size:25px}dialog .actions{margin-top:24px}.code-box{font:14px var(--mono);background:white;border:1px solid var(--line);padding:16px;overflow-wrap:anywhere}.qr{display:block;width:150px;height:150px;margin:18px auto;border:10px solid white}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:12px;font:13px var(--mono);margin:20px 0}#toast{position:fixed;bottom:24px;right:24px;max-width:calc(100% - 48px);background:var(--ink);color:white;padding:12px 20px;border-radius:4px;z-index:100;display:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}.backdrop{display:none}
@media(min-width:1650px){main{margin-right:auto}.value{font-size:31px}}
@media(max-width:1150px){.sidebar{width:210px}.topbar,main{margin-left:210px}.topbar{padding:0 26px}main{padding:28px 26px}.metric{padding:0 14px}.value{font-size:23px}.two-col{grid-template-columns:1fr}.ea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:250px}.sidebar.open{transform:translateX(0)}.backdrop.open{display:block;position:fixed;inset:0;background:#20243166;z-index:29}.topbar,main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 20px;justify-content:flex-start}.top-actions{margin-left:auto}main{padding:28px 22px}.page-title{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.metric{padding:20px!important}.metric:nth-child(2){border:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric:nth-child(3){border-right:1px solid var(--line)}.value{font-size:26px}.panel{padding:20px}.chart{height:200px}.row{flex-wrap:wrap}.row .actions{justify-content:flex-start}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block}.table tr{border-bottom:1px solid var(--line);padding:13px 0}.table tr:last-child{border:0}.table td,.table td:first-child,.table td:last-child{display:flex;justify-content:space-between;gap:18px;text-align:right;border:0;padding:5px 0}.table td:before{content:attr(data-label);text-align:left;color:var(--muted);font:11px var(--sans);flex-shrink:0;max-width:48%}.table td:first-child{font-weight:500}.ea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:30px}}
@media(max-width:500px){.ea-grid{grid-template-columns:1fr}.metric{padding:18px 12px!important}.value{font-size:23px}.metric label{font-size:11px}.page-title p{font-size:13px}.panel{padding:18px}.section-heading{align-items:flex-start}.chart{height:175px}.ea p{min-height:0}.two-col{gap:0}.topbar{font-size:13px}.bar-chart{gap:8px}.row{gap:12px}.identity p{font-size:12px;line-height:1.7}.recovery{font-size:11px}dialog{padding:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.metric-dot,.metric-dot::after{animation:none!important}}

.sidebar{overflow:visible;border-right:0;background:linear-gradient(to bottom,#fff 0 60px,var(--bg) 60px)}@media(max-width:800px){.sidebar{visibility:hidden;overflow-y:auto;overflow-x:hidden}.sidebar.open{visibility:visible}}
/* Dashboard refinement: shared surfaces, compact account rows and access previews. */
.nav-link.active{background:transparent;color:var(--accent);font-weight:600;border-radius:0;position:relative}
.nav-link.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;background:var(--accent)}
.nav-link.active:hover{background:#6550dd05}
.data-section{margin-bottom:32px;min-width:0}.data-section>.section-heading{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid var(--line)}
.data-section .row{padding:15px 0}.data-section .table td{padding-top:15px;padding-bottom:15px}
.account-group{margin-top:24px;margin-bottom:28px}.group-heading{display:flex;align-items:center;gap:14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.group-heading h3{font:600 12px var(--sans);letter-spacing:.055em;text-transform:uppercase}.group-heading>span{font-size:11px;color:var(--muted)}
.account-row{display:grid;align-items:center;gap:16px;min-height:58px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;position:relative}
a.account-row:hover{background:#6550dd04;color:var(--ink)}a.account-row:hover .row-arrow{color:var(--accent);transform:translateX(2px)}
.own-row{grid-template-columns:minmax(200px,1fr) 106px 145px 100px 20px}
.network-row{grid-template-columns:minmax(115px,1.25fr) 90px minmax(110px,1fr) 90px 75px 85px 92px 20px}
.account-number small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:3px}
.account-tags{display:flex;gap:5px}.account-status{display:flex;align-items:flex-start;flex-direction:column;gap:2px}.account-status small{font-size:9px;color:var(--muted)}
.account-row .badge{font-size:9px;padding:1px 5px;background:transparent;border-color:#e5e5e8}.account-row .badge.green{border-color:transparent}
.connection{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.signal{height:16px;width:23px;display:inline-flex;align-items:flex-end;gap:2px}
.signal i{width:4px;background:#dddfe3;height:4px;border-radius:1px 1px 0 0}.signal i:nth-child(2){height:8px}.signal i:nth-child(3){height:12px}.signal i:nth-child(4){height:16px}.signal i.on{background:var(--green)}
.account-dd small,.account-trades small{font:10px var(--sans);color:var(--muted)}.row-arrow{color:#9295a1;transition:transform .15s}.row-arrow .ico{width:16px;height:16px}
.network-offer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px 22px;margin:20px 0 28px;border:1px solid #e5e0f3;background:linear-gradient(110deg,#f2effa99,#fafaf800);border-radius:4px}
.network-offer h3{font-size:18px;line-height:1.5;letter-spacing:-.02em}.network-offer p{font-size:11px;margin:8px 0 0}.network-offer .eyebrow{color:var(--accent);display:flex;gap:12px;align-items:center}
.access-price{display:flex;flex-direction:column;gap:12px;align-items:flex-end;flex-shrink:0}.access-price>.mono{font-size:28px;letter-spacing:-.04em}.access-price small{font:12px var(--sans);letter-spacing:0;color:var(--muted)}
.protected-list{background:linear-gradient(180deg,#f0edfc12,#fafaf870);position:relative}
.protected-row{color:#9796a2;cursor:default}.protected-row .account-tags{opacity:.7}.protected-row .masked{filter:blur(1.4px);opacity:.52;user-select:none;white-space:nowrap}.mask-shape{height:10px;width:54px;background:#cbc7d8;border-radius:2px;filter:blur(2px);opacity:.48}
.protected-row .row-arrow{color:#aba5c3}
.license-line{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:17px 0;color:var(--muted);font-size:12px}.license-line small{margin-left:auto}
.refined-ea{padding:20px;background:#fff9}.ea-identity{display:flex;gap:17px;align-items:center;min-height:104px}
.ea-identity img{width:86px;height:96px;object-fit:contain;flex-shrink:0}.ea-identity h3{margin:0 0 9px;font:500 17px/1.35 var(--display)}.ea-access{margin:15px 0 20px;min-height:22px}
.ea-data{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:15px 0;gap:14px}.ea-data>div+div{border-left:1px solid var(--line);padding-left:16px}.ea-data small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.ea-data .mono{font-size:17px}
.refined-ea .ea-footer{border:0;margin:0;padding-top:16px}.ea-footer>small{font-size:10px}
.preferences{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.preference{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;gap:18px}.preference input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}
.notification-tabs{padding-top:14px;margin-bottom:0}
.account-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;color:var(--muted);font-size:12px}.account-breadcrumb .text-button{padding:0}.account-connection{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.account-connection>small{font-size:11px;color:var(--muted)}
.trade-data .table{font-size:11px}.trade-data .table th{font-size:10px}.trade-data .table td,.trade-data .table th{padding:13px 8px}.trade-data .table td{font-family:var(--mono);overflow-wrap:normal}.trade-data .table td:last-child{font:10px var(--sans)}.trade-data .table th:first-child,.trade-data .table td:first-child{padding-left:0}
.network-modal{width:min(480px,calc(100% - 32px));padding:26px}.network-modal h2{font:600 12px var(--sans);letter-spacing:.09em;color:var(--accent)}.network-modal .modal-head{margin-bottom:24px}.checkout-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.checkout-intro h3{font-size:21px}.checkout-intro small{font-size:10px}.checkout-intro .value{font-size:33px}
.checkout-included{border-block:1px solid var(--line);padding:20px 0;margin-top:22px}.checkout-included h3{font:500 12px var(--sans)}.checkout-included ul{padding:0;margin:13px 0 0;list-style:none;display:grid;gap:9px}.checkout-included li{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.checkout-included .ico{width:14px;height:14px;color:var(--green)}
.network-modal .row{padding:13px 0;font-size:12px}.network-modal .row h3{font-size:12px;font-weight:400;margin:0}.network-modal .row small:empty{display:none}.network-modal .row .mono{font-size:18px}
.payment-label{margin:21px 0 9px;font-size:11px;color:var(--muted)}.paypal-selected{display:flex;align-items:center;gap:10px;border:1px solid #c8bff0;border-radius:4px;background:#f7f5fc;padding:12px 14px;font-size:13px}.paypal-selected>span:last-child{margin-left:auto;font-size:10px;color:var(--accent)}.selected-dot{width:14px;height:14px;border:1px solid var(--accent);border-radius:50%;padding:3px;background:var(--accent);background-clip:content-box}
.checkout-actions .button{width:100%}.network-modal>.sub{font-size:10px}.success-mark{color:var(--green);width:38px;height:38px;background:#edf5f0;border-radius:50%;display:grid;place-items:center;margin-bottom:15px}.network-modal .success-mark+h3{margin-bottom:18px}
.network-order-modal{width:min(470px,calc(100% - 32px));max-height:min(88dvh,760px);padding:24px;border:0!important;outline:0!important;border-radius:14px;background:#fff;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:auto}.network-order-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}.network-order-modal .modal-head h2{display:flex;align-items:center;gap:10px;margin:0;color:var(--ink);font:500 20px/1.2 var(--display);letter-spacing:-.025em}.network-order-modal .modal-head .icon-button{width:32px;height:32px;flex:0 0 32px;border:0!important;outline:0!important;border-radius:8px;background:transparent;color:#7b8698;box-shadow:none!important}.network-order-modal .modal-head .icon-button:hover{background:#f5f5f6;color:#4f596c}.network-order-modal .modal-head .icon-button:focus,.network-order-modal .modal-head .icon-button:focus-visible{outline:0!important;box-shadow:none!important}.network-order-eyebrow{margin:0 0 10px;color:var(--accent);font:600 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.network-order-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:9px;background:#f7f7fa;margin-bottom:18px}.network-order-summary>div{display:flex;flex-direction:column;gap:3px;min-width:0}.network-order-summary>div>strong{color:var(--ink);font:500 15.5px/1.3 var(--sans)}.network-order-summary small{color:#7b8496;font:400 11.5px/1.35 var(--sans)}.network-order-price{flex:0 0 auto;color:var(--ink);font:500 22px/1 var(--display);letter-spacing:-.02em}.network-order-included{padding:0 0 17px;border-bottom:1px solid var(--line)}.network-order-included h3,.network-payment-section h3{margin:0;color:var(--ink);font:500 13.5px/1.3 var(--sans)}.network-order-included ul{list-style:none;display:grid;gap:8px;margin:11px 0 0;padding:0}.network-order-included li{display:flex;align-items:center;gap:9px;color:#667085;font:400 12.5px/1.35 var(--sans)}.network-order-check{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;border-radius:50%;background:#eaf7f1;color:var(--green)}.network-order-check .ico{width:11px;height:11px;stroke-width:2}.network-order-details{border-bottom:1px solid var(--line)}.network-order-details>div{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eef0f3;color:#596376;font:400 13px var(--sans)}.network-order-details>div:last-child{border-bottom:0}.network-order-details strong{color:#495266;font:500 13px var(--sans)}.network-order-details .total span,.network-order-details .total strong{color:var(--ink);font-weight:600}.network-payment-section{padding-top:17px}.network-payment-section>p{margin:3px 0 11px;color:#8a93a5;font:400 11.5px/1.4 var(--sans)}.network-payment-options{display:grid;gap:8px}.network-payment-option{width:100%;height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #e3e5ea;border-radius:9px;background:#fff;color:var(--ink);font:500 13px var(--sans);cursor:pointer;outline:0;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.network-payment-option:hover{background:#fafafa}.network-payment-option.selected{border-color:#d8d2f1;background:#fff;box-shadow:0 0 0 1px rgba(101,80,221,.06)}.network-payment-radio{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;border:1px solid #8b94a6;border-radius:50%;background:#fff}.network-payment-radio i{width:7px;height:7px;border-radius:50%;background:transparent}.network-payment-option.selected .network-payment-radio{border-color:var(--accent)}.network-payment-option.selected .network-payment-radio i{background:var(--accent)}.network-payment-brand{margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;min-width:58px}.network-payment-logo{display:block;max-width:58px;max-height:21px;object-fit:contain}.network-payment-wordmark{font:600 13px var(--sans)}.network-payment-wordmark.paypal{color:#174b8d}.network-payment-wordmark.yukk{color:#e82491}.network-order-pay{width:100%;height:42px;margin-top:16px;border:0!important;outline:0!important;border-radius:9px;background:var(--accent);color:#fff;font:500 13px var(--display);letter-spacing:-.01em;cursor:pointer;box-shadow:none!important;appearance:none;-webkit-appearance:none;transition:background .15s ease}.network-order-pay:hover{transform:none;box-shadow:none!important}.network-order-pay:focus,.network-order-pay:focus-visible,.network-order-pay:active{border:0!important;outline:0!important;box-shadow:none!important}/* Network Order Summary: the staging composition is centered without a
   visible scrollbar. Hosted provider controls remain keyboard/wheel
   scrollable on genuinely short viewports instead of being clipped. */
.network-order-modal [data-checkout-stage]:empty,
.network-order-modal [data-checkout-status]:empty{display:none!important}
#modal.network-order-modal[open]{
 scrollbar-width:none!important;-ms-overflow-style:none!important
}
#modal.network-order-modal[open]::-webkit-scrollbar{
 width:0!important;height:0!important;display:none!important
}
@media(min-width:561px) and (min-height:700px){
 #modal.network-order-modal[open]:not(.network-gateway-open){
  height:max-content!important;max-height:calc(100dvh - 24px)!important;
  overflow:visible!important
 }
}
.network-payment-option:disabled{opacity:.47;cursor:not-allowed}
.network-payment-option:disabled:hover{background:#fff}
.network-order-pay[aria-busy="true"]{opacity:.77;cursor:wait}
.network-order-pay[hidden]{display:none!important}
#modal.network-order-modal.cloud-pending-modal .network-order-summary{margin-bottom:10px}
#modal.network-order-modal.cloud-pending-modal .network-order-details{margin-bottom:12px}
#modal.network-order-modal.cloud-pending-modal .cloud-pending-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:12px}
#modal.network-order-modal.cloud-pending-modal .cloud-pending-actions .network-order-pay{margin:0}
#modal.network-order-modal.cloud-pending-modal .cloud-pending-cancel{width:100%;min-height:40px;padding:0 12px;border:0;border-radius:9px;background:#f2effb;color:#5a48b2;font:500 12.5px/1.35 var(--sans);cursor:pointer;transition:background-color .15s ease}
#modal.network-order-modal.cloud-pending-modal .cloud-pending-cancel:hover{background:#eae4f8}
#modal.network-order-modal.cloud-pending-modal .cloud-pending-cancel:focus-visible{outline:2px solid #9276ed;outline-offset:2px}
#modal.network-order-modal.cloud-pending-modal .cloud-pending-cancel:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){#modal.network-order-modal.cloud-pending-modal .cloud-pending-cancel{transition:none}}
.network-order-pay:disabled{opacity:.5;cursor:not-allowed}
/* Preserve the staging Order Summary until Pay now. When a gateway is
   selected, replace the long benefits/terms area with compact provider
   controls rather than appending 9 payment methods below the full summary. */
#modal.network-order-modal.network-gateway-open .network-order-eyebrow,
#modal.network-order-modal.network-gateway-open .network-order-summary,
#modal.network-order-modal.network-gateway-open .network-order-included,
#modal.network-order-modal.network-gateway-open>.network-order-details,
#modal.network-order-modal.network-gateway-open>.network-order-note,
#modal.network-order-modal.network-gateway-open>.network-payment-section{display:none!important}
/* Order Summary: remove the three separators around Access period and Total. */
#modal.network-order-modal .network-order-included{border-bottom:0}
#modal.network-order-modal .network-order-details{border-bottom:0}
#modal.network-order-modal .network-order-details>div{border-bottom:0}
/* PayPal stays inside the original Order Summary; only the CTA is replaced. */
#modal.network-order-modal.network-paypal-inline [data-checkout-stage]{margin-top:16px;opacity:0;transform:translateY(5px);transition:opacity .32s ease,transform .38s cubic-bezier(.2,.7,.2,1)}
#modal.network-order-modal.network-paypal-ready [data-checkout-stage]{opacity:1;transform:translateY(0)}
#modal.network-order-modal.network-paypal-inline [data-checkout-paypal]{min-height:40px}
#modal.network-order-modal [data-checkout-paypal] paypal-button{display:block;width:100%;min-height:40px;--paypal-button-border-radius:9px}
#modal.network-order-modal .network-order-pay.network-pay-exiting{opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .24s ease}
@media(prefers-reduced-motion:reduce){#modal.network-order-modal.network-paypal-inline [data-checkout-stage],#modal.network-order-modal .network-order-pay.network-pay-exiting{transition:none!important;transform:none!important}}
.network-channel-heading{font:600 12px/1.4 var(--sans);color:#344054;margin-top:14px}
.network-mitepay-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.network-mitepay-method-grid .network-channel-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:64px;padding:11px 12px;text-align:left;border:1px solid #e5e9f0;border-radius:10px;background:#fff;transition:border-color .15s ease,background .15s ease}
.network-mitepay-method-grid .network-channel-card:hover{border-color:#b9c4d3;background:#fafbfc}
.network-mitepay-method-grid .network-channel-card.selected{border-color:var(--accent);background:#f8f7ff;box-shadow:0 0 0 1px rgba(101,80,221,.12)}
.network-channel-confirm{display:flex;align-items:center;justify-content:center;gap:9px}
.network-order-pay[aria-busy="true"]{display:flex;align-items:center;justify-content:center;gap:9px}
.network-pay-spinner{display:inline-block;width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:network-pay-spin 1s linear infinite}
@keyframes network-pay-spin{to{transform:rotate(360deg)}}
.network-channel-visual{width:56px;height:44px;flex:0 0 56px;display:grid;place-items:center;position:relative;border:0;border-radius:0;background:transparent;overflow:visible}
.network-channel-logo{max-width:52px;max-height:40px;width:auto;height:auto;object-fit:contain;position:absolute;z-index:1;background:transparent}
.network-channel-logo[hidden]{display:none}
.network-channel-fallback{display:grid;place-items:center;width:100%;height:100%;color:#6550dd;background:#f4f1ff;font:700 11px/1 var(--mono);letter-spacing:.025em}
.network-channel-fallback[hidden]{display:none!important}
.network-channel-visual .network-channel-logo{display:block;width:52px;height:40px;max-width:100%;max-height:100%;object-fit:contain;z-index:2;background:transparent}
.network-channel-fallback svg{width:19px;height:19px}
.network-channel-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.network-mitepay-method-grid .network-channel-copy strong{font:600 12px/1.3 var(--sans)}
.network-mitepay-method-grid .network-channel-copy small{font:400 10px/1.3 var(--sans);color:#7b8496}
.network-mitepay-method-grid .network-payment-option{height:auto;min-height:64px;padding:11px 12px;gap:12px;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;overflow-wrap:anywhere}
.network-mitepay-method-grid .network-channel-card .network-channel-copy strong{font:600 12px/1.3 var(--sans);color:var(--ink)}
.network-mitepay-method-grid .network-channel-card .network-channel-copy small{font:400 10px/1.3 var(--sans);color:#7b8496}
@media(max-width:400px){.network-mitepay-method-grid{grid-template-columns:minmax(0,1fr)}}
.network-order-modal [data-checkout-status]{min-height:18px;margin-top:10px;text-align:center;font:400 12px/1.45 var(--sans);color:#667085}
/* Channel selection keeps its instructional footer and dialog height stable. */
#modal.network-order-modal.network-gateway-open [data-checkout-status]{display:block!important;min-height:36px;margin:18px 0 0;padding:0 8px;line-height:1.5}
.network-order-note{margin-top:9px;text-align:center;color:#8a93a5;font:400 10.5px/1.4 var(--sans)}
.network-success-modal{width:min(440px,calc(100% - 32px));max-height:min(88dvh,720px);padding:28px 28px 24px;border:0!important;outline:0!important;border-radius:16px;background:#fff;box-shadow:none!important;overflow:auto}.network-success-modal::backdrop{background:rgba(30,34,47,.22)!important;backdrop-filter:blur(10px) saturate(94%)!important;-webkit-backdrop-filter:blur(10px) saturate(94%)!important}.network-success-modal .modal-head{position:absolute;top:18px;right:18px;margin:0;z-index:2}.network-success-modal .modal-head h2{display:none}.network-success-modal .modal-head .icon-button{width:34px;height:34px;border:0;outline:0;border-radius:8px;background:#f7f7f8;box-shadow:none}.network-success-modal .modal-head .icon-button:focus,.network-success-modal .modal-head .icon-button:focus-visible{outline:0;box-shadow:none}.network-success-content{text-align:center;padding-top:8px}.network-success-icon{position:relative;width:64px;height:64px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#eaf7f1;color:#15875f}.network-success-icon::before{content:"";position:absolute;inset:-9px;border:1px solid #ccebdc;border-radius:50%}.network-success-icon .ico{width:28px;height:28px;stroke-width:2.2}.network-success-eyebrow{margin-bottom:9px;color:var(--accent);font:600 10px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}.network-success-content h3{margin:0;color:var(--ink);font:500 25px/1.16 var(--display);letter-spacing:-.025em}.network-success-content>p{max-width:340px;margin:8px auto 18px;color:#687287;font:400 14px/1.55 var(--sans)}.network-success-summary{margin-top:4px;padding:0 14px;border-radius:10px;background:#f7f5fc;text-align:left}.network-success-summary>div{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e9e6f4;color:#596376;font:400 13px var(--sans)}.network-success-summary>div:last-child{border-bottom:0}.network-success-summary strong{color:var(--ink);font:500 13.5px var(--sans)}.network-success-status{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#e8f7ef;color:#24785b;font:500 12px/1 var(--sans)}.network-success-status i{width:6px;height:6px;border-radius:50%;background:#1a9a6c}.network-success-cta{width:100%;height:46px;margin-top:16px;border:0!important;outline:0!important;border-radius:10px;background:linear-gradient(90deg,#6550dd,#7359ec);color:#fff;font:500 13.5px var(--display);letter-spacing:-.01em;cursor:pointer;box-shadow:none!important;appearance:none;-webkit-appearance:none}.network-success-cta:hover,.network-success-cta:focus,.network-success-cta:focus-visible,.network-success-cta:active{border:0!important;outline:0!important;box-shadow:none!important}.network-success-note{margin-top:9px;color:#8a93a5;font:400 10.5px/1.4 var(--sans)}
@media(min-width:1151px){.ea-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px) and (min-width:801px){.network-row{gap:9px;grid-template-columns:110px 76px 95px 82px 65px 65px 75px 16px;font-size:11px}.own-row{grid-template-columns:minmax(140px,1fr) 90px 120px 95px 18px;gap:12px}.ea-identity{gap:10px}.ea-identity img{width:64px;height:80px}}
@media(max-width:1100px) and (min-width:801px){.network-row{grid-template-columns:1.3fr 1fr 1.3fr 1fr 18px;gap:10px}.network-row .account-return{grid-column:2}.network-row .row-arrow{grid-column:5;grid-row:1 / span 2}.network-row .account-trades{grid-column:4}.protected-row{grid-template-columns:1.3fr 1fr 1.3fr 1fr 18px}.protected-row>:nth-child(5){grid-column:2}.protected-row>:nth-child(7){grid-column:4}.protected-row>.row-arrow{grid-row:1 / span 2;grid-column:5}}
@media(max-width:1100px){.trade-data .table thead{display:none}.trade-data .table,.trade-data .table tbody{display:block}.trade-data .table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;padding:20px 0;border-bottom:1px solid var(--line)}.trade-data .table td,.trade-data .table td:first-child,.trade-data .table td:last-child{display:block;border:0;padding:0;text-align:left;font:11px var(--mono);overflow-wrap:anywhere}.trade-data .table td:before{display:block;content:attr(data-label);color:var(--muted);font:10px var(--sans);margin-bottom:5px;max-width:none}}
@media(max-width:800px){.network-row{grid-template-columns:1.25fr 1fr 1.1fr 18px;gap:12px;font-size:12px;padding:16px 0;min-height:100px}.network-row>:nth-child(1){grid-column:1}.network-row>.connection,.protected-row>:nth-child(4){grid-column:1}.network-row .row-arrow{grid-column:4;grid-row:1 / span 2}.network-row .account-trades,.protected-row>:nth-child(7){grid-column:3}.network-row .account-return,.protected-row>:nth-child(5){grid-column:2;grid-row:2}.network-row .account-dd,.protected-row>:nth-child(6){grid-column:2;grid-row:3}.network-row .account-trades,.protected-row>:nth-child(7){grid-row:2}.network-row .account-status{align-items:flex-end}.own-row{grid-template-columns:1fr auto 18px;gap:9px 14px;padding:12px 0}.own-row .account-number{grid-column:1;grid-row:1 / span 2}.own-row .account-tags{grid-column:2;grid-row:1}.own-row .account-status{grid-column:2;grid-row:2}.own-row>.connection{grid-column:2;grid-row:3}.own-row>.row-arrow{grid-column:3;grid-row:1 / span 3}.network-offer{padding:20px;gap:20px;flex-wrap:wrap}.network-offer h3{font-size:17px}.network-offer br{display:none}.access-price{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.access-price>.mono{font-size:25px}.license-line small{margin-left:0}.account-connection{gap:9px}.preferences{column-gap:26px}.group-heading{justify-content:space-between}}
@media(max-width:500px){.preferences{grid-template-columns:1fr}.network-row{grid-template-columns:1.25fr .9fr 1fr 14px;gap:9px;font-size:11px}.network-row .account-tags{gap:2px}.network-row .badge{font-size:8px;padding:1px 3px}.network-row .account-status small{font-size:8px}.network-row .connection{font-size:10px;gap:5px}.account-trades small,.account-dd small{font-size:9px}.network-row .signal{width:18px;gap:2px}.signal i{width:3px}.access-price{flex-wrap:wrap}.network-section>.section-heading{gap:10px}.network-section .section-heading>.actions{gap:8px}.network-modal:not(.network-order-modal):not(.network-success-modal){position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:95dvh;margin:0;border-radius:8px 8px 0 0;padding:23px}.checkout-intro .value{font-size:29px}.trade-data .table tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.ea-identity img{width:90px;height:104px}.network-offer{padding:17px}.network-offer h3{font-size:16px}}
.network-order-modal[open]{position:fixed!important;inset:0!important;margin:auto!important;width:min(470px,calc(100vw - 32px))!important;max-width:470px!important;height:max-content;max-height:min(88dvh,760px)!important;padding:24px!important;border:0!important;outline:0!important;border-radius:14px!important;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:auto;appearance:none;-webkit-appearance:none}.network-order-modal[open]:focus,.network-order-modal[open]:focus-visible{border:0!important;outline:0!important;box-shadow:0 18px 54px rgba(32,36,49,.12)!important}
body.network-order-open .network-lock-overlay{display:none!important}
/* While PayPal owns the foreground, keep its checkout as the only visible popup.
   The Order Summary stays mounted for SDK callbacks and cancellation recovery. */
body.network-paypal-popup-focus #modal.network-order-modal[open]{
 opacity:0!important;pointer-events:none!important;box-shadow:none!important
}
body.network-paypal-popup-focus #modal.network-order-modal::backdrop{
 background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
body.network-paypal-popup-focus #app{filter:none!important;-webkit-filter:none!important;transform:none!important}
body.network-paypal-popup-focus .network-lock-overlay{display:none!important}
dialog.network-order-modal::backdrop{background:rgba(30,34,47,.22)!important;backdrop-filter:blur(10px) saturate(94%)!important;-webkit-backdrop-filter:blur(10px) saturate(94%)!important}
/* Network Access order summary follows the shared Pips Trader modal surface. */
dialog.network-order-modal[open],dialog.network-order-modal[open]:focus,dialog.network-order-modal[open]:focus-visible{border:0!important;outline:0!important;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;-webkit-box-shadow:0 18px 54px rgba(32,36,49,.12)!important}
dialog.network-success-modal[open],dialog.network-success-modal[open]:focus,dialog.network-success-modal[open]:focus-visible{position:fixed!important;inset:0!important;margin:auto!important;width:min(440px,calc(100vw - 32px))!important;max-width:440px!important;height:max-content;max-height:min(88dvh,720px)!important;border:0!important;outline:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;overflow:auto}
.network-order-pay,.network-order-pay:hover,.network-order-pay:focus,.network-order-pay:focus-visible,.network-order-pay:active{border:0!important;outline:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;filter:none!important}

@media(max-width:560px){.network-order-modal[open]{width:calc(100vw - 24px)!important;max-width:none!important;padding:19px 17px 17px!important;border-radius:12px!important}.network-order-modal .modal-head{margin-bottom:16px}.network-order-summary{padding:13px}.network-payment-option{height:46px}}

/* Proportional dashboard typography. Existing shell and approved layouts stay intact. */
:root{--type-page:36px;--type-section:23px;--type-group:17px;--type-body:15px;--type-row:14px;--type-meta:12px;--type-badge:11px;--type-kpi:29px}
body{font-size:var(--type-row);line-height:1.6}
h1{font-size:var(--type-page);font-weight:500;line-height:1.15}
h2,.section-heading h2{font-size:var(--type-section);font-weight:500;line-height:1.25}
h3{font-size:var(--type-group)}p,.page-title p{font-size:var(--type-body);line-height:1.6}
.nav-link{font-size:14px}.nav-link.active{font-weight:600}
.button,.text-button,.tabs button{font-size:13px}
.metric label{font-size:12.5px}.value,.metric .value{font-size:var(--type-kpi);line-height:1.3;letter-spacing:-.05em}.metric small{font-size:11.5px}
.eyebrow{font-size:11px;letter-spacing:.12em}
small,.sub,.row small,.notice,.legend,.section-heading small{font-size:var(--type-meta)}
.table{font-size:var(--type-row)}.table th{font-size:12px}.table .mono{font-size:14px}
.badge{font-size:var(--type-badge)}.row h3{font-size:16px}.row{font-size:14px}
.group-heading h3{font-size:13px;font-weight:600;letter-spacing:.045em}.group-heading>span{font-size:12px}
.account-row{font-size:14px}.account-number>.mono{font-size:14px}.account-number small{font-size:11.5px}
.account-row .badge,.network-row .badge{font-size:10.5px}
.account-status small,.network-row .account-status small{font-size:11.5px}
.connection,.network-row .connection{font-size:13px}.account-dd small,.account-trades small{font-size:11.5px}
.account-return,.account-dd,.account-trades{font-size:14px}
.masked{font-size:13px}.network-offer p{font-size:12px}
.network-offer h3{font-size:18px}.access-price small{font-size:12px}
.license-line{font-size:13px}.license-line>.mono{font-size:14px}
.ea-identity h3{font-size:17px}.ea-identity .sub{font-size:12px}
.ea-access .badge{font-size:10.5px}.ea-data small,.ea-footer>small{font-size:11.5px}
.ea-data .mono{font-size:18px}.ea-footer .button{font-size:13px}
.preference{font-size:14px}.field>span{font-size:13px}.identity p{font-size:12px}
.account-breadcrumb{font-size:12px}.account-connection>small{font-size:12px}
.trade-data .table{font-size:14px}.trade-data .table th{font-size:12px;white-space:normal}.trade-data .table td{font:14px/1.55 var(--mono)}.trade-data .table td:last-child{font:13.5px/1.55 var(--sans)}
.chart-labels{font-size:11.5px}.bar-col,.bar-col small{font-size:12px}
.review,.review p{font-size:12px}.review select{font-size:12px}.sidebar-bottom{font-size:11.5px}
dialog p{font-size:14px}.network-modal h2{font-size:12px}.checkout-intro h3{font-size:21px}
.checkout-intro small,.checkout-included li,.payment-label,.paypal-selected>span:last-child{font-size:12px}
.network-modal .row,.network-modal .row h3{font-size:13px}.network-modal>.sub{font-size:11.5px}

/* One reusable account statistics layout for own and masked network accounts. */
main[data-page="stats"]>.page-title{display:none}
.stats-identity{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:36px;align-items:start;border-block:1px solid var(--line);padding:26px 0}
.stats-account{font-family:var(--mono);font-size:32px;letter-spacing:-.04em;font-weight:500;overflow-wrap:anywhere;margin:6px 0 10px}
.stats-ea{font-size:19px;margin-bottom:14px;letter-spacing:-.02em}
.identity-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.identity-meta>span:last-child{margin-left:4px}.identity-privacy{display:grid;grid-template-columns:155px minmax(0,1fr);margin-top:18px;padding-top:16px;border-top:1px solid var(--line);max-width:620px}.identity-privacy>div{min-width:0;padding-right:20px}.identity-privacy>div+div{border-left:1px solid var(--line);padding-left:20px;padding-right:0}.identity-privacy span{display:block;color:var(--muted);font-size:11px;letter-spacing:.04em;margin-bottom:4px}.identity-privacy .mono,.identity-privacy strong{display:block;font-size:13px;line-height:1.5;color:var(--ink);font-weight:400}.identity-privacy .mono{white-space:nowrap}.identity-privacy strong{overflow-wrap:anywhere}
.identity-live{border-left:1px solid var(--line);padding-left:28px}
.identity-live .account-connection{margin:0 0 11px;gap:16px}
.heartbeat{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-bottom:22px}.heartbeat strong{font-weight:400;color:var(--ink)}
.identity-market .eyebrow{font-size:10.5px;margin-bottom:12px;color:var(--muted)}
.market-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.market-grid>div{border-right:1px solid var(--line);padding:0 17px}.market-grid>div:first-child{padding-left:0}.market-grid>div:last-child{border:0;padding-right:0}.market-grid>div>span:first-child{display:block;color:var(--muted);font-size:11px;letter-spacing:.05em;margin-bottom:4px}.market-grid .mono{font-size:16px;white-space:nowrap}.market-grid small{font-size:11.5px}
.stats-core{margin-bottom:32px}.stats-core .metrics{margin:0;border-top:0;padding:25px 0}.stats-core .metric small:empty{display:none}
.secondary-metrics{display:flex;gap:36px;padding:16px 0;border-bottom:1px solid var(--line)}.secondary-metrics>div{display:flex;gap:20px;align-items:center}.secondary-metrics>div>span:first-child{font-size:12px;color:var(--muted)}.secondary-metrics .mono{font-size:14px}
.growth-metadata{display:flex;flex-wrap:wrap;gap:0;padding-top:18px;margin-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.growth-metadata>span{padding:0 16px;border-right:1px solid var(--line)}.growth-metadata>span:first-child{padding-left:0}.growth-metadata>span:last-child{border:0}
.monthly-performance{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:22px 0;gap:0}.monthly-performance>div{display:flex;flex-direction:column;gap:8px;position:relative;padding:0 22px;border-right:1px solid var(--line)}.monthly-performance>div:first-child{padding-left:0}.monthly-performance>div:last-child{border:0}.monthly-performance>div>span:first-child{font-size:12px;color:var(--muted)}.monthly-performance .mono{font-size:16px}.monthly-performance i{height:var(--month-height);background:#c4b9ef;width:45px;margin-top:auto;max-width:100%}
.account-details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:22px 0}.account-details>div{padding:0 22px;border-right:1px solid var(--line)}.account-details>div:first-child{padding-left:0}.account-details>div:last-child{border:0}.account-details dt{font-size:12px;color:var(--muted);margin-bottom:6px}.account-details dd{margin:0;font:14px var(--mono)}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 0}.pagination>span{font-size:12px;color:var(--muted)}.pagination .button{min-height:35px;padding:6px 11px}
.stats-lock{border-block:1px solid var(--line);padding:46px 0;max-width:800px}.stats-lock h1{font-size:30px;max-width:600px}.stats-lock p{margin:14px 0 28px}.stats-lock .access-price{align-items:flex-start}.lock-symbol{color:var(--accent);margin-bottom:20px}.lock-symbol .ico{width:26px;height:26px}
@media(max-width:1250px){.trade-data .table thead{display:none}.trade-data .table,.trade-data .table tbody{display:block}.trade-data .table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;padding:22px 0;border-bottom:1px solid var(--line)}.trade-data .table td,.trade-data .table td:first-child,.trade-data .table td:last-child{display:block;border:0;padding:0;text-align:left;font-size:14px;overflow-wrap:anywhere}.trade-data .table td:before{display:block;content:attr(data-label);font:12px var(--sans);color:var(--muted);margin-bottom:5px;max-width:none}.network-row{gap:12px}.account-row .account-tags{flex-wrap:wrap}.stats-identity{grid-template-columns:1fr 1fr;gap:24px}.identity-live{padding-left:22px}.market-grid>div{padding:0 10px}}
@media(max-width:1100px) and (min-width:801px){.own-row{grid-template-columns:minmax(155px,1fr) 85px 130px 94px 18px;gap:8px}.stats-identity{grid-template-columns:1fr}.identity-live{border-left:0;padding-left:0;max-width:460px}.account-details{grid-template-columns:repeat(3,1fr);gap:22px}.account-details>div{padding:0;border:0}.network-row .account-tags{flex-wrap:nowrap}}
@media(max-width:800px){:root{--type-page:31px;--type-section:21px;--type-group:16px;--type-body:14.5px;--type-row:13.5px;--type-meta:12px;--type-kpi:27px}
h1{font-size:var(--type-page)}.page-title p{font-size:14.5px}.metric label{font-size:12px}.metric small{font-size:11.5px}
.account-row{font-size:13.5px}.account-number>.mono{font-size:13.5px}
.group-heading h3{font-size:13px}.account-row .badge,.network-row .badge{font-size:10.5px}
.account-status small,.network-row .account-status small{font-size:11.5px;line-height:1.45}
.network-row{grid-template-columns:minmax(95px,1.15fr) minmax(80px,1fr) minmax(100px,1.1fr) 16px;gap:10px}
.network-row .account-return,.network-row .account-dd,.network-row .account-trades{font-size:13.5px}
.network-row .account-tags{gap:3px;flex-wrap:nowrap}.network-row .connection{font-size:13px}
.network-row .account-trades small{display:block;font-size:11.5px}.network-row .account-status{align-items:flex-end}
.table td:before{font-size:12px}.table .mono{font-size:13.5px}
.stats-identity{grid-template-columns:1fr;gap:24px;padding:24px 0}.stats-account{font-size:30px}.stats-ea{font-size:18px}.identity-live{border-left:0;padding-left:0}.identity-market{max-width:430px}.market-grid .mono{font-size:16px}
.stats-core .metrics{padding:0}.secondary-metrics{gap:20px;justify-content:space-between}.secondary-metrics>div{flex-direction:column;align-items:flex-start;gap:5px}
.monthly-performance{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.monthly-performance>div:nth-child(4){padding-left:0}.monthly-performance>div:nth-child(3n){border:0}
.account-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.account-details>div{padding:0;border:0}
.pagination{flex-wrap:wrap}.pagination .actions{gap:6px}
.trade-data .table tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.trade-data .table td,.trade-data .table td:first-child,.trade-data .table td:last-child{font-size:13.5px}
.growth-metadata{row-gap:8px}.growth-metadata>span{padding:0 10px}
.ea-identity h3{font-size:16px}.ea-data .mono{font-size:18px}
}
@media(max-width:500px){.network-row{grid-template-columns:minmax(82px,1.1fr) minmax(70px,.95fr) minmax(91px,1fr) 14px;gap:8px}.network-row .account-tags{gap:2px;flex-wrap:wrap}.network-row .badge{padding:1px 3px}.network-row .account-number>.mono{font-size:13.5px}.network-row .connection{font-size:12.5px}.network-row .signal{flex-shrink:0}.network-row .account-status small{font-size:11.5px}.identity p{font-size:12px;line-height:1.7}.stats-lock h1{font-size:28px}.stats-lock .access-price{align-items:flex-start;flex-direction:column}.chart-labels{font-size:11px}.metric .value{font-size:26px}}

@media(min-width:801px){.own-row{padding-top:8px;padding-bottom:8px}}
/* Final scoped polish; retain the approved typography scale. */
.preview-footer{border-top:1px solid var(--line);padding-top:15px}.network-section .account-group{margin-bottom:22px}
.usage-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;color:var(--muted);font-size:13px}
/* Affiliate production flow: review → confirmation → active dashboard. */
.affiliate-title-active{display:inline-flex;align-items:center;gap:7px;height:27px;padding:0 11px;border:1px solid #b9ead7;border-radius:8px;background:#ecfaf4;color:#218360;font:500 12.5px/1 var(--display);letter-spacing:-.01em;margin-left:10px}.affiliate-title-active i{width:7px;height:7px;border-radius:50%;background:#25ad7c}
.affiliate-review{display:flex;width:100%}.affiliate-review-card{width:100%;padding:16px 28px;background:#fff;border-radius:10px;box-shadow:var(--card-shadow)}.affiliate-review-head{margin-bottom:11px}.affiliate-review-head h2,.affiliate-performance-head h2,.affiliate-link-card h2,.affiliate-card-head h2{margin:0;color:var(--ink);font-family:var(--display);font-weight:500;letter-spacing:-.025em}.affiliate-review-head h2{font-size:22px}
.affiliate-review-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;background:transparent}.affiliate-review-fact{position:relative;min-height:116px;display:flex;align-items:flex-end;padding:15px 16px;border:1px solid rgba(101,80,221,.08);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(32,36,49,.025),0 10px 28px rgba(32,36,49,.035)}.affiliate-review-fact::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(101,80,221,.88),rgba(101,80,221,.18))}.affiliate-review-fact.commission{background:linear-gradient(145deg,#fcfbff 0%,#f4f1ff 100%)}.affiliate-review-fact.attribution{background:linear-gradient(145deg,#fcfdff 0%,#f1f4fb 100%)}.affiliate-review-fact.payout{background:linear-gradient(145deg,#fbfefd 0%,#eef8f4 100%)}.affiliate-review-fact.payout::before{background:linear-gradient(90deg,rgba(36,120,91,.78),rgba(36,120,91,.14))}.affiliate-review-icon,.affiliate-kpi-icon{display:grid;place-items:center;flex:0 0 auto;background:#f1effd;color:var(--accent)}.affiliate-review-icon{position:absolute;top:13px;right:13px;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.82);color:var(--accent);box-shadow:0 4px 14px rgba(32,36,49,.05)}.affiliate-review-fact.payout .affiliate-review-icon{color:var(--green)}.affiliate-review-icon .ico{width:19px;height:19px}.affiliate-review-fact-copy{min-width:0;padding-right:52px}.affiliate-review-fact-copy strong{display:flex;align-items:baseline;gap:5px;color:#252b39;font:600 26px/1 var(--display);letter-spacing:-.035em}.affiliate-review-fact-copy strong em{color:#6f7890;font:600 10px/1 var(--mono);font-style:normal;letter-spacing:.08em}.affiliate-review-fact-copy>span{display:block;margin-top:6px;color:#414a5e;font:600 14.5px/1.25 var(--sans)}.affiliate-review-fact-copy small{display:block;margin-top:4px;color:#7d8798;font:400 12.5px/1.4 var(--sans)}
.affiliate-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,.34fr) minmax(0,1fr) minmax(72px,.34fr) minmax(0,1fr);align-items:start;gap:14px;width:min(100%,920px);margin:20px auto 22px;padding:0 14px}.affiliate-steps>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;text-align:center}.affiliate-steps>div>span{width:36px;height:36px;display:grid;place-items:center;margin-bottom:8px;border:0;outline:0;border-radius:50%;background:linear-gradient(180deg,#f5f2ff,#ece8fd);color:var(--accent);font:600 13px/1 var(--mono);box-shadow:none}.affiliate-steps strong{color:#343c4f;font:600 14px/1.3 var(--sans)}.affiliate-steps small{max-width:190px;margin-top:4px;color:#838c9d;font:400 12.5px/1.4 var(--sans)}.affiliate-steps>i{position:relative;align-self:start;height:36px;margin-top:0}.affiliate-steps>i::before{content:"";position:absolute;top:17px;left:0;right:0;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(101,80,221,.10),rgba(101,80,221,.42) 50%,rgba(101,80,221,.10))}.affiliate-steps>i::after{content:"";position:absolute;top:13px;left:50%;width:8px;height:8px;border:2px solid #cfc7f8;border-radius:2px;background:#fff;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 0 4px #fff}
.affiliate-before{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;align-items:stretch;padding-top:0}.affiliate-before h3{grid-column:1/-1;margin:0;color:#333b4e;font:500 19px/1.3 var(--display);letter-spacing:-.02em}.affiliate-before>p{grid-column:1/-1;margin:3px 0 9px;color:#7d8798;font:400 13.5px/1.5 var(--sans)}.affiliate-term-list,.affiliate-proposed{display:grid;gap:6px;height:100%;padding:11px 13px;border-radius:9px;color:#596376;font:400 13.5px/1.5 var(--sans)}.affiliate-term-list{grid-column:1;border:0;background:#f6f7fa}.affiliate-proposed{grid-column:2;margin-top:0;border:0;background:#f6f7fa}.affiliate-term-list>strong,.affiliate-proposed strong{display:flex;align-items:center;gap:8px;color:#596376;font-weight:600}.affiliate-term-list>strong .ico,.affiliate-proposed strong .ico{width:15px;height:15px}.affiliate-terms-link{grid-column:1/-1;display:inline-flex;align-items:center;margin:9px 0 0;padding:0;border:0;background:transparent;color:var(--accent);font:500 13.5px/1.45 var(--sans)}.affiliate-terms-link .ico{width:13px;height:13px}.affiliate-review-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:11px}.affiliate-terms-check{display:flex;align-items:center;gap:10px;color:#465066;font:500 13.5px/1.45 var(--sans)}.affiliate-terms-check input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.affiliate-primary,.affiliate-secondary{height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0 15px;font:600 13.5px var(--sans);cursor:pointer}.affiliate-review-footer .affiliate-primary{font-family:var(--display);font-weight:500;letter-spacing:-.01em}.affiliate-primary{border:0;outline:0;background:var(--accent);color:#fff;box-shadow:none}.affiliate-primary:focus,.affiliate-primary:focus-visible,.affiliate-primary:active{border:0!important;outline:0!important;box-shadow:none!important}.affiliate-primary:hover{background:#5d48d3}.affiliate-primary:disabled{background:#d8dbe4;color:#fff;cursor:not-allowed}.affiliate-secondary{border:1px solid #e2e5ec;outline:0;background:#fff;color:#4f596d}.affiliate-secondary:focus,.affiliate-secondary:focus-visible,.affiliate-secondary:active{outline:0!important;box-shadow:none!important}
/* Affiliate onboarding — a single centered empty-state surface, consistent with Cloud Hosting. */
.affiliate-review{display:block;width:100%;min-width:0}
.affiliate-review .affiliate-review-card.affiliate-onboarding-card{box-sizing:border-box;display:block;width:100%;min-width:0;margin:0;padding:20px 20px 24px;background:#fff;border:0;border-radius:10px;box-shadow:0 1px 2px rgba(32,36,49,.035),0 8px 24px rgba(32,36,49,.022)}
.affiliate-onboarding-content{width:100%;max-width:870px;margin:0 auto;min-width:0}
.affiliate-onboarding-hero{display:flex;align-items:center;justify-content:center;margin:0 auto 8px;width:100%;height:180px}
.affiliate-onboarding-hero .affiliate-onboarding-mark{display:block;width:min(100%,300px);height:auto;max-height:180px;overflow:visible;flex-shrink:0}
.affiliate-review .affiliate-onboarding-card .affiliate-review-intro{margin:0 auto 26px;text-align:center;max-width:640px}
.affiliate-review .affiliate-onboarding-card .affiliate-review-intro h2{margin:0;color:var(--ink);font:600 26px/1.2 var(--display);letter-spacing:-.03em}
.affiliate-review .affiliate-onboarding-card .affiliate-review-intro p{max-width:580px;margin:9px auto 0;color:#7b8598;font:400 13.5px/1.55 var(--sans)}
/* Cloud Hosting First Month Free: apply its surface styling to each original affiliate info card. */
.affiliate-review .affiliate-onboarding-card .affiliate-review-facts{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
 width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;
}
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact,
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact.commission,
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact.attribution,
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact.payout{
 box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-start;
 gap:12px;min-width:0;min-height:122px;margin:0;padding:16px;
 border:0;border-radius:14px;background:#fff;overflow:visible;
 box-shadow:0 14px 34px rgba(45,35,90,.14),0 4px 11px rgba(45,35,90,.075);
}
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact::before{content:none;display:none}
.affiliate-review .affiliate-onboarding-card .affiliate-review-icon,
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact.payout .affiliate-review-icon{
 box-sizing:border-box;position:static;display:grid;place-items:center;flex:0 0 43px;
 width:43px;height:43px;border:0;border-radius:11px;background:#f0ebfd;color:var(--accent);box-shadow:none;
}
.affiliate-review .affiliate-onboarding-card .affiliate-review-icon .ico{width:19px;height:19px;stroke-width:1.6}
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact-copy{
 display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0;
}
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact-label{
 display:block;margin:0;color:#5e6a7e;font:500 12px/1.3 var(--sans);
}
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact-copy strong{
 display:block;margin:5px 0 0;color:var(--ink);
 font:600 22px/1.13 var(--display);letter-spacing:-.025em;white-space:nowrap;
}
.affiliate-review .affiliate-onboarding-card .affiliate-review-fact-copy small{
 display:block;margin:6px 0 0;color:#858fa1;
 font:400 11px/1.45 var(--sans);overflow-wrap:anywhere;
}
.affiliate-review .affiliate-onboarding-card .affiliate-review-unavailable{max-width:530px;margin:12px auto 0;color:#996c28;font:400 12.5px/1.55 var(--sans);text-align:center}
.affiliate-review .affiliate-onboarding-card .affiliate-review-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;margin:24px 0 0;padding:0;border:0}
.affiliate-review .affiliate-onboarding-card .affiliate-review-agreement{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-width:0}
.affiliate-review .affiliate-onboarding-card .affiliate-terms-check{display:inline-flex;align-items:center;gap:9px;min-width:0;color:#576176;font:400 12.5px/1.5 var(--sans);cursor:pointer}
.affiliate-review .affiliate-onboarding-card .affiliate-terms-check input{flex:0 0 17px;width:17px;height:17px;margin:0;accent-color:var(--accent)}
.affiliate-review .affiliate-onboarding-card .affiliate-terms-link{display:inline-block;margin:0;padding:0;border:0;outline:0!important;background:transparent;color:var(--accent);font:500 12.5px/1.5 var(--sans);text-decoration:none!important;box-shadow:none!important;cursor:pointer}
.affiliate-review .affiliate-onboarding-card .affiliate-terms-link:is(:hover,:focus,:focus-visible){color:#5541cb;text-decoration:none!important}
.affiliate-review .affiliate-onboarding-card .affiliate-terms-link:focus-visible{background:#eeeafb;border-radius:3px}
.affiliate-review .affiliate-onboarding-card .affiliate-review-submit{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 auto;width:auto;max-width:100%;margin:15px auto 0}
.affiliate-review .affiliate-onboarding-card .affiliate-review-submit .affiliate-primary{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:156px;max-width:100%;height:38px;padding:0 18px;border:0!important;border-radius:8px;outline:0!important;box-shadow:none!important;font:500 13px/1 var(--display);letter-spacing:-.01em;white-space:nowrap}
.affiliate-review .affiliate-onboarding-card .affiliate-review-submit .affiliate-primary .affiliate-review-cta-label{display:block;position:relative;top:-1px;line-height:1.2}
.affiliate-review .affiliate-onboarding-card .affiliate-review-submit .affiliate-primary:is(:hover,:focus,:focus-visible,:active){border:0!important;outline:0!important;box-shadow:none!important}
.affiliate-review .affiliate-onboarding-card .affiliate-review-submit small{color:#8b94a5;font:400 11px/1.4 var(--sans);text-align:center}
@media(max-width:940px){
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact,
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact.commission,
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact.attribution,
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact.payout{padding-inline:9px}
}
@media(max-width:720px){
 .affiliate-review .affiliate-review-card.affiliate-onboarding-card{padding:18px 16px 22px}
 .affiliate-onboarding-hero{height:150px}
 .affiliate-onboarding-hero .affiliate-onboarding-mark{max-width:260px;max-height:150px}
 .affiliate-review .affiliate-onboarding-card .affiliate-review-intro h2{font-size:22px}
 .affiliate-review .affiliate-onboarding-card .affiliate-review-facts{grid-template-columns:minmax(0,1fr);gap:11px}
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact,
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact.commission,
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact.attribution,
 .affiliate-review .affiliate-onboarding-card .affiliate-review-fact.payout{min-height:100px;padding:15px 17px}
 .affiliate-review .affiliate-onboarding-card .affiliate-review-agreement{justify-content:center;text-align:center}
}
/* Affiliate confirmation follows the shared dashboard modal header and action patterns. */
#modal.affiliate-activation-modal[open]{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;width:min(400px,calc(100vw - 32px))!important;max-width:400px!important;max-height:min(88dvh,700px)!important;height:max-content!important;padding:23px 24px 21px!important;border:0!important;outline:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:auto}
#modal.affiliate-activation-modal::backdrop{background:rgba(30,34,47,.23)!important;backdrop-filter:blur(9px) saturate(94%)!important;-webkit-backdrop-filter:blur(9px) saturate(94%)!important}
#modal.affiliate-activation-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}
#modal.affiliate-activation-modal .modal-head h2{display:flex;align-items:center;gap:10px;min-width:0;margin:0;color:var(--ink);font:500 20px/1.25 var(--display);letter-spacing:-.025em}
#modal.affiliate-activation-modal .modal-head .modal-title-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:0;border-radius:9px;background:#f0edfb;color:var(--accent)}
#modal.affiliate-activation-modal .modal-head .modal-title-icon .ico{width:17px;height:17px;stroke-width:1.6}
#modal.affiliate-activation-modal .modal-head .icon-button{border:0!important;outline:0!important;box-shadow:none!important}
#modal.affiliate-activation-modal .affiliate-activation-content{min-width:0;padding:0;text-align:left}
#modal.affiliate-activation-modal .affiliate-activation-description{max-width:380px;margin:0 0 17px;color:#7b8597;font:400 12.5px/1.6 var(--sans)}
#modal.affiliate-activation-modal .affiliate-activation-summary{display:grid;gap:0;overflow:hidden;padding:4px 15px;border:0;border-radius:9px;background:#f7f8fa}
#modal.affiliate-activation-modal .affiliate-activation-summary>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:47px;padding:10px 0;border:0}
#modal.affiliate-activation-modal .affiliate-activation-summary>div+div{border-top:0}
#modal.affiliate-activation-modal .affiliate-activation-summary span{min-width:0;color:#667185;font:400 12.5px/1.45 var(--sans)}
#modal.affiliate-activation-modal .affiliate-activation-summary strong{flex:0 0 auto;color:#343d51;font:500 13px/1.3 var(--sans);text-align:right;white-space:nowrap}
#modal.affiliate-activation-modal .affiliate-activation-note{display:flex;align-items:flex-start;gap:9px;margin:13px 0 0;color:#7d8799;font:400 12px/1.55 var(--sans)}
#modal.affiliate-activation-modal .affiliate-activation-note>.ico{flex:0 0 16px;width:16px;height:16px;margin-top:1px;color:var(--accent)}
#modal.affiliate-activation-modal .affiliate-activation-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:21px}
#modal.affiliate-activation-modal .affiliate-activation-actions button{box-sizing:border-box;flex:0 0 auto;min-width:93px;height:38px;padding:0 15px;border:0;outline:0!important;border-radius:8px;box-shadow:none!important;font:500 12.5px/1 var(--display);letter-spacing:0;white-space:nowrap}
#modal.affiliate-activation-modal .affiliate-activation-actions .affiliate-secondary{background:#f3f3f6;color:#586277}
#modal.affiliate-activation-modal .affiliate-activation-actions .affiliate-secondary:hover{background:#eaeaf0}
#modal.affiliate-activation-modal .affiliate-activation-actions .affiliate-primary{background:var(--accent);color:#fff}
#modal.affiliate-activation-modal .affiliate-activation-actions .affiliate-primary:hover{background:#5d48d3}
@media(max-width:480px){#modal.affiliate-activation-modal[open]{width:min(400px,calc(100vw - 24px))!important;padding:19px 17px!important;border-radius:12px!important}#modal.affiliate-activation-modal .modal-head h2{font-size:18px}#modal.affiliate-activation-modal .affiliate-activation-actions{gap:8px}#modal.affiliate-activation-modal .affiliate-activation-actions button{min-width:0;padding:0 12px}}

.affiliate-terms-modal{width:min(500px,calc(100% - 32px));padding:24px;border:0;border-radius:14px}.affiliate-terms-full{display:grid;gap:12px;margin-top:12px}.affiliate-terms-full>p{color:#687287;font-size:14px}.affiliate-terms-full ul{display:grid;gap:10px;margin:3px 0 0;padding:0;list-style:none}.affiliate-terms-full li{display:flex;gap:10px;color:#596579;font:400 13px/1.55 var(--sans)}.affiliate-terms-full li::before{content:"";flex:0 0 6px;width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--accent)}.affiliate-terms-full>div{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:13px 0;border-top:1px solid #eef0f3}.affiliate-terms-full strong{font:600 13.5px var(--sans)}.affiliate-terms-full span{color:#687287;font:400 13.5px/1.5 var(--sans)}
.affiliate-dashboard{display:grid;gap:14px}.affiliate-success{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #bcead9;border-radius:9px;background:#ecfaf4;color:#218360}.affiliate-success>.ico{width:20px;height:20px;padding:3px;border-radius:50%;background:#26ad7d;color:#fff}.affiliate-success strong{font:600 13.5px var(--sans)}.affiliate-success button{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:#576178}.affiliate-success button .ico{width:15px;height:15px}
.affiliate-link-card,.affiliate-activity-card,.affiliate-conversion-card,.affiliate-history-card{background:#fff;border:0;border-radius:10px;box-shadow:var(--card-shadow)}.affiliate-link-card{padding:18px 20px}.affiliate-link-card h2{font-size:18px}.affiliate-link-row{display:flex;align-items:center;gap:10px;margin-top:10px}.affiliate-link-value{height:42px;display:flex;align-items:center;flex:1;min-width:0;padding:0 10px 0 13px;border:1px solid #e7e9ef;border-radius:9px;background:#fff}.affiliate-link-value>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#596376;font:400 14px var(--sans)}.affiliate-link-value button{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:#687287}.affiliate-link-value button .ico{width:16px;height:16px}.affiliate-copy{height:42px;min-width:106px}.affiliate-link-card>p{margin:9px 0 0;color:#7d8798;font:400 13px/1.45 var(--sans)}
.affiliate-performance-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}.affiliate-performance-head h2{font-size:22px}.affiliate-period{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e1e4eb;border-radius:9px;background:#fff;color:#596376}.affiliate-period>.ico{width:17px;height:17px;color:#657085}.affiliate-period select{height:100%;border:0;outline:0;background:transparent;color:#4f596d;font:500 13.5px var(--sans)}
.affiliate-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.affiliate-kpi{min-height:116px;display:flex;align-items:flex-start;gap:14px;padding:17px 18px;background:#fff;border-radius:10px;box-shadow:var(--card-shadow)}.affiliate-kpi-icon{width:38px;height:38px;border-radius:9px}.affiliate-kpi-icon .ico{width:19px;height:19px}.affiliate-kpi>div{min-width:0;flex:1}.affiliate-kpi small{display:block;color:#667085;font:500 13px/1.3 var(--sans)}.affiliate-kpi strong{display:block;margin-top:5px;color:#202431;font:600 26px/1.05 var(--display);letter-spacing:-.035em}.affiliate-kpi>div>span{display:block;margin-top:6px;color:#7f899a;font:400 12.5px/1.4 var(--sans)}.affiliate-balance-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.affiliate-balance-meta em{color:#7b8497;font:400 12.5px var(--sans);font-style:normal;white-space:nowrap}.affiliate-balance-meta button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--accent);font:500 12.5px var(--sans);white-space:nowrap}
.affiliate-insights{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:12px}.affiliate-activity-card,.affiliate-conversion-card{padding:17px 18px}.affiliate-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.affiliate-card-head h2{font-size:18px}.affiliate-chart-legend{display:flex;align-items:center;gap:16px}.affiliate-chart-legend span{display:flex;align-items:center;gap:7px;color:#6f7890;font:500 12.5px var(--sans)}.affiliate-chart-legend i{width:8px;height:8px;border-radius:50%}.affiliate-chart-legend .clicks i{background:var(--accent)}.affiliate-chart-legend .conversion i{background:var(--green)}.affiliate-chart-wrap{min-width:0}.affiliate-chart{display:block;width:100%;height:210px}.affiliate-grid{stroke:#e7e9ef;stroke-width:1}.affiliate-grid-v{stroke:#f0f1f4}.affiliate-axis-label{fill:#8a93a4;font:10.5px var(--sans)}.affiliate-click-area{fill:#f3f0ff}.affiliate-click-line{fill:none;stroke:var(--accent);stroke-width:2.2}.affiliate-conversion-line{fill:none;stroke:var(--green);stroke-width:2.2}.affiliate-click-dot{fill:#fff;stroke:var(--accent);stroke-width:1.7}.affiliate-conversion-dot{fill:#fff;stroke:var(--green);stroke-width:1.7}.affiliate-chart-labels{display:flex;justify-content:space-between;margin:6px 34px 0 36px;color:#818a9c;font:400 11.5px var(--sans)}
.affiliate-funnel{display:grid;gap:13px;margin-top:15px}.affiliate-funnel>div{display:grid;grid-template-columns:64px minmax(0,1fr) 42px;gap:10px;align-items:center}.affiliate-funnel span{color:#687287;font:400 13px var(--sans)}.affiliate-funnel i{height:9px;border-radius:999px;background:#eceef4;overflow:hidden}.affiliate-funnel b{display:block;height:100%;border-radius:999px;background:var(--accent)}.affiliate-funnel strong{text-align:right;color:#333b4e;font:600 13px var(--mono)}.affiliate-cvr{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;padding-top:15px;border-top:1px solid #eceef2}.affiliate-cvr>div{min-width:0}.affiliate-cvr>div+div{padding-left:18px;border-left:1px solid #eceef2}.affiliate-cvr span,.affiliate-cvr small{display:block}.affiliate-cvr span{color:#5f687c;font:500 12.5px var(--sans)}.affiliate-cvr small{margin-top:3px;color:#8a93a4;font:400 11.5px var(--sans)}.affiliate-cvr strong{display:block;margin-top:7px;color:#202431;font:600 22px var(--display)}
.affiliate-history-card{padding:16px 18px 8px}.affiliate-history-scroll{overflow-x:auto;scrollbar-width:none}.affiliate-history-scroll::-webkit-scrollbar{display:none}.affiliate-history-table{width:100%;min-width:720px;border-collapse:collapse}.affiliate-history-table th{padding:10px;background:#f8f8fa;color:#667085;font:600 12.5px var(--sans);text-align:left}.affiliate-history-table th:first-child{border-radius:7px 0 0 7px}.affiliate-history-table th:last-child{border-radius:0 7px 7px 0}.affiliate-history-table td{padding:12px 10px;border-bottom:1px solid #eef0f3;color:#3f485b;font:400 13.5px var(--sans)}.affiliate-history-table tbody tr:last-child td{border-bottom:0}.affiliate-history-table td.mono{font-size:13px}.affiliate-history-table td.affiliate-history-empty,.affiliate-payout-table td.affiliate-history-empty{height:78px;text-align:center!important;color:#697388!important;font:400 13.5px/1.5 var(--sans)!important;cursor:default}.affiliate-history-foot{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#8791a3;font:400 12.5px var(--sans)}.affiliate-history-foot button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--accent);font:500 13.5px var(--sans)}.affiliate-history-table .badge{min-width:84px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-size:11.5px;line-height:1;white-space:nowrap}
@media(max-width:1100px){.affiliate-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-insights{grid-template-columns:1fr}.affiliate-review-card{max-width:none}}
@media(max-width:800px){.affiliate-review-card{padding:16px}.affiliate-review-facts{grid-template-columns:1fr}.affiliate-before{display:block}.affiliate-term-list,.affiliate-proposed{height:auto}.affiliate-proposed{margin-top:10px}.affiliate-steps{grid-template-columns:1fr;gap:16px;width:100%;padding:0 4px;margin:24px auto}.affiliate-steps>i{display:none}.affiliate-steps small{max-width:260px}.affiliate-review-footer{align-items:flex-start;flex-direction:column}.affiliate-primary{width:100%}.affiliate-activation-actions .affiliate-primary{width:auto}.affiliate-kpis{grid-template-columns:1fr}.affiliate-link-row{align-items:stretch;flex-direction:column}.affiliate-copy{width:100%}.affiliate-performance-head{align-items:flex-start;flex-direction:column}.affiliate-period{width:100%}.affiliate-period select{width:100%}.affiliate-insights{display:block}.affiliate-activity-card{margin-bottom:12px}.affiliate-chart{height:170px}.affiliate-terms-full>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:500px){.affiliate-review-card,.affiliate-link-card,.affiliate-activity-card,.affiliate-conversion-card,.affiliate-history-card{border-radius:9px}.affiliate-cvr{grid-template-columns:1fr}.affiliate-cvr>div+div{margin-top:12px;padding:12px 0 0;border-left:0;border-top:1px solid #eceef2}.affiliate-title-active{margin-left:7px}}
.notification-row{display:flex;gap:11px;border-bottom:1px solid var(--line);padding:18px 0;align-items:flex-start}.notification-row:last-child{border:0}.notification-row h3{font:400 15px/1.5 var(--sans);letter-spacing:0}.notification-row.unread h3{font-weight:600}.notification-row p{font-size:12px;color:var(--muted);margin:5px 0 0}.unread-dot{width:5px;height:5px;border-radius:50%;background:transparent;flex-shrink:0;margin-top:9px}.unread .unread-dot{background:var(--accent)}
.ticket-row{display:grid;grid-template-columns:76px minmax(0,1fr) 125px 110px;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.ticket-row:hover{background:#6550dd04}.ticket-row strong{font-size:14px;font-weight:500}.ticket-row small{color:var(--muted)}.ticket-row .badge{justify-self:end}.reply-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.reply-actions>.primary{margin-left:auto}
.stats-core .metric{container-type:inline-size}.stats-core .metric .value{font-size:min(var(--type-kpi),calc(100cqw * var(--number-fit,.1)));white-space:nowrap;letter-spacing:-.04em}
@media(max-width:800px){.ticket-row{grid-template-columns:1fr auto;gap:7px 14px}.ticket-row strong{grid-column:1 / -1;grid-row:2}.ticket-row>.mono{grid-column:1;grid-row:1}.ticket-row .badge{grid-column:2;grid-row:1}.ticket-row small{grid-column:1 / -1;grid-row:3}.usage-footer{flex-wrap:wrap}.earnings-chart{gap:9px}.earnings-chart .mono{font-size:11.5px}.affiliate-onboarding .metric{border-bottom:0}.withdraw-summary{flex-wrap:wrap}}
/* Phase 1 freeze: dedicated Network Accounts filters and final mobile preview density. */
.network-filters{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(190px,1.2fr);gap:12px;align-items:end;padding:18px 0;border-bottom:1px solid var(--line)}
.network-filters label{min-width:0}.network-filters label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:11.5px}
.network-filters select,.network-filters input{width:100%;height:40px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);padding:8px 11px;font-size:13px}
.network-filters select:disabled,.network-filters input:disabled{background:#f5f4f2;color:#9a9ca5;cursor:not-allowed;opacity:.78}
.network-filters input::placeholder{color:#9295a1}.network-directory .account-group{margin-top:25px}
.network-empty{padding:38px 0;border-bottom:1px solid var(--line)}.network-empty h3{font-size:17px}.network-empty p{font-size:13px;margin:7px 0 0}
.account-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 0}.account-details>div:nth-child(4n){border-right:0}.account-details>div:nth-child(n+5){margin-top:20px}.account-details>div:nth-child(7){grid-column:span 2}
@media(max-width:1100px){.network-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.account-details{grid-template-columns:repeat(3,minmax(0,1fr))}.account-details>div:nth-child(4n){border-right:1px solid var(--line)}.account-details>div:nth-child(3n){border-right:0}.account-details>div:nth-child(7){grid-column:span 2}}
@media(max-width:800px){.network-filters{grid-template-columns:1fr 1fr;gap:11px;padding:16px 0}.network-filters .network-search{grid-column:1/-1}.network-preview .account-group .account-row:nth-child(n+2){display:none}.network-preview .account-group{margin-bottom:18px}.account-details{grid-template-columns:repeat(2,minmax(0,1fr))}.account-details>div:nth-child(3n){border-right:0}.account-details>div:nth-child(7){grid-column:1/-1}}
@media(max-width:500px){.network-filters{grid-template-columns:1fr}.network-filters .network-search{grid-column:auto}.network-filters select,.network-filters input{height:42px}.network-directory .network-offer{margin-top:16px}}

/* Soft-card financial dashboard refinement. Cards group meaningful content; internal dividers remain functional. */
:root{--card-line:#e9e8ec;--card-bg:#fff;--card-shadow:0 1px 2px rgba(32,36,49,.035),0 8px 24px rgba(32,36,49,.025)}
.page-title{margin-bottom:24px}
.metrics{gap:16px;border:0;padding:0;margin:16px 0 20px}
.metric,.metric:first-child,.metric:last-child{background:var(--card-bg);border:1px solid var(--card-line);border-radius:8px;padding:19px 20px;box-shadow:var(--card-shadow)}
.panel,.data-section{background:var(--card-bg);border:1px solid var(--card-line);border-radius:8px;box-shadow:var(--card-shadow);padding:22px;margin-bottom:18px}
.data-section>.section-heading{padding-bottom:0;border-bottom:0;margin-bottom:14px}
.panel .data-section{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin-bottom:0}
.compact-accounts .account-group,.network-section .account-group{background:var(--card-bg);border:1px solid var(--card-line);border-radius:8px;box-shadow:var(--card-shadow);padding:0 18px;margin:0 0 16px}
.group-heading{padding:15px 0 12px}
.account-row:last-child{border-bottom:0}
.network-section{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.network-offer{margin:0 0 16px;border-color:#e6e1f2;border-radius:8px;background:linear-gradient(110deg,#f5f2fc,#fff 70%);box-shadow:var(--card-shadow)}
.network-access-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:8px;box-shadow:var(--card-shadow);padding:17px 18px;margin-bottom:16px}
.network-access-summary>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.network-access-summary .eyebrow{margin:0}.network-access-summary strong{font:500 15px var(--sans)}.network-access-summary small{color:var(--muted)}
.network-filters{border:1px solid var(--card-line);border-radius:8px;background:var(--card-bg);box-shadow:var(--card-shadow);padding:14px;margin:0 0 16px}
.network-empty{background:var(--card-bg);border:1px solid var(--card-line);border-radius:8px;padding:28px 20px;margin-bottom:16px}
.button:not(.primary){background:#f4f3f7;border-color:transparent}.button:not(.primary):hover{background:#ece9f5;border-color:transparent}
.stats-identity{border:1px solid var(--card-line);border-radius:8px;background:var(--card-bg);box-shadow:var(--card-shadow);padding:22px;margin-bottom:16px}
.identity-privacy{border-top:0;background:#f7f6fa;border-radius:6px;padding:12px 14px;margin-top:16px}.identity-privacy>div+div{border-left:1px solid #e2e0e8}
.secondary-metrics{background:var(--card-bg);border:1px solid var(--card-line);border-radius:8px;box-shadow:var(--card-shadow);padding:14px 18px;margin-bottom:18px}
main[data-page="settings"] .form{background:var(--card-bg);border:1px solid var(--card-line);border-radius:8px;box-shadow:var(--card-shadow);padding:22px}
main[data-page="settings"] .identity{border:0;background:#f7f6fa;border-radius:6px;padding:18px;margin:22px 0}

@media(max-width:800px){
  .metrics{gap:12px}
  .metric,.metric:first-child,.metric:last-child,.metric:nth-child(2),.metric:nth-child(3),.affiliate-onboarding .metric,.affiliate-onboarding .metric:nth-child(2){border:1px solid var(--card-line)!important;padding:17px!important}
  .panel,.data-section{padding:18px;margin-bottom:16px}
  .compact-accounts .account-group,.network-section .account-group{padding:0 14px;margin-bottom:14px}
  .network-access-summary{align-items:flex-start;flex-direction:column;padding:16px}
  .network-filters{padding:12px}
  .stats-identity{padding:18px}
  .identity-privacy{grid-template-columns:1fr 1.25fr;padding:12px}
  main[data-page="settings"] .form{padding:18px}
}
@media(max-width:500px){
  .identity-privacy{grid-template-columns:1fr}.identity-privacy>div+div{border-left:0;border-top:1px solid #e2e0e8;padding:10px 0 0;margin-top:10px}
}
.review{display:none!important}
.ea-footer>small:empty{display:none}

/* Borderless production-simulation surfaces: separation comes from color and elevation. */
:root{--sidebar-bg:var(--bg);--surface:#fff;--control-bg:#f3f2ef;--card-shadow:0 1px 2px rgba(32,36,49,.025),0 8px 24px rgba(32,36,49,.04)}
body{background:#f8f9fc}.topbar{background:#fff}main{background:#f8f9fc}
.sidebar{background:#fff!important;border:0!important;border-right:1px solid #eeedf8!important;outline:0!important;box-shadow:6px 0 16px rgba(101,80,221,.045)!important;z-index:70}
.topbar{border-bottom:0}
.divider{height:18px;background:transparent;margin:7px 0}
.icon-button{border:0;background:var(--control-bg)}
.metric,.metric:first-child,.metric:last-child,.metric:nth-child(2),.metric:nth-child(3),.panel,.data-section,.compact-accounts .account-group,.network-section .account-group,.network-offer,.network-access-summary,.network-filters,.network-empty,.stats-identity,.secondary-metrics,main[data-page="settings"] .form,.ea,.state-box,dialog:not(.network-order-modal){border:0!important;box-shadow:var(--card-shadow)}
.panel,.data-section,.metric,.compact-accounts .account-group,.network-section .account-group,.network-access-summary,.network-filters,.network-empty,.stats-identity,.secondary-metrics,main[data-page="settings"] .form,.ea,.state-box{background:var(--surface)}
.group-heading{border-bottom:0}
.account-row{border-bottom:0;border-radius:6px;padding-left:10px;padding-right:10px}
.account-row+a.account-row,.account-row+div.account-row{margin-top:2px}
.identity-privacy>div+div{border-left:0}
.button,.button:not(.primary),.tabs button.selected,.badge,.account-row .badge,.paypal-selected{border:0!important}
.badge{background:var(--control-bg)}
.field input,.field select,.field textarea,.network-filters select,.network-filters input,.review select{border:0;background:var(--control-bg)}
.code-box{border:0;background:var(--control-bg)}
.profile-trigger{border:0;background:transparent;padding:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}
.profile-trigger .avatar-media{border-radius:8px;outline:0;border:0;box-shadow:none}
.profile-trigger .avatar-media img{outline:0;border:0;box-shadow:none}
.profile-trigger:focus-visible{outline:none}
.avatar-media{width:36px;height:36px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;flex:0 0 auto;background:var(--violet);color:var(--accent);font:600 11px var(--sans)}
.avatar-media img{width:100%;height:100%;display:block;object-fit:cover}
.welcome-user{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:13px;color:var(--muted)}
.welcome-user strong{color:var(--ink);font-weight:600}
.profile-photo-setting{display:flex;align-items:center;gap:18px;margin-bottom:26px;padding-bottom:22px}
.profile-avatar-lg{width:72px;height:72px;font-size:18px}
.profile-photo-copy{min-width:0;flex:1}.profile-photo-copy h3{font:500 16px var(--sans);letter-spacing:0;margin:0 0 4px}.profile-photo-copy p{font-size:13px;line-height:1.55;margin:0 0 12px;max-width:470px}.profile-photo-copy small{display:block;margin-top:10px;color:var(--muted)}
.upload-button{cursor:pointer}
@media(max-width:800px){.topbar{background:var(--bg)}.welcome-user{display:none}.profile-photo-setting{align-items:flex-start}.profile-avatar-lg{width:64px;height:64px}.metric,.metric:first-child,.metric:last-child,.metric:nth-child(2),.metric:nth-child(3),.affiliate-onboarding .metric,.affiliate-onboarding .metric:nth-child(2){border:0!important}}
@media(max-width:500px){.profile-photo-setting{gap:14px}.profile-avatar-lg{width:58px;height:58px}.profile-photo-copy .actions{gap:8px}}

/* Compact dashboard header: avoid duplicate page context on desktop. */
.topbar-title{display:none}
.brand,.topbar{height:50px}
.brand{padding-top:0;border-bottom:0;position:relative;background:transparent}
.brand::after{content:none;display:none}
.topbar{position:relative;z-index:60;overflow:visible;padding-top:0;border-bottom:0;background:#fff;box-shadow:none}
.sidebar nav{padding-top:8px}
/* Fade quotes in at entry and out at exit without introducing a second animation. */
.market-strip{position:relative;display:block;flex:1 1 auto;min-width:0;max-width:none;overflow:hidden;margin-right:16px;transform:none;transition:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%)}
.market-track{display:flex;align-items:center;width:max-content;will-change:transform;animation:market-tape 60s linear infinite;animation-play-state:paused}
.market-source{position:absolute;right:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 5px 0 17px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 15px);font-family:var(--mono);font-size:9px;font-weight:500;color:#72809a;text-decoration:none;white-space:nowrap}
.market-source:hover{text-decoration:underline}
.market-change.flat{color:#72809a}

.market-group{display:flex;align-items:center;gap:28px;flex:0 0 auto;padding-right:28px}
.market-quote{min-width:0;width:max-content;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-family:var(--mono);line-height:1}
@keyframes market-tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.market-symbol{display:block;margin-bottom:4px;color:#72809a;font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
.market-value{display:flex;align-items:center;gap:5px;white-space:nowrap}
.market-value strong{color:#17213a;font-family:var(--mono);font-size:14px;font-weight:500;line-height:1;letter-spacing:-.02em}
.market-change{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10.5px;font-weight:500;line-height:1;letter-spacing:0;transform:translateY(1.5px)}
.market-change::before{font-size:8.5px;line-height:1;margin-right:2.5px}
.market-change.up{color:var(--green)}
.market-change.up::before{content:"▲"}
.market-change.down{color:#d33f49}
.market-change.down::before{content:"▼"}
.top-actions{margin-left:auto;gap:2px;align-items:center;flex:0 0 auto;min-width:max-content;transform:none;transition:none}
.top-actions::before{content:none;display:none}
.welcome-user{display:flex;align-items:center;gap:4px;margin-right:10px;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:#596273;transform:none}
.welcome-user strong{font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:#4f586b}
.profile-trigger{width:36px;height:36px;transform:none}
.avatar-media{width:36px;height:36px;font-size:11px}
/* Header actions share one geometry; no icon-specific translations or hover tiles. */
.top-actions>.wallet-trigger,.top-actions>.message-trigger,.top-actions>.notification-trigger{
 position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 width:32px;height:36px;flex:0 0 32px;margin:0;padding:0;border:0;border-radius:0;
 background:transparent;color:#5f6677;box-shadow:none;transition:color .16s ease
}
.top-actions>.wallet-trigger>.header-action-ico,.top-actions>.message-trigger>.header-action-ico,.top-actions>.notification-trigger>.header-action-ico{
 display:block;width:18px;height:18px;flex:0 0 18px;stroke-width:1.8;transform:none
}
/* Optical alignment: keep the bell fixed, bring Message 2px nearer to it. */
.top-actions>.wallet-trigger>.header-action-ico{transform:translateX(1.5px)}
.top-actions>.message-trigger>.header-action-ico{transform:translateX(2px)}
.top-actions>.wallet-trigger:hover,.top-actions>.wallet-trigger:focus-visible,
.top-actions>.message-trigger:hover,.top-actions>.message-trigger:focus-visible,
.top-actions>.notification-trigger:hover,.top-actions>.notification-trigger:focus-visible{
 background:transparent;color:var(--accent);box-shadow:none
}
.message-indicator{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#8066e9;box-shadow:0 0 0 2px #fff}
.profile-trigger:hover,.profile-trigger:focus{background:transparent;color:inherit;box-shadow:none;transform:none}
.notification-indicator{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}
.top-actions{position:relative}
.header-profile-trigger{width:auto!important;min-width:0;max-width:190px;height:36px!important;display:inline-flex;align-items:center;gap:9px;padding:3px 9px 3px 5px;border:0;border-radius:10px;background:transparent;color:#4f586b;box-shadow:none;overflow:hidden}
.header-profile-trigger .avatar-media{width:28px;height:28px;flex:0 0 28px;font-size:10px}
.header-profile-trigger .profile-trigger-name{min-width:0;max-width:122px;overflow:hidden;text-overflow:ellipsis;font:600 14px/1.2 var(--display);letter-spacing:-.015em;white-space:nowrap;color:#687187}
.header-profile-trigger>.ico{width:15px;height:15px;margin-left:-4px;stroke-width:2.5;color:#687187;transition:transform .16s ease}
.header-profile-trigger:hover,.header-profile-trigger:focus-visible{background:#f7f6fb}.header-profile-trigger.active{background:#f3f0ff;color:var(--accent)}
.header-profile-trigger.active .profile-trigger-name,.header-profile-trigger.active>.ico{color:var(--accent)}
.header-profile-trigger.active>.ico{transform:rotate(180deg)}
.top-actions>.notification-trigger.active{background:transparent;color:var(--accent)}
.top-actions>.notification-trigger.active .notification-indicator{box-shadow:0 0 0 2px var(--bg)}
.header-popover{position:fixed;top:44px;right:18px;z-index:90;background:#fff;border:0;border-radius:14px;box-shadow:0 18px 48px rgba(32,36,49,.13),0 2px 8px rgba(32,36,49,.06);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
.header-popover.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
/* Profile menu: a unified, compact identity / entitlement / actions surface. */
.profile-popover{box-sizing:border-box;width:292px;max-width:calc(100vw - 32px);padding:14px 14px 12px;border-radius:13px;max-height:calc(100dvh - 58px);overflow-y:auto;overscroll-behavior:contain}
.profile-menu-head{display:flex;align-items:center;gap:12px;min-width:0;padding:2px 4px 10px}
.profile-menu-head .header-menu-avatar{width:44px;height:44px;flex:0 0 44px;font-size:11px;border-radius:10px}
.profile-menu-head>div{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:6px}
.profile-menu-head strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#515c70;font:600 14px/1.25 var(--display);letter-spacing:-.012em}
.profile-menu-head .profile-member-badges{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;max-width:100%;min-width:0}
.profile-member-badge{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;max-width:100%;min-height:22px;padding:4px 8px;border-radius:6px;background:#f2f3f6;color:#707a8d;font:500 11px/1.2 var(--sans);white-space:nowrap}
.profile-member-badge>.ico{width:12px;height:12px;flex:0 0 12px;stroke-width:1.8;transform:translateY(-1.5px)}
.profile-member-badge>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.profile-member-badge-access{background:#f1eef9;color:#65558e}
.profile-menu-head .profile-member-badge-seller{background:#f0edfc;color:#6550b8}
.profile-access-section{padding:6px 0 9px;margin:0 0 4px}
.profile-access-heading{display:block;margin:0 0 6px 5px;color:#727d91;font:600 11.5px/1.4 var(--sans);letter-spacing:0;text-transform:none}
.profile-access-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:37px;padding:3px 5px;color:#616b7d;font:400 12px/1.4 var(--sans)}
.profile-access-row+.profile-access-row{margin-top:2px}
.profile-access-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f3f1f8;color:#796d96}
.profile-access-icon .ico{width:15px;height:15px;stroke-width:1.7}
.profile-access-name{min-width:0;overflow-wrap:anywhere;color:#545f72;font:500 12px/1.4 var(--sans)}
.profile-access-value{color:#7a8496;font:400 11.5px/1.35 var(--sans);white-space:nowrap}
.profile-access-empty{display:block;padding:5px 5px 2px;color:#8a93a4;font:400 12px/1.5 var(--sans)}
.profile-menu-actions{display:flex;flex-direction:column;gap:2px;margin:0;padding:2px 0 0}
.header-menu-separator{display:none}
.header-menu-link,.notification-view-all{width:100%;border:0;background:transparent;box-shadow:none;color:#687187}
.profile-popover .header-menu-link{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:11px;min-height:41px;padding:8px 8px;border:0;border-radius:9px;background:transparent;color:#606c80;text-align:left;font:500 12.5px/1.35 var(--sans);letter-spacing:0;cursor:pointer;transition:background .15s ease,color .15s ease}
.profile-popover .header-menu-link>.ico{width:17px;height:17px;stroke-width:1.65}
.profile-popover .header-menu-link>span{min-width:0;overflow-wrap:anywhere}
.profile-popover .header-menu-link:hover{background:#f5f4f9;color:#424c60}
.profile-popover .header-menu-link:focus-visible{outline:2px solid #b7aaed;outline-offset:-2px;background:#f5f4f9;color:#424c60}
.profile-popover .header-menu-link.danger{color:#b85f68;margin:0}
.profile-popover .header-menu-link.danger:hover,.profile-popover .header-menu-link.danger:focus-visible{background:#fcf4f5;color:#a74955}
.notification-popover{width:344px;padding:14px 18px 12px;font-family:var(--display);border-radius:14px}
.notification-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;margin-bottom:7px}.notification-popover-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;height:24px}.notification-preview-list{display:flex;flex-direction:column;gap:1px}.notification-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;padding:18px 10px 14px;text-align:center}.notification-empty-state strong{color:#343b4d;font:500 13px/1.35 var(--display);letter-spacing:-.01em}.notification-empty-state span{margin-top:5px;color:#7b8598;font:400 11.5px/1.4 var(--display)}
.notification-popover-head>strong{display:flex;align-items:center;height:24px;color:#232a3c;font:600 16px/24px var(--display);letter-spacing:-.02em}
.notification-count{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:#f1edff;color:#6248d8;font:600 11px/24px var(--display);white-space:nowrap}.notification-mark-read{display:inline-flex;align-items:center;height:24px;border:0;background:transparent;padding:0;color:#6248d8;font:500 11.5px/24px var(--display);white-space:nowrap;box-shadow:none}.notification-mark-read:hover,.notification-mark-read:focus-visible{color:#4f37bf;text-decoration:none}
.notification-preview-row{position:relative;width:calc(100% + 12px);margin-left:-6px;margin-right:-6px;display:grid;grid-template-columns:36px minmax(0,1fr) 6px;align-items:center;gap:10px;min-height:62px;padding:8px 6px;border:0;border-radius:10px;background:transparent;text-align:left;box-shadow:none;transition:background .14s ease}
.notification-preview-row+.notification-preview-row{margin-top:1px}
.notification-preview-icon{width:36px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}
.notification-preview-icon .ico{width:17px;height:17px;stroke-width:1.7}
.notification-preview-icon.offline{background:#fff0f2;color:#eb5060}
.notification-preview-icon.active,.notification-preview-icon.online,.notification-preview-icon.success{background:#eef9f4;color:#1f9b72}
.notification-preview-icon.membership,.notification-preview-icon.support{background:#f1edff;color:#6248d8}
.notification-preview-icon.warning{background:#fff5e6;color:#d99016}
.notification-preview-icon.trade{background:#eef4fb;color:#547ba8}
.notification-preview-icon.system{background:#f2f3f5;color:#6f7890}
.notification-preview-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.notification-preview-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293145;font:500 13px/1.25 var(--display);letter-spacing:-.01em}
.notification-preview-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8598;font:400 11.5px/1.25 var(--display)}
.notification-preview-meta{align-self:center;color:#8992a4;font:400 11px/1.25 var(--display);white-space:nowrap}
.notification-preview-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.notification-preview-row:hover,.notification-preview-row:focus-visible{background:#f6f5fa}
.notification-view-all{display:flex;align-items:center;justify-content:flex-start;min-height:36px;margin-top:5px;padding:4px 0 0;color:var(--accent);font:500 12.5px/1.3 var(--display);text-align:left}
.notification-view-all .ico{width:15px;height:15px;stroke-width:1.8}
@media(max-width:800px){.header-profile-trigger .profile-trigger-name{display:none}.header-profile-trigger{padding-right:5px}.header-profile-trigger>.ico{display:none}.header-popover{right:16px}.profile-popover{width:min(292px,calc(100vw - 32px));padding:13px 12px 10px}.notification-popover{width:min(344px,calc(100vw - 32px))}}
main{padding-top:18px}
.page-title{margin-bottom:22px}
.page-title p{margin-top:6px}
@media(max-width:800px){.brand,.topbar{height:50px}.topbar-title{display:inline}.topbar{font-size:13px;padding-top:0}.profile-trigger{width:34px;height:34px}.avatar-media{width:34px;height:34px}.welcome-user{display:none}main{padding-top:20px}}

/* Wider navigation + paired Overview performance surfaces. */
@media(min-width:1151px){
  .sidebar{width:232px}
  .topbar,main{margin-left:232px}
  .topbar{padding-left:96px;padding-right:96px}
  main{width:calc(100% - 232px);padding-left:96px;padding-right:96px;transform:translateX(0)}
}
@media(max-width:1699px) and (min-width:1400px){.topbar{padding-left:48px;padding-right:48px}.market-strip{margin-right:18px}}
@media(max-width:1399px) and (min-width:1151px){.market-strip{max-width:430px;margin-right:16px}.topbar{padding-left:48px;padding-right:48px}}
@media(max-width:1150px){.market-strip{display:none}}
.overview-performance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:28px}
.overview-performance-grid>.panel{margin-bottom:0;height:100%;min-width:0;padding:24px}
.overview-performance-grid>.panel .section-heading{min-height:38px;margin-bottom:20px;align-items:flex-start}
.overview-performance-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.overview-performance-summary>.actions{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}
.overview-performance-summary>.actions small{white-space:nowrap}
/* Scoped nominal-USD KPI handling: preserve chart insets and other pages. */
main[data-page="overview"] .overview-performance-summary{flex-wrap:wrap;row-gap:9px}
main[data-page="overview"] .overview-performance-summary>.actions{flex:1 1 170px;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%}
main[data-page="overview"] .overview-performance-summary>.actions .value{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
main[data-page="overview"] .overview-performance-summary>.actions small{white-space:normal;line-height:1.35}
.overview-metric-toggle{width:168px;height:38px;display:grid;grid-template-columns:repeat(2,1fr);flex:0 0 auto;padding:3px;border:0;border-radius:9px;background:#f7f7f8;box-sizing:border-box}
.overview-metric-toggle button{min-width:0;height:32px;padding:0 6px;border:0;border-radius:7px;background:transparent;color:#70798b;font-family:var(--sans);font-size:13px;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;outline:0;box-shadow:none}
.overview-metric-toggle button:hover,.overview-metric-toggle button:focus,.overview-metric-toggle button:focus-visible{outline:0;box-shadow:none;background:transparent;color:#596376}
.overview-metric-toggle button.selected{background:#eeeafd;color:var(--accent)}
.overview-chart-unavailable{display:flex;align-items:center;justify-content:center;min-height:270px;padding:28px;text-align:center;color:var(--muted);font:400 13px/1.6 var(--sans);background:#faf9fc;border-radius:9px}
.overview-performance-summary .value.positive{color:var(--green)}.overview-performance-summary .value.negative{color:#ac454f}
main[data-page="overview"] .metrics .metric .value.positive,main[data-page="overview"] .metrics .metric-rich .value.positive{color:var(--green)!important}main[data-page="overview"] .metrics .metric .value.negative{color:#ac454f!important}
.overview-chart-unit{margin:18px 0 10px;color:#6f7a91;font:500 12.5px/1.3 var(--sans)}
/* Shared trading-chart axis layout: content-aware labels + balanced plot gutters. */
/* Single-Y-axis charts: mirror the measured label gutter on the opposite side so the plot has equal card insets. */
.overview-chart-shell{display:grid;grid-template-columns:var(--ptp-overview-axis-width,54px) minmax(0,1fr) var(--ptp-overview-axis-width,54px);column-gap:0;align-items:stretch;margin-top:0}
.overview-y-axis{height:320px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;box-sizing:border-box;padding:14px 12px 14px 0;color:#75809a;font:400 12px/1 var(--sans);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.overview-y-axis .axis-zero{visibility:hidden}
.overview-chart-main{min-width:0}
.overview-chart-main .chart{display:block;width:100%;height:320px}
.overview-chart-main .chart-labels{margin-top:4px;padding:4px 0 0;box-sizing:border-box;min-width:0}.overview-chart-main{min-width:0;overflow:hidden}.overview-chart-main .chart{overflow:visible}
/* Date typography only: preserve the original Overview chart and card layout. */
main[data-page="overview"] .overview-chart-main .chart-labels{font:400 12px/1.25 var(--sans);color:#7f899a}
main[data-page="overview"] .overview-chart-main .chart-labels span{white-space:nowrap}
@media(max-width:500px){main[data-page="overview"] .overview-chart-main .chart-labels span:nth-child(even):not(:last-child){display:none}}
@media (min-width:501px) and (max-width:620px), (min-width:1181px) and (max-width:1330px){main[data-page="overview"] .overview-chart-main .chart-labels span:nth-child(3){display:none}}
@media(max-width:800px){.overview-chart-unit{margin-top:16px}.overview-chart-shell{grid-template-columns:minmax(0,min(var(--ptp-overview-axis-width,52px),24%)) minmax(0,1fr) minmax(0,min(var(--ptp-overview-axis-width,52px),24%));column-gap:0}.overview-y-axis{height:260px;padding-top:12px;padding-bottom:12px;font-size:11.5px}.overview-y-axis>span{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}.overview-chart-main .chart{height:260px}}
@media(max-width:500px){.overview-chart-unit{font-size:12px}.overview-chart-shell{grid-template-columns:minmax(0,min(var(--ptp-overview-axis-width,50px),24%)) minmax(0,1fr) minmax(0,min(var(--ptp-overview-axis-width,50px),24%));column-gap:0}.overview-y-axis{height:210px;padding-top:10px;padding-bottom:10px;font-size:11px}.overview-chart-main .chart{height:210px}}
.top-ea-ranking-card{min-width:0;height:100%;display:flex;flex-direction:column;padding:24px;border:0;border-radius:8px;background:var(--surface);box-shadow:var(--card-shadow);container-type:inline-size}
.top-ea-ranking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.top-ea-ranking-head h2{margin:0;color:var(--ink);font-family:var(--display);font-size:var(--type-section);font-weight:500;line-height:1.25;letter-spacing:-.035em}
.top-ea-ranking-head p{margin:4px 0 0;color:#7d8798;font:400 12.5px/1.45 var(--sans)}
.top-ranking-period{position:relative;display:inline-flex;align-items:center}
.top-ranking-period select{height:34px;min-width:62px;padding:0 30px 0 11px;border:0;border-radius:8px;background:#f3f1fb;color:var(--accent);font:400 13px/1.6 var(--sans);outline:0;appearance:none}
.top-ranking-period .ico{position:absolute;right:9px;width:13px;height:13px;color:var(--accent);pointer-events:none}
.top-ranking-tabs{align-self:flex-end;margin:-6.875px 0 14px}
@container (max-width:510px){.top-ranking-tabs{margin-top:36.672px}}
.top-ea-ranking-context{margin-bottom:8px;color:#7f899a;font:400 12px/1.4 var(--sans)}
.top-ea-table{min-width:0}
.top-ea-table-head,.top-ea-row{display:grid;grid-template-columns:56px minmax(84px,1.6fr) minmax(52px,.62fr) minmax(60px,.95fr) minmax(58px,1.03fr) minmax(50px,.93fr) 28px;align-items:center;column-gap:8px}
.top-ea-table-head{min-height:38px;color:#818b9d;font:500 12px/1.25 var(--sans)}
.top-ea-table-head span:nth-child(n+3){text-align:right}.top-ea-table-head span:nth-child(3),.top-ea-table-head span:nth-child(6){text-align:center}
.top-ea-row{min-height:64px;color:#4a5365;font:400 13px/1.3 var(--sans)}
.top-ea-row.leader{margin:0 -8px;padding:0 8px;border-top:0;border-radius:8px;background:#f6f4fc}
.top-ea-row>span:nth-child(n+3),.top-ea-row>strong:nth-child(n+3){text-align:right}.top-ea-row>strong:nth-child(6){text-align:center}.top-ea-row>strong:nth-child(4){font-weight:600}.top-ea-stat{font-weight:600;white-space:nowrap}
.top-ea-row>span:nth-child(3){text-align:center}
/* Secondary EA-only profit sits under Return inside the same grid cell. */
.top-ea-table-head>span:nth-child(4){text-align:center}
.top-ea-row>.top-ea-return{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;text-align:center;font-variant-numeric:tabular-nums}
.top-ea-return-value{display:block;line-height:1.2;white-space:nowrap}
.top-ea-net-profit{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f899a;font:400 10px/1.2 var(--sans);letter-spacing:0}
.top-ea-rank{display:flex;align-items:center;gap:7px}
.top-ea-rank-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}
.top-ea-rank-icon .ico{width:20px;height:20px;stroke-width:1.65}
.top-ea-rank-icon.rank-1{color:#c9900d}
.top-ea-rank-icon.rank-2{color:#8a93a1}
.top-ea-rank-icon.rank-3{color:#b66a35}
.top-ea-rank-number{color:#3d4659;font:600 13px/1 var(--sans)}
.top-ea-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333b4d;font-family:var(--display);font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.005em;text-transform:none}
.top-broker-table{min-width:0}
.top-broker-head,.top-broker-row{display:grid;grid-template-columns:56px minmax(118px,1.30fr) minmax(64px,.8fr) minmax(82px,1.25fr) 28px;align-items:center;column-gap:8px}
.top-broker-head{min-height:38px;color:#818b9d;font:500 12px/1.25 var(--sans)}
.top-broker-head span:nth-child(3){text-align:center}.top-broker-head span:nth-child(4){text-align:right;padding-right:20px;transform:translateX(-32px)}
.top-broker-row>span:nth-child(3){text-align:center}.top-broker-row .top-broker-return{text-align:right;padding-right:20px;transform:translateX(-32px);font:600 13px/1.3 var(--sans);color:inherit}.top-broker-row .top-broker-return.positive{color:var(--green)}.top-broker-row .top-broker-return.negative{color:#ac454f}
.top-broker-row{min-height:64px;color:#4a5365;font:400 13px/1.3 var(--sans)}
.top-broker-row.leader{margin:0 -8px;padding:0 8px;border-top:0;border-radius:8px;background:#f6f4fc}
.top-broker-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333b4d;font-family:var(--display);font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.005em}
.top-ranking-link{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;border-radius:8px;background:#f5f4f8;color:#6d7484;transition:background .15s,color .15s}
.top-ranking-link .ico{width:15px;height:15px}
.top-ranking-link:hover,.top-ranking-link:focus-visible{background:#eeebf8;color:var(--accent)}
.top-ea-row.leader .top-ranking-link,.top-broker-row.leader .top-ranking-link{background:#fff}
.top-ea-row.leader .top-ranking-link:hover,.top-ea-row.leader .top-ranking-link:focus-visible,.top-broker-row.leader .top-ranking-link:hover,.top-broker-row.leader .top-ranking-link:focus-visible{background:#fff;color:var(--accent)}
.top-ea-footer{margin-top:auto;padding-top:14px;border-top:1px solid #eceef2;color:#7f899a;font:400 12px/1.35 var(--sans)}
.top-ea-table+.top-ea-footer,.top-broker-table+.top-ea-footer{border-top:0;padding-top:15px}
@media(max-width:1180px){.overview-performance-grid{grid-template-columns:1fr}}
@media(max-width:800px){.overview-performance-grid{display:block;margin-bottom:0}.overview-performance-grid>.panel,.top-ea-ranking-card{margin-bottom:16px;height:auto}.top-ea-table,.top-broker-table{overflow-x:auto}.top-ea-table-head,.top-ea-row{min-width:650px}.top-broker-head,.top-broker-row{min-width:520px}}
/* Keep both ranking tables readable in narrower split-card desktop layouts. */
@media(min-width:801px){
 @container (max-width:470px){
  .top-ea-table-head,.top-ea-row{grid-template-columns:50px minmax(76px,1.3fr) minmax(50px,.65fr) minmax(55px,.9fr) minmax(53px,.99fr) minmax(44px,.81fr) 26px;column-gap:5px}
  .top-broker-head,.top-broker-row{grid-template-columns:50px minmax(106px,1.15fr) minmax(62px,.8fr) minmax(70px,1.15fr) 26px;column-gap:6px}
   .top-broker-head span:nth-child(4),.top-broker-row .top-broker-return{transform:translateX(-18px)}
   .top-ranking-link{width:26px;height:26px}
 }
}

/* Sidebar grouping: plain section labels + compact active pill. */
.sidebar nav{padding-top:22px}
.nav-section{margin:0 0 12px}
.nav-section:last-child{margin-bottom:0}
.nav-section-title{display:block;width:100%;padding:0 13px 6px;color:#8790a5;font:600 10.5px/1.35 var(--mono);letter-spacing:.09em;text-transform:uppercase;user-select:none;white-space:nowrap}.nav-section-title-workspace{position:static;overflow:visible!important}.sidebar-toggle-top{position:absolute;z-index:45;top:56px;right:-16px;width:32px!important;height:32px!important;flex:0 0 32px!important;border:1px solid #eeedf8!important;border-radius:10px!important;background:#fff!important;color:var(--accent)!important;box-shadow:0 4px 12px rgba(101,80,221,.09)!important}
.nav-section-title::before,.nav-section-title::after{content:none!important;display:none!important}
.nav-section-title span{display:block}
.nav-section .nav-link{position:relative;min-height:40px;margin:0 0 2px;padding:8px 13px;border-radius:12px;gap:13px;color:#687187;background:transparent;font-size:14px}
.nav-section .nav-link .ico{width:18px;height:18px;stroke-width:1.7;color:currentColor}
.nav-section .nav-link:hover{background:#6550dd08;color:#596278}
.nav-section .nav-link.active,.nav-section .nav-link[aria-current="page"]{background:linear-gradient(90deg,rgba(101,80,221,.12),rgba(101,80,221,.07));color:var(--accent);font-weight:600;border-radius:12px}
.nav-section .nav-link.active::before,.nav-section .nav-link[aria-current="page"]::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:4px;border-radius:0 999px 999px 0;background:var(--accent)}
.nav-section .nav-link.active:hover,.nav-section .nav-link[aria-current="page"]:hover{background:linear-gradient(90deg,rgba(101,80,221,.12),rgba(101,80,221,.07));color:var(--accent)}
.nav-section+.nav-section{margin-top:6px}
.nav-section:last-child{padding-top:4px;border-top:0}
.nav-signout{width:100%;border:0!important;background:transparent!important;text-align:left}
.nav-signout:hover{background:#6550dd08!important}
.divider{display:none!important}
/* Desktop sidebar collapse / expand. */
.sidebar,.topbar,main{transition:width .28s cubic-bezier(.22,.61,.36,1),margin-left .28s cubic-bezier(.22,.61,.36,1),padding .28s cubic-bezier(.22,.61,.36,1),transform .28s cubic-bezier(.22,.61,.36,1)}
.sidebar-head{height:50px;display:flex;align-items:center;gap:6px;min-width:0}
.sidebar-head .brand{flex:1;min-width:0;overflow:hidden;padding:0 8px;gap:12px}
.brand-label{display:inline-block;max-width:140px;opacity:1;white-space:nowrap;transform:translateX(0);transition:max-width .24s ease,opacity .18s ease,transform .24s ease}
.sidebar-toggle{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;background:#f4f3f7;color:#687187;padding:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:background .18s ease,color .18s ease,transform .28s cubic-bezier(.22,.61,.36,1)}
.sidebar-toggle .ico{width:16px;height:16px;stroke-width:1.8;transition:transform .28s cubic-bezier(.22,.61,.36,1)}
.sidebar-toggle:hover,.sidebar-toggle:focus{background:#eeebf8;color:var(--accent);box-shadow:none}
.sidebar-toggle-bottom{display:none}
.nav-label{display:inline-block;max-width:150px;opacity:1;white-space:nowrap;overflow:hidden;transform:translateX(0);transition:max-width .24s ease,opacity .18s ease,transform .24s ease}
.nav-section-title{max-height:28px;opacity:1;overflow:hidden;transition:max-height .24s ease,opacity .16s ease,padding .24s ease,margin .24s ease}
.sidebar-bottom{white-space:nowrap;overflow:hidden;text-align:center;padding-left:0!important;padding-right:0!important;transition:opacity .16s ease,max-height .24s ease,padding .24s ease}
@media(min-width:1151px){
  body.sidebar-collapsed .sidebar{width:74px;padding-left:6px;padding-right:6px}
  body.sidebar-collapsed .topbar{margin-left:74px;padding-left:175px;padding-right:175px}
  body.sidebar-collapsed main{margin-left:74px;width:calc(100% - 232px);transform:translateX(79px)}
  body.sidebar-collapsed .market-strip{transform:none}
  body.sidebar-collapsed .top-actions{transform:none}
  body.sidebar-collapsed .sidebar-head{width:100%;gap:0;display:flex;align-items:center;justify-content:center}
  body.sidebar-collapsed .sidebar-head .brand{width:100%;height:50px;flex:0 0 100%;padding:0;gap:0;display:flex;align-items:center;justify-content:center;overflow:visible}
  body.sidebar-collapsed .brand-label{display:none;max-width:0;opacity:0;transform:none}
  body.sidebar-collapsed .sidebar-toggle .ico{transform:rotate(180deg)}
  body.sidebar-collapsed .nav-section-title{max-height:28px;height:20.171875px;opacity:1;padding:0 13px 6px;margin:0;overflow:visible}body.sidebar-collapsed .nav-section-title>span{visibility:hidden;opacity:0}body.sidebar-collapsed .nav-section-title-workspace{max-height:28px;height:20.171875px;opacity:1;overflow:visible!important;padding:0 13px 6px;margin:0}body.sidebar-collapsed .sidebar-toggle-top{top:56px;right:-16px;left:auto;transform:none}
  body.sidebar-collapsed .nav-section{margin-bottom:12px}
  body.sidebar-collapsed .nav-section+.nav-section{margin-top:6px}
  body.sidebar-collapsed .nav-section:last-child{padding-top:4px}
  body.sidebar-collapsed .nav-section .nav-link{width:40px!important;height:40px;min-height:40px;justify-content:center;gap:0;padding:0;margin:0 auto 2px;text-align:center}
  body.sidebar-collapsed .nav-section .nav-link .ico{display:block;margin:0 auto!important;flex:0 0 18px}
  body.sidebar-collapsed .nav-label{max-width:0;opacity:0;transform:translateX(-6px)}
  body.sidebar-collapsed .sidebar-toggle-bottom{display:none}
  body.sidebar-collapsed .sidebar-toggle-bottom .ico{display:block;margin:0 auto!important}
  body.sidebar-collapsed .nav-section .nav-link.active::before,body.sidebar-collapsed .nav-section .nav-link[aria-current="page"]::before{top:8px;bottom:8px}
  body.sidebar-collapsed .sidebar-bottom{opacity:0;max-height:0;padding-top:0;padding-bottom:0}
}
@media(max-width:1399px) and (min-width:1151px){.market-strip{transform:none}.top-actions{transform:none}body.sidebar-collapsed .topbar{padding-left:175px;padding-right:175px}body.sidebar-collapsed .market-strip{transform:none}body.sidebar-collapsed .top-actions{transform:none}}
@media(max-width:1150px){.sidebar-toggle{display:none}}
@media(max-width:800px){.nav-section{margin-bottom:12px}.nav-section+.nav-section{margin-top:8px}.nav-section-title{padding-top:0;padding-bottom:6px}.nav-section .nav-link{min-height:40px}}

.trading-accounts-ui{display:grid;gap:18px;margin-top:4px}
.trading-accounts-ui>.metrics{margin:0}
.ta-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper);border-radius:10px;box-shadow:0 8px 24px rgba(32,36,49,.045);overflow:hidden;padding:14px 20px}
.ta-summary-item{min-height:62px;display:flex;align-items:center;gap:16px;padding:0 28px;border-right:1px solid var(--line)}
.ta-summary-item:first-child{padding-left:10px}.ta-summary-item:last-child{border-right:0}
.ta-summary-item>.ico{width:24px;height:24px;color:var(--accent);stroke-width:1.6;flex:0 0 24px}
.ta-summary-item>div{display:flex;flex-direction:column;gap:2px}.ta-summary-item small{font-size:12px;line-height:1.25;color:#71809b}.ta-summary-item strong{font:600 20px/1.15 var(--mono);color:var(--ink)}
.summary-dot{width:15px;height:15px;border-radius:50%;flex:0 0 15px}.summary-dot.online{background:#2cb67d}.summary-dot.offline{background:#b8c0d0}
.ta-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto 180px;gap:22px;align-items:center}
.ta-search{height:42px;display:flex;align-items:center;gap:10px;background:var(--paper);border:0;border-radius:10px;padding:0 14px;box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)}.ta-search .ico{width:17px;height:17px;color:#8b94a5}.ta-search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink);font:400 13px var(--sans)}.ta-search input::placeholder{color:#9aa3b3}
.ta-segmented{display:grid;grid-template-columns:repeat(3,1fr);height:42px;background:var(--paper);border:0;border-radius:10px;overflow:hidden;min-width:270px;padding:3px;box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)}.ta-segmented button{border:0;outline:0;background:transparent;color:#727b8d;font:500 13px var(--sans);padding:0 20px;border-radius:7px;box-shadow:none}.ta-segmented button:last-child{border-right:0}.ta-segmented button:hover,.ta-segmented button:focus-visible{background:#f7f7f8;color:#4f586b;outline:0;box-shadow:none}.ta-segmented button.selected{background:#f1f1f4;color:#4d5567;border-radius:7px;box-shadow:none}
.ta-status-filter{height:42px;border:0;border-radius:10px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#727b8d;font:400 13px var(--sans);position:relative;box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)}.ta-status-filter select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;color:#727b8d;width:100%;height:100%;padding:0 24px 0 0;cursor:pointer;font:400 13px var(--sans)}.ta-status-filter .ico{width:17px;height:17px;position:absolute;right:13px;pointer-events:none;color:#8b94a5}
.ta-table{background:var(--paper);border-radius:10px;box-shadow:0 1px 2px rgba(32,36,49,.035),0 8px 24px rgba(32,36,49,.022);overflow:hidden}
.ta-head,.trading-account-row{display:grid;grid-template-columns:minmax(220px,2.4fr) minmax(82px,.8fr) minmax(80px,.75fr) minmax(160px,1.3fr) minmax(110px,.95fr) minmax(130px,1fr);align-items:center}
.ta-head{min-height:44px;padding:0 16px;color:#667085;font-size:12.5px;font-weight:600;border-bottom:1px solid #eef0f3;background:#fff}.ta-head span{padding:0 12px}
.ta-group-head{width:100%;min-height:38px;display:flex;align-items:center;gap:12px;padding:0 16px;border:0;border-top:1px solid #f2f3f5;border-bottom:1px solid #f2f3f5;background:#f8f8fa;color:#343a4e;text-align:left;font:inherit}.ta-group-head:hover{background:#f5f6f8}
.ta-group-head>.ico{width:16px;height:16px;color:#7c8494;transition:transform .18s ease}.ta-group-head strong{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.005em;color:#343a4e}.ta-group-head small{font-size:11.5px;color:#8b93a3}.ta-group.collapsed .ta-group-head>.ico{transform:rotate(-90deg)}.ta-group.collapsed .ta-group-rows{display:none}
.ea-bot{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#798396;flex:0 0 20px}.ea-bot .ico{width:18px;height:18px;stroke-width:1.7}
.trading-account-row{min-height:64px;padding:8px 16px;border-bottom:1px solid #f0f1f3;color:var(--ink);background:#fff;transition:background .15s ease}.trading-account-row:hover{background:#fafbfc}.trading-account-row>div{padding:0 12px;min-width:0}.ta-account{display:flex;flex-direction:column;gap:3px}.ta-account strong{font-size:14.5px}.ta-account small{font-size:11.5px;color:#8791a3}
.ta-type .badge{border:0;border-radius:999px;padding:4px 12px;font-size:10.5px;font-weight:600;background:#f0f2f5;color:#747d8f}.ta-type .badge.violet{background:#f1eff8;color:#625a7e}
.ta-platform{font-size:12.5px;color:#46516a}.ta-connection{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.ta-connection small{font-size:10.5px;color:#8a94a8;margin:0 0 0 2px;white-space:nowrap}.status-dot{position:relative;width:9px;height:9px;flex:0 0 9px;border-radius:50%}.status-dot.online{background:#2cb67d;box-shadow:0 0 0 4px rgba(44,182,125,.08);animation:statusDotBeat 1.8s ease-in-out infinite}.status-dot.online::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:#2cb67d;opacity:.16;transform:scale(.8);animation:statusDotRipple 1.8s ease-out infinite}.status-dot.offline{background:#8793ab}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 12px;font-size:10.5px;font-weight:500;width:max-content}.status-pill.online{background:#e7f7f0;color:#24815f}.status-pill.offline{background:#eef1f6;color:#67738a}.status-pill.offline+small{margin-left:4px}
.ta-latency .connection{font-size:12.5px;gap:9px}.ta-latency .signal{width:25px}.ta-latency .signal i{width:4px}.ta-latency .mono{font-size:12.5px;color:#30384d}
.ta-details{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;border-radius:8px;background:#f5f4f8;color:#6d7484;margin-left:auto;transition:background .15s ease,color .15s ease}.ta-details .ico{width:15px;height:15px;transition:transform .15s ease,color .15s ease}.trading-account-row:hover .ta-details{background:#eeebf8;color:var(--accent)}.trading-account-row:hover .ta-details .ico{transform:translateX(2px)}
.trading-accounts-ui .ta-head,.trading-accounts-ui .network-style-trading-row .trading-account-row{grid-template-columns:minmax(140px,1.35fr) 68px 68px minmax(138px,1.15fr) 104px 78px 96px 68px 60px 40px}.trading-accounts-ui .network-style-trading-row .trading-account-row{min-height:72px;padding:8px 14px}.trading-accounts-ui .network-style-trading-row .trading-account-row>div,.trading-accounts-ui .network-style-trading-row .trading-account-row>span{min-width:0;padding-left:8px;padding-right:8px}.trading-accounts-ui .network-style-trading-row .network-detail{visibility:hidden}.trading-accounts-ui .network-style-trading-row .network-account-id{display:flex;flex-direction:column;gap:3px}.trading-accounts-ui .network-style-trading-row .network-account-id strong{font-size:14.5px;font-weight:700}.trading-accounts-ui .network-style-trading-row .network-account-id small{font-size:11.5px;color:#8791a3}.trading-accounts-ui .network-style-trading-row .network-type .badge{border-radius:999px}.trading-accounts-ui.network-unlocked .ta-table{overflow-x:auto}.trading-accounts-ui.network-unlocked .ta-head,.trading-accounts-ui.network-unlocked .network-style-trading-row .trading-account-row{grid-template-columns:var(--network-table-columns);column-gap:10px;padding-left:18px;padding-right:18px;box-sizing:border-box}.trading-accounts-ui.network-unlocked .ta-head{min-height:54px;font-size:13px}.trading-accounts-ui.network-unlocked .ta-group-head{min-height:48px}.trading-accounts-ui.network-unlocked .ta-group-head strong{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.005em}.trading-accounts-ui.network-unlocked .ta-group-head small{font-size:11.5px}.trading-accounts-ui.network-unlocked .ta-head,.trading-accounts-ui.network-unlocked .ta-group,.trading-accounts-ui.network-unlocked .ta-footer,.trading-accounts-ui.network-unlocked .ta-row-shell{width:100%;min-width:1080px;box-sizing:border-box}.trading-accounts-ui.network-unlocked .network-style-trading-row .trading-account-row{min-height:72px}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-return,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-net,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-dd,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-trades{font-size:12.5px}.trading-accounts-ui.network-unlocked .ta-row-actions{right:20px}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-latency{padding-left:18px}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-type .network-crown-badge{background:#fff4dd;color:#a97b23}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-type-anchor{display:inline-flex;align-items:center}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-type-extras{display:inline-flex;align-items:center}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-account-id{gap:5px;padding-right:12px!important}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-account-primary .network-account-mask{font:500 14px/normal var(--sans);letter-spacing:normal;color:var(--ink)}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-account-id small{font:400 11.5px/1.35 var(--sans);color:#7b8190}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-platform,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-latency .mono,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-return,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-net,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-dd,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-trades{font-size:13px}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-type .badge{font-size:11px;padding:5px 11px}.trading-accounts-ui.network-unlocked .ta-head>span:nth-child(5),.trading-accounts-ui.network-unlocked .network-style-trading-row .network-latency{padding-left:28px!important;box-sizing:border-box;text-align:left}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-latency .connection{justify-content:flex-start}.trading-accounts-ui.network-unlocked .ta-head>span:nth-child(4),.trading-accounts-ui.network-unlocked .network-style-trading-row .network-connection{padding-left:8px!important;box-sizing:border-box;text-align:left}.trading-accounts-ui.network-unlocked .ta-head>span:nth-child(5),.trading-accounts-ui.network-unlocked .network-style-trading-row .network-latency{padding-left:48px!important;box-sizing:border-box;text-align:left}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-return.positive,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-net.positive{color:#24815f}.trading-accounts-ui.network-unlocked .network-style-trading-row .network-return.negative,.trading-accounts-ui.network-unlocked .network-style-trading-row .network-net.negative{color:#c35a65}.ta-row-shell{position:relative}.ta-row-shell .trading-account-row{padding-right:56px}.ta-row-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:3}.ta-row-more{width:30px;height:34px;padding:0;border:0;outline:0;border-radius:7px;background:transparent;color:#788296;font:600 14px/1 var(--sans);letter-spacing:.08em;box-shadow:none;cursor:pointer}.ta-row-more:hover{background:#ececef;color:#4f596c}.ta-row-more:focus,.ta-row-more:focus-visible{outline:0;box-shadow:none}.ta-row-menu{display:none;position:absolute;right:0;top:calc(100% + 4px);min-width:174px;padding:5px;background:#fff;border:0;border-radius:9px;box-shadow:0 14px 34px rgba(32,36,49,.12),0 2px 7px rgba(32,36,49,.05);z-index:12}.ta-row-menu.open{display:block}.ta-row-menu button{width:100%;height:34px;padding:0 10px;border:0;outline:0;border-radius:7px;background:transparent;color:#a64b58;font:500 12px/1 var(--sans);text-align:left;box-shadow:none;cursor:pointer}.ta-row-menu button:hover{background:#f7f2f3;color:#963f4c}.ta-row-menu button:focus,.ta-row-menu button:focus-visible{outline:0;box-shadow:none}
@keyframes statusDotBeat{0%,100%{transform:scale(1)}25%{transform:scale(1.16)}45%{transform:scale(.97)}65%{transform:scale(1.1)}}
@keyframes statusDotRipple{0%{transform:scale(.8);opacity:.16}70%,100%{transform:scale(2.15);opacity:0}}
.ta-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);text-align:center}.ta-empty strong{font:500 15px var(--sans);color:var(--ink)}.ta-empty span{font-size:12px}.ta-footer{padding:16px;font-size:11.5px;color:#7d899f}
/* Trading Accounts onboarding and filtered-results empty state only. */
.trading-accounts-ui .ta-table-is-empty .ta-head,
.trading-accounts-ui .ta-table-is-empty .ta-footer{display:none}
.trading-accounts-ui .ta-empty-state{box-sizing:border-box;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:42px 24px 46px;text-align:center}
.trading-accounts-ui .ta-empty-icon{box-sizing:border-box;width:70px;height:70px;flex:0 0 70px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 20px;border:0;border-radius:19px;background:#f3f0fd;color:var(--accent)}
.trading-accounts-ui .ta-empty-icon .ico{width:29px;height:29px;stroke-width:1.5}
.trading-accounts-ui .ta-empty-icon-search{background:#f6f7fa;color:#778398}
.trading-accounts-ui .ta-empty-state h3{max-width:520px;margin:0;color:var(--ink);font:600 19px/1.32 var(--display);letter-spacing:-.025em}
.trading-accounts-ui .ta-empty-state p{max-width:460px;margin:10px 0 22px;color:#687287;font:400 13.5px/1.6 var(--sans)}
.trading-accounts-ui .ta-empty-action{box-sizing:border-box;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font:500 12.5px/1.3 var(--sans);text-decoration:none;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.trading-accounts-ui .ta-empty-action .ico{width:15px;height:15px;stroke-width:1.7}
.trading-accounts-ui .ta-empty-action:hover{background:#5741cf;border-color:#5741cf;color:#fff}
.trading-accounts-ui .ta-empty-action:focus-visible{outline:2px solid #8e78e5;outline-offset:3px}
@media(max-width:600px){.trading-accounts-ui .ta-empty-state{min-height:280px;padding:36px 18px 40px}.trading-accounts-ui .ta-empty-state h3{font-size:18px}.trading-accounts-ui .ta-empty-state p{font-size:13px}}

@media(max-width:1200px){.ta-summary-item{padding:0 18px}.ta-toolbar{grid-template-columns:1fr auto}.ta-status-filter{grid-column:2}.ta-head,.trading-account-row{grid-template-columns:minmax(190px,2fr) 76px 70px 145px 100px 105px}.ta-segmented{min-width:240px}}
@media(max-width:900px){.ta-summary{grid-template-columns:repeat(2,1fr);gap:0}.ta-summary-item{border-right:0;border-bottom:1px solid var(--line);padding:14px}.ta-summary-item:nth-child(odd){border-right:1px solid var(--line)}.ta-summary-item:nth-last-child(-n+2){border-bottom:0}.ta-toolbar{grid-template-columns:1fr}.ta-segmented,.ta-status-filter{grid-column:auto;width:100%}.ta-table{overflow-x:auto}.ta-head,.trading-account-row{min-width:860px}}

/* Network Accounts — unlocked directory workspace. */
main[data-page="network"]>.page-title{padding-right:0}main[data-page="network"]>.page-title p{font-size:15px;line-height:1.55}
.network-lock-stage{position:relative;margin-top:4px;isolation:isolate;overflow:visible}.network-lock-stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(248,249,252,.08)}/* Network locked directory mirrors staging: all connected rows remain in the
   normal document flow behind the fixed Unlock card. Only server-sanitized
   irreversible PNG previews reach guests; do not blur their silhouettes away. */
.network-locked-preview{display:grid;gap:14px;opacity:1;filter:none;-webkit-filter:none;pointer-events:none;user-select:none;transform:translateZ(0)}
.network-locked-preview .network-lock-preview-banner,.network-locked-preview .network-lock-preview-filters,.network-locked-preview .network-lock-preview-summary,.network-locked-preview .network-table-head,.network-locked-preview .network-group-head,.network-locked-preview .network-table-footer{filter:blur(2.8px);-webkit-filter:blur(2.8px);opacity:.68}
.network-lock-preview-banner{min-height:46px;display:flex;align-items:center;gap:11px;padding:0 16px;border-radius:9px;background:#f5f3fb;color:#5f5a72;font:400 14px/1.45 var(--sans)}.network-lock-preview-banner .ico{width:18px;height:18px;color:var(--accent)}.network-lock-preview-filters{pointer-events:none}.network-lock-preview-filters input:disabled,.network-lock-preview-filters select:disabled,.network-lock-preview-summary select:disabled{opacity:1;-webkit-text-fill-color:#727b8d;cursor:default}.network-lock-preview-filters .network-unlocked-search>div>span{color:#9aa3b3;font:400 13px var(--sans)}.network-lock-fake-select{height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-radius:10px;background:#fff;color:#727b8d;font:400 13px var(--sans);box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)}.network-lock-fake-select .ico{width:14px;height:14px;color:#7f889b}.network-lock-preview-summary>div{display:flex;align-items:center;gap:10px}.network-lock-mini-select{height:36px;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:8px;background:#fff;color:#596376;font:500 13px var(--sans);box-shadow:0 1px 2px rgba(32,36,49,.04),0 4px 12px rgba(32,36,49,.02)}.network-lock-mini-select .ico{width:13px;height:13px}.network-lock-preview-table{min-height:330px}.network-lock-preview-row{cursor:default}
.network-live-raster-row{display:block!important;min-height:64px!important;height:64px;padding:0 14px!important;overflow:hidden}
.network-live-preview-img{display:block;width:100%;min-width:1000px;height:64px;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}
.network-lock-overlay{position:fixed;top:50px;right:0;bottom:0;left:232px;z-index:60;height:auto;display:flex;align-items:center;justify-content:center;padding:0 24px;pointer-events:none} @media(min-width:801px){body.sidebar-collapsed .network-lock-overlay{left:74px}}.network-lock-card{pointer-events:auto;width:min(100%,380px);padding:24px 26px 22px;border:0;border-radius:18px;background:#fff;text-align:center;box-shadow:0 24px 64px rgba(32,36,49,.12),0 8px 24px rgba(32,36,49,.055)}.network-lock-icon{width:60px;height:60px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#f1effb;color:var(--accent)}.network-lock-icon .ico{width:28px;height:28px;stroke-width:1.7}.network-lock-eyebrow{margin-bottom:10px;color:var(--accent);font:500 10.5px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}.network-lock-card h2{margin:0 0 10px;color:var(--ink);font-family:var(--display);font-size:25px;font-weight:500;line-height:1.14;letter-spacing:-.022em}.network-lock-card>p{max-width:310px;margin:0 auto 20px;color:#687287;font:400 14px/1.55 var(--sans)}.network-lock-benefits{display:grid;gap:10px;max-width:270px;margin:0 auto 29px;text-align:center}.network-lock-benefits span{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:210px;margin:0 auto;transform:translateX(25px);color:#535d70;font:400 12.5px/1.4 var(--sans)}.network-lock-benefits .ico{width:23px;height:23px;flex:0 0 23px;padding:5px;border-radius:50%;background:#dcfce8;color:#15803d;stroke-width:2.4;box-sizing:border-box}.network-lock-cta{display:block;width:min(100%,260px);height:46px;margin:0 auto;border:0;outline:0;border-radius:11px;background:linear-gradient(90deg,#6550dd,#7359ec);color:#fff;font:500 14px var(--display);letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 20px rgba(101,80,221,.14);transition:transform .15s ease,box-shadow .15s ease}.network-lock-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(101,80,221,.18)}.network-lock-cta:focus-visible{outline:3px solid rgba(101,80,221,.35)!important;outline-offset:3px!important}
.network-lock-cta:disabled,.network-lock-cta:disabled:hover{background:#c7cbd5;color:#fff;box-shadow:none;cursor:not-allowed;transform:none}
.network-access-unavailable,.network-lock-card>p.network-access-unavailable{margin:0 auto 15px;font:400 12.5px/1.5 var(--sans);color:#687287}
.network-access-pending,.network-lock-card>p.network-access-pending{margin:12px auto 2px;padding:8px 10px;border-radius:8px;background:#f5f3fb;color:#5f5a72;font:400 12px/1.5 var(--sans)}
.network-lock-card>.text-button{margin-top:13px}
.network-lock-cta:focus,.network-lock-cta:focus-visible{outline:0}/* Network subscription: real checkout feedback and verified order states. */
@media(max-height:520px){.network-lock-card{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}}
.network-lock-cta.is-preparing,.network-info-cta.is-preparing{cursor:wait;opacity:.88}
.network-lock-cta.is-preparing::before,.network-info-cta.is-preparing::before{
 content:"";display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;
 border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;
 animation:ptp-network-checkout-spin .7s linear infinite
}
@keyframes ptp-network-checkout-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
 .network-lock-cta.is-preparing::before,.network-info-cta.is-preparing::before{animation:none}
}
.network-lock-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:#7d8799;font:400 11.5px/1.4 var(--sans)}.network-lock-note .ico{width:14px;height:14px;color:#7d8799}
.network-unlocked{position:relative;display:grid;gap:14px;margin-top:4px}
.network-access-chip{display:none!important}
.network-info-bar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 16px;border-radius:9px;background:#f5f3fb;color:#5f5a72;font:400 14px/1.45 var(--sans)}.network-info-main{display:flex;align-items:center;gap:11px;min-width:0}.network-info-main .ico{width:18px;height:18px;flex:0 0 18px;color:var(--accent);stroke-width:1.7}.network-info-main>span{min-width:0}.network-info-meta{display:flex;align-items:center;gap:14px;flex:0 0 auto}.network-info-expiry{font:400 14px/1.45 var(--sans);color:#5f5a72;white-space:nowrap}.network-info-cta{height:38px;padding:0 15px;border:1px solid #d8d2f1;outline:0;border-radius:8px;background:#fff;color:var(--accent);font:500 13px var(--display);letter-spacing:-.01em;box-shadow:none;cursor:pointer}.network-info-cta:hover{background:#faf9fd}.network-info-cta:focus,.network-info-cta:focus-visible{outline:0;box-shadow:none}
/* Center the spinner and Preparing label together as one flex content group.
   Absolute positioning made their combined visual center drift to the left. */
.network-info-cta{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:136px;text-align:center}
.network-info-cta.is-preparing::before{position:static;flex:0 0 13px;align-self:center;margin:0 8px 0 0;vertical-align:middle;border-color:rgba(101,80,221,.23);border-top-color:var(--accent)}
/* Match Trading Accounts' unboxed filter toolbar with Search, Type and Status. */
/* Preserve the former four-column positions: Search absorbs the removed EA selector slot. */
.network-unlocked-filters{display:grid;grid-template-columns:minmax(360px,2.1fr) repeat(3,minmax(155px,1fr));align-items:end;gap:22px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.network-unlocked-filters .network-unlocked-search{grid-column:span 2}
.network-unlocked-filters label{display:flex;flex-direction:column;gap:8px;min-width:0}/* Hide the three filter captions visually, while retaining accessible labels. */
.network-unlocked-filters label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.network-unlocked-filters select,.network-unlocked-search>div{width:100%;height:42px;box-sizing:border-box;border:0;border-radius:10px;background:#fff;color:#727b8d;box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025);outline:0}.network-unlocked-filters select{appearance:none;-webkit-appearance:none;padding:0 42px 0 14px;font:400 13px var(--sans);background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#7f889b 50%),linear-gradient(135deg,#7f889b 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.network-unlocked-filters select:focus,.network-unlocked-filters select:focus-visible{outline:0;box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)}
.network-unlocked-search>div{display:flex;align-items:center;gap:10px;padding:0 14px}.network-unlocked-search .ico{width:17px;height:17px;flex:0 0 17px;color:#8b94a5}.network-unlocked-search input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:400 13px var(--sans);padding:0}.network-unlocked-search input::placeholder{color:#9aa3b3}.network-unlocked-search input::-webkit-search-cancel-button{margin-left:8px}
.network-summary-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 16px;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(32,36,49,.03),0 6px 18px rgba(32,36,49,.018);color:#70798b;font:400 13px var(--sans)}.network-summary-bar>span strong{font:600 13px var(--mono);color:#4c5568}.network-summary-bar>div{display:flex;align-items:center;gap:14px}.network-summary-bar label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}.network-summary-bar select{appearance:none;-webkit-appearance:none;height:36px;border:0;border-radius:8px;background-color:#fff;color:#596376;padding:0 38px 0 12px;outline:0;font:400 13px var(--sans);box-shadow:0 1px 2px rgba(32,36,49,.04),0 4px 12px rgba(32,36,49,.02);background-image:linear-gradient(45deg,transparent 50%,#7f889b 50%),linear-gradient(135deg,#7f889b 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.network-summary-bar select:focus,.network-summary-bar select:focus-visible{outline:0;box-shadow:0 1px 2px rgba(32,36,49,.04),0 4px 12px rgba(32,36,49,.02)}
/* Sort width is based on its chosen label (including localized options), not a fixed control width. */
.network-summary-bar select[data-network-filter="networkSort"]{width:fit-content;field-sizing:content;min-width:0;max-width:100%;padding-right:30px;background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px}
/* Period feedback stays visible even where the selected range has identical trades. */
.network-summary-bar .network-period-context{font:400 12px/1.35 var(--sans);color:#8993a5;white-space:normal}
.network-table-card{background:#fff;border:0;border-radius:10px;box-shadow:0 1px 2px rgba(32,36,49,.035),0 8px 24px rgba(32,36,49,.022);overflow:hidden}
.network-table-head,.network-table-row{display:grid;grid-template-columns:minmax(140px,1.35fr) 68px 68px minmax(138px,1.15fr) 104px 78px 96px 68px 60px 40px;align-items:center}
.network-table-head{min-height:44px;padding:0 14px;background:#fff;border-bottom:1px solid #eef0f3;color:#667085;font-size:12.5px;font-weight:600}.network-table-head>span{padding:0 8px}
.network-group-head{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 16px;border:0;background:#f8f8fa;color:#343a4e;text-align:left;font:inherit}.network-group-head:hover{background:#f5f6f8}.network-group-head>.ico{width:15px;height:15px;color:#7d8697;transition:transform .18s ease}.network-group-head .ea-bot{width:18px;height:18px;flex-basis:18px;color:#7d8798}.network-group-head .ea-bot .ico{width:16px;height:16px}.network-group-head strong{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.005em}.network-group-head small{font-size:11.5px;color:#8b93a3}.network-table-group.collapsed .network-group-head>.ico{transform:rotate(-90deg)}.network-table-group.collapsed .network-group-rows{display:none}
.network-table-row{min-height:64px;padding:8px 14px;border-bottom:1px solid #f0f1f3;color:var(--ink);cursor:pointer;transition:background .15s ease}.network-table-row:hover{background:#fafbfc;color:var(--ink)}.network-table-row>div,.network-table-row>span{min-width:0;padding:0 8px}.network-account-id{display:flex;flex-direction:column;gap:3px}.network-account-id strong{font-size:14.5px;font-weight:700}.network-account-id small{font-size:11.5px;color:#8791a3}.network-type .badge{border:0;border-radius:999px;padding:4px 10px;background:#f0f2f5;color:#747d8f;font-size:10.5px;font-weight:600}.network-type .badge.green{background:#eaf7f1;color:#24785b}.network-platform{font-size:12.5px;color:#46516a}.network-connection{display:flex;align-items:center;gap:7px;white-space:nowrap}.network-connection small{font-size:10.5px;color:#8a94a8;margin-left:2px}.network-latency .connection{font-size:12.5px;gap:8px}.network-latency .signal{width:25px}.network-latency .signal i{width:4px}.network-latency .mono,.network-return,.network-net,.network-dd,.network-trades{font-size:12.5px}.network-return,.network-net{font-weight:600}.network-net{white-space:nowrap}.network-detail{width:30px;height:30px;display:inline-flex!important;align-items:center;justify-content:center;justify-self:end;padding:0!important;border-radius:8px;background:#f5f4f8;color:#6d7484;transition:background .15s ease,color .15s ease}.network-detail .ico{width:15px;height:15px}.network-table-row:hover .network-detail{background:#eeebf8;color:var(--accent)}
.network-table-footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;color:#7d879a;font-size:11.5px}.network-table-footer>span:last-child{display:flex;align-items:center;gap:7px}.network-table-footer .ico{width:15px;height:15px}
/* Unlocked Network: fill the ENTIRE card at desktop width. A shared
   ten-column grid keeps the header and rows aligned; small viewports scroll
   inside the card without widening the dashboard workspace. */
.network-unlocked .network-table-card{
 overflow-x:auto;
 --network-table-columns:minmax(156px,1.9fr) minmax(66px,.7fr)
  minmax(68px,.75fr) minmax(158px,1.65fr) minmax(103px,1.2fr)
  minmax(90px,1fr) minmax(112px,1.15fr) minmax(84px,.9fr)
  minmax(60px,.65fr) 34px
}
.network-unlocked .network-table-head,
.network-unlocked .network-table-row,
.network-unlocked .network-table-group,
.network-unlocked .network-table-footer{
 width:100%;min-width:1080px;max-width:none;box-sizing:border-box
}
.network-unlocked .network-table-head,
.network-unlocked .network-table-row{
 grid-template-columns:var(--network-table-columns);
 column-gap:10px;
 padding-left:18px;padding-right:18px
}
.network-unlocked .network-table-row{min-height:72px;padding-top:8px;padding-bottom:8px}
.network-unlocked .network-table-head{min-height:54px;font-size:13px}
.network-unlocked .network-table-head>span,
.network-unlocked .network-table-row>div,
.network-unlocked .network-table-row>span{padding-left:0;padding-right:0;min-width:0}
.network-unlocked .network-account-id{padding-right:12px!important}
/* Mirror staging Cloud Hosting's compact masked account identity. */
.network-unlocked .network-account-id{gap:5px}
.network-unlocked .network-account-primary .network-account-mask{font:500 14px/normal var(--sans);letter-spacing:normal;color:var(--ink)}
.network-unlocked .network-account-id small{font:400 11.5px/1.35 var(--sans);color:#7b8190}
.network-unlocked .network-platform,
.network-unlocked .network-latency .mono,
.network-unlocked .network-return,
.network-unlocked .network-net,
.network-unlocked .network-dd,
.network-unlocked .network-trades{font-size:13px}
.network-unlocked .network-type .badge{font-size:11px;padding:5px 11px}
.network-unlocked .network-group-head{min-height:44px}
/* Financial columns share one center axis in the 10-column grid, without
   the former 12px discrepancy between heading and row padding. */
.network-unlocked .network-table-head>span:nth-child(6),
.network-unlocked .network-table-head>span:nth-child(7){text-align:center;padding-left:0;padding-right:0;box-sizing:border-box}
.network-unlocked .network-table-row>.network-return,
.network-unlocked .network-table-row>.network-net{text-align:center;padding-left:0;padding-right:0;box-sizing:border-box}
/* Keep the Net Profit amount on the Return numeric baseline, while its currency
   is centered independently below the value. No change to table column widths. */
.network-unlocked .network-table-row>.network-net{position:relative;display:flex;align-items:center;justify-content:center;min-height:36px;white-space:nowrap}
.network-unlocked .network-net-amount{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center}
.network-unlocked .network-net-currency{position:absolute;top:calc(50% + 9px);left:0;right:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;pointer-events:none;font:500 11px/1.3 var(--sans);letter-spacing:.025em;color:#657185}
/* Type, Platform, Max DD and Trades values match centered column headers. */
.network-unlocked .network-table-head>span:nth-child(2),
.network-unlocked .network-table-head>span:nth-child(3),
.network-unlocked .network-table-head>span:nth-child(8),
.network-unlocked .network-table-head>span:nth-child(9),
.network-unlocked .network-table-row>.network-type,
.network-unlocked .network-table-row>.network-platform,
.network-unlocked .network-table-row>.network-dd,
.network-unlocked .network-table-row>.network-trades{text-align:center;padding-left:0;padding-right:0;box-sizing:border-box}
.network-unlocked .network-table-row>.network-return,
.network-unlocked .network-table-row>.network-net,
.network-unlocked .network-table-row>.network-dd,
.network-unlocked .network-table-row>.network-trades{justify-self:stretch;white-space:nowrap;font-variant-numeric:tabular-nums}
.network-unlocked .network-connection{flex-wrap:nowrap;white-space:nowrap;gap:7px}
.network-unlocked .network-connection .status-dot{flex:0 0 auto}
/* Online account heartbeat: visible expanding green halo, steady dot and
   zero layout shift. Offline status and other pages remain unchanged. */
.network-unlocked .network-connection .status-dot.online{
 animation:ptp-network-online-pulse 2s ease-out infinite;
 transform:none;
}
.network-unlocked .network-connection .status-dot.online::after{content:none;animation:none}
@keyframes ptp-network-online-pulse{
 0%{box-shadow:0 0 0 0 rgba(44,182,125,.38)}
 65%,100%{box-shadow:0 0 0 8px rgba(44,182,125,0)}
}
@media(prefers-reduced-motion:reduce){
 .network-unlocked .network-connection .status-dot.online{
  animation:none;
  box-shadow:0 0 0 4px rgba(44,182,125,.08)
 }
}
/* Type and Connection badges share the same 11px / 600 label typography. */
.network-unlocked .network-connection .status-pill{flex:0 0 auto;font-size:11px;font-weight:600}
/* Offline last-seen follows Pips Trader secondary 12px text scale. */
.network-unlocked .network-connection small{flex:0 0 auto;margin-left:4px;white-space:nowrap;font:400 12px/1.35 var(--sans);color:#7d8798}
.network-unlocked .network-latency .connection{display:flex;align-items:center;white-space:nowrap}

@media(max-width:1250px){.network-unlocked-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.network-unlocked-filters .network-unlocked-search{grid-column:1/-1}.network-table-card{overflow-x:auto}.network-table-head,.network-table-row{min-width:1030px}.network-unlocked .network-table-head,.network-unlocked .network-table-row,.network-unlocked .network-table-group,.network-unlocked .network-table-footer{min-width:1080px}}
@media(max-width:800px){main[data-page="network"]>.page-title{padding-right:0}.network-lock-overlay{top:50px;right:0;bottom:0;left:0;padding:0 16px}.network-lock-card{max-width:360px;padding:24px 22px 22px}.network-lock-card h2{font-size:23px}.network-lock-cta{width:min(100%,240px)}.network-access-chip{position:static;width:max-content;margin-bottom:2px}.network-info-bar{align-items:flex-start;flex-direction:column;padding:14px 16px}.network-info-meta{width:100%;justify-content:space-between}.network-info-expiry{white-space:normal}.network-unlocked-filters{grid-template-columns:1fr}.network-summary-bar{align-items:flex-start;flex-direction:column;padding:12px 14px}.network-summary-bar>div{flex-wrap:wrap}.network-table-footer{align-items:flex-start;flex-direction:column;padding:12px 14px}}

/* My Statistics — refined performance workspace. */
main[data-page="statistics"]>.page-title{padding-right:320px}
.statistics-page{position:relative;display:grid;gap:18px;margin-top:4px}
.statistics-modebar{position:absolute;z-index:2;top:-52px;right:0;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:296px;height:34px;margin:0}
.statistics-mode-segmented{grid-template-columns:repeat(2,minmax(0,1fr));width:174px;min-width:174px;height:32px;flex:0 0 174px;box-sizing:border-box;padding:2px}
.statistics-mode-segmented button{min-height:28px;font:500 12.5px var(--sans)!important;line-height:1;min-width:0;padding:0 13px;white-space:nowrap;text-align:center;text-transform:none;letter-spacing:0;outline:0!important;box-shadow:none!important}
.statistics-mode-segmented button:focus,.statistics-mode-segmented button:focus-visible{outline:0!important;box-shadow:none!important}
.statistics-account-count{display:block;width:auto;flex:0 0 auto;font:400 11.5px var(--sans);color:#7d879a;white-space:nowrap;text-align:left}
.statistics-page>.metrics{margin:0 0 2px}.statistics-page>.metrics .metric-rich{min-height:110px;padding-top:13px!important;padding-bottom:12px!important}.statistics-page>.metrics .value.positive{color:var(--green)!important}.statistics-page>.metrics .value.negative{color:#ac454f!important}
.statistics-performance>.panel{margin:0;padding:24px;border-radius:10px}
.statistics-performance .section-heading{align-items:center;margin-bottom:20px}.statistics-performance .section-heading h2{font-family:var(--display);font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.035em}
.statistics-performance .section-heading .tabs{display:flex;align-items:center;gap:4px}.statistics-performance .section-heading .tabs button{min-width:42px;min-height:0;padding:7px 12px;border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);font-size:13px}.statistics-performance .section-heading .tabs button:hover{color:var(--accent)}.statistics-performance .section-heading .tabs button.selected{background:var(--violet);color:var(--accent);border-color:#e3dcf8}
.statistics-performance>.panel>.actions{display:flex;align-items:baseline;gap:10px;margin:2px 0 12px}.statistics-performance>.panel>.actions .value{font-size:26px}.statistics-performance>.panel>.actions small{font-size:11.5px}
/* Optical chart alignment — My Performance & Overall Performance.
   Match the full inner width of the card header, without extra SVG gutters.
   Axis values remain inside the plotting area; other cards stay unchanged. */
.statistics-performance .overview-chart-shell,
main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-chart-shell{
  --ptp-chart-horizontal-inset:0px;
  position:relative;
  box-sizing:border-box;
  padding-inline:var(--ptp-chart-horizontal-inset);
  grid-template-columns:minmax(0,1fr);
}
.statistics-performance .overview-chart-main,
main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-chart-main{
  grid-column:1;
  min-width:0;
}
.statistics-performance .overview-y-axis,
main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-y-axis{
  position:absolute;
  z-index:1;
  top:0;
  left:var(--ptp-chart-horizontal-inset);
  /* Let the largest axis value determine its width; never cap at 24% of the plot. */
  width:max-content;
  max-width:100%;
  pointer-events:none;
  padding-left:6px;
  padding-right:7px;
}
.statistics-performance .overview-y-axis>span,
main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-y-axis>span{
  width:max-content;
  max-width:none;
  box-sizing:border-box;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
  padding:2px 3px;
  border-radius:3px;
  background:rgba(255,255,255,.90);
}
/* Bottom-edge optical alignment: extend the plotted SVG, not the card padding.
   Keep the left/top/right geometry fixed, and move only date labels downward
   to match the neighboring Top Rankings footer on the Overview grid. */
.statistics-performance .overview-chart-main .chart,
main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-chart-main .chart,
.statistics-performance .overview-y-axis,
main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-y-axis{
  height:328px;
}
@media(max-width:800px){
  .statistics-performance .overview-chart-main .chart,
  main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-chart-main .chart,
  .statistics-performance .overview-y-axis,
  main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-y-axis{height:268px}
}
@media(max-width:500px){
  .statistics-performance .overview-chart-main .chart,
  main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-chart-main .chart,
  .statistics-performance .overview-y-axis,
  main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-y-axis{height:218px}
}
/* Account Statistics (own and network): reuse the locked full-width
   single-Y-axis chart treatment without affecting non-chart metrics. */
.stats-growth .overview-chart-shell{
  --ptp-chart-horizontal-inset:0px;
  position:relative;
  box-sizing:border-box;
  padding-inline:var(--ptp-chart-horizontal-inset);
  grid-template-columns:minmax(0,1fr);
}
.stats-growth .overview-chart-main{grid-column:1;min-width:0}
.stats-growth .overview-y-axis{
  position:absolute;
  z-index:1;
  top:0;
  left:var(--ptp-chart-horizontal-inset);
  /* Let the largest axis value determine its width; never cap at 24% of the plot. */
  width:max-content;
  max-width:100%;
  pointer-events:none;
  padding-left:6px;
  padding-right:7px;
}
.stats-growth .overview-y-axis>span{
  width:max-content;
  max-width:none;
  box-sizing:border-box;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
  padding:2px 3px;
  border-radius:3px;
  background:rgba(255,255,255,.90);
}
/* Internal single-Y-axis labels must share the same leading edge.
   Short values (e.g. $0) may not drift right below wider values (e.g. $10K). */
.statistics-performance .overview-y-axis,
main[data-page="overview"] .overview-performance-grid>.panel:first-child .overview-y-axis,
.stats-growth .overview-y-axis{
  align-items:flex-start;
  text-align:left;
}
.stats-growth .overview-chart-main .chart,
.stats-growth .overview-y-axis{height:328px}
.stats-growth .overview-chart-main .chart-labels{
  font:400 12px/1.25 var(--sans);
  color:#7f899a;
}
@media(max-width:800px){
  .stats-growth .overview-chart-main .chart,
  .stats-growth .overview-y-axis{height:268px}
}
@media(max-width:500px){
  .stats-growth .overview-chart-main .chart,
  .stats-growth .overview-y-axis{height:218px}
  .stats-growth .overview-chart-main .chart-labels{font-size:11px}
  .stats-growth .overview-chart-main .chart-labels span:nth-child(even):not(:last-child){display:none}
}
.statistics-performance .overview-chart-main{border-left:0}.statistics-performance .overview-chart-main>.chart{border-left:0;box-sizing:border-box}.statistics-performance .overview-performance-summary .value.positive{color:var(--green)!important}.statistics-performance .overview-performance-summary .value.negative{color:#ac454f!important}.statistics-performance .legend{margin:12px 0 20px}.statistics-performance .chart{margin-top:0}.statistics-monthly{margin-top:24px}.statistics-monthly-scroll{width:100%;overflow-x:auto;overflow-y:hidden;border-radius:8px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.statistics-monthly-scroll::-webkit-scrollbar{display:none;width:0;height:0}.statistics-monthly-scroll.is-dragging{cursor:grabbing;user-select:none}.statistics-monthly-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.statistics-monthly-table th,.statistics-monthly-table td{padding:11px 9px;text-align:center;white-space:nowrap}.statistics-monthly-table th{background:#f8f8fa;border-bottom:1px solid #eef0f3;color:#667085;font:600 11.5px/1.2 var(--sans)}.statistics-monthly-table th:first-child{border-radius:7px 0 0 7px;text-align:left}.statistics-monthly-table th:last-child{border-radius:0 7px 7px 0;text-align:right}.statistics-monthly-table td{border-bottom:1px solid #f0f1f3;color:#596376;font:600 11.5px/1.25 var(--mono)}.statistics-monthly-table tbody tr:last-child td{border-bottom:0}.statistics-monthly-table td:first-child{text-align:left;color:#333b4e;font-weight:600}.statistics-monthly-table td:last-child{text-align:right}.statistics-monthly-dash{color:#98a0af!important}.statistics-monthly-table .positive{color:var(--green);font-weight:600}.statistics-monthly-total,.statistics-monthly-net{background:#fbfcfb}
.statistics-table-card{background:#fff;border:0;border-radius:10px;box-shadow:0 1px 2px rgba(32,36,49,.035),0 8px 24px rgba(32,36,49,.022);padding:20px 20px 4px;overflow:hidden}
.statistics-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.statistics-section-heading h2{font-family:var(--display);font-size:19px;font-weight:500;letter-spacing:-.02em;margin:0}.statistics-section-heading small{display:block;margin-top:4px;font-size:11.5px;color:#8791a3}
.statistics-table-card .table{width:100%;font-family:var(--sans);font-size:12.5px}.statistics-table-card .table th{padding:11px 10px;background:#f8f8fa;border-bottom:1px solid #eef0f3;color:#667085;font-size:12.5px;font-weight:600}.statistics-table-card .table th:first-child{border-radius:7px 0 0 7px}.statistics-table-card .table th:last-child{border-radius:0 7px 7px 0}.statistics-table-card .table td{padding:16px 10px;border-bottom:1px solid #f0f1f3;color:#3f485b;font-size:12.5px;vertical-align:middle}.statistics-table-card .table tbody tr:last-child td{border-bottom:0}.statistics-page>.statistics-table-card .statistics-section-heading{border:0!important;box-shadow:none!important}.statistics-page>.statistics-table-card .table th,.statistics-page>.statistics-table-card .table td{border-bottom:0!important;border-top:0!important}
.statistics-ea-name{display:inline-flex;align-items:center;gap:9px}.statistics-ea-name .ea-bot{width:18px;height:18px;flex-basis:18px;color:#7d8798}.statistics-ea-name .ea-bot .ico{width:16px;height:16px}.statistics-ea-name strong{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:0;color:#333b4e;text-transform:none}
/* My Statistics Net Profit and Growth mirror Cash Flow Amount: text, not badges. */
#main .statistics-page :is(.statistics-ea-performance-card,.statistics-account-performance-card) .statistics-financial-value{
 display:inline-block;padding:0;border:0;border-radius:0;background:transparent;
 font:500 12.5px/1.4 var(--mono);font-variant-numeric:tabular-nums;
 white-space:nowrap;color:var(--ink);
}
#main .statistics-page :is(.statistics-ea-performance-card,.statistics-account-performance-card) .statistics-financial-value.positive{color:#23825e}
#main .statistics-page :is(.statistics-ea-performance-card,.statistics-account-performance-card) .statistics-financial-value.negative{color:#a94c59}
#main .statistics-page :is(.statistics-ea-performance-card,.statistics-account-performance-card) .statistics-financial-value.neutral{color:#465066}
/* Net Profit, Growth and Win Rate use identical heading/value alignment on both cards. */
#main .statistics-page :is(.statistics-ea-performance-card,.statistics-account-performance-card) .table :is(th,td):nth-child(3),
#main .statistics-page :is(.statistics-ea-performance-card,.statistics-account-performance-card) .table :is(th,td):nth-child(4),
#main .statistics-page :is(.statistics-ea-performance-card,.statistics-account-performance-card) .table :is(th,td):nth-child(5){text-align:center}
#main .statistics-page .statistics-performance-table-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:1230px){
 #main .statistics-page .statistics-ea-performance-card .statistics-performance-table-scroll>.table{min-width:660px}
 #main .statistics-page .statistics-account-performance-card .statistics-performance-table-scroll>.table{min-width:760px}
}
.statistics-win{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.statistics-win-track{width:76px;height:6px;display:block;border-radius:999px;background:#ececf1;overflow:hidden}.statistics-win-track i{display:block;height:100%;border-radius:999px;background:var(--accent)}.statistics-win>.mono{font-size:12.5px;color:#475066}
.statistics-table-card .table td>.mono{font-family:var(--mono);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}.statistics-table-card .table th:nth-last-child(1),.statistics-table-card .table td:nth-last-child(1){text-align:center}.statistics-table-card .table:has(th:last-child:nth-child(7)) th:nth-last-child(2),.statistics-table-card .table:has(th:last-child:nth-child(7)) td:nth-last-child(2){text-align:center}.statistics-table-card .table td>.statistics-account-link{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink)}.statistics-table-card .statistics-account-ea strong{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:0;color:#333b4e}.statistics-table-card .statistics-account-ea .ea-bot{color:#7d8798}.statistics-account-link:hover{color:var(--ink)}.statistics-account-row{cursor:pointer;transition:background .15s ease}.statistics-account-row td:nth-child(2){text-transform:none}.statistics-account-row:hover{background:#fafbfc}
.statistics-page>.statistics-table-card .table tbody tr td{background:#fff}.statistics-page>.statistics-table-card .table tbody tr td:first-child{border-radius:9px 0 0 9px}.statistics-page>.statistics-table-card .table tbody tr td:last-child{border-radius:0 9px 9px 0}.statistics-page>.statistics-table-card .table{border-collapse:separate;border-spacing:0 5px}.statistics-page>.statistics-table-card .table tbody tr:hover td{background:#f4f3fa}.statistics-page>.statistics-table-card .table th:nth-child(3),.statistics-page>.statistics-table-card .table td:nth-child(3){text-align:center}.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(6)) th:nth-child(2),.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(6)) td:nth-child(2){text-align:center}.statistics-page>.statistics-table-card .statistics-account-total{display:block;width:100%;text-align:center}.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(6)) th:nth-child(2),.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(6)) td:nth-child(2){text-align:center}.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(7)) th:nth-child(1),.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(7)) td:nth-child(1){text-align:left}.statistics-page>.statistics-table-card .table th:first-child,.statistics-page>.statistics-table-card .table td:first-child{padding-left:10px}.statistics-page>.statistics-table-card .statistics-ea-name{width:100%;justify-content:flex-start}.statistics-page>.statistics-table-card .statistics-ea-name .ea-bot{flex:0 0 18px}.statistics-page>.statistics-table-card .statistics-account-ea{padding-left:0}.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(6)) thead th:first-child,.statistics-page>.statistics-table-card .table:has(th:last-child:nth-child(7)) thead th:nth-child(2){padding-left:37px}.statistics-page>.statistics-table-card .table tbody tr:not(:hover) td{background:#fff}.statistics-page>.statistics-table-card .table tbody tr:hover td{background:#f4f3fa}.statistics-account-row td:last-child{text-align:right!important;padding-right:12px!important}.statistics-detail{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#f5f4f8;color:#6d7484;margin-left:auto;transition:background .15s ease,color .15s ease}.statistics-detail .ico{width:15px;height:15px}.statistics-detail:hover{background:#eeebf8;color:var(--accent)}
@media(max-width:1000px){main[data-page="statistics"]>.page-title{padding-right:0}.statistics-modebar{position:static;top:auto;right:auto;width:100%;height:auto;justify-content:flex-start;margin:0 0 18px}.statistics-performance .section-heading{align-items:flex-start}.statistics-performance .section-heading .tabs{flex-wrap:wrap}}
@media(max-width:800px){.statistics-page{gap:16px}.statistics-modebar{flex-wrap:wrap}.statistics-modebar>span{width:100%}.statistics-performance>.panel{padding:20px}.statistics-monthly{margin-top:20px}.statistics-monthly-scroll{margin-right:-4px}.statistics-monthly-table{min-width:920px}.statistics-section-heading h2{font-size:18px}.statistics-table-card{padding:18px 16px 4px}.statistics-win-track{width:62px}}

/* My Statistics: same no-account onboarding as Trading Accounts.
   Never display fabricated zeroed performance cards without a reported account. */
main[data-page="statistics"]:has(.statistics-page-is-empty)>.page-title{padding-right:0}
.statistics-page-is-empty{margin-top:4px}
.statistics-page-is-empty>.trading-accounts-ui{width:100%;min-width:0;margin-top:0}
.statistics-page-is-empty .ta-table{width:100%;min-width:0}
.statistics-page-mode-empty .statistics-mode-empty-card{
 min-width:0;min-height:234px;padding:0;border:0;border-radius:10px;
 background:var(--surface);box-shadow:var(--card-shadow)
}
.statistics-page-mode-empty .statistics-mode-empty{min-height:234px}
@media(max-width:600px){
 .statistics-page-is-empty .ta-empty-state{min-height:280px}
 .statistics-page-mode-empty .statistics-mode-empty-card,
 .statistics-page-mode-empty .statistics-mode-empty{min-height:210px}
}

/* Overview KPI enrichment: accent dot + semantic icon, without changing other KPI surfaces. */
.metric-rich{position:relative;min-height:122px;padding:17px 19px 16px!important}
.metric-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:0}
.metric-label{display:flex;align-items:center;gap:8px;min-width:0;padding-top:2px}
.metric-label label{margin:0!important;min-width:0}
.metric-dot{position:relative;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(101,80,221,.08);animation:metricDotBeat 1.8s ease-in-out infinite}
.metric-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--accent);opacity:.16;transform:scale(.8);animation:metricDotRipple 1.8s ease-out infinite}
.metric-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:10px;background:var(--violet);color:var(--accent)}
.metric-icon .ico{width:19px;height:19px;stroke-width:1.6}
.metric-rich .value{margin-top:0;line-height:1.2}
.metric-rich small{margin-top:6px}
.metric-rich:nth-child(2) .metric-dot{background:var(--green);box-shadow:0 0 0 4px rgba(36,120,91,.08)}
.metric-rich:nth-child(2) .metric-dot::after{background:var(--green)}
@keyframes metricDotBeat{0%,100%{transform:scale(1)}25%{transform:scale(1.18)}45%{transform:scale(.96)}65%{transform:scale(1.12)}}
@keyframes metricDotRipple{0%{transform:scale(.8);opacity:.18}70%,100%{transform:scale(2.2);opacity:0}}
.metric-rich:nth-child(2) .metric-icon{background:#eef7f3;color:var(--green)}
@media(max-width:800px){.metric-rich{min-height:118px;padding:16px 17px 15px!important}.metric-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px}.metric-icon .ico{width:17px;height:17px}.metric-label{gap:7px}.metric-dot{width:5px;height:5px;flex-basis:5px}.metric-rich small{margin-top:6px}}
@media(max-width:500px){.metric-rich{min-height:116px;padding:15px 16px 14px!important}.metric-icon{width:34px;height:34px;flex-basis:34px}.metric-head{gap:8px}.metric-label label{font-size:11px}}

/* Reuse the homepage hero dot-grid language inside Overview KPI cards. */
.metric-rich{overflow:hidden;isolation:isolate}
.metric-rich::after{content:"";position:absolute;z-index:-1;right:-2px;bottom:-4px;width:196px;height:112px;pointer-events:none;background-size:16px 16px;background-image:radial-gradient(#b7aedc 1.1px,transparent 1.1px);opacity:.68;mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.22) 26%,#000 62%,#000 100%);-webkit-mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.22) 26%,#000 62%,#000 100%)}
.metric-rich:nth-child(2)::after{background-image:radial-gradient(rgba(36,120,91,.42) 1.1px,transparent 1.1px)}
.metric-rich>*{position:relative;z-index:1}
@media(max-width:800px){.metric-rich::after{width:152px;height:92px;right:-4px;bottom:-6px;opacity:.60;background-size:15px 15px}}
@media(max-width:500px){.metric-rich::after{width:132px;height:82px;right:-6px;bottom:-6px;opacity:.54;background-size:14px 14px}}

/* Membership key modal — same Pips Trader dashboard dialog standards. */
#modal.membership-key-modal[open]{
 position:fixed!important;inset:0!important;margin:auto!important;
 box-sizing:border-box;width:min(500px,calc(100vw - 32px))!important;max-width:500px!important;
 height:max-content!important;max-height:calc(100dvh - 32px)!important;
 padding:24px!important;border:0!important;outline:0!important;border-radius:14px!important;
 background:#fff!important;box-shadow:0 24px 70px rgba(28,32,44,.16)!important;overflow-y:auto
}
#modal.membership-key-modal::backdrop{background:rgba(30,34,47,.22)!important;backdrop-filter:blur(10px) saturate(94%)!important;-webkit-backdrop-filter:blur(10px) saturate(94%)!important}
#modal.membership-key-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 10px}
#modal.membership-key-modal .modal-head h2{flex:1;min-width:0;margin:0;color:var(--ink);font:500 21px/1.2 var(--display);letter-spacing:-.025em}
#modal.membership-key-modal .modal-head .icon-button{border:0!important;outline:0!important;box-shadow:none!important}
.membership-key-dialog{display:flex;flex-direction:column;min-width:0;color:var(--ink);font:400 13.5px/1.55 var(--sans)}
.membership-key-dialog .membership-key-description{margin:0;color:#758094;font:400 13.5px/1.6 var(--sans)}
.membership-key-field{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.membership-key-field-label,.membership-key-confirm-field label{display:block;color:#596376;font:500 12.5px/1.35 var(--sans)}
.membership-key-full{box-sizing:border-box;min-width:0;padding:14px;border:0;border-radius:8px;background:#f7f7f8;color:#31394b;font:500 12.5px/1.7 var(--mono);letter-spacing:0;overflow-wrap:anywhere;user-select:all}
.membership-key-hint{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:#778398;font:400 11.5px/1.5 var(--sans)}
.membership-key-hint .ico{width:14px;height:14px;flex:0 0 14px;margin-top:2px;stroke-width:1.6}
.membership-key-warning{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:14px;border-radius:9px;background:#f7f8fa}
.membership-key-warning>.ico{width:17px;height:17px;flex:0 0 17px;margin-top:1px;color:#8b719e;stroke-width:1.7}
.membership-key-warning strong{display:block;color:#3f485b;font:600 12.5px/1.4 var(--sans)}
.membership-key-warning p{margin:5px 0 0;color:#758094;font:400 12px/1.55 var(--sans)}
.membership-key-confirm-field{display:flex;flex-direction:column;gap:8px;margin-top:21px}
.membership-key-confirm-field input{box-sizing:border-box;width:100%;height:44px;padding:0 13px;border:1px solid #e5e7ed;border-radius:8px;background:#f7f7f8;color:#343d50;font:500 13px var(--mono);outline:0;box-shadow:none;transition:border-color .15s ease,background .15s ease}
.membership-key-confirm-field input:focus{border-color:#a996e8;background:#fff;box-shadow:0 0 0 2px rgba(101,80,221,.10)}
.membership-key-confirm-field small{color:#8a93a4;font:400 11.5px/1.45 var(--sans)}
.membership-key-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;margin-top:22px;padding-top:0;border-top:0}
.membership-key-dialog-actions button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:8px;white-space:nowrap;font:500 12.5px/1.2 var(--sans);cursor:pointer;transition:background .15s ease,color .15s ease}
.membership-key-dialog-actions .membership-key-secondary{border:1px solid #e2e5ea;background:#fff;color:#596376}
.membership-key-dialog-actions .membership-key-secondary:hover{background:#f7f8fa;color:#343d50}
.membership-key-dialog-actions .membership-key-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}
.membership-key-dialog-actions .membership-key-primary:hover:not(:disabled){background:#5945ca;border-color:#5945ca}
.membership-key-dialog-actions .membership-key-primary:disabled{border-color:#d8d2f1;background:#d8d2f1;color:#fff;cursor:not-allowed}
.membership-key-dialog-actions .membership-key-primary[data-action="member-license-copy"]{min-width:92px}
.membership-key-dialog-actions button:focus-visible,.membership-key-confirm-field input:focus-visible{outline:2px solid #a996e8;outline-offset:2px}
@media(max-width:560px){#modal.membership-key-modal[open]{width:calc(100vw - 24px)!important;padding:20px 17px!important;border-radius:12px!important}#modal.membership-key-modal .modal-head h2{font-size:19px}.membership-key-dialog-actions button{padding:0 12px}.membership-key-full{font-size:11.5px}}

/* Membership: compact license, network access, and full-width licensed products. */
.membership-refine{display:grid;gap:14px;margin-top:4px;min-width:0}
.membership-refine-top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.96fr);gap:14px;align-items:stretch}
.member-surface{min-width:0;background:#fff;border:0;border-radius:10px;box-shadow:var(--card-shadow);overflow:hidden}
.member-card,.member-network-card{display:flex;flex-direction:column;min-width:0;padding:16px 19px 14px}
/* Reuse Overview KPI dot-grid accent, not the earlier geometric gradient. */
.member-card,.member-network-card{position:relative;isolation:isolate}
.member-card::after,.member-network-card::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:0;bottom:0;width:196px;height:112px;
  background-size:16px 16px;
  background-image:radial-gradient(#b7aedc 1.1px,transparent 1.1px);
  opacity:.68;
  mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.22) 26%,#000 62%,#000 100%);
  -webkit-mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.22) 26%,#000 62%,#000 100%)
}
.member-card>*,.member-network-card>*{position:relative;z-index:1}
.member-surface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:29px}

.member-surface-heading h2,.member-products-top h2{margin:0;color:var(--ink);font:600 17px/1.25 var(--sans);letter-spacing:-.025em}
.member-status,.member-network-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:23px;padding:4px 10px;border-radius:999px;font:500 10.5px/1.2 var(--sans);white-space:nowrap}
.member-status.is-active,.member-network-badge.is-active{background:#dff7e8;color:#08783f}
.member-status.is-inactive,.member-network-badge.is-locked{background:#eef0f5;color:#647088}
.member-status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
.member-card .member-license-row{margin-top:auto;padding-top:10px}
.member-license-row{display:flex;align-items:center;gap:8px;min-width:0}
.member-license-display{display:flex;align-items:center;flex:1 1 210px;min-width:0;height:38px;min-height:38px;box-sizing:border-box;padding:8px 11px;border:0;outline:0;box-shadow:none;border-radius:7px;background:#f3f5f9}
.member-license-display .mono{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#323d58;font:500 11px/1.5 var(--mono);letter-spacing:-.01em}
.member-license-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.member-license-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;height:38px;min-width:0;box-sizing:border-box;padding:0 13px;border:0;outline:0;border-radius:7px;font:500 12px/1 var(--sans);white-space:nowrap;box-shadow:none;cursor:pointer;transition:background .15s ease,opacity .15s ease}
.member-license-actions button.member-view-key{background:var(--accent);color:#fff}
.member-license-actions button.member-view-key:hover{background:#5741d6}
.member-license-actions button.member-regenerate{display:inline-flex;align-items:center;gap:7px;padding:0 16px;background:#f2f4f8;color:#58647d;border:0}
.member-license-actions button.member-regenerate .ico{width:15px;height:15px;flex:0 0 15px;stroke-width:1.75}
.member-license-actions button.member-regenerate:hover{background:#e9ecf3}
.member-license-actions button.member-regenerate.is-loading{opacity:.82;cursor:progress}
.member-license-actions button.member-regenerate.is-loading .ico,.membership-key-dialog-actions .is-loading .ico{animation:ptp-membership-key-spin .85s linear infinite;transform-origin:center}
.membership-key-dialog-actions .is-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:progress;opacity:.82}
.membership-key-dialog-actions .is-loading .ico{width:15px;height:15px;flex:0 0 15px}
@keyframes ptp-membership-key-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.member-license-actions button.member-regenerate.is-loading .ico,.membership-key-dialog-actions .is-loading .ico{animation:none}}
.member-license-actions button:disabled{opacity:.45;cursor:not-allowed}
.member-license-actions button:focus-visible{outline:0;box-shadow:none;filter:brightness(.94)}
.member-network-link:focus-visible,.member-product-downloads a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.member-license-security,.member-network-info{display:flex;align-items:center;gap:8px;min-height:16px;margin-top:10px;color:#7c879c;font:400 11.5px/1.4 var(--sans)}
.member-license-security .ico,.member-network-info .ico{width:14px;height:14px;flex:0 0 14px}
.member-network-heading{align-items:flex-start;min-height:0}
.member-network-heading-copy{min-width:0}
.member-network-heading-copy p{margin:4px 0 0;max-width:310px;color:#8791a3;font:400 11.5px/1.45 var(--sans)}
.member-network-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;margin-top:auto;padding-top:10px}
.member-network-footnote{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:12px;row-gap:5px;min-height:16px;margin-top:10px}
.member-network-footnote .member-network-info{margin:0}
.member-network-footnote .member-network-expiry{margin-left:auto}
.member-network-expiry{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:3px 6px;border:0;border-radius:5px;background:#fff;color:#66758c;font:400 11px/1.4 var(--sans);white-space:nowrap;box-shadow:none}
.member-network-expiry .ico{width:14px;height:14px;flex:0 0 14px}
.member-network-link{display:inline-flex;align-items:center;justify-content:center;align-self:auto;flex:0 0 auto;height:38px;min-height:38px;box-sizing:border-box;margin:0 auto 0 0;padding:0 15px;border:1px solid #d6ccff;border-radius:7px;background:#fff;color:var(--accent);font:500 12px/1 var(--sans);text-decoration:none;white-space:nowrap;transition:background .15s ease}
.member-network-link:hover{background:#f8f6ff;color:var(--accent);text-decoration:none}
.member-products-card{container-type:inline-size;padding:0 0 7px}
.member-products-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:16px;row-gap:10px;padding:15px 18px 13px}
.member-products-heading{min-width:0}
.member-products-heading p{margin:5px 0 0;color:#77839a;font:400 12px/1.4 var(--sans)}
/* Licensed Products filters mirror Billing / Payment History. */
.member-products-filter{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap;min-width:0;margin-left:auto}
.member-products-filter button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:0;outline:0;border-radius:7px;background:transparent;color:#6f7890;font:500 12.5px/1 var(--sans);letter-spacing:0;white-space:nowrap;box-shadow:none;cursor:pointer;transition:background .15s ease,color .15s ease}
.member-products-filter button:hover{background:#f4f4f6;color:#4f596c}
.member-products-filter button.is-active{background:#f1effb;color:var(--accent)}
.member-products-filter button:focus-visible{outline:2px solid #b7aaed;outline-offset:1px}
.member-products-empty-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:215px;padding:0 12px 12px}
.member-products-table .member-products-filter-empty.ptp-empty--medium{width:100%;min-height:178px;padding:23px 12px 27px}
.member-products-empty-wrap .member-products-empty-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:-11px auto 14px;padding:0 15px;border-radius:8px;background:var(--accent);color:#fff;font:500 12.5px/1.3 var(--sans);text-decoration:none}
.member-products-empty-wrap .member-products-empty-action:hover{background:#5741cf;color:#fff}
@container (max-width:620px){.member-products-filter{justify-content:flex-start;width:100%;margin-left:0}}

.member-products-table{display:grid;min-width:0;margin:0 18px;row-gap:5px}
.member-products-header,.member-product-row{display:grid;grid-template-columns:minmax(180px,2.05fr) minmax(84px,.70fr) minmax(68px,.67fr) minmax(74px,.66fr) minmax(105px,.84fr) minmax(95px,.72fr);gap:10px;align-items:center;padding-left:10px;padding-right:10px}
.member-products-header{min-height:39px;box-sizing:border-box;padding-top:11px;padding-bottom:11px;border-radius:7px;background:#f8f8fa;color:#667085;font:600 12.5px/1.3 var(--sans)}
.member-products-header>span:first-child{padding-left:0}
.member-products-ea-heading{display:inline-flex;align-items:baseline;gap:9px;min-width:0;white-space:nowrap}
.member-products-ea-heading small{color:#8b93a3;font:400 11.5px/1.3 var(--sans);letter-spacing:0;white-space:nowrap}
.member-products-header>span:nth-child(2),.member-products-header>span:nth-child(3),.member-products-header>span:nth-child(4),.member-products-header>span:nth-child(5){text-align:center}
.member-products-header>span:last-child{display:flex;align-items:center;justify-content:center;justify-self:end;width:84px;text-align:center}
.member-product-row{min-height:70px;padding-top:10px;padding-bottom:10px;border:0;border-radius:9px;background:#fff;transition:background .15s ease}
.member-product-row:hover{background:#f6f8fb}
.member-product-identity{display:flex;align-items:center;gap:10px;min-width:0}
.member-product-symbol{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:8px;color:#7d8798;background:#f0edff}
.member-product-symbol .ico{width:18px;height:18px}
.member-product-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.member-product-identity>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.member-product-identity strong{color:#333b4e;font:600 12.5px/1.3 var(--sans);letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.member-product-identity small{color:#8791a3;font:400 11.5px/1.35 var(--sans)}
.member-product-identity .member-seller-license-reveal{align-self:flex-start;max-width:100%;padding:0;border:0;background:transparent;color:var(--accent);font:500 11.5px/1.35 var(--sans);text-align:left;cursor:pointer;text-decoration:none}
.member-product-identity .member-seller-license-reveal:hover{color:#503cbf;text-decoration:underline}
.member-product-identity .member-seller-license-reveal:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
.member-product-type{display:flex;align-items:center;justify-content:center;text-align:center;color:#5e687c;font:500 12.5px/1.35 var(--sans);white-space:nowrap}
.member-product-type-label{display:none}
.member-product-platforms{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;text-align:center}
.member-product-platforms span{display:inline-flex;align-items:center;justify-content:center;min-width:33px;min-height:23px;padding:3px 7px;border:0;border-radius:5px;color:#626e85;background:#f0f2f6;font:500 10.5px/1.15 var(--mono)}
.member-product-badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 10px;border-radius:999px;font:500 11px/1.2 var(--sans);white-space:nowrap}
.member-product-badge.is-active{background:#dff7e8;color:#08783f}
.member-product-badge.is-free{background:#f0ecff;color:#6344de}
.member-product-badge.is-expired{background:#fff1d9;color:#b96c00}
.member-product-badge.is-unavailable{background:#f0f2f6;color:#778398}
.member-product-state{display:flex;align-items:center;justify-content:center;text-align:center}
.member-product-expiry{color:#3f485b;font:400 12.5px/1.4 var(--sans);white-space:nowrap;text-align:center}
.member-product-downloads{display:flex;align-items:center;justify-content:center;justify-self:end;width:84px;gap:7px;flex-wrap:wrap;text-align:center}
.member-product-downloads .member-download-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;box-sizing:border-box;padding:0;border:0;border-radius:8px;background:#f5f4f8;color:#6d7484;text-decoration:none;transition:background .15s ease,color .15s ease}
.member-product-downloads .member-download-icon:hover{background:#eeebf8;color:var(--accent)}
.member-product-downloads .member-download-icon .ico{width:15px;height:15px;flex:0 0 15px}
.member-product-no-download{color:#a1a8b6;font:400 11px/1.4 var(--sans)}
.member-product-unavailable{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border-radius:6px;background:#f2f3f7;color:#8690a4;font:400 11px/1.4 var(--sans);white-space:nowrap}
.member-product-unavailable .ico{width:13px;height:13px}
.member-onboarding-card{box-sizing:border-box;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:42px 24px 46px;text-align:center}
.member-onboarding-icon{box-sizing:border-box;width:70px;height:70px;flex:0 0 70px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 20px;border:0;border-radius:19px;background:#f3f0fd;color:var(--accent)}
.member-onboarding-icon .ico{width:29px;height:29px;stroke-width:1.5}
.member-onboarding-card h2{max-width:520px;margin:0;color:var(--ink);font:600 19px/1.32 var(--display);letter-spacing:-.025em}
.member-onboarding-card p{max-width:460px;margin:10px 0 22px;color:#687287;font:400 13.5px/1.6 var(--sans)}
.member-onboarding-card .ta-empty-action{box-sizing:border-box;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font:500 12.5px/1.3 var(--sans);text-decoration:none;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.member-onboarding-card .ta-empty-action:hover{background:#5741cf;border-color:#5741cf;color:#fff}
.member-onboarding-card .ta-empty-action:focus-visible{outline:2px solid #8e78e5;outline-offset:3px}
@media(max-width:600px){.member-onboarding-card{min-height:280px;padding:36px 18px 40px}.member-onboarding-card h2{font-size:18px}.member-onboarding-card p{font-size:13px}}
@media(max-width:1360px){.membership-refine-top{grid-template-columns:minmax(0,1.32fr) minmax(320px,1.04fr)}}
@media(max-width:1180px){.membership-refine-top{grid-template-columns:1fr}.member-license-row{flex-wrap:wrap}.member-license-display{flex-basis:170px}}
@media(max-width:960px){.membership-refine-top{grid-template-columns:1fr}.member-license-display{flex-basis:210px}.member-license-row{flex-wrap:wrap}.member-network-card .member-network-actions{padding-top:8px}}
@container (max-width:730px){.member-products-header{display:none}.member-product-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;padding-top:12px;padding-bottom:12px}.member-product-platforms{justify-content:flex-start;text-align:left}.member-product-state{justify-content:flex-end}.member-product-expiry{text-align:left}.member-product-identity{grid-column:1;grid-row:1}.member-product-state{grid-column:2;grid-row:1;justify-self:end}.member-product-type{grid-column:1;grid-row:2;justify-content:flex-start;gap:7px;text-align:left}.member-product-type-label{display:inline;color:#8791a3;font:400 11px/1.35 var(--sans)}.member-product-platforms{grid-column:1;grid-row:3}.member-product-expiry{grid-column:1;grid-row:4}.member-product-downloads{grid-column:2;grid-row:2/5;justify-content:center;align-self:center}}
@media(max-width:800px){.member-card::after,.member-network-card::after{width:152px;height:92px;opacity:.60;background-size:15px 15px}}
@media(max-width:500px){.member-card::after,.member-network-card::after{width:132px;height:82px;opacity:.54;background-size:14px 14px}}
@media(max-width:560px){.membership-refine,.membership-refine-top{gap:13px}.member-card,.member-network-card{padding:16px}.member-products-top{padding:15px 16px 12px}.member-products-table{margin:0 9px}.member-product-row{padding-left:8px;padding-right:8px;column-gap:10px}.member-license-display{flex-basis:100%}.member-license-actions{width:100%}.member-license-actions button{flex:1}.member-products-heading p{font-size:11.5px}}
@media(max-width:420px){.member-product-row{grid-template-columns:minmax(0,1fr) auto;column-gap:7px}.member-product-identity{gap:8px}.member-product-symbol{width:40px;height:40px;flex-basis:40px}.member-product-identity strong{font-size:12.5px}.member-product-unavailable{padding:0 7px;font-size:10px}.member-product-downloads{justify-content:center}}
@media(max-width:360px){.member-network-footnote{row-gap:6px}}
/* Network payment flow: blur the complete dashboard behind every modal, including Safari fallback. */
body.network-dialog-open #app{filter:blur(4px);-webkit-filter:blur(4px);transform:translateZ(0)}
dialog.network-order-modal::backdrop,
dialog.network-success-modal::backdrop{background:rgba(30,34,47,.22)!important;backdrop-filter:blur(10px) saturate(94%)!important;-webkit-backdrop-filter:blur(10px) saturate(94%)!important}
#modal.network-order-modal[open],#modal.network-success-modal[open],#modal.network-order-modal[open]:focus,#modal.network-order-modal[open]:focus-visible,#modal.network-success-modal[open]:focus,#modal.network-success-modal[open]:focus-visible{border:0!important;outline:0!important;-webkit-appearance:none!important;appearance:none!important}

/* Membership change flow — aligned with the refined dashboard language. */
.membership-plan-modal{width:min(500px,calc(100vw - 32px));max-width:500px;max-height:min(88dvh,760px);padding:22px 22px 20px;border:0!important;outline:0!important;border-radius:14px;background:#fff;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:auto}
.membership-summary-modal{width:min(620px,calc(100vw - 32px));max-width:620px;max-height:calc(100dvh - 32px);padding:22px 24px 20px;border:0!important;outline:0!important;border-radius:14px;background:#fff;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:visible}
.membership-plan-modal .modal-head,.membership-summary-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 2px}
.membership-plan-modal .modal-head h2,.membership-summary-modal .modal-head h2{margin:0;color:var(--ink);font:500 21px/1.2 var(--display);letter-spacing:-.025em}
.membership-plan-modal .modal-head .icon-button,.membership-summary-modal .modal-head .icon-button{width:32px;height:32px;flex:0 0 32px;border:0;outline:0;border-radius:8px;background:transparent;color:#7b8698;box-shadow:none}
.membership-plan-modal .modal-head .icon-button:hover,.membership-summary-modal .modal-head .icon-button:hover{background:#f5f5f6;color:#4f596c}
.membership-plan-modal .modal-head .icon-button:focus,.membership-plan-modal .modal-head .icon-button:focus-visible,.membership-summary-modal .modal-head .icon-button:focus,.membership-summary-modal .modal-head .icon-button:focus-visible{outline:0;box-shadow:none}
.membership-modal-subtitle{margin:0 40px 15px 0;color:#7d8798;font:400 12.5px/1.45 var(--sans)}
.membership-plan-options{display:grid;gap:7px}
.membership-plan-option{width:100%;min-height:62px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 13px;border:1px solid #e7e8ec;border-radius:9px;background:#fff;color:var(--ink);text-align:left;outline:0;box-shadow:none;transition:background .15s ease,border-color .15s ease}
.membership-plan-option:hover{background:#fafafa}
.membership-plan-option:disabled{cursor:not-allowed;opacity:.5;background:#fafafa}
.membership-plan-option:disabled:hover{background:#fafafa}
.membership-plan-option.current:disabled{opacity:1;cursor:default;background:#fff}
.membership-plan-option.downgrade-disabled .membership-choice-radio{background:#f3f4f6;border-color:#c8ced8}
.membership-plan-name em.unavailable{background:#f3f4f6;color:#929bad}
.membership-plan-option.selected{border-color:#b8adf3;background:#faf9fe;box-shadow:0 0 0 1px rgba(101,80,221,.035)}
.membership-choice-radio{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #8d97aa;border-radius:50%;background:#fff;flex:0 0 16px}
.membership-choice-radio i{width:7px;height:7px;border-radius:50%;background:transparent}
.membership-plan-option.selected .membership-choice-radio,.membership-payment-option.selected .membership-choice-radio{border-color:var(--accent)}
.membership-plan-option.selected .membership-choice-radio i,.membership-payment-option.selected .membership-choice-radio i{background:var(--accent)}
.membership-plan-copy{display:flex;flex-direction:column;min-width:0}
.membership-plan-name{display:flex;align-items:center;gap:8px;min-width:0}
.membership-plan-name strong{color:#32394b;font:600 13.5px/1.3 var(--sans)}
.membership-plan-name em{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:#f1f1f4;color:#788296;font:500 9.5px/1 var(--sans);font-style:normal;white-space:nowrap}
.membership-plan-copy small{margin-top:2px;color:#8993a5;font:400 11.5px/1.3 var(--sans)}
.membership-plan-price{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.membership-plan-price strong{color:#31384a;font:600 14px/1 var(--sans)}
.membership-plan-price small{color:#7f899b;font:400 11.5px/1 var(--sans)}
.membership-plan-transition{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:0 2px;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;color:#788296;font:400 11.5px/1.35 var(--sans)}
.membership-plan-transition>span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.membership-plan-transition strong{color:#454e61;font-weight:500}
.membership-plan-transition i{color:#929bad;font-style:normal}
.membership-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.membership-modal-cancel{height:38px;padding:0 6px;border:0;background:transparent;color:#778195;font:500 12px var(--sans);outline:0}
.membership-modal-cancel:hover{color:#4f596c}
.membership-modal-primary,.membership-modal-secondary{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:8px;font:500 12.5px var(--sans);outline:0}
.membership-modal-primary{border:0;background:var(--accent);color:#fff;min-width:112px}
.membership-modal-primary:hover{background:#5945ca}
.membership-modal-primary:disabled{background:#d8d2f1;color:#fff;cursor:not-allowed}
.membership-modal-secondary{min-width:96px;border:1px solid #dfe2e8;background:#fff;color:#596376}
.membership-modal-secondary:hover{background:#f7f7f8}
.membership-summary-eyebrow{margin:15px 0 7px;color:#7f899b;font:600 9.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.membership-summary-plan{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 13px;border-radius:9px;background:#f6f4fc}
.membership-summary-plan>div{display:flex;flex-direction:column;min-width:0}
.membership-summary-plan>div>strong{color:#32394b;font:600 13.5px/1.3 var(--sans)}
.membership-summary-plan>div>small{margin-top:2px;color:#7d8798;font:400 11.5px/1.35 var(--sans)}
.membership-summary-plan>span{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.membership-summary-plan>span>strong{color:#31384a;font:600 14px/1 var(--sans)}
.membership-summary-plan>span>small{color:#7f899b;font:400 11.5px/1 var(--sans)}
.membership-summary-transition{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eceef2;color:#788296;font:400 11.5px/1.35 var(--sans)}
.membership-summary-transition strong{color:#454e61;font-weight:500}
.membership-summary-breakdown{padding-top:14px}
.membership-summary-breakdown h3,.membership-payment-section h3{margin:0 0 6px;color:#343b4d;font:600 13px/1.3 var(--sans);letter-spacing:0}
.membership-summary-breakdown>div{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eef0f3;color:#778195;font:400 11.8px/1.35 var(--sans)}
.membership-summary-breakdown>div strong{color:#454e61;font:500 11.8px var(--sans)}
.membership-summary-breakdown>div em{color:#7d8798;font:400 11.8px var(--sans);font-style:normal}.membership-upgrade-adjustment{color:#4f596c!important}
.membership-summary-breakdown>div.due{border-bottom:0}
.membership-summary-breakdown>div.due span,.membership-summary-breakdown>div.due strong{color:#343b4d;font-weight:600}
.membership-summary-breakdown>p{margin:3px 0 0;color:#9199a9;font:400 10.5px/1.4 var(--sans)}
.membership-payment-section{padding-top:14px}
.membership-payment-options{display:grid;gap:7px;margin-top:8px}
.membership-payment-option{width:100%;height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #e4e6eb;border-radius:8px;background:#fff;color:#3d4558;font:500 12.5px var(--sans);outline:0;box-shadow:none;transition:background .15s ease,border-color .15s ease}
.membership-payment-option:hover{background:#fafafa}
.membership-payment-option.selected{border-color:#b8adf3;background:#faf9fe}
.membership-payment-brand{margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;min-width:58px}
.membership-payment-brand .network-payment-logo{max-width:58px;max-height:20px}
.membership-summary-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:10px;margin-top:14px}
.membership-summary-actions .membership-modal-secondary,.membership-summary-actions .membership-modal-primary{width:100%}
.membership-summary-note{margin:9px 0 0;text-align:center;color:#8e97a8;font:400 10.5px/1.4 var(--sans)}
dialog.membership-plan-modal::backdrop,dialog.membership-summary-modal::backdrop{background:rgba(32,36,49,.14)!important;backdrop-filter:blur(9px) saturate(96%)!important;-webkit-backdrop-filter:blur(9px) saturate(96%)!important}
@media(max-width:560px){.membership-plan-modal,.membership-summary-modal{width:calc(100vw - 24px);padding:19px 17px 17px;border-radius:12px}.membership-summary-modal{max-height:calc(100dvh - 24px);overflow:auto}.membership-plan-transition,.membership-summary-transition{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding:8px 2px}.membership-summary-actions{grid-template-columns:1fr}.membership-modal-actions{align-items:stretch}.membership-modal-actions .membership-modal-primary{min-width:0}.membership-plan-name{flex-wrap:wrap}}
.membership-current-context{display:flex;flex-direction:column;gap:2px;padding:11px 13px;margin:10px 0 13px;border-radius:9px;background:#f7f7f8}
.membership-current-context>span{color:#8791a3;font:500 9.5px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.membership-current-context>strong{color:#343b4d;font:600 13.5px/1.35 var(--sans)}
.membership-current-context>small{color:#7d8798;font:400 11.5px/1.4 var(--sans)}
.membership-period-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}
.membership-period-head>span{color:#596376;font:500 12px/1.3 var(--sans)}
.membership-period-tabs{display:inline-flex;align-items:center;padding:3px;border-radius:8px;background:#f3f2f5}
.membership-period-tabs button{height:30px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#7b8496;font:500 11.5px var(--sans);outline:0}
.membership-period-tabs button.selected{background:#fff;color:#4c5568;box-shadow:0 1px 2px rgba(32,36,49,.06)}
.membership-plan-option.scheduled{background:#fcfcfd}
.membership-plan-option.scheduled .membership-plan-name em{background:#f1eff8;color:var(--accent)}
.membership-ea-modal{width:min(560px,calc(100vw - 32px));max-width:560px;max-height:min(88dvh,780px);padding:22px 22px 20px;border:0!important;outline:0!important;border-radius:14px;background:#fff;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:auto}
.membership-ea-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 2px}
.membership-ea-modal .modal-head h2{margin:0;color:var(--ink);font:500 21px/1.2 var(--display);letter-spacing:-.025em}
.membership-ea-modal .modal-head .icon-button{width:32px;height:32px;flex:0 0 32px;border:0;outline:0;border-radius:8px;background:transparent;color:#7b8698;box-shadow:none}
.membership-ea-current,.membership-ea-available{margin-top:14px}
.membership-ea-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.membership-ea-section-head strong{color:#41495b;font:600 12.5px/1.3 var(--sans)}
.membership-ea-section-head span{color:#8a93a4;font:400 11px/1.3 var(--sans)}
.membership-ea-locked{min-height:42px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px;padding:7px 10px;border-bottom:1px solid #eef0f3}
.membership-ea-locked>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#f5f4f8;color:#7a8496}
.membership-ea-locked .ico{width:13px;height:13px}
.membership-ea-locked div{display:flex;flex-direction:column;gap:1px}
.membership-ea-locked strong{color:#4b5467;font:500 12px/1.3 var(--sans)}
.membership-ea-locked small{color:#929bad;font:400 10.5px/1.35 var(--sans)}
.membership-ea-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.membership-ea-option{min-height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;text-align:left;outline:0}
.membership-ea-option:hover{background:#fafafa}
.membership-ea-option.selected{border-color:#b8adf3;background:#faf9fe}
.membership-ea-option:disabled{opacity:.45;cursor:not-allowed}
.membership-ea-option img{width:40px;height:40px;border-radius:8px;object-fit:cover}
.membership-ea-option>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.membership-ea-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3f4759;font:600 11.8px/1.3 var(--sans)}
.membership-ea-option small{margin-top:2px;color:#8b94a5;font:400 10.5px/1.3 var(--sans)}
.membership-ea-check{width:20px;height:20px;display:grid;place-items:center;border:1px solid #d5d9e0;border-radius:6px;color:#fff}
.membership-ea-option.selected .membership-ea-check{border-color:var(--accent);background:var(--accent)}
.membership-ea-check .ico{width:12px;height:12px;stroke-width:2}
.membership-ea-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:9px 10px;border-radius:8px;background:#f7f7f8;color:#7c8698;font:400 10.8px/1.45 var(--sans)}
.membership-ea-note .ico{width:14px;height:14px;flex:0 0 14px;margin-top:1px}
.membership-summary-eas{padding:13px 0;border-bottom:1px solid #eceef2}
.membership-summary-ea-tags{display:flex;flex-wrap:wrap;gap:6px}
.membership-summary-ea-tags span{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:7px;background:#f4f4f6;color:#626c7e;font:500 10.5px/1 var(--sans)}
.membership-summary-eas>small{display:block;margin-top:7px;color:#8d96a7;font:400 10.5px/1.35 var(--sans)}
dialog.membership-ea-modal::backdrop{background:rgba(32,36,49,.14)!important;backdrop-filter:blur(9px) saturate(96%)!important;-webkit-backdrop-filter:blur(9px) saturate(96%)!important}
@media(max-width:560px){.membership-ea-modal{width:calc(100vw - 24px);padding:19px 17px 17px;border-radius:12px}.membership-period-head{align-items:flex-start;flex-direction:column}.membership-period-tabs{width:100%}.membership-period-tabs button{flex:1}.membership-ea-options{grid-template-columns:1fr}}
.page-title-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
main:not([data-page="stats"])>.page-title>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
main:not([data-page="stats"])>.page-title .page-title-heading{gap:0;flex:0 0 auto}
main:not([data-page="stats"])>.page-title .page-title-heading::after{content:"/";display:inline-block;margin-left:10px;color:#a0a7b5;font:400 14px/1 var(--sans)}
main:not([data-page="stats"])>.page-title h1{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
main:not([data-page="stats"])>.page-title p{margin:0;font-size:14.5px;font-weight:400;line-height:1.45;color:var(--muted)}
@media(max-width:800px){main:not([data-page="stats"])>.page-title h1{font-size:20px}main:not([data-page="stats"])>.page-title p{font-size:13.5px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.explore-filterbar{display:grid;grid-template-columns:minmax(260px,1.45fr) minmax(180px,.82fr) minmax(190px,.86fr) auto;align-items:center;gap:22px;margin:0 0 16px}
.explore-search{min-width:0}
.explore-search input{min-width:0}
.explore-select{min-width:0}
.explore-select select{min-width:0}
.explore-result-count{justify-self:end;color:#7f899b;font:500 12.5px/1.3 var(--sans);white-space:nowrap}
.explore-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.explore-ea-card{min-width:0;display:flex;flex-direction:column;padding:14px 14px 13px;border:0;border-radius:10px;background:#fff;box-shadow:var(--card-shadow)}
.explore-card-top{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:start;min-height:102px}
.explore-card-art{width:72px;height:72px;object-fit:cover;border-radius:7px}
.explore-card-identity{min-width:0;padding-top:1px}
.explore-card-identity h3{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#30384b;font:600 14.5px/1.3 var(--sans);letter-spacing:-.012em}
.explore-card-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8792a4;font:500 11.5px/1.35 var(--mono)}
.explore-card-status{margin-top:9px;min-height:24px}
.explore-card-status .badge{min-height:24px;padding:0 9px;border-radius:7px;font-size:11.5px;line-height:1}
.explore-card-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:2px;padding:12px 0;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2}
.explore-card-metrics>div{min-width:0;padding-right:14px}
.explore-card-metrics>div+div{padding-right:0;padding-left:16px;border-left:1px solid #e7e9ee}
.explore-card-metrics span{display:block;margin-bottom:5px;color:#818b9d;font:400 12px/1.25 var(--sans)}
.explore-card-metrics strong{color:#323a4d;font:600 16.5px/1 var(--sans);letter-spacing:-.012em}
.explore-card-metrics .positive{color:#24785b}
.explore-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:11px}
.explore-card-price{display:flex;flex-direction:column;gap:3px}
.explore-card-price span{color:#818b9d;font:400 11.5px/1.2 var(--sans)}
.explore-card-price strong{color:#252d41;font:600 19px/1.05 var(--sans);letter-spacing:-.025em}
.explore-view-ea{height:34px;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;padding:0;border:0;border-radius:0;background:transparent;color:var(--accent);font:500 12.5px var(--sans);outline:0;box-shadow:none}
.explore-view-ea:hover{background:transparent;color:#5945ca}
.explore-view-ea .ico{width:32px;height:32px;padding:8px;border-radius:8px;background:#f4f1fd;box-sizing:border-box;transition:background .15s ease,transform .15s ease}
.explore-view-ea:hover .ico{background:#ece7fb;transform:translateX(1px)}
.explore-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;background:#fff;box-shadow:var(--card-shadow);color:#8993a5;text-align:center}
.explore-empty strong{color:#596376;font:600 14px var(--sans)}
.explore-empty span{font:400 12.5px var(--sans)}
.explore-catalog-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:7px;color:#818b9d;font:400 11.5px/1.45 var(--sans);text-align:center}
.explore-catalog-note .ico{width:14px;height:14px;flex:0 0 14px;margin-top:1px}
.ea-detail-modal{width:min(560px,calc(100vw - 32px));max-width:560px;max-height:calc(100dvh - 32px);padding:22px 22px 20px;border:0!important;outline:0!important;border-radius:14px;background:#fff;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:auto}
.ea-detail-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.ea-detail-modal .modal-head h2{margin:0;color:var(--ink);font:500 21px/1.2 var(--display);letter-spacing:-.025em}
.ea-detail-modal .modal-head .icon-button{width:32px;height:32px;flex:0 0 32px;border:0;outline:0;border-radius:8px;background:transparent;color:#7b8698;box-shadow:none}
.explore-detail-head{display:flex;align-items:center;gap:14px}
.explore-detail-head img{width:66px;height:74px;object-fit:contain;flex:0 0 66px}
.explore-detail-head>div{min-width:0}
.explore-detail-meta{color:#7e889a;font:500 11.5px/1.3 var(--mono)}
.explore-detail-status{margin-top:8px}
.explore-detail-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2}
.explore-detail-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;padding:0 12px}
.explore-detail-metrics>div+div{border-left:1px solid #eceef2}
.explore-detail-metrics span{color:#818b9d;font:400 12.5px/1.3 var(--sans)}
.explore-detail-metrics strong{color:#3e475a;font:600 14px/1 var(--sans)}
.explore-detail-metrics .positive{color:#24785b}
.explore-detail-desc{margin:13px 0 0;color:#7c8698;font:400 12.5px/1.55 var(--sans)}
.explore-access-panel{margin-top:16px;padding-top:14px;border-top:1px solid #eceef2}
.explore-access-panel h3{margin:0 0 10px;color:#343b4d;font:600 13px/1.3 var(--sans)}
.explore-access-copy{display:flex;flex-direction:column;gap:4px;padding:12px 13px;border-radius:9px;background:#f7f7f8}
.explore-access-copy>span{color:#8791a3;font:500 11.5px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.explore-access-copy>strong{color:#434c5f;font:600 13px/1.35 var(--sans)}
.explore-access-copy>p{margin:1px 0 0;color:#808a9c;font:400 12px/1.45 var(--sans)}
.explore-access-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;margin-top:10px}
.explore-access-actions .membership-modal-primary,.explore-access-actions .membership-modal-secondary{width:100%}
.explore-primary{width:100%;margin-top:10px}
.explore-downloads{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.explore-slot-note,.explore-confirm-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 11px;border-radius:8px;background:#f7f7f8;color:#7e8899;font:400 11.5px/1.45 var(--sans)}
.explore-slot-note .ico,.explore-confirm-note .ico{width:14px;height:14px;flex:0 0 14px;margin-top:1px}
dialog.ea-detail-modal::backdrop{background:rgba(32,36,49,.14)!important;backdrop-filter:blur(9px) saturate(96%)!important;-webkit-backdrop-filter:blur(9px) saturate(96%)!important}

@media(max-width:1180px){.explore-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-filterbar{grid-template-columns:minmax(220px,1.4fr) minmax(145px,.8fr) minmax(150px,.8fr);}.explore-result-count{grid-column:1/-1;justify-self:end}}
@media(max-width:760px){.explore-filterbar{grid-template-columns:1fr 1fr}.explore-search{grid-column:1/-1}.explore-result-count{grid-column:1/-1}.explore-catalog-grid{grid-template-columns:1fr}.ea-detail-modal{width:calc(100vw - 24px);padding:19px 17px 17px;border-radius:12px}.explore-access-actions{grid-template-columns:1fr}.explore-detail-metrics{grid-template-columns:1fr}.explore-detail-metrics>div+div{border-left:0;border-top:1px solid #eceef2}}
@media(max-width:500px){.explore-filterbar{grid-template-columns:1fr}.explore-search,.explore-result-count{grid-column:1}.explore-result-count{justify-self:start}.explore-card-top{grid-template-columns:56px minmax(0,1fr)}.explore-card-art{width:56px;height:64px}.explore-card-footer{align-items:center}.explore-view-ea{padding-right:5px}}




/* Affiliate activated dashboard: overview + payouts */
.affiliate-post-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e6e8ee;margin:0 0 14px;padding:0 0 1px}.affiliate-post-tabs button{position:relative;height:40px;padding:0 14px;border:0;outline:0;background:transparent;color:#687187;font:500 13.5px/1 var(--display);letter-spacing:-.01em}.affiliate-post-tabs button.active{color:var(--accent)}.affiliate-post-tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:999px;background:var(--accent)}
.affiliate-activation-toast{position:fixed;top:72px;right:18px;z-index:88;min-width:226px;height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #bcead9;border-radius:10px;background:#ecfaf4;color:#218360;box-shadow:0 12px 30px rgba(32,36,49,.08)}.affiliate-activation-toast>.ico{width:20px;height:20px;padding:3px;border-radius:50%;background:#26ad7d;color:#fff}.affiliate-activation-toast strong{font:600 13px var(--display)}.affiliate-activation-toast button{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:0;outline:0;background:transparent;color:#667085}.affiliate-activation-toast button .ico{width:14px;height:14px}
.affiliate-overview{display:grid;gap:12px}.affiliate-overview-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:12px}.affiliate-performance-card,.affiliate-balance-card,.affiliate-payout-balances>section,.affiliate-payout-method,.affiliate-payout-history{background:#fff;border:0;border-radius:10px;box-shadow:var(--card-shadow)}.affiliate-performance-card{padding:15px 16px}.affiliate-performance-card .affiliate-performance-head{margin:0 0 10px}.affiliate-performance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.affiliate-performance-metrics>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;min-height:94px;padding:13px;border:1px solid #e9ebf0;border-radius:9px;background:#fff}.affiliate-performance-metrics>div>.ico{width:38px;height:38px;padding:9px;border-radius:9px;background:#f1edff;color:var(--accent)}.affiliate-performance-metrics span{min-width:0}.affiliate-performance-metrics small,.affiliate-performance-metrics em{display:block;color:#687287;font:500 12px/1.3 var(--sans);font-style:normal}.affiliate-performance-metrics strong{display:block;margin:4px 0;color:#202431;font:600 24px/1.05 var(--display);letter-spacing:-.03em}.affiliate-performance-metrics em{font-weight:400;color:#7e889b}
.affiliate-balance-card{position:relative;padding:15px 16px}.affiliate-balance-card h2{margin:0 0 18px;font:500 18px/1.2 var(--display);letter-spacing:-.025em}.affiliate-balance-values{display:grid;grid-template-columns:1.25fr 1fr;gap:0}.affiliate-balance-values>div+div{padding-left:18px;border-left:1px solid #e7e9ef}.affiliate-balance-values span{display:flex;align-items:center;gap:5px;color:#637087;font:500 12.5px/1.3 var(--sans)}.affiliate-balance-values span .ico{width:14px;height:14px}.affiliate-balance-values strong{display:block;margin-top:7px;color:#202431;font:600 28px/1 var(--display);letter-spacing:-.035em}.affiliate-balance-values>div+div strong{font-size:20px;color:#5b6480}.affiliate-balance-button{display:flex;align-items:center;justify-content:center;min-width:122px;height:38px;margin:16px 0 0 auto;padding:0 14px;border:0;outline:0;border-radius:9px;background:var(--accent);color:#fff;font:500 13px var(--display)}
.affiliate-conversion-card.refined{padding:15px 16px}.affiliate-conversion-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:center;gap:4px;margin-top:8px}.affiliate-conversion-flow>div{text-align:center}.affiliate-conversion-flow>div>span{width:40px;height:40px;display:grid;place-items:center;margin:0 auto 8px;border-radius:50%;background:#f1edff;color:var(--accent)}.affiliate-conversion-flow .ico{width:18px;height:18px}.affiliate-conversion-flow small{display:block;color:#6d7890;font:500 11.5px var(--sans)}.affiliate-conversion-flow strong{display:block;margin-top:4px;color:#202431;font:600 19px var(--display)}.affiliate-conversion-flow>i{color:#8690a3;font:400 22px var(--sans);font-style:normal;text-align:center}.affiliate-cvr.refined{margin-top:14px;padding-top:13px}.affiliate-cvr.refined span{font-size:11.5px}.affiliate-cvr.refined strong{font-size:21px}
.affiliate-status-pill{min-width:78px;height:24px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border-radius:999px;font:500 11.5px/1 var(--sans);white-space:nowrap}.affiliate-status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.affiliate-status-pill.pending{background:#fff5dc;color:#c88111}.affiliate-status-pill.available,.affiliate-status-pill.approved,.affiliate-status-pill.paid{background:#e9f8f1;color:#168b64}.affiliate-status-pill.reversed{background:#f0f2f6;color:#6d7890}.affiliate-status-pill.processing{background:#eaf4ff;color:#1878d1}.affiliate-status-pill.failed,.affiliate-status-pill.rejected{background:#fff0f2;color:#d94152}
.affiliate-payouts{display:grid;gap:12px}.affiliate-payout-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px}.affiliate-payout-balances>section{min-height:124px;display:flex;align-items:center;gap:18px;padding:18px 20px}.affiliate-payout-icon{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:50%;background:#f1edff;color:var(--accent)}.affiliate-payout-icon .ico{width:24px;height:24px}.affiliate-payout-balances small,.affiliate-payout-balances em{display:block;color:#667085;font:500 12.5px/1.35 var(--sans);font-style:normal}.affiliate-payout-balances strong{display:block;margin:5px 0;color:#202431;font:600 28px/1 var(--display);letter-spacing:-.035em}.affiliate-payout-balances em{font-weight:400;color:#7e889b}.affiliate-payout-balance-note{margin:-2px 0 1px;color:#6d7890;font:400 12px var(--sans)}
.affiliate-payout-method{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.affiliate-payout-method h2,.affiliate-payout-history h2{margin:0;font:500 18px/1.25 var(--display);letter-spacing:-.025em}.affiliate-payout-method-row{display:flex;align-items:center;gap:13px;margin-top:13px}.affiliate-paypal-brand .network-payment-logo{height:30px;max-width:104px}.affiliate-paypal-brand .network-payment-wordmark{font-size:22px}.affiliate-payout-method-row>i{width:1px;height:28px;background:#e4e7ed}.affiliate-payout-method-row>strong{color:#465066;font:500 13px var(--sans)}.affiliate-saved-pill{height:26px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:#e9f8f1;color:#168b64;font:500 11.5px var(--sans)}.affiliate-payout-method>button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:0;outline:0;background:transparent;color:var(--accent);text-align:left}.affiliate-payout-method>button strong{font:500 13px var(--display)}.affiliate-payout-method>button small{color:#7d8798;font:400 11.5px var(--sans)}
.affiliate-payout-history{padding:16px 18px 10px}.affiliate-payout-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.affiliate-payout-history-head p{margin:4px 0 0;color:#7d8798;font:400 12.5px/1.4 var(--sans)}.affiliate-payout-filters{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.55fr) minmax(150px,.55fr);gap:10px;margin:14px 0 12px}.affiliate-payout-filters>label{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #e3e6ec;border-radius:8px;background:#fff;color:#6d7890}.affiliate-payout-filters>label>.ico{width:17px;height:17px}.affiliate-payout-filters input,.affiliate-payout-filters select,.affiliate-payout-filters>select{width:100%;height:40px;border:1px solid #e3e6ec;border-radius:8px;background:#fff;color:#596376;outline:0;font:400 12.5px var(--sans)}.affiliate-payout-filters input{height:auto;border:0}.affiliate-payout-filters>select{padding:0 10px}.affiliate-payout-time select{height:auto;border:0}
.affiliate-payout-table-wrap{overflow-x:auto;scrollbar-width:none}.affiliate-payout-table-wrap::-webkit-scrollbar{display:none}.affiliate-payout-table{width:100%;min-width:760px;border-collapse:collapse}.affiliate-payout-table th{padding:9px 10px;background:#f7f8fa;color:#667085;font:600 11.5px var(--sans);text-align:left}.affiliate-payout-table td{padding:10px;border-bottom:1px solid #eceef2;color:#4b556a;font:400 12.5px var(--sans)}.affiliate-payout-table tbody tr[data-action]{cursor:pointer;transition:background .14s ease}.affiliate-payout-table tbody tr[data-action]:hover{background:#fafafe}.affiliate-payout-table td:last-child{text-align:right}.affiliate-payout-table td:last-child button{width:32px;height:32px;display:inline-grid;place-items:center;border:0;outline:0;border-radius:8px;background:#f1edff;color:var(--accent)}.affiliate-payout-footer{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#7d8798;font:400 11.5px var(--sans)}.affiliate-payout-footer>div{display:flex;align-items:center;gap:12px}.affiliate-payout-footer button{height:34px;padding:0 12px;border:1px solid #e2e5ec;border-radius:8px;background:#fff;color:#9aa2b2}.affiliate-payout-footer span{white-space:nowrap}
.affiliate-payout-confirm-modal,.affiliate-payout-detail-modal,.affiliate-payout-method-modal{width:min(470px,calc(100vw - 32px));padding:24px;border:0;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(28,32,44,.16)}.affiliate-payout-confirm-modal::backdrop,.affiliate-payout-detail-modal::backdrop,.affiliate-payout-method-modal::backdrop{background:rgba(30,34,47,.34);backdrop-filter:blur(7px)}.affiliate-payout-confirm>p{margin:2px 0 16px;color:#697388;font:400 13px/1.5 var(--sans)}.affiliate-payout-confirm-balance{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:9px;background:#f7f7fa}.affiliate-payout-confirm-balance span{color:#6f7890;font-size:12.5px}.affiliate-payout-confirm-balance strong{font:600 20px var(--display)}.affiliate-payout-modal-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:16px}.affiliate-payout-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #eceef2}.affiliate-payout-detail-head span,.affiliate-payout-detail-grid span{display:block;color:#7a8497;font:400 11.5px var(--sans)}.affiliate-payout-detail-head strong{display:block;margin-top:3px;color:#343c4f;font-size:13px}.affiliate-payout-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:16px 0}.affiliate-payout-detail-grid strong{display:block;margin-top:4px;color:#3f485b;font:500 12.5px var(--sans)}.affiliate-payout-timeline{display:flex;gap:11px;padding:13px;border-radius:9px;background:#f7f8fa}.affiliate-payout-timeline>span{width:11px;height:11px;margin-top:3px;border:3px solid #dcd6fb;border-radius:50%;background:var(--accent)}.affiliate-payout-timeline strong{font:600 12.5px var(--sans)}.affiliate-payout-timeline p{margin:3px 0 0;color:#758094;font:400 12px/1.45 var(--sans)}.affiliate-payout-method-current{display:flex;align-items:center;gap:12px;padding:14px;border-radius:9px;background:#f7f8fa}.affiliate-payout-method-current .network-payment-logo{height:28px}.affiliate-payout-method-current>div{display:flex;flex:1;flex-direction:column;gap:2px}.affiliate-payout-method-current strong{font:600 13px var(--sans)}.affiliate-payout-method-current span{color:#7d8798;font:400 12px var(--sans)}.affiliate-payout-method-modal-body>p{margin:12px 0 0;color:#758094;font:400 12.5px/1.5 var(--sans)}
@media(max-width:1100px){.affiliate-overview-top{grid-template-columns:1fr}.affiliate-performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.affiliate-payout-balances{grid-template-columns:1fr}.affiliate-payout-filters{grid-template-columns:1fr 1fr}.affiliate-payout-filters>label:first-child{grid-column:1/-1}}
@media(max-width:800px){.affiliate-activation-toast{top:68px;right:12px;left:12px;min-width:0}.affiliate-performance-metrics{grid-template-columns:1fr}.affiliate-conversion-flow{grid-template-columns:1fr}.affiliate-conversion-flow>i{transform:rotate(90deg)}.affiliate-payout-method{align-items:flex-start;flex-direction:column}.affiliate-payout-filters{grid-template-columns:1fr}.affiliate-payout-filters>label:first-child{grid-column:1}.affiliate-payout-detail-grid{grid-template-columns:1fr}}

/* System refinement: Affiliate + modal consistency */
.affiliate-post-tabs{border-bottom:0;margin-bottom:14px;gap:6px}.affiliate-post-tabs button{height:40px;padding:0 14px;color:#687187;font:500 14px/1 var(--sans);letter-spacing:0}.affiliate-post-tabs button.active{color:var(--accent);font-weight:600}.affiliate-post-tabs button.active::after{left:10px;right:10px;bottom:0;height:2px}.affiliate-tabs-active{margin-left:auto;align-self:center;height:26px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;background:#eaf8f2;color:#20835f;font:500 12px/1 var(--sans)}.affiliate-tabs-active i{width:7px;height:7px;border-radius:50%;background:#27a978}
.affiliate-overview h2,.affiliate-payouts h2,.affiliate-link-card h2,.affiliate-performance-head h2,.affiliate-balance-card h2,.affiliate-card-head h2,.affiliate-history-card h2{font-family:var(--display);font-size:18px!important;font-weight:500!important;line-height:1.25;letter-spacing:-.025em}.affiliate-performance-card{padding:14px 15px}.affiliate-performance-card .affiliate-performance-head{margin-bottom:9px}.affiliate-performance-metrics>div{min-height:88px;padding:12px}.affiliate-performance-metrics strong{font-size:22px;font-weight:500;letter-spacing:-.025em}.affiliate-balance-card{padding:14px 15px}.affiliate-balance-card h2{margin-bottom:15px}.affiliate-balance-values strong{font-size:26px;font-weight:500}.affiliate-balance-values>div+div strong{font-size:19px;font-weight:500;color:#596376}.affiliate-balance-button{font-weight:500}
.affiliate-activity-card{padding:15px 10px 14px}.affiliate-activity-card .affiliate-card-head{padding:0 6px;margin-bottom:8px}.affiliate-chart-wrap{margin:0 -3px}.affiliate-chart{height:214px}.affiliate-chart-labels{margin-left:30px;margin-right:28px;font-size:11.5px}
.affiliate-conversion-card.refined{padding:15px}.affiliate-conversion-card.refined .affiliate-card-head{margin-bottom:7px}.affiliate-conversion-flow{margin-top:2px}.affiliate-conversion-flow>div>span{width:36px;height:36px;margin-bottom:6px}.affiliate-conversion-flow strong{font-size:18px;font-weight:500}.affiliate-cvr.refined{margin-top:9px;padding-top:10px}.affiliate-cvr.refined strong{margin-top:4px;font-size:19px;font-weight:500}
.affiliate-history-card{padding-top:14px}.affiliate-history-card .affiliate-card-head{margin-bottom:9px}.affiliate-history-foot{min-height:34px}
.affiliate-payout-balances>section{min-height:116px;padding:16px 18px}.affiliate-payout-balances strong{font-size:26px;font-weight:500}.affiliate-payout-method h2,.affiliate-payout-history h2{font-size:18px!important;font-weight:500!important}.affiliate-payout-table td:last-child button{background:#f5f5f7;color:#7d8798;transition:background .14s ease,color .14s ease}.affiliate-payout-table tbody tr[data-action]:hover td:last-child button,.affiliate-payout-table td:last-child button:hover{background:#f1edff;color:var(--accent)}
dialog{border:0!important;outline:0!important}dialog:focus,dialog:focus-visible{outline:0!important}dialog button:focus,dialog button:focus-visible,dialog button:active{outline:0!important;box-shadow:none!important}.modal-head h2{display:flex;align-items:center;gap:10px}.modal-title-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;border-radius:9px;background:#f2effd;color:var(--accent)}.modal-title-icon .ico{width:17px;height:17px;stroke-width:1.6}.modal-head .icon-button{border:0!important;outline:0!important;box-shadow:none!important}
.affiliate-payout-confirm-modal,.affiliate-payout-detail-modal,.affiliate-payout-method-modal{border:0!important;outline:0!important}.affiliate-payout-confirm-modal .modal-head h2,.affiliate-payout-detail-modal .modal-head h2,.affiliate-payout-method-modal .modal-head h2{font:500 20px/1.2 var(--display);letter-spacing:-.025em}
@media(max-width:800px){.affiliate-tabs-active{height:25px}.affiliate-chart{height:190px}}

/* Affiliate refinement v62 */
@keyframes affiliateActivePulse{0%,100%{box-shadow:0 0 0 0 rgba(39,169,120,.22)}50%{box-shadow:0 0 0 5px rgba(39,169,120,0)}}
.affiliate-tabs-active i{animation:affiliateActivePulse 1.8s ease-in-out infinite}
.affiliate-overview h2,.affiliate-payouts h2,.affiliate-link-card h2,.affiliate-performance-head h2,.affiliate-balance-card h2,.affiliate-card-head h2,.affiliate-history-card h2{font-size:20px!important;font-weight:500!important}
.affiliate-period{height:34px;gap:7px;padding:0 8px;border:0;border-radius:8px;background:#f5f4f8;box-shadow:none}.affiliate-period>.ico{width:15px;height:15px}.affiliate-period select{font:400 12.5px var(--sans);padding:0}
.affiliate-copy,.affiliate-balance-button,.affiliate-payout-method-actions button{height:38px;min-width:0;padding:0 15px;border:1px solid #d8d2f1!important;outline:0!important;border-radius:8px;background:#fff!important;color:var(--accent)!important;font:500 13px var(--display)!important;letter-spacing:-.01em;box-shadow:none!important}.affiliate-copy:hover,.affiliate-balance-button:hover,.affiliate-payout-method-actions button:hover{background:#faf9fd!important}.affiliate-copy:focus,.affiliate-copy:focus-visible,.affiliate-balance-button:focus,.affiliate-balance-button:focus-visible,.affiliate-payout-method-actions button:focus,.affiliate-payout-method-actions button:focus-visible{outline:0!important;box-shadow:none!important}
.affiliate-link-value{border:0;background:#f7f7f9;box-shadow:inset 0 0 0 1px rgba(228,230,236,.55)}
.affiliate-performance-metrics strong{font-size:21px;font-weight:500}
.affiliate-balance-values strong{font-size:25px;font-weight:400}.affiliate-balance-values>div+div strong{font-size:19px;font-weight:400}
.affiliate-activity-card{padding-left:6px;padding-right:6px}.affiliate-activity-card .affiliate-card-head{padding-left:8px;padding-right:8px}.affiliate-chart-wrap{margin-left:-5px;margin-right:-5px}.affiliate-chart-labels{margin-left:24px;margin-right:22px}
.affiliate-conversion-flow{margin-top:0}.affiliate-cvr.refined{margin-top:6px;padding-top:8px}.affiliate-cvr.refined>div+div{padding-left:14px}.affiliate-cvr.refined strong{margin-top:2px;font-size:18px;font-weight:500}
.affiliate-history-foot{min-height:38px;margin-top:2px;padding-top:10px;border-top:1px solid #eceef2;font-size:12.5px}
.affiliate-payout-balances strong{font-size:25px;font-weight:400}.affiliate-payout-balances small,.affiliate-payout-balances em{font-size:13px}.affiliate-payout-method{padding:17px 18px}.affiliate-payout-method h2,.affiliate-payout-history h2{font-size:20px!important}.affiliate-payout-method-row>strong{font-size:13.5px;font-weight:400}.affiliate-saved-pill{gap:6px;height:26px;padding:0 11px;font:500 12.5px var(--sans)}.affiliate-saved-pill i{width:7px;height:7px;border-radius:50%;background:#168b64}
.affiliate-payout-method-actions{display:flex;align-items:center;gap:12px}.affiliate-payout-method-actions small{color:#7d8798;font:400 12.5px var(--sans);white-space:nowrap}.affiliate-payout-method-actions button{flex:0 0 auto}
.affiliate-payout-filters{grid-template-columns:minmax(260px,1.6fr) minmax(150px,.55fr) minmax(150px,.55fr);gap:10px}.affiliate-payout-search,.affiliate-payout-select{height:42px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)!important;color:#727b8d;position:relative}.affiliate-payout-search>.ico{position:static!important;width:17px!important;height:17px!important;color:#8b94a5}.affiliate-payout-search input{height:auto!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;font:400 13.5px var(--sans)!important}.affiliate-payout-select select{appearance:none;-webkit-appearance:none;width:100%;height:100%!important;padding:0 26px 0 0!important;border:0!important;outline:0!important;background:transparent!important;color:#727b8d;font:400 13.5px var(--sans)!important;cursor:pointer}.affiliate-payout-select>.ico:last-child{position:absolute;right:13px;width:16px;height:16px;color:#8b94a5;pointer-events:none}.affiliate-payout-time>.ico:first-child{position:static;width:17px;height:17px;color:#8b94a5;pointer-events:none}
.affiliate-payout-table th{font-size:12px}.affiliate-payout-table td{font-size:13.5px}.affiliate-payout-footer{font-size:12.5px}
.affiliate-payout-confirm-modal,.affiliate-payout-detail-modal,.affiliate-payout-method-modal{position:fixed!important;inset:0!important;margin:auto!important;height:max-content!important;max-height:min(88dvh,720px)!important;border:0!important;outline:0!important;box-shadow:0 24px 70px rgba(28,32,44,.16)!important}.affiliate-payout-confirm-modal:focus,.affiliate-payout-detail-modal:focus,.affiliate-payout-method-modal:focus{outline:0!important}.affiliate-payout-detail-head{align-items:center}.affiliate-payout-detail-head span,.affiliate-payout-detail-grid span{font-size:12.5px}.affiliate-payout-detail-head strong,.affiliate-payout-detail-grid strong{font-size:13.5px;font-weight:500}.affiliate-payout-timeline{align-items:flex-start}.affiliate-payout-timeline strong{font-size:13px;font-weight:500}.affiliate-payout-timeline p{font-size:12.5px}
.top-ranking-period-tabs{gap:4px}.top-ranking-period-tabs button{min-width:42px;min-height:0;padding:7px 12px;border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);font-size:13px}.top-ranking-period-tabs button:hover{color:var(--accent)}.top-ranking-period-tabs button.selected{background:var(--violet);color:var(--accent);border-color:#e3dcf8}
/* Overview period controls: constant geometry, no outline/border highlight on hover, focus or selection. */
main[data-page="overview"] .overview-performance-card .section-heading .tabs button,
main[data-page="overview"] .top-ranking-period-tabs button{border:1px solid transparent!important;box-sizing:border-box;outline:0!important;box-shadow:none!important}
main[data-page="overview"] .overview-performance-card .section-heading .tabs button.selected,
main[data-page="overview"] .top-ranking-period-tabs button.selected{border-color:transparent!important}
main[data-page="overview"] .overview-performance-card .section-heading .tabs button:is(:hover,:focus,:focus-visible),
main[data-page="overview"] .top-ranking-period-tabs button:is(:hover,:focus,:focus-visible){outline:0!important;box-shadow:none!important}
/* Keyboard focus remains discernible through fill, never through an outline. */
main[data-page="overview"] .overview-performance-card .section-heading .tabs button:focus-visible,
main[data-page="overview"] .top-ranking-period-tabs button:focus-visible{background:#eae5fa;color:var(--accent)}
@media(max-width:900px){.affiliate-payout-method-actions{align-items:flex-start;flex-direction:column}.affiliate-payout-method-actions small{white-space:normal}}
.affiliate-payout-detail-head{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;align-items:center!important;column-gap:16px!important}.affiliate-payout-detail-status{width:112px;min-height:48px;display:grid;place-items:center;justify-self:end;align-self:center}.affiliate-payout-detail-status .affiliate-status-pill{margin:0;align-self:center;justify-self:center}

/* Payout detail status alignment refinement */
.affiliate-payout-detail-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:16px!important;
  min-height:58px;
}
.affiliate-payout-detail-status{
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}
.affiliate-payout-detail-head .affiliate-status-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:88px!important;
  height:26px!important;
  margin:0!important;
  padding:0 14px!important;
  line-height:1!important;
  text-align:center!important;
}

/* Remove modal edge shadow: backdrop blur provides separation */
.affiliate-payout-confirm-modal,
.affiliate-payout-detail-modal,
.affiliate-payout-method-modal{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Affiliate payout modal backdrop: no outline-like edge */
dialog.affiliate-payout-confirm-modal::backdrop,
dialog.affiliate-payout-detail-modal::backdrop,
dialog.affiliate-payout-method-modal::backdrop{
  background:rgba(32,36,49,.14)!important;
  backdrop-filter:blur(9px) saturate(96%)!important;
  -webkit-backdrop-filter:blur(9px) saturate(96%)!important;
}
dialog.affiliate-payout-confirm-modal[open],
dialog.affiliate-payout-detail-modal[open],
dialog.affiliate-payout-method-modal[open],
dialog.affiliate-payout-confirm-modal[open]:focus,
dialog.affiliate-payout-detail-modal[open]:focus,
dialog.affiliate-payout-method-modal[open]:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  background-clip:padding-box!important;
}

/* Affiliate overview summary cards — mockup aligned */
.affiliate-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.affiliate-summary-card{
  position:relative;
  min-height:112px;
  padding:15px 16px 14px;
  border:0;
  border-radius:10px;
  background:
    radial-gradient(circle at 78% 64%, rgba(101,80,221,.13) 1px, transparent 1.2px) 0 0/11px 11px,
    #fff;
  box-shadow:var(--card-shadow);
  overflow:hidden;
}
.affiliate-summary-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 48%,rgba(255,255,255,.74) 100%);
}
.affiliate-summary-card>*{position:relative;z-index:1}
.affiliate-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.affiliate-summary-head>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#70798b;
  font:500 12.5px/1.3 var(--sans);
  white-space:nowrap;
}
.affiliate-summary-head>span>i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(101,80,221,.07);
}
.affiliate-summary-head>b{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border-radius:9px;
  background:#f1edff;
  color:var(--accent);
  font-weight:400;
}
.affiliate-summary-head>b .ico{width:17px;height:17px;stroke-width:1.7}
.affiliate-summary-card>strong{
  display:block;
  margin-top:8px;
  color:#252b39;
  font:500 24px/1 var(--display);
  letter-spacing:-.03em;
}
.affiliate-summary-card>small,
.affiliate-summary-balance-foot small{
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:7px;
  color:#7d8798;
  font:400 11.5px/1.3 var(--sans);
}
.affiliate-summary-balance-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:7px;
}
.affiliate-summary-balance-foot small{margin-top:0;white-space:nowrap}
.affiliate-summary-balance-foot small .ico{width:12px;height:12px;color:#7d8798}
.affiliate-summary-balance-foot button{
  padding:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--accent);
  box-shadow:none!important;
  font:500 11.5px/1 var(--display);
  white-space:nowrap;
}
.affiliate-summary-balance-foot button:hover{color:#563fc7}
.affiliate-summary-balance-foot button:focus,
.affiliate-summary-balance-foot button:focus-visible,
.affiliate-summary-balance-foot button:active{
  outline:0!important;
  box-shadow:none!important;
}
.affiliate-activity-controls{
  display:flex;
  align-items:center;
  gap:12px;
}
.affiliate-activity-controls .affiliate-period{margin:0}
.affiliate-activity-controls .affiliate-chart-legend{margin:0}
@media(max-width:1180px){
  .affiliate-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .affiliate-summary-grid{grid-template-columns:1fr}
  .affiliate-activity-controls{align-items:flex-end;flex-direction:column;gap:7px}
}

/* Affiliate KPI cards reuse Overview KPI component */
.affiliate-summary-overview{
  margin:0;
}
.affiliate-balance-metric-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
}
.affiliate-balance-metric-foot small{
  display:flex;
  align-items:center;
  gap:4px;
  margin:0;
  min-width:0;
  white-space:nowrap;
}
.affiliate-balance-metric-foot small .ico{
  width:12px;
  height:12px;
}
.affiliate-balance-metric-foot button{
  padding:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--accent);
  box-shadow:none!important;
  font:500 11.5px/1 var(--display);
  white-space:nowrap;
}
.affiliate-balance-metric-foot button:hover{color:#563fc7}
.affiliate-balance-metric-foot button:focus,
.affiliate-balance-metric-foot button:focus-visible,
.affiliate-balance-metric-foot button:active{
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:800px){
  .affiliate-balance-metric-foot{align-items:flex-start;flex-direction:column;gap:5px}
}

/* Affiliate referral link — License field pattern */
.affiliate-link-card{
  padding:18px 20px;
}
.affiliate-link-card h2{
  font-size:18px!important;
  font-weight:500!important;
}
.affiliate-link-row{
  margin-top:10px;
}
.affiliate-link-value{
  width:100%;
  height:48px;
  padding:0 14px;
  border:0!important;
  outline:0!important;
  border-radius:9px;
  background:#f6f6f8!important;
  box-shadow:none!important;
}
.affiliate-link-value>span{
  color:#667085;
  font:400 13.5px/1 var(--sans);
}
.affiliate-link-value button{
  width:auto!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px;
  margin-left:auto;
  padding:0 4px!important;
  border:0!important;
  outline:0!important;
  border-radius:6px;
  background:transparent!important;
  color:var(--accent)!important;
  box-shadow:none!important;
  font:500 12.5px/1 var(--display);
}
.affiliate-link-value button .ico{
  width:14px;
  height:14px;
  stroke-width:1.6;
}
.affiliate-link-value button:hover{
  background:transparent!important;
  color:#563fc7!important;
}
.affiliate-link-value button:focus,
.affiliate-link-value button:focus-visible,
.affiliate-link-value button:active{
  outline:0!important;
  box-shadow:none!important;
}
.affiliate-link-card>p{
  margin:8px 0 0;
  color:#81899a;
  font:400 12.5px/1.4 var(--sans);
}

/* Affiliate insight layout: activity left, referral + conversion stacked right */
.affiliate-insights{
  align-items:stretch;
}
.affiliate-insights-side{
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:12px;
}
.affiliate-insights-side .affiliate-link-card{
  margin:0;
  padding:16px 18px;
}
.affiliate-insights-side .affiliate-link-card .affiliate-link-row{
  margin-top:9px;
}
.affiliate-insights-side .affiliate-link-card .affiliate-link-value{
  height:44px;
}
.affiliate-insights-side .affiliate-link-card>p{
  margin-top:7px;
  font-size:12px;
  line-height:1.4;
}
.affiliate-insights-side .affiliate-conversion-card{
  min-height:0;
  height:100%;
}
@media(max-width:1100px){
  .affiliate-insights-side{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
  }
}

/* Affiliate page header: match the approved dashboard header-to-content spacing. */
main[data-page="affiliate"]>.page-title{
  margin-bottom:20px;
}
.affiliate-page-subline{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:6px;
}
.affiliate-page-subline>p{
  margin:0!important;
}
.affiliate-page-active{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.affiliate-page-active .status-dot{
  margin:0;
}
.affiliate-page-active .status-pill{
  padding:4px 12px;
  font-size:10.5px;
  font-weight:500;
}
.affiliate-post-tabs .affiliate-page-period{
  width:auto;
  margin-left:auto;
  flex:0 0 auto;
}
.affiliate-post-tabs .affiliate-page-period select{
  width:auto;
  min-width:104px;
  cursor:pointer;
}
.affiliate-activity-controls{
  margin-left:auto;
}
@media(max-width:800px){
  .affiliate-page-subline{
    align-items:flex-start;
    flex-wrap:wrap;
    gap:8px 12px;
  }
  .affiliate-post-tabs{
    flex-wrap:wrap;
  }
  .affiliate-post-tabs .affiliate-page-period{
    width:100%;
    margin:4px 0 0;
  }
  .affiliate-post-tabs .affiliate-page-period select{
    width:100%;
  }
}


/* Affiliate header: Active at far right above period selector */
main[data-page="affiliate"]>.page-title>div{
  width:100%;
}
.affiliate-page-subline{
  width:100%;
}
.affiliate-page-active{
  width:142px;
  margin-left:auto;
  justify-content:center;
}
@media(max-width:800px){
  .affiliate-page-active{
    width:auto;
    margin-left:0;
    justify-content:flex-start;
  }
}

/* Affiliate: keep original title/subtitle position; float only Active */
main[data-page="affiliate"]>.page-title{
  position:relative;
}
main[data-page="affiliate"]>.page-title>div{
  width:auto;
}
.affiliate-page-active-floating{
  position:absolute;
  top:0;
  right:0;
  width:auto;
  margin:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.affiliate-page-active-floating .status-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  box-shadow:0 0 0 3px rgba(44,182,125,.08);
}
.affiliate-page-active-floating .status-dot.online::after{
  inset:-3px;
}
@media(max-width:800px){
  main[data-page="affiliate"]>.page-title{
    padding-right:0;
  }
  .affiliate-page-active-floating{
    position:static;
    width:auto;
    margin-top:8px!important;
    justify-content:flex-start;
  }
}

/* Affiliate date selector — match Network Accounts selector */
.affiliate-page-period{
  height:44px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#596376!important;
  box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)!important;
  outline:0!important;
}
.affiliate-page-period>.ico{
  width:17px!important;
  height:17px!important;
  color:#7f889b!important;
  flex:0 0 17px;
}
.affiliate-page-period select{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:112px!important;
  height:100%!important;
  padding:0 30px 0 0!important;
  border:0!important;
  outline:0!important;
  background-color:transparent!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#7f889b 50%),
    linear-gradient(135deg,#7f889b 50%,transparent 50%)!important;
  background-position:
    calc(100% - 10px) 20px,
    calc(100% - 5px) 20px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  color:#596376!important;
  font:400 14px var(--sans)!important;
  cursor:pointer;
}
.affiliate-page-period:focus-within{
  outline:0!important;
  box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)!important;
}
.affiliate-page-period select:focus,
.affiliate-page-period select:focus-visible{
  outline:0!important;
}

/* Lock Affiliate date selector typography/size to Network Accounts */
.affiliate-page-period{
  height:44px!important;
  padding:0 14px!important;
  font:400 14px var(--sans)!important;
}
.affiliate-page-period select{
  height:44px!important;
  padding:0 42px 0 0!important;
  font:400 14px var(--sans)!important;
  background-position:
    calc(100% - 18px) 19px,
    calc(100% - 13px) 19px!important;
}

/* Affiliate date selector — compact to content */
.affiliate-page-period{
  width:max-content!important;
  height:40px!important;
  padding:0 10px!important;
  gap:6px!important;
  border-radius:9px!important;
}
.affiliate-page-period>.ico{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}
.affiliate-page-period select{
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  padding:0 30px 0 0!important;
  font:400 14px var(--sans)!important;
  background-position:
    calc(100% - 10px) 18px,
    calc(100% - 5px) 18px!important;
}

/* Affiliate right column — single combined card */
.affiliate-insights-side.affiliate-side-card{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:16px 18px;
  background:#fff;
  border:0;
  border-radius:10px;
  box-shadow:var(--card-shadow);
}
.affiliate-side-card .affiliate-side-section{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.affiliate-side-card .affiliate-link-card{
  margin:0;
}
.affiliate-side-card .affiliate-link-card .affiliate-link-row{
  margin-top:10px;
}
.affiliate-side-card .affiliate-link-card .affiliate-link-value{
  height:44px;
}
.affiliate-side-card .affiliate-link-card>p{
  margin:8px 0 0;
  font-size:12px;
  line-height:1.45;
}
.affiliate-side-card .affiliate-conversion-card{
  flex:1 1 auto;
  min-height:0;
  margin-top:18px;
}
.affiliate-side-card .affiliate-conversion-card .affiliate-card-head{
  margin-bottom:9px;
}
.affiliate-side-card .affiliate-conversion-flow{
  margin-top:0;
}
.affiliate-side-card .affiliate-cvr.refined{
  margin-top:10px;
  padding-top:10px;
}
@media(max-width:1100px){
  .affiliate-insights-side.affiliate-side-card{
    height:auto;
  }
}

/* Affiliate insights proportion — match Membership grid */
.affiliate-insights{
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)!important;
  gap:16px!important;
}
@media(max-width:1050px){
  .affiliate-insights{
    grid-template-columns:1fr!important;
  }
}

/* Affiliate insights typography — exact Membership match */
.affiliate-activity-card .affiliate-card-head h2,
.affiliate-side-card h2,
.affiliate-history-card .affiliate-card-head h2{
  font-family:var(--display)!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  color:var(--ink)!important;
}
.affiliate-side-card .affiliate-link-value>span{
  color:#606b7e!important;
  font-family:var(--mono)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.6!important;
  letter-spacing:normal!important;
}
.affiliate-side-card .affiliate-link-value button{
  color:var(--accent)!important;
  font-family:var(--sans)!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:normal!important;
}
.affiliate-side-card .affiliate-link-card>p{
  color:#7b8698!important;
  font-family:var(--sans)!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
}
.affiliate-side-card .affiliate-conversion-flow small,
.affiliate-side-card .affiliate-cvr.refined span{
  color:#7b8698!important;
  font-family:var(--sans)!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
}
.affiliate-side-card .affiliate-conversion-flow strong,
.affiliate-side-card .affiliate-cvr.refined strong{
  color:var(--ink)!important;
  font-family:var(--display)!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.affiliate-activity-card .affiliate-chart-legend span{
  font-family:var(--sans)!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
}

/* Affiliate right card UX refinement — content only, preserve card size */
.affiliate-insights{
  align-items:stretch!important;
}
.affiliate-insights-side.affiliate-side-card{
  height:100%!important;
  padding:16px 18px!important;
}
.affiliate-side-card .affiliate-link-card h2{
  margin:0 0 13px!important;
}
.affiliate-side-card .affiliate-link-card .affiliate-link-row{
  margin-top:0!important;
}
.affiliate-side-card .affiliate-link-card .affiliate-link-value{
  height:46px!important;
  min-height:46px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  background:#f6f6f8!important;
}
.affiliate-side-card .affiliate-link-value button{
  height:32px!important;
  padding:0 8px!important;
}
.affiliate-side-card .affiliate-conversion-card{
  flex:1 1 auto!important;
  min-height:0!important;
  margin-top:16px!important;
  display:flex!important;
  align-items:center!important;
}
.affiliate-side-card .affiliate-conversion-flow{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr)!important;
  gap:2px!important;
  align-items:center!important;
  margin:0!important;
}
.affiliate-side-card .affiliate-conversion-flow>div{
  min-width:0;
  text-align:center;
}
.affiliate-side-card .affiliate-conversion-flow>div>span{
  width:36px!important;
  height:36px!important;
  margin:0 auto 7px!important;
  background:#f2effd!important;
}
.affiliate-side-card .affiliate-conversion-flow .ico{
  width:16px!important;
  height:16px!important;
  stroke-width:1.6!important;
}
.affiliate-side-card .affiliate-conversion-flow>i{
  align-self:center;
  color:#929bac!important;
  font:400 16px/1 var(--sans)!important;
  transform:translateY(-9px);
}
.affiliate-side-card .affiliate-conversion-flow small{
  margin:0!important;
}
.affiliate-side-card .affiliate-conversion-flow strong{
  margin-top:3px!important;
}

/* Affiliate overview — full-width referral link + full-width activity */
.affiliate-referral-card{
  margin-top:12px;
  padding:14px 16px;
  background:#fff;
  border:0;
  border-radius:10px;
  box-shadow:var(--card-shadow);
}
.affiliate-referral-card h2{
  margin:0 0 9px;
  color:var(--ink);
  font:500 18px/1.2 var(--display);
  letter-spacing:-.02em;
}
.affiliate-referral-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.affiliate-referral-value{
  min-width:0;
  height:36px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:0;
  border-radius:8px;
  background:#f6f6f8;
}
.affiliate-referral-value>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#606b7e;
  font:400 13px/1.6 var(--mono);
}
.affiliate-referral-copy{
  height:36px;
  min-width:92px;
  padding:0 14px;
  border:0!important;
  outline:0!important;
  border-radius:8px;
  background:var(--accent)!important;
  color:#fff!important;
  box-shadow:none!important;
  font:500 13px/1 var(--display);
  letter-spacing:-.01em;
  white-space:nowrap;
}
.affiliate-referral-copy:hover{
  filter:brightness(.97);
}
.affiliate-referral-copy:focus,
.affiliate-referral-copy:focus-visible,
.affiliate-referral-copy:active{
  outline:0!important;
  box-shadow:none!important;
}
.affiliate-referral-note{
  display:flex;
  align-items:flex-start;
  gap:6px;
  min-width:0;
  margin-top:8px;
  color:#7a8293;
  font:400 11.5px/16px var(--sans);
}
.affiliate-referral-note>.ico{
  width:13px;
  height:13px;
  flex:0 0 13px;
  margin-top:1px;
  color:#8a91a1;
}
.affiliate-insights{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  margin-top:12px;
  align-items:stretch!important;
}
.affiliate-insights .affiliate-activity-card{
  width:100%;
  margin:0!important;
}
@media(max-width:800px){
  .affiliate-referral-card{padding:14px}
  .affiliate-referral-row{grid-template-columns:1fr}
  .affiliate-referral-copy{width:100%}
}

/* Workspace primary-card standard — Affiliate */

.affiliate-chart-wrap{
  margin-left:0!important;
  margin-right:0!important;
}
.affiliate-chart-labels{
  margin-left:30px!important;
  margin-right:28px!important;
}

/* Workspace typography + card spacing system — source of truth */
:root{
  --ws-page-title-size:22px;
  --ws-page-title-weight:600;
  --ws-card-title-size:18px;
  --ws-card-title-weight:500;
  --ws-subsection-title-size:16px;
  --ws-primary-card-pad:20px;
  --ws-compact-card-pad:18px;
  --ws-card-title-gap:16px;
  --ws-card-gap:16px;
  /* Account Identity (Settings) is the canonical card-description style. */
  --ws-card-desc-gap:4px;
  --ws-card-desc-size:12.5px;
  --ws-card-desc-line-height:1.5;
  --ws-card-desc-color:#8791a3;
}

main:not([data-page="stats"])>.page-title h1{
  font-family:var(--display)!important;
  font-size:var(--ws-page-title-size)!important;
  font-weight:var(--ws-page-title-weight)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}

/* Primary Workspace card titles */
main:not([data-page="stats"]) .section-heading h2,
.top-ea-ranking-head h2,
.statistics-performance .section-heading h2,
.statistics-section-heading h2,
.member-surface-heading h2,
.member-products-top h2,
.affiliate-review-head h2,
.affiliate-performance-head h2,
.affiliate-balance-card h2,
.affiliate-referral-card h2,
.affiliate-activity-card .affiliate-card-head h2,
.affiliate-history-card .affiliate-card-head h2{
  margin-top:0!important;
  color:var(--ink)!important;
  font-family:var(--display)!important;
  font-size:var(--ws-card-title-size)!important;
  font-weight:var(--ws-card-title-weight)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}

/* Primary Workspace card padding */
main:not([data-page="stats"]) .panel{
  padding:var(--ws-primary-card-pad)!important;
}
.overview-performance-grid>.panel,
.top-ea-ranking-card,
.statistics-performance>.panel,
.affiliate-referral-card,
.affiliate-activity-card{
  padding:var(--ws-primary-card-pad)!important;
}
.statistics-table-card{
  padding:var(--ws-primary-card-pad) var(--ws-primary-card-pad) 4px!important;
}
.affiliate-history-card{
  padding:var(--ws-primary-card-pad) var(--ws-primary-card-pad) 8px!important;
}

/* Consistent title-to-content rhythm on primary cards */
main:not([data-page="stats"]) .panel>.section-heading,
.overview-performance-grid>.panel .section-heading,
.statistics-performance .section-heading,
.affiliate-activity-card .affiliate-card-head,
.affiliate-history-card .affiliate-card-head{
  margin-bottom:var(--ws-card-title-gap)!important;
}
.affiliate-referral-card h2{
  margin-bottom:var(--ws-card-title-gap)!important;
}
.top-ea-ranking-head{
  margin-bottom:var(--ws-card-title-gap)!important;
}

@media(max-width:800px){
  :root{
    --ws-page-title-size:20px;
    --ws-card-title-size:18px;
    --ws-primary-card-pad:18px;
    --ws-compact-card-pad:16px;
    --ws-card-title-gap:14px;
  }
}

/* Canonical Workspace card subtitles — Settings > Account identity.
   Only the descriptive line immediately below a card heading is normalized;
   page titles, table metadata, labels, and ordinary paragraphs are untouched. */
main[data-page="settings"] .hs-settings-page .hs-head h2 + p,
main[data-page="settings"] .hs-settings-page .hs-billing-section-head h3 + p,
main[data-page="help"] .hs-help-page .hs-head h2 + p,
main[data-page="overview"] .overview-performance-card .overview-performance-heading h2 + p,
main[data-page="overview"] .top-ea-ranking-head h2 + p,
main[data-page="membership"] .member-network-heading-copy h2 + p,
main[data-page="membership"] .member-products-heading h2 + p,
main[data-page="cloud"] .ch-section-head h2 + p,
main[data-page="statistics"] .statistics-section-heading h2 + small,
main[data-page="affiliate"] .affiliate-payout-history-head h2 + p,
main[data-page="affiliate"] .ac-card .ac-heading > span,
main[data-page="notifications"] .telegram-notification-main h2 + p{
  display:block;
  margin:var(--ws-card-desc-gap) 0 0;
  padding:0;
  color:var(--ws-card-desc-color);
  font-family:var(--sans);
  font-size:var(--ws-card-desc-size);
  font-weight:400;
  line-height:var(--ws-card-desc-line-height);
  letter-spacing:normal;
}
/* Campaign Link previously placed its description as a right-hand badge.
   It now follows the same heading/description hierarchy as other cards. */
main[data-page="affiliate"] .ac-card .ac-heading{
  flex-direction:column;
  align-items:flex-start;
  gap:0;
}

/* Affiliate overview order + spacing — match Overview page */
.affiliate-overview{
  display:flex;
  flex-direction:column;
  gap:0;
}
.affiliate-referral-card{
  order:1;
  margin:0 0 20px!important;
}
.affiliate-summary-overview{
  order:2;
  margin:0 0 20px!important;
}
.affiliate-insights{
  order:3;
  margin:0 0 20px!important;
}
.affiliate-history-card{
  order:4;
}

/* Referral Activity — approved mockup geometry */
.affiliate-activity-card{
  min-height:376px;
  padding:18px 20px 20px!important;
}
.affiliate-activity-card .affiliate-card-head{
  margin-bottom:22px!important;
  padding:0!important;
}
.affiliate-chart-wrap{
  width:100%;
  min-width:0;
  margin:0!important;
}
.affiliate-chart{
  display:block;
  width:100%!important;
  height:278px!important;
}
.affiliate-x-label{
  fill:#818a9c;
  font:400 11.5px var(--sans);
}

/* Commission History — same table language as My Statistics */
.affiliate-history-card.statistics-table-card{
  padding:var(--ws-primary-card-pad) var(--ws-primary-card-pad) 8px!important;
  overflow:hidden;
}
.affiliate-history-card .statistics-section-heading{
  align-items:flex-end;
  margin-bottom:14px!important;
}
.affiliate-history-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.affiliate-history-scroll::-webkit-scrollbar{
  display:none;
}
.affiliate-history-card .affiliate-history-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  table-layout:auto;
  font-size:12.5px;
}
.affiliate-history-card .affiliate-history-table th{
  padding:11px 10px!important;
  background:#f8f8fa!important;
  border-bottom:0!important;
  color:#667085!important;
  font:600 12.5px/1.2 var(--sans)!important;
  text-align:left!important;
  white-space:nowrap;
}
.affiliate-history-card .affiliate-history-table th:first-child{
  border-radius:7px 0 0 7px;
}
.affiliate-history-card .affiliate-history-table th:last-child{
  border-radius:0 7px 7px 0;
}
.affiliate-history-card .affiliate-history-table td{
  padding:16px 10px!important;
  border-bottom:1px solid #f0f1f3!important;
  color:#3f485b!important;
  font:400 12.5px/1.45 var(--sans)!important;
  vertical-align:middle;
}
.affiliate-history-card .affiliate-history-table td.mono{
  font:400 12.5px/1.45 var(--mono)!important;
}
.affiliate-history-card .affiliate-history-table tbody tr:last-child td{
  border-bottom:0!important;
}
.affiliate-history-card .affiliate-history-table th:nth-child(5),
.affiliate-history-card .affiliate-history-table td:nth-child(5){
  text-align:center!important;
}
.affiliate-history-card .affiliate-history-table td:nth-child(5) .affiliate-status-pill{
  margin-inline:auto;
}
.affiliate-history-card .affiliate-history-table td:nth-child(2){
  text-transform:uppercase;
}
.affiliate-history-foot{
  min-height:40px!important;
  padding-top:2px;
  color:#8791a3;
  font:400 12.5px/1.4 var(--sans);
}

@media(max-width:800px){
  .affiliate-referral-card,
  .affiliate-activity-card{
    padding:var(--ws-primary-card-pad)!important;
  }
  .affiliate-activity-card{
    min-height:0;
    padding:18px!important;
  }
  .affiliate-chart{
    height:auto!important;
    aspect-ratio:976 / 278;
  }
  .affiliate-history-card.statistics-table-card{
    padding:var(--ws-primary-card-pad) var(--ws-primary-card-pad) 4px!important;
  }
}

/* Referral Activity rebuilt from scratch — isolated component */
.pt-aff-activity{
  order:3;
  box-sizing:border-box;
  width:100%;
  margin:0 0 20px;
  padding:18px 20px 14px;
  background:#fff;
  border:0;
  border-radius:10px;
  box-shadow:var(--card-shadow);
  overflow:hidden;
}
.pt-aff-activity__head{
  height:auto;
  min-height:40px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin:0 0 12px;
  padding:0;
}
.affiliate-referral-card h2,
.pt-aff-activity__head h2,
.affiliate-history-card .affiliate-card-head h2{
  color:var(--ink)!important;
  font-family:var(--display)!important;
  font-size:var(--ws-card-title-size)!important;
  font-weight:var(--ws-card-title-weight)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.pt-aff-activity__head h2{
  margin:0;
}
.pt-aff-activity__heading{min-width:0}
.pt-aff-activity__heading p{
  margin:4px 0 0;
  color:#8a93a4;
  font:400 12.5px/1.4 var(--sans);
}
.pt-aff-activity__legend{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  min-width:0;
  color:#6f7890;
  font:400 12.5px/1 var(--sans);
  white-space:nowrap;
}
.pt-aff-activity__legend span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.pt-aff-activity__dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
}
.pt-aff-activity__dot--clicks{
  background:#684aff;
}
.pt-aff-activity__dot--conversion{
  background:#189c6b;
}
.pt-aff-activity__chart{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:976 / 430;
  overflow:visible;
}
.pt-aff-activity__grid{
  stroke:#e7e9ef;
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.pt-aff-activity__grid--vertical{
  stroke:#f0f1f4;
}
.pt-aff-activity__axis{
  fill:#75809a;
  font:400 12px/1 var(--sans);
  font-variant-numeric:tabular-nums;
}
.pt-aff-activity__x{
  fill:#636a7b;
  font:400 11.5px/1 var(--mono);
}
.pt-aff-activity__fill{
  fill:#f3f0ff;
}
.pt-aff-activity__line{
  fill:none;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.pt-aff-activity__line--clicks{
  stroke:#684aff;
}
.pt-aff-activity__line--conversion{
  stroke:#189c6b;
}
.pt-aff-activity__point{
  fill:#fff;
  stroke-width:1.7;
  vector-effect:non-scaling-stroke;
}
.pt-aff-activity__point--clicks{
  stroke:#684aff;
}
.pt-aff-activity__point--conversion{
  stroke:#189c6b;
}

@media(max-width:800px){
  .pt-aff-activity{
    padding:18px;
  }
  .pt-aff-activity__head{
    height:auto;
    min-height:40px;
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    margin-bottom:12px;
  }
  .pt-aff-activity__legend{
    gap:12px;
    font-size:12px;
  }
}

@media(max-width:500px){
  .pt-aff-activity__head{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .pt-aff-activity__legend{
    width:100%;
    justify-content:flex-start;
  }
}

/* Affiliate unified page — overview + payouts */
.affiliate-dashboard-unified .affiliate-overview{
  display:block!important;
}
.affiliate-dashboard-unified .affiliate-summary-overview{
  margin:0 0 16px!important;
}
.affiliate-unified-top{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);
  align-items:stretch;
  gap:16px;
  margin:0 0 16px;
}
.affiliate-unified-top>.pt-aff-activity{
  order:0!important;
  grid-column:1;
  height:auto;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  margin:0!important;
  padding:20px 14px 8px;
}
.affiliate-unified-top>.pt-aff-activity .pt-aff-activity__head{
  flex:0 0 auto;
  padding:0 6px;
}
.affiliate-unified-top>.pt-aff-activity .pt-aff-activity__chart{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  aspect-ratio:auto;
  width:100%;
  margin:0;
}
.affiliate-unified-top>.affiliate-unified-side{
  order:0!important;
  grid-column:2;
}
.pt-aff-activity__controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-left:auto;
  min-width:0;
}
.pt-aff-activity__controls .affiliate-page-period{
  flex:0 0 auto;
  width:max-content!important;
  height:32px!important;
  padding:0 8px!important;
  gap:5px!important;
  border-radius:8px!important;
}
.pt-aff-activity__controls .affiliate-page-period>.ico{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
}
.pt-aff-activity__controls .affiliate-page-period select{
  width:auto!important;
  min-width:0!important;
  height:32px!important;
  padding:0 22px 0 0!important;
  font:400 12.5px var(--sans)!important;
  background-position:
    calc(100% - 8px) 14px,
    calc(100% - 4px) 14px!important;
  background-size:4px 4px,4px 4px!important;
  cursor:pointer;
}
.affiliate-unified-side{
  min-width:0;
  display:grid;
  grid-template-rows:auto;
  gap:16px;
}
.affiliate-unified-side>.affiliate-referral-card,
.affiliate-unified-side>.affiliate-unified-payout-method{
  box-sizing:border-box;
  height:100%;
  min-height:0;
  margin:0!important;
  padding:20px!important;
}
.affiliate-unified-side>.affiliate-referral-card{
  order:0!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.affiliate-unified-side>.affiliate-unified-payout-method{
  order:1!important;
  align-items:flex-start;
}
.affiliate-unified-side>.affiliate-referral-card h2,
.affiliate-unified-side>.affiliate-unified-payout-method h2,
.affiliate-unified-payout-history h2{
  margin:0!important;
  color:var(--ink)!important;
  font-family:var(--display)!important;
  font-size:var(--ws-card-title-size)!important;
  font-weight:var(--ws-card-title-weight)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.affiliate-unified-side>.affiliate-referral-card h2{
  margin-bottom:12px!important;
}
.affiliate-unified-payout-method .affiliate-payout-method-row{
  margin-top:16px;
}
.affiliate-unified-payout-method .affiliate-payout-method-actions{
  margin-left:auto;
}
.affiliate-unified-history{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:16px;
}
.affiliate-unified-history>.affiliate-history-card{
  order:0!important;
}
.affiliate-unified-history>.affiliate-unified-payout-history{
  order:1!important;
}
.affiliate-unified-history>.affiliate-history-card,
.affiliate-unified-history>.affiliate-unified-payout-history{
  box-sizing:border-box;
  min-width:0;
  height:100%;
  margin:0!important;
  padding:20px 20px 8px!important;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.affiliate-unified-history .affiliate-card-head,
.affiliate-unified-history .affiliate-payout-history-head{
  min-height:40px;
  margin:0 0 14px!important;
  align-items:center;
}
.affiliate-unified-history .affiliate-payout-history-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
/* Commission History uses the same heading and standalone empty-state hierarchy as Hosted Accounts. */
.affiliate-unified-history .affiliate-history-card .statistics-section-heading p{
  max-width:580px;margin:5px 0 0;color:#8791a3;font:400 12.5px/1.5 var(--sans);
}
.affiliate-unified-history .affiliate-history-card>.affiliate-commission-empty.ptp-empty--medium{
  width:100%;
}
.affiliate-unified-history .affiliate-history-scroll,
.affiliate-unified-history .affiliate-payout-table-wrap{
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}
.affiliate-unified-history .affiliate-history-table,
.affiliate-unified-history .affiliate-unified-payout-table{
  width:100%;
  min-width:620px!important;
  table-layout:fixed;
  font-size:12.5px;
}
.affiliate-unified-history .affiliate-unified-payout-table{min-width:660px!important}
.affiliate-unified-history .affiliate-history-table th,
.affiliate-unified-history .affiliate-history-table td{
  padding-left:10px!important;
  padding-right:10px!important;
}
.affiliate-unified-history .affiliate-history-table th:nth-child(1){width:19%}
.affiliate-unified-history .affiliate-history-table th:nth-child(2){width:28%}
.affiliate-unified-history .affiliate-history-table th:nth-child(3){width:17%}
.affiliate-unified-history .affiliate-history-table th:nth-child(4){width:17%}
.affiliate-unified-history .affiliate-history-table th:nth-child(5){width:19%}
.affiliate-unified-history .affiliate-history-table th:nth-child(3),
.affiliate-unified-history .affiliate-history-table th:nth-child(4),
.affiliate-unified-history .affiliate-history-table td:nth-child(3),
.affiliate-unified-history .affiliate-history-table td:nth-child(4){
  text-align:right!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.affiliate-unified-history .affiliate-history-table td:nth-child(2){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.affiliate-unified-history .affiliate-unified-payout-table th{
  padding:11px 10px!important;
  background:#f8f8fa!important;
  border-bottom:0!important;
  color:#667085!important;
  font:600 12.5px/1.2 var(--sans)!important;
  text-align:left!important;
  white-space:nowrap;
}
.affiliate-unified-history .affiliate-unified-payout-table th:first-child{
  border-radius:7px 0 0 7px;
}
.affiliate-unified-history .affiliate-unified-payout-table th:last-child{
  border-radius:0 7px 7px 0;
}
.affiliate-unified-history .affiliate-unified-payout-table td{
  padding:16px 10px!important;
  border-bottom:1px solid #f0f1f3!important;
  color:#3f485b!important;
  font:400 12.5px/1.45 var(--sans)!important;
  vertical-align:middle;
}
.affiliate-unified-history .affiliate-unified-payout-table td.mono{
  font:400 12.5px/1.45 var(--mono)!important;
}
.affiliate-unified-history .affiliate-unified-payout-table tbody tr:last-child td{
  border-bottom:0!important;
}
.affiliate-unified-history .affiliate-unified-payout-table td:last-child{
  text-align:center!important;
}
.affiliate-unified-history .affiliate-unified-payout-table td:last-child button{
  width:26px;
  height:26px;
  border-radius:7px;
}
.affiliate-unified-history .affiliate-unified-payout-table td.affiliate-history-action .ico{
  width:15px;
  height:15px;
}
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(1){width:26%}
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(2){width:27%}
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(3){width:18%}
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(4){width:18%}
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(5){width:11%}
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(3),
.affiliate-unified-history .affiliate-unified-payout-table td:nth-child(3){
  text-align:right!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(4),
.affiliate-unified-history .affiliate-unified-payout-table td:nth-child(4),
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(5){
  text-align:center!important;
}
.affiliate-unified-history .affiliate-unified-payout-table td:first-child{
  white-space:nowrap;
}
/* Affiliate Details matches the document icon control in Settings > Billing. */
.affiliate-unified-history .affiliate-unified-payout-table th:nth-child(5),
.affiliate-unified-history .affiliate-unified-payout-table td:nth-child(5){
  text-align:center!important;
}
.affiliate-unified-history .affiliate-history-action .affiliate-table-action{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px!important;height:30px!important;min-width:30px;min-height:30px;
  padding:0!important;margin:0 auto;border:0!important;border-radius:8px;
  background:#f5f4f8!important;color:#6d7484!important;box-shadow:none!important;
  cursor:pointer;transition:background .15s ease,color .15s ease;
}
.affiliate-unified-history .affiliate-history-action .affiliate-table-action .ico{
  width:15px;height:15px;stroke-width:1.7;
}
.affiliate-unified-history .affiliate-history-action .affiliate-table-action:hover,
.affiliate-unified-history .affiliate-history-action .affiliate-table-action:focus-visible{
  background:#eeebf8!important;color:var(--accent)!important;
}
.affiliate-unified-history .affiliate-history-table td.affiliate-history-empty,
.affiliate-unified-history .affiliate-unified-payout-table td.affiliate-history-empty{
  width:auto!important;
  text-align:center!important;
  white-space:normal!important;
}
@media(max-width:800px){
  /* Keep real table semantics: the global .table mobile-card rules have no data-labels here. */
  .affiliate-unified-history .affiliate-history-table{display:table}
  .affiliate-unified-history .affiliate-history-table thead{display:table-header-group}
  .affiliate-unified-history .affiliate-history-table tbody{display:table-row-group}
  .affiliate-unified-history .affiliate-history-table tr{display:table-row;border:0;padding:0}
  .affiliate-unified-history .affiliate-history-table td{display:table-cell;justify-content:normal;gap:normal;text-align:left}
  .affiliate-unified-history .affiliate-history-table td::before{content:none!important;display:none!important}
  .affiliate-unified-history .affiliate-history-scroll,
  .affiliate-unified-history .affiliate-payout-table-wrap{scrollbar-width:thin;scrollbar-color:#d7d5e2 transparent}
  .affiliate-unified-history .affiliate-history-scroll::-webkit-scrollbar,
  .affiliate-unified-history .affiliate-payout-table-wrap::-webkit-scrollbar{display:block;height:5px}
  .affiliate-unified-history .affiliate-history-scroll::-webkit-scrollbar-thumb,
  .affiliate-unified-history .affiliate-payout-table-wrap::-webkit-scrollbar-thumb{background:#d7d5e2;border-radius:5px}
}
.affiliate-unified-history .affiliate-history-foot,
.affiliate-unified-history .affiliate-payout-footer{
  min-height:48px!important;
  margin-top:auto;
  padding-top:10px;
  border-top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#7d8798;
  font:400 12px/1.3 var(--sans);
}
.affiliate-pagination{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.affiliate-pagination span{
  color:#697388;
  font:500 11.5px/1 var(--sans);
  white-space:nowrap;
}
.affiliate-pagination button{
  height:32px;
  padding:0 9px;
  border:1px solid #e2e5ec;
  border-radius:7px;
  background:#fff;
  color:#667085;
  font:500 11.5px/1 var(--sans);
  cursor:pointer;
}
.affiliate-pagination button:hover:not(:disabled){
  border-color:#d8d2f1;
  background:#faf9fd;
  color:var(--accent);
}
.affiliate-pagination button:disabled{
  opacity:.45;
  cursor:default;
}
@media(max-width:1100px){
  .affiliate-unified-top{
    grid-template-columns:1fr;
  }
  .affiliate-unified-side{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .affiliate-unified-history{
    grid-template-columns:1fr;
  }
}
@media(max-width:800px){
  .affiliate-unified-side{
    grid-template-columns:1fr;
  }
  .pt-aff-activity__controls{
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  .affiliate-unified-top>.pt-aff-activity{
    padding:18px;
  }
  .affiliate-unified-top>.pt-aff-activity .pt-aff-activity__chart{
    width:100%;
    margin:0;
  }
  .affiliate-unified-history>.affiliate-history-card,
  .affiliate-unified-history>.affiliate-unified-payout-history{
    padding:18px 16px 8px!important;
  }
}
@media(max-width:560px){
  .affiliate-unified-history .affiliate-history-foot,
  .affiliate-unified-history .affiliate-payout-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Affiliate payout method + request refinement */
.affiliate-unified-payout-method{display:block!important}
.affiliate-unified-payout-method .affiliate-payout-method-body{width:100%;min-width:0}
.affiliate-unified-payout-method .affiliate-payout-method-row{display:flex;align-items:center;gap:10px;margin-top:16px}
.affiliate-unified-payout-method .affiliate-paypal-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.affiliate-unified-payout-method .affiliate-paypal-brand .network-payment-logo{height:22px;max-width:78px;width:auto}
.affiliate-unified-payout-method .affiliate-paypal-brand .network-payment-wordmark{font-size:18px}
.affiliate-unified-payout-method .affiliate-payout-method-row>i{height:22px;flex:0 0 1px}
.affiliate-unified-payout-method .affiliate-payout-method-row>strong{min-width:0;font-size:13.5px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.affiliate-unified-payout-method .affiliate-saved-pill{height:25px;gap:0;padding:0 10px;flex:0 0 auto}
.affiliate-saved-pill i{display:none!important}
.affiliate-unified-payout-method .affiliate-payout-method-actions{display:flex;align-items:center;margin-left:auto!important;flex:0 0 auto}
.affiliate-unified-payout-method .affiliate-payout-method-actions button{height:36px;padding:0 13px}
/* Withdraw lives beside Manage, using the same compact control language. */
.affiliate-unified-payout-method .affiliate-payout-method-actions{flex-direction:row;justify-content:flex-end;gap:8px}
.affiliate-unified-payout-method .affiliate-payout-method-actions .affiliate-withdraw-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;min-width:36px;width:36px!important;height:36px;padding:0!important;border-radius:8px!important;cursor:pointer}
.affiliate-unified-payout-method .affiliate-withdraw-icon-button .ico{width:18px;height:18px;stroke-width:1.7}
.affiliate-unified-payout-method .affiliate-payout-method-actions .affiliate-withdraw-icon-button:hover:not(:disabled){background:#f5f2fc!important}
.affiliate-unified-payout-method .affiliate-payout-method-actions .affiliate-withdraw-icon-button:focus-visible{outline:2px solid #ab9de8!important;outline-offset:2px!important}
.affiliate-unified-payout-method .affiliate-payout-method-actions .affiliate-withdraw-icon-button:disabled{background:#f4f5f7!important;border-color:#e6e8ed!important;color:#9ca5b6!important;cursor:default;opacity:1}
.affiliate-payout-method-current--refined{padding:0;background:transparent;border-radius:0;gap:10px}
.affiliate-modal-paypal-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.affiliate-modal-paypal-brand .network-payment-logo{height:22px;max-width:80px;width:auto}
.affiliate-payout-method-current--refined>div{display:flex;flex:1;flex-direction:row;align-items:center;gap:9px;min-width:0}
.affiliate-payout-method-current--refined>div>strong{font:600 13.5px var(--sans)}
.affiliate-payout-email-label{display:grid;gap:7px;margin-top:18px}
.affiliate-payout-email-label>span{color:#707b90;font:500 12.5px/1.3 var(--sans)}
.affiliate-payout-email-readonly{width:100%;height:44px;box-sizing:border-box;padding:0 13px;border:0!important;outline:0!important;border-radius:8px;background:#f6f6f8;color:#4b556a;font:400 13.5px var(--sans);box-shadow:none!important}
.affiliate-payout-email-readonly:focus,.affiliate-payout-email-readonly:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;background:#f6f6f8}
.affiliate-payout-email-readonly::placeholder{color:#9aa3b3}
.affiliate-payout-method-modal-body>p{margin:12px 0 16px}
.affiliate-contact-support{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:0!important;outline:0!important;border-radius:8px;background:#f5f4f8;color:var(--accent);font:500 12.5px var(--sans);box-shadow:none!important}
.affiliate-contact-support:hover{background:#eeebf8}
/* One-time PayPal setup: maintain the existing modal layout and button hierarchy. */
.affiliate-payout-email-editable{width:100%;height:44px;box-sizing:border-box;padding:0 13px;border:1px solid #dfe3ec;border-radius:8px;background:#fff;color:var(--ink);font:400 13.5px var(--sans);outline:0}
.affiliate-payout-email-editable::placeholder{color:#8993a5}
.affiliate-payout-email-editable:focus-visible{border-color:var(--accent);outline:2px solid #9e90ef;outline-offset:2px}
.affiliate-payout-method-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.affiliate-payout-save{height:38px;min-width:96px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:500 13px var(--display);cursor:pointer}
.affiliate-payout-save:hover{filter:brightness(.96)}
.affiliate-payout-save.is-saving{gap:9px;min-width:116px;cursor:wait;opacity:.88}
.affiliate-payout-save.is-saving::before{content:"";width:13px;height:13px;flex:0 0 13px;border:2px solid rgba(255,255,255,.36);border-top-color:#fff;border-radius:50%;animation:affiliate-payout-saving-spin .7s linear infinite}
@keyframes affiliate-payout-saving-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.affiliate-payout-save.is-saving::before{animation:none;border-color:rgba(255,255,255,.7)}}
.affiliate-payout-save:disabled{cursor:wait;opacity:.88}
.affiliate-payout-email-editable[aria-invalid="true"]{border-color:#b34852!important;background:#fffafa}
.affiliate-payout-email-editable[aria-invalid="true"]:focus-visible{outline-color:#b34852}
.affiliate-payout-email-error{display:block;margin:7px 0 0;color:#a63740;font:400 12.5px/1.45 var(--sans)}
.affiliate-payout-email-error[hidden]{display:none!important}
.affiliate-payout-save:focus-visible,.affiliate-payout-method-footer .affiliate-contact-support:focus-visible{outline:2px solid #9e90ef!important;outline-offset:3px!important}
@media(max-width:360px){.affiliate-payout-method-footer{gap:8px}.affiliate-payout-method-footer>.affiliate-contact-support{padding:0 10px}.affiliate-payout-save{min-width:82px;padding:0 12px}}

.affiliate-payout-modal-actions.single{grid-template-columns:1fr}
.affiliate-payout-success{padding:0 2px 2px;text-align:left}
.affiliate-payout-success>p{max-width:none;margin:0 0 16px;color:#707b90;font:400 13px/1.55 var(--sans)}
.affiliate-payout-success-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 16px;padding:14px;border-radius:9px;background:#f7f7fa;text-align:left}
.affiliate-payout-success-summary span{color:#7b8598;font:400 12.5px var(--sans)}
.affiliate-payout-success-summary strong{color:#3f485b;font:500 13px var(--sans);text-align:right}
.affiliate-payout-success-done{width:100%;height:40px;margin-top:16px;border:0!important;outline:0!important;border-radius:9px;background:var(--accent);color:#fff;font:500 13px var(--display);box-shadow:none!important}
/* Affiliate modal standard: consistent borderless surface and blurred backdrop. */
dialog.affiliate-terms-modal,dialog.affiliate-terms-modal[open]:focus{border:0!important;outline:0!important;box-shadow:0 24px 70px rgba(28,32,44,.16)!important}
dialog.affiliate-terms-modal::backdrop{background:rgba(32,36,49,.14)!important;backdrop-filter:blur(9px) saturate(96%)!important;-webkit-backdrop-filter:blur(9px) saturate(96%)!important}
@media(max-width:520px){.affiliate-unified-payout-method .affiliate-payout-method-row{flex-wrap:wrap}.affiliate-unified-payout-method .affiliate-payout-method-actions{margin-left:0!important;width:100%;justify-content:flex-end}.affiliate-unified-payout-method .affiliate-payout-method-actions button{width:auto}}

/* Notifications — refined from mockup using the Pips Trader workspace system. */
.notifications-page{display:grid;gap:16px;margin-top:4px}
.notification-center-card,.telegram-notification-card{background:var(--surface);border:0;border-radius:10px;box-shadow:var(--card-shadow)}
.notification-center-card{padding:20px 20px 14px}
.notification-center-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.notification-center-head>div{display:flex;align-items:center;gap:10px;min-width:0}.notification-center-head-actions{justify-content:flex-end;gap:14px!important}
.notification-center-head h2,.telegram-notification-main h2{margin:0;color:var(--ink);font:500 18px/1.2 var(--display);letter-spacing:-.02em}
.notification-unread-count{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:7px;background:#f1effb;color:var(--accent);font:500 11.5px/1 var(--display);white-space:nowrap}
.notification-mark-all{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0;border:0;outline:0;background:transparent;color:var(--accent);font:500 12.5px/1 var(--display);box-shadow:none}
.notification-mark-all .ico{width:16px;height:16px;stroke-width:1.8}
.notification-mark-all:hover{color:#4f37bf}
.notification-mark-all:focus,.notification-mark-all:focus-visible{outline:0;box-shadow:none}.notification-delete-all{min-height:34px;padding:0;border:0;outline:0;background:transparent;color:#7b8598;font:500 12.5px/1 var(--display);box-shadow:none}.notification-delete-all:hover{color:#b34f5c}.notification-delete-all:focus,.notification-delete-all:focus-visible{outline:0;box-shadow:none}
.notification-center-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-bottom:12px}
.notification-category-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.notification-category-tabs button,.notification-view-toggle button{height:34px;border:0;outline:0;border-radius:7px;background:transparent;color:#6f7890;font:500 12.5px/1 var(--sans);box-shadow:none}
.notification-category-tabs button{padding:0 12px}
.notification-category-tabs button:hover,.notification-view-toggle button:hover{background:#f4f4f6;color:#4f596c}
.notification-category-tabs button.selected{background:#f1effb;color:var(--accent)}
.notification-view-toggle{display:flex;align-items:center;gap:3px;padding:3px;border-radius:8px;background:#f4f4f6}
.notification-view-toggle button{min-width:62px;padding:0 12px}
.notification-view-toggle button.selected{background:#fff;color:var(--accent);box-shadow:0 1px 2px rgba(32,36,49,.05)}
.notification-category-tabs button:focus,.notification-category-tabs button:focus-visible,.notification-view-toggle button:focus,.notification-view-toggle button:focus-visible{outline:0;box-shadow:none}
.notification-center-group{margin-top:14px}
.notification-center-group-label{margin:0 0 8px;color:#7f899b;font:600 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.notification-center-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:6px;min-height:64px;margin:2px 0;padding:0 4px 0 0;border:0;border-radius:9px;background:#fff}.notification-center-row.unread,.notification-center-row:hover,.notification-center-row.unread:hover{background:#fff}.notification-center-main{width:100%;min-width:0;min-height:64px;display:grid;grid-template-columns:40px 6px minmax(0,1fr) 82px;align-items:center;gap:12px;padding:8px 6px 8px 10px;border:0;outline:0;border-radius:8px;background:transparent;text-align:left;box-shadow:none;cursor:pointer}.notification-center-main:hover{background:transparent}.notification-center-main:focus{outline:0;box-shadow:none}.notification-center-main:focus-visible{outline:2px solid #9e90ef;outline-offset:-2px;box-shadow:none}
.notification-center-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}
.notification-center-icon .ico{width:19px;height:19px;stroke-width:1.7}
.notification-center-icon.offline{background:#fff0f2;color:#eb5060}
.notification-center-icon.online,.notification-center-icon.success{background:#eef9f4;color:#1f9b72}
.notification-center-icon.membership,.notification-center-icon.support{background:#f1edff;color:#6248d8}
.notification-center-icon.warning{background:#fff5e6;color:#d99016}
.notification-center-icon.trade{background:#eef4fb;color:#547ba8}
.notification-center-icon.system{background:#f2f3f5;color:#6f7890}
.notification-center-dot{width:6px;height:6px;border-radius:50%;background:transparent}
.notification-center-row.unread .notification-center-dot{background:var(--accent)}
.notification-center-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.notification-center-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f374a;font:500 13.5px/1.3 var(--display);letter-spacing:-.01em}
.notification-center-row.unread .notification-center-copy strong{font-weight:500}
.notification-center-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#788296;font:400 12px/1.35 var(--sans)}
.notification-center-meta{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.notification-center-meta strong{color:#667085;font:500 11.5px/1.25 var(--sans)}
.notification-center-meta small{color:#8992a4;font:400 11.5px/1.25 var(--sans)}
.notification-row-menu-wrap{position:relative;display:flex;align-items:center;justify-content:center}.notification-row-more{width:30px;height:34px;padding:0;border:0;outline:0;border-radius:7px;background:transparent;color:#788296;font:600 14px/1 var(--sans);letter-spacing:.08em;box-shadow:none}.notification-row-more:hover{background:#ececef;color:#4f596c}.notification-row-more:focus,.notification-row-more:focus-visible{outline:0;box-shadow:none}.notification-row-menu{position:absolute;z-index:12;top:calc(100% + 4px);right:0;display:none;min-width:154px;padding:5px;border:0;border-radius:9px;background:#fff;box-shadow:0 14px 34px rgba(32,36,49,.12),0 2px 7px rgba(32,36,49,.05)}.notification-row-menu.open{display:block}.notification-row-menu button{width:100%;height:34px;padding:0 10px;border:0;outline:0;border-radius:7px;background:transparent;color:#a64b58;font:500 12px/1 var(--sans);text-align:left;box-shadow:none}.notification-row-menu button:hover{background:#f7f2f3;color:#963f4c}.notification-row-menu button:focus,.notification-row-menu button:focus-visible{outline:0;box-shadow:none}
.notification-center-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:#7d8798;font:400 13px var(--sans)}
.notification-center-footer{margin-top:14px;padding-top:12px;color:#7d8798;font:400 12px/1.3 var(--sans)}
.telegram-notification-card{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px 18px 30px}
.telegram-notification-main{display:flex;align-items:center;gap:14px;min-width:0}
.telegram-notification-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;border-radius:9px;background:#e9f7fc;color:#149bd7}
.telegram-notification-icon .ico{width:19px;height:19px;stroke-width:1.7}
.telegram-notification-main p{margin:4px 0 0;color:#7b8598;font:400 12.5px/1.4 var(--sans)}
.telegram-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}
.telegram-status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:7px;background:#f1f2f4;color:#7a8496;font:500 11.5px/1 var(--sans);white-space:nowrap}
.telegram-status.connected{background:#eaf7f1;color:#24785b}
.telegram-connect-button{height:38px;padding:0 16px;border:0;outline:0;border-radius:8px;background:var(--accent);color:#fff;font:500 13px/1 var(--display);letter-spacing:-.01em;box-shadow:none}
.telegram-connect-button:hover{background:#5c47d1}
.telegram-connect-button:focus,.telegram-connect-button:focus-visible{outline:0;box-shadow:none}
.telegram-manage-preferences{height:38px;padding:0 14px;border:0;outline:0;border-radius:8px;background:#f2f2f5;color:#596376;font:500 12.5px/1 var(--sans);letter-spacing:0;box-shadow:none}.telegram-manage-preferences:hover{background:#eaeaee;color:#3f485b}.telegram-manage-preferences:focus,.telegram-manage-preferences:focus-visible{outline:0;box-shadow:none}

/* Telegram connection flow — same modal language as the rest of Pips Trader. */
.telegram-connect-modal,.telegram-preferences-modal{width:min(500px,calc(100vw - 32px));max-width:500px;max-height:min(90dvh,760px);padding:22px 22px 20px;border:0!important;outline:0!important;border-radius:14px;background:#fff;box-shadow:0 18px 54px rgba(32,36,49,.12)!important;overflow:auto}
.telegram-connect-modal[open],.telegram-preferences-modal[open],.telegram-connect-modal[open]:focus,.telegram-connect-modal[open]:focus-visible,.telegram-preferences-modal[open]:focus,.telegram-preferences-modal[open]:focus-visible{border:0!important;outline:0!important;box-shadow:0 24px 70px rgba(28,32,44,.16)!important;-webkit-box-shadow:0 24px 70px rgba(28,32,44,.16)!important}
.telegram-connect-modal::backdrop,.telegram-preferences-modal::backdrop{background:rgba(30,34,47,.22)!important;backdrop-filter:blur(10px) saturate(94%)!important;-webkit-backdrop-filter:blur(10px) saturate(94%)!important}
.telegram-connect-modal .modal-head,.telegram-preferences-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 2px}
.telegram-connect-modal .modal-head h2,.telegram-preferences-modal .modal-head h2{flex:1;min-width:0;margin:0;color:var(--ink);font:500 21px/1.2 var(--display);letter-spacing:-.025em}

.telegram-connect-modal .modal-head .icon-button,.telegram-preferences-modal .modal-head .icon-button{width:32px;height:32px;flex:0 0 32px;border:0!important;outline:0!important;border-radius:8px;background:transparent;color:#717b8f;box-shadow:none!important}
.telegram-connect-modal .modal-head .icon-button:hover,.telegram-preferences-modal .modal-head .icon-button:hover{background:#f3f3f5;color:#4f596c}
.telegram-connect-modal .modal-head .icon-button:focus,.telegram-connect-modal .modal-head .icon-button:focus-visible,.telegram-preferences-modal .modal-head .icon-button:focus,.telegram-preferences-modal .modal-head .icon-button:focus-visible{outline:0!important;box-shadow:none!important}
.telegram-modal-subtitle{margin-top:9px!important;margin-bottom:18px!important}
.telegram-connect-steps{display:grid;gap:12px;margin-top:0;padding-top:1px}
.telegram-connect-step{min-height:36px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:11px;color:#4f596c;font:400 12.5px/1.45 var(--sans)}
.telegram-connect-step>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f1effb;color:var(--accent);font:600 11.5px/1 var(--display)}
.telegram-connect-step>div{display:flex;flex-direction:column;gap:2px}.telegram-connect-step strong{color:#41495b;font:500 12.5px/1.4 var(--sans)}.telegram-connect-step small{color:#8791a3;font:400 11.5px/1.4 var(--sans)}
.telegram-connect-step a{width:max-content;color:var(--accent);font:500 12px/1.35 var(--sans);text-decoration:none}
.telegram-connect-step a:hover{text-decoration:underline}
.telegram-chat-field{display:block;margin-top:22px}
.telegram-chat-field>span:not(.telegram-chat-input-wrap),.telegram-check-title{display:block;margin:0;color:#41495b;font:600 12.5px/1.3 var(--sans);letter-spacing:0}
.telegram-chat-input-wrap{position:relative;display:block;margin-top:8px}
.telegram-chat-field input{width:100%;height:42px;margin:0;padding:0 42px 0 13px;border:0;outline:0;border-radius:8px;background:#f6f6f8;color:#343d50;font:400 13px var(--sans);box-shadow:none}
.telegram-chat-field input:hover{background:#f6f6f8}
.telegram-chat-field input:focus,.telegram-chat-field input:focus-visible{outline:3px solid #9e90ef;outline-offset:3px;background:#f6f6f8;box-shadow:none}
.telegram-chat-field input::placeholder{color:#9aa3b3}
.telegram-chat-saved-check{position:absolute;right:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);display:grid!important;place-items:center;border-radius:50%;background:#eaf7f1;color:#24785b;border:1px solid #d9eee5;box-shadow:none}
.telegram-chat-saved-check[hidden]{display:none!important}
.telegram-chat-saved-check .ico{width:10px;height:10px;stroke-width:2}
.telegram-connect-helper{margin:8px 0 0;color:#7b8598;font:400 11.5px/1.45 var(--sans)}
.telegram-connect-helper.is-error{color:#b42318}
.telegram-save-chat{width:100%;height:38px;margin-top:14px;border:0!important;outline:0!important;border-radius:8px;background:var(--accent);color:#fff;font:500 12.5px var(--sans);letter-spacing:0;box-shadow:none!important}
.telegram-save-chat:hover:not(:disabled){background:#5c47d1}
.telegram-save-chat:disabled{background:#e8e8ed;color:#a0a8b7;cursor:default}
.telegram-save-chat:focus,.telegram-save-chat:focus-visible{outline:0!important;box-shadow:none!important}
.telegram-save-chat{display:flex;align-items:center;justify-content:center;gap:8px}
.telegram-save-chat .ico{width:15px;height:15px;flex:0 0 15px}
.telegram-save-chat.is-processing:disabled{background:var(--accent);color:#fff;opacity:.85;cursor:wait}
.telegram-save-chat.is-success,.telegram-save-chat.is-success:hover:not(:disabled){background:#26815f;color:#fff}
.telegram-check-title{margin-top:24px;margin-bottom:4px}.telegram-check-copy{margin:0 0 10px;color:#7d8798;font:400 12.5px/1.45 var(--sans)}
.telegram-check-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.telegram-check-actions button{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;outline:0;border-radius:8px;background:#f2f2f5;color:#596376;font:500 12.5px/1 var(--sans);text-align:center;box-shadow:none}
.telegram-check-actions button .ico{width:16px;height:16px}
.telegram-check-actions button:hover:not(:disabled){background:#eaeaee;color:#3f485b}
.telegram-check-actions button.is-success,.telegram-check-actions button.is-success:hover{background:#eaf7f1;color:#24785b}
.telegram-check-actions button.is-processing:disabled{background:#f2f2f5;color:#596376;cursor:wait}
.telegram-check-actions button:disabled{background:#f2f2f5;color:#a0a8b7;cursor:default}
.telegram-check-actions button:focus,.telegram-check-actions button:focus-visible{outline:0;box-shadow:none}
.telegram-connection-state{margin-top:10px}
.telegram-connect-footer{min-height:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:23px;padding-top:0;border:0}
.telegram-connect-footer>span{display:flex;align-items:center;gap:8px;color:#748096;font:400 11.5px/1.4 var(--sans)}
.telegram-connect-footer>span .ico{width:15px;height:15px}
.telegram-connect-footer>button{height:38px;padding:0 14px;border:0;outline:0;border-radius:8px;background:#f2f2f5;color:#596376;font:500 12.5px/1 var(--sans);box-shadow:none}.telegram-connect-footer>button:hover{background:#eaeaee;color:#3f485b}
.telegram-connect-footer>button:focus,.telegram-connect-footer>button:focus-visible{outline:0!important;box-shadow:none!important}.telegram-connect-step a:focus,.telegram-connect-step a:focus-visible{outline:2px solid #9e90ef;outline-offset:3px;border-radius:4px}
.telegram-preferences-copy{margin:12px 0 16px;color:#788296;font:400 13px/1.5 var(--sans)}
.telegram-preferences-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.telegram-preference-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-radius:8px;background:#f6f6f8;color:#4f596c;font:400 12.5px var(--sans)}
.telegram-preference-row input{accent-color:var(--accent)}
.telegram-preferences-footer{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #eceef2}
.telegram-preferences-footer button{height:38px;padding:0 16px;border:0;outline:0;border-radius:8px;background:var(--accent);color:#fff;font:500 13px var(--display);box-shadow:none}
.notification-preview-row:hover,.notification-preview-row:focus-visible{background:#f3f3f5}

@media(max-width:1000px){
  .notification-center-main{grid-template-columns:40px 6px minmax(0,1fr) 72px;gap:9px}
  .telegram-notification-card{align-items:flex-start;flex-direction:column}
  .telegram-notification-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:760px){
  .notification-center-card{padding:18px 16px 14px}
  .notification-center-head{align-items:flex-start}
  .notification-center-toolbar{align-items:flex-start;flex-direction:column}
  .notification-view-toggle{align-self:flex-start}
  .notification-center-row{grid-template-columns:minmax(0,1fr) 30px;padding:0 2px 0 0}.notification-center-main{grid-template-columns:40px 6px minmax(0,1fr);padding:10px 6px 10px 8px}.notification-center-meta{grid-column:3;grid-row:2;flex-direction:row;gap:8px}.notification-row-more{grid-column:auto;grid-row:auto}
  .telegram-notification-card{padding:17px 16px 17px 24px}
  .telegram-connect-modal,.telegram-preferences-modal{width:calc(100vw - 24px);padding:20px 17px 17px;border-radius:12px}
  .telegram-connect-copy{margin:-18px 0 18px 54px}
  .telegram-check-actions,.telegram-preferences-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .notification-center-head{flex-direction:column;gap:8px}.notification-center-head-actions{width:100%;justify-content:flex-start!important;flex-wrap:wrap}
  .notification-category-tabs{gap:2px}
  .notification-category-tabs button{padding:0 9px;font-size:12px}
  .telegram-notification-actions{gap:9px}
  .telegram-connect-button{order:1}
  .telegram-manage-preferences{order:2}
  .telegram-connect-footer{align-items:flex-start;flex-direction:column}
}
/* Global shell refinement — sidebar + market header */
.nav-section-title{font-size:11px}
.nav-section .nav-link{font-size:14px}
.market-group{gap:26px;padding-right:26px}
.market-symbol{font-size:10.5px;margin-bottom:3px}
.market-value{gap:4px}
.market-value strong{font-size:13.5px;font-weight:400}
.market-change{font-size:10px}
.market-change::before{font-size:8px;margin-right:2px}

@media(min-width:1151px){
  .sidebar{width:230px}
  .topbar,main{margin-left:230px}
  main{width:calc(100% - 230px)}
  .network-lock-overlay{left:230px}
  body.sidebar-collapsed main{
    width:calc(100% - 230px);
    transform:translateX(78px)
  }
}

/* Network Accounts: compact Cloud / Crown / Type badges share one aligned cell. */
.network-unlocked .network-type{display:flex;align-items:center;justify-content:center;white-space:nowrap}
/* Preserve the exact Type badge centre; optional badges sit outside the layout flow. */
.network-unlocked .network-type .network-type-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center}
.network-unlocked .network-type .network-type-extras{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.network-unlocked .network-type .network-type-extras:empty{display:none}
.network-unlocked .network-type .badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;box-sizing:border-box;flex:0 0 auto}
.network-unlocked .network-type .network-type-icon{width:26px;height:26px;flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:0;border-radius:999px;line-height:1}
.network-unlocked .network-type .network-type-icon .ico{width:14px;height:14px;stroke-width:1.75}
.network-unlocked .network-type .network-cloud-link{background:#f1eff8;color:var(--accent);cursor:pointer;transition:background .14s ease,color .14s ease}
.network-unlocked .network-type .network-cloud-link:hover{background:#e9e4fa;color:#5f48d4}
.network-unlocked .network-type .network-cloud-link:focus-visible{outline:2px solid #8e78e5;outline-offset:2px}
.network-unlocked .network-type .network-crown-badge{background:#fff4dd;color:#a97b23}
/* Optical alignment without altering the Type/Latency column geometry. */
.network-unlocked .network-type .network-crown-badge .ico{transform:translateY(-2px)}
.network-unlocked .network-latency .signal{transform:translateY(-2px)}
/* Notification Center header actions — outlined card buttons */
.notification-center-head-actions{
  gap:8px!important;
}
.notification-mark-all,
.notification-delete-all{
  height:38px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px!important;
  border:1px solid #d8d2f1!important;
  outline:0!important;
  border-radius:8px;
  background:#fff!important;
  font:500 13px/1 var(--display)!important;
  letter-spacing:-.01em;
  box-shadow:none!important;
  white-space:nowrap;
  cursor:pointer;
}
.notification-mark-all{
  color:var(--accent)!important;
}
.notification-mark-all:hover{
  background:#faf9fd!important;
  color:var(--accent)!important;
}
.notification-delete-all{
  border-color:#e3e6ec!important;
  color:#7b8598!important;
}
.notification-delete-all:hover{
  border-color:#ead9dc!important;
  background:#fff7f8!important;
  color:#b34f5c!important;
}
.notification-mark-all:focus,
.notification-mark-all:focus-visible,
.notification-delete-all:focus,
.notification-delete-all:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}

/* Notification Center complete empty state — parity with Admin Overview */
.notification-center-empty--complete{
  min-height:210px;
  flex-direction:column;
  text-align:center;
  padding:24px;
}
.notification-empty-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:10px;
  background:#edf8f3;
  color:#247b5c;
}
.notification-empty-icon .ico{
  width:18px;
  height:18px;
}
.notification-center-empty--complete strong{
  color:#41495b;
  font:500 14px/1.3 var(--sans);
}
.notification-center-empty--complete small{
  margin-top:5px;
  color:#8a93a4;
  font:400 12px/1.4 var(--sans);
}

/* Global search focus normalization — User Dashboard */
#main:focus,
#main:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}
#app :is(.ta-search,.affiliate-payout-search,.hs-search),
#app .network-unlocked-search>div{
  outline:0!important;
  border:0!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)!important;
  -webkit-tap-highlight-color:transparent;
}
#app :is(.ta-search,.affiliate-payout-search,.hs-search):is(:hover,:active,:focus,:focus-visible,:focus-within),
#app .network-unlocked-search>div:is(:hover,:active,:focus,:focus-visible,:focus-within){
  outline:0!important;
  border:0!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)!important;
}
#app .network-search input[type="search"]{
  outline:0!important;
  border:0!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(32,36,49,.04),0 6px 18px rgba(32,36,49,.025)!important;
}
#app :is(input[type="search"],input[data-hs-search]),
#app :is(.ta-search,.affiliate-payout-search,.hs-search) input,
#app .network-unlocked-search input{
  outline:0!important;
  border:0!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -webkit-tap-highlight-color:transparent;
}
#app :is(input[type="search"],input[data-hs-search]):is(:hover,:active,:focus,:focus-visible),
#app :is(.ta-search,.affiliate-payout-search,.hs-search) input:is(:hover,:active,:focus,:focus-visible),
#app .network-unlocked-search input:is(:hover,:active,:focus,:focus-visible){
  outline:0!important;
  border:0!important;
  box-shadow:none!important;
}
#app input[type="search"]::-webkit-search-decoration,
#app input[type="search"]::-webkit-search-cancel-button,
#app input[type="search"]::-webkit-search-results-button,
#app input[type="search"]::-webkit-search-results-decoration{
  display:none;
}


/* Dashboard toast: visual parity with admin panel's bottom-right notification. */
#toast.ptp-dashboard-toast{
  position:fixed;right:22px;bottom:22px;z-index:120;
  display:flex;align-items:center;gap:9px;
  width:max-content;max-width:min(330px,calc(100vw - 32px));
  padding:12px 14px;border:0;border-radius:10px;
  background:#fff;color:var(--ink);
  box-shadow:0 18px 54px rgba(32,36,49,.13);
  font:400 11.5px/1.5 var(--sans);
  overflow-wrap:anywhere;
}
#toast.ptp-dashboard-toast[hidden]{display:none!important}
#toast.ptp-dashboard-toast .ptp-toast-icon{
  display:grid;place-items:center;flex:0 0 26px;
  width:26px;height:26px;border-radius:8px;
  background:#eef8f3;color:#23785a;
}
#toast.ptp-dashboard-toast .ptp-toast-icon .ico{width:16px;height:16px}
#toast.ptp-dashboard-toast .ptp-toast-message{min-width:0}
#toast.ptp-dashboard-toast.is-error .ptp-toast-icon{background:#fff2f3;color:#b34852}
@media(max-width:480px){
  #toast.ptp-dashboard-toast{right:12px;bottom:12px;max-width:calc(100vw - 24px)}
}

/* Unified modal close control — 34px parity with title icon */
dialog .modal-head .icon-button{width:34px!important;height:34px!important;flex:0 0 34px!important;border:0!important;border-radius:9px!important;background:#f3f3f5!important;color:#717b8f!important;display:inline-flex;align-items:center;justify-content:center;outline:0!important;box-shadow:none!important}
dialog .modal-head .icon-button .ico{width:17px;height:17px;stroke-width:1.6}
dialog .modal-head .icon-button:hover{background:#ececef!important;color:#4f596c!important}
dialog .modal-head .icon-button:focus,dialog .modal-head .icon-button:focus-visible{background:#f3f3f5!important;outline:0!important;box-shadow:none!important}
/* Locked Network preview contains no account data and stays within the mobile viewport. */
/* Allow the genuine connected-account preview to extend below the Unlock card. */
.network-lock-stage{overflow:visible}
.network-lock-cta:disabled{cursor:default;box-shadow:none}
@media(max-width:800px){
 body:has(.network-lock-stage) main{margin-left:0!important;width:100%!important;transform:none!important;padding-left:20px;padding-right:20px}
 body:has(.network-lock-stage) .topbar{margin-left:0!important}
}

/* User Dashboard empty states: large uses Trading Accounts; medium uses Payment History;
   chart and popover variants remain compact to preserve information density. */
.ptp-empty--medium{
 box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;
 min-width:0;min-height:222px;padding:28px 22px 32px;text-align:center
}
.ptp-empty--medium .ptp-empty-icon{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 56px;
 width:56px;height:56px;margin:0 0 15px;border-radius:15px;
 background:#f3f0fd;color:var(--accent)
}
.ptp-empty--medium .ptp-empty-icon>.ico{width:24px;height:24px;stroke-width:1.6}
.ptp-empty--medium h3{max-width:460px;margin:0;color:#40495c;font:600 17px/1.32 var(--display);letter-spacing:-.02em}
.ptp-empty--medium p{max-width:440px;margin:8px 0 0;color:#788397;font:400 12.5px/1.55 var(--sans)}
.ptp-empty--medium.network-filter-empty .ptp-empty-icon,
.ptp-empty--medium.network-preview-empty .ptp-empty-icon,
.ptp-empty--medium.explore-empty .ptp-empty-icon,
.ptp-empty--medium.notification-center-empty--filtered .ptp-empty-icon{background:#f5f6f9;color:#7e899b}
.network-table-card>.ptp-empty--medium{min-height:220px;width:100%}
.network-lock-preview-table>.ptp-empty--medium{min-height:174px}
.explore-empty.ptp-empty--medium{min-height:228px;gap:0;border:0;border-radius:10px;background:#fff;box-shadow:var(--card-shadow)}
.affiliate-unified-history .affiliate-history-table td.affiliate-history-empty,
.affiliate-unified-history .affiliate-unified-payout-table td.affiliate-history-empty{
  height:auto!important;
  padding:0!important;
}
.affiliate-unified-history .affiliate-history-empty .ptp-empty--medium{
  box-sizing:border-box;
  min-height:166px;
  padding:20px 12px;
}
.affiliate-history-empty .ptp-empty-icon{width:44px;height:44px;flex-basis:44px;margin-bottom:10px;border-radius:12px}
.affiliate-history-empty .ptp-empty-icon>.ico{width:19px;height:19px}
.affiliate-history-empty .ptp-empty--medium h3{font-size:15px}
.affiliate-history-empty .ptp-empty--medium p{margin-top:5px;font-size:12px}
.notification-center-empty.ptp-empty--medium{min-height:205px;gap:0}
.notification-center-empty--complete.ptp-empty--medium{min-height:205px}
.notification-center-empty--complete .notification-empty-icon{width:52px;height:52px;flex:0 0 52px;margin-bottom:13px;border-radius:14px;background:#f3f0fd;color:var(--accent)}
.notification-center-empty--complete .notification-empty-icon .ico{width:23px;height:23px}
.notification-center-empty--complete.ptp-empty--medium strong{color:#40495c;font:600 17px/1.32 var(--display);letter-spacing:-.02em}
.notification-center-empty--complete.ptp-empty--medium small{max-width:440px;margin-top:8px;color:#788397;font:400 12.5px/1.55 var(--sans)}
.ptp-empty--chart{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:170px;padding:25px 22px;text-align:center}
.ptp-empty--chart .ptp-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#f5f4f9;color:#8880a7}
.ptp-empty--chart .ptp-empty-icon .ico{width:17px;height:17px;stroke-width:1.7}
.ptp-empty--chart .ptp-empty-message{max-width:380px;color:#7c8799;font:400 12.5px/1.5 var(--sans)}
.overview-chart-unavailable.ptp-empty--chart{min-height:250px;background:#faf9fc;border-radius:9px}
.chart.ptp-empty--chart{height:200px}
.notification-popover .notification-empty-state.ptp-empty--compact{min-height:132px;padding:16px 10px 14px}
.notification-empty-state.ptp-empty--compact .ptp-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;margin-bottom:8px;border-radius:9px;background:#edf8f3;color:#247b5c}
.notification-empty-state.ptp-empty--compact .ptp-empty-icon .ico{width:16px;height:16px;stroke-width:1.7}
.profile-access-empty{line-height:1.55}
@media(max-width:600px){
 .ptp-empty--medium{min-height:200px;padding:24px 15px 27px}
 .ptp-empty--medium .ptp-empty-icon{width:52px;height:52px;flex-basis:52px;margin-bottom:13px;border-radius:14px}
 .ptp-empty--medium h3,.notification-center-empty--complete.ptp-empty--medium strong{font-size:16px}
 .ptp-empty--medium p,.notification-center-empty--complete.ptp-empty--medium small{font-size:12px}
 .affiliate-unified-history .affiliate-history-empty .ptp-empty--medium{min-height:154px;padding:18px 10px}
 .ptp-empty--chart{min-height:150px;padding:18px 14px}
}

/* Pixel-aligned row parity — approved User Dashboard record cards.
   Activated by content measurement, never on mobile or empty-state rows.
   Header and data share intrinsic tracks and n-1 equal visible column gaps. */
@media(min-width:1231px){
 #main table.ptp-user-row-grid{
  display:block;min-width:0!important;max-width:none;border-collapse:separate;
  border-spacing:0;table-layout:auto;
 }
 #main table.ptp-user-row-grid>thead,
 #main table.ptp-user-row-grid>tbody{display:block;width:100%}
 #main table.ptp-user-row-grid>thead{margin:0}
 #main table.ptp-user-row-grid>thead>tr,
 #main table.ptp-user-row-grid>tbody>tr{
  box-sizing:border-box;display:grid;
  grid-template-columns:var(--ptp-user-columns);
  column-gap:var(--ptp-user-gap,0px);
  align-items:center;width:100%;
 }
 #main table.ptp-user-row-grid>thead>tr{
  background:#f8f8fa;border-radius:7px;
 }
 #main table.ptp-user-row-grid>tbody>tr{
  min-height:68px;background:#fff;border-radius:9px;
  transition:background-color .15s ease;
 }
 #main table.ptp-user-row-grid>tbody>tr+tr{
  margin-top:var(--ptp-user-row-gap,0px);
 }
 #main table.ptp-user-row-grid>tbody>tr:is(:hover,:focus-within){
  background:#f6f8fb;
 }
 #main table.ptp-user-row-grid :is(th,td):nth-child(n){
  display:block;box-sizing:border-box;width:auto!important;
  min-width:0;max-width:none;height:auto!important;min-height:0;
  border:0!important;border-radius:0;background:transparent!important;
  vertical-align:middle;align-self:center;
 }
 #main table.ptp-user-row-grid>thead>tr>:first-child,
 #main table.ptp-user-row-grid>tbody>tr>:first-child{text-align:left}
 #main table.ptp-user-row-grid>thead>tr>:last-child,
 #main table.ptp-user-row-grid>tbody>tr>:last-child{text-align:center}
 #main .statistics-page>.statistics-table-card table.ptp-user-row-grid>tbody>tr{
  min-height:64px;
 }
 #main .affiliate-history-card table.ptp-user-row-grid>tbody>tr,
 #main .affiliate-payout-history table.ptp-user-row-grid>tbody>tr{
  min-height:62px;
 }
 #main .ch-accounts table.ptp-user-row-grid>tbody>tr{
  min-height:70px;
 }
 #main .hs-billing-history-card table.ptp-user-row-grid>tbody>tr{
  min-height:68px;
 }
 #main :is(.top-ea-table,.top-broker-table).ptp-user-div-grid>:is(
   .top-ea-table-head,.top-ea-row,.top-broker-head,.top-broker-row
 ){
  box-sizing:border-box;display:grid;grid-template-columns:var(--ptp-user-columns);
  column-gap:var(--ptp-user-gap,0px);align-items:center;width:100%;min-width:0;
 }
 #main :is(.top-ea-table,.top-broker-table).ptp-user-div-grid
  :is(.top-ea-row,.top-broker-row){
  min-height:64px;border-radius:9px;margin-inline:0;padding-inline:0;
  transition:background-color .15s ease;
 }
 #main :is(.top-ea-table,.top-broker-table).ptp-user-div-grid
  :is(.top-ea-row,.top-broker-row):hover{
  background:#f6f8fb;
 }
 #main .member-products-table.ptp-user-div-grid{
  row-gap:0;min-width:0;
 }
 #main .member-products-table.ptp-user-div-grid
  :is(.member-products-header,.member-product-row){
  box-sizing:border-box;display:grid;grid-template-columns:var(--ptp-user-columns);
  column-gap:var(--ptp-user-gap,0px);align-items:center;width:100%;min-width:0;
 }
 #main .member-products-table.ptp-user-div-grid>.member-product-row{
  min-height:70px;
 }
 #main .member-products-table.ptp-user-div-grid>.member-product-row+
 .member-product-row{margin-top:5px}
 #main .member-products-table.ptp-user-div-grid
  :is(.member-products-header,.member-product-row)>:last-child{
  justify-self:center;text-align:center;
 }
 #main .member-products-table.ptp-user-div-grid .member-product-downloads{
  width:auto;justify-self:center;
 }
 /* Inner row spacing only: do NOT pad the card or outer table.
    Matching header and data padding keeps the measured tracks aligned. */
 #main .top-ea-ranking-card :is(.top-ea-table,.top-broker-table)>
 :is(.top-ea-table-head,.top-ea-row,.top-broker-head,.top-broker-row){
  box-sizing:border-box;
  padding-inline:12px;
 }
 #main .member-products-table:has(>.member-product-row)>
 :is(.member-products-header,.member-product-row){
  padding-right:10px;
 }
 /* Download width follows the intrinsic header/action, not an 84px box. */
 #main .member-products-table.ptp-user-div-grid>
 .member-products-header>span:last-child{
  width:max-content;
  max-width:100%;
  justify-self:center;
 }
 /* Top EA: center Return, Win rate, Max DD in header and data rows. */
 #main .top-ea-ranking-card .top-ea-table.ptp-user-div-grid
 :is(.top-ea-table-head,.top-ea-row)>:nth-child(n+4):nth-child(-n+6){
  text-align:center;
 }
 /* Top Broker: center Return and remove its old offset. */
 #main .top-ea-ranking-card .top-broker-table.ptp-user-div-grid
 :is(.top-broker-head,.top-broker-row)>:nth-child(4){
  text-align:center;
  padding-right:0;
  transform:none;
 }
}
@media(prefers-reduced-motion:reduce){
 #main table.ptp-user-row-grid>tbody>tr,
 #main .ptp-user-div-grid :is(.top-ea-row,.top-broker-row){
  transition:none;
 }
}
/* My Statistics / Cash Flow — real broker deposit and withdrawal ledger. */
#main .statistics-page>.statistics-cashflow-card{padding-bottom:12px;min-width:0}
.statistics-cashflow-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.statistics-cashflow-table{width:100%;min-width:860px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.statistics-cashflow-table th{height:37px;padding:9px 12px;background:#f8f8fa;border:0;color:#667085;font:600 12.5px/1.4 var(--sans);text-align:left}
.statistics-cashflow-table th:first-child{border-radius:7px 0 0 7px}
.statistics-cashflow-table th:last-child{border-radius:0 7px 7px 0}
.statistics-cashflow-table td{height:57px;padding:10px 12px;background:#fff;border:0;color:#465066;font:400 12.5px/1.4 var(--sans);vertical-align:middle}
/* No heading-to-first-row gap. Only subsequent data rows retain spacing. */
.statistics-cashflow-table tbody tr+tr>td{border-top:5px solid #fff}
.statistics-cashflow-table tbody tr:hover td{background:#f4f3fa}
.statistics-cashflow-table tbody tr td:first-child{border-radius:9px 0 0 9px}
.statistics-cashflow-table tbody tr td:last-child{border-radius:0 9px 9px 0}
.statistics-cashflow-table :is(th,td):nth-child(2){text-align:right}
.statistics-cashflow-table :is(th,td):nth-child(3){text-align:center}
.statistics-cashflow-table :is(th,td):last-child{text-align:center}
.statistics-cashflow-table :is(th,td):nth-child(1){width:16%;text-align:left}
.statistics-cashflow-table :is(th,td):nth-child(2){width:20%}
.statistics-cashflow-table :is(th,td):nth-child(3){width:14%}
.statistics-cashflow-table :is(th,td):nth-child(4){width:26%;text-align:left}
.statistics-cashflow-table :is(th,td):nth-child(5){width:15%}
.statistics-cashflow-table :is(th,td):nth-child(6){width:9%}
/* Header and values share centered alignment; Account stays anchored left.
   On desktop the approved measured-row engine overrides fixed percentages
   with intrinsic widths and equal (n - 1) distributed gaps. */
#main .statistics-cashflow-table :is(th,td):nth-child(n+2){text-align:center}
/* Keep Date header and values right aligned on all breakpoints, without wrapping. */
#main .statistics-page .statistics-cashflow-table :is(th,td):nth-child(5){text-align:center;white-space:nowrap}
#main .statistics-page .statistics-cashflow-table :is(th,td):nth-child(6){text-align:center}
/* Date header and values centered horizontally; data stays centered vertically across all row layouts. */
#main .statistics-page .statistics-cashflow-table tbody>tr>td:nth-child(5){vertical-align:middle;white-space:nowrap}
@media(min-width:1231px){
 #main .statistics-page table.statistics-cashflow-table.ptp-user-row-grid>tbody>tr>td:nth-child(5){
  display:flex;align-items:center;justify-content:center;align-self:stretch;
  padding-top:0;padding-bottom:0;min-height:100%;
 }
}
.statistics-cashflow-comment{min-width:0}
.statistics-cashflow-comment>span{
 display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;
 white-space:nowrap;color:#667085;font:400 12.5px/1.45 var(--sans)
}
.statistics-cashflow-table td.mono{font:500 12.5px/1.4 var(--mono);font-variant-numeric:tabular-nums}
/* Match Performance by Trading Account's account-number emphasis without changing Amount or Date. */
#main .statistics-page>.statistics-cashflow-card .statistics-cashflow-table tbody td:first-child.mono{
 font:500 13px/1.4 var(--mono);
 color:var(--ink);
 font-variant-numeric:tabular-nums;
}
.statistics-cashflow-type{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 9px;border-radius:6px;background:#f0f1f3;color:#737b88;font:500 11.5px/1 var(--sans)}
.statistics-cashflow-type.deposit{background:#eaf7f1;color:#247b5b}
.statistics-cashflow-type.withdrawal{background:#fff0f1;color:#aa5360}
.statistics-cashflow-type.credit{background:#f1effa;color:#7056ad}
.statistics-cashflow-amount.deposit{color:#23825e}
.statistics-cashflow-amount.withdrawal{color:#a94c59}
.statistics-cashflow-amount.credit{color:#7056ad}
/* Match Billing/Payment Details: symmetrical cell insets and a zero-padding action button. */
#main .statistics-page .statistics-cashflow-table td.statistics-cashflow-details-cell{
 padding-inline:10px;text-align:center;vertical-align:middle
}
#main .statistics-page .statistics-cashflow-details-cell>.statistics-cashflow-details-button{
 display:flex;align-items:center;justify-content:center;
 width:30px;height:30px;min-width:30px;min-height:30px;
 padding:0;margin:0 auto;border:0;border-radius:8px;
 background:#f5f4f8;color:#6d7484;cursor:pointer;
 transition:background-color .15s ease,color .15s ease
}
#main .statistics-page .statistics-cashflow-details-button>.ico{
 display:block;flex:0 0 15px;width:15px;height:15px;margin:0;
 stroke-width:1.7
}
.statistics-cashflow-details-button:hover,.statistics-cashflow-details-button:focus-visible{background:#eeebf8;color:var(--accent)}
/* Cash Flow Details — modal geometry, hierarchy and controls match Payment Details. */
#modal.statistics-cashflow-detail-modal[open]{
 position:fixed!important;inset:0!important;margin:auto!important;
 box-sizing:border-box;width:min(548px,calc(100vw - 32px))!important;
 max-width:548px!important;min-height:0!important;height:max-content!important;
 max-height:calc(100dvh - 32px)!important;padding:24px!important;
 border:0!important;outline:0!important;border-radius:14px!important;background:#fff!important;
 box-shadow:0 24px 70px rgba(28,32,44,.16)!important;
 overflow-x:hidden;overflow-y:auto
}
#modal.statistics-cashflow-detail-modal::backdrop{
 background:rgba(32,36,49,.14)!important;backdrop-filter:blur(9px) saturate(96%)!important;
 -webkit-backdrop-filter:blur(9px) saturate(96%)!important
}
#modal.statistics-cashflow-detail-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}
#modal.statistics-cashflow-detail-modal .modal-head h2{
 display:flex;align-items:center;gap:10px;min-width:0;margin:0;
 color:var(--ink);font:500 20px/1.25 var(--display);letter-spacing:-.025em
}
.statistics-cashflow-detail{display:flex;flex-direction:column;min-width:0}
.statistics-cashflow-detail-overview{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:0 0 5px}
.statistics-cashflow-detail-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:#f2effd;color:var(--accent)}
.statistics-cashflow-detail-icon .ico{width:20px;height:20px}
.statistics-cashflow-detail-identity{min-width:0}
.statistics-cashflow-detail-identity strong{display:block;color:#333b4e;font:600 13px/1.3 var(--sans);overflow-wrap:anywhere}
.statistics-cashflow-detail-identity small{display:block;margin-top:5px;color:#8993a4;font:400 11.5px/1.3 var(--sans)}
.statistics-cashflow-detail-type{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 10px;border-radius:7px;background:#eaf7f1;color:#247b5b;font:500 11.5px/1.2 var(--sans);white-space:nowrap}
.statistics-cashflow-detail-type.withdrawal{background:#fff0f1;color:#aa5360}
.statistics-cashflow-detail-type.credit{background:#f1effa;color:#7056ad}
.statistics-cashflow-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding:15px 16px;border-radius:9px;background:#f7f7fa}
.statistics-cashflow-detail-summary>span{color:#778297;font:500 12px/1.35 var(--sans)}
.statistics-cashflow-detail-summary>strong{flex:0 0 auto;font:500 21px/1.2 var(--mono);white-space:nowrap;letter-spacing:-.025em}
.statistics-cashflow-detail-summary>strong.deposit{color:#23825e}
.statistics-cashflow-detail-summary>strong.withdrawal{color:#a94c59}
.statistics-cashflow-detail-summary>strong.credit{color:#7056ad}
.statistics-cashflow-detail-section{min-width:0;margin-top:19px}
.statistics-cashflow-detail-section h3{margin:0 0 9px;color:#495368;font:600 12.5px/1.3 var(--sans);letter-spacing:0}
.statistics-cashflow-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.statistics-cashflow-detail-field{min-width:0}
.statistics-cashflow-detail-field>span{display:block;color:#8791a3;font:400 11.5px/1.35 var(--sans)}
.statistics-cashflow-detail-value{min-width:0;margin-top:5px;color:#3f485b;font:500 12.5px/1.45 var(--sans);overflow-wrap:anywhere}
.statistics-cashflow-detail-field.mono .statistics-cashflow-detail-value{font:500 11.5px/1.5 var(--mono);word-break:break-word}
.statistics-cashflow-detail-comment{grid-column:1/-1}
.statistics-cashflow-detail-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:22px}
.statistics-cashflow-detail-actions>button{min-width:94px;min-height:38px;padding:0 18px;border:0;border-radius:8px;background:#f2f2f5;color:#596376;font:500 12.5px/1 var(--sans);cursor:pointer}
.statistics-cashflow-detail-actions>button:hover{background:#eaeaee;color:#3f485b}
.statistics-cashflow-detail-actions>button:focus-visible{outline:2px solid #9e90ef;outline-offset:2px}
@media(max-width:600px){
 #modal.statistics-cashflow-detail-modal[open]{width:calc(100vw - 24px)!important;padding:20px 18px!important;border-radius:12px!important}
 #modal.statistics-cashflow-detail-modal .modal-head h2{font-size:19px}
 .statistics-cashflow-detail-overview{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}
 .statistics-cashflow-detail-icon{width:40px;height:40px}
 .statistics-cashflow-detail-summary{padding:13px 14px}
 .statistics-cashflow-detail-summary>strong{font-size:19px}
 .statistics-cashflow-detail-grid{gap:12px}
}
@media(max-width:380px){
 .statistics-cashflow-detail-overview{grid-template-columns:40px minmax(0,1fr)}
 .statistics-cashflow-detail-type{grid-column:2;justify-self:start}
 .statistics-cashflow-detail-grid{grid-template-columns:1fr}
 .statistics-cashflow-detail-comment{grid-column:auto}
 .statistics-cashflow-detail-summary{align-items:flex-start;flex-direction:column;gap:5px}
}

.statistics-cashflow-empty.ptp-empty--medium{min-height:190px}
.statistics-cashflow-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#8791a3;font:400 11.5px/1.4 var(--sans)}
.statistics-cashflow-footer>div{display:flex;gap:10px;align-items:center}
.statistics-cashflow-footer button{min-height:31px;padding:0 10px;border:0;border-radius:7px;background:#f4f3f8;color:#6756b2;font:500 11.5px/1 var(--sans)}
.statistics-cashflow-footer button:disabled{opacity:.42;cursor:default}
@media(max-width:600px){.statistics-cashflow-footer{flex-wrap:wrap}.statistics-cashflow-footer>div{margin-left:auto}}
/* Network Account detail / Account Overview — isolated from own-account stats. */
#main .network-account-overview{display:flex;flex-direction:column;gap:16px;min-width:0}
#main .network-account-overview>.account-breadcrumb{margin:0 0 2px;min-width:0}
#main .network-account-overview-header{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;align-items:start;gap:8px 22px;min-width:0}
#main .network-account-title{grid-column:1;grid-row:1/span 2;min-width:0}
#main .network-account-title h1{margin:0;color:var(--ink);font:500 26px/1.2 var(--display);letter-spacing:-.035em}
#main .network-account-share{grid-column:2;grid-row:1;justify-self:end;align-self:center;position:relative;top:-3px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 13px;border:1px solid #ddd7ec;border-radius:9px;background:linear-gradient(180deg,#fff 0%,#f7f5fc 100%);color:#485267;font:500 12.5px/1.2 var(--sans);white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 0 #e4dfef,0 4px 10px rgba(54,43,91,.11);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
#main .network-account-share .ico{width:15px;height:15px;stroke-width:1.7}
#main .network-account-overview .network-account-share:disabled{cursor:progress;opacity:.72}
#main .network-account-share:hover{background:linear-gradient(180deg,#fff 0%,#f1edfc 100%);border-color:#cfc5eb;color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 3px 0 #d9d0ee,0 6px 14px rgba(69,53,123,.14);transform:translateY(-1px)}
#main .network-account-share:active{background:#eeebf8;border-color:#c9bfe6;box-shadow:inset 0 2px 4px rgba(62,49,103,.13),0 1px 2px rgba(62,49,103,.06);transform:translateY(1px)}
#main .network-account-share:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#main .network-account-share{transition:none;transform:none}#main .network-account-share:hover,#main .network-account-share:active{transform:none}}
#main .network-account-identity{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:9px 0 0;color:#677287;font:500 13.5px/1.5 var(--mono);font-variant-numeric:tabular-nums}
#main .network-account-identity>span{min-width:0;overflow-wrap:anywhere}
#main .network-account-identity>span:nth-child(-n+2){color:#3d465a;font-weight:600}
#main .network-account-identity>span+span::before{content:"·";display:inline-block;margin:0 10px;color:#a4adbc;font-weight:400}
#main .network-account-quotes{grid-column:2;grid-row:2;align-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 15px;padding-bottom:0}
#main .network-account-quote{display:inline-flex;align-items:baseline;gap:7px;color:#677287;font:500 13.5px/1.5 var(--mono);white-space:nowrap}
#main .network-account-quote+.network-account-quote{padding-left:15px;border-left:1px solid #e6e8ef}
#main .network-account-quote>strong{
 color:#333c51;font-size:13.5px;font-weight:600;
 font-variant-numeric:tabular-nums;transition:color .18s ease
}
/* Live prices: tint Bid / Ask only, never Spread. Scoped to Network detail. */
#main .network-account-quote>strong.is-up{color:var(--green)}
#main .network-account-quote>strong.is-down{color:#ac454f}
#main .network-account-quote>small{color:#8791a3;font:500 13.5px/1.5 var(--mono)}
/* Shared Overview / My Statistics / Cloud Hosting KPI anatomy, network-only sizing. */
#main .network-account-kpis.metrics{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;
 min-width:0;margin:0;padding:0;border:0
}
#main .network-account-kpis>.network-account-kpi.metric-rich{
 display:flex;flex-direction:column;min-width:0;min-height:114px;
 padding:10px 16px 9px!important;border:0;border-radius:10px;
 background:var(--card-bg);box-shadow:var(--card-shadow)
}
#main .network-account-kpi .metric-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0
}
#main .network-account-kpi .metric-label{display:flex;align-items:center;gap:8px;min-width:0}
#main .network-account-kpi .metric-label label{
 min-width:0;margin:0!important;color:var(--muted);
 font:400 12.5px/1.4 var(--sans);overflow-wrap:break-word
}
#main .network-account-kpi .metric-icon{
 display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;
 border-radius:10px;background:var(--violet);color:var(--accent)
}
#main .network-account-kpi .metric-icon .ico{width:19px;height:19px;stroke-width:1.6}
#main .network-account-kpi .value{
 display:block;min-width:0;margin:2px 0 0;color:var(--ink);
 font:400 clamp(19px,1.75vw,26px)/1.2 var(--mono);
 letter-spacing:-.04em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums
}
#main .network-account-kpi .value .positive{color:var(--green)}
#main .network-account-kpi .value .negative{color:#ac454f}
#main .network-account-kpi small.network-account-kpi-description{
 display:block;min-width:0;margin-top:auto;padding-top:5px;
 color:var(--muted);font:400 11.5px/1.45 var(--sans);
 overflow-wrap:anywhere
}
#main .network-account-growth{min-width:0;margin:0;padding:19px 20px 17px;border:0;border-radius:10px;background:#fff;box-shadow:var(--card-shadow)}
#main .network-account-growth>.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 18px;padding-bottom:0;border-bottom:0;box-shadow:none}
#main .network-account-growth>.section-heading h2{margin:0;font:500 19px/1.25 var(--display);letter-spacing:-.025em}
#main .network-account-growth>.section-heading small{display:block;margin-top:5px;color:#8993a4;font:400 11.5px/1.45 var(--sans)}
#main .network-account-growth .overview-chart-shell{min-width:0}
#main .network-account-growth .overview-chart-unit{margin-bottom:9px}
/* Exact My Statistics / staging My Performance table hierarchy, network-scoped overrides only. */
#main .network-account-growth .statistics-monthly{margin-top:24px}
#main .network-account-growth .statistics-monthly-scroll{min-width:0;cursor:default}
#main .network-account-growth .statistics-monthly-scroll :is(th,td){cursor:default}
#main .network-account-growth .statistics-monthly-table{min-width:1220px}
#main .network-account-growth .statistics-monthly-table th{padding:13px 9px;color:#626d81;font:600 12.5px/1.4 var(--sans);border-bottom:0;box-shadow:none}
#main .network-account-growth .statistics-monthly-table td{padding:15px 9px;color:#465166;font:500 13px/1.4 var(--mono)}
#main .network-account-growth .statistics-monthly-table td .mono{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
/* Account Growth is a read-only summary: no tinted totals or hover highlight. */
#main .network-account-growth .statistics-monthly-table .statistics-monthly-total{background:transparent;font-weight:500}
#main .network-account-growth .statistics-monthly-table .statistics-monthly-net{background:transparent;font-weight:500}
#main .network-account-growth .statistics-monthly-table tbody tr:hover>td{background:transparent}
#main .network-account-growth .statistics-monthly-table :is(th,td):first-child{text-align:center;padding-left:9px}
#main .network-account-growth .statistics-monthly-table :is(th,td).network-account-year-column{width:78px;text-align:left;padding-left:12px}
#main .network-account-growth .statistics-monthly-table :is(th,td):nth-last-child(2){width:104px}
#main .network-account-growth .statistics-monthly-table :is(th,td):last-child{width:140px;text-align:center}
#main .network-account-growth .statistics-monthly-table .negative{color:#ac454f}
#main .network-account-information{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:12px;min-width:0}
/* Network Account six-card row inherits KPI metric-head, metric-dot, metric-icon,
   value, subtle dot-grid and shadow; narrow slots use compact proportional typography. */
#main .network-account-information>.network-account-info-card.metric-rich{
 display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:min-content min-content;
 align-content:start;column-gap:8px;row-gap:8px;min-width:0;min-height:0;height:auto;align-self:stretch;
 margin:0!important;padding:11px 12px 10px!important;background:var(--card-bg);border:0!important;
 border-radius:10px;box-shadow:var(--card-shadow)
}
#main .network-account-info-card .metric-head{display:contents}
#main .network-account-info-card .metric-label{grid-column:1;grid-row:1;align-self:start;min-width:0;padding-left:0}
#main .network-account-info-card .metric-label label{display:block;min-width:0;margin:0!important;color:var(--muted);font:600 12.5px/1.4 var(--sans);overflow-wrap:break-word}
#main .network-account-info-card .metric-icon{
 grid-column:2;grid-row:1/span 2;align-self:start;
 display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;
 border-radius:9px;background:var(--violet);color:var(--accent)
}
#main .network-account-info-card .metric-icon .ico{width:16px;height:16px;stroke-width:1.6}
#main .network-account-info-card .value{grid-column:1;grid-row:2;display:grid;grid-template-columns:7px minmax(0,1fr);align-items:first baseline;column-gap:9px;min-width:0;margin:0;padding:0 0 0 2px;color:#485267;font:500 12.5px/1.4 var(--sans);letter-spacing:0;overflow-wrap:anywhere}
/* Keep the approved first-line baseline anchor, but render the visible dot as the
   standard circular, pulsing metric-dot instead of the font glyph. */
#main .network-account-info-card .network-account-info-marker{display:block;position:relative;min-width:0;color:transparent;font:400 13px/1 var(--sans);text-align:center}
#main .network-account-info-card .network-account-info-marker .metric-dot{position:absolute;top:calc(50% - 3px);left:calc(50% - 3px);display:block;width:6px;height:6px}
#main .network-account-info-card .network-account-info-value-text{display:block;min-width:0;overflow-wrap:anywhere}
#main .network-account-info-card .value.mono{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums}
/* Lower only these six cards' accent density; keep their animated dot visible. */
#main .network-account-info-card::after{opacity:.36}
#main .network-account-info-card .network-account-info-marker .metric-dot{box-shadow:0 0 0 3px rgba(101,80,221,.04)}
#main .network-account-info-card:nth-child(2) .network-account-info-marker .metric-dot{box-shadow:0 0 0 3px rgba(36,120,91,.04)}
#main .network-account-info-card .network-account-info-marker .metric-dot::after{animation-name:networkInfoDotRippleSoft}
@keyframes networkInfoDotRippleSoft{0%{transform:scale(.8);opacity:.10}70%,100%{transform:scale(1.9);opacity:0}}
/* A gentle accent hover increases text contrast above the decorative dot grid. */
@media(hover:hover){
 #main .network-account-information>.network-account-info-card.metric-rich{transition:background-color .16s ease,box-shadow .16s ease}
 #main .network-account-information>.network-account-info-card.metric-rich:hover{background:#fbfaff;box-shadow:0 1px 2px rgba(32,36,49,.04),0 8px 24px rgba(101,80,221,.045)}
 #main .network-account-info-card:hover .value{color:#303b52}
 #main .network-account-info-card:hover .metric-label label{color:#535d73}
 #main .network-account-info-card:hover::after{opacity:.16}
}
#main .network-account-overview>.trade-data{display:flex;flex-direction:column;gap:16px;min-width:0;margin-top:2px}
/* Network detail record cards: approved row typography and intrinsic-width equal gaps. */
#main .network-account-overview .network-trade-card{
 min-width:0;margin:0;padding:20px 20px 16px;border:0;border-radius:10px;
 background:var(--card-bg);box-shadow:var(--card-shadow)
}
#main .network-account-overview .network-trade-section-heading{
 display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
 min-width:0;margin:0 0 17px;padding:0;border:0
}
#main .network-account-overview .network-trade-heading-copy{min-width:0}
#main .network-account-overview .network-trade-heading-copy h2{
 margin:0;color:var(--ink);font:500 19px/1.25 var(--display);letter-spacing:-.025em
}
#main .network-account-overview .network-trade-heading-copy p{
 margin:6px 0 0;color:#8791a3;font:400 12px/1.5 var(--sans);
 max-width:760px
}
#main .network-account-overview .network-trade-scroll{
 width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;
 scrollbar-width:thin
}
#main .network-account-overview .network-trade-table{
 width:100%;min-width:950px;margin:0;border:0;border-collapse:separate;
 border-spacing:0;table-layout:auto
}
#main .network-account-overview .network-trade-history-table{min-width:1240px}
#main .network-account-overview .network-trade-table thead th{
 height:38px;padding:10px 8px;border:0;background:#f8f8fa;
 color:#687487;font:600 12.5px/1.35 var(--sans);white-space:nowrap;
 text-align:center
}
#main .network-account-overview .network-trade-table thead th:first-child{border-radius:7px 0 0 7px}
#main .network-account-overview .network-trade-table thead th:last-child{border-radius:0 7px 7px 0}
#main .network-account-overview .network-trade-table tbody td{
 height:59px;padding:11px 8px;border:0;
 color:#485267;background:#fff;font:500 12.5px/1.5 var(--mono);
 vertical-align:middle;text-align:center;white-space:nowrap
}
#main .network-account-overview .network-trade-table tbody tr+tr>td{border-top:5px solid #fff}
#main .network-account-overview .network-trade-table tbody tr:hover>td{background:#f6f8fb}
#main .network-account-overview .network-trade-table :is(th,td):first-child{text-align:left;padding-left:10px}
#main .network-account-overview .network-trade-table :is(th,td):last-child{text-align:right;padding-right:10px}
#main .network-account-overview .network-trade-table tbody td:last-child{
 color:#657086;font:500 12.5px/1.5 var(--sans);white-space:normal;overflow-wrap:anywhere
}
/* Open and close order comments share one complete line; allow horizontal scroll. */
#main .network-account-overview .network-history-trades .network-trade-table tbody td:last-child{
  white-space:nowrap;overflow-wrap:normal;word-break:normal

}
/* Trade History and Active Trades share a 12.5px row scale.
   Global .table .mono previously made inner values 14px;
   matching the scroll host also keeps the intrinsic-width measuring clones exact. */
#main .network-account-overview .network-history-trades .network-trade-table tbody td{
 font:500 12.5px/1.5 var(--sans);font-variant-numeric:tabular-nums;
}
#main .network-account-overview .network-history-trades .network-trade-table tbody td:is(:nth-child(1),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9)){
 font-family:var(--mono);
}
#main .network-account-overview .network-history-trades .network-trade-scroll .mono{
 font:500 12.5px/1.5 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;
}
#main .network-account-overview .network-history-trades .network-trade-table :is(th,td):nth-child(5){text-align:right!important}
/* Active Trades adopts the exact Trade History row typography, intrinsic
   widths and single-line comments. Profit mirrors history Net P/L alignment. */
#main .network-account-overview .network-active-trades .network-trade-table tbody td{
 font:500 12.5px/1.5 var(--sans);font-variant-numeric:tabular-nums;
}
#main .network-account-overview .network-active-trades .network-trade-table tbody td:is(:nth-child(1),:nth-child(5),:nth-child(6),:nth-child(7)){
 font-family:var(--mono);
}
#main .network-account-overview .network-active-trades .network-trade-scroll .mono{
 font:500 12.5px/1.5 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;
}
#main .network-account-overview .network-active-trades .network-trade-table tbody td:last-child{
 white-space:nowrap;overflow-wrap:normal;word-break:normal;
}
#main .network-account-overview .network-active-trades .network-trade-table :is(th,td):nth-child(8){text-align:right!important}
#main .network-account-overview .network-trade-table td .positive{color:#23825e}
#main .network-account-overview .network-trade-table td .negative{color:#ac454f}
#main .network-account-overview .network-trade-pagination{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 padding:15px 0 0;margin:0;color:#7d8798;font:500 11.5px/1.4 var(--sans)
}
#main .network-account-overview :is(.network-active-trades,.network-history-trades) .network-trade-empty{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:102px;
  margin:0;padding:16px 10px;background:transparent;border:0;border-radius:0;
  color:#7c8799;font:400 12.5px/1.5 var(--sans);text-align:center
}
/* Shared lightweight empty-state spinner: Active Trades, Trade History and Account Growth. */
#main .network-account-overview .network-trade-empty-spinner{display:block;box-sizing:border-box;flex:0 0 24px;width:24px;height:24px;border:2px solid rgba(101,80,221,.14);border-top-color:var(--accent);border-radius:50%;animation:networkTradeEmptySpin 1.2s linear infinite}
@keyframes networkTradeEmptySpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#main .network-account-overview .network-trade-empty-spinner{animation:none}}
#main .network-account-overview .network-trade-empty .network-trade-empty-message{
 max-width:440px;color:#7c8799;font:400 12.5px/1.5 var(--sans)
}
@media(min-width:1231px){
 #main .network-account-overview table.network-trade-table.ptp-user-row-grid>tbody>tr{min-height:59px}
 #main .network-account-overview table.network-trade-table.ptp-user-row-grid>tbody>tr+tr{margin-top:5px}
 #main .network-account-overview table.network-trade-table.ptp-user-row-grid>thead>tr{min-height:38px}
 #main .network-account-overview table.network-trade-table.ptp-user-row-grid :is(th,td):first-child{text-align:left}
 #main .network-account-overview table.network-trade-table.ptp-user-row-grid :is(th,td):last-child{text-align:right}
}
@media(max-width:1230px){
 /* Avoid legacy stacked trade rows: retain comparable headers/values on a scrollable table. */
 #main .network-account-overview .network-trade-table{display:table!important}
 #main .network-account-overview .network-trade-table thead{display:table-header-group!important}
 #main .network-account-overview .network-trade-table tbody{display:table-row-group!important}
 #main .network-account-overview .network-trade-table tr{display:table-row!important}
 #main .network-account-overview .network-trade-table :is(th,td){
  display:table-cell!important;min-width:0;padding:11px 8px!important;
  border:0!important;vertical-align:middle;overflow-wrap:normal
 }
 #main .network-account-overview .network-trade-table tbody td::before{content:none!important}
 #main .network-account-overview .network-trade-table tbody tr+tr>td{border-top:5px solid #fff!important}
 #main .network-account-overview .network-trade-table :is(th,td):first-child{text-align:left!important;padding-left:10px!important}
 #main .network-account-overview .network-trade-table :is(th,td):last-child{text-align:right!important;padding-right:10px!important}
}
@media(max-width:1200px){
 #main .network-account-information{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
 #main .network-account-overview-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;gap:9px 12px}
 #main .network-account-title{grid-column:1;grid-row:1}
  #main .network-account-share{grid-column:2;grid-row:1}
  #main .network-account-quotes{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 #main .network-account-kpis.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main .network-account-kpis>.network-account-kpi.metric-rich:last-child{grid-column:1/-1}
}
@media(max-width:800px){
 #main .network-account-growth{padding:18px 16px}
 #main .network-account-growth>.section-heading{flex-wrap:wrap}
 #main .network-account-information{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main .network-account-info-card .metric-label{padding-left:0}
 #main .network-account-info-card .value{grid-template-columns:6px minmax(0,1fr);column-gap:8px}
 #main .network-account-info-card .network-account-info-marker{font-size:12px}
 #main .network-account-info-card .network-account-info-marker .metric-dot{top:calc(50% - 2.5px);left:calc(50% - 2.5px);width:5px;height:5px}
}
@media(max-width:500px){
 #main .network-account-title h1{font-size:23px}
 #main .network-account-identity{font-size:12.5px}
 #main .network-account-quote,#main .network-account-quote>strong,#main .network-account-quote>small{font-size:12.5px}
 #main .network-account-kpis.metrics{gap:9px}
 #main .network-account-kpis>.network-account-kpi.metric-rich{min-height:104px;padding:9px 12px 8px!important}
 #main .network-account-kpi .metric-icon{width:34px;height:34px;flex-basis:34px}
 #main .network-account-kpi .metric-icon .ico{width:17px;height:17px}
 #main .network-account-kpi .metric-label label{font-size:11px}
 #main .network-account-kpi .value{font-size:clamp(14px,4vw,19px)}
 #main .network-account-kpi small.network-account-kpi-description{font-size:10.5px}
 #main .network-account-information{grid-template-columns:minmax(0,1fr);gap:9px}
 #main .network-account-information>.network-account-info-card.metric-rich{grid-template-columns:minmax(0,1fr) 30px;min-height:0;height:auto;padding:11px 12px 10px!important}
 #main .network-account-info-card .metric-label label{font-size:12.5px}
 #main .network-account-info-card .value{font-size:12.5px;font-weight:500}
 #main .network-account-info-card .value.mono{font-size:12.5px;font-weight:500}
 #main .network-account-overview .network-trade-card{padding:18px 15px 14px}
 #main .network-account-overview .network-trade-heading-copy h2{font-size:18px}
 #main .network-account-overview .network-trade-section-heading{gap:8px}
 #main .network-account-info-card .metric-icon{flex-basis:30px;width:30px;height:30px}
 #main .network-account-info-card .metric-icon .ico{width:15px;height:15px}
 #main .network-account-overview .network-trade-pagination{flex-wrap:wrap}
 #main .network-account-growth>.section-heading .tabs{max-width:100%;flex-wrap:wrap}
}

@media(max-width:380px){
 #main .network-account-kpis.metrics{grid-template-columns:minmax(0,1fr)}
 #main .network-account-kpis>.network-account-kpi.metric-rich:last-child{grid-column:auto}
}
/* Signed-in Network Account Overview parity with the approved public page.
   Scope every rule to this account only; preserve other user dashboard pages. */
/* 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. */
#main .network-account-overview .network-account-growth .statistics-monthly-table{
 table-layout:fixed
}
#main .network-account-overview .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. */
#main .network-account-overview .network-account-growth .statistics-monthly-table :is(th,td):nth-child(n+2):nth-child(-n+13){
  padding-left:17px;padding-right:1px
}
#main .network-account-overview .network-account-growth .statistics-monthly-table :is(th,td):nth-last-child(2){
 width:96px;text-align:right;padding-right:3px
}
#main .network-account-overview .network-account-growth .statistics-monthly-table :is(th,td):last-child{
 width:108px;text-align:right;padding-right:9px
}

/* Public Account Overview only: the two grouped Account / Connection cards.
   Match the mockup anatomy using approved Pips Trader light UI tokens. */
#main .network-account-overview .network-share-facts{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:stretch;gap:16px;min-width:0
}
#main .network-account-overview .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. */
#main .network-account-overview .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%)
}
#main .network-account-overview .network-share-fact-connection::after{
 background-image:radial-gradient(rgba(36,120,91,.39) 1px,transparent 1px)
}
#main .network-account-overview .network-share-fact-panel>:is(.network-share-fact-header,.network-share-fact-fields){
 position:relative;z-index:1
}
#main .network-account-overview .network-share-fact-header{
 display:flex;align-items:center;gap:10px;min-width:0;min-height:26px
}
#main .network-account-overview .network-share-fact-icon{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 26px;width:26px;height:26px;color:var(--accent)
}
#main .network-account-overview .network-share-fact-icon .ico{width:21px;height:21px;stroke-width:1.6}
#main .network-account-overview .network-share-fact-header h2{
 margin:0;color:#3d465b;text-transform:uppercase;
 font:500 12.5px/1.4 var(--mono);letter-spacing:.055em
}
#main .network-account-overview .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. */
#main .network-account-overview .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
}
#main .network-account-overview .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)
}
#main .network-account-overview .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
}
#main .network-account-overview .network-share-fact-field:first-child{
 border-left:0;padding-left:6px
}
#main .network-account-overview .network-share-fact-field:last-child{padding-right:0}
#main .network-account-overview .network-share-fact-field dt{
 margin:0;color:#687487;font:600 12.5px/1.35 var(--sans);letter-spacing:0
}
#main .network-account-overview .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
}
#main .network-account-overview .network-share-fact-broker dd{overflow-wrap:anywhere}
#main .network-account-overview .network-share-fact-account .network-share-fact-field{
  flex:0 1 auto;max-width:100%;min-width:0
}
#main .network-account-overview .network-share-fact-account .network-share-fact-field:last-child{
  align-items:flex-start;text-align:left
}
#main .network-account-overview .network-share-fact-account .network-share-fact-field:not(:first-child) dt,
#main .network-account-overview .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. */
#main .network-account-overview .network-share-fact-location dd{display:block;max-width:100%;min-height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main .network-account-overview .network-share-fact-symbol-value{color:var(--accent)}
#main .network-account-overview .network-share-fact-ip dd{
 font:500 12.5px/1.5 var(--sans);letter-spacing:0;overflow-wrap:anywhere
}
#main .network-account-overview .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
}
#main .network-account-overview .network-share-fact-snapshot .network-share-fact-date{
 display:block;white-space:nowrap;font:inherit;
 letter-spacing:inherit
}
#main .network-account-overview .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. */
#main .network-account-overview .network-share-account-type-value{
 display:inline-flex;align-items:center;gap:7px;min-width:0;
 font:inherit;letter-spacing:inherit;white-space:nowrap
}
#main .network-account-overview .network-share-type-word{font:inherit;color:inherit}
#main .network-account-overview .network-share-type-word.is-demo{color:#747d8f}
#main .network-account-overview .network-share-type-word.is-real{color:#24785b}
#main .network-account-overview .network-share-type-crown,
#main .network-account-overview .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
}
#main .network-account-overview .network-share-type-crown{color:#a97b23}
/* Crown optical baseline matches the public account overview. */
#main .network-account-overview .network-share-type-crown .ico{transform:translateY(-2px)}
#main .network-account-overview .network-share-type-cloud{color:var(--accent)}
#main .network-account-overview :is(.network-share-type-crown,.network-share-type-cloud) .ico{
 width:15px;height:15px;stroke-width:1.75
}
@media(max-width:1020px){
 #main .network-account-overview .network-share-facts{grid-template-columns:minmax(0,1fr);gap:12px}
 #main .network-account-overview .network-share-fact-panel{padding:16px 18px 15px}
 #main .network-account-overview .network-share-fact-field{min-height:0}
}
@media(max-width:620px){
 #main .network-account-overview .network-share-facts{gap:10px}
 #main .network-account-overview .network-share-fact-panel{padding:14px 16px}
 #main .network-account-overview .network-share-fact-fields,
 #main .network-account-overview .network-share-fact-account .network-share-fact-fields,
 #main .network-account-overview .network-share-fact-connection .network-share-fact-fields{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:10px
 }
 #main .network-account-overview .network-share-fact-field{
  min-height:0;gap:5px;padding:9px 0 9px;
  border-left:0;border-top:1px solid #eceaf2
 }
 #main .network-account-overview .network-share-fact-field:first-child{padding-top:6px;border-top:0}
 #main .network-account-overview .network-share-fact-field:last-child{padding-bottom:0}
 #main .network-account-overview .network-share-fact-field dd{font-size:12.5px}
 #main .network-account-overview .network-share-fact-header h2{font-size:12px;font-weight:500}
  #main .network-account-overview .network-share-fact-account .network-share-fact-field:not(:first-child) dt,
  #main .network-account-overview .network-share-fact-account .network-share-fact-field:not(:first-child) dd{white-space:normal}
}

/* 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. */
#main .network-account-overview .network-history-trades .network-trade-history-table{
  border-collapse:separate;border-spacing:0 5px
}
#main .network-account-overview .network-history-trades .network-trade-history-table tbody tr+tr>td{
  border-top:0!important
}
#main .network-account-overview .network-history-trades .network-trade-history-table tbody td{
  background:#fff;transition:background-color .15s ease
}
#main .network-account-overview .network-history-trades .network-trade-history-table tbody tr:is(:hover,:focus-within)>td{
  background:#f6f8fb
}
#main .network-account-overview .network-history-trades .network-trade-history-table tbody tr:is(:hover,:focus-within)>td:first-child{
  border-radius:9px 0 0 9px
}
#main .network-account-overview .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){
  #main .network-account-overview .network-history-trades .network-trade-history-table tbody td{transition:none}
}
@media(min-width:1231px){
 #main .network-account-overview table.network-trade-history-table.ptp-user-row-grid>tbody>tr:is(:hover,:focus-within){
  border-radius:9px;background:#f6f8fb
 }
}

/* Public Trade History pagination follows the approved Billing / Affiliate pager:
   real row range on the left, compact page actions on the right. */
#main .network-account-overview .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)
}
#main .network-account-overview .network-share-page-summary{
 color:#7d8798;font:400 12px/1.3 var(--sans);white-space:nowrap
}
#main .network-account-overview .network-share-page-actions{
 display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto
}
#main .network-account-overview .network-share-page-current{
 padding-inline:3px;color:#697388;font:500 11.5px/1 var(--sans);white-space:nowrap
}
#main .network-account-overview .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
}
#main .network-account-overview .network-share-page-actions button:hover:not(:disabled){
 border-color:#d8d2f1;background:#faf9fd;color:var(--accent)
}
#main .network-account-overview .network-share-page-actions button:focus-visible{
 outline:2px solid var(--accent);outline-offset:2px
}
#main .network-account-overview .network-share-page-actions button:disabled{
 opacity:.45;cursor:default
}
@media(max-width:620px){
 #main .network-account-overview .network-share-page-controls{align-items:flex-start;gap:8px}
 #main .network-account-overview .network-share-page-summary{width:100%}
 #main .network-account-overview .network-share-page-actions{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
 #main .network-account-overview .network-share-page-actions button{transition:none}
}

/* Network Account header cascade parity with the approved public Overview.
   The signed-in Share action still occupies desktop row 1 / right; quotes
   occupy row 2 / right, with the 13px public identity/market type rhythm.
   All rules below are account-scoped, including the mobile overrides. */
#main .network-account-overview .network-account-overview-header{
 align-items:end
}
#main .network-account-overview .network-account-title{
 align-self:end
}
#main .network-account-overview .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
}
#main .network-account-overview .network-account-identity>span:nth-child(-n+2){
 font-weight:600;color:#3d465a
}
#main .network-account-overview .network-account-identity>span:nth-child(n+3){
 font-weight:500;color:#677287
}
#main .network-account-overview .network-account-quotes{
 align-self:end;align-items:baseline;min-width:0
}
#main .network-account-overview .network-account-quote{
 font:500 13px/1.4 var(--mono);letter-spacing:.005em;
 font-variant-numeric:tabular-nums
}
#main .network-account-overview .network-account-quote>strong{
 font:600 13px/1.4 var(--mono);letter-spacing:.005em;
 font-variant-numeric:tabular-nums
}
#main .network-account-overview .network-account-quote>small{
 font:500 13px/1.4 var(--mono);letter-spacing:.005em
}
@media(max-width:1050px){
 #main .network-account-overview .network-account-overview-header{
  align-items:start
 }
 #main .network-account-overview .network-account-title{
  align-self:start
 }
}
@media(max-width:500px){
 #main .network-account-overview .network-account-identity{
  font:600 13px/1.4 var(--mono);letter-spacing:.005em
 }
 #main .network-account-overview .network-account-quote{
  font:500 13px/1.4 var(--mono);letter-spacing:.005em
 }
 #main .network-account-overview .network-account-quote>strong{
  font:600 13px/1.4 var(--mono);letter-spacing:.005em
 }
 #main .network-account-overview .network-account-quote>small{
  font:500 13px/1.4 var(--mono);letter-spacing:.005em
 }
}

/* Only Network Account Growth uses the public page's compact period selector.
   Shared My Statistics / Overview / other dashboard tabs remain unchanged. */
#main .network-account-overview .network-share-periods{
 display:flex;gap:4px;flex-wrap:wrap;align-items:center
}
#main .network-account-overview .network-share-periods button{
 min-width:36px;min-height:0;height:28px;padding:0 8px;
 border:0!important;border-radius:7px;background:transparent;
 color:#71809b;font:500 11.5px var(--sans);cursor:pointer
}
#main .network-account-overview .network-share-periods button:hover{
 background:#f4f2fb;color:var(--accent)
}
#main .network-account-overview .network-share-periods button.selected{
 background:#eeeafd;color:var(--accent)
}

/* Cloud Hosting promo-code access: server-validated redemption. */
.network-order-modal .cloud-promo-option-mark{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;color:#7b65bd}
.network-order-modal .cloud-promo-option-mark .ico{width:17px;height:17px}
.network-order-modal .cloud-promo-preview{margin:12px 0 0;padding:14px;border:1px solid #ebe7f5;border-radius:9px;background:#faf9fe}
.network-order-modal .cloud-promo-preview[hidden]{display:none!important}
.network-order-modal .cloud-promo-label{display:block;color:#535e71;font:500 12.5px/1.3 var(--sans)}
.network-order-modal .cloud-promo-label input{display:block;width:100%;box-sizing:border-box;height:40px;margin-top:8px;padding:0 12px;border:1px solid #e2dded;border-radius:8px;background:#fff;color:#414b60;font:400 12.5px/1.3 var(--sans)}
.network-order-modal .cloud-promo-label input:focus-visible{outline:2px solid #c3b4ef;outline-offset:1px}
.network-order-modal .cloud-promo-preview p{margin:9px 0 0;color:#7d8595;font:400 11.5px/1.5 var(--sans)}
.network-order-modal .network-order-pay:disabled{opacity:.56;cursor:not-allowed}



/* PTP_MARKET_EA_ONLY_REFINEMENT_V1
 * Marketplace UI only. Do not touch global cards/tables or seller SDK QA.
 * All new declarations are scoped to the Market route.
 */
main[data-page="explore"]{min-width:0}
/* Use the same single-row H1 / description hierarchy as other dashboard menus. */
main[data-page="explore"]>.page-title{position:relative;margin-bottom:20px}
main[data-page="explore"]>.page-title>div{min-width:0}
/* Dedicated MT5 and MT4 See All headings use existing platform PNGs.
   Market landing and sidebar retain their original text labels.
   Centre the logo, slash and description on the same visual axis. */
main[data-page="explore"]>.page-title>div:has(.market-platform-wordmark-title){align-items:center}
main[data-page="explore"]>.page-title .market-platform-wordmark-title{display:flex;align-items:center;min-height:27px}
main[data-page="explore"]>.page-title .market-platform-wordmark{display:block;width:116px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:800px){
 .topbar-title .market-platform-wordmark{display:block;width:102px;height:auto;max-width:100%;object-fit:contain}
}
main[data-page="explore"]:has(.market-detail)>.page-title{display:none}
main[data-page="explore"] :is(.market-catalog,.market-detail){min-width:0;color:#28324a;font-family:var(--sans)}
main[data-page="explore"] .market-platform-panel{min-width:0}
/* The landing and MT4/MT5 catalogs use the same compact search controls. */
main[data-page="explore"]:has(.market-catalog-toolbar--landing)>.page-title{margin-bottom:12px}
/* EA tile grid: nine columns at Full HD, three rows per platform. */
main[data-page="explore"] .market-platform-section{min-width:0;margin:0 0 20px}
main[data-page="explore"] .market-platform-section+.market-platform-section{padding-top:28px;border-top:0}
main[data-page="explore"] .market-platform-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;margin:0 0 20px}
main[data-page="explore"] .market-platform-heading h2{min-width:0;margin:0;color:#283248;font:600 15px/1.3 var(--display);letter-spacing:-.015em}
main[data-page="explore"] .market-platform-heading h2 .market-platform-logo{display:block;width:116px;height:auto;max-width:100%;object-fit:contain}
/* Quiet inline navigation sits immediately beside the platform logo;
   MT5/MT4 logos remain the dominant heading elements. */
main[data-page="explore"] .market-platform-heading .market-see-all{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
 gap:6px;min-height:32px;margin-left:0;padding:0;
 border:0;border-radius:0;background:transparent;box-shadow:none;
 color:#667085;text-decoration:none;font:500 12.5px/1.3 var(--sans);
 white-space:nowrap;transform:translateY(2px);transition:color .15s ease
}
main[data-page="explore"] .market-platform-heading .market-see-all:hover{
 border:0;background:transparent;box-shadow:none;color:var(--accent)
}
main[data-page="explore"] .market-platform-heading .market-see-all:focus-visible{
 outline:2px solid #b7aaed;outline-offset:2px
}
main[data-page="explore"] .market-platform-heading .market-see-all .ico{
 width:14px;height:14px;stroke-width:1.8
}
/* Dedicated platform category tabs follow Settings: content-width navigation,
   no full-width rule, and a 2px underline only on the selected label. */
main[data-page="explore"] .market-category-tabs{
 display:flex;align-items:center;gap:28px;width:max-content;max-width:100%;
 min-width:0;margin:0 0 18px;padding:0;border:0;
 overflow-x:auto;overflow-y:hidden;scrollbar-width:none
}
main[data-page="explore"] .market-category-tabs::-webkit-scrollbar{display:none}
main[data-page="explore"] .market-category-tabs a{
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 auto;min-height:38px;padding:0 1px 10px;border:0;
 background:transparent;color:#8b94a6;text-decoration:none;
 font:500 13.5px/1 var(--sans);white-space:nowrap;transition:color .15s ease
}
main[data-page="explore"] .market-category-tabs a::after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
 border-radius:2px;background:transparent
}
main[data-page="explore"] .market-category-tabs a:hover{color:var(--accent)}
main[data-page="explore"] .market-category-tabs a.is-active{color:var(--accent)}
main[data-page="explore"] .market-category-tabs a.is-active::after{background:#9e90ef}
main[data-page="explore"] .market-category-tabs a:focus-visible{
 outline:2px solid #b7aaed;outline-offset:-1px;border-radius:3px
}
@media(max-width:440px){
 main[data-page="explore"] .market-category-tabs{gap:20px}
}
/* Shared Market toolbar: category tabs on dedicated catalogs; landing uses
   the same compact controls underneath the page title. */
main[data-page="explore"] .market-catalog-toolbar{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:10px 18px;min-width:0;margin:0 0 18px
}
main[data-page="explore"] .market-catalog-toolbar .market-category-tabs{
 flex:0 0 auto;margin:0
}
main[data-page="explore"] .market-catalog-controls{
 display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;
 gap:9px;min-width:0;margin-left:auto
}
/* Landing #market: Search expands into the available width while Strategy
   stays immediately to the left of Add Product. Slug widths remain unchanged. */
main[data-page="explore"] .market-catalog-toolbar--landing .market-catalog-controls{
 flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-left:0
}
main[data-page="explore"] .market-catalog-toolbar--landing .market-catalog-search{
 flex:1 1 0%;width:auto;min-width:180px;max-width:none
}
main[data-page="explore"] .market-catalog-toolbar--landing .market-catalog-add-product{margin-left:auto}
/* Match the compact, borderless Search and filter surfaces used in My Product.
   A dedicated checkbox popover replaces the old single-select control. */
main[data-page="explore"] .market-catalog-search{
 display:flex;align-items:center;gap:9px;flex:0 0 260px;
 box-sizing:border-box;width:260px;min-width:0;height:40px;padding:0 12px;
 border:0;border-radius:8px;background:#fff;color:#8993a7;
 box-shadow:0 1px 2px rgba(32,36,49,.04),0 4px 12px rgba(32,36,49,.02);
 transition:background .15s ease,box-shadow .15s ease
}
main[data-page="explore"] .market-catalog-search:focus-within{
 box-shadow:0 0 0 2px #aa9aef50,0 4px 12px rgba(32,36,49,.025)
}
main[data-page="explore"] .market-catalog-search>.ico{
 width:17px;height:17px;flex:0 0 17px;stroke-width:1.8;color:#8993a7
}
main[data-page="explore"] .market-catalog-search input{
 display:block;flex:1;min-width:0;width:100%;height:100%;padding:0;
 border:0;outline:0;background:transparent;color:#3f485b;
 font:400 13px/1.3 var(--sans)
}
main[data-page="explore"] .market-catalog-search input::placeholder{color:#949cad;opacity:1}
main[data-page="explore"] .market-strategy-select{
 position:relative;flex:0 0 198px;width:198px;min-width:0
}
main[data-page="explore"] .market-strategy-trigger{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 box-sizing:border-box;width:100%;height:40px;padding:0 12px 0 13px;
 border:0;border-radius:8px;background:#fff;color:#727b8d;
 box-shadow:0 1px 2px rgba(32,36,49,.04),0 4px 12px rgba(32,36,49,.02);
 text-align:left;font:400 13px/1.25 var(--sans);white-space:nowrap;
 transition:background .15s ease,box-shadow .15s ease;cursor:pointer
}
main[data-page="explore"] .market-strategy-trigger>span:first-child{
 min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis
}
main[data-page="explore"] .market-strategy-trigger>.ico{
 width:14px;height:14px;flex:0 0 14px;stroke-width:1.7;color:#778198;
 transition:transform .15s ease
}
main[data-page="explore"] .market-strategy-select.is-open .market-strategy-trigger>.ico{
 transform:rotate(180deg)
}
main[data-page="explore"] .market-strategy-trigger:hover{background:#fafafd;color:#4e5670}
main[data-page="explore"] .market-strategy-trigger:focus-visible,
main[data-page="explore"] .market-strategy-select.is-open .market-strategy-trigger{
 outline:0;box-shadow:0 0 0 2px #aa9aef50,0 4px 12px rgba(32,36,49,.025)
}
main[data-page="explore"] .market-strategy-count{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 auto;min-width:20px;height:20px;padding:0 5px;
 border-radius:5px;background:#f0edfc;color:var(--accent);
 font:600 11px/1 var(--sans);font-variant-numeric:tabular-nums
}
main[data-page="explore"] .market-strategy-menu{
 position:absolute;z-index:80;top:calc(100% + 7px);right:0;
 box-sizing:border-box;width:252px;max-width:min(252px,calc(100vw - 32px));
 max-height:min(350px,65vh);padding:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
 border:1px solid #ebeaf0;border-radius:9px;background:#fff;
 box-shadow:0 12px 36px rgba(37,37,69,.11),0 2px 8px rgba(37,37,69,.04)
}
main[data-page="explore"] .market-strategy-menu[hidden]{display:none!important}
main[data-page="explore"] .market-strategy-option{
 display:flex;align-items:center;gap:11px;min-height:34px;
 padding:7px 9px;border:0;border-radius:6px;
 color:#4f596d;font:400 12.5px/1.35 var(--sans);
 cursor:pointer;transition:background .14s ease,color .14s ease
}
main[data-page="explore"] .market-strategy-option:hover{background:#f7f5fc;color:#5543bc}
main[data-page="explore"] .market-strategy-option-all{
 margin-bottom:4px;padding-bottom:11px;border-bottom:1px solid #eff0f4;
 border-radius:6px 6px 0 0;font-weight:500
}
main[data-page="explore"] .market-strategy-option input{
 display:block;position:relative;flex:0 0 16px;
 appearance:none;width:16px;height:16px;margin:0;
 border:1px solid #cbd3e0;border-radius:4px;background:#fff;
 cursor:pointer;transition:background .14s ease,border-color .14s ease
}
main[data-page="explore"] .market-strategy-option input:checked{
 border-color:var(--accent);background:var(--accent)
}
main[data-page="explore"] .market-strategy-option input:checked::after{
 content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;
 border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)
}
main[data-page="explore"] .market-strategy-option input:focus-visible{
 outline:2px solid #aa9aef;outline-offset:2px
}
/* Matches My Product > Product List > Add Product exactly. */
main[data-page="explore"] .market-catalog-add-product{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 flex:0 0 auto;min-width:128px;height:40px;padding:0 15px;
 border:1px solid var(--accent);border-radius:8px;
 background:var(--accent);color:#fff;text-decoration:none;
 font:500 12.5px/1 var(--sans);white-space:nowrap;box-shadow:none;
 transition:background .15s ease,border-color .15s ease
}
main[data-page="explore"] .market-catalog-add-product:hover{
 background:#5741cf;border-color:#5741cf;color:#fff
}
main[data-page="explore"] .market-catalog-add-product>.ico{
 width:17px;height:17px;flex:0 0 17px;stroke-width:1.7
}
main[data-page="explore"] .market-catalog-add-product:focus-visible{
 outline:2px solid #b7aaed;outline-offset:2px
}
@media(max-width:520px){
 main[data-page="explore"] .market-catalog-controls{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;margin-left:0;gap:8px
 }
 main[data-page="explore"] :is(.market-catalog-search,.market-strategy-select){width:100%;flex:0 1 auto}
 main[data-page="explore"] .market-catalog-add-product{grid-column:1/-1;width:100%}
}
@media(max-width:380px){
 main[data-page="explore"] .market-catalog-controls{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px){main[data-page="explore"] .market-platform-heading h2 .market-platform-logo{width:102px}}
main[data-page="explore"] .market-product-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px;align-items:stretch}
main[data-page="explore"] .market-product-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid #e3e7f0;border-radius:8px;background:#fff;color:inherit;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px rgba(30,38,62,.022);transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}
main[data-page="explore"] .market-product-card:hover{border-color:#b9a9f6;box-shadow:0 5px 15px rgba(72,60,145,.07);transform:translateY(-1px)}
main[data-page="explore"] .market-product-image{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;aspect-ratio:1/1;min-height:0;width:100%;overflow:hidden;border-radius:7px 7px 0 0;background:#f2f3f8;text-decoration:none}
main[data-page="explore"] .market-product-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
main[data-page="explore"] .market-art-fallback{display:flex;align-items:center;justify-content:center;background:#f4f3fb;color:#7b6ccf}
main[data-page="explore"] .market-art-fallback .ico{width:29px;height:29px}
main[data-page="explore"] .market-product-card .market-platform-badge{display:none}
main[data-page="explore"] .market-product-body{position:relative;display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0;padding:8px 10px 9px;text-align:center}
main[data-page="explore"] .market-product-body h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:25px;margin:0;color:#293147;font:600 15.5px/1.33 var(--display);letter-spacing:-.016em;text-align:center;overflow-wrap:anywhere}
main[data-page="explore"] .market-product-card:hover .market-product-body h2{color:var(--accent)}

/* Market focus and full-name preview follow existing Pips Trader subtle surfaces.
   The 16-character card label never changes or moves other cards on hover/focus. */
main[data-page="explore"] .market-product-card:focus-within{border-color:#b9a9f6;box-shadow:0 5px 15px rgba(72,60,145,.07)}
main[data-page="explore"] .market-product-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
main[data-page="explore"] .market-product-full-name{
 position:absolute;z-index:3;left:6px;right:6px;bottom:calc(100% + 7px);
 visibility:hidden;opacity:0;pointer-events:none;
 padding:8px 10px;border:1px solid #e1dcec;border-radius:7px;
 background:rgba(255,255,255,.97);box-shadow:0 5px 15px rgba(36,32,64,.11);
 color:#30374a;font:500 12px/1.35 var(--sans);text-align:center;
 white-space:normal;overflow-wrap:anywhere;
 transition:opacity .14s ease,visibility .14s ease
}
main[data-page="explore"] .market-product-body h2:hover+.market-product-full-name,main[data-page="explore"] .market-product-card:focus-visible .market-product-full-name{visibility:visible;opacity:1}

/* PTP_MARKET_MQL5_STYLE_CARD: artwork > name > truthful rating > price. */
main[data-page="explore"] .market-product-rating{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:20px;margin-top:0;text-align:center;white-space:nowrap}
/* All five star glyphs are solid gray/gold; no outlined empty stars.
   Per-glyph color stops allow an exact half-gold, half-gray star. */
main[data-page="explore"] .market-product-stars{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
 white-space:nowrap;font:500 18px/1 var(--sans);letter-spacing:0
}
main[data-page="explore"] .market-product-star{
 display:inline-block;flex:0 0 auto;line-height:1;letter-spacing:-1.5px;
 color:#c9ced8;
 background-image:linear-gradient(to right,#efb529 var(--market-star-fill),#c9ced8 var(--market-star-fill));
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
main[data-page="explore"] .market-product-summary{display:none}
main[data-page="explore"] .market-product-meta{display:none}
main[data-page="explore"] .market-product-footer{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin-top:auto;padding-top:5px;border:0;text-align:center}
main[data-page="explore"] .market-product-footer>strong.market-product-price{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 15px/1.3 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#343e55}
/* PTP_MARKET_DEV_FILL: removable, CSS-only preview artwork; no image assets. */
main[data-page="explore"] .market-product-card--demo{border-color:#ebe9f1}
main[data-page="explore"] .market-demo-art{
 position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;
 background:linear-gradient(150deg,hsl(var(--market-demo-hue) 44% 24%),hsl(var(--market-demo-hue) 36% 43%));color:#fff
}
main[data-page="explore"] .market-demo-art::before{
 content:"";position:absolute;z-index:-1;width:90%;height:90%;border:1px solid #ffffff36;
 border-radius:23%;transform:rotate(35deg);box-shadow:inset 0 0 0 11px #ffffff08
}
main[data-page="explore"] .market-demo-art::after{
 content:"";position:absolute;z-index:-1;width:43%;height:43%;border-radius:50%;
 background:#ffffff16;filter:blur(10px);transform:translate(35%,48%)
}
main[data-page="explore"] .market-demo-art>span{
 color:#fff;font:700 clamp(17px,1.5vw,27px)/1 var(--display);
 letter-spacing:-.035em;text-shadow:0 2px 7px #0003
}
main[data-page="explore"] .market-demo-detail-notice{color:#725e95}

main[data-page="explore"] .market-catalog-empty{margin:14px auto 0}
/* Numeric Market pager keeps the MQL-style left placement with the exact
   Billing / Affiliate / My Products control dimensions, type and interaction. */
main[data-page="explore"] .market-platform-section>.market-pagination{
 display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;
 gap:7px;min-height:44px;margin-top:8px
}
main[data-page="explore"] .market-pagination button{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-width:32px;height:32px;padding:0 9px;border:1px solid #e2e5ec;border-radius:7px;
 background:#fff;color:#667085;font:500 11.5px/1 var(--sans);
 font-variant-numeric:tabular-nums;cursor:pointer;
 transition:background-color .15s,border-color .15s,color .15s
}
main[data-page="explore"] .market-pagination button:hover:not(:disabled):not(.active){
 border-color:#d8d2f1;background:#faf9fd;color:var(--accent)
}
main[data-page="explore"] .market-pagination button.active,
main[data-page="explore"] .market-pagination button.active:hover{
 border-color:var(--accent);background:var(--accent);color:#fff
}
main[data-page="explore"] .market-pagination button:focus-visible{
 outline:2px solid var(--accent);outline-offset:2px
}
main[data-page="explore"] .market-pagination button:disabled{opacity:.45;cursor:default}
main[data-page="explore"] .market-pagination-ellipsis{
 padding:0 4px;color:#697388;font:500 11.5px/1 var(--sans)
}
/* PTP_MARKET_PRODUCT_DETAIL_V2_START */
/* Product detail: mockup hierarchy, scoped to Market only. */
main[data-page="explore"] .market-detail{min-width:0;color:#242d42;font-family:var(--sans)}
main[data-page="explore"] .market-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px;color:#8b95aa;font:400 12.5px/1.5 var(--sans)}
main[data-page="explore"] .market-breadcrumb a{color:#647089;text-decoration:none;transition:color .15s}
main[data-page="explore"] .market-breadcrumb a:hover{color:var(--accent)}
main[data-page="explore"] .market-breadcrumb [aria-current="page"]{color:#43506a;overflow-wrap:anywhere}
main[data-page="explore"] .market-detail-identity{display:flex;align-items:flex-start;gap:24px;min-width:0;min-height:112px;margin:0 0 14px}
main[data-page="explore"] .market-detail-art{display:block;flex:0 0 112px;width:112px;height:112px;object-fit:contain;border-radius:9px;background:#f4f4f8}
main[data-page="explore"] .market-detail-art.market-art-fallback{display:flex;align-items:center;justify-content:center;color:var(--accent)}
main[data-page="explore"] .market-detail-art.market-art-fallback .ico{width:34px;height:34px}
main[data-page="explore"] .market-detail-heading{flex:1 1 auto;min-width:0;padding-top:10px}
main[data-page="explore"] .market-detail-heading h1{margin:0 0 4px;color:#151b30;font:650 clamp(23px,2vw,31px)/1.12 var(--display);letter-spacing:-.033em;overflow-wrap:anywhere}
main[data-page="explore"] .market-detail-publisher{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 5px;color:#66718a;font:400 14.5px/1.4 var(--sans)}
main[data-page="explore"] .market-release-status{display:inline-flex;align-items:center;gap:5px;color:#138360;font:500 11.5px/1.35 var(--sans)}
main[data-page="explore"] .market-release-status .ico{width:14px;height:14px;stroke-width:2;flex:0 0 14px}
main[data-page="explore"] .market-detail-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;min-width:0;color:#5e6a82;font:400 13.5px/1.35 var(--sans)}
main[data-page="explore"] .market-detail-meta>span{min-width:0;overflow-wrap:anywhere}
main[data-page="explore"] .market-detail-meta>i{display:block;align-self:center;width:1px;height:13px;flex:0 0 1px;background:#cfd5e1}
/* Market product identity: compact release facts beside the rating. */
main[data-page="explore"] .market-detail-meta>.market-detail-meta-fact{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
main[data-page="explore"] .market-detail-meta-label{color:#7c879b;font-weight:400}
main[data-page="explore"] .market-detail-meta-fact>strong{color:#46536e;font-weight:400;font-variant-numeric:tabular-nums}
main[data-page="explore"] .market-detail-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;align-self:flex-start;margin-left:auto;padding-top:8px}
main[data-page="explore"] .market-detail-actions button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e0e5ee;border-radius:7px;background:#fff;color:#64718c;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
main[data-page="explore"] .market-detail-actions button:hover,main[data-page="explore"] .market-detail-actions button[aria-pressed="true"]{border-color:#c5b7ef;background:#faf9ff;color:var(--accent)}
main[data-page="explore"] .market-detail-actions button:focus-visible{outline:2px solid #a89aea;outline-offset:2px}
main[data-page="explore"] .market-detail-actions button .ico{width:19px;height:19px;stroke-width:1.65}
/* Product Detail sticky CTA must use the viewport as its scrolling ancestor.
   The site's standard overflow-x:hidden on html/body otherwise captures sticky.
   Keep this scoped to Product Detail so other dashboard pages are unchanged. */
html:has(main[data-page="explore"] .market-detail),
body:has(main[data-page="explore"] .market-detail){overflow-x:clip}
main[data-page="explore"] .market-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start;min-width:0}
main[data-page="explore"] .market-detail-main{display:flex;flex-direction:column;gap:0;min-width:0}
main[data-page="explore"] .market-product-tabs{display:flex;align-items:center;gap:28px;min-width:0;min-height:38px;margin:0 0 18px;padding:0;border:0;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;width:100%}
main[data-page="explore"] .market-product-tabs::-webkit-scrollbar{display:none}
main[data-page="explore"] .market-product-tabs a{display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto;min-height:38px;padding:0 1px 10px;border:0;background:transparent;color:#8b94a6;text-decoration:none;font:500 13.5px/1.3 var(--sans);white-space:nowrap;transition:color .15s}
main[data-page="explore"] .market-product-tabs a:hover{color:var(--accent)}
main[data-page="explore"] .market-product-tabs a.active{color:var(--accent);font-weight:500}
main[data-page="explore"] .market-product-tabs a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:transparent}
main[data-page="explore"] .market-product-tabs a.active::after{background:#9e90ef}
main[data-page="explore"] .market-product-tabs a:focus-visible{outline:2px solid #b4a7e9;outline-offset:-2px;border-radius:4px}
/* Overview, gallery and related products */
main[data-page="explore"] .market-detail-panel{box-sizing:border-box;min-width:0;min-height:0;padding:21px 22px;border:0;border-radius:9px;background:#fff;box-shadow:0 2px 10px rgba(35,40,61,.018)}
main[data-page="explore"] .market-detail-panel>h2{margin:0 0 10px;color:#171e33;font:500 18px/1.3 var(--display);letter-spacing:-.018em}
main[data-page="explore"] .market-detail-panel h3{color:#242e43;font:600 14px/1.45 var(--sans)}
main[data-page="explore"] .market-detail-description{margin:0;color:#536078;font:400 13px/1.6 var(--sans);white-space:normal;tab-size:4;overflow-wrap:anywhere}
main[data-page="explore"] .market-detail-description :is(p,div,ul,ol,li){font-family:inherit;font-size:inherit;line-height:inherit}
main[data-page="explore"] .market-detail-description :is(p,div){margin:0 0 8px;white-space:normal;color:inherit}
main[data-page="explore"] .market-detail-description :is(p,div):last-child{margin-bottom:0}
main[data-page="explore"] .market-detail-description :is(ul,ol){margin:7px 0 10px;padding-left:20px;white-space:normal}
main[data-page="explore"] .market-detail-description li{margin:2px 0;white-space:normal}
main[data-page="explore"] .market-detail-panel .market-detail-description :is(h2,h3,h4){margin:11px 0 5px;color:#30394f;font:500 13.5px/1.6 var(--sans);letter-spacing:normal}
main[data-page="explore"] .market-detail-description :is(b,strong){font-weight:600;color:#30394f}
main[data-page="explore"] .market-detail-description blockquote{margin:10px 0;padding:4px 10px;border-left:2px solid #b2a6e9;color:#65718a}
main[data-page="explore"] .market-detail-description a{color:var(--accent);text-decoration:underline}
/* Rich markup uses HTML blocks; only unformatted legacy plain text preserves source line breaks. */
main[data-page="explore"] .market-detail-description--plain{white-space:pre-line}
main[data-page="explore"] .market-detail-panel .market-detail-description h3{font-size:13px}
main[data-page="explore"] .market-detail-panel .market-detail-description h4{font-size:13px}
/* Market description warning block, scoped to HTML content only. */
main[data-page="explore"] .market-detail-description div.atten{margin:11px 0;padding:10px 12px;border:0;border-left:3px solid #cbd1db;border-radius:6px;background:#f3f4f6;color:#536078;overflow-wrap:anywhere}
main[data-page="explore"] .market-detail-description div.atten>:first-child{margin-top:0}
main[data-page="explore"] .market-detail-description div.atten>:last-child{margin-bottom:0}
main[data-page="explore"] .market-media-panel{padding-bottom:20px}
main[data-page="explore"] .market-media-carousel{position:relative;min-width:0;margin-inline:0}
main[data-page="explore"] .market-media-grid{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-template-columns:none;grid-template-rows:var(--market-media-height,170px);gap:12px;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
main[data-page="explore"] .market-media-grid::-webkit-scrollbar{display:none}
main[data-page="explore"] .market-media-grid>.market-media-tile{scroll-snap-align:start;scroll-snap-stop:always}
main[data-page="explore"] .market-media-nav{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 9px rgba(20,28,49,.09);color:#3e4a64;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:background .16s,color .16s,box-shadow .16s,opacity .16s,visibility .16s}
main[data-page="explore"] .market-media-prev{left:8px}
main[data-page="explore"] .market-media-next{right:8px}
main[data-page="explore"] .market-media-nav .ico{display:block;flex:0 0 18px;width:18px;height:18px;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
main[data-page="explore"] .market-media-nav:hover:not(:disabled){background:rgba(255,255,255,.86);box-shadow:0 3px 11px rgba(20,28,49,.14);color:var(--accent)}
main[data-page="explore"] .market-media-nav:focus-visible{outline:2px solid #9e90ef;outline-offset:2px}
main[data-page="explore"] .market-media-nav:disabled{opacity:0;visibility:hidden;pointer-events:none;cursor:default}
main[data-page="explore"] .market-media-carousel:hover .market-media-nav:not(:disabled):not([hidden]),main[data-page="explore"] .market-media-carousel:focus-within .market-media-nav:not(:disabled):not([hidden]){opacity:.88;visibility:visible;pointer-events:auto}
@media(hover:none){main[data-page="explore"] .market-media-carousel .market-media-nav:not(:disabled):not([hidden]){opacity:.76;visibility:visible;pointer-events:auto}}
main[data-page="explore"] .market-media-nav[hidden]{display:none}
main[data-page="explore"] .market-media-tile{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;gap:0;width:auto;height:100%;min-width:0;padding:0;border:0;background:transparent;color:#343f58;text-decoration:none;text-align:left;font:400 12px/1.35 var(--sans);cursor:pointer}
main[data-page="explore"] .market-media-tile:focus-visible{outline:2px solid #a99ae9;outline-offset:3px;border-radius:5px}
main[data-page="explore"] .market-media-thumb{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;overflow:hidden;border:0;border-radius:7px;background:#f2f3f7}
main[data-page="explore"] .market-media-thumb img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .18s ease}
main[data-page="explore"] .market-media-tile:hover .market-media-thumb img{transform:scale(1.025)}
main[data-page="explore"] .market-media-video-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;gap:10px;width:100%;height:100%;padding:0;border-radius:7px;background:#1c2132;color:#fff;text-align:center}
main[data-page="explore"] .market-media-video-thumb>.ico{width:30px;height:30px;stroke-width:1.7}
main[data-page="explore"] .market-media-video-thumb>span{font:500 12px/1.4 var(--sans)}
/* Related Products inherits Market and User Profile product-grid columns.
   Use actual available detail-panel width instead of fixed card width/height. */
main[data-page="explore"] .market-related-panel{container-type:inline-size}
main[data-page="explore"] .market-tab-empty{min-height:160px;margin:12px 0 0;padding:18px 6px;box-shadow:none!important;border:0!important;background:transparent!important}
/* Honest rating and discussion states; no fabricated social proof. */
main[data-page="explore"] .market-rating-content{display:grid;grid-template-columns:215px minmax(0,1fr) 180px;align-items:center;gap:24px;min-width:0}
main[data-page="explore"] .market-rating-unavailable{padding-right:20px;border-right:1px solid #e7e9f0}
main[data-page="explore"] .market-rating-unavailable>strong{display:block;color:#141b31;font:650 48px/1.1 var(--display);letter-spacing:-.025em;white-space:nowrap}
main[data-page="explore"] .market-rating-unavailable>strong>span{color:#748098;font:400 18px/1 var(--sans)}
main[data-page="explore"] .market-rating-unavailable>p{margin:9px 0 0;color:#69758d;font:400 14px/1.45 var(--sans)}
main[data-page="explore"] .market-rating-breakdown{display:flex;flex-direction:column;gap:7px;min-width:0}
main[data-page="explore"] .market-rating-breakdown>div{display:grid;grid-template-columns:15px minmax(0,1fr) 20px;align-items:center;gap:9px;color:#778299;font:400 13px/1.2 var(--sans)}
main[data-page="explore"] .market-rating-track{display:block;height:9px;border-radius:5px;background:#ebedf2}
main[data-page="explore"] .market-rating-breakdown small{text-align:right;color:#8a94a5;font:400 12px/1 var(--sans)}
main[data-page="explore"] .market-rating-cta button{display:flex;align-items:center;justify-content:center;width:100%;min-height:59px;padding:0 10px;border:1px solid #9b8afa;border-radius:7px;background:#fff;color:var(--accent);font:600 14px/1.3 var(--sans)}
main[data-page="explore"] .market-rating-cta button:disabled{opacity:.55;cursor:not-allowed}
main[data-page="explore"] .market-reviews-panel{min-height:235px}
main[data-page="explore"] .market-comments-panel{min-height:300px}
main[data-page="explore"] .market-discussion-composer{display:grid;grid-template-columns:43px minmax(0,1fr);gap:14px;margin:15px 0 18px;padding-bottom:20px;border-bottom:1px solid #edf0f4}
main[data-page="explore"] .market-comment-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f0edfc;color:var(--accent)}
main[data-page="explore"] .market-comment-avatar .ico{width:19px;height:19px}
main[data-page="explore"] .market-discussion-composer>div{min-width:0}
main[data-page="explore"] .market-discussion-composer textarea{box-sizing:border-box;display:block;width:100%;min-height:65px;resize:none;padding:13px 14px;border:1px solid #e3e7f0;border-radius:7px;background:#fafbfc;color:#667085;font:400 12.5px/1.55 var(--sans)}
main[data-page="explore"] .market-discussion-composer textarea::placeholder{color:#98a1b2}
main[data-page="explore"] .market-discussion-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-top:10px}
main[data-page="explore"] .market-discussion-actions small{color:#8993a6;font:400 11.5px/1.4 var(--sans)}
main[data-page="explore"] .market-discussion-actions button{flex:0 0 auto;min-height:35px;padding:0 14px;border:0;border-radius:7px;background:var(--accent);color:#fff;font:500 12px var(--sans)}
main[data-page="explore"] .market-discussion-actions button:disabled{opacity:.5;cursor:not-allowed}
/* Published version timeline; only recorded versions/release notes are displayed. */
main[data-page="explore"] .market-section-subtitle{margin:-3px 0 22px;color:#79849a;font:400 15px/1.5 var(--sans)}
main[data-page="explore"] .market-release-timeline{margin:3px 0 0 7px;padding:0 0 0 23px;border-left:1px solid #e2e5ed}
main[data-page="explore"] .market-release-entry{position:relative;min-width:0;padding:0 0 12px}
main[data-page="explore"] .market-release-entry::before{content:"";position:absolute;top:5px;left:-29px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #fff}
main[data-page="explore"] .market-release-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}
main[data-page="explore"] .market-release-head>strong{color:#222b41;font:600 15.5px/1.35 var(--display)}
main[data-page="explore"] .market-release-latest{padding:4px 9px;border-radius:20px;background:#e6f6ee;color:#16825d;font:500 10.5px/1 var(--sans)}
main[data-page="explore"] .market-release-head>time{margin-left:auto;color:#8a94a7;font:400 13px/1.35 var(--sans)}
main[data-page="explore"] .market-release-entry>p{margin:0;color:#66728a;font:400 12.5px/1.65 var(--sans)}
main[data-page="explore"] .market-release-entry ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0 0 0 21px;color:#526078;font:400 14.5px/1.5 var(--sans)}
main[data-page="explore"] .market-release-entry ul li::marker{color:var(--accent)}
/* License panel uses real published prices, activation limits and enabled rentals. */
main[data-page="explore"] .market-purchase-panel{position:sticky;top:18px;box-sizing:border-box;min-width:0;margin-top:56px;padding:20px;border:0;border-radius:9px;background:#fff;box-shadow:0 3px 18px rgba(35,40,61,.022)}
main[data-page="explore"] .market-license-kind{display:block;margin:0 0 14px;color:#65718b;font:400 14px/1.45 var(--sans)}
main[data-page="explore"] .market-purchase-actions{display:flex;flex-direction:column;gap:9px}
main[data-page="explore"] .market-checkout-note{margin:0;color:#8b95a6;font:400 12px/1.5 var(--sans)}
main[data-page="explore"] .market-owned-notice{display:flex;align-items:center;gap:8px;margin:-5px 0 12px;color:#17845f;font:500 13px/1.45 var(--sans)}
main[data-page="explore"] .market-owned-notice .ico{width:14px;height:14px}
main[data-page="explore"] .market-purchase-downloads{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
main[data-page="explore"] .market-purchase-downloads a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:0;outline:0;border-radius:6px;background:#faf8ff;color:var(--accent);text-decoration:none;font:500 13px/1.35 var(--sans)}
main[data-page="explore"] .market-purchase-divider{height:0;margin:18px 0;padding:0;border-top:1px solid #e6eaf0}
main[data-page="explore"] .market-purchase-panel h3{margin:0 0 8px;color:#273046;font:600 15px/1.4 var(--sans)}
main[data-page="explore"] .market-product-facts{margin:0}
main[data-page="explore"] .market-product-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:11px;min-width:0;padding:9px 0;border-bottom:1px solid #edf0f4}
main[data-page="explore"] .market-product-facts>div:last-child{border:0}
main[data-page="explore"] .market-product-facts dt{min-width:0;color:#8490a6;font:400 13px/1.45 var(--sans)}
main[data-page="explore"] .market-product-facts dd{margin:0;color:#334058;font:500 13px/1.45 var(--sans);text-align:right;overflow-wrap:anywhere}
main[data-page="explore"] .market-rental-options{min-width:0;margin:0;padding:0;border:0}
main[data-page="explore"] .market-rental-options legend{margin:0 0 8px;padding:0;color:#263047;font:600 15px/1.45 var(--sans)}
main[data-page="explore"] .market-purchase-foot{margin-top:17px;padding-top:15px;border-top:1px solid #e6eaf0}
main[data-page="explore"] .market-purchase-foot>span{display:flex;align-items:center;gap:8px;color:#5d6a83;font:400 11px/1.5 var(--sans)}
main[data-page="explore"] .market-purchase-foot .ico{flex:0 0 16px;width:16px;height:16px;padding:3px;border-radius:50%;background:#e0f7eb;color:#16865f;stroke-width:2}
#modal.market-shot-preview-modal,#modal.market-shot-preview-modal:focus,#modal.market-shot-preview-modal:focus-visible{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);height:max-content!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:8px;background:transparent;box-shadow:none!important;overflow:hidden;-webkit-appearance:none!important;appearance:none!important}
#modal.market-shot-preview-modal .market-shot-preview{display:block;max-height:none;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
#modal.market-shot-preview-modal .market-shot-preview img{display:block;max-width:min(1080px,calc(100vw - 24px));max-height:calc(100dvh - 24px);width:auto;height:auto;object-fit:contain}
/* Product Detail media lightbox: large media and the existing Close control only. */
#modal.market-shot-preview-modal .modal-head{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:0;margin:0!important;padding:0!important;pointer-events:none}
#modal.market-shot-preview-modal .modal-head .icon-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:34px!important;height:34px!important;flex:0 0 34px!important;padding:0;border:0!important;outline:0!important;border-radius:8px!important;background:rgba(22,27,40,.56)!important;color:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}
#modal.market-shot-preview-modal .modal-head .icon-button:hover,#modal.market-shot-preview-modal .modal-head .icon-button:focus-visible{background:rgba(22,27,40,.8)!important;color:#fff!important;outline:0!important;box-shadow:none!important}
#modal.market-shot-preview-modal .modal-head h2{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal.market-shot-preview-modal .market-media-preview-scroll{display:block;max-height:none;overflow:hidden;border:0;border-radius:0;background:transparent}
#modal.market-shot-preview-modal .market-media-preview-content{display:block;box-sizing:border-box;width:max-content;max-width:100%;min-width:0;background:transparent}
#modal.market-shot-preview-modal .market-media-preview-content>img{display:block;max-width:min(1080px,calc(100vw - 24px));max-height:calc(100dvh - 24px);width:auto;height:auto;object-fit:contain}
#modal.market-shot-preview-modal .market-media-preview-content>.market-media-thumb{display:block;box-sizing:border-box;width:min(900px,calc(100vw - 24px),120dvh);max-width:100%;aspect-ratio:1.36;overflow:hidden;border:0;border-radius:0}
#modal.market-shot-preview-modal .market-media-preview-content>.market-preview-chart-thumb{background:#0e151c}
#modal.market-shot-preview-modal .market-preview-chart-thumb svg{display:block;width:100%;height:100%}
#modal.market-shot-preview-modal .market-media-preview-content>.market-preview-terminal-thumb{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background:#fbfbfc;color:#323b4c;font:400 15px/1.3 Arial,sans-serif}
#modal.market-shot-preview-modal .market-preview-terminal-title{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 12px;border-bottom:1px solid #d2d6dd;background:linear-gradient(#fdfdff,#e8eaf0);font:600 16px/1.15 Arial,sans-serif;white-space:nowrap}
#modal.market-shot-preview-modal .market-preview-terminal-title>span{margin-left:auto;font-size:21px;color:#70809a}
#modal.market-shot-preview-modal .market-preview-terminal-tabs{display:flex;min-height:36px;align-items:stretch;padding-left:12px;border-bottom:1px solid #d4d8e0;background:#f4f5f7}
#modal.market-shot-preview-modal .market-preview-terminal-tabs>span,#modal.market-shot-preview-modal .market-preview-terminal-tabs>strong{display:inline-flex;align-items:center;padding:0 13px;font:400 14px/1.25 Arial,sans-serif}
#modal.market-shot-preview-modal .market-preview-terminal-tabs>strong{background:#fff;font-weight:600}
#modal.market-shot-preview-modal .market-preview-terminal-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1 1 auto;min-height:28px}
#modal.market-shot-preview-modal .market-preview-terminal-row:nth-child(even){background:#f0f1f4}
#modal.market-shot-preview-modal .market-preview-terminal-row>span,#modal.market-shot-preview-modal .market-preview-terminal-row>b{display:flex;align-items:center;overflow:hidden;min-width:0;padding:4px 11px;border-right:1px solid #e0e3e9;border-bottom:1px solid #e1e4e9;font:400 14px/1.25 Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}
#modal.market-shot-preview-modal .market-preview-terminal-cols{background:#e7eaf0}
#modal.market-shot-preview-modal .market-preview-terminal-cols>b{font-weight:600}
#modal.market-shot-preview-modal .market-media-preview-content>.market-preview-video-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-sizing:border-box;width:min(900px,calc(100vw - 24px),120dvh);max-width:100%;aspect-ratio:1.36;min-height:0;padding:20px;border-radius:0;background:radial-gradient(ellipse at 50% 90%,#60431b 0%,#15100d 40%,#0c0b0e 100%);color:#f6d087;text-align:center;overflow:hidden}
#modal.market-shot-preview-modal .market-preview-video-thumb strong{font:600 27px/1.2 var(--display);letter-spacing:.035em}
#modal.market-shot-preview-modal .market-preview-video-thumb .market-preview-play{display:grid;place-items:center;width:72px;height:72px;padding-left:4px;border:2px solid #fff;border-radius:50%;color:#fff;font:500 27px/1 var(--sans)}
#modal.market-shot-preview-modal .market-media-preview-note{margin:10px 0 0;color:#6c7790;font:400 12px/1.45 var(--sans)}
#modal.market-shot-preview-modal .market-media-video-frame{width:min(960px,calc(100vw - 24px),160dvh);max-width:100%;aspect-ratio:16/9;overflow:hidden;border:0;border-radius:0;background:#101323}
#modal.market-shot-preview-modal .market-media-video-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:560px){#modal.market-shot-preview-modal{padding:0!important}#modal.market-shot-preview-modal .modal-head{top:8px;right:8px}#modal.market-shot-preview-modal .market-preview-terminal-row>span,#modal.market-shot-preview-modal .market-preview-terminal-row>b{font-size:12px;padding:3px 6px}}
/* Cross-page consistency: product detail scales with available dashboard width. */
@media(max-width:1120px){
 main[data-page="explore"] .market-detail-layout{grid-template-columns:minmax(0,1fr) minmax(255px,300px);gap:15px}
 main[data-page="explore"] .market-detail-panel{padding:19px}
 main[data-page="explore"] .market-rating-content{grid-template-columns:minmax(110px,1fr) minmax(150px,1.3fr);gap:16px}
 main[data-page="explore"] .market-rating-cta{grid-column:1/-1}
}
@media(max-width:940px){
 main[data-page="explore"] .market-detail-layout{grid-template-columns:minmax(0,1fr)}
 main[data-page="explore"] .market-purchase-panel{position:static;margin-top:0}
 main[data-page="explore"] .market-rating-content{grid-template-columns:minmax(110px,.9fr) minmax(140px,1.4fr) minmax(120px,.8fr)}
 main[data-page="explore"] .market-rating-cta{grid-column:auto}
}
@media(max-width:680px){
 main[data-page="explore"] .market-detail-identity{gap:14px;flex-wrap:wrap}
 main[data-page="explore"] .market-detail-art{flex:0 0 82px;width:82px;height:82px}
 main[data-page="explore"] .market-detail-heading{padding-top:0}
 main[data-page="explore"] .market-detail-heading h1{font-size:23px}
 main[data-page="explore"] .market-detail-meta{font-size:11.5px;gap:6px 9px}
 main[data-page="explore"] .market-detail-actions{padding-top:0;margin-left:0}
 main[data-page="explore"] .market-rating-content{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
 main[data-page="explore"] .market-rating-cta{grid-column:1/-1}
}
@media(max-width:440px){
 main[data-page="explore"] .market-breadcrumb{gap:7px;font-size:11px}
 main[data-page="explore"] .market-detail-art{flex-basis:68px;width:68px;height:68px}
 main[data-page="explore"] .market-detail-heading h1{font-size:21px}
 main[data-page="explore"] .market-detail-actions{width:100%;justify-content:flex-end}
 main[data-page="explore"] .market-product-tabs{gap:6px}
 main[data-page="explore"] .market-product-tabs a{font-size:12px;padding-inline:8px}
 main[data-page="explore"] .market-detail-panel{padding:16px}
 main[data-page="explore"] .market-media-grid{gap:9px}
 main[data-page="explore"] .market-rating-content{grid-template-columns:minmax(0,1fr)}
 main[data-page="explore"] .market-rating-unavailable{padding:0 0 12px;border-right:0;border-bottom:1px solid #e7e9f0}
 main[data-page="explore"] .market-discussion-composer{grid-template-columns:minmax(0,1fr)}
 main[data-page="explore"] .market-comment-avatar{display:none}
 main[data-page="explore"] .market-discussion-actions{flex-wrap:wrap}
 main[data-page="explore"] .market-release-head>time{margin-left:0;flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){main[data-page="explore"] .market-media-thumb img{transition:none!important;transform:none!important}}
/* Real published EA feedback: only the server-confirmed claim/purchase
   authorizes composer and rating CTA. Keep existing Market tab styling. */
main[data-page="explore"] .market-feedback-access{
 margin:12px 0 0;color:#77839a;font:400 12.5px/1.55 var(--sans)
}
/* Feedback feed data is lazy; entitlement and composer are already resolved
   by the authenticated bootstrap. Never animate or repaint the composer. */
main[data-page="explore"] .market-feedback-skeleton{
 display:flex;flex-direction:column;justify-content:center;gap:11px;
 min-height:72px;width:100%;padding:7px 0;box-sizing:border-box
}
main[data-page="explore"] .market-feedback-skeleton>span{
 display:block;width:100%;height:9px;border-radius:5px;background:#eceef5
}
main[data-page="explore"] .market-feedback-skeleton>span:nth-child(2){width:77%}
main[data-page="explore"] .market-feedback-skeleton>span:nth-child(3){width:54%}
main[data-page="explore"] .market-rating-breakdown>.market-feedback-skeleton{
 display:flex;flex-direction:column;min-height:72px;gap:11px
}
main[data-page="explore"] .market-feedback-inline-skeleton{
 width:min(120px,85%);height:10px;min-height:10px;margin-top:11px;
 border-radius:5px;background:#eceef5
}
main[data-page="explore"] .market-feedback-feed-message{
 margin:11px 0;color:#768197;font:400 12.5px/1.55 var(--sans)
}
main[data-page="explore"] .market-rating-breakdown .market-rating-track>i{display:block}
main[data-page="explore"] .market-comments-panel .market-discussion-composer textarea{
 min-height:75px;resize:vertical;background:#fff
}
main[data-page="explore"] .market-reviews-panel .market-preview-entries,
main[data-page="explore"] .market-comments-panel .market-preview-entries{margin-top:14px}
/* PTP_MARKET_DETAIL_UI_PREVIEW_V1 — illustrative content only, no catalog changes. */
main[data-page="explore"] .market-detail-preview-footer{margin:13px 0 0;color:#929bab;font:400 10.5px/1.45 var(--sans)}
main[data-page="explore"] .market-preview-head-rating{display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 5px;color:#55617a;font:400 13.5px/1.3 var(--sans)}
main[data-page="explore"] .market-preview-stars{display:inline-flex;align-items:center;gap:1px;flex:0 0 auto;color:#c9ced9;white-space:nowrap;font:500 20px/1 var(--sans)}
main[data-page="explore"] .market-preview-stars>.market-product-stars{display:inline-flex;align-items:center;gap:1px;font:inherit;letter-spacing:0}
main[data-page="explore"] .market-preview-rating-score .market-preview-stars{margin:6px 0 0;font-size:27px}
main[data-page="explore"] .market-preview-rating-score p{margin-top:8px!important}
main[data-page="explore"] .market-rating-track{overflow:hidden}
main[data-page="explore"] .market-rating-track>i{display:block;height:100%;border-radius:5px;background:var(--accent)}
main[data-page="explore"] .market-preview-section-head{display:flex;align-items:center;justify-content:space-between;gap:13px;min-width:0;margin:0 0 17px;padding:0 0 13px;border-bottom:1px solid #ebedf2}
main[data-page="explore"] .market-preview-section-head>h2{margin:0;min-width:0}
main[data-page="explore"] .market-preview-sort{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-width:142px;height:36px}
main[data-page="explore"] .market-preview-sort select{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;height:36px;padding:0 34px 0 12px;border:1px solid #e2e5ef;border-radius:7px;outline:0;background:#fff;color:#3c4863;font:400 12px/1.4 var(--sans);cursor:pointer}
main[data-page="explore"] .market-preview-sort select:focus-visible{outline:2px solid #ad9be6;outline-offset:2px}
main[data-page="explore"] .market-preview-sort>.ico{position:absolute;right:10px;pointer-events:none;width:15px;height:15px;color:#596783}
main[data-page="explore"] .market-preview-entries{display:flex;flex-direction:column;min-width:0}
main[data-page="explore"] .market-preview-review,main[data-page="explore"] .market-preview-comment{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;min-width:0;padding:17px 0;border-bottom:1px solid #ebedf2}
main[data-page="explore"] .market-preview-entries>:first-child{padding-top:0}
main[data-page="explore"] .market-preview-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#eeeaff;color:var(--accent);font:600 13px/1.2 var(--sans)}
main[data-page="explore"] .market-preview-entries>:nth-child(even)>.market-preview-avatar{background:#e0f4f1;color:#0b8471}
main[data-page="explore"] .market-preview-review-body,main[data-page="explore"] .market-preview-comment-body{min-width:0}
main[data-page="explore"] .market-preview-review-head,main[data-page="explore"] .market-preview-comment-head{display:flex;align-items:center;gap:7px 12px;flex-wrap:wrap;min-width:0;margin:0 0 8px}
main[data-page="explore"] .market-preview-review-head>strong,main[data-page="explore"] .market-preview-comment-head>strong{color:#252d42;font:600 12.5px/1.35 var(--sans)}
main[data-page="explore"] .market-preview-review-head>time,main[data-page="explore"] .market-preview-comment-head>time{margin-left:auto;color:#8994a9;font:400 11px/1.4 var(--sans);white-space:nowrap}
main[data-page="explore"] .market-preview-review-head .market-preview-stars{font-size:19px}
main[data-page="explore"] .market-preview-verified{display:inline-flex;align-items:center;gap:4px;color:#16855e;font:400 12px/1.4 var(--sans)}
main[data-page="explore"] .market-preview-verified .ico{width:13px;height:13px}
main[data-page="explore"] .market-preview-review-body>p,main[data-page="explore"] .market-preview-comment-body>p{margin:0 0 11px;color:#4f5c73;font:400 12.5px/1.65 var(--sans);overflow-wrap:anywhere}
main[data-page="explore"] .market-preview-feedback{display:flex;align-items:center;gap:17px;flex-wrap:wrap;min-width:0;margin:0 0 12px}
main[data-page="explore"] .market-preview-feedback button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#71809a;font:400 11px/1.35 var(--sans);cursor:pointer}
main[data-page="explore"] .market-preview-feedback button:hover,main[data-page="explore"] .market-preview-feedback button[aria-pressed="true"]{color:var(--accent)}
main[data-page="explore"] .market-preview-feedback button .ico{width:15px;height:15px;stroke-width:1.65}
main[data-page="explore"] .market-preview-feedback button:focus-visible{outline:2px solid #a69aeb;outline-offset:3px;border-radius:2px}
main[data-page="explore"] .market-preview-seller-reply{display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;min-width:0;margin:0 0 0 1px;padding:11px 12px;border-left:2px solid #9d87f6;border-radius:0 7px 7px 0;background:#f6f7fa}
main[data-page="explore"] .market-preview-seller-reply .market-preview-avatar{width:37px;height:37px;flex-basis:37px;background:#e6e0fb;color:var(--accent);font-size:12px}
main[data-page="explore"] .market-preview-seller-reply>div{min-width:0}
main[data-page="explore"] .market-preview-seller-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 5px;color:#303950}
main[data-page="explore"] .market-preview-seller-meta>strong{font:600 11.5px/1.35 var(--sans)}
main[data-page="explore"] .market-preview-seller-meta>span{padding:3px 8px;border-radius:20px;background:#e8e2ff;color:var(--accent);font:500 10px/1.2 var(--sans)}
main[data-page="explore"] .market-preview-seller-meta>time{color:#8d98aa;font:400 10.5px/1.3 var(--sans)}
main[data-page="explore"] .market-preview-seller-reply p{margin:0;color:#5e6a80;font:400 11.5px/1.55 var(--sans);overflow-wrap:anywhere}
/* Preview discussions, pagination and media placeholders. */
main[data-page="explore"] .market-preview-pagination{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px;margin:17px 0 0}
main[data-page="explore"] .market-preview-pagination button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:36px;padding:0;border:1px solid #e1e5ef;border-radius:7px;background:#fff;color:#3a4660;font:500 12px/1.2 var(--sans);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
main[data-page="explore"] .market-preview-pagination button:hover:not(:disabled):not(.active){border-color:#b5a5ed;color:var(--accent)}
main[data-page="explore"] .market-preview-pagination button.active{border-color:var(--accent);background:var(--accent);color:#fff}
main[data-page="explore"] .market-preview-pagination button:disabled{opacity:.38;cursor:not-allowed}
main[data-page="explore"] .market-preview-pagination button:focus-visible{outline:2px solid #a696e8;outline-offset:2px}
main[data-page="explore"] .market-preview-composer{margin:8px 0 17px}
main[data-page="explore"] .market-preview-composer .market-comment-avatar{background:#e8e3fb;color:var(--accent)}
main[data-page="explore"] .market-preview-composer textarea{min-height:64px;background:#fff}
main[data-page="explore"] .market-preview-composer textarea:focus{border-color:#a494e8;outline:0;box-shadow:0 0 0 3px rgba(102,78,211,.08)}
main[data-page="explore"] .market-discussion-actions .market-preview-attach{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:0 3px;border:0;background:transparent;color:#6a7691;font:400 12px/1.3 var(--sans);cursor:pointer}
main[data-page="explore"] .market-preview-attach .ico{width:15px;height:15px}
main[data-page="explore"] .market-preview-attach:hover{color:var(--accent)}
main[data-page="explore"] .market-preview-composer .market-discussion-actions button:not(.market-preview-attach){min-height:37px;padding:0 17px;cursor:pointer}
main[data-page="explore"] .market-preview-composer .market-discussion-actions button:not(.market-preview-attach):hover{background:#5a43d0}
main[data-page="explore"] .market-preview-updates .market-release-entry{padding:0;margin-bottom:24px;border-bottom:0}
main[data-page="explore"] .market-preview-updates .market-release-entry:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
main[data-page="explore"] .market-preview-video{cursor:zoom-in}
main[data-page="explore"] .market-preview-video-thumb{gap:8px;overflow:hidden;padding:13px;background:radial-gradient(ellipse at center bottom,#654c24 0%,#1e1723 56%,#121523 100%);color:#f4d788}
main[data-page="explore"] .market-preview-video-thumb .market-preview-play{display:grid;place-items:center;width:45px;height:45px;padding-left:3px;border:2px solid #fff;border-radius:50%;color:#fff;font:500 19px/1 var(--sans)}
main[data-page="explore"] .market-preview-video-thumb strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/1.3 var(--display);letter-spacing:.035em;text-transform:uppercase}
main[data-page="explore"] .market-preview-video-thumb small{color:#ebe0d3;font:500 10px/1.2 var(--sans)}
@media(max-width:1120px){
 main[data-page="explore"] .market-preview-review-head .market-preview-stars{order:4}
 main[data-page="explore"] .market-preview-review-head>time{order:3}
}
@media(max-width:680px){
 main[data-page="explore"] .market-preview-section-head{flex-wrap:wrap}
 main[data-page="explore"] .market-preview-sort{min-width:135px}
 main[data-page="explore"] .market-preview-review,main[data-page="explore"] .market-preview-comment{grid-template-columns:36px minmax(0,1fr);gap:9px}
 main[data-page="explore"] .market-preview-review>.market-preview-avatar,main[data-page="explore"] .market-preview-comment>.market-preview-avatar{width:36px;height:36px;flex-basis:36px;font-size:11px}
 main[data-page="explore"] .market-preview-review-head>time,main[data-page="explore"] .market-preview-comment-head>time{margin-left:0}
 main[data-page="explore"] .market-preview-verified{font-size:10px}
 main[data-page="explore"] .market-preview-seller-reply{grid-template-columns:31px minmax(0,1fr);padding:9px}
 main[data-page="explore"] .market-preview-seller-reply .market-preview-avatar{width:30px;height:30px;flex-basis:30px;font-size:10px}
}
@media(max-width:440px){
 main[data-page="explore"] .market-preview-head-rating{flex-wrap:wrap;gap:5px 9px}
 main[data-page="explore"] .market-preview-stars{font-size:17px}
 main[data-page="explore"] .market-preview-sort{width:100%;flex:1 1 100%}
 main[data-page="explore"] .market-preview-composer .market-discussion-actions{gap:9px}
}
/* PTP_MARKET_DETAIL_MOCKUP_QA_V3: scoped refinement to approved detail mockups. */
main[data-page="explore"] .market-preview-video-thumb{position:relative;gap:11px;background:radial-gradient(ellipse at 50% 90%,#60431b 0%,#15100d 40%,#0c0b0e 100%);color:#f6d087;isolation:isolate}
main[data-page="explore"] .market-preview-video-thumb strong{font:600 17px/1.15 var(--display);letter-spacing:.045em;z-index:1}
main[data-page="explore"] .market-preview-video-thumb small{font:500 10px/1.2 var(--sans);letter-spacing:.04em;z-index:1}
main[data-page="explore"] .market-preview-video-thumb .market-preview-play{z-index:1;width:54px;height:54px;font-size:22px}
main[data-page="explore"] .market-preview-sparkline{display:block;position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(198,133,31,.18)),repeating-linear-gradient(90deg,transparent 0 14px,rgba(249,191,65,.16) 15px 16px,transparent 17px 22px);opacity:.82}
main[data-page="explore"] .market-preview-review-head>strong,main[data-page="explore"] .market-preview-comment-head>strong{font-size:14px}
main[data-page="explore"] .market-preview-review-head>time,main[data-page="explore"] .market-preview-comment-head>time{font-size:12.5px}
main[data-page="explore"] .market-preview-review-body>p,main[data-page="explore"] .market-preview-comment-body>p{font-size:14px;line-height:1.55}
main[data-page="explore"] .market-preview-feedback button{font-size:12.5px}
main[data-page="explore"] .market-preview-seller-meta>strong{font-size:13px}
main[data-page="explore"] .market-preview-seller-reply p{font-size:13.5px;line-height:1.5}
main[data-page="explore"] .market-preview-section-head h2{font-size:19px}
main[data-page="explore"] .market-preview-seller-reply{padding:12px 14px}
@media(min-width:1151px) and (max-width:1350px){main[data-page="explore"] .market-detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}}
/* Media reaches both card edges; retain standard inset on the section title only. */
main[data-page="explore"] .market-media-panel{--market-media-inset:22px;padding:13px 0 10px}
main[data-page="explore"] .market-media-panel>h2{padding-inline:0}
main[data-page="explore"] .market-preview-video-thumb{aspect-ratio:auto}
@media(max-width:1120px){main[data-page="explore"] .market-media-panel{--market-media-inset:19px;padding:13px 0 10px}}
@media(max-width:440px){main[data-page="explore"] .market-media-panel{--market-media-inset:14px;padding:14px 0}}
/* Reviews show ten top-level items per page. Replies stay inside their parent item;
   allow the second page to shrink naturally when it contains fewer reviews. */
main[data-page="explore"] .market-reviews-panel.market-preview-list-panel{display:flex;flex-direction:column;min-height:0;padding-bottom:20px}
main[data-page="explore"] .market-reviews-panel .market-preview-pagination{margin-top:17px}
@media(max-width:680px){main[data-page="explore"] .market-reviews-panel.market-preview-list-panel{min-height:0;padding-bottom:18px}main[data-page="explore"] .market-reviews-panel .market-preview-pagination{margin-top:17px}}
/* Four information tabs should all remain visible at common 390px mobile widths. */
@media(max-width:440px){
 main[data-page="explore"] .market-product-tabs{gap:0;justify-content:space-between}
 main[data-page="explore"] .market-product-tabs a{font-size:10.75px;padding-inline:3px}
}
/* Sidebar footer link and first-discussion mock attachment follow reference layout. */
main[data-page="explore"] .market-purchase-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
main[data-page="explore"] .market-purchase-foot>span{min-width:0;flex:0 1 auto}
main[data-page="explore"] .market-preview-terms{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--accent);font:500 11px/1.4 var(--sans);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;cursor:pointer}
main[data-page="explore"] .market-preview-terms:hover{color:#4d38c7}
main[data-page="explore"] .market-preview-terms:focus-visible{outline:0;color:#4d38c7}
main[data-page="explore"] .market-preview-attachment{display:inline-flex;align-items:center;gap:7px;min-height:28px;box-sizing:border-box;margin-top:8px;padding:4px 9px;border:1px solid #e1e5ed;border-radius:6px;background:#fff;color:#46516b;font:400 11.5px/1.3 var(--sans)}
main[data-page="explore"] .market-preview-attachment .ico{width:15px;height:15px}
main[data-page="explore"] .market-comments-panel .market-preview-comment{padding:10px 0}
main[data-page="explore"] .market-comments-panel .market-preview-entries>:first-child{padding-top:0}
main[data-page="explore"] .market-comments-panel .market-preview-feedback{margin-bottom:7px}
@media(max-width:440px){main[data-page="explore"] .market-purchase-foot{flex-wrap:wrap}}
/* Sample purchase shield uses its own correct 20x22px geometry. */
main[data-page="explore"] .market-purchase-foot .ico.market-preview-secure-icon{flex:0 0 20px;width:20px;height:22px;padding:0;border-radius:0;background:transparent;box-shadow:none;stroke:initial}
main[data-page="explore"] .market-preview-verified .ico{width:16px;height:17px}
/* DETAIL REAL DATA FIRST: only unavailable reviews/discussion/media/history use samples. */
/* Read more only clips the existing typography; it must not change its layout, whitespace or block display. */
main[data-page="explore"] .market-detail-description.market-description-collapsed{max-height:18em;overflow:hidden}
main[data-page="explore"] .market-description-toggle{display:inline-flex;align-items:center;min-height:23px;margin:20px 0 0;padding:0;border:0;background:transparent;color:var(--accent);font:500 12.5px/1.3 var(--sans);cursor:pointer}
main[data-page="explore"] .market-description-toggle:hover{color:#503ac6}
main[data-page="explore"] .market-description-toggle:focus-visible{outline:2px solid #ac9be9;outline-offset:2px;border-radius:3px}
main[data-page="explore"] .market-preview-sample-tag{display:inline-flex;align-items:center;vertical-align:middle;gap:4px;margin-left:6px;padding:3px 7px;border:1px solid #e9e3fa;border-radius:12px;background:#f8f6fd;color:#756691;font:500 10px/1.2 var(--sans);white-space:nowrap;letter-spacing:0}
main[data-page="explore"] .market-preview-verified--sample{color:#008d66}
main[data-page="explore"] .market-preview-verified--sample .ico{width:16px;height:17px;flex:0 0 16px;stroke-width:1.7}
main[data-page="explore"] .market-preview-example-note{display:inline-block;margin:0 0 9px;padding:4px 8px;border:1px solid #ece7f8;border-radius:5px;background:#faf8ff;color:#7b6b9e;font:500 11px/1.3 var(--sans)}
main[data-page="explore"] .market-release-sample .market-release-head>strong{color:#56617a}
main[data-page="explore"] .market-release-sample::before{background:#b5a5ea}
main[data-page="explore"] .market-release-sample ul{color:#6c7589}
/* Keep the actual EA name beside its own logo on narrow mobile screens. */
@media(max-width:680px){
 main[data-page="explore"] .market-detail-identity>.market-detail-heading{flex:1 1 calc(100% - 96px);min-width:0}
 main[data-page="explore"] .market-detail-identity>.market-detail-actions{flex:0 0 100%;justify-content:flex-end;margin-left:0}
}
@media(max-width:440px){
 main[data-page="explore"] .market-detail-identity>.market-detail-heading{flex-basis:calc(100% - 82px)}
}
/* Product Detail publisher badges match the established Member Profile outline icons. */
main[data-page="explore"] .market-seller-link,main[data-page="explore"] .market-seller-name{color:#384561;text-decoration:none;font:500 inherit;font-weight:500;overflow-wrap:anywhere}
main[data-page="explore"] .market-seller-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
main[data-page="explore"] .market-seller-link:focus-visible{outline:2px solid #b7aaed;outline-offset:2px;border-radius:3px}
main[data-page="explore"] .market-publisher-badges{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px}
main[data-page="explore"] .market-publisher-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;min-width:18px;padding:0;background:transparent;line-height:1;white-space:nowrap}
main[data-page="explore"] .market-publisher-badge .ico{display:block;flex:0 0 16px;width:16px;height:16px;stroke-width:1.8}
main[data-page="explore"] .market-publisher-badge--user{color:var(--accent)}
main[data-page="explore"] .market-publisher-badge--seller{color:#168268}
main[data-page="explore"] .market-publisher-badge--seller .ico{stroke-width:2.15}
@media(max-width:600px){
 main[data-page="explore"] .market-publisher-badges{gap:2px}
 main[data-page="explore"] .market-publisher-badge{flex-basis:17px;width:17px;height:17px;min-width:17px}
 main[data-page="explore"] .market-publisher-badge .ico{flex-basis:15px;width:15px;height:15px}
}
@media(max-width:380px){
 main[data-page="explore"] .market-publisher-badge{flex-basis:16px;width:16px;height:16px;min-width:16px}
 main[data-page="explore"] .market-publisher-badge .ico{flex-basis:14px;width:14px;height:14px}
}
main[data-page="explore"] .market-detail-meta>.market-preview-head-rating{display:inline-flex;align-items:baseline;gap:11px;flex:0 0 auto;margin:0;font:400 13.5px/1.35 var(--sans);color:#5e6a82}
main[data-page="explore"] .market-detail-meta .market-preview-head-values{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}
main[data-page="explore"] .market-detail-meta>.market-preview-head-rating .market-preview-stars{position:relative;top:1px;font-size:21px}
main[data-page="explore"] .market-detail-meta>i{flex:0 0 1px}
main[data-page="explore"] .market-preview-price-disclaimer{margin:-11px 0 12px;font-size:10.5px;color:#8f849f}
main[data-page="explore"] .market-preview-example-media{cursor:zoom-in}
main[data-page="explore"] .market-preview-chart-thumb{display:block;background:#0e151c}
main[data-page="explore"] .market-preview-chart-thumb svg{display:block;width:100%;height:100%}
main[data-page="explore"] .market-preview-terminal-thumb{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background:#fbfbfc;color:#323b4c;font:400 9.5px/1.2 Arial,sans-serif}
main[data-page="explore"] .market-preview-terminal-title{display:flex;align-items:center;justify-content:space-between;min-height:24px;padding:0 7px;border-bottom:1px solid #d2d6dd;background:linear-gradient(#fdfdff,#e8eaf0);font:600 10px/1.1 Arial,sans-serif;overflow:hidden;white-space:nowrap}
main[data-page="explore"] .market-preview-terminal-title>span{margin-left:auto;font-size:16px;color:#70809a}
main[data-page="explore"] .market-preview-terminal-tabs{display:flex;align-items:stretch;min-height:22px;padding-left:7px;border-bottom:1px solid #d4d8e0;background:#f4f5f7;white-space:nowrap}
main[data-page="explore"] .market-preview-terminal-tabs>span,main[data-page="explore"] .market-preview-terminal-tabs>strong{display:inline-flex;align-items:center;padding:0 8px;font:400 9px/1.2 Arial,sans-serif}
main[data-page="explore"] .market-preview-terminal-tabs>strong{background:#fff;font-weight:600}
main[data-page="explore"] .market-preview-terminal-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1 1 auto;min-height:17px;align-items:stretch}
main[data-page="explore"] .market-preview-terminal-row:nth-child(even){background:#f0f1f4}
main[data-page="explore"] .market-preview-terminal-row>span,main[data-page="explore"] .market-preview-terminal-row>b{display:flex;align-items:center;min-width:0;overflow:hidden;padding:2px 6px;border-right:1px solid #e0e3e9;border-bottom:1px solid #e1e4e9;white-space:nowrap;text-overflow:ellipsis;font:400 9.5px/1.2 Arial,sans-serif}
main[data-page="explore"] .market-preview-terminal-cols{background:#e7eaf0}
main[data-page="explore"] .market-preview-terminal-cols>b{font-weight:600}
/* Seller identity uses the existing User Profile, not a duplicate Market card. */
@media(max-width:680px){
 main[data-page="explore"] .market-detail-meta>.market-preview-head-rating{flex:0 1 auto}
}
@media(max-width:440px){
 main[data-page="explore"] .market-detail-meta>.market-preview-head-rating{gap:7px;font-size:11px}
 main[data-page="explore"] .market-detail-meta>.market-preview-head-rating .market-preview-stars{font-size:17px}
 main[data-page="explore"] .market-detail-publisher{gap:6px;font-size:12px}
}
/* PTP_MARKET_PERFORMANCE_V1: Network Accounts language, scoped to Product Detail. */
main[data-page="explore"] .market-performance-card{padding:20px}
/* Standalone Market KPIs: same icon, status dot and dot-grid as Overview / My Statistics. */
main[data-page="explore"] .market-performance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;min-width:0;margin:0}
main[data-page="explore"] .market-performance-metric.metric-rich{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0;padding:12px 16px!important;border:0;border-radius:8px;background:#fff;box-shadow:var(--card-shadow)}
main[data-page="explore"] .market-performance-metric .metric-head{align-items:flex-start;gap:10px;margin:0 0 6px}
main[data-page="explore"] .market-performance-metric .metric-label{padding-top:3px}
main[data-page="explore"] .market-performance-metric-label{min-width:0;color:var(--muted);font:400 12.5px/1.4 var(--sans)}
main[data-page="explore"] .market-performance-metric .metric-icon{width:32px;height:32px;flex-basis:32px}
main[data-page="explore"] .market-performance-metric>.value{display:block;min-width:0;margin:0;color:var(--ink);font:400 clamp(19px,1.75vw,26px)/1.2 var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
main[data-page="explore"] .market-performance-metric>small{display:block;margin:4px 0 0;color:var(--muted);font:400 11.5px/1.45 var(--sans)}
main[data-page="explore"] .market-performance-table{display:flex;flex-direction:column;gap:5px;width:100%;min-width:0;max-width:100%;--market-performance-columns:minmax(0,1.65fr) minmax(0,.65fr) minmax(0,1.2fr) minmax(0,.95fr) minmax(0,.85fr) minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.65fr)}
main[data-page="explore"] .market-performance-table-head,main[data-page="explore"] .market-performance-row{display:grid;grid-template-columns:var(--market-performance-columns);align-items:center;column-gap:7px;min-width:0;padding:0 12px;box-sizing:border-box}
main[data-page="explore"] .market-performance-table-head{min-height:43px;border:0;border-radius:7px;color:#67748a;background:#f8f8fa;font:600 12.5px/1.35 var(--sans)}
main[data-page="explore"] .market-performance-table-head>span{min-width:0;white-space:nowrap}
main[data-page="explore"] .market-performance-table-head>span:nth-child(n+2){text-align:center}
main[data-page="explore"] .market-performance-row{min-height:65px;color:#38445a;background:#fff;border:0;border-radius:9px;text-decoration:none;transition:background-color .15s ease}
main[data-page="explore"] a.market-performance-row:hover,main[data-page="explore"] a.market-performance-row:focus-visible{background:#f6f8fb;color:#38445a}
main[data-page="explore"] a.market-performance-row:focus-visible{outline:2px solid #a99beb;outline-offset:-2px;position:relative;z-index:1}
main[data-page="explore"] .market-performance-row>span{min-width:0;text-align:center}
main[data-page="explore"] .market-performance-account{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left!important}
main[data-page="explore"] .market-performance-account strong{font:600 13.5px/1.3 var(--sans);color:#2c354c;font-variant-numeric:tabular-nums;white-space:nowrap}
main[data-page="explore"] .market-performance-account small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b95a6;font:400 11.5px/1.35 var(--sans)}
main[data-page="explore"] .market-performance-row .badge{display:inline-flex;align-items:center;justify-content:center;min-width:45px;padding:4px 7px;font:600 11px/1.25 var(--sans)}
main[data-page="explore"] .market-performance-trades{font:500 12.5px/1.35 var(--sans);font-variant-numeric:tabular-nums}
main[data-page="explore"] .market-performance-connection{display:flex;align-items:center;justify-content:center;min-width:0;white-space:nowrap}
main[data-page="explore"] .market-performance-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0}
main[data-page="explore"] .market-performance-connection .status-dot{flex:0 0 7px;width:7px;height:7px}
main[data-page="explore"] .market-performance-connection .status-pill{font:500 12.5px/1.35 var(--sans)}
main[data-page="explore"] .market-performance-latency{display:flex;align-items:center;justify-content:center;min-width:0}
main[data-page="explore"] .market-performance-latency .signal{max-width:100%}
main[data-page="explore"] .market-performance-return,main[data-page="explore"] .market-performance-net,main[data-page="explore"] .market-performance-dd{font:500 12.5px/1.35 var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums}
main[data-page="explore"] .market-performance-row .positive{color:#23825e}
main[data-page="explore"] .market-performance-row .negative{color:#b35259}
main[data-page="explore"] .market-performance-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;min-height:38px;padding:9px 0 0;color:#8994a7;font:400 11.5px/1.4 var(--sans)}
main[data-page="explore"] .market-performance-account-count strong{color:#424e63;font:600 11.5px/1.4 var(--mono)}
main[data-page="explore"] .market-performance-masked-note{display:inline-flex;align-items:center;gap:6px;min-width:0;margin-left:auto;text-align:right}
main[data-page="explore"] .market-performance-masked-note .ico{width:13px;height:13px;flex:0 0 13px}
main[data-page="explore"] .market-performance-empty{min-height:225px}
@media(max-width:1100px){
 main[data-page="explore"] .market-performance-card{padding:18px}
}
@media(max-width:390px){
 main[data-page="explore"] .market-performance-card{padding:15px}
}
/* PTP_MARKET_DETAIL_TYPE_SCALE_V2 — Geist 13px descriptive body / 18px Medium card heading. 
   Based on Overview, Network Accounts, My Statistics, Membership and User Settings. 
   Scope all overrides to Product Detail, never change the dashboard shell. */
main[data-page="explore"] .market-detail{font:400 14px/1.55 var(--sans);color:#30394e}
main[data-page="explore"] .market-breadcrumb{font-size:12px;gap:9px;margin-bottom:14px}
main[data-page="explore"] .market-detail-heading{padding-top:8px}
main[data-page="explore"] .market-detail-heading h1{font:600 27px/1.2 var(--display);letter-spacing:-.026em;margin-bottom:5px}
main[data-page="explore"] .market-detail-publisher{font-size:14px;line-height:1.4;gap:7px;margin-bottom:6px}
main[data-page="explore"] .market-seller-link{font:inherit;font-weight:500}
main[data-page="explore"] .market-detail-meta{font-size:13px;line-height:1.4;gap:6px 10px}
main[data-page="explore"] .market-detail-meta>.market-preview-head-rating{font-size:13px;line-height:1.4;gap:8px}
main[data-page="explore"] .market-detail-meta>.market-preview-head-rating .market-preview-stars{font-size:20px}
main[data-page="explore"] .market-detail-panel{padding:20px 21px;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(32,36,49,.026),0 7px 21px rgba(32,36,49,.016)}
main[data-page="explore"] .market-detail-panel>h2{font:500 18px/1.3 var(--display);letter-spacing:-.015em;margin-bottom:9px}
main[data-page="explore"] .market-detail-panel h3{font:600 13.5px/1.4 var(--sans);color:#30394f}
main[data-page="explore"] .market-product-tabs{gap:28px;min-height:38px;margin-bottom:18px;scroll-snap-type:x proximity;scroll-padding-inline:5px}
main[data-page="explore"] .market-product-tabs a{font:500 13.5px/1.3 var(--sans);min-height:38px;padding:0 1px 10px;scroll-snap-align:start}
main[data-page="explore"] .market-product-tabs a.active{font-weight:500}
main[data-page="explore"] .market-detail-description{font:400 13px/1.6 var(--sans);color:#536078}
main[data-page="explore"] .market-description-toggle{font-size:12px;min-height:24px}
main[data-page="explore"] .market-related-panel>h2{font-size:17.5px}
main[data-page="explore"] .market-rating-unavailable>strong{font:650 45px/1.1 var(--display)}
main[data-page="explore"] .market-rating-unavailable>strong>span{font-size:16px}
main[data-page="explore"] .market-rating-unavailable>p{font:400 13px/1.5 var(--sans)}
main[data-page="explore"] .market-preview-rating-score .market-preview-stars{font-size:24px}
main[data-page="explore"] .market-rating-breakdown>div{font-size:12.5px}
main[data-page="explore"] .market-rating-breakdown small{font-size:11.5px}
main[data-page="explore"] .market-rating-cta button{min-height:50px;font:600 13px/1.35 var(--sans)}
main[data-page="explore"] .market-preview-section-head{margin-bottom:15px;padding-bottom:12px}
main[data-page="explore"] .market-preview-sort select{font:400 12.5px/1.4 var(--sans)}
main[data-page="explore"] .market-preview-review-head>strong,main[data-page="explore"] .market-preview-comment-head>strong{font:600 13px/1.4 var(--sans)}
main[data-page="explore"] .market-preview-review-head>time,main[data-page="explore"] .market-preview-comment-head>time{font:400 11.5px/1.4 var(--sans)}
main[data-page="explore"] .market-preview-review-head .market-preview-stars{font-size:17.5px}
main[data-page="explore"] .market-preview-verified{font:500 11.5px/1.4 var(--sans)}
main[data-page="explore"] .market-preview-review-body>p,main[data-page="explore"] .market-preview-comment-body>p{font:400 13px/1.55 var(--sans);color:#526078}
main[data-page="explore"] .market-preview-feedback button{font:400 11.5px/1.4 var(--sans)}
main[data-page="explore"] .market-preview-seller-meta>strong{font:600 12.5px/1.4 var(--sans)}
main[data-page="explore"] .market-preview-seller-reply p{font:400 12.5px/1.5 var(--sans)}
main[data-page="explore"] .market-preview-seller-meta>span{font-size:10.5px}
main[data-page="explore"] .market-discussion-composer textarea{font:400 13px/1.5 var(--sans)}
main[data-page="explore"] .market-discussion-actions button{font-size:12px}
main[data-page="explore"] .market-section-subtitle{font:400 13px/1.48 var(--sans);margin-bottom:19px}
main[data-page="explore"] .market-release-head>strong{font:600 14px/1.4 var(--display)}
main[data-page="explore"] .market-release-head>time{font:400 11.5px/1.4 var(--sans)}
main[data-page="explore"] .market-release-entry ul{font:400 13px/1.52 var(--sans);gap:7px}
main[data-page="explore"] .market-release-entry>p{font:400 12.5px/1.5 var(--sans)}
main[data-page="explore"] .market-preview-sample-tag{font-size:10px}
main[data-page="explore"] .market-purchase-panel{padding:19px 20px;border:0;border-radius:8px;box-shadow:0 1px 2px rgba(32,36,49,.026),0 7px 21px rgba(32,36,49,.016)}
main[data-page="explore"] .market-license-kind{font-size:14px;line-height:1.45}
main[data-page="explore"] .market-rental-options legend,main[data-page="explore"] .market-purchase-panel h3{font:600 14.5px/1.4 var(--sans)}
main[data-page="explore"] .market-product-facts>div{padding:8px 0}
main[data-page="explore"] .market-product-facts dt,main[data-page="explore"] .market-product-facts dd{font:400 13.5px/1.45 var(--sans)}
main[data-page="explore"] .market-product-facts dd{font-weight:500}
main[data-page="explore"] .market-purchase-foot>span,main[data-page="explore"] .market-preview-terms{font-size:12px}
main[data-page="explore"] .market-performance-card{padding:20px 21px}
main[data-page="explore"] .market-performance-card h2{font:600 18px/1.3 var(--display)}
@media(max-width:940px){
 main[data-page="explore"] .market-purchase-panel{padding:18px}
}
@media(max-width:680px){
 main[data-page="explore"] .market-detail-heading{padding-top:0}
 main[data-page="explore"] .market-detail-heading h1{font-size:22px;line-height:1.2}
 main[data-page="explore"] .market-detail-publisher{font-size:13.5px}
 main[data-page="explore"] .market-detail-meta{font-size:12.5px}
 main[data-page="explore"] .market-detail-meta>.market-preview-head-rating{font-size:12.5px}
 main[data-page="explore"] .market-detail-meta>.market-preview-head-rating .market-preview-stars{font-size:19px}
 main[data-page="explore"] .market-product-tabs{gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding-inline:7px}
 main[data-page="explore"] .market-product-tabs a{font-size:12px;min-height:38px;padding:0 1px 10px}
 main[data-page="explore"] .market-detail-panel{padding:17px}
 main[data-page="explore"] .market-about-panel{padding:18px}
 main[data-page="explore"] .market-performance-card{padding:17px}
}
@media(max-width:440px){
 main[data-page="explore"] .market-detail-heading h1{font-size:21px}
 main[data-page="explore"] .market-product-tabs{gap:18px;justify-content:flex-start}
 main[data-page="explore"] .market-product-tabs a{font-size:11.5px;padding-inline:1px;min-height:38px}
 main[data-page="explore"] .market-detail-panel{padding:16px}
 main[data-page="explore"] .market-performance-card{padding:15px}
 main[data-page="explore"] .market-detail-publisher{font-size:13px}
 main[data-page="explore"] .market-detail-meta{font-size:12px}
 main[data-page="explore"] .market-detail-meta>.market-preview-head-rating{font-size:12px}
 main[data-page="explore"] .market-detail-meta>.market-preview-head-rating .market-preview-stars{font-size:18px}
 main[data-page="explore"] .market-preview-review-head .market-preview-stars{font-size:16px}
}
/* Keep About the Product as a standard Market detail card, with the same panel surface as the other tabs. */
main[data-page="explore"] .market-about-panel{margin-bottom:18px}
@media(max-width:680px){main[data-page="explore"] .market-about-panel .market-description-toggle{margin-top:18px}}
/* The gallery and the related-products card must have the same vertical separation as About. */
main[data-page="explore"] .market-media-panel+.market-related-panel{margin-top:18px}
/* Tablet cross-page QA: respect the standard shell padding without crushing the detail column. */
@media(min-width:801px) and (max-width:1250px){
 main[data-page="explore"] .market-detail-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 main[data-page="explore"] .market-purchase-panel{position:static;top:auto;width:100%;margin-top:0}
}
/* Keep checkout/download actions visible as the About description expands.
   Sticky is bounded by Product Detail; short viewports scroll the card itself
   rather than hiding lower rental or license controls. */
@media(min-width:1251px){
 main[data-page="explore"] .market-purchase-panel{
  position:sticky;top:18px;align-self:start;
  max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior-y:contain;
 }
}
/* PTP_MARKET_PRODUCT_DETAIL_V2_END */
/* PTP_MARKET_CONTAINER_GRID_V3: column count follows available Market width,
   not screen width, so sidebar and dashboard paddings cannot squash EA cards. */
main[data-page="explore"] .market-platform-panel{container-type:inline-size}
/* Landing toolbar responds to actual catalog width when sidebar is visible. */
@supports(container-type:inline-size){
 @container (max-width:640px){
  main[data-page="explore"] .market-catalog-toolbar--landing .market-catalog-search{
   flex:1 1 0%;width:auto;min-width:150px
  }
 }
 @container (max-width:540px){
  main[data-page="explore"] .market-catalog-toolbar--landing .market-catalog-controls{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px
  }
  main[data-page="explore"] .market-catalog-toolbar--landing :is(.market-catalog-search,.market-strategy-select){
   flex:0 1 auto;width:100%;min-width:0
  }
  main[data-page="explore"] .market-catalog-toolbar--landing .market-catalog-add-product{
   grid-column:1/-1;width:100%;margin-left:0
  }
 }
 @container (max-width:360px){
  main[data-page="explore"] .market-catalog-toolbar--landing .market-catalog-controls{
   grid-template-columns:minmax(0,1fr)
  }
 }
}
/* PTP_MARKET_COMPACT_TILE_RESPONSIVE_V2 — full CSS cascade audit:
   these explicit widths override no other dashboard pages. */
@media(min-width:1351px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(min-width:1081px) and (max-width:1350px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:781px) and (max-width:1080px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:561px) and (max-width:780px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}
/* Container cascade overrides the viewport-only fallback above. */
@supports(container-type:inline-size){
 @container (max-width:399px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @container (min-width:400px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @container (min-width:550px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
 @container (min-width:700px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
 @container (min-width:850px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
 @container (min-width:1000px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
 @container (min-width:1210px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
 @container (min-width:1460px){main[data-page="explore"] .market-product-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
}
@supports not (container-type:inline-size){
 main[data-page="explore"] .market-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){main[data-page="explore"] .market-product-card{transition:none;transform:none!important}}
@media(prefers-reduced-motion:reduce){main[data-page="explore"] .market-product-full-name{transition:none}}

/* PTP_SELLER_IDENTITY_ONBOARDING_V1: scoped Market → Seller Registration modal.
   Same page header, modal and field rhythm as existing Pips Trader dashboard. */
#modal.seller-identity-modal{box-sizing:border-box;width:min(490px,calc(100vw - 32px));max-width:490px;max-height:min(88dvh,760px);padding:23px 24px;border:0!important;outline:0!important;border-radius:12px;background:#fff;box-shadow:0 22px 70px rgba(32,36,49,.16)}
#modal.seller-identity-modal::backdrop{background:rgba(24,28,40,.26);backdrop-filter:blur(8px)}
#modal.seller-identity-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
#modal.seller-identity-modal .modal-head h2{margin:0;font:500 20px/1.25 var(--display);letter-spacing:-.025em}
#modal.seller-identity-modal .seller-id-intro{margin:0 0 20px;color:#697386;font:400 13px/1.6 var(--sans)}
#modal.seller-identity-modal .seller-id-form{display:grid;gap:15px}
#modal.seller-identity-modal .seller-id-form .seller-id-account-name{display:flex;flex-direction:column;gap:7px;min-width:0;color:#39445a;font:500 12.5px/1.35 var(--sans)}
#modal.seller-identity-modal .seller-id-form .seller-id-account-name input{width:100%;min-height:41px;padding:9px 11px;border:1px solid #e5e7ee;border-radius:8px;background:#f8f8fa;color:#596173;font:400 13px/1.4 var(--sans);cursor:default}
#modal.seller-identity-modal .seller-id-form .seller-id-account-name small{color:#929baa;font:400 11px/1.55 var(--sans)}
#modal.seller-identity-modal .seller-id-upload-heading{display:flex;flex-direction:column;gap:5px}
#modal.seller-identity-modal .seller-id-upload-heading strong{color:#3c4759;font:500 12.5px/1.4 var(--sans)}
#modal.seller-identity-modal .seller-id-upload-heading p{margin:0;color:#8993a1;font:400 11.5px/1.5 var(--sans)}
#modal.seller-identity-modal .seller-id-form .seller-id-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:151px;padding:17px 14px;border:1.5px dashed #dcd9e7;border-radius:10px;background:#faf9fd;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
#modal.seller-identity-modal .seller-id-dropzone:hover,#modal.seller-identity-modal .seller-id-dropzone.is-dragover{border-color:#9c8cd8;background:#f4f1ff}
#modal.seller-identity-modal .seller-id-dropzone:focus-visible{outline:2px solid #9685d3;outline-offset:2px}
#modal.seller-identity-modal .seller-id-dropzone.is-selected{background:#f6f7fc;border-style:solid;border-color:#aba3d4}
#modal.seller-identity-modal .seller-id-dropzone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
#modal.seller-identity-modal .seller-id-drop-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#eeebf9;color:#8b79c9}
#modal.seller-identity-modal .seller-id-drop-icon .ico{width:19px;height:19px}
#modal.seller-identity-modal .seller-id-dropzone strong{max-width:100%;overflow-wrap:anywhere;color:#4b5367;font:500 12.5px/1.4 var(--sans)}
#modal.seller-identity-modal .seller-id-dropzone .seller-id-drop-browse{color:#8370c4;font:500 11.5px/1.3 var(--sans)}
#modal.seller-identity-modal .seller-id-dropzone small{color:#929baa;font:400 10.5px/1.45 var(--sans)}
#modal.seller-identity-modal .seller-id-upload-quota{display:block;margin:-6px 0 0;text-align:right;color:#8490a2;font:400 11px/1.45 var(--sans)}
/* Seller registration: compact, balanced platform fee disclosure. */
#modal.seller-identity-modal .seller-id-form .seller-id-platform-fee{box-sizing:border-box;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:10px;min-width:0;margin:-2px 0 0;padding:11px 12px;border:1px solid #e9e6f2;border-radius:9px;background:#fbfaff}
#modal.seller-identity-modal .seller-id-platform-fee-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#efecfa;color:#806cc3}
#modal.seller-identity-modal .seller-id-platform-fee-icon .ico{display:block;width:17px;height:17px;stroke-width:1.8}
#modal.seller-identity-modal .seller-id-platform-fee-copy{min-width:0}
#modal.seller-identity-modal .seller-id-platform-fee-copy strong{display:block;margin:0;color:#424d64;font:500 12.5px/1.35 var(--sans)}
#modal.seller-identity-modal .seller-id-platform-fee-copy p{margin:3px 0 0;color:#7f8798;font:400 11.5px/1.45 var(--sans)}
#modal.seller-identity-modal .seller-id-platform-fee-rate{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:49px;min-height:28px;padding:5px 9px;border-radius:7px;background:#ede9fa;color:#6b55b9;font:600 12.5px/1 var(--sans);white-space:nowrap}
@media(max-width:380px){#modal.seller-identity-modal .seller-id-form .seller-id-platform-fee{grid-template-columns:28px minmax(0,1fr) auto;column-gap:8px;padding:10px}#modal.seller-identity-modal .seller-id-platform-fee-icon{width:28px;height:28px}#modal.seller-identity-modal .seller-id-platform-fee-rate{min-width:44px;padding:5px 7px}}
#modal.seller-identity-modal .seller-id-quota-locked{display:flex;flex-direction:column;align-items:center;gap:11px;padding:9px 4px 1px;text-align:center}
#modal.seller-identity-modal .seller-id-quota-locked>.ico{width:32px;height:32px;margin:4px auto 2px;color:#9e80c5;stroke-width:1.5}
#modal.seller-identity-modal .seller-id-quota-locked h3{margin:0;color:#354054;font:500 18px/1.35 var(--display)}
#modal.seller-identity-modal .seller-id-quota-locked p{margin:0;color:#778294;font:400 12.5px/1.6 var(--sans)}
#modal.seller-identity-modal .seller-id-quota-locked small{display:block;margin-top:1px;color:#8e769d;font:400 11.5px/1.5 var(--sans)}
#modal.seller-identity-modal .seller-id-quota-locked button{min-height:40px;margin-top:10px;padding:0 16px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:500 12.5px var(--sans);cursor:pointer}
#modal.seller-identity-modal .seller-id-quota-locked button:hover{background:#5946ce}
#modal.seller-identity-modal .seller-id-quota-locked button:focus-visible{outline:2px solid #9786d8;outline-offset:3px}
#modal.seller-identity-modal .seller-id-form .seller-id-consent{display:flex;flex-direction:row;align-items:flex-start;gap:9px;min-width:0;color:#697386;font:400 12px/1.5 var(--sans);cursor:pointer}
#modal.seller-identity-modal .seller-id-consent input{width:16px;height:16px;flex:0 0 16px;margin:1px 0 0;accent-color:var(--accent);cursor:pointer}
#modal.seller-identity-modal .seller-id-consent span{display:block;flex:1;min-width:0}
#modal.seller-identity-modal .seller-id-feedback{min-height:0;margin:0;color:#a46c40;font:400 12px/1.5 var(--sans)}
#modal.seller-identity-modal .seller-id-feedback:empty{display:none}
#modal.seller-identity-modal .seller-id-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:2px}
#modal.seller-identity-modal .seller-id-actions button{min-height:39px;padding:0 16px;border:0;outline:0!important;border-radius:8px;background:#f4f5f7;color:#626b7c;font:500 12.5px var(--sans)}
#modal.seller-identity-modal .seller-id-actions .seller-id-submit{background:var(--accent);color:#fff}
#modal.seller-identity-modal .seller-id-actions .seller-id-submit:hover{background:#5946ce}
#modal.seller-identity-modal .seller-id-actions .seller-id-submit:disabled{opacity:.6;cursor:progress}
#modal.seller-identity-modal .seller-id-state{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:9px;background:#f5f4fb}
#modal.seller-identity-modal .seller-id-state-icon{color:var(--accent);flex:0 0 20px}
#modal.seller-identity-modal .seller-id-state strong{color:#303a4e;font:500 14px/1.4 var(--display)}
#modal.seller-identity-modal .seller-id-state p{margin:6px 0 0;color:#768093;font:400 12px/1.6 var(--sans)}
#modal.seller-identity-modal .seller-id-notice{display:flex;align-items:flex-start;gap:9px;margin-bottom:15px;padding:12px 13px;border-radius:8px;background:#fff6ed;color:#926845;font:400 12px/1.45 var(--sans)}
@media(max-width:550px){#modal.seller-identity-modal{padding:20px 17px;width:calc(100vw - 24px)}#modal.seller-identity-modal .seller-id-actions{gap:7px}#modal.seller-identity-modal .seller-id-actions button{padding:0 11px}}

/* PTP_SELLER_IDENTITY_PROGRESS_V1 — dedicated upload / verification / result modal.
   Scoped to Seller Registration; use existing Pips Trader modal geometry/type. */
#modal.seller-identity-modal.seller-identity-progress-modal,#modal.seller-identity-modal.seller-identity-result-modal{width:min(440px,calc(100vw - 32px));max-width:440px;padding:24px 24px 23px;max-height:min(86dvh,690px)}
#modal.seller-identity-modal.seller-identity-progress-modal .modal-head,#modal.seller-identity-modal.seller-identity-result-modal .modal-head{margin-bottom:11px}
#modal.seller-identity-modal .seller-id-progress,#modal.seller-identity-modal .seller-id-result{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:6px 0 1px}
#modal.seller-identity-modal .seller-id-progress-symbol,#modal.seller-identity-modal .seller-id-result-symbol{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:0;border-radius:16px;background:#f0edfa;color:var(--accent);margin:3px auto 15px}
#modal.seller-identity-modal .seller-id-progress-spinner{display:block;width:30px;height:30px;border:3px solid #ded7f7;border-top-color:var(--accent);border-radius:50%;animation:ptp-seller-verification-spin .9s linear infinite}
@keyframes ptp-seller-verification-spin{to{transform:rotate(360deg)}}
#modal.seller-identity-modal .seller-id-progress h3,#modal.seller-identity-modal .seller-id-result h3{margin:0;color:#354054;font:500 19px/1.35 var(--display);letter-spacing:-.024em}
#modal.seller-identity-modal .seller-id-progress>p,#modal.seller-identity-modal .seller-id-result>p{max-width:350px;margin:9px auto 0;color:#7a8595;font:400 12.5px/1.65 var(--sans)}
#modal.seller-identity-modal .seller-id-progress-steps{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px;margin:24px 0 13px}
#modal.seller-identity-modal .seller-id-progress-step{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:10px 7px;border:0;border-radius:8px;background:#f7f7fa;color:#929baa;font:500 11px/1.35 var(--sans)}
#modal.seller-identity-modal .seller-id-progress-step>span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:1px solid #e3e3ec;border-radius:50%;background:#fff;color:#8e96a6;font:600 11px/1 var(--sans)}
#modal.seller-identity-modal .seller-id-progress-step.is-current{background:#f1edfc;color:#6d58ba}
#modal.seller-identity-modal .seller-id-progress-step.is-current>span{background:#8270ca;border-color:#8270ca;color:#fff}
#modal.seller-identity-modal .seller-id-progress-step.is-complete{background:#edf8f2;color:#438268}
#modal.seller-identity-modal .seller-id-progress-step.is-complete>span{background:#54a781;border-color:#54a781;color:#fff}
#modal.seller-identity-modal .seller-id-upload-meter{width:100%;height:5px;overflow:hidden;border-radius:999px;background:#f0edf7}
#modal.seller-identity-modal .seller-id-upload-meter>span{display:block;height:100%;width:0;border-radius:inherit;background:#9786d8;transition:width .2s ease}
#modal.seller-identity-modal .seller-id-upload-meter.is-checking>span{width:100%;background:linear-gradient(90deg,#d2c9ed,#8a74d0,#d2c9ed);background-size:220% 100%;animation:ptp-seller-verification-glow 1.9s linear infinite}
@keyframes ptp-seller-verification-glow{to{background-position:220% 0}}
#modal.seller-identity-modal .seller-id-progress>small{display:block;max-width:340px;margin:14px auto 0;color:#949bab;font:400 11px/1.55 var(--sans)}
#modal.seller-identity-modal .seller-id-result-symbol .ico{width:27px;height:27px}
#modal.seller-identity-modal .seller-id-result.is-verified .seller-id-result-symbol{background:#e9f7ef;color:#31976a}
#modal.seller-identity-modal .seller-id-result.is-review .seller-id-result-symbol{background:#f3f0fc;color:#856ccc}
#modal.seller-identity-modal .seller-id-result.is-rejected .seller-id-result-symbol,#modal.seller-identity-modal .seller-id-result.is-failed .seller-id-result-symbol{background:#fcf1ee;color:#ca8067}
#modal.seller-identity-modal .seller-id-result-reason{width:100%;margin:17px 0 0;padding:11px 13px;min-width:0;overflow-wrap:anywhere;text-align:left;border:0;border-radius:8px;background:#f9f6ef;color:#926f46;font:400 12px/1.55 var(--sans)}
#modal.seller-identity-modal .seller-id-result-actions{display:flex;justify-content:center;width:100%;margin-top:23px}
#modal.seller-identity-modal .seller-id-result-actions button{min-height:41px;min-width:158px;max-width:100%;padding:0 17px;border:0;outline:0;border-radius:8px;background:#f3f1f7;color:#625a7e;font:500 12.5px/1.35 var(--sans);cursor:pointer}
#modal.seller-identity-modal .seller-id-result-actions .seller-id-result-primary{background:var(--accent);color:#fff}
#modal.seller-identity-modal .seller-id-result-actions .seller-id-result-primary:hover{background:#5946ce}
#modal.seller-identity-modal .seller-id-result-actions button:focus-visible{outline:2px solid #9786d8;outline-offset:3px}
@media(max-width:550px){#modal.seller-identity-modal.seller-identity-progress-modal,#modal.seller-identity-modal.seller-identity-result-modal{padding:21px 17px 20px;width:calc(100vw - 24px)}#modal.seller-identity-modal .seller-id-progress-step{gap:5px;padding:9px 5px;font-size:10.5px}}
@media(prefers-reduced-motion:reduce){#modal.seller-identity-modal .seller-id-progress-spinner,#modal.seller-identity-modal .seller-id-upload-meter.is-checking>span{animation:none}#modal.seller-identity-modal .seller-id-upload-meter>span{transition:none}}

/* Market Reviews frontend-only preview refinements; leave Discussions and other cards unchanged. */
main[data-page="explore"] .market-rating-panel+.market-reviews-panel{margin-top:18px}
/* Compact call-to-action frees the remaining width for the 5–1 star breakdown. */
main[data-page="explore"] .market-rating-panel .market-rating-content{grid-template-columns:minmax(160px,215px) minmax(0,1fr) max-content;gap:18px}
main[data-page="explore"] .market-rating-cta{display:flex;justify-content:flex-end;align-items:center;min-width:0}
main[data-page="explore"] .market-rating-cta button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:max-content;max-width:100%;min-height:38px;height:38px;padding:0 14px;border:0;border-radius:7px;background:var(--accent);color:#fff;font:600 12.5px/1.3 var(--sans);white-space:nowrap;cursor:pointer;box-shadow:0 2px 7px rgba(83,61,170,.14);transition:background .15s ease,box-shadow .15s ease}
main[data-page="explore"] .market-rating-cta button:hover:not(:disabled){background:#5640cb;box-shadow:0 3px 9px rgba(83,61,170,.2)}
main[data-page="explore"] .market-rating-cta button:focus-visible{outline:2px solid #a99aef;outline-offset:3px}
main[data-page="explore"] .market-rating-cta .market-write-review-icon{display:block;width:15px;height:15px;flex:0 0 15px}
main[data-page="explore"] .market-reviews-panel .market-preview-section-head{margin-bottom:15px;padding-bottom:0;border-bottom:0}
main[data-page="explore"] .market-reviews-panel .market-preview-entries{gap:9px}
main[data-page="explore"] .market-reviews-panel .market-preview-review{padding:14px 0;border-bottom:0}
main[data-page="explore"] .market-reviews-panel .market-preview-review:first-child{padding-top:0}
/* The select uses the selected option's intrinsic width, not a fixed filler column. */
main[data-page="explore"] .market-reviews-panel .market-preview-sort{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;width:auto;min-width:0;max-width:100%;height:33px;margin-left:auto}
main[data-page="explore"] .market-reviews-panel .market-preview-sort select{field-sizing:content;box-sizing:border-box;width:auto;min-width:0;max-width:100%;height:33px;padding:0 26px 0 10px;border:0;outline:0;border-radius:7px;box-shadow:none;background:#f6f7f9;color:#59647a;font:400 12px/1.4 var(--sans);cursor:pointer}
main[data-page="explore"] .market-reviews-panel .market-preview-sort select:focus-visible{border:0;outline:0;box-shadow:0 0 0 2px #e6defb;background:#f4f1fc}
main[data-page="explore"] .market-reviews-panel .market-preview-sort>.ico{right:8px}
main[data-page="explore"] .market-reviews-panel .market-preview-seller-reply{border-left:0;border-radius:7px}
@media(max-width:1120px) and (min-width:941px){main[data-page="explore"] .market-rating-panel .market-rating-content{grid-template-columns:minmax(110px,1fr) minmax(0,1.5fr);gap:16px}main[data-page="explore"] .market-rating-cta{grid-column:1/-1}}
@media(max-width:940px) and (min-width:681px){main[data-page="explore"] .market-rating-panel .market-rating-content{grid-template-columns:minmax(140px,.9fr) minmax(0,1.4fr) max-content;gap:16px}main[data-page="explore"] .market-rating-cta{grid-column:auto}}
@media(max-width:680px){main[data-page="explore"] .market-rating-panel .market-rating-content{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px}main[data-page="explore"] .market-rating-cta{grid-column:1/-1}}
@media(max-width:440px){main[data-page="explore"] .market-rating-panel .market-rating-content{grid-template-columns:minmax(0,1fr)}main[data-page="explore"] .market-reviews-panel .market-preview-sort{width:auto;min-width:0;flex:0 0 auto}}

/* Preview-only review composer: standard Pips Trader modal proportions, no backend. */
#modal.market-preview-write-review-modal{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-width:460px;max-height:min(88dvh,700px);overflow-y:auto;padding:22px 23px 20px;border:0!important;outline:0!important;border-radius:11px;background:#fff;box-shadow:none!important}
#modal.market-preview-write-review-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:0 0 18px}
#modal.market-preview-write-review-modal .modal-head h2{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font:500 19px/1.3 var(--display);letter-spacing:-.02em}
#modal.market-preview-write-review-modal .modal-head .modal-title-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:#f0edfa;color:var(--accent)}
#modal.market-preview-write-review-modal .modal-head .modal-title-icon .ico{width:16px;height:16px}
#modal.market-preview-write-review-modal .modal-head .icon-button{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;color:#8792a5;border-radius:7px}
#modal.market-preview-write-review-modal .modal-head .icon-button:hover{background:#f4f4f8;color:#4c5871}
#modal.market-preview-write-review-modal .market-preview-review-form{display:flex;flex-direction:column;gap:17px;min-width:0}
#modal.market-preview-write-review-modal .market-preview-review-form-intro{margin:0;color:#768197;font:400 12.5px/1.5 var(--sans)}
#modal.market-preview-write-review-modal .market-preview-review-form-field{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
#modal.market-preview-write-review-modal .market-preview-review-form-field>strong,#modal.market-preview-write-review-modal .market-preview-review-form-field>label{color:#29344c;font:600 12.5px/1.4 var(--sans)}
#modal.market-preview-write-review-modal .market-preview-review-form-stars{display:flex;align-items:center;gap:7px}
#modal.market-preview-write-review-modal .market-preview-review-form-stars button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:#c9ceda;font:500 29px/1 var(--sans);cursor:pointer;transition:color .12s ease,background .12s ease}
#modal.market-preview-write-review-modal .market-preview-review-form-stars button.selected{color:#f5b529}
#modal.market-preview-write-review-modal .market-preview-review-form-stars button:hover{color:#f0b62f;background:#fdf8ec}
#modal.market-preview-write-review-modal .market-preview-review-form-stars button:focus-visible{outline:2px solid #c1b5e9;outline-offset:1px}
#modal.market-preview-write-review-modal .market-preview-review-form-field textarea{box-sizing:border-box;display:block;width:100%;min-height:116px;max-height:260px;resize:vertical;padding:11px 13px;border:1px solid #e5e8f0;border-radius:8px;background:#fafbfc;color:#354259;font:400 13px/1.55 var(--sans)}
#modal.market-preview-write-review-modal .market-preview-review-form-field textarea::placeholder{color:#a0a9b9}
#modal.market-preview-write-review-modal .market-preview-review-form-field textarea:focus{outline:0;border-color:#afa0e2;box-shadow:0 0 0 2px #eeeafa}
#modal.market-preview-write-review-modal .market-preview-review-form-feedback{margin:-7px 0 -5px;color:#b65e56;font:400 11.5px/1.4 var(--sans)}
#modal.market-preview-write-review-modal .market-preview-review-form-feedback[hidden]{display:none!important}
#modal.market-preview-write-review-modal .market-preview-review-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:2px}
#modal.market-preview-write-review-modal .market-preview-review-form-actions button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;width:auto;padding:0 14px;border:0;border-radius:7px;background:#f2f3f7;color:#61708a;font:500 12px/1.3 var(--sans);cursor:pointer}
#modal.market-preview-write-review-modal .market-preview-review-form-actions button:last-child{background:var(--accent);color:#fff;font-weight:600}
#modal.market-preview-write-review-modal .market-preview-review-form-actions button:hover{filter:brightness(.97)}
#modal.market-preview-write-review-modal .market-preview-review-form-note{margin:-4px 0 0;color:#98a2b2;font:400 11px/1.45 var(--sans)}
main[data-page="explore"] .market-preview-review-own{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;background:#f1eefb;color:var(--accent);font:500 11px/1.3 var(--sans)}
@media(max-width:480px){#modal.market-preview-write-review-modal{width:calc(100vw - 24px);padding:18px 17px 17px}}


/* Comments card: match approved Reviews divider and intrinsic Sort standards. */
main[data-page="explore"] .market-comments-panel .market-preview-section-head{margin-bottom:15px;padding-bottom:0;border-bottom:0}
main[data-page="explore"] .market-comments-panel .market-preview-composer{padding-bottom:0;border-bottom:0}
main[data-page="explore"] .market-comments-panel .market-preview-entries{gap:9px}
main[data-page="explore"] .market-comments-panel .market-preview-comment{border-bottom:0}
main[data-page="explore"] .market-comments-panel .market-preview-sort{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;width:auto;min-width:0;max-width:100%;height:33px;margin-left:auto}
main[data-page="explore"] .market-comments-panel .market-preview-sort select{field-sizing:content;box-sizing:border-box;width:auto;min-width:0;max-width:100%;height:33px;padding:0 26px 0 10px;border:0;outline:0;border-radius:7px;box-shadow:none;background:#f6f7f9;color:#59647a;font:400 12px/1.4 var(--sans);cursor:pointer}
main[data-page="explore"] .market-comments-panel .market-preview-sort select:focus-visible{border:0;outline:0;box-shadow:0 0 0 2px #e6defb;background:#f4f1fc}
main[data-page="explore"] .market-comments-panel .market-preview-sort>.ico{right:8px}
@media(max-width:440px){main[data-page="explore"] .market-comments-panel .market-preview-sort{width:auto;min-width:0;flex:0 0 auto}}


/* Market discussion owner-only attachment preview. Buyers keep the same compact composer. */
/* Comments composer: secondary attachment control at left, primary Post at right. */
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-discussion-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach-group{display:inline-flex;align-items:center;gap:9px;flex:0 1 auto;min-width:0;margin-right:auto}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:max-content;max-width:100%;min-height:37px;height:37px;margin-right:0;padding:0 12px;border:0;border-radius:7px;background:#f3f4f8;box-shadow:none;color:#5e6b82;font:500 12px/1.3 var(--sans);white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach-limit{display:inline-block;min-width:0;color:#98a2b2;font:400 10.5px/1.35 var(--sans);white-space:nowrap}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach .ico{display:block;flex:0 0 16px;width:16px;height:16px;stroke-width:1.75}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach:hover{background:#ece8fa;color:var(--accent)}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach:focus-visible{outline:2px solid #aa9be9;outline-offset:2px}
@media(max-width:440px){main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach-group{flex-wrap:wrap;gap:5px 9px}main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-attach-limit{font-size:10px}}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-preview-comment-submit{margin-left:auto}
main[data-page="explore"] .market-comments-panel .market-preview-composer .market-comment-file-input[hidden]{display:none!important}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected{display:flex;align-items:center;gap:7px;box-sizing:border-box;max-width:100%;min-height:33px;margin-top:9px;padding:5px 8px;border:0;border-radius:7px;background:#f5f4fb;color:#64558f;font:400 11.5px/1.35 var(--sans)}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>.ico{flex:0 0 15px;width:15px;height:15px}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>button{flex:0 0 23px;display:grid;place-items:center;width:23px;height:23px;padding:0;border:0;border-radius:5px;background:transparent;color:#82769d;cursor:pointer}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>button:hover{background:#eae6f7;color:var(--accent)}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>button:focus-visible{outline:2px solid #a99aef;outline-offset:2px}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>button .ico{width:13px;height:13px}


/* Downloadable discussion attachment UI refinement: a single compact file row,
   not an image/PDF preview. The download affordance is visual-only until release. */
main[data-page="explore"] .market-comments-panel .market-file-row{box-sizing:border-box;display:inline-flex;align-items:center;gap:10px;width:min(100%,350px);max-width:100%;min-height:55px;margin-top:9px;padding:9px 11px;border:0;border-radius:8px;box-shadow:none;background:#f5f6fa;color:#38435b;vertical-align:top;text-align:left;text-decoration:none}
main[data-page="explore"] .market-comments-panel .market-file-type-icon{box-sizing:border-box;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:7px;background:#eae8f6;color:var(--accent)}
main[data-page="explore"] .market-comments-panel .market-file-type-icon>.ico{width:18px;height:18px}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>.market-file-type-icon{flex:0 0 34px;overflow:visible;white-space:normal}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>.market-file-details{display:flex;flex:1 1 auto;min-width:0;white-space:normal}
main[data-page="explore"] .market-comments-panel .market-file-details{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0;gap:3px}
main[data-page="explore"] .market-comments-panel .market-file-details strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/1.3 var(--sans);color:#39455e}
main[data-page="explore"] .market-comments-panel .market-file-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a95a9;font:400 10.5px/1.3 var(--sans)}
main[data-page="explore"] .market-comments-panel .market-preview-attachment-download{cursor:pointer;transition:background-color .15s ease,color .15s ease}
main[data-page="explore"] .market-comments-panel .market-preview-attachment-download:hover{background:#eeeafa}
main[data-page="explore"] .market-comments-panel .market-preview-attachment-download:focus-visible{outline:2px solid #a99aef;outline-offset:2px}
main[data-page="explore"] .market-comments-panel .market-file-download-icon{display:block;flex:0 0 18px;width:18px;height:18px;color:#7c6bb5}
main[data-page="explore"] .market-comments-panel .market-preview-attachment-download:hover .market-file-download-icon{color:var(--accent)}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected{color:#38435b}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>.market-file-remove{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;margin-left:auto;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#8a95a9;cursor:pointer}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>.market-file-remove:hover{background:#eae6f7;color:var(--accent)}
main[data-page="explore"] .market-comments-panel .market-comment-attachment-selected>.market-file-remove:focus-visible{outline:2px solid #a99aef;outline-offset:2px}
@media(max-width:440px){main[data-page="explore"] .market-comments-panel .market-file-row{width:100%;max-width:100%}}


/* Rich Product Discussion editor: scoped to Market Comments only.
   Composer lives below visible discussions, just above pagination. */
main[data-page="explore"] .market-comments-panel .market-preview-entries{margin-bottom:16px}
main[data-page="explore"] .market-comments-panel .market-preview-composer{margin:0;padding:14px 0 0;border:0;min-width:0}
main[data-page="explore"] .market-comments-panel .market-preview-composer>div{min-width:0}
main[data-page="explore"] .market-comments-panel .market-comment-composer-card{box-sizing:border-box;width:100%;min-width:0;overflow:hidden;border:1px solid #e5e8f0;border-radius:8px;background:#fff;transition:border-color .26s ease}
main[data-page="explore"] .market-comments-panel .market-comment-composer-card:focus-within{border-color:#c5b9ec}
main[data-page="explore"] .market-comments-panel .market-comment-rich-editor{box-sizing:border-box;min-width:0;border:0;border-radius:0;background:#fff;overflow:visible}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-height:39px;padding:5px 7px;border-bottom:1px solid #edf0f5;background:#f9fafc}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#637087;font:600 12px/1.2 var(--sans);cursor:pointer}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar button:hover{background:#eeeafa;color:var(--accent)}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar button:focus-visible{outline:2px solid #aa9be9;outline-offset:1px}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar button:nth-child(2){font-style:italic}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar button:nth-child(3){text-decoration:underline}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar button:nth-child(4){text-decoration:line-through}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar .ico{width:15px;height:15px;stroke-width:1.7}
main[data-page="explore"] .market-comments-panel .market-comment-toolbar-separator{flex:0 0 1px;height:19px;margin:0 4px;background:#e4e6ec}
main[data-page="explore"] .market-comments-panel .market-comment-editable{box-sizing:border-box;min-width:0;min-height:185px;max-height:440px;overflow:auto;padding:15px 16px;outline:0;color:#364158;font:400 13px/1.65 var(--sans);overflow-wrap:anywhere;white-space:pre-wrap}
main[data-page="explore"] .market-comments-panel .market-comment-editable:empty:before{content:attr(data-placeholder);color:#9ca7b7;pointer-events:none}
main[data-page="explore"] .market-comments-panel .market-comment-editable img,main[data-page="explore"] .market-comments-panel .market-comment-rich-message img{display:block;max-width:min(100%,620px);height:auto;max-height:370px;margin:9px 0;border-radius:7px;object-fit:contain}
main[data-page="explore"] .market-comments-panel .market-comment-rich-message{margin:0 0 11px;color:#4f5c73;font:400 13px/1.6 var(--sans);overflow-wrap:anywhere}
main[data-page="explore"] .market-comments-panel .market-comment-rich-message :is(p,div,blockquote,pre,ul,ol){margin:0 0 7px}
main[data-page="explore"] .market-comments-panel .market-comment-rich-message :is(ul,ol){padding-left:21px}
main[data-page="explore"] .market-comments-panel .market-comment-editable :is(blockquote,pre),main[data-page="explore"] .market-comments-panel .market-comment-rich-message :is(blockquote,pre){padding:8px 11px;border:0;border-radius:6px;background:#f4f5f9;color:#536078}
main[data-page="explore"] .market-comments-panel .market-comment-editable a,main[data-page="explore"] .market-comments-panel .market-comment-rich-message a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
main[data-page="explore"] .market-comments-panel .market-comment-link-input{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;border-bottom:1px solid #edf0f5;background:#fcfcfe}
main[data-page="explore"] .market-comments-panel .market-comment-link-input[hidden],main[data-page="explore"] .market-comments-panel .market-comment-reply-label[hidden]{display:none!important}
main[data-page="explore"] .market-comments-panel .market-comment-link-input input{box-sizing:border-box;flex:1 1 auto;min-width:0;height:31px;padding:0 9px;border:1px solid #e2e5ef;border-radius:5px;background:#fff;color:#39455c;font:400 12px var(--sans)}
main[data-page="explore"] .market-comments-panel .market-comment-link-input button{box-sizing:border-box;flex:0 0 auto;height:31px;padding:0 9px;border:0;border-radius:5px;background:#f0edfa;color:var(--accent);font:500 11px var(--sans);cursor:pointer}
main[data-page="explore"] .market-comments-panel .market-comment-link-input button:last-child{width:31px;padding:0;background:transparent}
main[data-page="explore"] .market-comments-panel .market-comment-link-input button .ico{width:14px;height:14px}
main[data-page="explore"] .market-comments-panel .market-comment-reply-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;background:#f4f1fc;color:#7562b0;font:500 11px/1.4 var(--sans);animation:market-comment-reply-reveal .24s cubic-bezier(.22,.8,.22,1) both}
main[data-page="explore"] .market-comments-panel .market-comment-reply-label button{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:0;background:transparent;color:inherit;cursor:pointer}
main[data-page="explore"] .market-comments-panel .market-comment-reply-label .ico{width:13px;height:13px}
main[data-page="explore"] .market-comments-panel .market-comment-local-reply{margin-top:8px;border-left:0;border-radius:7px;background:#f6f7fa}
main[data-page="explore"] .market-comments-panel .market-comment-rich-attachment{margin:8px 0;padding:6px 9px;border-radius:6px;background:#f5f6fa;color:#65718a;font:400 11px/1.4 var(--sans)}
main[data-page="explore"] .market-comments-panel .market-comment-composer-card>.market-discussion-actions{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:61px;margin:0;padding:11px 13px;border-top:1px solid #edf0f5;background:#fafbfe}
main[data-page="explore"] .market-comments-panel .market-comment-composer-card>.market-comment-attachment-selected{margin:2px 13px 12px}
main[data-page="explore"] .market-reviews-panel .market-preview-pagination{justify-content:flex-start}
main[data-page="explore"] .market-comments-panel .market-preview-pagination{margin-top:19px;justify-content:flex-start}
@media(max-width:680px){main[data-page="explore"] .market-comments-panel .market-preview-composer{grid-template-columns:minmax(0,1fr);gap:9px}main[data-page="explore"] .market-comments-panel .market-comment-toolbar{gap:2px;padding:5px}main[data-page="explore"] .market-comments-panel .market-comment-toolbar button{flex-basis:27px;width:27px;height:28px}main[data-page="explore"] .market-comments-panel .market-comment-editable{min-height:148px}}

/* Reply micro-interaction: subtle context reveal, with accessible reduced motion. */
main[data-page="explore"] .market-comments-panel .market-comment-composer-card.is-reply-target{border-color:#c7bde9}
@keyframes market-comment-reply-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){main[data-page="explore"] .market-comments-panel .market-comment-reply-label{animation:none!important}main[data-page="explore"] .market-comments-panel .market-comment-composer-card{transition:none!important}}


/* Market Product Detail / Performance: visible aggregate cards, gated account list.
   Scoped locally; match the existing Network subscription lock language. */
main[data-page="explore"] .market-performance-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
main[data-page="explore"] .market-performance-stack>.market-performance-card{min-height:0}
main[data-page="explore"] .market-performance-accounts-section{min-width:0}
main[data-page="explore"] .market-performance-accounts-heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:0;margin:0 0 13px;padding:0;border:0}
main[data-page="explore"] .market-performance-accounts-heading h2{margin:0;color:#30394f;font:600 18px/1.3 var(--display);letter-spacing:-.015em}
main[data-page="explore"] .market-performance-accounts-heading p{margin:0;color:#788396;font:400 12.5px/1.45 var(--sans)}
main[data-page="explore"] .market-performance-lock-stage{position:relative;isolation:isolate;min-height:435px;overflow:hidden;border-radius:8px;background:#fafbfe}
main[data-page="explore"] .market-performance-lock-preview{min-height:435px;filter:none;-webkit-filter:none;opacity:1;pointer-events:none;user-select:none}
main[data-page="explore"] .market-performance-lock-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(249,250,253,.24),rgba(249,250,253,.44))}
main[data-page="explore"] .market-performance-lock-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0;padding:20px 16px}
main[data-page="explore"] .market-performance-lock-card{box-sizing:border-box;width:min(100%,364px);padding:25px 24px 23px;border:0;border-radius:17px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(32,36,49,.12),0 6px 17px rgba(32,36,49,.055)}
main[data-page="explore"] .market-performance-lock-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 15px;border-radius:15px;background:#f1effb;color:var(--accent)}
main[data-page="explore"] .market-performance-lock-icon .ico{width:26px;height:26px;stroke-width:1.7}
main[data-page="explore"] .market-performance-lock-card h3{margin:0 0 10px;color:#263047;font:600 19px/1.28 var(--display);letter-spacing:-.02em}
main[data-page="explore"] .market-performance-lock-card p{margin:0 auto 21px;max-width:305px;color:#68748b;font:400 12.5px/1.55 var(--sans)}
main[data-page="explore"] .market-performance-unlock-cta{display:flex;align-items:center;justify-content:center;width:100%;max-width:255px;min-height:42px;margin:0 auto;padding:9px 14px;border:0;border-radius:9px;background:linear-gradient(90deg,#6550dd,#7359ec);color:#fff;font:500 12.5px/1.35 var(--display);text-align:center;transition:box-shadow .16s ease,transform .16s ease}
main[data-page="explore"] .market-performance-unlock-cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(101,80,221,.17)}
main[data-page="explore"] .market-performance-unlock-cta:focus-visible{outline:3px solid rgba(101,80,221,.36);outline-offset:3px}
@media(max-width:680px){main[data-page="explore"] .market-performance-stack{gap:15px}main[data-page="explore"] .market-performance-lock-stage,main[data-page="explore"] .market-performance-lock-preview{min-height:410px}main[data-page="explore"] .market-performance-lock-overlay{padding:16px 10px}main[data-page="explore"] .market-performance-lock-card{padding:22px 17px 21px;max-width:330px}main[data-page="explore"] .market-performance-lock-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){main[data-page="explore"] .market-performance-unlock-cta{transition:none}main[data-page="explore"] .market-performance-unlock-cta:hover{transform:none}}

/* Secure Market preview: use the same permanently blurred live Network PNGs.
   Keep the card's real account-row geometry visible without extra CSS blur. */
main[data-page="explore"] .market-performance-preview-table{display:flex;flex-direction:column;gap:6px;min-width:0;padding:3px 0 14px;overflow:hidden}
main[data-page="explore"] .market-performance-preview-head{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(8,minmax(0,1fr));gap:7px;align-items:center;min-height:42px;padding:0 12px;border-radius:7px;background:#f8f8fa;color:#69748a;font:600 11px/1.35 var(--sans)}
main[data-page="explore"] .market-performance-preview-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
main[data-page="explore"] .market-performance-preview-head>span:first-child{text-align:left}
main[data-page="explore"] .market-performance-preview-row{box-sizing:border-box;height:65px;overflow:hidden;border:0;border-radius:8px;background:#fff}
main[data-page="explore"] .market-performance-preview-image{display:block;width:100%;min-width:740px;height:65px;object-fit:fill;pointer-events:none;user-select:none}
main[data-page="explore"] .market-performance-preview-note{margin:6px 0 0;color:#8390a4;font:400 11.5px/1.45 var(--sans)}
@container (max-width:950px){main[data-page="explore"] .market-performance-preview-head{display:none}}
/* Market Performance KPI mobile density and product-card heading rhythm. */
@media(max-width:680px){
 main[data-page="explore"] .market-performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 main[data-page="explore"] .market-performance-metric.metric-rich{min-height:0;padding:11px 14px!important}
 main[data-page="explore"] .market-performance-metric:last-child{grid-column:1/-1}
 main[data-page="explore"] .market-performance-metric .metric-head{margin-bottom:6px}
 main[data-page="explore"] .market-performance-metric .metric-icon{width:30px;height:30px;flex-basis:30px}
}
@media(max-width:390px){
 main[data-page="explore"] .market-performance-metrics{gap:10px}
 main[data-page="explore"] .market-performance-metric.metric-rich{padding:11px 12px!important}
}
/* Match Network Accounts KPI text scale on narrow mobile viewports. */
@media(max-width:500px){
 main[data-page="explore"] .market-performance-metric-label{font-size:11px}
 main[data-page="explore"] .market-performance-metric>.value{font-size:clamp(14px,4vw,19px)}
 main[data-page="explore"] .market-performance-metric>small{font-size:10.5px}
}
/* Performance account table: full-width row links, no sideways scrolling.
   Responsive labels preserve all eight values when the product card is narrow. */
main[data-page="explore"] .market-performance-accounts-card{container-type:inline-size}
main[data-page="explore"] .market-performance-results{width:100%;max-width:100%;min-width:0}
main[data-page="explore"] .market-performance-row{cursor:pointer}
@container (max-width:950px){
 main[data-page="explore"] .market-performance-table-head{display:none}
 main[data-page="explore"] .market-performance-row{grid-template-columns:minmax(0,1.45fr) minmax(0,.7fr) minmax(0,1.15fr) minmax(0,.9fr);gap:13px 14px;align-items:start;min-height:0;padding:14px 15px}
 main[data-page="explore"] .market-performance-row>span{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;gap:4px;text-align:left;white-space:normal}
 main[data-page="explore"] .market-performance-row>span::before{content:attr(data-label);display:block;color:#7c8799;font:500 11px/1.25 var(--sans);white-space:normal}
 main[data-page="explore"] .market-performance-row>.market-performance-connection{white-space:normal}
 main[data-page="explore"] .market-performance-status{justify-content:flex-start;gap:5px}
 main[data-page="explore"] .market-performance-row>.market-performance-latency{align-items:flex-start;justify-content:flex-start}
 main[data-page="explore"] .market-performance-row>.market-performance-net{white-space:normal;overflow-wrap:anywhere;word-break:normal}
 main[data-page="explore"] .market-performance-account small{max-width:100%}
}
@container (max-width:560px){
 main[data-page="explore"] .market-performance-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px 13px;padding:13px 12px}
 main[data-page="explore"] .market-performance-row .badge{font-size:10.5px}
 main[data-page="explore"] .market-performance-row>span::before{font-size:10.5px}
}

/* Compact action group: uniform icons, color-only hover, no optical offsets. */
.top-actions>.header-profile-trigger{margin-left:8px}
@media(max-width:800px){
 .top-actions{gap:0}
 .top-actions>.wallet-trigger,.top-actions>.message-trigger,.top-actions>.notification-trigger{width:34px;flex-basis:34px}
 .top-actions>.header-profile-trigger{margin-left:6px}
}

/* Canonical Community Profile within the authenticated dashboard shell. */
main[data-page="profile"] .community-dashboard-view{width:100%;min-width:0}
main[data-page="profile"] .community-dashboard-frame{
 display:block;box-sizing:border-box;width:100%;min-height:0;height:0;
 visibility:hidden;overflow:hidden;padding:0;margin:0;border:0;background:transparent
}
main[data-page="profile"] .community-dashboard-empty{padding:20px 0;color:var(--muted);font-size:13px}

/* Product Detail purchase refinement: prices are part of actionable buttons. */
main[data-page="explore"] .market-purchase-panel>.market-license-kind{margin:0 0 12px}
main[data-page="explore"] .market-purchase-actions{gap:10px}
main[data-page="explore"] .market-rental-options{display:flex;flex-direction:column;gap:9px}
main[data-page="explore"] .market-rental-options legend{margin-bottom:11px}
main[data-page="explore"] .market-rental-button{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;width:100%;min-height:48px;padding:11px 14px;border:0;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none;background-image:none;background-clip:padding-box;border-radius:7px;background:#f39b16;color:#fff;font:500 14.5px/1.4 var(--sans);text-align:left;cursor:pointer;transition:background .15s ease}
main[data-page="explore"] .market-rental-button>span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
main[data-page="explore"] .market-rental-button>strong{flex:0 0 auto;color:#fff;font:600 15px/1.35 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
main[data-page="explore"] .market-rental-button:hover{background:#df8709;color:#fff}
main[data-page="explore"] .market-rental-button:focus-visible{outline:0;filter:brightness(.92);text-decoration:underline;text-underline-offset:2px}
main[data-page="explore"] .market-demo-download-count{color:#8791a3;text-align:center;font:400 12px/1.45 var(--sans);font-variant-numeric:tabular-nums}
main[data-page="explore"] .market-product-video-link{display:block;color:#7564bb;text-align:center;text-decoration:none;font:500 12.5px/1.45 var(--sans)}
main[data-page="explore"] .market-product-video-link:hover{text-decoration:underline}
#modal.market-demo-confirm-modal[open]{position:fixed!important;inset:0!important;box-sizing:border-box;width:min(432px,calc(100vw - 28px))!important;max-width:432px!important;height:max-content!important;max-height:calc(100dvh - 28px);margin:auto!important;padding:22px 23px 21px!important;border:0!important;outline:0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 52px rgba(31,36,52,.13)!important;overflow:auto}
#modal.market-demo-confirm-modal::backdrop{background:rgba(31,36,52,.25)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#modal.market-demo-confirm-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:0 0 16px}
#modal.market-demo-confirm-modal .modal-head h2{display:flex;align-items:center;gap:9px;min-width:0;margin:0;color:#263046;font:600 19px/1.3 var(--display)}
#modal.market-demo-confirm-modal .modal-head .modal-title-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border:0;border-radius:9px;background:#f0edfc;color:var(--accent)}
#modal.market-demo-confirm-modal .modal-head .icon-button{border:0!important;outline:0!important;box-shadow:none!important}
#modal.market-demo-confirm-modal .market-demo-confirm{display:flex;flex-direction:column;gap:11px;min-width:0}
#modal.market-demo-confirm-modal .market-demo-confirm>strong{color:#344057;font:600 14px/1.4 var(--sans);overflow-wrap:anywhere}
#modal.market-demo-confirm-modal .market-demo-confirm>p{margin:0;color:#657187;font:400 13.5px/1.55 var(--sans)}
#modal.market-demo-confirm-modal .market-demo-confirm .market-demo-unavailable{color:#917045}
#modal.market-demo-confirm-modal .market-demo-confirm .market-demo-error{color:#b74f53}
#modal.market-demo-confirm-modal .market-demo-error[hidden]{display:none!important}
#modal.market-demo-confirm-modal .market-demo-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}
#modal.market-demo-confirm-modal .market-demo-confirm-actions button{min-height:40px;padding:9px 15px;border:0;outline:0;box-shadow:none;border-radius:7px;font:500 13.5px/1.35 var(--sans);cursor:pointer}
#modal.market-demo-confirm-modal .market-demo-cancel{background:#f1f2f6;color:#505a70}
#modal.market-demo-confirm-modal .market-demo-cancel:hover{background:#e9ebf1}
#modal.market-demo-confirm-modal .market-demo-proceed{background:#edf0f3;color:#536174;border:0;outline:0}
#modal.market-demo-confirm-modal .market-demo-proceed:hover:not(:disabled){background:#e1e5e9;color:#465365}
#modal.market-demo-confirm-modal .market-demo-proceed:disabled{opacity:.65;cursor:progress}
#modal.market-demo-confirm-modal .market-demo-confirm-actions button:focus-visible{outline:0;filter:brightness(.94);text-decoration:underline;text-underline-offset:2px}
@media(max-width:480px){
 #modal.market-demo-confirm-modal[open]{padding:19px 17px!important}
 #modal.market-demo-confirm-modal .modal-head h2{font-size:18px}
 main[data-page="explore"] .market-rental-button{padding:10px 12px}
}

/* Product identity Activation: unobtrusive information on hover, keyboard focus or tap.
   Tooltip remains purely explanatory; the activation quota/validation is untouched. */
main[data-page="explore"] .market-detail-meta>.market-activation-meta-fact{align-items:center;gap:5px}
main[data-page="explore"] .market-activation-help-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;vertical-align:middle}
main[data-page="explore"] .market-activation-help{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;margin:-2px 0;padding:0;border:0;outline:0;border-radius:50%;background:transparent;box-shadow:none;-webkit-appearance:none;appearance:none;color:#929caf;cursor:help;transition:color .15s,background .15s}
main[data-page="explore"] .market-activation-help .ico{width:14px;height:14px;stroke-width:1.8;transform:translateY(-1px)}
main[data-page="explore"] .market-activation-help:hover,main[data-page="explore"] .market-activation-help:focus-visible{outline:0;background:#f0edf9;color:#6e59b5}
main[data-page="explore"] .market-activation-tooltip{position:absolute;z-index:60;top:calc(100% + 9px);left:50%;box-sizing:border-box;width:286px;max-width:calc(100vw - 36px);padding:10px 12px;border:0;border-radius:8px;background:#273249;color:#fff;box-shadow:0 10px 26px rgba(25,35,55,.17);font:400 12.5px/1.5 var(--sans);text-align:left;white-space:normal;overflow-wrap:break-word;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}
main[data-page="explore"] .market-activation-help-wrap:hover .market-activation-tooltip,main[data-page="explore"] .market-activation-help-wrap:focus-within .market-activation-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:680px){
 main[data-page="explore"] .market-detail-meta{position:relative}
 main[data-page="explore"] .market-activation-help-wrap{position:static}
 main[data-page="explore"] .market-activation-tooltip{left:auto;right:0;top:calc(100% + 8px);width:min(286px,calc(100vw - 32px));transform:translateY(-4px)}
 main[data-page="explore"] .market-activation-help-wrap:hover .market-activation-tooltip,main[data-page="explore"] .market-activation-help-wrap:focus-within .market-activation-tooltip{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
 main[data-page="explore"] .market-activation-tooltip{transition:none}
}