/* =======================================================
   YETZIRA LAB — portal.css
   Client portal — same brand, client-facing.
======================================================= */

:root {
    --blue:   #4ECFFF;
    --purple: #A855F7;
    --gold:   #FFB830;
    --bg:     #07070F;
    --bg2:    #0D0D1E;
    --bg3:    #12122A;
    --glass:  rgba(255,255,255,0.04);
    --border: rgba(255,255,255,0.08);
    --text:   #E8E8FF;
    --muted:  rgba(232,232,255,0.45);
    --ok:     #22C55E;
    --warn:   #F59E0B;
    --err:    #EF4444;
    --radius: 16px;
    --grad:   linear-gradient(135deg, var(--blue), var(--purple), var(--gold));
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; }

body {
    font-family: 'Space Grotesk', sans-serif;
    background: var(--bg);
    color: var(--text);
    min-height: 100vh;
    background-image:
        radial-gradient(ellipse 80% 60% at 10% 0%, rgba(78,207,255,0.06) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 90% 100%, rgba(168,85,247,0.06) 0%, transparent 60%);
}

/* -------------------------------------------------------
   HEADER
------------------------------------------------------- */
.portal-header {
    position: sticky; top: 0; z-index: 100;
    display: flex; align-items: center; gap: 1rem;
    padding: .9rem 2rem;
    background: rgba(7,7,15,0.85);
    backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--border);
}

.ph-logo { display: flex; align-items: baseline; gap: .25rem; }
.ph-logo-text {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900; font-size: 1.1rem; letter-spacing: .15em;
    background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.ph-logo-lab {
    font-family: 'Orbitron', sans-serif;
    font-size: .65rem; letter-spacing: .2em; color: var(--muted);
    -webkit-text-fill-color: var(--muted);
}

.ph-greeting { margin-left: auto; display: flex; align-items: center; gap: .5rem; }
.ph-welcome  { color: var(--muted); font-size: .9rem; }
.ph-name     { font-weight: 600; color: var(--text); font-size: .95rem; }

.ph-actions { display: flex; align-items: center; gap: .75rem; }

.ph-msg-btn {
    padding: .45rem 1rem;
    background: var(--glass);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--blue); font-family: inherit; font-size: .85rem; font-weight: 600;
    cursor: pointer; transition: background .2s, border-color .2s;
}
.ph-msg-btn:hover { background: rgba(78,207,255,0.08); border-color: var(--blue); }

.ph-logout {
    padding: .45rem 1rem;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--muted); font-family: inherit; font-size: .85rem;
    cursor: pointer; transition: color .2s, border-color .2s;
}
.ph-logout:hover { color: var(--err); border-color: var(--err); }

/* -------------------------------------------------------
   LIVE BAR
------------------------------------------------------- */
.live-bar {
    display: flex; align-items: center; gap: .6rem;
    padding: .55rem 2rem;
    background: rgba(34,197,94,0.05);
    border-bottom: 1px solid rgba(34,197,94,0.12);
    font-size: .8rem;
}

.live-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--ok);
    animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
    0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,.6); }
    50%       { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
}

.live-label { color: var(--ok); font-weight: 500; }
.live-time  { color: var(--muted); margin-left: auto; }

/* -------------------------------------------------------
   MAIN / GRID
------------------------------------------------------- */
.portal-main {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
}

.empty-portal {
    display: flex; flex-direction: column; align-items: center;
    gap: 1rem; padding: 6rem 2rem; text-align: center;
}
.ep-icon  { font-size: 3rem; }
.ep-title { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: var(--text); }
.ep-sub   { color: var(--muted); max-width: 420px; line-height: 1.7; }
.ep-link  {
    padding: .65rem 1.5rem;
    background: var(--grad); border-radius: 8px;
    color: #000; font-weight: 700; text-decoration: none;
}

.portal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

/* -------------------------------------------------------
   CARDS
------------------------------------------------------- */
.portal-card {
    background: var(--glass);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.75rem;
    backdrop-filter: blur(12px);
    transition: border-color .3s;
}
.portal-card:hover { border-color: rgba(78,207,255,0.2); }

.card-title {
    font-family: 'Orbitron', sans-serif;
    font-size: .8rem; font-weight: 700; letter-spacing: .1em;
    color: var(--muted); text-transform: uppercase;
    margin-bottom: 1.25rem;
}

/* Project card — spans both columns */
.card-project {
    grid-column: 1 / -1;
    background: linear-gradient(135deg, rgba(78,207,255,0.06), rgba(168,85,247,0.06));
    border-color: rgba(78,207,255,0.15);
}

