/* Submit a deal: compact dashboard layout (layout/spacing only; existing CRM colors) */
#submissionPortal{display:flex;flex-direction:column;gap:14px;padding-bottom:28px}
#submissionPortal>*{margin:0!important}

/* Header bar: worker status + action in one row */
#submissionPortal .sp-toolbar{background:var(--surface,#0E131C);border:1px solid var(--line,rgba(223,185,105,.10));border-radius:12px;padding:12px 16px;gap:16px}
#submissionPortal .sp-toolbar>div{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
#submissionPortal .sp-toolbar p{margin:0;font-size:12.5px;line-height:1.4}
#submissionPortal .sp-worker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 11px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
#submissionPortal .sp-toolbar .primary{height:36px;padding:0 16px;font-size:13px;white-space:nowrap}

/* Stat strip: five compact tiles in one panel */
#submissionPortal .sp-counts{gap:0;background:var(--surface,#0E131C);border:1px solid var(--line,rgba(223,185,105,.10));border-radius:12px;overflow:hidden}
#submissionPortal .sp-counts>div{background:none;border:0;border-radius:0;padding:12px 16px;border-left:1px solid var(--line,rgba(223,185,105,.10))}
#submissionPortal .sp-counts>div:first-child{border-left:0}
#submissionPortal .sp-counts small{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
#submissionPortal .sp-counts strong{font-size:22px;line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums}
#submissionPortal .sp-counts>div.pd-hot strong{color:#FF9A2E}
#submissionPortal .sp-counts>div.pd-good strong{color:#39FFB0}

/* Panels: Ready to post + Submission activity */
#submissionPortal .sp-list{padding:14px 16px 6px;border-radius:12px}
#submissionPortal .sp-list>header{margin-bottom:8px;gap:12px}
#submissionPortal .sp-list>header h2{margin:0;font-size:15px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:8px}
#submissionPortal .sp-list>header .sp-hint{margin:0 auto 0 0}
#submissionPortal .sp-list>header .secondary,#submissionPortal .pd-toggle{height:28px;padding:0 11px;font-size:12px}

/* Activity rows: name · meta · time on one line, status + actions on the right */
#submissionPortal .sp-list article{align-items:center;gap:14px;padding:9px 2px}
#submissionPortal .sp-list article>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;flex:1}
#submissionPortal .sp-list article strong{font-size:14px}
#submissionPortal .sp-list article p,#submissionPortal .sp-list article small{margin:0;font-size:12px}
#submissionPortal .sp-list article>div:first-child>p:not(.sp-error){color:var(--muted,#9AA4B5)}
#submissionPortal .sp-list article .sp-error,#submissionPortal .sp-list article>div:first-child>p+p{flex-basis:100%;font-size:12px;line-height:1.4}
#submissionPortal .sp-row-actions{gap:6px;flex-wrap:nowrap}
#submissionPortal .sp-row-actions .secondary{height:28px;padding:0 11px;font-size:12px;white-space:nowrap}
#submissionPortal .sp-state{font-size:11px;font-weight:700;padding:4px 10px;min-width:84px;text-align:center}
#submissionPortal .sp-list article.pd-cancelled{display:none}
#submissionPortal .sp-list.pd-show-all article.pd-cancelled{display:flex;opacity:.55}
#submissionPortal .sp-list .empty{padding:14px 2px;font-size:13px;color:var(--muted,#9AA4B5)}

@media(max-width:820px){
 #submissionPortal .sp-counts{grid-template-columns:repeat(3,1fr)}
 #submissionPortal .sp-counts>div:nth-child(4){border-left:0}
 #submissionPortal .sp-counts>div:nth-child(n+4){border-top:1px solid var(--line,rgba(223,185,105,.10))}
}
@media(max-width:650px){
 #submissionPortal .sp-toolbar{flex-direction:column;align-items:stretch}
 #submissionPortal .sp-list article{flex-direction:column;align-items:stretch}
 #submissionPortal .sp-row-actions{justify-content:flex-start;flex-wrap:wrap}
 #submissionPortal .sp-list>header .sp-hint{display:none}
}

/* Neon accents (existing CRM neon palette; text kept crisp) */
#submissionPortal{--pd-gold:#F5C964;--pd-green:#39FFB0;--pd-blue:#4FC3FF;--pd-orange:#FF9A2E;--pd-purple:#C77DFF;--pd-line:rgba(245,201,100,.28)}
#submissionPortal .sp-toolbar,#submissionPortal .sp-counts,#submissionPortal .sp-list{border:1px solid var(--pd-line);box-shadow:0 0 0 1px rgba(245,201,100,.04) inset,0 0 18px -10px rgba(245,201,100,.55)}
#submissionPortal .sp-list>header{padding-bottom:10px;border-bottom:1px solid var(--pd-line)}
#submissionPortal .sp-list>header h2{color:var(--pd-gold);text-shadow:0 0 1px rgba(0,0,0,.6)}
#submissionPortal .sp-list>header h2::before{content:'';width:3px;height:16px;border-radius:2px;background:var(--pd-gold);box-shadow:0 0 8px var(--pd-gold)}
#submissionPortal .sp-list article{border-top:1px solid rgba(245,201,100,.12)}
#submissionPortal .sp-list>header+article,#submissionPortal .sp-list>header+.pr-row{border-top:0}
#submissionPortal .sp-list article:hover,#submissionPortal .pr-row:hover{background:linear-gradient(90deg,rgba(79,195,255,.07),transparent 70%)}
#submissionPortal .sp-list article strong{color:#F3F6FB}

