/* ==== CV Resume Builder Pro — styles ==== */
.cvrb-app{display:block;max-width:1400px;margin:20px auto;font-family:'Poppins',sans-serif;color:#222;box-sizing:border-box;}
.cvrb-app *{box-sizing:border-box;}

/* ===== Theme-bleed protection =====
   The host theme applies its own global styles to <button>, <a>, <input>,
   <select> (often white text, uppercase, letter-spacing, shadows, focus
   rings). Those rules can be more specific than ours and make button text
   invisible (white-on-white). This block neutralises the generic theme
   styling INSIDE the plugin only, so every button below renders with the
   colours actually written in this file, no matter what theme is active. */
.cvrb-app button,
.cvrb-app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
.cvrb-app select,
.cvrb-app textarea,
.cvrb-app a{
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
	appearance:none!important;
	text-transform:none!important;
	text-shadow:none!important;
	letter-spacing:normal!important;
	box-shadow:none!important;
	font-family:'Poppins',sans-serif!important;
	line-height:normal!important;
}
.cvrb-app input[type=checkbox],.cvrb-app input[type=radio]{
	accent-color:#1a237e!important;
	width:16px;height:16px;
	opacity:1!important;
	filter:none!important;
}
.cvrb-app button:focus,.cvrb-app input:focus,.cvrb-app select:focus,.cvrb-app a:focus{outline:2px solid var(--c-primary,#1a237e);outline-offset:1px;}
.cvrb-app a{text-decoration:none!important;}
.cvrb-form-pane{flex:1 1 420px;max-width:480px;min-width:0;background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:18px;}
.cvrb-preview-pane{flex:1 1 640px;min-width:0;display:flex;justify-content:center;}
.cvrb-preview-scale-wrap{width:100%;max-width:800px;}

.cvrb-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.cvrb-toolbar-group label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:#555;}
.cvrb-toolbar-group select{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc;background:#fff;}
.cvrb-toolbar-check{display:flex;align-items:center;}
.cvrb-toolbar-check label{display:flex;align-items:center;gap:6px;font-size:13px;color:#333;font-weight:500;margin-bottom:0;cursor:pointer;}
.cvrb-toolbar-check input{width:16px;height:16px;}

.cvrb-hint{font-size:11px;font-weight:400;color:#888;}
.cvrb-color-section h3{display:block;}
.cvrb-swatches{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-bottom:12px;max-height:150px;overflow-y:auto;padding:4px;background:#fff;border:1px solid #e2e2e2;border-radius:8px;}
@media(max-width:520px){.cvrb-swatches{grid-template-columns:repeat(8,1fr);}}
.cvrb-swatch{width:100%;aspect-ratio:1;border-radius:5px;cursor:pointer;border:2px solid transparent;padding:0;}
.cvrb-swatch:hover{transform:scale(1.15);}
.cvrb-swatch.is-active{border-color:#111;box-shadow:0 0 0 1px #fff inset;}
.cvrb-custom-colors{margin-top:4px;}
.cvrb-color-field{font-size:12px;font-weight:600;color:#555;display:flex;flex-direction:column;gap:4px;}
.cvrb-color-field input[type=color]{width:100%;height:38px;border:1px solid #ccc;border-radius:8px;padding:2px;cursor:pointer;background:#fff;}

.cvrb-section{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #eaeaea;}
.cvrb-section h3{margin:0 0 10px;font-size:15px;display:flex;justify-content:space-between;align-items:center;}
.cvrb-section input[type=text],.cvrb-section input[type=email],.cvrb-section textarea{width:100%;padding:9px 10px;margin-bottom:8px;border:1px solid #ccc;border-radius:8px;font-size:14px;font-family:inherit;}
.cvrb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
@media(max-width:520px){.cvrb-grid-2{grid-template-columns:1fr;}}

.cvrb-repeat-item{position:relative;background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:12px;margin-bottom:10px;}
.cvrb-remove{position:absolute;top:6px;right:8px;border:none!important;background:none!important;font-size:18px;line-height:1;cursor:pointer;color:#c0392b!important;}
.cvrb-add{border:none!important;background:#eef2ff!important;color:#3949ab!important;padding:4px 10px;border-radius:20px;font-size:12px;cursor:pointer;}

.cvrb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.cvrb-tag{background:#eef2ff;color:#3949ab;padding:5px 10px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:6px;}
.cvrb-tag button{border:none!important;background:none!important;cursor:pointer;color:#3949ab!important;font-weight:bold;}

.cvrb-photo-upload{display:flex;align-items:center;gap:12px;}
#cvrb-photo-preview{width:64px;height:64px;object-fit:cover;border-radius:50%;border:1px solid #ddd;}

.cvrb-btn-sm{border:1px solid #ccc!important;background:#fff!important;color:#333!important;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;}
.cvrb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.cvrb-btn{border:1px solid #ccc!important;background:#fff!important;color:#333!important;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;}
.cvrb-btn-primary{background:#1a237e!important;color:#fff!important;border-color:#1a237e!important;}
.cvrb-btn-danger{color:#c0392b!important;border-color:#c0392b!important;background:#fff!important;}
.cvrb-file-label{display:inline-block;}

/* ===== PREVIEW / RESUME BASE ===== */
.cvrb-preview{
	--c-primary:#1a237e;
	--c-secondary:#3949ab;
	--c-text:#222222;
	--c-bg:#ffffff;
	--c-light:#f4f5f9;
	width:794px;max-width:794px;min-height:1123px;background:var(--c-bg);color:var(--c-text);
	margin:0;box-shadow:0 4px 24px rgba(0,0,0,.12);padding:40px;
	transform-origin:top left;
	flex-shrink:0;
}
.cvrb-preview-scale-wrap{overflow:hidden;width:100%;}

.cvrb-preview h1,.cvrb-preview h2,.cvrb-preview h3{margin:0;}
.cvrb-preview .cvrb-name{font-size:30px;font-weight:700;color:var(--c-primary);}
.cvrb-preview .cvrb-title{font-size:15px;color:var(--c-secondary);margin-top:2px;}
.cvrb-preview .cvrb-contact{font-size:12px;color:#555;margin-top:10px;line-height:1.8;}
.cvrb-preview .cvrb-block-title{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--c-primary);border-bottom:2px solid var(--c-primary);padding-bottom:4px;margin:20px 0 10px;font-weight:600;}
.cvrb-preview .cvrb-entry{margin-bottom:12px;}
.cvrb-preview .cvrb-entry-head{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;}
.cvrb-preview .cvrb-entry-sub{font-size:12.5px;color:var(--c-secondary);margin:2px 0;}
.cvrb-preview .cvrb-entry-desc{font-size:12.5px;color:#444;line-height:1.6;white-space:pre-line;}
.cvrb-preview .cvrb-summary{font-size:13px;line-height:1.7;color:#444;}
.cvrb-preview .cvrb-tag-pill{display:inline-block;background:var(--c-light);color:var(--c-primary);padding:4px 10px;border-radius:14px;font-size:11.5px;margin:3px 4px 0 0;}
.cvrb-preview img.cvrb-photo{width:110px;height:110px;object-fit:cover;border:3px solid var(--c-light);margin-inline-end:20px;}
.cvrb-photo-circle .cvrb-photo{border-radius:50%;}
.cvrb-photo-square .cvrb-photo{border-radius:12px;}

/* ---- Modern (two column, sidebar left) ---- */
.cvrb-tpl-modern .cvrb-wrap{display:flex;gap:30px;}
.cvrb-tpl-modern .cvrb-side{width:230px;background:var(--c-light);padding:20px;border-radius:10px;flex-shrink:0;}
.cvrb-tpl-modern .cvrb-main{flex:1;}
.cvrb-tpl-modern .cvrb-side .cvrb-block-title{font-size:12px;}

/* ---- LinkedIn style (banner header + rounded photo) ---- */
.cvrb-tpl-linkedin .cvrb-banner{height:90px;background:linear-gradient(120deg,var(--c-primary),var(--c-secondary));border-radius:8px 8px 0 0;margin:calc(-1 * var(--page-margin, 40px)) calc(-1 * var(--page-margin, 40px)) 0;}
.cvrb-tpl-linkedin .cvrb-head{display:flex;gap:18px;align-items:flex-end;margin-top:-45px;padding-left:10px;}
.cvrb-tpl-linkedin img.cvrb-photo{border:4px solid #fff;width:100px;height:100px;}
.cvrb-tpl-linkedin .cvrb-name{font-size:24px;}
.cvrb-tpl-linkedin .cvrb-contact{display:flex;flex-wrap:wrap;gap:14px;}

/* ---- Classic (centered header, single column, serif feel) ---- */
.cvrb-tpl-classic .cvrb-head{text-align:center;border-bottom:2px solid var(--c-primary);padding-bottom:16px;}
.cvrb-tpl-classic .cvrb-contact{justify-content:center;display:flex;gap:14px;flex-wrap:wrap;}
.cvrb-tpl-classic img.cvrb-photo{margin:0 auto 10px;display:block;}

/* ---- Creative (color block sidebar right, bold name) ---- */
.cvrb-tpl-creative .cvrb-wrap{display:flex;flex-direction:row-reverse;gap:30px;}
.cvrb-tpl-creative .cvrb-side{width:220px;background:var(--c-primary);color:#fff;padding:20px;border-radius:10px;flex-shrink:0;}
.cvrb-tpl-creative .cvrb-side .cvrb-block-title{color:#fff;border-color:rgba(255,255,255,.5);}
.cvrb-tpl-creative .cvrb-side .cvrb-tag-pill{background:rgba(255,255,255,.15);color:#fff;}
.cvrb-tpl-creative .cvrb-name{font-size:34px;}

/* ---- Minimal (no lines, lots of whitespace) ---- */
.cvrb-tpl-minimal .cvrb-block-title{border-bottom:none;color:#888;font-weight:400;letter-spacing:2px;}
.cvrb-tpl-minimal .cvrb-name{font-weight:300;font-size:32px;}

/* ---- Executive (top bar, formal, wide) ---- */
.cvrb-tpl-executive .cvrb-head{border-left:6px solid var(--c-primary);padding-left:18px;}
.cvrb-tpl-executive .cvrb-block-title{background:var(--c-light);padding:6px 10px;border-bottom:none;}

/* ---- Split Header (big color banner, photo right) ---- */
.cvrb-tpl-split .cvrb-head{background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:#fff;margin:calc(-1 * var(--page-margin, 40px)) calc(-1 * var(--page-margin, 40px)) 20px;padding:calc(var(--page-margin, 40px) * 0.85) var(--page-margin, 40px);display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px;}
.cvrb-tpl-split .cvrb-name{color:#fff;font-size:28px;}
.cvrb-tpl-split .cvrb-title{color:#e0e3fb;}
.cvrb-tpl-split .cvrb-contact{color:#e0e3fb;}
.cvrb-tpl-split img.cvrb-photo{border:4px solid rgba(255,255,255,.7);}

/* ---- Timeline (vertical line + dots on experience/education) ---- */
.cvrb-tpl-timeline .cvrb-entry{border-left:2px solid var(--c-primary);padding-left:16px;position:relative;margin-left:6px;padding-bottom:4px;}
.cvrb-tpl-timeline .cvrb-entry:before{content:'';position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--c-secondary);border:2px solid #fff;box-shadow:0 0 0 1px var(--c-secondary);}
.cvrb-tpl-timeline .cvrb-head{text-align:center;margin-bottom:10px;}
.cvrb-tpl-timeline img.cvrb-photo{margin:0 auto 10px;display:block;}
.cvrb-tpl-timeline .cvrb-contact{justify-content:center;display:flex;gap:14px;flex-wrap:wrap;}

/* ---- Two-Tone Split (colored sidebar 35% + white main 65%) ---- */
.cvrb-tpl-twotone{padding:0;overflow:hidden;}
.cvrb-tpl-twotone .cvrb-wrap{display:flex;min-height:1043px;}
.cvrb-tpl-twotone .cvrb-side{background:var(--c-primary);color:#fff;width:34%;padding:40px 24px;flex-shrink:0;}
.cvrb-tpl-twotone .cvrb-main{width:66%;padding:40px 30px;}
.cvrb-tpl-twotone .cvrb-side .cvrb-block-title{color:#fff;border-color:rgba(255,255,255,.4);}
.cvrb-tpl-twotone .cvrb-side .cvrb-tag-pill{background:rgba(255,255,255,.15);color:#fff;}
.cvrb-tpl-twotone .cvrb-head{display:block;}
.cvrb-tpl-twotone img.cvrb-photo{border:3px solid rgba(255,255,255,.6);margin-bottom:12px;}
.cvrb-tpl-twotone .cvrb-name{color:#fff;font-size:24px;}
.cvrb-tpl-twotone .cvrb-title{color:rgba(255,255,255,.85);}
.cvrb-tpl-twotone .cvrb-contact{color:rgba(255,255,255,.85);}

/* ---- Compact Grid (dense, small type, two-column body) ---- */
.cvrb-tpl-compact{padding:28px;}
.cvrb-tpl-compact .cvrb-name{font-size:24px;}
.cvrb-tpl-compact .cvrb-block-title{font-size:12px;margin:14px 0 6px;}
.cvrb-tpl-compact .cvrb-entry-desc,.cvrb-tpl-compact .cvrb-summary{font-size:11.5px;}
.cvrb-tpl-compact .cvrb-cols{column-count:2;column-gap:24px;}
.cvrb-tpl-compact .cvrb-cols .cvrb-block-title,.cvrb-tpl-compact .cvrb-cols .cvrb-entry{break-inside:avoid;}

@media print{
	.cvrb-form-pane,.cvrb-toolbar,.cvrb-actions,.cvrb-mobile-notice,.cvrb-tabs{display:none !important;}
	.cvrb-preview{box-shadow:none;margin:0;}
	.cvrb-columns{gap:0;}
}

/* ===== v3 additions: tabs, saved slots, ATS mode, section order, cover letter ===== */
.cvrb-tabs{display:flex;gap:8px;margin-bottom:16px;}
.cvrb-tab-btn{flex:1;padding:12px;border:1px solid #ccc!important;background:#fff!important;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#555!important;}
.cvrb-tab-btn.active{background:#1a237e!important;color:#fff!important;border-color:#1a237e!important;}
.cvrb-columns{display:flex;gap:24px;}
@media(max-width:900px){.cvrb-columns{flex-direction:column;}}

.cvrb-panel{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:14px;margin-bottom:16px;}
.cvrb-panel-head{margin:0 0 10px;font-size:14px;}

.cvrb-restore-banner{background:#fff8e1;border:1px solid #ffca28;color:#8a6100;padding:10px 12px;border-radius:8px;margin-bottom:14px;font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

.cvrb-slots-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;}
.cvrb-slot-item{display:flex;align-items:center;justify-content:space-between;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:8px 10px;font-size:12.5px;}
.cvrb-slot-info{display:flex;flex-direction:column;}
.cvrb-slot-name{font-weight:600;color:#333;}
.cvrb-slot-date{color:#888;font-size:11px;}
.cvrb-slot-actions{display:flex;gap:6px;}
.cvrb-slot-actions button{border:none!important;background:#eef2ff!important;color:#3949ab!important;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;}
.cvrb-slot-actions button.cvrb-slot-delete{background:#fdeaea!important;color:#c0392b!important;}
.cvrb-slots-empty{color:#999;font-size:12px;padding:6px 0;}

.cvrb-ats-toggle{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#333;cursor:pointer;line-height:1.5;}
.cvrb-ats-toggle input{margin-top:3px;width:16px;height:16px;flex-shrink:0;}
.cvrb-color-section.is-disabled{opacity:.4;pointer-events:none;}

.cvrb-sections-list{display:flex;flex-direction:column;gap:6px;}
.cvrb-section-row{display:flex;align-items:center;gap:8px;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:7px 10px;font-size:13px;}
.cvrb-section-row label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;}
.cvrb-section-checkbox{flex-shrink:0;width:16px;height:16px;}
.cvrb-section-title-input{flex:1;min-width:0;border:1px solid #ddd;border-radius:6px;padding:6px 8px;font-size:12.5px;background:#fff;}
.cvrb-section-title-input:focus{border-color:#1a237e;outline:none;}
.cvrb-order-btns{display:flex;gap:4px;}
.cvrb-order-btns button{border:1px solid #ccc!important;background:#fff!important;color:#333!important;border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:12px;}
.cvrb-order-btns button:disabled{opacity:.3;cursor:default;}

/* ATS-friendly forced plain rendering */
.cvrb-ats-mode{
	--c-primary:#000000 !important;
	--c-secondary:#333333 !important;
	--c-light:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif !important;
	box-shadow:none;border:1px solid #ddd;
}
.cvrb-ats-mode .cvrb-block-title{border-bottom:1px solid #000;background:none;padding-bottom:3px;}
.cvrb-ats-mode .cvrb-tag-pill{background:none;border:1px solid #000;color:#000;}

/* Cover letter */
.cvrb-letter-preview{font-family:inherit;}
.cvrb-letter-sender{margin-bottom:20px;}
.cvrb-letter-sender .cvrb-name{font-size:22px;color:var(--c-primary);}
.cvrb-letter-date{font-size:12.5px;color:#555;margin-bottom:18px;}
.cvrb-letter-recipient{font-size:12.5px;color:#333;line-height:1.6;margin-bottom:18px;}
.cvrb-letter-subject{font-weight:700;font-size:13px;margin-bottom:16px;color:var(--c-primary);}
.cvrb-letter-body p{font-size:13px;line-height:1.8;color:#333;margin:0 0 14px;white-space:pre-line;}
.cvrb-letter-sign{margin-top:24px;font-size:13px;color:#333;}

/* ===== v5: mobile "use laptop/PC for best experience" notice ===== */
.cvrb-mobile-notice{display:none;}
@media(max-width:820px){
	.cvrb-mobile-notice{
		display:flex;align-items:center;gap:8px;
		background:linear-gradient(135deg,#fff3cd,#ffe8b3);
		border:1px solid #f0c14b;color:#5c4400;
		border-radius:8px;padding:8px 10px;margin-bottom:10px;
		font-size:12px;line-height:1.45;
	}
}
.cvrb-mobile-notice-icon{font-size:16px;flex-shrink:0;}
.cvrb-mobile-notice-text{flex:1;}
.cvrb-mobile-notice-close{background:none!important;border:none!important;font-size:16px;line-height:1;color:#8a6d00!important;cursor:pointer;flex-shrink:0;padding:0 2px;}

/* ===== v6: Typography & Spacing controls ===== */
.cvrb-typo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:10px;}
@media(max-width:520px){.cvrb-typo-grid{grid-template-columns:1fr;}}
.cvrb-typo-grid label{display:flex;flex-direction:column;font-size:11.5px;font-weight:600;color:#555;gap:4px;}
.cvrb-typo-grid label span{color:#1a237e;font-weight:700;font-size:11px;}
.cvrb-typo-grid input[type=range]{width:100%;accent-color:#1a237e;}

/* ===== v7: full responsive polish — phones, tablets, laptops, desktops ===== */
.cvrb-app{padding:0 4px;width:100%;overflow-x:hidden;}

/* Comfortable touch targets everywhere on touch devices */
.cvrb-btn,.cvrb-btn-sm,.cvrb-tab-btn,.cvrb-add,.cvrb-order-btns button,.cvrb-slot-actions button{min-height:38px;}
.cvrb-section select,.cvrb-toolbar-group select{min-height:40px;}

/* Tablets (large) */
@media(max-width:1024px){
	.cvrb-app{max-width:100%;}
	.cvrb-form-pane{max-width:100%;}
}

/* Tablets / small laptops — stack columns (already triggered by .cvrb-columns at 900px) */
@media(max-width:900px){
	.cvrb-preview-pane{justify-content:flex-start;}
}

/* Phones */
@media(max-width:640px){
	.cvrb-app{margin:10px auto;padding:0 2px;}
	.cvrb-form-pane{padding:14px;border-radius:10px;}
	.cvrb-toolbar{grid-template-columns:1fr;}
	.cvrb-tabs{gap:6px;}
	.cvrb-tab-btn{padding:10px 6px;font-size:13px;}
	.cvrb-actions{flex-direction:column;}
	.cvrb-actions .cvrb-btn,.cvrb-actions .cvrb-file-label{width:100%;text-align:center;justify-content:center;}
	.cvrb-panel{padding:12px;}
	.cvrb-slot-item{flex-direction:column;align-items:flex-start;gap:8px;}
	.cvrb-slot-actions{width:100%;}
	.cvrb-slot-actions button{flex:1;}
	.cvrb-swatches{grid-template-columns:repeat(8,1fr);max-height:130px;}
	.cvrb-section-row{flex-wrap:wrap;}
}

/* Small phones */
@media(max-width:380px){
	.cvrb-swatches{grid-template-columns:repeat(6,1fr);}
	.cvrb-tab-btn{font-size:12px;padding:9px 4px;}
	.cvrb-typo-grid{gap:10px;}
}

/* Large desktop / laptop — keep the document looking crisp and centered, never stretched too wide */
@media(min-width:1200px){
	.cvrb-preview-scale-wrap{max-width:820px;}
}

/* ===== RemoteHub USA: US resume best-practice styling ===== */
.cvrb-photo-warning{background:#fff3cd;border:1px solid #f0c14b;color:#5c4400;padding:8px 10px;border-radius:6px;margin-bottom:10px;font-size:11.5px;line-height:1.5;}
.cvrb-us-tips{border-left:4px solid #002868;}
.cvrb-us-tips-list{margin:0;padding-left:18px;font-size:12.5px;color:#333;line-height:1.9;}
.cvrb-us-tips-list li{margin-bottom:4px;}

/* ===== Resume Health Check + ATS docx button ===== */
.cvrb-btn-ats{background:#002868!important;color:#fff!important;border-color:#002868!important;}
.cvrb-health-list{display:flex;flex-direction:column;gap:6px;}
.cvrb-health-item{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;padding:6px 8px;border-radius:6px;background:#fafafa;}
.cvrb-health-item.ok{color:#1b5e20;background:#eaf6ea;}
.cvrb-health-item.warn{color:#8a6100;background:#fff8e1;}
.cvrb-health-icon{flex-shrink:0;}

/* ===== Clear single download CTA — avoids the "multiple lookalike Download buttons"
   pattern that Google flags as confusing / accidental-click-inducing near ads. ===== */
.cvrb-download-box{
	background:#f0f4ff;border:1px solid #c7d5f5;border-radius:10px;
	padding:16px;margin-bottom:16px;text-align:center;
}
.cvrb-download-title{margin:0 0 10px;font-size:13px;font-weight:600;color:#333;}
.cvrb-btn-large{width:100%;font-size:15px;padding:14px;font-weight:600;}
.cvrb-download-note{margin:8px 0 10px;font-size:11.5px;color:#555;}
.cvrb-btn-link{
	background:none!important;border:none!important;color:#3949ab!important;text-decoration:underline!important;
	font-size:12px;cursor:pointer;padding:4px;
}
.cvrb-btn-link:hover{color:#1a237e!important;}

.cvrb-download-warning{
	margin:8px 0 0;font-size:11px;line-height:1.5;color:#8a3a00;
	background:#fff3e0;border:1px solid #ffcc80;border-radius:6px;padding:8px 10px;
}

/* ===== Resume Score bar + region-aware panels ===== */
.cvrb-score-wrap{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.cvrb-score-bar-bg{flex:1;height:10px;background:#eee;border-radius:6px;overflow:hidden;}
.cvrb-score-bar-fill{height:100%;width:0%;background:#c0392b;border-radius:6px;transition:width .3s ease, background .3s ease;}
.cvrb-score-text{font-size:13px;font-weight:700;color:#333;white-space:nowrap;}
.cvrb-ats-explainer{margin-top:10px;background:#eef2ff;border:1px solid #c7d2f5;padding:8px 10px;border-radius:6px;font-size:11.5px;line-height:1.6;color:#333;}
#cvrb-region{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc;min-height:40px;}

/* ===== Final hardening (ID specificity) =====
   Some themes write their global button/link colour rules with high
   specificity (e.g. `body .site button`). An #id selector always beats
   plain class selectors, so repeating the key colours here guarantees
   the plugin's buttons stay readable no matter how the active theme is
   built — without changing any layout or responsive rule above. */
#cvrb-app .cvrb-btn{background:#fff!important;color:#333!important;border-color:#ccc!important;}
#cvrb-app .cvrb-btn-primary{background:#1a237e!important;color:#fff!important;border-color:#1a237e!important;}
#cvrb-app .cvrb-btn-danger{background:#fff!important;color:#c0392b!important;border-color:#c0392b!important;}
#cvrb-app .cvrb-btn-ats{background:#002868!important;color:#fff!important;border-color:#002868!important;}
#cvrb-app .cvrb-btn-link{background:none!important;color:#3949ab!important;}
#cvrb-app .cvrb-tab-btn{background:#fff!important;color:#555!important;border-color:#ccc!important;}
#cvrb-app .cvrb-tab-btn.active{background:#1a237e!important;color:#fff!important;border-color:#1a237e!important;}
#cvrb-app .cvrb-add,#cvrb-app .cvrb-tag,#cvrb-app .cvrb-slot-actions button{background:#eef2ff!important;color:#3949ab!important;}
#cvrb-app .cvrb-slot-actions button.cvrb-slot-delete{background:#fdeaea!important;color:#c0392b!important;}
#cvrb-app .cvrb-remove,#cvrb-app .cvrb-tag button{background:none!important;color:#c0392b!important;}
#cvrb-app .cvrb-tag button{color:#3949ab!important;}
#cvrb-app .cvrb-order-btns button,#cvrb-app .cvrb-btn-sm{background:#fff!important;color:#333!important;border-color:#ccc!important;}