/* Resume maker page + the three resume templates (A4) */
.rb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:start}
@media (max-width:1000px){.rb{grid-template-columns:minmax(0,1fr)}}
.rb-tabs{display:none;gap:6px;margin-bottom:12px}
@media (max-width:1000px){.rb-tabs{display:flex}.rb[data-view="edit"] .rb-preview,.rb[data-view="preview"] .rb-edit{display:none}}
.rb-tabs button{flex:1;padding:10px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font:600 .95rem inherit;font-family:inherit;cursor:pointer}
.rb-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.rb-edit .panel{padding:18px}
.rb-edit h2{font-size:1.05rem;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.rb-item{border:1px dashed var(--line);border-radius:12px;padding:14px;display:grid;gap:12px;position:relative}
.rb-item+.rb-item{margin-top:10px}
.rb-del{position:absolute;top:8px;right:8px;border:0;background:none;color:var(--red);font-size:.85rem;font-weight:600;cursor:pointer}
.rb-add{margin-top:10px}
.rb-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rb-templates label{cursor:pointer}
.rb-templates input{position:absolute;opacity:0}
.rb-templates span{display:block;text-align:center;padding:10px 6px;border-radius:10px;border:1.5px solid var(--line);font-weight:600;font-size:.9rem;background:#fff}
.rb-templates input:checked+span{border-color:var(--blue-2);background:var(--blue-l);color:var(--blue-2)}
.rb-preview{position:sticky;top:84px}
.rb-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.rb-status{font-size:.85rem;color:var(--muted)}
.rb-page-wrap{background:#E2E8F0;border-radius:14px;padding:14px;overflow:hidden;min-width:0;max-width:100%}
.rb-preview{min-width:0}
.rb-scale{transform-origin:top left}
.rb-photo{display:flex;align-items:center;gap:12px}
.rb-photo img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}

/* ----- the resume page (A4: 794 × 1123 px at 96 dpi) ----- */
.rs{width:794px;min-height:1123px;background:#fff;color:#1f2937;font:13px/1.5 Inter,Arial,sans-serif;padding:44px 48px;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.rs h1{font-size:26px;color:#0f172a;letter-spacing:-.01em;margin:0}
.rs h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.rs p{margin:0}
.rs ul{margin:4px 0 0 18px;padding:0}
.rs li{margin:2px 0}
.rs-title{font-size:15px;color:#475569;font-weight:600;margin-top:2px!important}
.rs-contact{margin-top:8px!important;color:#334155;font-size:12.5px}
.rs-small{font-size:12.5px;color:#334155}
.rs-sec{margin-top:18px;break-inside:avoid}
.rs-item{margin-bottom:10px;break-inside:avoid}
.rs-row{display:flex;justify-content:space-between;gap:12px}
.rs-row span{color:#64748b;white-space:nowrap;font-size:12px}
.rs-sub{color:#475569;font-size:12.5px}
.rs-chips{display:flex;flex-wrap:wrap;gap:6px}
.rs-chips span{border-radius:6px;padding:2px 9px;font-size:12px}
.rs-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none}
.rs-head{display:flex;gap:18px;align-items:center}

/* Classic: blue accents, rules under headings */
.rs-classic h3{color:#1554C0;border-bottom:2px solid #DBEAFE;padding-bottom:4px}
.rs-classic .rs-head{border-bottom:3px solid #1554C0;padding-bottom:16px}
.rs-classic .rs-chips span{background:#EFF6FF;color:#1e40af}

/* Modern: dark sidebar */
.rs-modern{display:grid;grid-template-columns:250px 1fr;padding:0}
.rs-side{background:#0f2a5c;color:#e2e8f0;padding:40px 24px}
.rs-side h1{color:#fff;font-size:22px;margin-top:12px}
.rs-side .rs-title{color:#93c5fd}
.rs-side h3{color:#93c5fd}
.rs-side .rs-small{color:#e2e8f0;word-break:break-word}
.rs-side .rs-chips span{background:rgba(255,255,255,.1);color:#fff}
.rs-side .rs-photo{width:110px;height:110px;border:3px solid rgba(255,255,255,.25)}
.rs-main{padding:40px 34px}
.rs-main h3{color:#0f2a5c}
.rs-main .rs-sec:first-child{margin-top:0}

/* Minimal: black & white, centred header */
.rs-minimal .rs-head{flex-direction:column;text-align:center;gap:8px}
.rs-minimal h3{color:#111;border-bottom:1px solid #111;padding-bottom:3px}
.rs-minimal .rs-chips span{border:1px solid #cbd5e1}

/* Download as PDF: print only the resume page (everything else is .no-print / header / footer) */
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  main,.page,.wrap{padding:0!important;margin:0!important;max-width:none!important}
  .rb,.rb .rb-preview,.rb-page-wrap,#printArea{display:block!important;position:static!important;height:auto!important;padding:0!important;margin:0!important;background:none!important;overflow:visible!important;border-radius:0!important}
  .rb-scale{transform:none!important}
  .rs{box-shadow:none!important;width:210mm!important;min-height:296mm!important}
  .rs-modern{min-height:296mm!important}
}