body{font-family:Arial,sans-serif;background:#f6f7f9;color:#1f2937;margin:0}main{max-width:1100px;margin:40px auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.06)}h1{margin-top:0}nav{margin:0 0 22px}.muted{color:#64748b}.badge{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}.badge.neutral{background:#e2e8f0;color:#334155}.card{border:1px solid #e5e7eb;border-radius:10px;padding:18px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.stat{background:#f8fafc;padding:14px;border-radius:8px}.stat strong{display:block;font-size:18px;margin-top:4px}label{display:block;margin:14px 0;font-weight:600}input,select{display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:6px;border:1px solid #cbd5e1;border-radius:6px}button,.button{display:inline-block;padding:10px 16px;border:0;border-radius:6px;background:#1d4ed8;color:#fff;font-weight:700;cursor:pointer;text-decoration:none}.button.secondary{background:#475569}.error{background:#fee2e2;padding:12px;border-radius:6px;margin:12px 0}.okbox{background:#dcfce7;padding:12px;border-radius:6px;margin:12px 0}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}a{color:#1d4ed8}.readonly{background:#eff6ff;border-left:4px solid #2563eb;padding:12px;margin:14px 0}.nowrap{white-space:nowrap}.small{font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.truncate{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:6px}pre.wrap{white-space:pre-wrap;word-break:break-word;margin:0;max-width:520px}.difftext{max-height:420px;overflow:auto}.changed{background:#fff7d6}.danger{background:#b42318!important}.small{font-size:.9em}

/* v0.6.1 review-screen containment and responsive comparison */
html,body{max-width:100%;overflow-x:hidden}main{box-sizing:border-box;width:calc(100% - 32px)}
.review-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.review-heading h2{margin:0}
.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.compare-grid section{min-width:0;border:1px solid #e5e7eb;border-radius:8px;padding:14px;background:#fff;overflow:hidden}.compare-grid section h3{margin:0 0 10px;font-size:14px;color:#475569;text-transform:uppercase;letter-spacing:.04em}
.field-value{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.title-value{font-size:18px;font-weight:700;line-height:1.4}
.review-text{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;overflow:auto}.content-review{max-height:360px}.proposed-changed{background:#fffbea!important;border-color:#facc15!important}.change-badge,.same-badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.change-badge{background:#fef3c7;color:#92400e}.same-badge{background:#e2e8f0;color:#475569}
@media(max-width:760px){main{width:calc(100% - 20px);margin:10px auto;padding:16px}.compare-grid{grid-template-columns:1fr}.content-review{max-height:280px}}
/* v0.6.2 draft workflow controls */
.inline-form{display:inline;margin:0}.actions form{margin:0}.actions .danger{background:#b42318}.actions .button,.actions button{white-space:nowrap}

/* v0.6.3: force long Divi/WordPress markup to stay inside review cards */
.review-card,
.review-card .compare-grid,
.review-card .compare-grid > section {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.review-card .compare-grid {
  width: 100%;
}
.review-card pre.review-text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  word-break: break-all !important;
  line-break: anywhere;
  overflow-x: auto;
  overflow-y: auto;
}
.review-card .field-value {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}


/* v0.8.1 unified navigation */
.manager-nav,.dashboard-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 20px;padding:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}
.manager-nav a,.dashboard-nav a{display:inline-block;padding:8px 11px;border-radius:7px;text-decoration:none;font-weight:700;color:#334155}
.manager-nav a:hover,.dashboard-nav a:hover,.manager-nav a.active,.dashboard-nav a.active{background:#e0e7ff;color:#1d4ed8}
.quick-actions{margin-top:14px}.quick-actions h2{margin-top:0}.quick-action-row{display:flex;gap:8px;flex-wrap:wrap}.compact-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:850px){.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.compact-metrics{grid-template-columns:1fr}}