/* Lucid Partners private storefront portal. Scoped to this shortcode only. */
.lpp-portal {font-family:Arial,Helvetica,sans-serif;line-height:1.55;color:#17191e;max-width:1180px;margin:20px auto 50px;padding:0 14px;font-size:15px}
.lpp-portal * {box-sizing:border-box}
.lpp-portal a {color:#bc0000;text-decoration:none}
.lpp-portal a:hover {text-decoration:underline}
.lpp-portal .lpp-portal-hero {display:flex;gap:18px;justify-content:space-between;align-items:center;background:#16171a;color:#fff;padding:29px 32px;border-radius:14px 14px 0 0}
.lpp-portal-hero h2 {color:#fff!important;font-size:29px;line-height:1.2;margin:9px 0 7px;font-weight:800}
.lpp-portal-hero p {margin:0;color:#ccd0d4}
.lpp-portal-eyebrow {font-size:11px;font-weight:800;letter-spacing:2px;border-left:4px solid #bc0000;padding-left:10px;color:#fff}
.lpp-portal-brand {font-size:12px;letter-spacing:2px;border:1px solid #555;color:#fff;padding:8px 10px;border-radius:6px;white-space:nowrap}
.lpp-portal-tabs {display:flex;gap:5px;background:#fff;border:1px solid #e6e6ea;border-top:0;overflow-x:auto;padding:0 15px}
.lpp-portal-tabs a {color:#555!important;white-space:nowrap;padding:17px 18px;border-bottom:3px solid transparent;font-weight:700;font-size:14px}
.lpp-portal-tabs a.active,.lpp-portal-tabs a:hover {color:#bc0000!important;border-bottom-color:#bc0000;text-decoration:none}
.lpp-portal-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}
.lpp-portal-stat {border:1px solid #e5e5e9;border-radius:9px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:7px;min-width:0}
.lpp-portal-stat-label {color:#60646e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.lpp-portal-stat strong {font-size:28px;line-height:1.1;font-weight:800;color:#181818;overflow-wrap:anywhere}
.lpp-portal-stat small {color:#777;line-height:1.4}
.lpp-portal-panel {background:#fff;border:1px solid #e5e5e9;border-radius:9px;margin:16px 0;padding:22px}
.lpp-portal-panel h3 {font-size:19px;font-weight:800;margin:0 0 14px;color:#1a1b1d}
.lpp-portal-panel p {color:#60646e}
.lpp-portal-table-wrap {overflow-x:auto;width:100%}
.lpp-portal table {width:100%;border-collapse:collapse;font-size:13px;min-width:540px}
.lpp-portal table th {font-size:11px;font-weight:800;color:#626773;text-transform:uppercase;letter-spacing:.3px;text-align:left;padding:12px 11px;border-bottom:1px solid #e4e5e8;white-space:nowrap}
.lpp-portal table td {padding:14px 11px;border-bottom:1px solid #f0f0f1;vertical-align:top;color:#272a2e;line-height:1.45}
.lpp-portal table td small {display:block;font-size:11px;color:#81858d;margin-top:3px}
.lpp-portal-pill {display:inline-block;border-radius:30px;padding:5px 9px;background:#f1f2f3;font-size:11px;font-weight:800;color:#424650;white-space:nowrap}
.lpp-portal-pill-pending,.lpp-portal-pill-refund-review {background:#fff1c8;color:#79531b}
.lpp-portal-pill-payable,.lpp-portal-pill-paid {background:#e0f5e6;color:#147342}
.lpp-portal-pill-excluded,.lpp-portal-pill-overpaid-adjustment {background:#ffe5e5;color:#9d1111}
.lpp-portal-action,.lpp-portal-download {display:inline-flex;align-items:center;justify-content:center;background:#bc0000!important;color:#fff!important;padding:11px 15px;border-radius:5px;border:1px solid #bc0000;font-size:13px;font-weight:800;cursor:pointer;margin-top:13px;text-decoration:none!important}
.lpp-portal-action:hover,.lpp-portal-download:hover {background:#940000!important}
.lpp-portal-bottom {color:#757980;margin:23px 0;font-size:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.lpp-portal-bottom p {max-width:690px;margin:0;line-height:1.6}
.lpp-portal-bottom form {flex-shrink:0}
.lpp-portal-bottom .lpp-portal-download {margin:0}
.lpp-portal-shop-url {color:#60646e;margin-top:12px;overflow-wrap:anywhere;font-size:13px}
.lpp-portal-products {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.lpp-portal-product {border:1px solid #e5e5e9;border-radius:8px;display:flex;align-items:center;gap:13px;padding:11px;min-width:0}
.lpp-portal-product img,.lpp-portal-product-placeholder {width:80px;height:90px;object-fit:cover;background:#ededed;border-radius:5px;flex-shrink:0}
.lpp-portal-product-placeholder {display:grid;place-items:center;font-weight:800;color:#aaa}
.lpp-portal-product strong,.lpp-portal-product small,.lpp-portal-product a {display:block}
.lpp-portal-product strong {font-size:13px;line-height:1.4}
.lpp-portal-product small {font-size:12px;margin:5px 0;color:#666}
.lpp-portal-product a {font-size:12px;font-weight:700}
.lpp-portal-login {max-width:500px;padding:32px!important;background:#fff;border:1px solid #e5e5e9;border-top:4px solid #bc0000;border-radius:10px}
.lpp-portal-login h2 {font-size:26px;color:#111}
.lpp-portal-login form p {margin-bottom:16px}
.lpp-portal-login form label {display:block;font-weight:700}
.lpp-portal-login form input[type=text],.lpp-portal-login form input[type=password] {width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;color:#222}
.lpp-portal-login form input[type=submit] {background:#bc0000;color:#fff;border:0;border-radius:5px;padding:11px 20px;cursor:pointer}
.lpp-portal-preview {padding:13px 18px;border:1px solid #b9cae7;background:#eef4ff;color:#12416d;margin-bottom:15px;border-radius:7px}
@media(max-width:850px){.lpp-portal-stats {grid-template-columns:repeat(2,minmax(0,1fr))}.lpp-portal-products{grid-template-columns:1fr}}
@media(max-width:520px){.lpp-portal{padding:0 8px;margin-top:10px}.lpp-portal-hero{padding:21px!important}.lpp-portal-hero h2{font-size:24px}.lpp-portal-brand{display:none}.lpp-portal-tabs a{padding:14px 12px}.lpp-portal-stat{padding:13px}.lpp-portal-stat strong{font-size:22px}.lpp-portal-panel{padding:15px}.lpp-portal-bottom{display:block}.lpp-portal-bottom form{margin-top:12px}.lpp-portal-bottom button{width:100%}}

/* v1.3.1 dedicated portal app shell: no unrelated XStore store hero/sticky menu. */
body.lpp-app-shell {background:#1c1c1f!important;color:#fff!important;margin:0!important;font-family:Arial,Helvetica,sans-serif!important;min-width:320px}
body.lpp-app-shell * {box-sizing:border-box}
body.lpp-app-shell .lpp-app-wrapper {min-height:100vh;display:flex;flex-direction:column}
body.lpp-app-shell .lpp-app-header {position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px max(26px,calc((100vw - 1180px)/2 + 14px));border-bottom:1px solid #39393d;background:#111114;color:#fff}
body.lpp-app-shell .lpp-app-wordmark {color:#fff!important;text-decoration:none!important;font-size:18px;letter-spacing:1.2px;font-weight:900;white-space:nowrap}
body.lpp-app-shell .lpp-app-wordmark strong {color:#fff}
body.lpp-app-shell .lpp-app-mark {margin-left:12px;border-left:3px solid #bc0000;padding-left:12px;font-size:11px;font-weight:800;letter-spacing:1.7px;color:#bfc0c4}
body.lpp-app-shell .lpp-app-top-nav {display:flex;align-items:center;flex-wrap:wrap;gap:18px}
body.lpp-app-shell .lpp-app-top-nav a {color:#efeff0!important;text-decoration:none;font-size:13px;font-weight:700}
body.lpp-app-shell .lpp-app-top-nav a:hover {color:#fff!important;text-decoration:underline}
body.lpp-app-shell .lpp-app-admin-label {background:#342d2d;color:#ffd4d4;border:1px solid #775353;padding:4px 9px;border-radius:4px;font-size:12px}
body.lpp-app-shell .lpp-app-content {width:100%;flex:1;padding:16px 0 20px}
body.lpp-app-shell .lpp-portal {margin:0 auto 26px;max-width:1180px}
body.lpp-app-shell .lpp-portal-login {margin:48px auto!important;color:#17191e}
body.lpp-app-shell .lpp-app-footer {display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#92949c;background:#111114;border-top:1px solid #39393d;font-size:12px;padding:20px max(26px,calc((100vw - 1180px)/2 + 14px))}
body.lpp-app-shell .lpp-skip-link {position:absolute;top:-100px;left:12px;padding:8px;background:#fff;color:#111;z-index:999999}
body.lpp-app-shell .lpp-skip-link:focus {top:8px}
.lpp-portal-line {display:block;margin-bottom:5px;overflow-wrap:anywhere}
.lpp-portal-line:last-child {margin-bottom:0}
@media(max-width:650px){
  body.lpp-app-shell .lpp-app-header {padding:15px 14px;align-items:flex-start;flex-direction:column;gap:11px}
  body.lpp-app-shell .lpp-app-wordmark {font-size:16px}
  body.lpp-app-shell .lpp-app-top-nav {gap:17px}
  body.lpp-app-shell .lpp-app-footer {padding:15px 14px}
  body.lpp-app-shell .lpp-portal {padding:0 10px}
}

/* v1.3.2: product thumbnails in partner Overview + Sales order rows. */
.lpp-portal .lpp-sale-merchandise {min-width:260px}
.lpp-portal .lpp-sale-item {display:flex;align-items:center;gap:11px;min-width:0;margin:0;padding:9px 0}
.lpp-portal .lpp-sale-item:first-child {padding-top:0}
.lpp-portal .lpp-sale-item:last-child {padding-bottom:0}
.lpp-portal .lpp-sale-item + .lpp-sale-item {border-top:1px solid #f0f0f2}
.lpp-portal .lpp-sale-thumb,.lpp-portal .lpp-sale-thumb-placeholder {display:block;width:58px;height:64px;min-width:58px;flex:0 0 58px;object-fit:cover;object-position:center top;border-radius:6px;background:#f0f0f1;border:1px solid #ebebed}
.lpp-portal .lpp-sale-thumb-placeholder {display:flex;align-items:center;justify-content:center;color:#8e939c;font-size:12px;font-weight:800;letter-spacing:.5px}
.lpp-portal .lpp-sale-item-details {display:flex;flex-direction:column;gap:4px;min-width:0}
.lpp-portal .lpp-sale-item-name {font-size:13px;font-weight:650;line-height:1.38;color:#272a2e;overflow-wrap:anywhere}
.lpp-portal .lpp-sale-item-qty {font-size:11px;line-height:1.3;color:#777d86}
/* On narrow screens, render each order as a readable card instead of a wide table. */
@media(max-width:700px){
  .lpp-portal .lpp-portal-table-wrap {overflow-x:visible}
  .lpp-portal table.lpp-sales-table {min-width:0;width:100%;display:block}
  .lpp-portal table.lpp-sales-table thead {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .lpp-portal table.lpp-sales-table tbody {display:block}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;border:1px solid #e7e7ea;border-radius:9px;padding:9px 12px;margin:0 0 12px;background:#fff}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td {display:block;min-width:0;border:0;padding:7px 0;font-size:12px}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td:first-child {grid-column:1}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td:nth-child(3) {grid-column:2;grid-row:1;text-align:right}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td.lpp-sale-merchandise {grid-column:1 / -1;grid-row:2;min-width:0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td:nth-child(4),
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td:nth-child(5) {grid-row:3}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td:nth-child(5) {text-align:right}
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td:nth-child(4)::before,
  .lpp-portal table.lpp-sales-table tr.lpp-sales-row td:nth-child(5)::before {content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.4px;color:#7e828b;margin-bottom:2px}
  .lpp-portal .lpp-sale-thumb,.lpp-portal .lpp-sale-thumb-placeholder {width:60px;height:65px;min-width:60px;flex-basis:60px}
  .lpp-portal .lpp-sale-item-name {font-size:13px}
  .lpp-portal table.lpp-sales-table tr:not(.lpp-sales-row) {display:block}
  .lpp-portal table.lpp-sales-table tr:not(.lpp-sales-row) td {display:block}
}