/* ═══════════════════════════════════════════════
   diaspora.ro — CV BUILDER v4 — DARK THEME
   Desktop: dark navy/black (DesktopModern style)
   Mobile: white accordion (MobileCardFlow style)
   ═══════════════════════════════════════════════ */

/* ── RESET & BASE ── */
*{box-sizing:border-box}
html,body{margin:0;padding:0;font:14px/1.5 'Inter',system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
a{text-decoration:none}
.cv-hero{margin:0 0 16px;padding:24px 26px;background:linear-gradient(135deg,#0b2559 0%,#173b91 58%,#2563eb 100%);border-radius:18px;color:#fff;box-shadow:0 12px 30px rgba(11,37,89,.18)}
body .cv-hero h1{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.04em;font-weight:850;color:#fff;-webkit-text-fill-color:#fff;background:none}
.cv-hero p{max-width:760px;margin:10px 0 0;color:#fff;font-size:15px;line-height:1.55}
.cv-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0;padding:0;list-style:none}
.cv-hero-points li{padding:6px 10px;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700;color:#fff}
@media(max-width:700px){.cv-hero{margin:0 0 12px;padding:19px 16px;border-radius:14px}.cv-hero h1{font-size:27px}.cv-hero p{font-size:13px}.cv-hero-points{gap:6px;margin-top:12px}.cv-hero-points li{font-size:11px;padding:5px 8px}}

/* ══════════════════════════════════════
   DESKTOP PREMIUM WHITE THEME (min-width: 901px)
   ══════════════════════════════════════ */
@media(min-width:901px){
  html,body{background:#F0F3F8;color:#0D1117}
  a{color:#1877F2}

  /* dh-header —  necesar pt brand.css/topbar.css extern */
  header.dh{background:#ffffff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 4px rgba(0,0,0,.06)}
  .dh-wrap{max-width:1560px;height:58px;padding:0 28px}
  .dh-logo-name{color:#0f172a;-webkit-text-fill-color:#0f172a}
  .dh-link{color:#374151;border-radius:8px}
  .dh-link:hover{background:#f1f5f9;color:#0f172a}
  .dh-back-btn{background:transparent;border:1px solid #e2e8f0;color:#374151;border-radius:20px}
  .dh-post-btn{background:linear-gradient(135deg,#CE1126,#b91c1c);border-radius:20px}
  .dh-badge,.brand-ceo,.dh-logo-sub{display:none}

  /* Wrap */
  .wrap{max-width:1520px;margin:0 auto;padding:22px 28px 80px}

  /* Titlu pagina */
  h1{font-size:26px;margin:2px 0 4px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#0B2559 0%,#1877F2 45%,#CE1126 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}
  .lead{color:#64748b;margin:0 0 16px;font-size:13px;font-weight:500}

  /* Slot bar */
  .slot-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:10px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
  .slot-bar-label{font-size:10.5px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;margin-right:2px}
  .slot-btn{padding:7px 16px;border:1.5px solid #E2E8F0;border-radius:20px;background:#F8FAFC;color:#4B5563;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:6px;font-family:inherit}
  .slot-btn.active{background:linear-gradient(135deg,#0B2559,#1D3A8A);color:#fff;border-color:transparent;box-shadow:0 2px 10px rgba(11,37,89,.22)}
  .slot-btn:hover:not(.active){border-color:#93C5FD;color:#0B2559;background:#EFF6FF}
  .slot-btn .slot-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.65}
  .slot-rename,.slot-dup{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:13px;padding:4px 8px;border-radius:6px;transition:all .15s}
  .slot-rename:hover,.slot-dup:hover{background:#EFF6FF;color:#1877F2}

  /* CV type tabs */
  .cv-type-tabs{display:flex;gap:3px;margin:0 0 14px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;width:fit-content;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:3px}
  .cv-type-tab{padding:8px 22px;background:transparent;color:#64748b;border:none;cursor:pointer;font-weight:700;font-size:13px;border-radius:9px;transition:all .18s;white-space:nowrap;font-family:inherit}
  .cv-type-tab.active{background:linear-gradient(135deg,#0B2559,#1877F2);color:#fff;box-shadow:0 2px 8px rgba(11,37,89,.18)}
  .cv-type-tab:hover:not(.active){background:#EFF6FF;color:#0B2559}

  /* Toolbar */
  .toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;align-items:center;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:10px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
  .toolbar-sep{width:1px;height:24px;background:#E2E8F0;margin:0 5px;flex-shrink:0}

  /* Buttons */
  .btn{padding:8px 15px;border-radius:9px;font-weight:700;border:none;cursor:pointer;background:linear-gradient(135deg,#0B2559,#1D3A8A);color:#fff;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:all .15s;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.12);font-family:inherit}
  .btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.15)}
  .btn:active{transform:translateY(0)}
  .btn.ghost{background:#F5F7FA;border:1.5px solid #E2E8F0;color:#374151;box-shadow:none}
  .btn.ghost:hover{background:#E2E8F0;color:#0D1117;border-color:#CBD5E1}
  .btn.warn{background:linear-gradient(135deg,#dc2626,#ef4444)}
  .btn.ok{background:linear-gradient(135deg,#16a34a,#22c55e)}
  .btn.share{background:linear-gradient(135deg,#CE1126,#b91c1c)}
  .btn.anon-off{background:linear-gradient(135deg,#475569,#64748b)}
  .btn.anon-on{background:linear-gradient(135deg,#dc2626,#b91c1c)}

  /* Completeness bar */
  .cv-complete{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:14px 18px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
  .cv-complete-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#0D1117;margin-bottom:8px}
  .cv-complete-bg{background:#E2E8F0;border-radius:8px;height:8px;overflow:hidden}
  .cv-complete-fill{height:8px;border-radius:8px;background:linear-gradient(90deg,#0B2559 0%,#1877F2 60%,#CE1126 100%);transition:width .6s ease;box-shadow:0 2px 6px rgba(24,119,242,.3)}
  .cv-complete-tip{font-size:11.5px;color:#64748b;margin-top:6px;font-style:italic}

  /* ATS panel — dark navy premium widget */
  .ats-panel{background:linear-gradient(135deg,#0B2559,#1D3A8A);border:none;border-radius:16px;padding:16px 20px;margin-bottom:16px;display:none;box-shadow:0 6px 24px rgba(11,37,89,.22)}
  .ats-panel.open{display:block}
  .ats-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}
  .ats-score-ring{width:54px;height:54px;flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center}
  .ats-score-ring svg{position:absolute;top:0;left:0;width:100%;height:100%}
  .ats-score-num{font-size:15px;font-weight:900;color:#fff;position:relative}
  .ats-title{font-size:13px;font-weight:800;color:#E2E8F0;flex:1;margin:0 10px}
  .ats-subtitle{font-size:11px;color:#93C5FD;margin-top:2px}
  .ats-toggle-btn{font-size:11px;color:#93C5FD;font-weight:700;background:none;border:none;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background .15s;font-family:inherit}
  .ats-toggle-btn:hover{background:rgba(255,255,255,.1)}
  .ats-body{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ats-col-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
  .ats-good .ats-col-title{color:#4ade80}
  .ats-tip .ats-col-title{color:#fbbf24}
  .ats-item{font-size:11px;padding:2px 0;color:#93C5FD}
  .ats-definition{margin:0 0 10px;padding:10px 12px;border:1px solid rgba(147,197,253,.2);border-radius:9px;background:rgba(15,23,42,.28);font-size:11px;line-height:1.55;color:#dbeafe}
  .ats-definition strong{color:#fff}
  .ats-jd-help{margin:0 0 8px;color:#bfdbfe;font-size:11px;line-height:1.5}
  .ats-jd-wrap{margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;grid-column:1/-1}
  .ats-jd-wrap label{display:block;font-size:10px;font-weight:700;color:#93C5FD;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}
  .ats-jd-wrap textarea{width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:12px;font-family:inherit;resize:vertical;min-height:60px;color:#E2E8F0;background:rgba(255,255,255,.07);box-sizing:border-box}
  .ats-jd-wrap textarea:focus{outline:none;border-color:#60a5fa}
  .ats-jd-btn{margin-top:6px;padding:6px 14px;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}
  .ats-jd-btn:hover{background:rgba(255,255,255,.25)}
  .ats-rewrite-result{display:none;grid-column:1/-1;margin-top:4px;padding:12px;border:1px solid rgba(96,165,250,.22);border-radius:10px;background:rgba(15,23,42,.42);color:#e2e8f0;font-size:12px;line-height:1.55}
  .ats-rewrite-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
  .ats-rewrite-title{font-size:12px;font-weight:800;color:#bfdbfe}
  .ats-rewrite-note{font-size:10px;color:#94a3b8}.ats-rewrite-note--footer{margin-top:10px}
  .ats-rewrite-profile,.ats-rewrite-card{padding:10px 11px;margin-top:8px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:rgba(255,255,255,.055)}
  .ats-rewrite-label{display:block;margin-bottom:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#93c5fd}
  .ats-rewrite-original{margin:0 0 7px;color:#cbd5e1}
  .ats-rewrite-suggestion{margin:0;color:#f8fafc}
  .ats-rewrite-facts{margin:7px 0 0;color:#94a3b8;font-size:11px}
  .ats-rewrite-copy{margin-top:8px;padding:5px 9px;border:1px solid rgba(147,197,253,.28);border-radius:6px;background:rgba(96,165,250,.12);color:#bfdbfe;font:700 11px inherit;cursor:pointer}
  .ats-rewrite-copy:hover{background:rgba(96,165,250,.22)}
  .ats-rewrite-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
  .ats-rewrite-apply,.ats-rewrite-undo{padding:5px 9px;border-radius:6px;font:700 11px inherit;cursor:pointer}
  .ats-rewrite-apply{border:1px solid rgba(52,211,153,.4);background:rgba(16,185,129,.16);color:#a7f3d0}
  .ats-rewrite-apply:hover{background:rgba(16,185,129,.28)}
  .ats-rewrite-apply:disabled{cursor:default;opacity:.7}
  .ats-rewrite-undo{border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.1);color:#fde68a}
  .ats-rewrite-undo:hover{background:rgba(251,191,36,.2)}
  .ats-rewrite-warning{margin:10px 0 0;padding:8px 10px;border-radius:7px;background:rgba(251,191,36,.1);color:#fde68a;font-size:11px}
  @media(max-width:640px){.ats-rewrite-head{align-items:flex-start;flex-direction:column;gap:3px}}

  /* Split layout */
  .split{display:grid;grid-template-columns:1fr minmax(0,540px);gap:20px;align-items:start}

  /* Panel — left column */
  .panel{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:24px;max-height:88vh;overflow:auto;box-shadow:0 1px 4px rgba(0,0,0,.07),0 8px 28px rgba(0,0,0,.05)}
  .panel::-webkit-scrollbar{width:4px}
  .panel::-webkit-scrollbar-track{background:transparent}
  .panel::-webkit-scrollbar-thumb{background:#E2E8F0;border-radius:10px}
  .panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}
  .panel h2{margin:0 0 18px;font-size:16px;font-weight:900;color:#0D1117;display:flex;align-items:center;gap:8px;letter-spacing:-.02em;padding-bottom:14px;border-bottom:2px solid #F0F3F8}
  .panel h3{margin:22px 0 10px;font-size:10.5px;font-weight:900;color:#1877F2;text-transform:uppercase;letter-spacing:1.2px;border-bottom:none;border-left:3px solid #1877F2;padding:6px 10px 6px 12px;background:linear-gradient(90deg,rgba(24,119,242,.06),transparent 75%);border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .panel h3:first-of-type{margin-top:4px}
  .h3-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
  .panel label{display:block;margin:10px 0 3px;font-size:10.5px;color:#64748b;text-transform:uppercase;font-weight:800;letter-spacing:.6px}
  .panel input,.panel textarea,.panel select{width:100%;padding:9px 12px;border:1.5px solid #E2E8F0;border-radius:10px;background:#F8FAFC;color:#0D1117;font-size:13px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;box-sizing:border-box}
  .panel input:focus,.panel textarea:focus,.panel select:focus{outline:none;border-color:#1877F2;box-shadow:0 0 0 3px rgba(24,119,242,.11);background:#fff}
  .panel input::placeholder,.panel textarea::placeholder{color:#CBD5E1;font-style:italic}
  .panel select option{background:#fff;color:#0D1117}
  .panel textarea{resize:vertical;min-height:62px}

  /* Color picker */
  .color-pick-wrap{display:flex;flex-direction:column;gap:6px;margin-top:4px}
  .color-swatches{display:flex;gap:7px;flex-wrap:wrap}
  .color-swatch{width:29px;height:29px;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:all .15s;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.12)}
  .color-swatch.active{border-color:#0B2559;transform:scale(1.18);box-shadow:0 0 0 3px rgba(11,37,89,.2)}
  .color-pick-row{display:flex;align-items:center;gap:8px}
  .color-pick-row input[type=color]{width:44px;height:34px;border:1.5px solid #E2E8F0;border-radius:7px;cursor:pointer;padding:2px;background:#fff}
  .color-pick-row span{font-size:11px;color:#64748b}

  /* Entries */
  .entry{border:1.5px solid #E2E8F0;border-radius:12px;padding:14px 14px 12px 32px;margin-top:10px;position:relative;transition:border-color .18s,box-shadow .18s;background:#FAFBFD}
  .entry:hover{border-color:#93C5FD;box-shadow:0 2px 12px rgba(24,119,242,.07)}
  .entry.drag-over{border:2px dashed #1877F2;background:rgba(24,119,242,.03)}
  .entry.dragging{opacity:.4}
  .entry .del{position:absolute;top:8px;right:8px;background:#FEE2E2;color:#DC2626;border:none;border-radius:6px;padding:3px 9px;cursor:pointer;font-size:10.5px;font-weight:700;transition:all .15s;font-family:inherit}
  .entry .del:hover{background:#DC2626;color:#fff}
  .drag-handle{position:absolute;top:50%;left:8px;transform:translateY(-50%);cursor:grab;color:#CBD5E1;user-select:none;padding:2px;border-radius:3px;transition:color .15s}
  .drag-handle:hover{color:#64748b}
  .drag-handle:active{cursor:grabbing}
  .add-btn{margin-top:10px;background:#EFF6FF;border:1.5px dashed #93C5FD;color:#1877F2;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:700;width:100%;transition:all .15s;font-family:inherit;text-align:center}
  .add-btn:hover{background:#DBEAFE;border-color:#1877F2;transform:translateY(-1px)}

  /* Skill items */
  .skill-item-row{display:flex;align-items:center;gap:8px;margin-top:8px}
  .skill-item-row input{flex:1;padding:8px 11px;border:1.5px solid #E2E8F0;border-radius:9px;font-size:12px;background:#F8FAFC;color:#0D1117;font-family:inherit;transition:border-color .15s}
  .skill-item-row input:focus{outline:none;border-color:#1877F2;box-shadow:0 0 0 3px rgba(24,119,242,.1);background:#fff}

  /* Section order */
  .section-order-list{display:flex;flex-direction:column;gap:5px;margin-top:8px}
  .section-order-item{display:flex;align-items:center;gap:7px;background:#F8FAFC;border:1.5px solid #E2E8F0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;color:#374151}
  .section-order-item span{flex:1}
  .section-move-btn{background:none;border:1.5px solid #E2E8F0;color:#64748b;border-radius:5px;width:26px;height:26px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .15s}
  .section-move-btn:hover{background:#0B2559;color:#fff;border-color:#0B2559}

  /* Photo */
  .photo-wrap{display:flex;gap:14px;align-items:center;margin-top:8px}
  .photo-thumb{width:82px;height:100px;border:2px dashed #CBD5E1;border-radius:10px;background:#F8FAFC center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;text-align:center;padding:6px;flex-shrink:0}
  .photo-actions{flex:1}
  .hint{font-size:11px;color:#94a3b8;margin:4px 0 0;font-style:italic}

  /* Melissa btn */
  .melissa-btn{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(168,85,247,.1));border:1px solid rgba(167,139,250,.35);cursor:pointer;font-size:10px;padding:3px 9px;border-radius:6px;color:#7c3aed;font-weight:700;transition:all .15s;white-space:nowrap;font-family:inherit}
  .melissa-btn:hover{background:rgba(167,139,250,.2);border-color:#a78bfa}

  /* Preview — right column */
  .preview-wrap{position:sticky;top:82px;background:#E8EDF5;border-radius:18px;border:1px solid #E2E8F0;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.07),0 16px 40px rgba(0,0,0,.06)}
  .preview{background:#fff;color:#000;border-radius:10px;overflow:hidden;border:1px solid #E2E8F0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
  .preview-scaler{overflow:hidden}
  #cv{padding:24px 30px;font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;font-size:11.5px;line-height:1.5}
  .preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #E2E8F0}
  .preview-header-title{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.7px}
  .btn-fs{padding:6px 13px;font-size:12px;background:#fff;border:1.5px solid #E2E8F0;border-radius:9px;cursor:pointer;color:#374151;font-weight:700;transition:all .15s;font-family:inherit}
  .btn-fs:hover{background:#EFF6FF;border-color:#1877F2;color:#0B2559}

  /* Template buttons */
  .tmpl-btns{display:flex;gap:6px;margin-top:6px}
  .tmpl-btn{flex:1;padding:9px 6px;border:1.5px solid #E2E8F0;border-radius:10px;background:#F8FAFC;cursor:pointer;font-size:11px;font-weight:700;color:#4B5563;transition:all .18s;text-align:center;font-family:inherit}
  .tmpl-btn.active{border-color:#1877F2;color:#1877F2;background:rgba(24,119,242,.07);box-shadow:0 1px 4px rgba(24,119,242,.15)}
  .tmpl-btn:hover:not(.active){border-color:#93C5FD;background:#fff;color:#0B2559}

  /* Anon badge */
  .anon-badge{display:none;position:absolute;top:10px;right:10px;background:rgba(220,38,38,.88);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;z-index:10}
  body.anon-mode .anon-badge{display:block}

  /* Modals */
  .share-overlay,.email-overlay,.fs-overlay{display:none;position:fixed;inset:0;background:rgba(11,37,89,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;align-items:center;justify-content:center;padding:16px}
  .share-overlay.open,.email-overlay.open,.fs-overlay.open{display:flex}
  .share-box,.email-box{background:#fff;border:1px solid #E2E8F0;border-radius:22px;padding:28px;max-width:480px;width:100%;box-shadow:0 28px 70px rgba(0,0,0,.18)}
  .share-box h3,.email-box h3{margin:0 0 6px;font-size:18px;font-weight:900;color:#0D1117;letter-spacing:-.03em}
  .share-box p,.email-box p{margin:0 0 12px;color:#64748b;font-size:13px}
  .share-url{width:100%;padding:10px 13px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:12px;color:#374151;background:#F8FAFC;font-family:monospace}
  .share-actions{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}
  .share-copied{display:none;color:#16a34a;font-size:12px;font-weight:700}
  .share-copied.show{display:inline}
  .email-box label{display:block;font-size:10.5px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin:12px 0 4px}
  .email-box input,.email-box textarea{width:100%;padding:10px 13px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:13px;font-family:inherit;color:#0D1117;background:#F8FAFC;box-sizing:border-box}
  .email-box input::placeholder,.email-box textarea::placeholder{color:#CBD5E1;font-style:italic}
  .email-box input:focus,.email-box textarea:focus{outline:none;border-color:#1877F2;box-shadow:0 0 0 3px rgba(24,119,242,.1);background:#fff}
  .email-box textarea{resize:vertical;min-height:70px}
  .email-box-actions{display:flex;gap:8px;margin-top:16px;align-items:center;flex-wrap:wrap}
  .email-status{font-size:12px;font-weight:700;margin-top:8px;min-height:16px}
  .email-status.ok{color:#16a34a}
  .email-status.err{color:#dc2626}
  .email-attach-note{font-size:11px;color:#94a3b8;margin:6px 0 0;display:flex;align-items:center;gap:5px}
  .fs-inner{background:#fff;border-radius:18px;max-width:900px;width:100%;max-height:95vh;overflow:auto;position:relative;box-shadow:0 28px 70px rgba(0,0,0,.2)}
  .fs-close{position:absolute;top:12px;right:14px;background:rgba(0,0,0,.65);color:#fff;border:none;border-radius:8px;padding:7px 14px;cursor:pointer;font-size:13px;font-weight:700;z-index:2;font-family:inherit}
  .fs-inner #fs-cv-content{padding:28px 34px}

  /* Cover letter */
  .cover-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .cover-preview{background:#fff;border:1.5px solid #E2E8F0;border-radius:14px;min-height:700px;overflow:auto;box-shadow:0 2px 12px rgba(0,0,0,.06)}
  .cover-letter-page{font-family:"Source Sans 3","Calibri","Segoe UI",Arial,sans-serif;font-size:12px;line-height:1.8;padding:48px 52px;color:#111;min-height:700px}
  .cover-letter-sender{text-align:right;margin-bottom:32px}
  .cover-letter-recipient{margin-bottom:20px}
  .cover-letter-subject{margin:0 0 16px}
  .cover-letter-greeting{margin:0 0 12px}
  .cover-letter-body{white-space:pre-wrap;text-align:justify;margin:0 0 24px}
  .cover-letter-placeholder{color:#94a3b8}
  .cover-letter-closing{margin:0 0 4px}
  .cover-letter-signature{margin:0}


  /* Rapid CV */
  #section-rapid>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  #section-rapid .panel-dark{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:18px}
  #section-rapid input,#section-rapid textarea{width:100%;padding:9px 12px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:13px;background:#F8FAFC;color:#0D1117;font-family:inherit;box-sizing:border-box}
  #section-rapid label{display:block;margin:8px 0 3px;font-size:10.5px;color:#64748b;text-transform:uppercase;font-weight:700}
  #r-cv{background:#fff;color:#0f172a}

  /* Grids */
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
  .row4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
  .row5{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:5px;align-items:end}
  .license-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;overflow:visible;padding:6px 2px 8px}
  .license-categories--driving{margin-top:6px}
  .license-categories label.license-category{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;width:100%;white-space:nowrap;margin:0;min-height:32px;text-align:left;font-size:12px}
  .license-categories input[type=checkbox]{width:auto;flex:0 0 auto;margin:0}

  /* Lang export */
  .lang-exp-btn{padding:11px 8px;border:1.5px solid #E2E8F0;border-radius:10px;background:#F8FAFC;color:#374151;cursor:pointer;font-size:13px;font-weight:700;text-align:center;transition:all .15s;font-family:inherit}
  .lang-exp-btn:hover{border-color:#1877F2;background:#EFF6FF;color:#0B2559}

  /* Runtime notices — source-first */
  .cv-storage-warning{position:fixed;left:16px;right:16px;bottom:18px;z-index:100000;background:#991b1b;color:#fff;padding:13px 16px;border-radius:12px;font:700 13px/1.4 system-ui,sans-serif;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.3)}

  /* History drawer */
  #history-drawer{background:#fff;border-left:1px solid #E2E8F0;box-shadow:-10px 0 50px rgba(0,0,0,.1)}
  .hist-card{background:#F8FAFC;border:1px solid #E2E8F0}
  .hist-card .hist-meta{color:#64748b}

  /* Mobile tabs hidden pe desktop */
  .mob-tabs,.mob-tab-btn{display:none}
  body{padding-bottom:0}
  #voice-btn{display:inline-flex}

  /* Print */
  @media print{
    *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
    body{background:#fff;padding-bottom:0}
    header,.toolbar,.lead,h1,.panel,.cv-type-tabs,.cv-complete,.ats-panel,.mob-tabs,.share-overlay,.slot-bar,.dh{display:none}
    .wrap,.split{display:block;padding:0;margin:0;max-width:100%}
    .preview{border:0;border-radius:0;box-shadow:none;max-height:none}
    #cv{padding:14mm;font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;line-height:1.55}
    #cv,#cv *{font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
    @page{size:A4;margin:0}
    .cover-preview{border:0;box-shadow:none}
  }
}

/* ══════════════════════════════════════
   MOBILE CARD-FLOW THEME (max-width: 900px)
   ══════════════════════════════════════ */
@media(max-width:900px){
  html,body{background:#f0f4fa;color:#0f172a}
  /* dh-header mobile — folosim stilul standard cu backdrop blur */
  header.dh{background:#fff;border-bottom:1px solid #e2e8f0;backdrop-filter:none;-webkit-backdrop-filter:none}
  /* Wrap */
  .wrap{padding:12px 14px 100px}
  /* App header — hidden on mobile in favor of dh-header */
  .wrap>header{display:none}
  h1{font-size:18px;margin-bottom:4px}
  .lead{font-size:11px;color:#64748b}
  /* Slot bar — scrollable */
  .slot-bar{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .slot-bar::-webkit-scrollbar{display:none}
  .slot-bar-label{display:none}
  .slot-btn{padding:7px 14px;border:1.5px solid #e2e8f0;border-radius:20px;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;display:flex;align-items:center;gap:5px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
  .slot-btn.active{background:linear-gradient(135deg,#0B2559,#1D3A8A);color:#fff;border-color:transparent}
  .slot-btn .slot-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
  .slot-rename,.slot-dup{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:11px;padding:2px 6px;border-radius:3px;flex-shrink:0}
  /* Tabs — scrollable */
  .cv-type-tabs{display:flex;gap:0;margin:0 0 10px;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto;width:100%;background:#fff;scrollbar-width:none}
  .cv-type-tabs::-webkit-scrollbar{display:none}
  .cv-type-tab{padding:9px 16px;background:transparent;color:#64748b;border:none;cursor:pointer;font-weight:600;font-size:12px;transition:all .2s;white-space:nowrap;flex-shrink:0}
  .cv-type-tab.active{background:linear-gradient(135deg,#0B2559,#1D3A8A);color:#fff}
  /* Toolbar — compact grid on mobile */
  .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}
  .toolbar-sep{display:none}
  .toolbar .btn{padding:10px 6px;font-size:11px;border-radius:10px;width:100%;justify-content:center;text-align:center;box-sizing:border-box}
  .btn{padding:8px 12px;font-size:12px;border-radius:8px}
  #voice-btn{display:inline-flex}
  /* Completeness */
  .cv-complete{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;margin-bottom:10px}
  .cv-complete-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#374151;margin-bottom:5px}
  .cv-complete-top span{color:#0B2559}
  .cv-complete-bg{background:#e2e8f0;border-radius:4px;height:6px;overflow:hidden}
  .cv-complete-fill{height:6px;border-radius:4px;background:linear-gradient(90deg,#0B2559,#CE1126);transition:width .5s ease}
  .cv-complete-tip{font-size:11px;color:#94a3b8;margin-top:4px}
  /* ATS panel */
  .ats-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;margin-bottom:10px;display:none}
  .ats-panel.open{display:block}
  .ats-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}
  .ats-score-ring{width:48px;height:48px;flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center}
  .ats-score-ring svg{position:absolute;top:0;left:0;width:100%;height:100%}
  .ats-score-num{font-size:13px;font-weight:800;color:#0f172a;position:relative}
  .ats-title{font-size:13px;font-weight:700;color:#0f172a;flex:1;margin:0 10px}
  .ats-subtitle{font-size:11px;color:#64748b;margin-top:1px}
  .ats-toggle-btn{font-size:11px;color:#0B2559;font-weight:700;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:5px}
  .ats-body{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}
  .ats-good .ats-col-title{color:#16a34a}
  .ats-tip .ats-col-title{color:#d97706}
  .ats-col-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
  .ats-item{font-size:11px;padding:2px 0;color:#374151}
  .ats-jd-wrap{margin-bottom:8px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;grid-column:1/-1}
  .ats-jd-wrap label{display:block;font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
  .ats-jd-wrap textarea{width:100%;padding:6px 9px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-family:inherit;resize:vertical;min-height:56px;color:#0f172a;background:#fff}
  .ats-jd-btn{margin-top:5px;padding:5px 12px;background:linear-gradient(135deg,#0B2559,#1D3A8A);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}
  /* Split — single column on mobile */
  .split{display:block}
  /* Panel */
  .panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;max-height:none;margin-bottom:12px}
  .panel h2{font-size:14px;color:#0f172a}
  .panel h3{font-size:11px;color:#0B2559;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #e2e8f0;padding-bottom:4px;margin:16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:6px}
  .panel label{display:block;margin:7px 0 3px;font-size:11px;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.5px}
  .panel input,.panel textarea,.panel select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:14px;font-family:inherit;transition:border-color .15s}
  .panel input:focus,.panel textarea:focus,.panel select:focus{outline:none;border-color:#0B2559;box-shadow:0 0 0 3px rgba(11,37,89,.08)}
  .panel textarea{resize:vertical;min-height:60px}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .row3,.row4,.row5{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  /* Entries */
  .entry{border:1px dashed #e2e8f0;border-radius:10px;padding:10px 10px 10px 30px;margin-top:8px;position:relative}
  .entry.drag-over{border:2px dashed #0B2559;background:rgba(11,37,89,.03)}
  .entry.dragging{opacity:.4}
  .entry .del{position:absolute;top:6px;right:6px;background:#dc2626;color:#fff;border:0;border-radius:4px;padding:2px 7px;cursor:pointer;font-size:11px}
  .drag-handle{position:absolute;top:50%;left:7px;transform:translateY(-50%);cursor:grab;color:#94a3b8;user-select:none;padding:2px}
  .add-btn{margin-top:8px;background:#fff;border:1.5px dashed #0B2559;color:#0B2559;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;width:100%;transition:background .15s}
  .add-btn:hover{background:rgba(11,37,89,.04)}
  /* Skill items */
  .skill-item-row{display:flex;align-items:center;gap:7px;margin-top:6px}
  .skill-item-row input{flex:1;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}
  .skill-level-select{padding:7px 6px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;width:110px;flex-shrink:0}
  .skill-del-btn{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px;flex-shrink:0}
  .skill-bar-mini{flex:0 0 60px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}
  .skill-bar-mini-fill{height:6px;border-radius:3px;background:linear-gradient(90deg,#0B2559,#CE1126);transition:width .3s}
  .skill-name-input{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px}
  .cv-inline-hint{color:#94a3b8;font-weight:400}
  .skill-bar-mini-fill.skill-progress-0{width:0%}.skill-bar-mini-fill.skill-progress-20{width:20%}.skill-bar-mini-fill.skill-progress-40{width:40%}.skill-bar-mini-fill.skill-progress-60{width:60%}.skill-bar-mini-fill.skill-progress-80{width:80%}.skill-bar-mini-fill.skill-progress-100{width:100%}
  /* Runtime visual states — source-first */
  .cv-qr-image{display:block;width:76px;height:76px;image-rendering:auto}
  .cv-pdf-quality-toast{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#16a34a;color:#fff;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:700;z-index:99999;max-width:480px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.3)}
  .cv-pdf-quality-toast.is-visible{display:block}
  .cv-pdf-loader{display:none;position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:99999;flex-direction:column;align-items:center;justify-content:center;gap:16px;backdrop-filter:blur(4px)}
  .cv-pdf-loader.is-visible{display:flex}
  .cv-pdf-loader-spinner{width:52px;height:52px;border:5px solid rgba(255,255,255,.2);border-top-color:#0B2559;border-radius:50%;animation:spin .8s linear infinite}
  .cv-pdf-loader-message{color:#fff;font-size:15px;font-weight:700}
  .cv-pdf-loader-note{color:rgba(255,255,255,.6);font-size:12px}
  .cv-vw-completion-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-radius:16px;padding:14px 22px;font:700 14px inherit;box-shadow:0 8px 24px rgba(22,163,74,.4);z-index:9900;display:flex;align-items:center;gap:8px;white-space:nowrap;animation:slideUp .4s ease}
  .voice-active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none}
  .cv-voice-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#0f172a;color:#f8fafc;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;z-index:99999;max-width:340px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.25);border:1px solid #334155;transition:opacity .3s}
  .cv-voice-toast.is-error{border-color:#ef4444}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes slideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}

  /* Section order */
  .section-order-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}
  .section-order-item{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;color:#374151}
  .section-order-item span{flex:1}
  .section-move-btn{background:none;border:1px solid #e2e8f0;color:#64748b;border-radius:4px;width:24px;height:24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
  .section-move-btn:hover{background:#0B2559;color:#fff;border-color:#0B2559}
  /* Photo */
  .photo-wrap{display:flex;gap:12px;align-items:center;margin-top:6px}
  .photo-thumb{width:80px;height:98px;border:2px dashed #e2e8f0;border-radius:8px;background:#f8fafc center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:10px;color:#94a3b8;text-align:center;padding:4px}
  .photo-actions{flex:1}
  .hint{font-size:11px;color:#94a3b8;margin:3px 0 0}
  /* Melissa btn */
  .melissa-btn{background:none;border:1px solid rgba(11,37,89,.3);cursor:pointer;font-size:10px;padding:2px 6px;border-radius:4px;color:#0B2559;font-weight:700;transition:all .15s;white-space:nowrap}
  /* Color picker */
  .color-pick-wrap{display:flex;flex-direction:column;gap:6px;margin-top:4px}
  .color-swatches{display:flex;gap:6px;flex-wrap:wrap}
  .color-swatch{width:30px;height:30px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .15s}
  .color-swatch.active{border-color:#0f172a;transform:scale(1.15)}
  .color-pick-row{display:flex;align-items:center;gap:8px}
  .color-pick-row input[type=color]{width:44px;height:36px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;padding:2px}
  .color-pick-row span{font-size:11px;color:#64748b}
  /* Preview on mobile */
  .preview-wrap{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:12px;margin-bottom:12px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .preview{background:#fff;color:#000;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}
  .preview-scaler{overflow:hidden}
  #cv{padding:20px 24px;font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;font-size:11.5px;line-height:1.5}
  .preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .preview-header-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}
  .btn-fs{padding:5px 10px;font-size:12px;background:#fff;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer;color:#374151;font-weight:600}
  /* Template btns */
  .tmpl-btns{display:flex;gap:5px;margin-top:4px}
  .tmpl-btn{flex:1;padding:8px 5px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:11px;font-weight:700;color:#64748b;text-align:center}
  .tmpl-btn.active{border-color:#0B2559;color:#0B2559;background:rgba(11,37,89,.06)}
  /* Anon badge */
  .anon-badge{display:none;position:absolute;top:10px;right:10px;background:rgba(220,38,38,.9);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;z-index:10}
  body.anon-mode .anon-badge{display:block}
  /* Modals */
  .share-overlay,.email-overlay,.fs-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center;padding:16px}
  .share-overlay.open,.email-overlay.open,.fs-overlay.open{display:flex}
  .share-box,.email-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.2)}
  .share-box h3,.email-box h3{margin:0 0 5px;font-size:15px;color:#0f172a}
  .share-box p,.email-box p{margin:0 0 10px;color:#64748b;font-size:12px}
  .share-url{width:100%;padding:9px 12px;border:1px solid #e2e8f0;border-radius:7px;font-size:12px;color:#374151;background:#f8fafc;font-family:monospace}
  .share-actions{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}
  .share-copied{display:none;color:#16a34a;font-size:12px;font-weight:700}
  .share-copied.show{display:inline}
  .email-box label{display:block;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:10px 0 3px}
  .email-box input,.email-box textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;color:#0f172a;background:#fff;box-sizing:border-box}
  .email-box input:focus,.email-box textarea:focus{outline:none;border-color:#0B2559;box-shadow:0 0 0 3px rgba(11,37,89,.08)}
  .email-box textarea{resize:vertical;min-height:70px}
  .email-box-actions{display:flex;gap:8px;margin-top:14px;align-items:center;flex-wrap:wrap}
  .email-status{font-size:12px;font-weight:700;margin-top:8px}
  .email-status.ok{color:#16a34a}
  .email-status.err{color:#dc2626}
  .email-attach-note{font-size:11px;color:#94a3b8;margin:6px 0 0;display:flex;align-items:center;gap:5px}
  .fs-inner{background:#fff;border-radius:12px;max-width:860px;width:100%;max-height:95vh;overflow:auto;position:relative}
  .fs-close{position:absolute;top:10px;right:12px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:700;z-index:2}
  .fs-inner #fs-cv-content{padding:24px 30px}
  /* Cover letter */
  .cover-split{display:grid;grid-template-columns:1fr;gap:14px}
  .cover-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:300px;overflow:auto}
  /* MOBILE TABS — fixed bottom bar */
  .mob-tabs{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr;box-shadow:0 -4px 20px rgba(0,0,0,.08)}
  body{padding-bottom:68px}
  .panel.mob-hidden,.preview.mob-hidden,.preview-wrap.mob-hidden{display:none}
  .mob-tab-btn{padding:12px 8px;border:none;background:transparent;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;color:#94a3b8;transition:all .2s;border-top:3px solid transparent}
  .mob-tab-btn.active{color:#0B2559;border-top-color:#0B2559;background:rgba(11,37,89,.04)}
  /* Voice btn on mobile */
  #voice-btn{display:inline-flex}
  @media(max-width:480px){
    .row2{grid-template-columns:1fr}
    .row3,.row4{grid-template-columns:1fr 1fr}
    .wrap{padding:10px 10px 90px}
    h1{font-size:16px}
    .cv-type-tab{padding:8px 12px;font-size:12px}
  }
}

/* ── HISTORY DRAWER ── */
@media(max-width:900px){
  #history-drawer{background:#fff;border-left:1px solid #e2e8f0}
  #history-drawer *{color-scheme:light}
  .history-empty{color:#64748b;font-size:12px;text-align:center;padding:20px}
  .hist-card{cursor:default;padding:12px}
  .hist-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
  .hist-card-label{font-size:12px;font-weight:700;color:#e2e8f0}
  .hist-card-time{font-size:10px;color:#64748b}
  .hist-card-progress{display:flex;align-items:center;gap:6px;margin-bottom:8px}
  .hist-card-progress-track{flex:1;background:#334155;border-radius:3px;height:4px;overflow:hidden}
  .hist-card-progress-fill{height:4px;background:linear-gradient(90deg,#0B2559,#CE1126);border-radius:3px}
  .hist-card-percent{font-size:10px;color:#60a5fa;font-weight:700}
  .hist-card-meta{font-size:11px;color:#64748b;margin-bottom:8px}
  .hist-card-actions{display:flex;gap:6px}
  .hist-card-actions button{font-size:11px;font-weight:700;cursor:pointer}
  .hist-card-restore{flex:1;padding:6px;border-radius:6px;background:linear-gradient(135deg,#0B2559,#1D3A8A);color:#fff;border:none}
  .hist-card-preview,.hist-card-delete{padding:6px 10px;border-radius:6px}
  .hist-card-preview{background:#f1f5f9;color:#374151;border:1px solid #e2e8f0}
  .hist-card-delete{background:rgba(220,38,38,.1);color:#ef4444;border:1px solid rgba(220,38,38,.2)}
  .hist-card{background:#f8fafc;border:1px solid #e2e8f0}
  .hist-card .hist-meta{color:#64748b}
}
.lang-exp-btn{padding:10px 8px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;color:#0f172a;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s;text-align:center}
.lang-exp-btn:hover{background:linear-gradient(135deg,#0B2559,#1D3A8A);color:#fff;border-color:transparent}
@media(max-width:900px){.lang-exp-btn{font-size:12px;padding:8px 5px}}

/* ── HIDE GLOBAL FLOATING WIDGETS ── */
#magic-dial,#magic-dial-btn,#floating-circle,.floating-dock,.dia-floating-dock,
[id^="magic-dial"],.dia-search-widget,.dia-search-fab,.search-fab,
#melissa-fab,.melissa-fab,.global-melissa-btn,.ux-accessibility-widget,
#ux-widget-btn,.dh-search-btn,.dh-melissa-btn,.dh-hdr-search,.dh-hdr-melissa{display:none}

/* ── CV AUTH GATE — popup pentru email (necesita cont) ─────────── */
#cv-auth-gate{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(10,16,40,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  opacity:0;pointer-events:none;transition:opacity .28s;
}
#cv-auth-gate.open{opacity:1;pointer-events:auto;}
.cv-auth-box{
  background:#fff;border-radius:24px;padding:36px 32px 28px;
  max-width:360px;width:90%;text-align:center;
  box-shadow:0 24px 64px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.06);
  transform:scale(.92) translateY(18px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
#cv-auth-gate.open .cv-auth-box{transform:scale(1) translateY(0);}
.cv-auth-icon{font-size:48px;margin-bottom:12px;line-height:1;}
.cv-auth-title{font:800 22px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0f172a;margin-bottom:8px;}
.cv-auth-sub{font:400 14px sans-serif;color:#64748b;line-height:1.5;margin-bottom:24px;}
.cv-auth-btns{display:flex;flex-direction:column;gap:10px;}
.cv-auth-btn-primary{
  display:block;padding:13px 24px;border-radius:12px;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  color:#fff;font:700 15px sans-serif;border:none;cursor:pointer;
  text-decoration:none;transition:opacity .15s,transform .15s;
}
.cv-auth-btn-primary:hover{opacity:.9;transform:translateY(-1px);}
.cv-auth-btn-secondary{
  display:block;padding:13px 24px;border-radius:12px;
  background:#f1f5f9;color:#334155;font:600 15px sans-serif;
  border:none;cursor:pointer;text-decoration:none;transition:background .15s;
}
.cv-auth-btn-secondary:hover{background:#e2e8f0;}
.cv-auth-close{
  position:absolute;top:14px;right:14px;background:none;border:none;
  font-size:20px;cursor:pointer;color:#94a3b8;padding:4px;line-height:1;
}
.cv-auth-logo{font:900 18px sans-serif;color:#7c3aed;letter-spacing:-.03em;margin-bottom:16px;}


/* Sprint 8 — accesibilitate și ergonomie mobilă */
/* CV Builder — Sprint 8 / increment 2
   Accessibility baseline and mobile interaction ergonomics. */

.cv-a11y-skip-link{position:fixed;top:10px;left:10px;z-index:20001;transform:translateY(-180%);padding:10px 14px;border-radius:9px;background:#0b2559;color:#fff;font:800 13px/1.2 system-ui,sans-serif;box-shadow:0 5px 18px rgba(0,0,0,.24);transition:transform .15s ease}
.cv-a11y-skip-link:focus,.cv-a11y-skip-link:focus-visible{transform:translateY(0);outline:3px solid #fbbf24;outline-offset:3px}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.cv-a11y-target{scroll-margin-top:78px}
@media(max-width:900px){
  .panel input,.panel textarea,.panel select,#section-rapid input,#section-rapid textarea{font-size:16px}
  .btn,.add-btn,.slot-btn,.cv-mode-btn,.mob-tab-btn,.lang-exp-btn,.ats-jd-btn,.photo-editor-close,.photo-editor-actions button{min-height:44px}
  .color-swatch{min-width:44px;min-height:44px}
  .section-move-btn{min-width:44px;min-height:44px}
  .cv-a11y-skip-link{top:8px;left:8px}
}
@media(prefers-reduced-motion:reduce){
  .cv-a11y-skip-link{transition:none}
  *,*::before,*::after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}
}