/* VERVE POS R30.2.21 REMARK CLOSURE */
:root{--r21-card:color-mix(in srgb,var(--panel,#151a23) 92%,transparent);--r21-line:rgba(255,255,255,.09)}
/* Sidebar */
.vd-sidebar-head{min-height:64px!important;display:grid!important;place-items:center!important}.vd-brand-home img{width:82px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 7px 14px rgba(0,0,0,.28))}.vd-sidebar.collapsed .vd-brand-home img,.r21-sidebar-collapsed .vd-brand-home img{width:42px!important;height:42px!important;opacity:.95}.vd-sidebar-bottom.r21-bottom-ready{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 8px!important;border-top:1px solid var(--r21-line)!important;background:linear-gradient(180deg,transparent,rgba(255,255,255,.018))!important}.vd-sidebar-bottom.r21-bottom-ready button{display:grid!important;place-items:center!important;min-height:48px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.035)!important;border-radius:13px!important}.vd-sidebar-bottom.r21-bottom-ready img{max-width:32px!important;max-height:32px!important;object-fit:contain!important}.r21-verveplus-nav{margin-top:2px}
/* Diagnostics */
.r21-diagnostics{margin:14px 0 18px;padding:18px;border:1px solid var(--r21-line);border-radius:18px;background:var(--r21-card)}.r21-diag-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.r21-diag-head h3{margin:3px 0}.r21-diag-head p{margin:0;color:var(--muted)}.r21-diag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.r21-diag-card{padding:14px;border:1px solid var(--r21-line);border-radius:14px;background:rgba(255,255,255,.025);display:grid;gap:6px}.r21-diag-card span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.r21-diag-card b{font-size:13px}.r21-diag-card small{color:var(--muted);line-height:1.35}.r21-diag-card[data-state="pass"] b{color:#63d9a0}.r21-diag-card[data-state="blocked"] b,.r21-diag-card[data-state="fail"] b{color:#ff6f87}.r21-diag-card[data-state="needs-attention"] b{color:#f3c75a}.r21-diag-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.r21-diag-actions a,.r21-diag-actions button{padding:9px 12px;border:1px solid var(--r21-line);border-radius:10px;background:rgba(255,255,255,.04);color:inherit;text-decoration:none}
/* WhatsApp */
.r21-wa-ready{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin:10px 0 16px;border:1px solid var(--r21-line);border-radius:16px;background:linear-gradient(120deg,rgba(40,196,113,.07),rgba(255,77,168,.035))}.r21-wa-ready h3{margin:3px 0}.r21-wa-ready p{margin:0;color:var(--muted)}.r21-wa-ready-actions{display:flex;align-items:center;gap:10px}.r21-wa-ready-actions b{padding:7px 10px;border-radius:999px;background:#3a2026;color:#ff8da0}.r21-wa-ready-actions b[data-ok="1"]{background:#16382a;color:#6ee6a6}.r21-wa-ready-actions a{color:inherit;text-decoration:none;border:1px solid var(--r21-line);padding:9px 12px;border-radius:10px}
/* Media */
.r21-media-view .v20-grid{gap:12px!important}.r21-media-view .v20-card{padding:16px!important;min-height:0!important}.r21-media-view .v20-card.full{grid-column:1/-1}.r21-media-view .v20-card.wide{min-height:0!important}.r21-media-view .v20-list{max-height:230px;overflow:auto}.r21-media-view .v20-browser-frame{min-height:0}.r21-media-bridge{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 12px;padding:12px 14px;border:1px solid var(--r21-line);border-radius:14px;background:rgba(255,255,255,.025)}.r21-media-bridge>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.r21-media-bridge small{color:var(--muted)}.r21-media-bridge button,.r21-media-bridge a{border:1px solid var(--r21-line);background:rgba(255,255,255,.04);color:inherit;padding:8px 10px;border-radius:10px;text-decoration:none}
/* Browser */
.r21-browser-status{padding:11px 13px;border:1px solid var(--r21-line);border-radius:12px;margin:10px 0 14px;background:rgba(255,255,255,.025)}.r21-browser-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.r21-browser-grid article{border:1px solid var(--r21-line);border-radius:16px;padding:18px;background:var(--r21-card)}.r21-browser-grid article.wide{grid-column:1/-1}.r21-browser-grid article>span{font-size:10px;letter-spacing:.14em;color:#ff4da8}.r21-browser-grid h3{margin:5px 0}.r21-browser-grid p{color:var(--muted);min-height:38px}.r21-browser-grid label{display:grid;gap:6px}.r21-browser-grid input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--r21-line);background:rgba(0,0,0,.2);color:inherit}.r21-browser-grid button{margin-top:10px}
/* LIVE OPS */
.r21-liveops .v20-grid{gap:12px}.r21-liveops .v20-card{padding:16px!important}.r21-live-empty{padding:18px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;text-align:left}.r21-live-empty b{font-size:16px}.r21-live-empty p{color:var(--muted);max-width:620px}.r21-liveops .v20-row{align-items:center}
/* Recipe */
.r21-recipe{max-width:1500px!important}.r21-recipe-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.r21-recipe-head h2{font-size:32px;margin:2px 0}.r21-recipe-head p{color:var(--muted);margin:0}.r21-recipe-head label{display:grid;gap:5px;min-width:300px;font-size:11px;color:var(--muted)}.r21-recipe-head input{padding:11px 13px;border:1px solid var(--r21-line);border-radius:11px;background:rgba(255,255,255,.035);color:inherit}.r21-recipe-cats{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.r21-recipe-cats button{padding:8px 12px;border-radius:999px}.r21-recipe-cats button.active{background:#ff4da8;color:#fff;border-color:#ff4da8}.r21-recipe-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:620px}.r21-recipe-list{display:grid;align-content:start;gap:8px;max-height:720px;overflow:auto;padding-right:3px}.r21-recipe-list>button{display:grid;grid-template-columns:68px 1fr;gap:10px;text-align:left;padding:8px;border:1px solid var(--r21-line);border-radius:13px;background:rgba(255,255,255,.025);color:inherit}.r21-recipe-list>button.active{border-color:rgba(255,77,168,.6);background:rgba(255,77,168,.08)}.r21-recipe-list img{width:68px;height:68px;object-fit:cover;border-radius:9px}.r21-recipe-list span{display:grid;align-content:center;min-width:0}.r21-recipe-list small{color:#ff69b4;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.r21-recipe-list b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r21-recipe-list em{font-size:10px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r21-recipe-detail{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:16px;border:1px solid var(--r21-line);border-radius:18px;padding:18px;background:var(--r21-card)}.r21-recipe-copy{padding:10px;display:grid;align-content:start;gap:16px}.r21-recipe-copy h2{font-size:30px;margin:0}.r21-recipe-copy>p{color:var(--muted);font-size:14px}.r21-recipe-copy section{display:grid;gap:6px;padding:13px;border:1px solid var(--r21-line);border-radius:13px;background:rgba(255,255,255,.025)}.r21-recipe-copy section small{font-size:9px;letter-spacing:.12em;color:#ff69b4}.r21-recipe-copy section strong{font-size:14px;line-height:1.5}.r21-recipe-copy section p{margin:0;color:var(--muted);line-height:1.55}.r21-recipe-visual{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#0e1117;min-height:560px}.r21-recipe-visual img{max-width:100%;max-height:680px;object-fit:contain}.r21-recipe-visual span{position:absolute;left:12px;bottom:12px;padding:6px 9px;background:rgba(0,0,0,.72);border-radius:8px;font-size:9px;letter-spacing:.1em}.r21-standard-modal img{display:block;max-width:min(88vw,780px);max-height:78vh;object-fit:contain;margin:10px auto;border-radius:12px}
/* K Shield + VERA 3D presentation */
.r21-kshield{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;min-height:430px}.r21-kshield-vera{display:grid;align-content:center;justify-items:center;gap:8px;border-right:1px solid var(--r21-line)}.r21-kshield-vera>span{font-size:10px;color:#ff4da8;letter-spacing:.15em}.r21-vera3d{--rx:0deg;--ry:0deg;position:relative;width:160px;height:260px;perspective:800px;display:grid;place-items:center;isolation:isolate}.r21-vera3d:before,.r21-vera3d:after,.r21-vera3d i{content:"";position:absolute;inset:16% 16% 8%;border-radius:50%;filter:blur(22px);transform:translateZ(-40px)}.r21-vera3d:before{background:radial-gradient(circle,rgba(255,77,168,.28),transparent 62%)}.r21-vera3d:after{background:radial-gradient(circle at 70% 65%,rgba(74,210,255,.20),transparent 55%);transform:translate(13px,13px) translateZ(-55px)}.r21-vera3d img{position:relative;z-index:3;max-width:100%;max-height:100%;object-fit:contain;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(34px);transition:transform .18s ease;filter:drop-shadow(0 20px 18px rgba(0,0,0,.45)) drop-shadow(-8px -4px 12px rgba(255,77,168,.10))}.r21-kshield-flow{display:grid;grid-template-rows:auto auto 1fr auto;gap:14px}.r21-wizard-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.r21-wizard-top h2{margin:3px 0}.r21-wizard-top>b{font-size:10px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.05)}.r21-step-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.r21-step-dots i{height:4px;border-radius:999px;background:rgba(255,255,255,.08)}.r21-step-dots i.on{background:#ff4da8}.r21-wizard-body{min-height:220px}.r21-wizard-body h3{margin-top:0}.r21-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.r21-choice-grid button{text-align:left;padding:13px;border-radius:12px}.r21-choice-grid button.active{border-color:#ff4da8;background:rgba(255,77,168,.08)}.r21-guidance{padding:15px;border:1px solid var(--r21-line);border-radius:13px;background:rgba(255,255,255,.025);margin-bottom:12px}.r21-guidance p{color:var(--muted);line-height:1.55}.r21-wizard-body textarea{min-height:80px;width:100%}.r21-wizard-actions{display:flex;justify-content:space-between}.r21-finish{display:flex;gap:8px;flex-wrap:wrap}.r21-quote-card{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;min-height:300px}.r21-quote-card .r21-vera3d{width:180px;height:280px}.r21-quote-card h2{font-size:26px;line-height:1.25;margin:8px 0}.r21-quote-card p{color:var(--muted)}
/* Prayer */
#vdPrayer.r21-prayer-compact{max-width:min(980px,94vw)!important;min-height:0!important;padding:12px 14px!important;display:grid!important;grid-template-columns:92px 1fr!important;gap:12px!important}.r21-prayer-compact .vd-prayer-vera-rail{min-width:0!important}.r21-prayer-compact .vd-prayer-vera-rail img{width:78px!important;height:108px!important;object-fit:contain!important}.r21-prayer-compact .vd-prayer-quote{display:none!important}.r21-prayer-compact .vd-prayer-copy h3{font-size:16px!important;margin:2px 0 8px!important}.r21-prayer-compact .vd-prayer-times{display:grid!important;grid-template-columns:repeat(7,minmax(70px,1fr))!important;gap:5px!important}.r21-prayer-compact .vd-prayer-times>div{padding:6px 8px!important;min-height:0!important}.r21-prayer-compact .vd-prayer-staff-actions{margin-top:6px!important;font-size:9px!important;opacity:.65}.r21-prayer-compact .vd-prayer-staff-actions:has(span:empty){display:none!important}
@media(max-width:1000px){.r21-diag-grid{grid-template-columns:repeat(2,1fr)}.r21-recipe-layout{grid-template-columns:1fr}.r21-recipe-list{grid-template-columns:repeat(2,1fr);max-height:320px}.r21-recipe-detail{grid-template-columns:1fr}.r21-browser-grid{grid-template-columns:1fr}.r21-kshield{grid-template-columns:1fr}.r21-kshield-vera{border-right:0;border-bottom:1px solid var(--r21-line);grid-template-columns:110px 1fr}.r21-kshield-vera .r21-vera3d{width:100px;height:150px}.r21-prayer-compact .vd-prayer-times{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:640px){.r21-diag-grid{grid-template-columns:1fr}.r21-wa-ready,.r21-media-bridge,.r21-recipe-head{align-items:stretch;flex-direction:column}.r21-recipe-head label{min-width:0}.r21-recipe-list{grid-template-columns:1fr}.r21-choice-grid{grid-template-columns:1fr}.r21-quote-card{grid-template-columns:120px 1fr}.r21-quote-card .r21-vera3d{width:120px;height:190px}.r21-prayer-compact{grid-template-columns:1fr!important}.r21-prayer-compact .vd-prayer-vera-rail{display:none!important}.r21-prayer-compact .vd-prayer-times{grid-template-columns:repeat(2,1fr)!important}}
/* R30.2.21 native Recipe detail refinement */
.r21-recipe-detail{display:block;min-height:0}.r21-recipe-title{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 6px 16px;border-bottom:1px solid var(--r21-line)}.r21-recipe-title h2{font-size:30px;margin:2px 0 4px}.r21-recipe-title p{margin:0;color:var(--muted)}.r21-recipe-title>img{width:92px;height:92px;object-fit:cover;border-radius:16px;border:1px solid var(--r21-line);box-shadow:0 14px 34px rgba(0,0,0,.22)}.r21-recipe-panels{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;margin-top:14px}.r21-recipe-panels section{padding:16px;border:1px solid var(--r21-line);border-radius:15px;background:rgba(255,255,255,.025)}.r21-recipe-panels section>small{display:block;color:#ff69b4;font-size:9px;font-weight:800;letter-spacing:.13em;margin-bottom:10px}.r21-recipe-panels ul,.r21-recipe-panels ol{margin:0;padding-left:20px;display:grid;gap:8px}.r21-recipe-panels li{font-size:13px;line-height:1.5;color:var(--text)}.r21-quality{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 14px;margin-top:12px;padding:15px 16px;border:1px solid rgba(255,77,168,.25);border-radius:15px;background:linear-gradient(135deg,rgba(255,77,168,.07),rgba(255,255,255,.018))}.r21-quality span{grid-column:1;color:#ff69b4;font-size:9px;font-weight:800;letter-spacing:.13em}.r21-quality strong{grid-column:1;font-size:13px;line-height:1.5}.r21-quality button{grid-column:2;grid-row:1/3;align-self:center}.r21-recipe-visual{display:none!important}
@media(max-width:1000px){.r21-recipe-panels{grid-template-columns:1fr}.r21-quality{grid-template-columns:1fr}.r21-quality button{grid-column:1;grid-row:auto;justify-self:start}}
@media(max-width:640px){.r21-recipe-title>img{width:72px;height:72px}.r21-recipe-title h2{font-size:24px}}