/*
Theme Name: Axentra Labs Theme
Theme URI: https://axentralabs.us/
Author: Axentra Labs
Author URI: https://axentralabs.us/
Description: A premium, modern, and responsive theme for Axentra Labs verification portal and site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: axentralabs-theme
*/

:root, [data-theme="light"] {
      --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
      --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
      --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
      --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem;
      --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem;
      --color-bg:#f7f8fa; --color-surface:#ffffff; --color-surface-2:#f5f7fa; --color-border:#e1e5eb; --color-divider:#e8ecf1;
      --color-text:#2c3e50; --color-text-muted:#64748b; --color-text-faint:#94a3b8; --color-text-inverse:#ffffff;
      --color-primary:#0d9488; --color-primary-hover:#0f766e; --color-primary-highlight:#ccfbf1;
      --shadow-sm:0 1px 2px rgba(0,0,0,.05); --shadow-md:0 10px 30px rgba(0,0,0,.08); --shadow-lg:0 24px 60px rgba(0,0,0,.12);
      --radius-sm:.5rem; --radius-md:.85rem; --radius-lg:1.25rem; --radius-xl:1.75rem; --radius-full:9999px;
      --font-body:'Satoshi', Inter, sans-serif; --font-display:'Cabinet Grotesk', Inter, sans-serif;
      --content-default:1440px;
    }
    [data-theme="dark"] {
      --color-bg:#0f172a; --color-surface:#1e293b; --color-surface-2:#334155; --color-border:#475569; --color-divider:#334155;
      --color-text:#e2e8f0; --color-text-muted:#94a3b8; --color-text-faint:#64748b; --color-text-inverse:#0f172a;
      --color-primary:#14b8a6; --color-primary-hover:#2dd4bf; --color-primary-highlight:#134e4a;
      --shadow-sm:0 1px 2px rgba(0,0,0,.25); --shadow-md:0 10px 30px rgba(0,0,0,.3); --shadow-lg:0 24px 60px rgba(0,0,0,.4);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
    body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;background:var(--color-bg);color:var(--color-text);overflow-x:hidden}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:width:0}
    img,svg{display:block;max-width:100%;height:auto} a{text-decoration:none;color:inherit} button,input,textarea{font:inherit}
    .container{width:min(calc(100% - 2rem),var(--content-default));margin-inline:auto}
    .section{padding:clamp(var(--space-12),7vw,var(--space-20)) 0}
    .eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);font-weight:700}
    .display{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.02;letter-spacing:-.04em;max-width:12ch}
    .section-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.05;letter-spacing:-.03em;margin-bottom:var(--space-4)}
    .lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:62ch}
    .muted{color:var(--color-text-muted)}
    .header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 82%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%, transparent)}
    .header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0}
    .brand{display:flex;align-items:center;gap:1.2rem;font-weight:700;font-size:1.4rem}
    .brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 50%, white));display:grid;place-items:center;color:white;box-shadow:var(--shadow-sm)}
    nav ul{display:flex;gap:var(--space-5);list-style:none;align-items:center;flex-wrap:wrap}
    nav a{font-size:var(--text-sm);color:var(--color-text-muted)}
    nav a:hover{color:var(--color-text)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.25rem;border-radius:var(--radius-full);font-weight:700;border:1px solid transparent;transition:.2s ease;min-height:44px}
    .btn-sm{padding:.75rem 1rem;min-height:35px;font-size:var(--text-sm)}
    .btn-primary{background:var(--color-primary);color:white;box-shadow:var(--shadow-sm)}
    .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}
    .btn-secondary{background:transparent;color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 12%, transparent)}
    .hero{position:relative;padding:clamp(var(--space-12),8vw,var(--space-20)) 0 var(--space-12);overflow:hidden;}
    .hero-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
    .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, var(--color-bg) 30%, color-mix(in srgb,var(--color-bg) 40%, transparent));z-index:-1;}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-10);align-items:center;position:relative;z-index:1;}
    .hero-copy{display:grid;gap:var(--space-5)}
    .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
    .hero-stat{background:var(--color-primary-highlight);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}
    .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1.2}
    .hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}
    .hero-points div,.trust-card,.service-card,.feature-card,.article-card,.case-card,.contact-card,.faq-item{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
    .hero-points div{padding:var(--space-4)}
    .hero-right{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;}
    .stats{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
    .stats .stat{padding:var(--space-4);background:var(--color-primary-highlight);border-radius:var(--radius-lg)}
    .grid-3,.grid-4,.grid-2{display:grid;gap:var(--space-5)} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)} .grid-2{grid-template-columns:repeat(2,1fr)}
    .trust-card,.service-card,.feature-card,.article-card,.case-card,.contact-card,.faq-item{padding:var(--space-6)}
    .card-title{font-family:var(--font-display);font-size:1.35rem;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-3)}
    .icon{width:2.75rem;height:2.75rem;border-radius:14px;background:var(--color-primary-highlight);display:grid;place-items:center;color:var(--color-primary);margin-bottom:var(--space-4)}
    .process-step{position:relative;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid color-mix(in srgb,var(--color-text) 10%, transparent)}
    .process-number{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--color-primary);color:white;font-size:.95rem;font-weight:700;margin-bottom:var(--space-4)}
    .band{background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border-block:1px solid color-mix(in srgb,var(--color-text) 10%, transparent)}
    .sample-report{display:grid;grid-template-columns:1fr .9fr;gap:var(--space-6);align-items:stretch}
    .report-sheet{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%, transparent);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}
    .report-top{display:flex;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-4)}
    .pill{display:inline-flex;align-items:center;padding:.45rem .8rem;border-radius:999px;background:var(--color-primary-highlight);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
    .report-table{display:grid;gap:.85rem}
    .report-row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px dashed color-mix(in srgb,var(--color-text) 12%, transparent)}
    .quote{padding:var(--space-6);background:var(--color-primary);color:white;border-radius:var(--radius-xl);display:grid;align-content:space-between;gap:var(--space-5)}
    .articles .article-card{display:grid;gap:var(--space-4)}
    .article-card a{color:var(--color-primary);font-weight:700}
    .contact-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--space-6)}
    form{display:grid;gap:var(--space-4)}
    .field{display:grid;gap:.45rem}
    label{font-size:var(--text-sm);font-weight:700}
    input,select,textarea{width:100%;padding:1rem 1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text) 12%, transparent);background:var(--color-bg);color:var(--color-text)}
    textarea{min-height:140px;resize:vertical}
    .footer{padding:var(--space-12) 0;border-top:1px solid color-mix(in srgb,var(--color-text) 10%, transparent)}
    .compliance-card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%, transparent);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}
    .testimonial-card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%, transparent);border-radius:var(--radius-lg);padding:var(--space-6)}
    .testimonial-content{margin-bottom:var(--space-4)}
    .testimonial-author{border-top:1px solid var(--color-divider);padding-top:var(--space-4)}
    .testimonial-author strong{display:block;color:var(--color-primary);margin-bottom:.5rem}
    .verified-providers{margin-top:2rem}
    .provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
    .provider-item{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%, transparent);border-radius:var(--radius-lg);padding:1.5rem}
    .provider-status{display:inline-block;padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700;margin-bottom:.8rem}
    .verified{background:var(--color-primary-highlight);color:var(--color-primary)}
    .pending{background:var(--color-divider);color:var(--color-text-muted)}
    .contact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}
    .contact-stat{text-align:center;padding:1rem;background:var(--color-primary-highlight);border-radius:var(--radius-lg)}
    .contact-stat strong{display:block;font-size:1.25rem;font-weight:700;color:var(--color-primary)}
    .footer ul{list-style:none;display:grid;gap:.75rem}
    .theme-toggle{width:44px;height:44px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text) 12%, transparent);display:grid;place-items:center;background:var(--color-surface)}
    .mobile-toggle{display:none}
    @media (max-width: 960px){
      .hero-grid,.grid-4,.grid-3,.grid-2,.sample-report,.contact-wrap{grid-template-columns:1fr}
      .hero-points,.stats{grid-template-columns:1fr}
      .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
      nav{display:none}
      nav.open{display:block;position:absolute;top:100%;left:1rem;right:1rem;background:var(--color-surface);padding:1rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-text) 10%, transparent);box-shadow:var(--shadow-md);z-index:100}
      nav.open ul{flex-direction:column;align-items:flex-start}
      .mobile-toggle{display:grid;width:44px;height:44px;place-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text) 12%, transparent);background:var(--color-surface)}
      .header-actions{display:flex;gap:.75rem}
      .hero-stats{grid-template-columns:repeat(2,1fr)}
      .hero-stat:last-child{grid-column:1 / -1}
      .display{max-width:100%}
      .contact-stats{grid-template-columns:repeat(3,1fr)}
      .report-top{flex-direction:column;gap:var(--space-3)}
      .report-top div:last-child{text-align:left}
      .brand span{font-size:1.15rem}
      .section-title{word-break:break-word}
      .lead{max-width:100%}
      .dir-stats{grid-template-columns:1fr !important}
      .dir-stats > div{border-left:none !important;border-right:none !important;border-bottom:1px solid var(--color-divider);padding-bottom:1rem}
      .dir-stats > div:last-child{border-bottom:none;padding-bottom:0}
    }
    @media (max-width: 600px){
      .container{width:calc(100% - 1.5rem);margin-inline:auto}
      .hero-stats{grid-template-columns:1fr}
      .hero-stat:last-child{grid-column:auto}
      .contact-stats{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr}
      .brand span{font-size:1rem}
      .brand img{width:40px;height:40px}
      .brand{gap:0.75rem}
      .btn{padding:.8rem 1rem;font-size:var(--text-sm)}
      .btn-sm{padding:.6rem .85rem;font-size:var(--text-xs)}
      .hero{padding:clamp(var(--space-8),6vw,var(--space-16)) 0 var(--space-8)}
      .section{padding:clamp(var(--space-8),5vw,var(--space-16)) 0}
      .stat-number{font-size:1.5rem}
      .hero-stat{padding:1rem}
      .report-row{flex-direction:column;gap:.25rem}
      .report-row span,.report-row strong{text-align:left}
      .quote{padding:var(--space-4)}
      .compliance-card,.testimonial-card,.trust-card,.service-card,.feature-card,.case-card,.contact-card{padding:var(--space-4)}
      .card-title{font-size:1.15rem}
      .icon{width:2.25rem;height:2.25rem;border-radius:10px;margin-bottom:var(--space-3)}
      .hub-filters{gap:0.5rem}
      .hub-filters .filter-btn{padding:0.4rem 0.9rem;font-size:var(--text-xs)}
      .blog-card-img-wrapper{height:160px}
      .blog-card-content{padding:1rem}
      .blog-card-title{font-size:1.05rem}
    }
    @media (max-width: 380px){
      .container{width:calc(100% - 1rem)}
      .brand span{font-size:0.9rem}
      .brand img{width:36px;height:36px}
      .brand{gap:0.5rem}
      .header-inner{padding:var(--space-3) 0}
      .btn-sm{padding:.55rem .7rem}
    }
    
    /* CookieAdmin Responsive Overrides */
    @media (max-width: 768px) {
      div[id^="cookieadmin"] {
        max-width: 90vw !important;
        box-sizing: border-box !important;
        left: 5vw !important;
        right: 5vw !important;
        transform-origin: bottom center;
        padding: 1rem !important;
      }
      div[id^="cookieadmin"] h2, div[id^="cookieadmin"] h3 {
        font-size: 1.15rem !important;
      }
      div[id^="cookieadmin"] p, div[id^="cookieadmin"] div {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
      }
      .cookieadmin_btn {
        padding: 0.6rem 1rem !important;
        font-size: 0.85rem !important;
        width: 100% !important;
        margin-bottom: 0.5rem !important;
      }
    }
  
    /* Directory Custom Styles */
    .dir-table { width: 100%; border-collapse: collapse; text-align: left; }
    .dir-table th { padding: 0.75rem 1rem; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; }
    .dir-table td { padding: 0.6rem 1rem; border-bottom: 1px solid var(--color-divider); }
    .dir-table tbody tr { opacity: 0.65; transition: opacity 0.2s; cursor: not-allowed; }
    .dir-table tbody tr:hover { opacity: 0.9; }
    .badge-status { display: inline-flex; align-items: center; padding: 0.25rem 0.6rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 700; border: 1px solid transparent; white-space: nowrap; }
    .badge-not-verified { background: color-mix(in srgb, var(--color-text) 10%, transparent); color: var(--color-text-muted); }
    .badge-pending { background: rgba(245, 158, 11, 0.15); color: #d97706; border-color: rgba(245, 158, 11, 0.3); }
    .badge-investigation { background: rgba(249, 115, 22, 0.15); color: #ea580c; border-color: rgba(249, 115, 22, 0.3); }
    .badge-suspended { background: rgba(239, 68, 68, 0.15); color: #dc2626; border-color: rgba(239, 68, 68, 0.3); }
    .badge-denied { background: rgba(239, 68, 68, 0.15); color: #dc2626; border-color: rgba(239, 68, 68, 0.3); }
    
    .dir-mobile-list { display: none; }
    @media (max-width: 600px) {
      .dir-desktop-table { display: none; }
      .dir-mobile-list { display: block; }
    }
    .dir-mobile-item { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; border-bottom: 1px solid var(--color-divider); opacity: 0.65; cursor: not-allowed; }
    .dir-mobile-item:last-child { border-bottom: none; }

    /* Blog Card Custom Styles */
    .hub-filters .filter-btn {
      background: var(--color-surface);
      color: var(--color-text-muted);
      border: 1px solid var(--color-border);
      padding: 0.5rem 1.25rem;
      border-radius: 9999px;
      font-size: var(--text-sm);
      font-weight: 700;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .hub-filters .filter-btn:hover {
      color: var(--color-text);
      border-color: var(--color-text-muted);
    }
    .hub-filters .filter-btn.active {
      background: var(--color-primary);
      color: white;
      border-color: var(--color-primary);
      box-shadow: var(--shadow-sm);
    }
    
    .blog-card {
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-lg);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      box-shadow: var(--shadow-sm);
      transition: all 0.3s ease;
    }
    .blog-card:hover {
      transform: translateY(-4px);
      border-color: var(--color-primary);
      box-shadow: var(--shadow-md);
    }
    .blog-card-img-wrapper {
      position: relative;
      width: 100%;
      height: 200px;
      overflow: hidden;
    }
    .blog-card-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .blog-card:hover .blog-card-img {
      transform: scale(1.05);
    }
    .blog-card-content {
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      gap: 0.75rem;
    }
    .blog-card-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: var(--text-xs);
    }
    .blog-card-meta .meta-cat {
      background: rgba(13, 148, 136, 0.1);
      color: var(--color-primary);
      padding: 0.25rem 0.6rem;
      border-radius: 9999px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .blog-card-meta .meta-date {
      color: var(--color-text-faint);
    }
    .blog-card-title {
      font-family: var(--font-display);
      font-size: 1.2rem;
      line-height: 1.25;
      font-weight: 700;
      color: var(--color-text);
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .blog-card-title a {
      color: inherit;
    }
    .blog-card-title a:hover {
      color: var(--color-primary);
    }
    .blog-card-excerpt {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
      line-height: 1.5;
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .blog-card-footer {
      margin-top: auto;
      padding-top: 0.5rem;
    }
    .blog-card-btn {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      color: var(--color-primary);
      font-weight: 700;
      font-size: var(--text-sm);
      transition: color 0.2s;
      cursor: pointer;
    }
    .blog-card-btn:hover {
      color: var(--color-primary-hover);
    }
    .blog-card-btn svg {
      transition: transform 0.2s ease;
    }
    .blog-card-btn:hover svg {
      transform: translateX(3px);
    }

/* --- Verification Portal Specific Styles --- */
.verification-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 1.5rem 2rem;
  margin-bottom: 2rem;
  box-shadow: var(--shadow-sm);
  gap: 1.5rem;
}
.info-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text);
  margin: 0;
}
.info-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.info-meta span {
  display: inline-flex;
  align-items: center;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: var(--text-sm);
  font-weight: 700;
  border: 1px solid transparent;
  white-space: nowrap;
}
.status-badge.verified {
  background-color: var(--color-primary-highlight);
  color: var(--color-primary);
  border-color: rgba(13, 148, 136, 0.2);
}
.report-section {
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 2rem;
  box-shadow: var(--shadow-sm);
}
.report-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-divider);
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.report-title-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.report-title-block h2 {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text);
  margin: 0;
}
.report-title-block p {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin: 0;
}
.report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.action-btn {
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
}
.action-btn:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background-color: var(--color-surface-2);
}
.action-btn.primary {
  background-color: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
}
.action-btn.primary:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.report-media-list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
  width: 100%;
}
.media-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding: 0.5rem 0;
}
.report-img-wrapper {
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
  text-align: center;
}
.report-img-wrapper img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
  border: 2px double var(--color-border);
  box-shadow: var(--shadow-sm);
  transition: transform 0.4s cubic-bezier(0.1, 0.8, 0.2, 1);
  transform-origin: center center;
  cursor: zoom-in;
}
.media-toolbar {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  width: 100%;
}

@media (max-width: 768px) {
  .verification-info {
    flex-direction: column;
    align-items: flex-start;
  }
  .status-badge {
    width: 100%;
    justify-content: center;
  }
  .report-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .report-actions {
    width: 100%;
  }
  .report-actions .action-btn {
    flex: 1;
    justify-content: center;
  }
}