/* FORGE PROSPECT 2.0 — professional UI layer */
:root{--forge-bg:#07070d;--forge-panel:#101019;--forge-panel2:#141421;--forge-border:rgba(167,99,255,.20);--forge-purple:#8b4dff;--forge-purple2:#6d2cff;--forge-text:#f7f5ff;--forge-muted:#9692a8;--forge-green:#35e0a1;--forge-red:#ff617d;--forge-yellow:#f3c86b;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0%,rgba(105,44,200,.12),transparent 34%),var(--forge-bg)}
.app main{min-width:0}.app header{position:sticky;top:0;z-index:20;background:rgba(7,7,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);padding:20px 28px}.app header h1{font-size:26px;margin:0 0 5px}.app header p{margin:0;color:var(--forge-muted)}
.header-actions{display:flex;gap:9px;align-items:center}.header-actions .ghost{white-space:nowrap}
.pro-topbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.pro-search{flex:1;position:relative}.pro-search input{width:100%;height:46px;padding:0 45px 0 44px;border:1px solid rgba(255,255,255,.09);background:#0d0d15;border-radius:14px;color:#fff;outline:none}.pro-search input:focus{border-color:rgba(139,77,255,.65);box-shadow:0 0 0 4px rgba(139,77,255,.10)}.pro-search .search-icon{position:absolute;left:15px;top:12px;color:#a8a1ba}.pro-search .shortcut{position:absolute;right:12px;top:10px;border:1px solid #2c2937;border-radius:7px;padding:4px 7px;color:#777183;font-size:11px}
.pro-icon-btn{height:44px;min-width:44px;border:1px solid rgba(255,255,255,.08);background:#0d0d15;color:#e9e4f5;border-radius:13px;cursor:pointer;position:relative}.pro-icon-btn:hover{border-color:rgba(139,77,255,.55);background:#14121f}.pro-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;background:#ff5875;border-radius:50%;box-shadow:0 0 0 3px rgba(255,88,117,.13)}
.pro-welcome{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.pro-welcome h2{margin:3px 0 6px;font-size:30px}.pro-welcome p{margin:0;color:var(--forge-muted)}.pro-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#a875ff}.pro-date{font-size:13px;color:#777284}
.pro-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.pro-stat{background:linear-gradient(145deg,#11111b,#0c0c13);border:1px solid rgba(255,255,255,.07);border-radius:17px;padding:16px;box-shadow:var(--shadow);min-width:0}.pro-stat .icon{font-size:19px;margin-bottom:10px}.pro-stat .label{display:block;color:#8f8a9e;font-size:12px}.pro-stat strong{display:block;font-size:25px;margin:5px 0}.pro-stat em{font-size:11px;font-style:normal;color:var(--forge-green)}
.pro-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px}.pro-grid2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;margin-top:16px}.pro-card{background:linear-gradient(145deg,rgba(18,18,28,.98),rgba(10,10,16,.98));border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px;box-shadow:var(--shadow);min-width:0}.pro-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.pro-card h3{margin:0;font-size:16px}.pro-card .muted{color:var(--forge-muted);font-size:12px}.pro-link{background:none;border:0;color:#b989ff;cursor:pointer;font-weight:700}.pro-list{display:flex;flex-direction:column}.pro-lead{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:14px 4px;border-top:1px solid rgba(255,255,255,.055)}.pro-lead:first-child{border-top:0}.pro-lead-main b{display:block;font-size:14px}.pro-lead-main small{display:block;color:#777284;margin-top:4px}.pro-score{padding:5px 9px;border:1px solid rgba(139,77,255,.35);background:rgba(139,77,255,.09);border-radius:8px;color:#d5baff;font-weight:800;font-size:11px}.pro-status{font-size:11px;color:#9b96aa}.pro-actions{display:flex;gap:6px}.pro-mini{height:34px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#13131d;color:#eee;cursor:pointer}.pro-mini:hover{border-color:#8b4dff}
.pro-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pro-action{min-height:82px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#11111b;color:#eee;text-align:left;padding:14px;cursor:pointer}.pro-action:hover{border-color:rgba(139,77,255,.55);transform:translateY(-1px)}.pro-action strong{display:block;font-size:13px;margin-bottom:5px}.pro-action span{font-size:11px;color:#817c8d}.pro-action.primary{background:linear-gradient(135deg,#944fff,#6d2cff);border:0}.pro-action.primary span{color:#eee}
.pro-funnel{display:flex;gap:7px;align-items:flex-end;height:145px}.pro-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.pro-bar{width:100%;max-width:45px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#a667ff,#6224d7);min-height:8px}.pro-bar-label{font-size:10px;color:#888394;text-align:center}.pro-bar-value{font-size:11px;font-weight:800}
.pro-follow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.055)}.pro-follow:first-child{border-top:0}.pro-follow .when{width:42px;text-align:center;border-radius:9px;background:#191522;padding:6px 2px;font-size:10px;color:#bb8cff}.pro-follow b{font-size:13px}.pro-follow small{display:block;color:#777284;margin-top:3px}.pro-overdue{color:#ff6681!important}
.pro-empty{text-align:center;padding:30px;color:#777284}.pro-empty strong{display:block;color:#d8d3e2;margin-bottom:5px}
.pro-pipeline{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:10px;overflow:auto;padding-bottom:8px}.pro-lane{background:#0d0d15;border:1px solid rgba(255,255,255,.06);border-radius:15px;padding:10px;min-height:220px}.pro-lane.drag-over{border-color:#8b4dff;background:#13101c}.pro-lane-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.pro-lane-head b{font-size:10px;letter-spacing:.08em}.pro-count{font-size:10px;color:#888394;background:#181721;padding:4px 7px;border-radius:999px}.pro-card-lead{padding:11px;background:#14141e;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:8px;cursor:grab}.pro-card-lead b{font-size:12px}.pro-card-lead small{display:block;color:#777284;margin-top:4px}.pro-card-lead .score{margin-top:8px;display:inline-block;font-size:10px;color:#b98bff}
.pro-mobile-nav{display:none}.pro-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:80}.pro-drawer{position:absolute;right:0;top:0;height:100%;width:min(410px,94vw);background:#0e0e17;border-left:1px solid rgba(255,255,255,.08);padding:20px;overflow:auto;box-shadow:-25px 0 70px rgba(0,0,0,.4)}.pro-drawer h3{margin:0}.pro-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pro-notice{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:8px;background:#13131d}.pro-notice b{font-size:13px}.pro-notice small{display:block;color:#7f7a8a;margin-top:4px}
.pro-command{position:fixed;inset:0;z-index:100;background:rgba(3,3,7,.7);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;padding:9vh 20px}.pro-command-box{width:min(720px,100%);background:#101019;border:1px solid rgba(139,77,255,.35);border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.6);overflow:hidden}.pro-command input{width:100%;height:60px;background:#0b0b12;border:0;border-bottom:1px solid #26232f;color:#fff;font-size:17px;padding:0 20px;outline:none}.pro-command-results{max-height:55vh;overflow:auto}.pro-command-item{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.pro-command-item:hover{background:#181523}.pro-command-item b{display:block}.pro-command-item small{color:#777284}
.pro-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pro-detail-box{padding:13px;border-radius:12px;background:#11111a;border:1px solid rgba(255,255,255,.06)}.pro-detail-box label{display:block;font-size:10px;color:#777284;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.pro-detail-box strong{font-size:13px}.pro-timeline{margin-top:16px}.pro-timeline-item{position:relative;padding:0 0 16px 25px;border-left:1px solid #2c2738;margin-left:7px}.pro-timeline-item:before{content:'';position:absolute;left:-5px;top:1px;width:9px;height:9px;border-radius:50%;background:#8b4dff;box-shadow:0 0 0 4px rgba(139,77,255,.12)}.pro-timeline-item b{font-size:12px}.pro-timeline-item small{display:block;color:#777284;margin-top:3px}.pro-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.pro-toast{position:fixed;right:20px;bottom:20px;z-index:150;background:#15141f;border:1px solid rgba(139,77,255,.35);padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);color:#fff;animation:forgeIn .22s ease}.pro-toast.ok{border-color:rgba(53,224,161,.35)}.pro-toast.err{border-color:rgba(255,97,125,.4)}@keyframes forgeIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1200px){.pro-stats{grid-template-columns:repeat(3,1fr)}.pro-grid{grid-template-columns:1fr}.pro-grid2{grid-template-columns:1fr}}
@media(max-width:800px){.app header{padding:15px 14px 12px}.app header .header-actions{display:none}.app main{padding-bottom:75px}.pro-topbar{margin-bottom:13px}.pro-search input{height:43px}.pro-welcome{align-items:flex-start;flex-direction:column;gap:4px}.pro-welcome h2{font-size:23px}.pro-stats{grid-template-columns:repeat(2,1fr);gap:8px}.pro-stat{padding:13px;border-radius:14px}.pro-stat strong{font-size:21px}.pro-card{padding:14px;border-radius:15px}.pro-lead{grid-template-columns:minmax(0,1fr) auto;gap:7px}.pro-lead .pro-score,.pro-lead .pro-status{display:none}.pro-actions{grid-column:2}.pro-action-grid{grid-template-columns:1fr 1fr}.pro-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:70;left:0;right:0;bottom:0;height:66px;background:rgba(10,10,15,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);padding:6px 4px env(safe-area-inset-bottom)}.pro-mobile-nav button{border:0;background:transparent;color:#777284;font-size:10px}.pro-mobile-nav button.active{color:#b47cff}.pro-mobile-nav span{display:block;font-size:18px;margin-bottom:1px}.pro-pipeline{grid-template-columns:repeat(7,220px)}.pro-detail-grid{grid-template-columns:1fr}.pro-command{padding:5vh 10px}.pro-command input{height:54px;font-size:15px}}
@media(max-width:420px){.pro-stats{grid-template-columns:1fr 1fr}.pro-action-grid{grid-template-columns:1fr}.pro-welcome p{font-size:12px}.pro-topbar .pro-icon-btn{min-width:40px}}
/* Mobile pipeline redesign: one stage per row, no horizontal squeeze or overlap. */
@media(max-width:800px){
  .app header{position:relative!important;top:auto!important;z-index:20!important}
  .pro-card-head{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .pro-card-head>div{min-width:0!important;width:100%!important}
  .pro-card-head .primary,.pro-card-head .pro-link{align-self:flex-start!important}
  .pro-pipeline{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;overflow:visible!important;gap:10px!important;padding:0!important}
  .pro-lane{width:100%!important;min-width:0!important;min-height:0!important;padding:12px!important}
  .pro-lane-head{margin-bottom:10px!important}
  .pro-card-lead{width:100%!important;min-width:0!important;padding:13px!important;margin:0 0 9px!important}
  .pro-card-lead b{display:block!important;font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  .pro-card-lead small{font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  .pro-card-lead .score{font-size:10px!important;margin-top:8px!important}
  .pro-card-lead select{width:100%!important;max-width:none!important;min-height:42px!important;margin-top:10px!important}
  .pro-lane:has(.lane-empty){min-height:0!important}
  .pro-lane .lane-empty{padding:10px 4px!important}
}
@media(max-width:520px){
  .app header{min-height:62px!important;padding:10px 11px!important}
  .pro-card{padding:13px!important}
  .pro-card-head h3{font-size:18px!important;line-height:1.25!important}
  .pro-card-head .muted{display:block;font-size:11px!important;line-height:1.45!important}
  .pro-card-head .primary{width:100%!important;align-self:stretch!important;text-align:center!important}
  .pro-pipeline{gap:8px!important}
  .pro-lane{border-radius:14px!important;padding:11px!important}
  .pro-card-lead{border-radius:12px!important}
}