.pc-header {
    display: flex; align-items: center; gap: 1rem;
    margin-bottom: 1rem;
}

.pc-cat {
    font-size: .75rem; font-weight: 600; letter-spacing: .1em;
    color: var(--blue); text-transform: uppercase;
    padding: .3rem .75rem;
    background: rgba(78,207,255,0.1);
    border-radius: 4px;
}

.pc-status {
    padding: .3rem .8rem; border-radius: 4px;
    font-size: .75rem; font-weight: 600;
}
.pc-status.st-ok     { background: rgba(34,197,94,.15); color: var(--ok); }
.pc-status.st-blue   { background: rgba(78,207,255,.12); color: var(--blue); }
.pc-status.st-purple { background: rgba(168,85,247,.15); color: var(--purple); }
.pc-status.st-warn   { background: rgba(245,158,11,.15); color: var(--warn); }
.pc-status.st-muted  { background: var(--glass); color: var(--muted); }

.pc-title {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 900;
    background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    margin-bottom: .5rem;
}

.pc-desc {
    color: var(--muted); font-size: .95rem; line-height: 1.7;
    margin-bottom: 1.5rem;
    max-width: 700px;
}

.pc-dates {
    display: flex; align-items: center; gap: 1.5rem;
    flex-wrap: wrap;
}
.pc-date-item { display: flex; flex-direction: column; gap: .2rem; }
.pdi-label    { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.pdi-val      { font-size: 1rem; font-weight: 600; color: var(--text); }
.pc-date-sep  { color: var(--muted); font-size: 1.2rem; margin-top: .8rem; }

.countdown-val {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.4rem; font-weight: 700;
    background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

/* Progress card */
.progress-bar-wrap {
    display: flex; align-items: center; gap: 1rem;
    margin-bottom: 1.5rem;
}
.progress-bar-track {
    flex: 1; height: 8px; border-radius: 99px;
    background: rgba(255,255,255,0.07);
    overflow: hidden;
}
.progress-bar-fill {
    height: 100%; border-radius: 99px;
    background: var(--grad);
    transition: width 1s cubic-bezier(.4,0,.2,1);
}
.progress-pct {
    font-family: 'Orbitron', sans-serif;
    font-size: .85rem; font-weight: 700;
    background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    min-width: 3.5ch;
}

/* Phases */
.phases-list { display: flex; flex-direction: column; gap: .6rem; }

.phase-item {
    display: flex; align-items: center; gap: 1rem;
    padding: .7rem 1rem;
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
    border: 1px solid transparent;
    transition: border-color .2s;
}
.phase-item.done        { border-color: rgba(34,197,94,0.2); }
.phase-item.in_progress { border-color: rgba(168,85,247,0.3); background: rgba(168,85,247,0.05); }
.phase-item.pending     { opacity: .5; }

.phase-icon {
    width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: .85rem; flex-shrink: 0;
}
.done .phase-icon        { background: rgba(34,197,94,0.15); color: var(--ok); }
.in_progress .phase-icon { background: rgba(168,85,247,0.15); color: var(--purple); }
.pending .phase-icon     { background: var(--glass); color: var(--muted); }

.phase-name {
    font-size: .9rem; font-weight: 500;
    flex: 1;
}
.done .phase-name        { color: var(--text); }
.in_progress .phase-name { color: var(--purple); font-weight: 600; }
.pending .phase-name     { color: var(--muted); }

.phase-tag {
    font-size: .7rem; padding: .2rem .6rem; border-radius: 4px;
}
.done .phase-tag        { background: rgba(34,197,94,.1); color: var(--ok); }
.in_progress .phase-tag { background: rgba(168,85,247,.1); color: var(--purple); }
.pending .phase-tag     { background: var(--glass); color: var(--muted); }

/* Plan card */
.plan-body { margin-bottom: 1.25rem; }

.plan-service-name {
    font-size: 1.1rem; font-weight: 700; color: var(--text);
    margin-bottom: .4rem;
}
.plan-service-cat {
    font-size: .8rem; color: var(--blue); font-weight: 500;
    margin-bottom: .75rem;
}
.plan-service-desc { color: var(--muted); font-size: .9rem; line-height: 1.7; }
.plan-loading      { color: var(--muted); font-size: .9rem; }

.plan-budget {
    display: flex; align-items: baseline; justify-content: space-between;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}
.pb-label  { font-size: .8rem; color: var(--muted); }
.pb-amount {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.4rem; font-weight: 700;
    background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

/* Messages card */
.card-messages { grid-column: 1 / -1; }

.card-msg-head {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 1.25rem;
}
.card-msg-head .card-title { margin-bottom: 0; }

.mini-btn {
    padding: .4rem .9rem;
    background: var(--glass); border: 1px solid var(--border);
    border-radius: 8px; color: var(--blue);
    font-family: inherit; font-size: .8rem; font-weight: 600;
    cursor: pointer; transition: .2s;
}
.mini-btn:hover { background: rgba(78,207,255,.08); border-color: var(--blue); }

/* Message form */
.msg-form { margin-bottom: 1.25rem; }
.msg-textarea {
    width: 100%; padding: .9rem 1rem;
    background: rgba(255,255,255,0.04); border: 1px solid var(--border);
    border-radius: 8px; color: var(--text);
    font-family: 'Space Grotesk', sans-serif; font-size: .9rem;
    resize: vertical; min-height: 80px;
    margin-bottom: .5rem; transition: border-color .2s;
}
.msg-textarea:focus { outline: none; border-color: var(--blue); }
.msg-form-err { color: var(--err); font-size: .8rem; min-height: 1.2rem; margin-bottom: .5rem; }
.msg-send-btn {
    padding: .6rem 1.5rem;
    background: linear-gradient(135deg, var(--blue), var(--purple));
    border: none; border-radius: 8px;
    color: #fff; font-family: inherit; font-size: .9rem; font-weight: 600;
    cursor: pointer; transition: opacity .2s;
}
.msg-send-btn:hover { opacity: .85; }

/* Message thread */
.msg-thread {
    display: flex; flex-direction: column; gap: .75rem;
    max-height: 360px; overflow-y: auto;
    padding-right: .25rem;
}
.msg-thread::-webkit-scrollbar { width: 4px; }
.msg-thread::-webkit-scrollbar-track { background: transparent; }
.msg-thread::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

.msg-bubble {
    display: flex; flex-direction: column; gap: .25rem;
    max-width: 75%;
    padding: .75rem 1rem;
    border-radius: 12px;
}
.msg-bubble.from-client {
    align-self: flex-end;
    background: rgba(78,207,255,0.08);
    border: 1px solid rgba(78,207,255,0.15);
}
.msg-bubble.from-team {
    align-self: flex-start;
    background: rgba(168,85,247,0.08);
    border: 1px solid rgba(168,85,247,0.15);
}

.msg-meta {
    display: flex; align-items: center; gap: .5rem;
    font-size: .72rem; color: var(--muted);
}
.msg-author { font-weight: 600; }
.from-client .msg-author { color: var(--blue); }
.from-team   .msg-author { color: var(--purple); }

.msg-text { font-size: .9rem; line-height: 1.6; }

.msg-empty {
    color: var(--muted); font-size: .9rem; text-align: center; padding: 2rem;
}

/* -------------------------------------------------------
   TOAST
------------------------------------------------------- */
.toast {
    position: fixed; bottom: 2rem; right: 2rem;
    padding: .8rem 1.5rem; border-radius: 10px;
    font-size: .9rem; font-weight: 500;
    background: rgba(13,13,30,0.95);
    border: 1px solid var(--border);
    color: var(--text);
    opacity: 0; transform: translateY(1rem);
    transition: .3s; z-index: 9999;
    pointer-events: none;
}
.toast.show { opacity: 1; transform: translateY(0); }
.toast.toast-ok  { border-color: var(--ok);  color: var(--ok); }
.toast.toast-err { border-color: var(--err); color: var(--err); }

/* -------------------------------------------------------
   RESPONSIVE
------------------------------------------------------- */
@media (max-width: 768px) {
    .portal-header { padding: .75rem 1rem; }
    .ph-greeting   { display: none; }
    .portal-main   { padding: 1.25rem 1rem 3rem; }
    .portal-grid   { grid-template-columns: 1fr; }
    .card-project  { grid-column: 1; }
    .card-messages { grid-column: 1; }
    .pc-dates      { gap: 1rem; }
    .msg-bubble    { max-width: 90%; }
}

/* Client account tools */
.client-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin-top:1.5rem; }
.client-tools .site-overview { grid-column:1/-1; }
.site-state { padding:.35rem .8rem; border-radius:99px; font-size:.75rem; background:rgba(255,184,48,.1); color:var(--gold); }
.site-state.active { background:rgba(0,200,150,.12); color:var(--ok); }
.site-state.inactive { background:rgba(255,107,107,.1); color:var(--err); }
.site-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.5rem 0; }
.site-facts div { padding:1rem; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.02); }
.site-facts span { display:block; color:var(--muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.35rem; }
.site-facts strong { font-size:.9rem; overflow-wrap:anywhere; }
.site-open-link { display:inline-flex; color:var(--blue); text-decoration:none; font-weight:600; }
.client-form { display:flex; flex-direction:column; gap:.8rem; margin:1.2rem 0 1.5rem; }
.client-form-row { display:grid; grid-template-columns:2fr 1fr 1fr; gap:.7rem; }
.client-form input,.client-form select,.client-form textarea { width:100%; padding:.8rem 1rem; border-radius:10px; border:1px solid var(--border); background:#0D0D1E; color:var(--text); font:inherit; }
.client-form select { color-scheme: dark; appearance: auto; }
.client-form select option { background:#0D0D1E; color:#E8E8FF; }
.client-form label { color:var(--muted); font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; }
.tool-intro { color:var(--muted); font-size:.88rem; margin-top:.5rem; }
.client-list { display:flex; flex-direction:column; gap:.65rem; max-height:320px; overflow:auto; }
.client-list-item { padding:.9rem 1rem; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.02); }
.client-list-top { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.3rem; }
.client-list-title { font-weight:600; font-size:.9rem; }
.client-list-meta { color:var(--muted); font-size:.72rem; }
.client-list-status { color:var(--purple); font-size:.72rem; text-transform:uppercase; }
@media (max-width:800px) {
    .client-tools { grid-template-columns:1fr; }
    .site-facts,.client-form-row { grid-template-columns:1fr; }
}

/* -------------------------------------------------------
   CUSTOM SELECT (substitui dropdown nativo)
------------------------------------------------------- */
.csel { position: relative; width: 100%; }

.csel-trigger {
    display: flex; align-items: center; justify-content: space-between; gap: .5rem;
    padding: .8rem 1rem; border-radius: 10px; border: 1px solid var(--border);
    background: #0D0D1E; color: var(--text);
    font-family: 'Space Grotesk', sans-serif; font-size: 1rem;
    cursor: pointer; user-select: none; transition: border-color .2s;
}
.csel-trigger:hover,
.csel.open .csel-trigger { border-color: var(--purple); }
.csel-trigger:focus-visible { outline: 2px solid var(--purple); outline-offset: 2px; }

.csel-arrow { flex-shrink: 0; color: var(--muted); transition: transform .2s; }
.csel.open .csel-arrow { transform: rotate(180deg); }

.csel-list {
    display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0;
    background: #1C1C3A; border: 1px solid rgba(168,85,247,0.45); border-radius: 10px;
    z-index: 9999; overflow-x: hidden; overflow-y: auto; max-height: 200px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.8), 0 0 0 1px rgba(168,85,247,0.1);
}
.csel.open .csel-list { display: block; }

.csel-opt {
    padding: .75rem 1rem; cursor: pointer;
    color: #E8E8FF; font-size: .92rem; transition: background .12s;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.csel-opt:last-child { border-bottom: none; }
.csel-opt:hover { background: rgba(168,85,247,.2); }
.csel-opt.active { background: rgba(78,207,255,.12); color: #4ECFFF; font-weight: 600; }

/* =======================================================
   LICENÇAS / SUBSCRIÇÕES (área de cliente)
======================================================= */
.portal-licenses { margin-top: 22px; }
.pl-head { display:flex; align-items:baseline; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.pl-sub { color: rgba(232,232,255,.55); font-size:.85rem; }
.licenses-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; }
.license-card {
    background:#141428; border:1px solid rgba(168,85,247,.25);
    border-top:3px solid var(--lic-accent,#A855F7); border-radius:14px; padding:18px;
}
.lic-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; }
.lic-title { font-size:1.02rem; margin:0; color:#E8E8FF; font-family:'Orbitron',sans-serif; }
.lic-badge { font-size:.68rem; padding:3px 9px; border-radius:20px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
.lst-ok   { background:rgba(57,217,138,.15); color:#39d98a; }
.lst-err  { background:rgba(255,89,100,.15); color:#ff5964; }
.lst-warn { background:rgba(245,166,35,.15); color:#f5a623; }
.lst-muted{ background:rgba(255,255,255,.08); color:#8c92a8; }
.lic-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.lic-facts > div { display:flex; flex-direction:column; gap:2px; }
.lic-facts span { font-size:.68rem; color:rgba(232,232,255,.5); text-transform:uppercase; letter-spacing:.04em; }
.lic-facts strong { font-size:.94rem; color:#E8E8FF; }
.lic-activation { border-top:1px solid rgba(255,255,255,.07); padding-top:12px; margin-bottom:12px; display:flex; flex-direction:column; gap:8px; }
.lic-hint { font-size:.78rem; color:rgba(232,232,255,.6); margin:0 0 4px; line-height:1.4; }
.lic-field { display:flex; align-items:center; gap:8px; }
.lic-field-label { font-size:.68rem; color:rgba(232,232,255,.5); min-width:96px; text-transform:uppercase; letter-spacing:.03em; }
.lic-field-val { flex:1; background:#06070c; border:1px solid rgba(168,85,247,.25); border-radius:7px; padding:6px 9px; font-size:.72rem; color:#4ECFFF; word-break:break-all; font-family:ui-monospace,Menlo,Consolas,monospace; }
.lic-copy { background:rgba(168,85,247,.16); color:#E8E8FF; border:1px solid rgba(168,85,247,.35); border-radius:7px; padding:6px 10px; font-size:.72rem; cursor:pointer; white-space:nowrap; }
.lic-copy:hover { background:rgba(168,85,247,.3); }
.lic-actions { display:flex; gap:10px; flex-wrap:wrap; }
.lic-btn { flex:1; min-width:130px; text-align:center; text-decoration:none; padding:9px 12px; border-radius:9px; font-size:.82rem; font-weight:600; cursor:pointer; border:1px solid rgba(168,85,247,.4); background:#171a23; color:#E8E8FF; }
.lic-btn:hover { border-color:#A855F7; }
.lic-btn-primary { background:linear-gradient(135deg,#4ECFFF,#A855F7); border:0; color:#fff; }
.lic-btn[disabled] { opacity:.5; cursor:default; }
@media (max-width:520px) {
    .lic-field { flex-wrap:wrap; }
    .lic-field-label { min-width:100%; }
}

/* Prisma: subscrever e gerir pagamentos (© 2026) */
.prisma-shop { margin-top:18px; border:1px solid rgba(106,61,240,.45); border-radius:14px; padding:18px; background:rgba(106,61,240,.07); }
.prisma-shop h3 { margin:0 0 4px; font-size:1.05rem; }
.ps-sub { font-size:.82rem; color:rgba(232,232,255,.65); margin:0 0 14px; line-height:1.45; }
.ps-toggle { display:inline-flex; gap:4px; padding:4px; border-radius:10px; background:#11131b; border:1px solid rgba(168,85,247,.25); margin-bottom:14px; }
.ps-toggle button { border:0; background:transparent; color:#E8E8FF; padding:7px 14px; border-radius:7px; font-size:.82rem; font-weight:600; cursor:pointer; }
.ps-toggle button[aria-pressed="true"] { background:linear-gradient(135deg,#4ECFFF,#A855F7); color:#fff; }
.ps-plans { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }
.ps-plan { border:1px solid rgba(168,85,247,.3); border-radius:12px; padding:14px; background:#141720; display:flex; flex-direction:column; gap:8px; }
.ps-plan h4 { margin:0; font-size:.95rem; }
.ps-price { font-size:1.4rem; font-weight:700; }
.ps-price small { font-size:.8rem; font-weight:500; color:rgba(232,232,255,.6); }
.ps-plan ul { margin:0; padding-left:18px; font-size:.8rem; color:rgba(232,232,255,.75); line-height:1.5; }
.ps-plan .lic-btn { flex:0 0 auto; }
.ps-once { display:flex; gap:8px; align-items:center; font-size:.8rem; color:rgba(232,232,255,.75); margin-top:12px; }
.ps-once input { accent-color:#A855F7; width:16px; height:16px; }
.ps-pays { margin-top:16px; font-size:.82rem; }
.ps-pays table { width:100%; border-collapse:collapse; }
.ps-pays th, .ps-pays td { text-align:left; padding:6px 8px; border-bottom:1px solid rgba(168,85,247,.15); }
.ps-pays a { color:#4ECFFF; }
.ps-status { font-size:.85rem; margin:0 0 12px; }
.ps-actions { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
@media (max-width:560px){ .prisma-shop { padding:14px; } .ps-pays th:nth-child(3), .ps-pays td:nth-child(3) { display:none; } }