/*
  ==============================================================
                           CV Builder
  ==============================================================
  Author: Alexander Wiese
  Repository: https://github.com/drofji/cv-builder
  Version: 2026.02
  License: MIT
  Description: ATS-compliant CV/Resume Builder styles
               Includes responsive layout, typography, colors,
               and design customization.
  ==============================================================
  Note:
  - Keep this header intact for project attribution.
  - Styles are optimized for single-column, ATS-friendly output.
  - Only allowed fonts: Arial, Calibri, Helvetica, Georgia.
  ==============================================================
*/
:root{--sidebar-width:480px;--a4-width:210mm}body{background-color:#f0f2f5;font-family:Arial, Helvetica, sans-serif;overflow:hidden;height:100vh;margin:0;display:flex;flex-direction:column}.navbar{min-height:60px;border-bottom:1px solid #dee2e6;background:#fff !important;z-index:1100;position:relative;flex-shrink:0}.main-container{flex:1;display:flex;overflow:hidden}.editor-side{width:var(--sidebar-width);background:white;border-right:1px solid #dee2e6;display:flex;flex-direction:column;flex-shrink:0}.editor-scroll-area{flex:1;overflow-y:auto;padding:25px}.preview-side{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center;background:#525659}#cv-pages-container{width:var(--a4-width);margin:0 auto;display:block;line-height:0}.page-wrapper{width:var(--a4-width);height:296.5mm;background:white;padding:20mm;position:relative;box-sizing:border-box;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.5);transform-origin:top center;display:block;line-height:1.4;page-break-after:always;font-family:Arial, Helvetica, sans-serif}.page-wrapper:last-child{page-break-after:avoid !important}.section-title-wrapper{margin-top:20px;margin-bottom:10px}.section-title{font-weight:bold;text-transform:uppercase;font-size:14pt;border-bottom:1px solid #000;padding:4px 8px}.cv-list{margin:4px 0 8px;padding-left:18px}.cv-list li{margin-bottom:2px}.cv-photo-container{overflow:hidden;flex-shrink:0;background:#f8f9fa;margin-bottom:15px}.cv-photo-container img{width:100%;height:100%;object-fit:cover}.draggable-card{border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:10px;background:#fff;position:relative}.drag-handle{cursor:grab;color:#ccc;margin-right:10px;font-size:1.2rem}.mini-preview{width:38px;height:38px;border-radius:4px;object-fit:cover;border:1px solid #ddd;display:none}.app-footer{background:#fff;border-top:1px solid #dee2e6;padding:5px 20px;font-size:12px;text-align:center;flex-shrink:0}.app-footer a{color:#0d6efd;text-decoration:none;margin:0 10px}.navbar .container-fluid{flex-direction:row !important}.ats-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#e9ecef;color:#6c757d;font-size:11px;cursor:help;margin-left:6px;border:1px solid #dee2e6}.ats-help:hover{background:#0d6efd;color:white;border-color:#0d6efd}#ats-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#dc3545;color:white;padding:10px 20px;border-radius:25px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:2000;font-size:14px;font-weight:bold;opacity:0;transition:opacity 0.3s;pointer-events:none}#ats-toast.show{opacity:1}.control-disabled{opacity:0.5;pointer-events:none;background-color:#e9ecef}@media (max-width: 991px){.navbar .container-fluid{flex-direction:column !important}.order-mobile-1{order:1}.order-mobile-2{order:2}.border-top-mobile{border-top:1px solid #eee}.pt-mobile{padding-top:8px}.order-mobile-2 .btn-sm,.order-mobile-2 label{padding:8px 4px;font-size:11px}.main-container{height:calc(100vh - 110px)}}