:root {
  --font-manrope: "Manrope", sans-serif;
  --font-dmsans: "DM Sans", sans-serif;
  --white-color: #fff;
  --black-color: #000000;
  --black-color-opc: 0, 0, 0;
  --dark-title-color: #1C1A1E;
  --title-color: #000000;
  --title-color-opc: 0, 0, 0;
  --title-color2: #234F40;
  --title-color2-opc: 35, 79, 64;
  --text-color: #00000099;
  --primary-color1: #CB0000;
  --primary-color1-opc: 203, 0, 0;
  --primary-color2: #FB521E;
  --primary-color2-opc: 251, 82, 30;
  --primary-color3: #8ABC46;
  --primary-color3-opc: 138, 188, 70;
  --primary-color4: #234F40;
  --primary-color4-opc: 35, 79, 64;
  --primary-color5: #CB0000;
  --primary-color5-opc: 203, 0, 0;
  --primary-color6: #233AFF;
  --primary-color6-opc: 35, 58, 255;
  --borders-color: #eee;
}
/* ─── RAR Public Styles ─────────────────────────────────────── */
.rar-page { margin-block:5%; padding: 40px 20px; min-height: 60vh; }
.rar-container { max-width: 640px; margin: 0 auto; }
.rar-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 2px 12px rgba(0,0,0,.07);
    text-align: center;
}
.rar-logo { max-height: 70px; width: auto; margin-bottom: 12px; }
.rar-site-name { font-size: 1.5rem; font-weight: 700; margin: 0 0 4px; }
.rar-site-url { color: #6b7280; font-size: .85rem; margin: 0 0 24px; }
.rar-card h2 { font-size: 1.2rem; margin: 0 0 12px; }
.rar-card h3 { font-size: 1rem; margin: 24px 0 8px; text-align: left; }

/* Results */
.rar-result { border-radius: 8px; padding: 24px; margin: 0 0 24px; margin-block:20px; }
.rar-result-success { background: #f0fdf4; border: 1px solid #86efac; color: #166534; }
.rar-result-danger  { background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; }
.rar-result-warning { background: #fffbeb; border: 1px solid #fcd34d; color: #92400e; }
.rar-result-info    { background: #eff6ff; border: 1px solid #93c5fd; color: #1e3a8a; }
.rar-result-icon { font-size: 2.5rem; margin-bottom: 8px; }
.rar-result h2 { margin: 0 0 6px; font-size: 1.2rem; margin-block:20px }
.rar-result p { margin: 0; font-size: .9rem; }

/* Table */
.rar-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.rar-table th,
.rar-table td { padding: 10px 14px; border-bottom: 1px solid #f3f4f6; text-align: left; }
.rar-table th { color: #6b7280; font-weight: 600; width: 40%; background: #fafafa; }
.rar-table tr:last-child th,
.rar-table tr:last-child td { border-bottom: none; }

/* Forms */
.rar-form { text-align: left; }
.rar-field { margin-bottom: 16px; }
.rar-field label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: 4px; color: #374151; }
.rar-field input {
    width: 100%; padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px; font-size: 1rem;
    box-sizing: border-box;
    transition: border-color .2s;
}
.rar-field input:focus { outline: none; border-color: #3b82f6; }

/* Buttons */
.rar-btn {
    display: inline-block; padding: 11px 22px;
    border-radius: 6px; font-size: .95rem; font-weight: 600;
    text-decoration: none; cursor: pointer; border: none;
    transition: background .2s;
}
.rar-btn-primary  { background: #1d4ed8; color: #fff; }
.rar-btn-primary:hover  { background: #1e40af; color: #fff; }
.rar-btn-secondary { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }
.rar-btn-secondary:hover { background: #e5e7eb; }
.rar-btn-full { width: 100%; text-align: center; }

/* Alerts */
.rar-alert { border-radius: 6px; padding: 12px 16px; margin-bottom: 16px; font-size: .9rem; }
.rar-alert-danger  { background: #fef2f2; color: #991b1b; border: 1px solid #fca5a5; }
.rar-alert-success { background: #f0fdf4; color: #166534; border: 1px solid #86efac; }

/* Badge */
.rar-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .8rem; font-weight: 600; }
.rar-badge-success { background: #dcfce7; color: #166534; }

/* Misc */
.rar-activation-form { text-align: left; border-top: 1px solid #e5e7eb; padding-top: 24px; margin-top: 16px; }
.rar-seller-info { border-top: 1px solid #e5e7eb; padding-top: 16px; margin-top: 16px; }
.rar-back-link { margin-top: 28px; font-size: .85rem; }
.rar-logout-link { font-size: .8rem; color: #9ca3af; }

/* RTL support */
[dir="rtl"] .rar-table th,
[dir="rtl"] .rar-table td { text-align: right; }

/* Mobile */
@media (max-width: 480px) {
    .rar-card { padding: 24px 16px; }
    .rar-table th { width: 45%; }
}

/* Dark mode */
/* @media (prefers-color-scheme: dark) {
    .rar-card { background: #1f2937; border-color: #374151; color: #f9fafb; }
    .rar-field input { background: #111827; border-color: #4b5563; color: #f9fafb; }
    .rar-table th { background: #111827; color: #9ca3af; }
    .rar-table th, .rar-table td { border-color: #374151; }
    .rar-result-success { background: #052e16; border-color: #166534; color: #86efac; }
    .rar-result-danger  { background: #450a0a; border-color: #991b1b; color: #fca5a5; }
    .rar-result-warning { background: #422006; border-color: #92400e; color: #fcd34d; }
    .rar-result-info    { background: #172554; border-color: #1e3a8a; color: #93c5fd; }
} */

/* ─── Scanner section ─────────────────────────────── */
.rar-scan-section { margin-bottom: 8px; }
.rar-btn-scan {
    background: var(--primary-color5); color: #fff; font-size: 1rem;
    padding: 13px 22px;
}
.rar-btn-scan:hover { background: rgba(var(--primary-color1-opc), 0.5); color: #fff; }
.rar-btn-sm { padding: 7px 14px; font-size: .85rem; }

/* Divider with text */
.rar-divider-text {
    position: relative; text-align: center;
    margin: 20px 0; color: #9ca3af; font-size: .85rem;
}
.rar-divider-text::before,
.rar-divider-text::after {
    content: ''; position: absolute; top: 50%;
    width: calc(50% - 60px); height: 1px; background: #e5e7eb;
}
.rar-divider-text::before { left: 0; }
.rar-divider-text::after  { right: 0; }

/* Logged-in bar */
.rar-logged-in-bar {
    display: flex; align-items: center; justify-content: space-between;
    background: #eff6ff; border: 1px solid #bfdbfe;
    border-radius: 6px; padding: 8px 14px;
    font-size: .85rem; color: #1e40af; margin-bottom: 16px;
}
.rar-login-prompt { margin-bottom: 16px; text-align: center; }

/* Login side section */
.rar-login-side-section {
    margin-top: 24px; padding-top: 20px;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}
.rar-login-side-text {
    font-size: .9rem; color: #6b7280;
    margin-bottom: 12px;
}

@media (max-width: 600px) {
  .rar-page {margin-block: 15%;}
 }

 @media (min-width: 601px) {
  .rar-page {margin-block: 15%;}
 }

  @media (min-width: 1160px) {
  .rar-page {margin-block: 10%;}
 }
 @media (min-width: 1360px) {
  .rar-page {margin-block: 5%;}
 }