:root{
  --fbip-border:#d9dde3;
  --fbip-muted:#676f78;
  --fbip-text:#15171a;
  --fbip-soft:#f7f8fa;
  --fbip-blue:#0d6edb;
  --fbip-yellow:#ffd34d;
  --fbip-red:#d71920;
  --fbip-bg:#ffffff;
  --fbip-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(25,31,40,.06);
}
.fbip-shell{max-width:1488px;margin:20px auto;font-family:Arial,Helvetica,sans-serif;color:var(--fbip-text);line-height:1.35}
.fbip-shell *{box-sizing:border-box}
.fbip-actionbar{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid var(--fbip-border);border-radius:14px;padding:12px;margin-bottom:12px;box-shadow:var(--fbip-shadow)}
.fbip-action-left,.fbip-action-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fbip-chip{border:1px solid var(--fbip-border);background:#f9fafb;border-radius:999px;padding:7px 12px;font-size:13px}
.fbip-chip-dark{background:#111827;color:#fff;border-color:#111827}
.fbip-btn{border:1px solid #cfd6df;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px;transition:.2s}
.fbip-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.08)}
.fbip-btn-primary{background:#111827;color:#fff;border-color:#111827}
.fbip-dashboard{display:grid;grid-template-columns:minmax(520px,43%) minmax(620px,57%);gap:16px}
.fbip-panel{background:#fff;border:1px solid var(--fbip-border);border-radius:14px;overflow:hidden;box-shadow:var(--fbip-shadow)}
.fbip-panel-title{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e4e7eb;background:linear-gradient(#fff,#fbfbfc)}
.fbip-panel-title h2{font-size:24px;font-weight:800;margin:0;color:#111}
.fbip-panel-title span{color:#666;font-size:18px}
.fbip-owner-top{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:24px 26px 22px;border-bottom:1px solid #e4e7eb}
.fbip-avatar-wrap{position:relative;width:96px;height:96px;margin-top:2px}
.fbip-avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;display:block;background:#e8eef5}
.fbip-plus{position:absolute;right:-4px;bottom:4px;width:32px;height:32px;border-radius:50%;background:#1d6df2;color:white;font-size:24px;line-height:30px;text-align:center;border:2px solid #fff}
.fbip-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:430px;margin-bottom:12px}
.fbip-fake-wrap small{display:block;color:#595f66;font-size:18px;margin-top:2px}
.fbip-fake-input{height:34px;border:1px solid #d5d9df;border-radius:7px;background:#fff;padding:4px 10px;font-size:20px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}
.fbip-fake-input.is-bold{font-weight:800}
.fbip-name-row{max-width:270px;margin-bottom:10px}
.fbip-username-row{display:flex;gap:18px;align-items:center}
.fbip-username-row .fbip-fake-wrap{width:270px}
.fbip-badge-yellow{display:inline-flex;align-items:center;background:linear-gradient(#ffdf63,#ffc626);border-radius:18px;padding:6px 14px;font-size:16px;color:#493800;white-space:nowrap}
.fbip-detail-table{font-size:18px}
.fbip-detail-row{display:grid;grid-template-columns:45% 55%;min-height:56px;border-bottom:1px solid #e4e7eb;align-items:center;padding:0 22px}
.fbip-detail-row label{text-align:right;padding-right:18px;color:#666;font-size:18px}
.fbip-value,.fbip-select-value,.fbip-textarea-value{border:1px solid #d5d9df;border-radius:7px;background:#fff;min-height:36px;padding:7px 12px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fbip-select-value{display:flex;justify-content:space-between;align-items:center}
.fbip-tag-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fbip-tags-row{min-height:112px;align-items:start;padding-top:12px;padding-bottom:12px}
.fbip-tags-row label{padding-top:10px}
.fbip-tag{display:inline-flex;align-items:center;border-radius:7px;padding:6px 10px;font-size:16px;border:1px solid}
.fbip-tag-blue{background:#dff0ff;border-color:#9dccf4;color:#0664b1}
.fbip-tag-red{background:#fff0f0;border-color:#ffc1c1;color:#b51618}
.fbip-add-tag{border:1px dashed #b9c0c9;border-radius:7px;padding:6px 10px;color:#555;background:#fff}
.fbip-textarea-row{align-items:start;padding-top:10px;padding-bottom:10px}
.fbip-textarea-value{white-space:normal;min-height:82px;max-height:100px;overflow:auto}
.fbip-reported-header{display:grid;grid-template-columns:68px 1fr;gap:16px;padding:22px 24px;border-bottom:1px solid #e4e7eb;align-items:start}
.fbip-small-avatar{width:56px;height:56px;object-fit:cover;border-radius:50%}
.fbip-reported-name{max-width:280px;margin-bottom:6px}
.fbip-date-field{max-width:320px;margin-top:8px}
.fbip-content-image-box{border:1px solid #d8dce2;border-radius:8px;margin:16px 24px;height:265px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.fbip-content-image-box img{max-width:100%;height:100%;object-fit:contain;display:block}
.fbip-ai-box{border:1px solid #e1e5eb;background:#fafbfc;border-radius:8px;margin:0 24px 16px;padding:12px}
.fbip-ai-box label{display:block;color:#666;font-size:18px;margin-bottom:8px}
.fbip-ai-content{border:1px solid #d7dce2;background:#fff;border-radius:7px;min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;padding:14px;white-space:pre-line}
.fbip-post-metrics{display:flex;align-items:center;gap:14px;padding:14px 24px;border-top:1px solid #e4e7eb}
.fbip-post-metrics label,.fbip-caption-row label{color:#666;font-size:18px}
.fbip-small-input{width:90px}
.fbip-caption-row{display:grid;grid-template-columns:34% 66%;gap:14px;align-items:start;padding:14px 24px;border-top:1px solid #e4e7eb}
.fbip-caption-row label{text-align:right;padding-top:10px}
.fbip-caption-box{border:1px solid #d7dce2;border-radius:7px;min-height:82px;padding:10px 12px;font-size:18px}
.fbip-post-footer-status{border-top:1px solid #e4e7eb;padding:14px 24px;color:#d71920;font-weight:700;font-size:20px}
.fbip-advanced-box{margin-top:14px;border:1px solid var(--fbip-border);border-radius:14px;padding:14px 18px;background:#fff;box-shadow:var(--fbip-shadow)}
.fbip-advanced-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px;color:#333;font-size:14px}
.fbip-risk{display:grid;grid-template-columns:100px 1fr 60px;gap:10px;align-items:center;margin-top:12px}
.fbip-risk-track{height:12px;background:#e8ebef;border-radius:999px;overflow:hidden}
.fbip-risk-track i{display:block;height:100%;background:linear-gradient(90deg,#32c76f,#f7c948,#ef4444);border-radius:999px}
.fbip-reviewer-note{margin-top:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:14px 18px}
.fbip-reviewer-note label{font-weight:700;display:block;margin-bottom:7px}
.fbip-reviewer-note textarea{width:100%;min-height:75px;border:1px solid #d3d7de;border-radius:8px;padding:10px;background:#fbfbfc}
.fbip-reviewer-note small{display:block;color:#666;margin-top:4px}
.fbip-submit-form{max-width:1100px;margin:20px auto;background:#fff;border:1px solid var(--fbip-border);border-radius:16px;padding:22px;box-shadow:var(--fbip-shadow);font-family:Arial,Helvetica,sans-serif}
.fbip-submit-form h2{margin-top:0;font-size:26px}
.fbip-submit-form fieldset{border:1px solid #e1e5eb;border-radius:12px;margin:0 0 18px;padding:16px}
.fbip-submit-form legend{font-weight:800;padding:0 8px}
.fbip-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.fbip-form-field span{display:block;font-size:14px;color:#555;margin-bottom:6px}
.fbip-form-field input,.fbip-form-field textarea,.fbip-form-field select{width:100%;border:1px solid #d4d9e0;border-radius:8px;padding:10px;font-size:15px;background:#fff}
.fbip-form-textarea,.fbip-form-image{grid-column:span 2}
.fbip-submit-button{background:#111827;color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:16px;cursor:pointer}
.fbip-alert{max-width:1100px;margin:14px auto;border-left:4px solid #16a34a;background:#ecfdf3;padding:12px;border-radius:8px}
.fbip-list{max-width:900px;margin:20px auto;display:grid;gap:10px}
.fbip-list a{display:flex;justify-content:space-between;border:1px solid #e1e5eb;background:#fff;border-radius:10px;padding:14px;text-decoration:none;color:#111}
.fbip-dark{--fbip-bg:#101827;--fbip-text:#e5e7eb;--fbip-border:#374151;--fbip-soft:#111827}
.fbip-dark .fbip-panel,.fbip-dark .fbip-actionbar,.fbip-dark .fbip-advanced-box,.fbip-dark .fbip-reviewer-note{background:#111827;color:#e5e7eb;border-color:#374151}
.fbip-dark .fbip-panel-title{background:#0f172a;border-color:#374151}
.fbip-dark .fbip-panel-title h2{color:#fff}
.fbip-dark .fbip-fake-input,.fbip-dark .fbip-value,.fbip-dark .fbip-select-value,.fbip-dark .fbip-textarea-value,.fbip-dark .fbip-ai-content,.fbip-dark .fbip-caption-box{background:#0b1220;color:#e5e7eb;border-color:#374151}
.fbip-masked .sensitive{filter:blur(5px);user-select:none}
@media(max-width:900px){
  .fbip-dashboard{grid-template-columns:1fr}
  .fbip-owner-top{grid-template-columns:90px 1fr;padding:18px}
  .fbip-avatar-wrap,.fbip-avatar{width:76px;height:76px}
  .fbip-stat-grid{gap:8px}
  .fbip-detail-row{grid-template-columns:1fr;padding:10px 14px}
  .fbip-detail-row label{text-align:left;padding:0 0 6px}
  .fbip-caption-row{grid-template-columns:1fr}
  .fbip-caption-row label{text-align:left}
  .fbip-advanced-grid{grid-template-columns:1fr}
  .fbip-form-grid{grid-template-columns:1fr}
  .fbip-form-textarea,.fbip-form-image{grid-column:span 1}
}
@media print{
  body{background:#fff!important}
  .fbip-no-print,.fbip-actionbar,.fbip-reviewer-note,header,footer,.site-header,.site-footer,#wpadminbar{display:none!important}
  .fbip-shell{max-width:100%;margin:0!important}
  .fbip-dashboard{gap:8px;grid-template-columns:43% 57%}
  .fbip-panel,.fbip-advanced-box{box-shadow:none!important;border-color:#cfd4dc!important;break-inside:avoid}
  .fbip-panel-title{height:44px}
  .fbip-panel-title h2{font-size:17px}
  .fbip-owner-top{padding:14px}
  .fbip-detail-row{min-height:39px;font-size:12px;padding:0 10px}
  .fbip-detail-row label,.fbip-value,.fbip-select-value,.fbip-textarea-value,.fbip-post-metrics label,.fbip-caption-row label{font-size:12px}
  .fbip-fake-input{font-size:13px;height:26px;line-height:18px}
  .fbip-fake-wrap small{font-size:11px}
  .fbip-content-image-box{height:170px;margin:10px 14px}
  .fbip-ai-content{min-height:80px;font-size:13px}
  .fbip-advanced-grid{font-size:11px}
}


/* === v2.1 Exact screenshot + PDF one-page fix === */
.fbip-shell{max-width:1488px;width:100%;}
.fbip-dashboard{align-items:start;}
.fbip-content-image-box img{object-fit:contain;background:#fff;}

/* Keep the dashboard like the reference screenshot on mobile too.
   User can scroll horizontally instead of fields breaking/cropping. */
@media(max-width:900px){
  .fbip-shell{max-width:100%;overflow-x:auto;padding:0 6px 14px;-webkit-overflow-scrolling:touch;}
  .fbip-actionbar{min-width:1228px;}
  .fbip-dashboard{display:grid!important;grid-template-columns:520px 692px!important;gap:16px!important;min-width:1228px!important;}
  .fbip-owner-top{grid-template-columns:120px 1fr!important;padding:24px 26px 22px!important;}
  .fbip-avatar-wrap,.fbip-avatar{width:96px!important;height:96px!important;}
  .fbip-detail-row{grid-template-columns:45% 55%!important;min-height:56px!important;padding:0 22px!important;}
  .fbip-detail-row label{text-align:right!important;padding-right:18px!important;font-size:18px!important;}
  .fbip-value,.fbip-select-value,.fbip-textarea-value{font-size:18px!important;}
  .fbip-caption-row{grid-template-columns:34% 66%!important;}
  .fbip-caption-row label{text-align:right!important;}
  .fbip-advanced-grid{grid-template-columns:repeat(3,1fr)!important;}
  .fbip-form-grid{grid-template-columns:1fr!important;}
  .fbip-form-textarea,.fbip-form-image{grid-column:span 1!important;}
}

/* Browser print fallback: landscape and compact, no theme/header/floating elements */
@page{size:A4 landscape;margin:5mm;}
@media print{
  html,body{width:297mm!important;min-height:210mm!important;margin:0!important;background:#fff!important;overflow:visible!important;}
  body *{visibility:hidden!important;}
  .fbip-shell,.fbip-shell *{visibility:visible!important;}
  .fbip-shell{position:absolute!important;left:0!important;top:0!important;width:287mm!important;max-width:287mm!important;margin:0!important;padding:0!important;overflow:visible!important;font-family:Arial,Helvetica,sans-serif!important;}
  .fbip-no-print,.fbip-actionbar,.fbip-reviewer-note,.fbip-advanced-box,header,footer,.site-header,.site-footer,#wpadminbar,iframe,[class*="chat"],[id*="chat"],[class*="whatsapp"],[id*="whatsapp"]{display:none!important;visibility:hidden!important;}
  .fbip-dashboard{display:grid!important;grid-template-columns:121mm 160mm!important;gap:4mm!important;width:285mm!important;min-width:0!important;align-items:start!important;}
  .fbip-panel{border:0.25mm solid #d9dde3!important;border-radius:2.5mm!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important;break-inside:avoid!important;page-break-inside:avoid!important;}
  .fbip-panel-title{height:11mm!important;padding:0 5mm!important;border-bottom:0.25mm solid #e4e7eb!important;}
  .fbip-panel-title h2{font-size:13pt!important;line-height:1!important;margin:0!important;}
  .fbip-panel-title span{font-size:10pt!important;}
  .fbip-owner-top{display:grid!important;grid-template-columns:24mm 1fr!important;gap:6mm!important;padding:6mm 6mm 5mm!important;border-bottom:0.25mm solid #e4e7eb!important;}
  .fbip-avatar-wrap,.fbip-avatar{width:22mm!important;height:22mm!important;}
  .fbip-plus{width:7mm!important;height:7mm!important;font-size:12pt!important;line-height:6mm!important;right:-1mm!important;bottom:1mm!important;}
  .fbip-stat-grid{grid-template-columns:repeat(3,1fr)!important;gap:5mm!important;max-width:none!important;margin-bottom:2.5mm!important;}
  .fbip-fake-input{height:7.2mm!important;font-size:10pt!important;line-height:5mm!important;border-radius:1.5mm!important;padding:1mm 2.4mm!important;}
  .fbip-fake-wrap small{font-size:8.5pt!important;margin-top:.3mm!important;}
  .fbip-name-row{max-width:54mm!important;margin-bottom:2mm!important;}
  .fbip-username-row{gap:4mm!important;}
  .fbip-username-row .fbip-fake-wrap{width:54mm!important;}
  .fbip-badge-yellow{font-size:9pt!important;border-radius:4mm!important;padding:1.4mm 3mm!important;}
  .fbip-detail-row{display:grid!important;grid-template-columns:50mm 1fr!important;min-height:11mm!important;padding:0 5mm!important;border-bottom:0.25mm solid #e4e7eb!important;align-items:center!important;}
  .fbip-detail-row label{font-size:9pt!important;text-align:right!important;padding-right:4mm!important;color:#666!important;}
  .fbip-value,.fbip-select-value,.fbip-textarea-value{min-height:7.4mm!important;font-size:9pt!important;border-radius:1.5mm!important;padding:1.3mm 2.5mm!important;white-space:nowrap!important;}
  .fbip-tags-row{min-height:19mm!important;padding-top:2.5mm!important;padding-bottom:2.5mm!important;}
  .fbip-tags-row label{padding-top:1.6mm!important;}
  .fbip-tag{font-size:8.5pt!important;padding:1.2mm 2.4mm!important;border-radius:1.4mm!important;}
  .fbip-tag-wrap{gap:1.7mm!important;}
  .fbip-textarea-row{min-height:23mm!important;padding-top:2mm!important;padding-bottom:2mm!important;align-items:start!important;}
  .fbip-textarea-value{min-height:19mm!important;max-height:19mm!important;overflow:hidden!important;white-space:normal!important;font-size:9pt!important;line-height:1.28!important;}
  .fbip-reported-header{display:grid!important;grid-template-columns:15mm 1fr!important;gap:4mm!important;padding:6mm 6mm 4mm!important;border-bottom:0.25mm solid #e4e7eb!important;}
  .fbip-small-avatar{width:13mm!important;height:13mm!important;}
  .fbip-reported-name{max-width:70mm!important;margin-bottom:1.5mm!important;}
  .fbip-date-field{max-width:68mm!important;margin-top:2mm!important;}
  .fbip-content-image-box{height:66mm!important;margin:4mm 6mm!important;border-radius:1.5mm!important;}
  .fbip-ai-box{margin:0 6mm 4mm!important;padding:3mm!important;border-radius:1.5mm!important;}
  .fbip-ai-box label{font-size:10pt!important;margin-bottom:2mm!important;}
  .fbip-ai-content{min-height:31mm!important;font-size:10pt!important;padding:3mm!important;border-radius:1.5mm!important;}
  .fbip-post-metrics{padding:3.5mm 6mm!important;gap:4mm!important;border-top:0.25mm solid #e4e7eb!important;}
  .fbip-post-metrics label,.fbip-caption-row label{font-size:9.5pt!important;}
  .fbip-small-input{width:22mm!important;}
  .fbip-caption-row{display:grid!important;grid-template-columns:62mm 1fr!important;padding:4mm 6mm!important;gap:4mm!important;border-top:0.25mm solid #e4e7eb!important;}
  .fbip-caption-row label{text-align:right!important;padding-top:2mm!important;}
  .fbip-caption-box{min-height:25mm!important;font-size:10pt!important;padding:2.5mm!important;border-radius:1.5mm!important;}
  .fbip-post-footer-status{padding:3.5mm 6mm!important;font-size:12pt!important;border-top:0.25mm solid #e4e7eb!important;}
}


/* v2.2 compact one-page PDF override: prevents Page 2/cropping on mobile print preview */
@media print{
  .fbip-reported-header{padding:5mm 6mm 3.2mm!important;}
  .fbip-content-image-box{height:58mm!important;margin:3.2mm 6mm!important;}
  .fbip-ai-box{margin:0 6mm 3mm!important;padding:2.5mm!important;}
  .fbip-ai-box label{font-size:9.5pt!important;margin-bottom:1.5mm!important;}
  .fbip-ai-content{min-height:26mm!important;font-size:9.5pt!important;padding:2.5mm!important;}
  .fbip-post-metrics{padding:3mm 6mm!important;}
  .fbip-caption-row{padding:3mm 6mm!important;}
  .fbip-caption-box{min-height:22mm!important;font-size:9.5pt!important;}
  .fbip-post-footer-status{padding:2.8mm 6mm!important;font-size:11.5pt!important;}
}