/* CC_REVIEW_PER_PAGE_2026_09_04 — staging review bar (bottom-docked; never covers the site header) */
#cc-review{position:fixed;bottom:0;left:0;right:0;z-index:2147483000;background:#0b1020;color:#fff;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 -2px 12px rgba(0,0,0,.4);max-height:44vh;display:flex;flex-direction:column}
#cc-review *{box-sizing:border-box}
#cc-review .ccr-head{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;padding:6px 12px}
#cc-review .ccr-title{font-weight:700}
#cc-review .ccr-title small{font-weight:400;opacity:.75;margin-left:8px}
#cc-review .ccr-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cc-review button{font:inherit;min-height:40px;padding:6px 12px;border-radius:999px;border:0;cursor:pointer;color:#fff;background:#374151}
#cc-review button.ccr-primary{background:#22c55e;color:#052e16;font-weight:700}
#cc-review button.ccr-warn{background:#f59e0b;color:#1f1300;font-weight:700}
#cc-review button.ccr-plus{background:#2563eb;font-weight:700;font-size:18px;min-width:44px}
#cc-review button:disabled{opacity:.5;cursor:default}
#cc-review .ccr-panel{display:none;border-top:1px solid #1f2a44;padding:8px 12px 10px;overflow:auto;max-height:34vh}
#cc-review.ccr-open .ccr-panel{display:block}
#cc-review .ccr-menu{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
#cc-review .ccr-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
#cc-review input,#cc-review textarea{font:inherit;padding:9px 10px;border-radius:6px;border:0;min-width:140px;flex:1 1 160px;color:#111}
#cc-review textarea{min-height:44px;flex-basis:100%;padding:6px 8px}
/* CC_REVIEW_WIDE_NOTE_2026_09_05 (Raj: "make the input box wider, hard to type"): the note fills the whole row */
#cc-review .ccr-item>div{flex:1 1 auto;min-width:0}
#cc-review .ccr-item textarea{display:block;width:100%;box-sizing:border-box;min-height:68px;font-size:15px;line-height:1.35;padding:8px 10px;resize:vertical}
#cc-review .ccr-list{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:8px}
#cc-review .ccr-item{display:flex;gap:8px;align-items:flex-start;background:#111a33;border-radius:8px;padding:6px 8px}
#cc-review .ccr-item img{width:72px;height:auto;max-height:72px;object-fit:cover;border-radius:4px;background:#fff;flex:none}
#cc-review .ccr-item .ccr-meta{font-size:12px;opacity:.75;word-break:break-all}
#cc-review .ccr-item .ccr-x{margin-left:auto;min-height:32px;padding:4px 10px;background:#7f1d1d}
#cc-review .ccr-hist{font-size:13px;opacity:.9}
#cc-review .ccr-hist .ccr-done{color:#22c55e}
#cc-review .ccr-hist .ccr-openi{color:#f59e0b}
#cc-review .ccr-msg{margin-top:6px;font-size:13px;color:#93c5fd}
#cc-review .ccr-pages{font-size:12px;opacity:.8}
#cc-sel{position:fixed;inset:0;z-index:2147483001;cursor:crosshair;background:rgba(0,0,0,.25);touch-action:none}
#cc-sel .ccs-box{position:absolute;border:2px dashed #fbbf24;background:rgba(251,191,36,.15);pointer-events:none}
#cc-sel .ccs-hint{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#0b1020;color:#fff;padding:8px 14px;border-radius:999px;font:14px system-ui,sans-serif;pointer-events:none}
@media (max-width:640px){#cc-review .ccr-head{padding:8px 10px}#cc-review button{padding:8px 10px}}

/* CC_REVIEW_COMPACT_2026_09_04 */
#cc-review button.ccr-ghost{background:transparent;border:1px solid #334155;color:#cbd5e1;font-weight:400}
#cc-review button.ccr-small{min-height:28px;padding:2px 10px;font-size:12px}
#cc-review .ccr-who .ccr-whotxt{font-size:13px;opacity:.85}
#cc-review .ccr-who.ccr-compact input{display:none}
#cc-review .ccr-who:not(.ccr-compact) .ccr-whotxt,#cc-review .ccr-who:not(.ccr-compact) #ccr-who-edit{display:none}
#cc-review .ccr-item .ccr-meta{font-size:11px}
#cc-review .ccr-item label{font-size:12px;opacity:.85}
@media (max-width:640px){#cc-review{max-height:52vh}#cc-review .ccr-panel{max-height:40vh}#cc-review .ccr-title small{display:none}}