/* RainRocks dashboard repairs: neutral navigation, contrast, and usable editors. */
.sidebar{background:#101514;scrollbar-color:#5d746b #141b18;scrollbar-width:thin}
.sidebar::-webkit-scrollbar{width:9px}
.sidebar::-webkit-scrollbar-track{background:#141b18}
.sidebar::-webkit-scrollbar-thumb{background:#5d746b;border:2px solid #141b18;border-radius:12px}
.sidefoot{background:#101514}
.nav{align-content:start}
.nav button{min-height:40px}
.nav button.active{background:#24312b;box-shadow:inset 3px 0 #9acc73}
.rr-nav-divider{padding:18px 12px 5px;color:#82968a;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.rr-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#1c3025;border-bottom:1px solid #5f9470;color:#eaffea;font-size:13px}
.rr-preview-banner b{color:#fff}
.rr-master-sites{display:grid;gap:9px;margin-top:14px}
.rr-master-site{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) 100px auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}
.rr-master-site small{display:block;color:var(--muted)}
.rr-master-site .row{justify-content:flex-end}
.rr-post-step-controls{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.rr-post-step-panel[hidden]{display:none!important}
.rr-post-step-panel{min-height:440px}
.rr-post-step-panel .rr-editor{min-height:450px}
.rr-post-step-panel[data-step="2"]{min-height:520px}
#rrPostForm .rr-workspace{grid-template-columns:170px minmax(0,1fr) 280px}
#rrPostForm .rr-widgettray,#rrPostForm .rr-inspector{min-width:0}
.rr-post-step-heading{margin:0 0 16px;font:600 21px Space Grotesk}
.rr-post-step-help{margin:-6px 0 15px;color:var(--muted);font-size:13px}
.rr-tpl-unavailable{height:100%;display:grid;place-content:center;text-align:center;padding:20px;color:#d9eade;background:linear-gradient(145deg,#14291d,#101614)}
.rr-tpl-unavailable b{font-size:18px}
.rr-tpl-unavailable small{max-width:230px;margin:8px auto;color:#adc6b5}
.rr-tpl-preview iframe{width:200%;height:420px}
.rr-tpl-preview .rr-tpl-unavailable{height:210px}
.rr-tpl-preview .rr-preview-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.rr-tpl-full-preview-shot{display:block;width:100%;max-height:calc(100vh - 190px);object-fit:contain;object-position:top center;border-radius:14px;background:#0b100d}
.rr-palette-card{background:var(--panel);color:var(--text);cursor:pointer}
.rr-palette-card.selected{border:2px solid var(--lime)}
.rr-colorrow{grid-template-columns:140px 60px minmax(100px,1fr)}
.rr-brand-inline-preview{margin-top:18px;padding:25px;border:1px solid var(--line);border-radius:15px;transition:background .2s,color .2s}
.rr-brand-inline-preview h3{font-size:26px;margin:4px 0}
.rr-brand-inline-preview .btn{margin-top:12px}
.rr-product-grid .rr-productcard{display:flex;flex-direction:column;min-width:0}
.rr-product-grid .rr-productcard>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--panel2)}
.rr-product-grid .rr-productcard>.row:last-child{margin-top:auto;flex-wrap:wrap}
.rr-product-grid .rr-productcard h3{overflow-wrap:anywhere}
.rr-faq-section{border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px;background:var(--panel)}
.rr-faq-section .listrow{width:100%;text-align:left}
.rr-faq-section .listrow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:560px}
.rr-staff-card{display:flex;flex-direction:column;gap:8px}
.rr-staff-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;background:var(--panel2)}
.rr-staff-card .row{margin-top:auto;flex-wrap:wrap}
.rr-stocktake-grid{display:grid;grid-template-columns:minmax(300px,470px) minmax(0,1fr);gap:18px}
.rr-stocktake-code{font:700 34px Space Grotesk;letter-spacing:-.04em}
.rr-stocktake-difference{font:700 38px Space Grotesk}
.rr-stocktake-difference.negative{color:#dd5c67}
.rr-stocktake-difference.positive{color:#2b9a55}
body.rr-light{
  --bg:#f5f8f5;--panel:#fff;--panel2:#edf3ef;--card:#fff;
  --line:#d5e0d8;--muted:#52685b;--text:#12251a;--lime:#196b3e;
  --accent:#196b3e;--shadow:0 14px 36px #203e2712;
  background:#f5f8f5;color:#12251a
}
body.rr-light .sidebar,body.rr-light .sidefoot{background:#f9fbf9;color:#12251a;border-color:#d5e0d8}
body.rr-light .sidebrand,body.rr-light .userchip{color:#12251a}
body.rr-light .sidebrand .brand i{color:#176538}
body.rr-light .userchip{background:#fff;border-color:#d5e0d8}
body.rr-light .sidebrand small,body.rr-light .userchip small{color:#52685b}
body.rr-light .nav button{color:#284534}
body.rr-light .nav button:hover,body.rr-light .nav button.active{background:#e3eee6;color:#123d26}
body.rr-light .nav button.active{box-shadow:inset 3px 0 #246d42}
body.rr-light .rr-nav-divider{color:#5b7161}
body.rr-light .card,body.rr-light .block,body.rr-light .modal,body.rr-light .table,body.rr-light .tablewrap,body.rr-light .rr-client-card,body.rr-light .rr-tpl-card{background:#fff!important;color:#12251a;border-color:#d5e0d8}
body.rr-light .topbar{background:#fff!important}
body.rr-light .eyebrow,body.rr-light .good,body.rr-light .status.connected,body.rr-light .status.published,body.rr-light .status.active,body.rr-light .status.sent{color:#176538}
body.rr-light .btn.primary{background:#176538;border-color:#176538;color:#fff}
body.rr-light .btn.primary:hover{background:#0f4f2a}
body.rr-light .btn:not(.primary){background:#f2f6f3;color:#183b27;border-color:#c9d9ce}
body.rr-light .table{background:#fff}
body.rr-light .table th{color:#425c4b}
body.rr-light .table th,body.rr-light .table td{border-color:#dce7de}
body.rr-light .table tr:hover td{background:#edf5ef}
body.rr-light .status,body.rr-light .tag{background:#eaf2ec;color:#294b35}
body.rr-light .status.connected,body.rr-light .status.published,body.rr-light .status.active,body.rr-light .status.sent{background:#e4f3e8;color:#176538;border-color:#b7dbc2}
body.rr-light .rr-tpl-hero{background:#eaf2ec;color:#12251a}
body.rr-light .rr-tpl-tab,body.rr-light .rr-tab,body.rr-light .analytics-tab,body.rr-light .subnav button{color:#284534;background:#f2f7f3}
body.rr-light .rr-tpl-tab.active,body.rr-light .rr-tab.active,body.rr-light .analytics-tab.active,body.rr-light .subnav button.active{color:#fff;background:#176538}
body.rr-light .analytics-tab b{color:#173f28}
body.rr-light .analytics-tab.active b{color:#fff}
body.rr-light .tabs,body.rr-light .range,body.rr-light .analytics-toolbar .select{background:#f2f7f3;color:#163c27;border-color:#d5e0d8}
body.rr-light .tabs button.active,body.rr-light .range button.active{background:#176538;color:#fff}
body.rr-light .akpi-icon,body.rr-light .mini-avatar{background:#e1f0e5;color:#176538}
body.rr-light .gridline{stroke:#dce7de}
body.rr-light .axislabel{fill:#56705c}
body.rr-light .dot{fill:#fff;stroke:#176538}
body.rr-light .delta.up{color:#176538}
body.rr-light .donut:after,body.rr-light .healthring:after{background:#fff}
body.rr-light .funnel-bar,body.rr-light .progress{background:#dbe8de}
body.rr-light .rr-system-provider,body.rr-light .rr-system-op,body.rr-light .rr-provider-kpi,body.rr-light .rr-health-score,body.rr-light .metaitem{background:#fff;color:#12251a}
body.rr-light .rr-system-ok{color:#176538}
body.rr-light .rr-post-step-panel .rr-editor{background:#fff;color:#12251a}
body.rr-light .rr-preview-banner{background:#e7f0e8;color:#183d28}
body.rr-light .rr-preview-banner b{color:#183d28}
@media(max-width:1150px){#rrPostForm .rr-workspace{grid-template-columns:1fr}.rr-stocktake-grid{grid-template-columns:1fr}}
@media(max-width:720px){.rr-master-site{grid-template-columns:1fr 1fr}.rr-master-site .row{grid-column:1/-1;justify-content:flex-start}}
.rr-studio-preview{display:grid;gap:16px}
.rr-studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--card,#152319);border:1px solid var(--border,#36503b);border-radius:16px;padding:20px}
.rr-studio-toolbar h3{margin:5px 0;font-size:25px}
.rr-studio-toolbar p{margin:0}
.rr-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;min-height:650px}
.rr-studio-layout iframe{width:100%;height:min(75vh,800px);min-height:650px;border:1px solid var(--border,#36503b);border-radius:16px;background:#fff}
.rr-studio-colors{background:var(--card,#152319);border:1px solid var(--border,#36503b);border-radius:16px;padding:20px;overflow:auto}
.rr-studio-colors h4{margin:0 0 5px;font-size:18px}
.rr-studio-colors>p{font-size:12px;margin-bottom:18px}
.rr-studio-colors label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--border,#36503b);font-size:12px;font-weight:700}
.rr-studio-color-row{display:flex;align-items:center;gap:7px}
.rr-studio-color-row input{width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer}
.rr-studio-color-row code{font-size:10px}
@media(max-width:900px){.rr-studio-layout{grid-template-columns:1fr}.rr-studio-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.rr-studio-colors h4,.rr-studio-colors>p,.rr-studio-colors>button{grid-column:1/-1}.rr-studio-layout iframe{height:600px;min-height:0}}
@media(max-width:600px){.rr-studio-toolbar{display:block}.rr-studio-toolbar .row{margin-top:14px}.rr-studio-colors{grid-template-columns:1fr}}
