.workspace-dashboard { max-width:1240px; margin:auto; padding:48px 28px 90px; color:#102c3d; }
.dashboard-top { display:grid; grid-template-columns:335px minmax(0,1fr); gap:44px; align-items:start; }
.latest-card { background:#fff; padding:22px; border:1px solid #cbdde0; border-radius:14px; box-shadow:0 8px 28px #103b4507; }
.latest-heading { display:flex; justify-content:space-between; gap:16px; align-items:start; font-size:13px; margin-bottom:20px; }
.latest-heading strong { overflow-wrap:anywhere; min-width:0; font-weight:600; }
.latest-heading a { white-space:nowrap; }
.workspace-dashboard a,.latest-actions button,.document-actions button { color:#117b73; }
.latest-preview { width:100%; aspect-ratio:210/297; overflow:hidden; position:relative; container-type:inline-size; box-shadow:0 4px 18px #12344419; background:#f8fafb; }
.latest-preview .document-page { position:absolute; left:0; top:0; zoom:calc(100cqw / 794px); }
.latest-actions { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:22px; font-size:13px; }
.latest-actions button { background:none; border:0; border-left:1px solid #d6e3e5; padding:0 0 0 20px; cursor:pointer; text-decoration:underline; }
.dashboard-create { display:block; width:100%; text-align:center; border:1px solid #204653; border-radius:30px; background:white; color:#133440!important; padding:13px 18px; margin-top:22px; text-decoration:none; font-weight:650; font-size:15px; }
.dashboard-create:hover { background:#eaf5f2; }
.dashboard-welcome h1 { font-size:38px; line-height:1.15; letter-spacing:-1px; margin:12px 0 15px; max-width:630px; }
.dashboard-welcome>p { font-size:16px; line-height:1.65; color:#5a7480; }
.dashboard-feature { background:#0c283b; color:white; border-radius:20px; padding:35px; margin-top:26px; position:relative; overflow:hidden; }
.feature-kicker { font-size:10px; letter-spacing:1.8px; color:#83d5cc; }
.dashboard-feature h2 { color:white; font-size:30px; line-height:1.2; margin:15px 0 20px; position:relative; z-index:1; }
.dashboard-feature ul { list-style:none; padding:0; margin:0 0 25px; font-size:14px; line-height:2.1; position:relative; z-index:1; }
.dashboard-feature li:before { content:'✓'; margin-right:12px; color:#66d1ba; }
.dashboard-feature .button { color:white; position:relative; z-index:1; }
.feature-decoration { position:absolute; width:200px; height:200px; right:-70px; bottom:-40px; border:24px solid #1b4855; border-radius:50%; }
.feature-decoration span { display:block; width:15px; height:15px; border-radius:50%; background:#53bcb1; margin:13px; }
.dashboard-access-note { font-size:12px!important; margin-top:18px; }
.dashboard-hint { font-size:11px; margin-top:14px; color:#6b7e87; }
.dashboard-documents { margin-top:55px; scroll-margin-top:100px; }
.documents-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
.documents-title h2 { font-size:24px; margin:0; }
.documents-title>span { font-size:12px; color:#5a7480; }
.documents-labels,.document-row { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.1fr); gap:20px; align-items:center; border-bottom:1px solid #dbe6e8; padding:16px 0; }
.documents-labels { font-size:12px; font-weight:650; padding-top:0; }
.document-row h3 { font-size:15px; margin:0 0 6px; overflow-wrap:anywhere; }
.document-type { display:inline-block; background:#dff1eb; color:#246c5a; border-radius:4px; padding:2px 8px; font-size:10px; }
.document-row time { font-size:12px; color:#587280; }
.document-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; font-size:12px; }
.document-actions button { border:0; padding:0; background:none; cursor:pointer; text-decoration:underline; }
.document-actions .document-delete { color:#71828b; }
.muted-action { color:#788991; }
.workspace-dashboard button:disabled { opacity:.45; cursor:default; }
.empty-latest { min-height:380px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#edf7f4; }
.empty-latest h2 { font-size:23px; margin:20px 0 8px; }
.empty-latest p { font-size:14px; color:#5a7480; }
.empty-document-icon,.draft-placeholder>span { display:grid; place-items:center; width:65px; height:82px; border:2px solid #83afa8; color:#327368; font-size:23px; border-radius:5px; }
.draft-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; gap:20px; }
.draft-placeholder p { color:#6b7e87; font-size:13px; }
@media(max-width:850px) { .dashboard-top { grid-template-columns:280px minmax(0,1fr); gap:25px; }.dashboard-welcome h1 { font-size:30px; }.dashboard-feature { padding:25px; }.dashboard-feature h2 { font-size:25px; }.documents-labels,.document-row { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); } }
@media(max-width:620px) { .workspace-dashboard { padding:28px 18px 60px; }.dashboard-top { display:flex; flex-direction:column-reverse; gap:24px; }.dashboard-welcome,.latest-document { width:100%; }.latest-document { max-width:380px; margin:auto; }.dashboard-welcome h1 { font-size:29px; }.dashboard-feature { padding:24px; }.dashboard-feature h2 { font-size:26px; }.documents-labels { display:none; }.document-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; }.document-actions { grid-column:1/-1; gap:24px; }.document-row time { font-size:11px; }.dashboard-documents { margin-top:35px; } }

.cv-hover-preview { position:relative; width:fit-content; max-width:100%; }
.cv-preview-trigger { border:0; background:none; color:inherit; font:inherit; padding:0; text-align:left; cursor:pointer; text-decoration:underline dotted; text-underline-offset:4px; overflow-wrap:anywhere; }
.cv-preview-trigger:focus-visible { outline:2px solid #147d76; outline-offset:4px; }
.cv-preview-popover { position:absolute; left:0; bottom:100%; z-index:18; width:280px; max-width:calc(100vw - 60px); padding:12px; border:1px solid #cbdde0; border-radius:10px; background:white; box-shadow:0 10px 35px #0a233530; color:#123342; }
.cv-preview-popover>strong,.cv-preview-popover>small { display:block; overflow-wrap:anywhere; }.cv-preview-popover>small { margin-top:8px; font-size:11px; color:#526a79; }
.cv-preview-sheet { position:relative; height:350px; margin-top:10px; overflow:hidden; container-type:inline-size; border:1px solid #e0e8eb; }
.cv-preview-sheet .document-page { position:absolute; top:0; left:0; zoom:calc(100cqw / 794px); }

@media (max-width:600px) {
    .cv-preview-popover { position:fixed; top:80px; bottom:auto; left:50%; transform:translateX(-50%); max-height:calc(100dvh - 100px); overflow:auto; }
}