/* SMP Clipper Pro Flow 1 — focused, product-grade account workspace */
.proflow-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(circle at 15% 10%,rgba(var(--primary-rgb),.22),transparent 42%),linear-gradient(135deg,#121a29,#0b1018 72%);box-shadow:0 24px 70px rgba(0,0,0,.26)}
.proflow-hero h1{margin:7px 0 8px;color:#fff;font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.045em}.proflow-hero p{max-width:720px;margin:0;color:#98a4b8;line-height:1.7}
.proflow-account{display:flex;align-items:center;gap:13px;min-width:250px;padding:16px 18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045)}.proflow-account small,.proflow-account p{display:block;margin:0;color:#7f8ba0;font-size:.67rem}.proflow-account strong{display:block;margin:3px 0;color:#f6f8fc;font-size:.84rem}
.proflow-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:12px;margin:18px 0 22px;padding:16px 18px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:#0d131c}.proflow-steps article{display:flex;align-items:center;gap:10px;min-width:0}.proflow-steps article>b{display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#8290a6;background:#111a26;font-size:.68rem}.proflow-steps article.done>b{border-color:rgba(53,201,149,.32);color:#65dcae;background:rgba(53,201,149,.1)}.proflow-steps article.current>b{border-color:rgba(var(--primary-rgb),.42);color:#fff;background:rgba(var(--primary-rgb),.19)}.proflow-steps strong,.proflow-steps small{display:block;white-space:nowrap}.proflow-steps strong{color:#dde3ed;font-size:.66rem}.proflow-steps small{margin-top:2px;color:#6f7c91;font-size:.54rem}.proflow-steps>i{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.04))}
.proflow-license-section{margin-bottom:18px}.flow-license-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border:1px solid rgba(53,201,149,.2);border-radius:20px;background:linear-gradient(115deg,rgba(53,201,149,.10),rgba(13,20,29,.98) 55%,rgba(var(--primary-rgb),.06));box-shadow:0 16px 46px rgba(0,0,0,.2)}.flow-license-card.inactive{border-color:rgba(245,158,11,.22);background:linear-gradient(115deg,rgba(245,158,11,.09),rgba(13,20,29,.98) 60%)}.flow-license-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#70deb7;background:rgba(53,201,149,.12)}.flow-license-card.inactive .flow-license-icon{color:#f5bd67;background:rgba(245,158,11,.11)}.flow-license-icon .icon{width:23px;height:23px}.flow-license-card span{color:#75839a;font-size:.56rem;font-weight:850;letter-spacing:.14em}.flow-license-card h2{margin:4px 0 4px;color:#f7f9fc;font-size:1.22rem}.flow-license-card p{margin:0;color:#8794a8;font-size:.68rem}.flow-license-card [data-license-countdown]{display:block;margin-top:8px;color:#69dbae;font-size:.68rem}
.proflow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.proflow-metrics article{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,#111822,#0c1119)}.proflow-metrics article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#b7c2d3;background:rgba(255,255,255,.055)}.proflow-metrics .icon{width:18px;height:18px}.proflow-metrics strong,.proflow-metrics small{display:block}.proflow-metrics strong{color:#f6f8fc;font-size:1.15rem}.proflow-metrics small{margin-top:2px;color:#78869b;font-size:.59rem}
.proflow-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.proflow-action-grid .quick-link{min-height:142px}
.proflow-job-list{display:grid;gap:10px}.flow-job-card{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(160px,.8fr) auto;align-items:center;gap:16px;padding:15px 17px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0d131c}.flow-job-card span,.flow-job-card strong,.flow-job-card small{display:block}.flow-job-card>div:first-child>span{color:#7d8aa0;font-size:.54rem;font-weight:850;letter-spacing:.12em}.flow-job-card strong{margin:3px 0;color:#e7ebf2;font-size:.7rem}.flow-job-card small{color:#68758a;font-size:.56rem}.flow-job-progress{height:6px;overflow:hidden;border-radius:999px;background:#171f2b}.flow-job-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#4ccbc0)}.flow-empty{display:flex;align-items:center;gap:14px;padding:28px;border:1px dashed rgba(255,255,255,.1);border-radius:16px;color:#7d899d;background:rgba(255,255,255,.018)}.flow-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.05)}.flow-empty strong{display:block;color:#dce2eb}.flow-empty p{margin:4px 0 0;font-size:.67rem}
.auth-showcase,.auth-form-panel,.sidebar,.workspace-topbar,.content-section,.data-panel{backdrop-filter:saturate(125%) blur(14px)}
@media(max-width:1080px){.proflow-action-grid,.proflow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.proflow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.proflow-steps>i{display:none}.proflow-steps article{padding:8px;border-radius:12px;background:rgba(255,255,255,.025)}}
@media(max-width:720px){.proflow-hero{grid-template-columns:1fr;padding:25px 20px}.proflow-account{min-width:0}.flow-license-card{grid-template-columns:auto 1fr}.flow-license-card>.button{grid-column:1/-1;width:100%}.proflow-steps,.proflow-metrics,.proflow-action-grid{grid-template-columns:1fr}.flow-job-card{grid-template-columns:1fr}.proflow-steps strong,.proflow-steps small{white-space:normal}}