/* ============================================================
   RAJYA RATNA — Front-end styles
   ============================================================ */
:root{
  --rr-gold:#C9A84C; --rr-gold2:#F0D080; --rr-navy:#0D1B3E; --rr-navy2:#1A2F5A;
  --rr-off:#F8F5EF; --rr-gray:#E8E4DC; --rr-text:#2a2a2a; --rr-success:#10B981; --rr-danger:#EF4444;
}
.rr-app, .rr-profile-wrap, .rr-dashboard { font-family:'Inter',-apple-system,sans-serif; color:var(--rr-text); }

/* ----- Google login button ----- */
.rr-google-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #dadce0;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:500;color:#3c4043;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s}
.rr-google-btn:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);color:#3c4043}
.rr-logged-in-chip{font-size:.85rem;color:#555}
.rr-logged-in-chip a{color:var(--rr-danger)}
.rr-notice{background:#FEF9EC;border:1px solid var(--rr-gold);border-radius:10px;padding:1.25rem 1.5rem;font-size:.95rem;color:#555;max-width:600px;margin:2rem auto}
.rr-notice a{color:var(--rr-navy);font-weight:600}

.rr-login-wrap{max-width:380px;margin:0 auto}
.rr-login-sub{font-size:.72rem;color:#999;text-align:center;margin-top:.8rem}
.rr-notice-sm{font-size:.82rem;color:#888;text-align:center;padding:.6rem}

/* ---- Email & Password tab ---- */
.rr-email-subtabs{display:flex;gap:6px;margin-bottom:1rem;background:var(--rr-off);border-radius:8px;padding:4px}
.rr-email-subtab{flex:1;background:none;border:none;padding:7px;font-size:.78rem;font-weight:600;color:#888;border-radius:6px;cursor:pointer}
.rr-email-subtab.active{background:#fff;color:var(--rr-navy);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.rr-email-form .rr-form-group{margin-bottom:.7rem}
.rr-email-form label{display:block;font-size:.74rem;font-weight:600;color:#666;margin-bottom:4px}
.rr-email-form input{width:100%;border:1.5px solid var(--rr-gray);border-radius:7px;padding:9px 11px;font-size:.85rem;outline:none}
.rr-email-form input:focus{border-color:var(--rr-gold)}

/* ---- Subscriber Hub ---- */
.rr-hub-wrap{max-width:760px;margin:2rem auto}
.rr-hub-greet{text-align:center;margin-bottom:1.75rem}
.rr-hub-greet-name{font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;font-weight:700;color:var(--rr-navy)}
.rr-hub-greet-sub{font-size:.78rem;color:var(--rr-gold);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
.rr-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:2rem}
.rr-hub-card{background:#fff;border:1px solid var(--rr-gray);border-radius:12px;padding:1.5rem 1.25rem;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.rr-hub-card-gold{border-color:var(--rr-gold);background:linear-gradient(180deg,#FFFDF7,#fff)}
.rr-hub-card-icon{font-size:1.8rem;margin-bottom:.6rem}
.rr-hub-card-title{font-weight:700;color:var(--rr-navy);font-size:.95rem;margin-bottom:.4rem}
.rr-hub-card-text{font-size:.78rem;color:#888;margin-bottom:1rem;line-height:1.5}
.rr-btn-outline{background:#fff;border:1.5px solid var(--rr-navy);color:var(--rr-navy)}
.rr-btn-outline:hover{background:var(--rr-navy);color:#fff}
.rr-hub-status{background:#fff;border:1px solid var(--rr-gray);border-radius:12px;padding:1.25rem 1.5rem}
.rr-hub-status-head{font-weight:700;color:var(--rr-navy);font-size:.9rem;margin-bottom:.9rem}

/* ---- News submission status list ---- */
.rr-news-list{display:flex;flex-direction:column;gap:0}
.rr-news-row{display:flex;align-items:center;gap:12px;padding:.7rem 0;border-bottom:1px solid var(--rr-off)}
.rr-news-row:last-child{border-bottom:none}
.rr-news-title{flex:1;font-size:.85rem;font-weight:500;color:var(--rr-text)}
.rr-news-date{font-size:.74rem;color:#999;white-space:nowrap}
.rr-news-status{font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}
.rr-status-published{background:#D1FAE5;color:#065F46}
.rr-status-pending{background:#FEF3C7;color:#92400E}
.rr-status-draft{background:#E5E7EB;color:#4B5563}

@media(max-width:640px){
    .rr-hub-grid{grid-template-columns:1fr}
}
.rr-login-tabs{display:flex;border-bottom:2px solid var(--rr-gray);margin-bottom:1.1rem}
.rr-login-tab{flex:1;background:none;border:none;padding:.7rem .4rem;font-size:.78rem;font-weight:600;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}
.rr-login-tab:hover{color:var(--rr-navy)}
.rr-login-tab.active{color:var(--rr-navy);border-bottom-color:var(--rr-gold)}
.rr-login-pane{display:none}
.rr-login-pane.active{display:block}
.rr-login-pane-google{text-align:center}
.rr-otp-phone-row{display:flex;align-items:center;border:1.5px solid var(--rr-gray);margin-bottom:10px;height: 35px;border-radius:8px;overflow:hidden}
.rr-otp-prefix{padding:10px 10px;background:var(--rr-off);color:#555;font-size:.85rem;font-weight:600;border-right:1.5px solid var(--rr-gray)}
.rr-otp-phone-row input{border:none!important;border-radius:0!important}
.rr-otp-step-code #rr-otp-code{letter-spacing:6px;text-align:center;font-size:1.1rem;font-weight:700}
.rr-otp-resend{margin-top:.7rem;font-size:.76rem;color:#888;text-align:center}
.rr-otp-resend a{color:var(--rr-navy);font-weight:600;text-decoration:none}
.rr-otp-resend a:hover{color:var(--rr-gold)}
.rr-login-wrap .rr-form-msg{margin-top:.7rem;font-size:.82rem;text-align:center;min-height:1.2em}

/* ----- Buttons ----- */
.rr-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .2s}
.rr-btn-gold{background:#dc3545;color:#fff}.rr-btn-gold:hover{background:#5d1010;color:#fff}
.rr-btn-sm{padding:6px 12px;font-size:.78rem;background:#eee;color:#444}
.rr-btn-full{width:100%;justify-content:center;padding:8px}

/* ============================================================
   PROFILE FORM
   ============================================================ */
.rr-profile-wrap{max-width:760px;margin:2rem auto;background:#fff;border-radius:14px;box-shadow:0 4px 30px rgba(0,0,0,.06);padding:2rem}
.rr-profile-header h2{font-family:Georgia,'Times New Roman',serif;color:var(--rr-navy);font-size:1.5rem;margin-bottom:.3rem}
.rr-profile-header p{color:#888;font-size:.88rem;margin-bottom:1.5rem}

/* ---- Profile v2: premium compact executive layout ---- */
.rr-profile-v2{max-width:600px;padding:0;overflow:hidden;margin-left:auto;margin-right:auto}
@media(min-width:900px){ .rr-profile-v2{max-width:820px} }
.rr-profile-hero{background:linear-gradient(135deg,var(--rr-navy),var(--rr-navy2));padding:1.75rem 1.75rem 1.4rem}
.rr-profile-id-card{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(201,168,76,.35);border-radius:12px;padding:14px 16px}
.rr-id-photo{width:56px;height:56px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.1);border:2px solid var(--rr-gold);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.rr-id-photo img{width:100%;height:100%;object-fit:cover}
.rr-id-photo svg{width:26px;height:26px;fill:rgba(255,255,255,.35)}
.rr-id-info{flex:1;min-width:0}
.rr-id-name{font-family:Georgia,'Times New Roman',serif;font-size:1.15rem;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-id-role{font-size:.7rem;color:var(--rr-gold2);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-id-company{font-size:.72rem;color:rgba(255,255,255,.6);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-id-logo{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.92);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rr-id-logo img{max-width:80%;max-height:80%;object-fit:contain}
.rr-profile-tag{font-size:.72rem;color:rgba(255,255,255,.5);margin-top:.8rem;text-align:center}

.rr-form-v2{padding:1.5rem 1.75rem 1.75rem}
.rr-fsec{margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--rr-off)}
.rr-fsec:last-of-type{border-bottom:none;margin-bottom:1rem;padding-bottom:0}
.rr-fsec-head{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--rr-navy);letter-spacing:.3px;margin-bottom:.9rem}
.rr-fsec-num{width:20px;height:20px;border-radius:50%;background:var(--rr-gold);color:var(--rr-navy);font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rr-form-v2 .rr-form-grid{gap:.75rem;margin-bottom:.9rem}
.rr-form-v2 .rr-form-group input,.rr-form-v2 .rr-form-group select,.rr-form-v2 .rr-form-group textarea{padding:9px 11px;font-size:.84rem;border-radius:7px}
.rr-form-v2 .rr-form-full{margin-bottom:0}
.rr-upload-box-sm{height:80px;border-radius:8px}
.rr-upload-box-sm .rr-upload-placeholder{font-size:.7rem;gap:4px}
.rr-upload-box-sm .rr-upload-placeholder span:first-child{font-size:1.1rem}

/* Desktop: 4 fields per row. Fields can span 2 (e.g. Company Name). */
.rr-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}
.rr-form-grid-2{grid-template-columns:repeat(2,1fr)}
.rr-span-2{grid-column:span 2}

/* Tablet: 2 per row */
@media(max-width:1024px){
    .rr-form-grid{grid-template-columns:repeat(2,1fr)}
}
/* Mobile: 1 per row, exactly as requested */
@media(max-width:640px){
    .rr-form-grid{grid-template-columns:1fr}
    .rr-span-2{grid-column:span 1}
}
.rr-form-group label{display:block;font-size:.78rem;font-weight:600;color:#555;margin-bottom:5px;letter-spacing:.3px}
.rr-form-group input,.rr-form-group select,.rr-form-group textarea{width:100%;border:1.5px solid var(--rr-gray);border-radius:8px;padding:10px 12px;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s}
.rr-form-group input:focus,.rr-form-group select:focus,.rr-form-group textarea:focus{border-color:var(--rr-gold)}
.rr-form-full{margin-bottom:1rem}
.rr-upload-box{position:relative;border:2px dashed var(--rr-gray);border-radius:10px;height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#FAFAF7}
.rr-upload-box:hover{border-color:var(--rr-gold)}
.rr-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#bbb;font-size:.78rem}
.rr-upload-placeholder i{font-size:1.5rem}
.rr-upload-preview{width:100%;height:100%;object-fit:cover}
.rr-upload-input{display:none}
.rr-form-msg{margin-top:1rem;font-size:.85rem;text-align:center;font-weight:500}

/* ============================================================
   GALLERY
   ============================================================ */
.rr-app{max-width:1280px;margin:0 auto;padding:1rem}
.rr-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.6rem}
.rr-toolbar-search input{border:1.5px solid var(--rr-gray);border-radius:9px;padding:10px 14px;font-size:.85rem;width:280px;max-width:100%;outline:none}
.rr-toolbar-search input:focus{border-color:var(--rr-gold)}
.rr-toolbar-stats{font-size:.8rem;color:#999}

.rr-filter-bar{display:flex;gap:0;overflow-x:auto;border-bottom:2px solid var(--rr-gray);margin-bottom:1.25rem;scrollbar-width:none}
.rr-filter-bar::-webkit-scrollbar{display:none}
.rr-ftab{background:none;border:none;padding:10px 16px;font-size:.82rem;font-weight:500;color:#888;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:5px}
.rr-ftab:hover{color:var(--rr-navy)}
.rr-ftab.active{color:var(--rr-navy);border-bottom-color:var(--rr-gold);font-weight:700}
.rr-fc{background:var(--rr-gray);color:#666;font-size:.68rem;padding:1px 6px;border-radius:9px}
.rr-ftab.active .rr-fc{background:var(--rr-gold);color:var(--rr-navy)}

.rr-tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem}
@media(max-width:480px){.rr-tgrid{grid-template-columns:repeat(2,1fr);gap:.6rem}}
.rr-tcard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);cursor:pointer;transition:all .22s;border:2px solid transparent;position:relative}
.rr-tcard:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.14);border-color:var(--rr-gold)}
.rr-tcard-thumb{width:100%;aspect-ratio:.714;overflow:hidden;position:relative;background:#F4F2ED}
.rr-tcard-thumb iframe{position:absolute!important;top:0!important;left:0!important;width:600px!important;height:840px!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;transform-origin:top left!important;pointer-events:none!important;border:none!important;display:block!important;background:#F4F2ED}
.rr-tcard-overlay{position:absolute;inset:0;background:rgba(13,27,62,0);transition:background .22s;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0}
.rr-tcard:hover .rr-tcard-overlay{background:rgba(13,27,62,.6);opacity:1}
.rr-obtn{background:var(--rr-gold);color:var(--rr-navy);border:none;padding:7px 13px;border-radius:7px;font-size:.74rem;font-weight:700;cursor:pointer}
.rr-tcard-info{padding:9px 11px 11px}
.rr-tcard-cat{font-size:.62rem;font-weight:600;color:#bbb;text-transform:uppercase;margin-bottom:3px;letter-spacing:.5px}
.rr-tcard-name{font-size:.82rem;font-weight:700;color:var(--rr-navy);margin-bottom:4px}
.rr-tcard-foot{display:flex;justify-content:space-between;align-items:center}
.rr-tcard-price{font-size:.82rem;font-weight:800;color:var(--rr-gold);letter-spacing:.3px}
.rr-price-tag{font-weight:800;color:var(--rr-gold)}
.rr-tcard-price{font-size:.8rem;font-weight:700;color:#8B6914}
.rr-tbadge{position:absolute;top:8px;left:8px;font-size:.6rem;font-weight:700;padding:3px 7px;border-radius:5px;z-index:2}
.rr-badge-popular{background:var(--rr-gold);color:var(--rr-navy)}
.rr-badge-new{background:#10B981;color:#fff}
.rr-badge-award{background:#8B5CF6;color:#fff}
.rr-badge-soldout{background:#374151;color:#fff}

.rr-availability-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}
.rr-avail-chip{display:flex;flex-direction:column;gap:1px;background:var(--rr-off);border:1px solid var(--rr-gray);border-radius:8px;padding:6px 12px;font-size:.72rem}
.rr-avail-chip .rr-avail-lbl{color:#888;font-weight:600}
.rr-avail-chip .rr-avail-count{color:var(--rr-navy);font-weight:700}
.rr-avail-chip.rr-avail-low{border-color:#F59E0B}
.rr-avail-chip.rr-avail-low .rr-avail-count{color:#B45309}
.rr-avail-chip.rr-avail-full{border-color:#374151;background:#F3F4F6}
.rr-avail-chip.rr-avail-full .rr-avail-count{color:#374151}

.rr-tcard-soldout{opacity:.6}
.rr-tcard-soldout .rr-tcard-thumb{filter:grayscale(.5)}
.rr-tcard-soldout-lbl{font-size:.68rem;font-weight:700;color:#EF4444}
.rr-empty{grid-column:1/-1;text-align:center;padding:3rem;color:#bbb}

/* ----- Modal ----- */
.rr-modal-wrap{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99999;align-items:center;justify-content:center;backdrop-filter:blur(3px)}
.rr-modal-wrap.open{display:flex}
.rr-modal{background:#fff;border-radius:14px;width:96%;max-width:820px;max-height:94vh;overflow:hidden;display:flex;flex-direction:column}
.rr-modal-head{padding:.85rem 1.1rem;display:flex;justify-content:space-between;align-items:center;background:var(--rr-navy)}
.rr-modal-head h3{color:var(--rr-gold);font-family:Georgia,'Times New Roman',serif;font-size:.95rem;margin:0}
.rr-mcls{background:rgba(255,255,255,.1);border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:1.1rem;cursor:pointer;line-height:1}
.rr-modal-body{display:grid;grid-template-columns:1fr 260px;overflow:hidden;flex:1}
@media(max-width:600px){.rr-modal-body{grid-template-columns:1fr}}
.rr-mpreview{background:#E8E4DC;display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow:auto}
.rr-mframe-box{width:340px;height:476px;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,.28);background:#F4F2ED;flex-shrink:0}
.rr-mframe{position:absolute!important;top:0!important;left:0!important;width:600px!important;height:840px!important;max-width:none!important;max-height:none!important;transform-origin:top left!important;border:none!important;display:block!important}
@media(max-width:600px){.rr-mpreview{padding:.75rem}.rr-mframe-box{width:260px;height:364px}}
.rr-mside{padding:1.1rem;overflow-y:auto;border-left:1px solid var(--rr-gray);display:flex;flex-direction:column;gap:.6rem}
.rr-mside h4{font-family:Georgia,'Times New Roman',serif;color:var(--rr-navy);font-size:1.05rem;margin:0}
.rr-mprice{font-size:1.5rem;font-weight:700;color:var(--rr-navy)}
.rr-mprice-note{font-size:.68rem;color:#bbb;margin-top:-8px}
.rr-feature-list{list-style:none;padding:0;margin:0;font-size:.78rem;color:#555;line-height:2}
input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="tel"], form select, textarea{border:1.5px solid var(--rr-gray);}
/* ============================================================
   EDITOR
   ============================================================ */
#rr-editor-view{margin-top:.5rem}
.rr-editor-layout{display:grid;grid-template-columns:260px 1fr 230px;gap:0;border:1px solid var(--rr-gray);border-radius:12px;overflow:hidden;min-height:640px}
@media(max-width:900px){.rr-editor-layout{grid-template-columns:1fr;display:flex;flex-direction:column}}

.rr-el,.rr-er{background:#fff;overflow-y:auto;max-height:920px}
.rr-el{border-right:1px solid var(--rr-gray)}
.rr-er{border-left:1px solid var(--rr-gray)}
@media(max-width:900px){.rr-el,.rr-er{max-height:280px;border:none;border-bottom:1px solid var(--rr-gray)}}

.rr-el-head,.rr-er-head{background:var(--rr-navy);padding:.7rem 1rem}
.rr-el-head h3,.rr-er-head h3{color:var(--rr-gold);font-family:Georgia,'Times New Roman',serif;font-size:.88rem;margin:0}

.rr-tool-sec{padding:.8rem 1rem;border-bottom:1px solid #F4F2ED}
.rr-tool-lbl{font-size:.65rem;font-weight:700;color:#aaa;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}
.rr-tf{width:100%;border:1.5px solid var(--rr-gray);border-radius:7px;padding:8px 10px;font-size:.82rem;font-family:inherit;outline:none;margin-bottom:5px;resize:vertical}
.rr-tf:focus{border-color:var(--rr-gold)}

.rr-photo-drop{width:100%;padding:14px 8px;border:2px dashed var(--rr-gray);border-radius:8px;background:#FAFAF7;cursor:pointer;text-align:center;font-size:.76rem;color:#aaa;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}
.rr-photo-drop:hover{border-color:var(--rr-gold);color:var(--rr-gold);background:#FEF9EC}
.rr-photo-drop .rr-icon{font-size:1.4rem}
.rr-photo-preview-sm{width:100%;height:84px;object-fit:cover;border-radius:6px;margin-top:6px;border:2px solid var(--rr-gold)}

.rr-ec{background:#C8C4BC;display:flex;flex-direction:column;align-items:center;padding:1rem;overflow:auto;max-height:920px}
.rr-zoom-bar{display:flex;align-items:center;gap:6px;margin-bottom:.7rem;background:rgba(255,255,255,.92);border-radius:20px;padding:5px 13px;box-shadow:0 2px 8px rgba(0,0,0,.12);position:sticky;top:0;z-index:5}
.rr-zoom-bar button{background:none;border:none;cursor:pointer;font-size:1rem;color:#555;width:24px;height:24px;border-radius:5px}
.rr-zoom-bar button:hover{background:rgba(0,0,0,.08)}
.rr-zoom-lbl{font-size:.76rem;font-weight:600;min-width:36px;text-align:center}
.rr-tpl-wrap{transform-origin:top center}
.rr-tpl-wrap iframe{width:600px!important;height:840px!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;border:none!important;display:block!important;box-shadow:0 10px 40px rgba(0,0,0,.25)}

.rr-dl-sec{padding:.8rem 1rem;border-bottom:1px solid #F4F2ED}
.rr-dl-btn{width:100%;padding:10px;border-radius:7px;font-size:.8rem;font-weight:700;cursor:pointer;border:none;background:#374151;color:#fff;margin-bottom:6px;transition:all .2s}
.rr-dl-btn:hover{background:#4B5563}
.rr-dl-gold{background:var(--rr-gold);color:var(--rr-navy)}.rr-dl-gold:hover{background:var(--rr-gold2)}
.rr-info-box{margin:.8rem 1rem;background:var(--rr-off);border:1px solid var(--rr-gray);border-radius:8px;padding:.7rem;font-size:.72rem;color:#666;line-height:1.7}
.rr-info-box strong{display:block;color:var(--rr-navy);margin-bottom:3px}

/* ============================================================
   DASHBOARD
   ============================================================ */
.rr-dashboard{max-width:1100px;margin:2rem auto;padding:0 1rem}
.rr-dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}
.rr-dash-header h2{font-family:Georgia,'Times New Roman',serif;color:var(--rr-navy);font-size:1.5rem}
.rr-dash-tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}
.rr-tab{background:#fff;border:1.5px solid var(--rr-gray);border-radius:20px;padding:7px 14px;font-size:.78rem;cursor:pointer;color:#666}
.rr-tab.active{background:var(--rr-navy);color:var(--rr-gold);border-color:var(--rr-navy)}
.rr-tab span{opacity:.6;margin-left:3px}
.rr-dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.rr-dash-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.rr-dash-thumb{height:140px;background:var(--rr-off);position:relative}
.rr-dash-thumb img{width:100%;height:100%;object-fit:cover}
.rr-dash-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:2rem}
.rr-status-badge{position:absolute;top:8px;right:8px;color:#fff;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:12px}
.rr-dash-info{padding:.9rem 1rem}
.rr-dash-title{font-weight:700;color:var(--rr-navy);font-size:.92rem;margin-bottom:3px}
.rr-dash-meta{font-size:.76rem;color:#999;margin-bottom:2px}
.rr-dash-date{font-size:.7rem;color:#bbb;margin-bottom:10px}
.rr-dash-actions{display:flex;gap:6px;flex-wrap:wrap}
.rr-pending-note{font-size:.74rem;color:#888;font-style:italic}

/* ============================================================
   TOAST
   ============================================================ */
.rr-toast{position:fixed;bottom:1.25rem;right:1.25rem;background:var(--rr-navy);color:#fff;padding:.7rem 1.15rem;border-radius:9px;font-size:.8rem;box-shadow:0 4px 20px rgba(0,0,0,.3);transform:translateY(100px);opacity:0;transition:all .3s;z-index:999999;border-left:4px solid var(--rr-gold);max-width:280px}
.rr-toast.show{transform:translateY(0);opacity:1}