/* ═══ Link2Page · User dashboard (workspace) ═══
   Per-page analytics cards, sale form, unlock/restyle buttons.
   Load order matters — index.html loads css files in numeric order. */

/* ── User dashboard (workspace) ── */
#dashboardPage .dash-inner{max-width:1060px;margin:0 auto;padding:2.2rem 4vw 7rem}
#dashboardPage h2{font-family:var(--fd);font-size:clamp(24px,4vw,34px);font-weight:800;letter-spacing:-1px;margin-bottom:4px}
#dashboardPage .dash-sub{font-size:14px;color:var(--text3);margin-bottom:1.6rem}
#dashboardPage .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
#dashboardPage .stat-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.1rem 1.2rem}
#dashboardPage .stat-num{font-size:26px;font-weight:800;color:var(--text)}
#dashboardPage .stat-lbl{font-size:12px;color:var(--text3);margin-top:3px}
#dashboardPage .dp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.2rem;margin-bottom:14px}
#dashboardPage .dp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#dashboardPage .dp-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}
#dashboardPage .dp-thumb{position:relative;flex:0 0 120px;width:120px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#fff}
#dashboardPage .dp-thumb iframe{width:400px;height:280px;border:none;transform:scale(.3);transform-origin:top left;pointer-events:none}
#dashboardPage .dp-thumb-mask{position:absolute;inset:0;cursor:pointer}
#dashboardPage .dp-headinfo{flex:1;min-width:0}
#dashboardPage .dp-titlerow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#dashboardPage .dp-rename{background:none;border:none;color:var(--text3);cursor:pointer;padding:2px;border-radius:6px}
#dashboardPage .dp-rename:hover{color:var(--accent2)}
#dashboardPage .dp-rename .ic{width:15px;height:15px}
#dashboardPage .dp-renamebox{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#dashboardPage .dp-title{font-weight:700;font-size:15.5px}
#dashboardPage .dp-meta{font-size:12.5px;color:var(--text3);margin-top:2px}
#dashboardPage .dp-stats{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}
#dashboardPage .dp-stat b{font-size:19px;color:var(--text)}
#dashboardPage .dp-stat span{display:block;font-size:11.5px;color:var(--text3)}
#dashboardPage .dp-actions{display:flex;gap:8px;flex-wrap:wrap}
#dashboardPage .dp-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--fb);font-size:12.5px;padding:9px 14px;border-radius:10px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:all .15s}
#dashboardPage .dp-btn:hover{border-color:var(--accent);color:var(--accent2)}
#dashboardPage .dp-btn.dp-unlock{border:none;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--accent),#8b5cf6);box-shadow:0 6px 20px rgba(108,99,255,.35)}
#dashboardPage .dp-btn.dp-unlock:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 28px rgba(108,99,255,.5)}
#dashboardPage .dp-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:100px;border:1px solid var(--border2);color:var(--text3);margin-left:8px}
#dashboardPage .dp-badge.pub{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.35);color:#4ade80}
#dashboardPage .dp-badge.sale{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.4);color:var(--orange)}
#dashboardPage .dp-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:none}
#dashboardPage .dp-form.open{display:block}
#dashboardPage .dp-form .pf-input{margin-bottom:8px;max-width:220px;display:inline-block;margin-right:8px}
#dashboardPage .dp-note{font-size:12px;color:var(--text3);margin:6px 0 10px;line-height:1.6}
#dashboardPage .empty-box{text-align:center;padding:2.4rem 1rem;border:1px dashed var(--border2);border-radius:14px;color:var(--text3);font-size:14px;line-height:1.7}