/* Worker pill glows with its state */
#submissionPortal .sp-worker{background:rgba(255,154,46,.08);box-shadow:0 0 10px -3px currentColor}
#submissionPortal .sp-worker.ready{color:var(--pd-green);background:rgba(57,255,176,.08)}

/* Stat strip: neon top edge per stage */
#submissionPortal .sp-counts>div{position:relative}
#submissionPortal .sp-counts>div::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--c,var(--pd-gold));box-shadow:0 0 10px var(--c,var(--pd-gold));opacity:.85}
#submissionPortal .sp-counts>div:nth-child(1){--c:var(--pd-blue)}
#submissionPortal .sp-counts>div:nth-child(2){--c:#1FD1D1}
#submissionPortal .sp-counts>div:nth-child(3){--c:var(--pd-purple)}
#submissionPortal .sp-counts>div:nth-child(4){--c:var(--pd-green)}
#submissionPortal .sp-counts>div:nth-child(5){--c:var(--pd-orange)}
#submissionPortal .sp-counts small{color:var(--c)}
#submissionPortal .sp-counts>div.pd-hot,#submissionPortal .sp-counts>div.pd-good{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,transparent),transparent)}
#submissionPortal .sp-counts>div.pd-hot strong,#submissionPortal .sp-counts>div.pd-good strong{color:var(--c);text-shadow:0 0 1px rgba(0,0,0,.6),0 0 12px color-mix(in srgb,var(--c) 45%,transparent)}

/* Neon status pills */
#submissionPortal .sp-state{--c:var(--pd-blue);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);border:1.5px solid var(--c);box-shadow:0 0 9px -2px var(--c);text-shadow:0 0 1px rgba(0,0,0,.6)}
#submissionPortal .sp-state.posted{--c:var(--pd-green)}
#submissionPortal .sp-state.filling{--c:#1FD1D1}
#submissionPortal .sp-state.submitting{--c:var(--pd-purple)}
#submissionPortal .sp-state.needs_attention{--c:var(--pd-orange);background:color-mix(in srgb,var(--pd-orange) 12%,transparent)}
#submissionPortal .sp-state.cancelled{--c:#8A93A3;box-shadow:none}

/* Neon outline buttons */
#submissionPortal .sp-row-actions .secondary,#submissionPortal .sp-list>header .secondary,#submissionPortal .pr-btn:not(.pr-go):not(.pr-del){border:1px solid rgba(79,195,255,.55);color:#BFE8FF;background:rgba(79,195,255,.06);transition:box-shadow .15s,border-color .15s,color .15s}
#submissionPortal .sp-row-actions .secondary:hover,#submissionPortal .sp-list>header .secondary:hover,#submissionPortal .pr-btn:not(.pr-go):not(.pr-del):hover{border-color:var(--pd-blue);color:#fff;box-shadow:0 0 10px -2px var(--pd-blue)}
#submissionPortal .sp-toolbar .primary,#submissionPortal .pr-btn.pr-go{box-shadow:0 0 14px -4px var(--pd-gold)}
#submissionPortal .sp-toolbar .primary:hover,#submissionPortal .pr-btn.pr-go:hover{box-shadow:0 0 18px -3px var(--pd-gold)}
#submissionPortal .pr-count{text-shadow:0 0 1px rgba(0,0,0,.6)}
#submissionPortal .sp-error{color:var(--pd-orange)}
/* Neon buttons must win over the site-wide theme button colors */
#submissionPortal .sp-row-actions .secondary,#submissionPortal .sp-list>header .secondary,#submissionPortal .pr-btn:not(.pr-go):not(.pr-del){border-color:rgba(79,195,255,.55)!important;color:#BFE8FF!important;background:rgba(79,195,255,.06)!important}
#submissionPortal .sp-row-actions .secondary:hover,#submissionPortal .sp-list>header .secondary:hover,#submissionPortal .pr-btn:not(.pr-go):not(.pr-del):hover{border-color:#4FC3FF!important;color:#fff!important}
@media(max-width:480px){
 #submissionPortal .sp-counts{grid-template-columns:repeat(2,1fr)}
 #submissionPortal .sp-counts>div:nth-child(n){border-left:0;border-top:1px solid var(--line,rgba(223,185,105,.10))}
 #submissionPortal .sp-counts>div:nth-child(even){border-left:1px solid var(--line,rgba(223,185,105,.10))}
 #submissionPortal .sp-counts>div:nth-child(-n+2){border-top:0}
 #submissionPortal .sp-counts small{white-space:normal}
 #submissionPortal .sp-list>header{flex-wrap:wrap}
 #submissionPortal button{max-width:100%}
}