/* static/css/ai_request.css — AI Request section. Green is the section's
   signature color (money icon + accents); everything else follows the
   platform's dark tokens. */

.aireq-page{position:relative;max-width:1080px;margin:0 auto;padding:calc(var(--nx-nav-h,70px) + 24px) 20px 80px;color:#eef1f6}
.aireq-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.aireq-hero-ico{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35);color:#22c55e;
  box-shadow:0 0 22px -6px rgba(34,197,94,.45)}
.aireq-hero-txt{flex:1 1 260px;min-width:0}
.aireq-hero h1{margin:0;font-size:26px;letter-spacing:.3px}
.aireq-hero p{margin:4px 0 0;color:#9aa3b2;font-size:13.5px}
.aireq-new{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:none;cursor:pointer;
  background:linear-gradient(135deg,#22c55e,#16a34a);color:#04120a;font-weight:800;font-size:13px;
  box-shadow:0 6px 20px -6px rgba(34,197,94,.55)}
.aireq-new:hover{filter:brightness(1.08)}

.aireq-legend{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-size:12.5px;font-weight:600;
  background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.30);color:#7ee2a8;margin-bottom:18px}
.aireq-legend::before{content:"🛡";font-size:14px}

.aireq-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.aireq-tab{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);
  color:#a7afbe;font-size:13px;font-weight:700;cursor:pointer}
.aireq-tab.active{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.12);color:#fff}

.aireq-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.aireq-empty{grid-column:1/-1;color:#8b93a4;text-align:center;padding:40px 0}

.aireq-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;cursor:pointer;
  background:linear-gradient(160deg,#151922,#10131a);border:1px solid rgba(255,255,255,.07);
  transition:transform .18s ease,border-color .18s ease}
.aireq-card:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.35)}
.aireq-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.aireq-cat{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#22c55e}
.aireq-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#c4ccd8}
.aireq-status.st-open{background:rgba(34,197,94,.15);color:#4ade80}
.aireq-status.st-in_progress{background:rgba(59,130,246,.16);color:#93c5fd}
.aireq-status.st-delivered{background:rgba(168,85,247,.15);color:#d8b4fe}
.aireq-status.st-completed{background:rgba(255,255,255,.10);color:#e5e9f0}
.aireq-status.st-pending_approval,.aireq-status.st-pending_payment{background:rgba(242,171,49,.15);color:#fbbf24}
.aireq-status.st-rejected,.aireq-status.st-canceled,.aireq-status.st-refunded{background:rgba(239,68,68,.14);color:#fca5a5}
.aireq-title{margin:0;font-size:16px;font-weight:800;color:#fff;line-height:1.3}
.aireq-desc{margin:0;font-size:12.5px;color:#9aa3b2;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.aireq-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.aireq-budget-wrap{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.aireq-budget-label{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#7d8794}
.aireq-budget{font-size:30px;font-weight:900;color:#4ade80;line-height:1;letter-spacing:-.5px;
  text-shadow:0 0 18px rgba(74,222,128,.45);font-variant-numeric:tabular-nums}
.aireq-meta{font-size:11.5px;color:#8b93a4}
.aireq-badge{position:absolute;top:12px;right:12px;font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#0c3f24;
  background:#4ade80;border-radius:999px;padding:3px 9px;display:flex;align-items:center;gap:4px}

/* Modals */
/* Liquid-glass modal — site colorimetry (dark #0a0810 canvas, cyan #00E5FF accents) */
.aireq-modal-backdrop{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-start;justify-content:center;
  padding:5vh 16px;overflow:auto;background:rgba(6,4,12,.55);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.aireq-modal{position:relative;width:100%;max-width:560px;color:#eef1f6;border-radius:22px;padding:24px;overflow:hidden;
  background:linear-gradient(155deg, rgba(28,33,45,.42) 0%, rgba(12,15,22,.58) 100%);
  backdrop-filter:blur(30px) saturate(1.7);-webkit-backdrop-filter:blur(30px) saturate(1.6);
  border:1px solid rgba(0,229,255,.22);
  box-shadow:0 34px 80px -26px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,229,255,.10), 0 0 80px -18px rgba(0,229,255,.30)}
.aireq-modal::before{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;
  background:linear-gradient(160deg, rgba(255,255,255,.12) 0%, transparent 30%, transparent 68%, rgba(0,229,255,.08) 100%)}
.aireq-modal::after{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle, rgba(0,229,255,.14) 0%, transparent 70%)}
.aireq-modal > *{position:relative;z-index:1}
.aireq-modal h2{margin:0 0 4px;font-size:19px}
.aireq-modal .aireq-sub{margin:0 0 14px;color:#8b93a4;font-size:12.5px}
/* Close button — always on top of gradient/glass layers */
.aireq-close{position:absolute;top:14px;right:14px;z-index:5;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  color:#c4ccd8;cursor:pointer;line-height:1;width:30px;height:30px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0;flex:0 0 auto;appearance:none;-webkit-appearance:none;
  font-size:0;
  transition:background .15s ease,color .15s ease}
.aireq-close::before{content:"\00d7";font-size:19px;line-height:1;display:block;transform:translateY(-1px)}
.aireq-close:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.45);color:#fff}
.aireq-upload-ov .aireq-close, .aireq-upload-ov{pointer-events:auto}
.aireq-f{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.aireq-f label{font-size:12px;font-weight:700;color:#aab3c2}
.aireq-f input,.aireq-f textarea,.aireq-f select{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;
  padding:11px 13px;color:#eef1f6;font-size:13.5px;font-family:inherit;outline:none;width:100%;box-sizing:border-box;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .18s ease, background .18s ease, box-shadow .18s ease}
.aireq-f input:focus,.aireq-f textarea:focus,.aireq-f select:focus{border-color:rgba(0,229,255,.65);background:rgba(0,229,255,.07);box-shadow:0 0 0 3px rgba(0,229,255,.12)}
.aireq-f input::placeholder,.aireq-f textarea::placeholder{color:#70778a}
.aireq-field-hint{display:block;margin-top:5px;font-size:11px;font-weight:600;color:#22c55e}
.aireq-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aireq-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}
.aireq-btn{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-weight:800;font-size:13px;
  background:rgba(255,255,255,.06);color:#eef1f6;backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease}
.aireq-btn:hover{background:rgba(255,255,255,.10)}
.aireq-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#04120a;border-color:rgba(34,197,94,.4);
  box-shadow:0 4px 18px -6px rgba(34,197,94,.5)}
.aireq-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.14)}
.aireq-btn:disabled{opacity:.5;cursor:default}
.aireq-err{color:#fca5a5;font-size:12.5px;min-height:16px;margin:4px 0}
/* Moderation-decision inline notice — amber, distinct from technical errors */
.aireq-err--moderation{color:#fcd34d;background:rgba(180,83,9,.16);border:1px solid rgba(252,211,77,.4);border-radius:10px;padding:8px 12px;line-height:1.45}

/* Application rows */
.aireq-app{display:flex;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:10px}
.aireq-app.selected{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.06)}
.aireq-app img.aireq-app-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}
.aireq-app-teaser{width:100%;max-height:220px;border-radius:10px;object-fit:cover;margin-top:8px;display:block}
.aireq-app-body{flex:1;min-width:0}
.aireq-app-name{font-weight:800;font-size:13.5px;color:#fff;text-decoration:none}
.aireq-app-msg{margin:6px 0 4px;padding:8px 12px;font-size:12.5px;color:#c4ccd8;line-height:1.55;
  background:rgba(255,255,255,.045);border-left:2px solid rgba(34,197,94,.45);border-radius:8px;
  white-space:pre-wrap;word-break:break-word}
.aireq-sel-tag{font-size:11px;font-weight:800;color:#4ade80}

@media (max-width:640px){
  .aireq-page{padding-top:calc(var(--nx-nav-h,60px) + 150px) !important}
  .aireq-hero h1{font-size:21px}
  .aireq-row{grid-template-columns:1fr}
  .aireq-hero-wrap{height:340px}
  .aireq-hero-video{filter:blur(7px) saturate(1.25) brightness(.6)}
}
/* Upload overlay — fullscreen status + progress ring */
.aireq-upload-ov{align-items:center;justify-content:center;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);z-index:9500;pointer-events:auto}
.aireq-upload-ov .aireq-upload-box{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:36px 48px;border-radius:20px;background:rgba(18,21,29,.96);border:1px solid rgba(34,197,94,.28);box-shadow:0 0 40px -8px rgba(34,197,94,.3)}
.aireq-upload-ring{width:68px;height:68px}
.aireq-upload-ring-fill{transition:stroke-dashoffset .3s ease}
.aireq-upload-title{font-weight:800;font-size:15px;color:#fff}
.aireq-upload-status{font-size:12.5px;color:#9aa3b2;min-height:18px}
.aireq-upload-pct{font-size:26px;font-weight:800;color:#22c55e}

/* Rating — client scores teasers 1–100 (public signal) */
.aireq-score{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:#4ade80;margin-top:6px}
.aireq-score-ico{color:#fbbf24;font-size:14px}
.aireq-rate{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.aireq-rate-slider{flex:1;accent-color:#22c55e;height:4px}
.aireq-rate-val{font-size:12.5px;font-weight:800;color:#4ade80;min-width:24px;text-align:center}
.aireq-rate-btn{padding:4px 12px;font-size:11px;font-weight:700}

/* Teaser video — respect natural aspect ratio (no forced crop) */
.aireq-app-teaser{aspect-ratio:auto;max-height:340px;width:auto;max-width:100%;border-radius:10px}

/* Native <select> dropdown list — options must be dark-bg/white-text to match
   the modal (Windows/Chrome render the popup with the select's own colors) */
.aireq-f select{cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab3c2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:15px;padding-right:38px !important;
  color-scheme:dark}
.aireq-f select option, .aireq-f select optgroup{
  background:#141821;color:#eef1f6;font-size:13.5px;font-weight:600;padding:10px}
.aireq-f select option:checked, .aireq-f select option:hover{
  background:rgba(0,229,255,.14);color:#fff}

/* ── Hero banner (ambient video, same visual language as the homepage hero) ── */
.aireq-page{position:relative}
/* Hero banner — pinned to the very top of the viewport (behind the
   transparent navbar), no gap/bar above: top:0 on a full-bleed wrapper. */
.aireq-hero-wrap{position:fixed;top:0;left:0;width:100%;height:430px;overflow:hidden;
  z-index:0;pointer-events:none}
.aireq-hero-wrap .aireq-hero-video{top:0}
.aireq-page{padding-top:calc(var(--nx-nav-h,70px) + 170px) !important}
.aireq-hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;
  filter:blur(4px) saturate(1.25) brightness(.72);transform:scale(1.03)}
.aireq-hero-gradient{position:absolute;inset:0;
  background:linear-gradient(180deg,
    rgba(10,8,16,.22) 0%,
    rgba(10,8,16,.34) 45%,
    rgba(10,8,16,.86) 82%,
    #0a0810 100%)}
.aireq-hero, .aireq-legend, .aireq-tabs, .aireq-board{position:relative;z-index:1}

/* ── Filter bar (search + category tags) ── */
.aireq-filterbar{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;position:relative;z-index:1}
.aireq-search{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .18s ease}
.aireq-search:focus-within{border-color:rgba(0,229,255,.45)}
.aireq-search svg{color:#8b93a4;flex-shrink:0}
.aireq-search input{flex:1;background:transparent;border:none;outline:none;color:#eef1f6;font-size:14px;font-family:inherit}
.aireq-search input::placeholder{color:#70778a}
.aireq-cats{display:flex;gap:8px;flex-wrap:wrap}
.aireq-cat-tag{padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid var(--cat-color, rgba(255,255,255,.14));color:var(--cat-color, #c4ccd8);
  transition:background .16s ease,color .16s ease,transform .16s ease}
.aireq-cats .aireq-cat-tag{padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;
  border:1px solid var(--cat-color);color:var(--cat-color);background:transparent;transition:all .16s ease}
.aireq-cats .aireq-cat-tag:hover{transform:translateY(-1px)}
.aireq-cats .aireq-cat-tag.active{background:var(--cat-color);color:#0b0d12;box-shadow:0 4px 16px -6px var(--cat-color)}

/* ── v9: How-it-works bar + FAQ accordion ── */
.aireq-howbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;position:relative;z-index:1}
.aireq-how-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;
  font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;
  background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.35);color:#7fe9f8;
  transition:background .16s ease,transform .16s ease}
.aireq-how-btn:hover{background:rgba(0,229,255,.16);transform:translateY(-1px)}
.aireq-faq{display:none;flex-direction:column;gap:8px;margin-bottom:18px;position:relative;z-index:1}
.aireq-faq.open{display:flex}
.aireq-faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  border-radius:12px;overflow:hidden}
.aireq-faq-item summary{padding:12px 16px;font-size:13.5px;font-weight:700;color:#eef1f6;cursor:pointer;
  list-style:none;display:flex;align-items:center;gap:8px;user-select:none}
.aireq-faq-item summary::-webkit-details-marker{display:none}
.aireq-faq-item summary::before{content:'▸';color:#00e5ff;font-size:13px;transition:transform .15s ease}
.aireq-faq-item[open] summary::before{transform:rotate(90deg)}
.aireq-faq-item[open] summary::before{transform:rotate(90deg)}
.aireq-faq-item p{padding:0 16px 13px;margin:0;font-size:13px;line-height:1.65;color:#b6bfce}

/* ── Final delivery review (in-platform, watermarked) ── */
.aireq-final-wrap{position:relative;border-radius:12px;overflow:hidden;background:#000;max-width:100%}
.aireq-final-wrap video{display:block;width:100%;max-height:60vh}
.aireq-final-wm{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.aireq-final-wm span{position:absolute;font-size:15px;font-weight:800;letter-spacing:.12em;
  color:rgba(255,255,255,.16);text-shadow:0 0 8px rgba(0,0,0,.35);white-space:nowrap;
  transform:rotate(-18deg);text-transform:uppercase}
.aireq-final-hash{font-size:11px;color:#8b93a4;margin:8px 0 0;word-break:break-all}
.aireq-final-hash code{color:#7fe9f8;font-size:11px}

/* ── Ranking (AI Request exclusive) ── */
.aireq-rank-card{display:flex;align-items:center;gap:12px;cursor:pointer}
.aireq-rank-card:hover{border-color:rgba(0,229,255,.4)}
.aireq-rank-pos{font-size:15px;font-weight:800;color:#00e5ff;min-width:44px}
.aireq-rank-body{flex:1;min-width:0}
.aireq-rank-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#8b93a4;margin-top:3px}
.aireq-rank-avg{font-size:16px;font-weight:800;color:#fbbf24;white-space:nowrap}
.aireq-rank-na{color:#4a5163;font-weight:700}

/* ── User summary modal ── */
.aireq-sum-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.aireq-sum-head .aireq-app-ava{width:52px;height:52px}
.aireq-sum-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.aireq-sum-stats>div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  border-radius:12px;padding:12px 8px;text-align:center}
.aireq-sum-stats b{display:block;font-size:17px;color:#eef1f6;margin-bottom:3px}
.aireq-sum-stats small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8b93a4}
.aireq-rev{display:flex;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}
.aireq-rev .aireq-rank-avg{font-size:14px;min-width:52px}
.aireq-rev .aireq-app-msg{margin:0}
.aireq-sum-role{color:#70778a;font-size:11px}
@media (max-width:560px){.aireq-sum-stats{grid-template-columns:repeat(2,1fr)}}

/* ── v10: isolated left column (How-it-works + FAQ + guide) ── */
.aireq-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start;position:relative;z-index:1}
.aireq-maincol{min-width:0}
.aireq-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:14px}
.aireq-side .aireq-howbar{margin-bottom:0;flex-direction:column;flex-wrap:nowrap}
.aireq-side .aireq-how-btn{width:100%;justify-content:flex-start}
.aireq-side .aireq-faq{display:none;margin-bottom:0;padding:10px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:14px}
.aireq-side .aireq-faq.open{display:flex}
.aireq-side .aireq-faq-item{background:transparent}

/* ── Early winner pre-selection ── */
.aireq-pre-tag{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;
  font-size:11px;font-weight:800;background:rgba(250,204,21,.14);color:#facc15;
  border:1px solid rgba(250,204,21,.45);vertical-align:middle;white-space:nowrap}
.aireq-pre-btn{font-size:12px}
@media (max-width:900px){
  .aireq-layout{grid-template-columns:1fr}
  .aireq-side{position:static}
}

/* ── v11: side menu (sections moved from top tabs) ── */
.aireq-sidemenu-slot{display:flex;flex-direction:column;gap:6px}
.aireq-side-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:12px;
  border:1px solid transparent;background:transparent;color:#a7afbe;font-size:13.5px;font-weight:700;
  cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease,color .15s ease,border-color .15s ease}
.aireq-side-item svg{flex-shrink:0;opacity:.85}
.aireq-side-item:hover{background:rgba(255,255,255,.05);color:#eef1f6}
.aireq-side-item.active{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.45);color:#fff}

/* ── Liquid-glass review summary card (Reviews modal) ── */
.aireq-lg-card{position:relative;overflow:hidden;border-radius:20px;padding:22px;
  background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.035) 45%,rgba(0,229,255,.06));
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 18px 50px -18px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.14)}
.aireq-lg-glow{position:absolute;top:-70px;right:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,229,255,.22),transparent 65%);pointer-events:none}
.aireq-lg-handle{font-size:12.5px;color:#8b93a4;font-weight:600}
.aireq-lg-score{display:flex;align-items:baseline;gap:10px;margin:14px 0;padding:13px 16px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.aireq-lg-score-num{font-size:30px;font-weight:800;color:#fbbf24;line-height:1}
.aireq-lg-score-sub{font-size:12px;color:#8b93a4;font-weight:600}
.aireq-lg-revs{max-height:230px;overflow-y:auto;margin-top:6px;padding-right:4px}
.aireq-lg-revs .aireq-rev:first-child{border-top:none}
.aireq-lg-cta{width:100%;justify-content:center;display:inline-flex;margin-top:6px}

/* ── v13: side menu as a cohesive group; FAQ + guide as detached buttons ── */
.aireq-side{gap:14px}
.aireq-side .aireq-howbar{gap:9px}
.aireq-side .aireq-how-btn{width:100%;justify-content:flex-start;padding:11px 16px;border-radius:13px;
  background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.35);color:#7fe9f8;
  box-shadow:0 4px 14px -8px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08)}
.aireq-side .aireq-how-btn:hover{background:rgba(0,229,255,.16);border-color:rgba(0,229,255,.5);color:#9deef9}
.aireq-side .aireq-faq{border:1px solid rgba(255,255,255,.08);border-radius:14px;
  background:rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.aireq-sidemenu-block{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:16px;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px -14px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.aireq-menu-title{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#70778a;padding:2px 6px 6px}
.aireq-side-item{border-radius:11px}
.aireq-side-item.active{box-shadow:0 4px 18px -8px rgba(34,197,94,.5)}

/* ── Mini rank card (My reviews) — compact, liquid-glass, brand colors ── */
.aireq-rank-card{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;
  background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 55%,rgba(0,229,255,.045));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 10px 28px -16px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10)}
.aireq-rank-card:hover{border-color:rgba(0,229,255,.45);transform:translateY(-1px);
  box-shadow:0 14px 34px -16px rgba(0,229,255,.25), inset 0 1px 0 rgba(255,255,255,.14)}
.aireq-rank-ava{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;
  border:2px solid rgba(0,229,255,.35);
  box-shadow:0 0 0 2px rgba(10,8,16,.9), 0 4px 14px -4px rgba(0,0,0,.6)}
.aireq-rank-pos{font-size:13px;min-width:34px;color:#00e5ff;font-weight:800}
.aireq-rank-card .aireq-title{font-size:14px;margin:0}
.aireq-rank-card .aireq-rank-avg{font-size:15px}

/* ── v15: bigger page title + centered profile hero (rating card) ── */
.aireq-hero{justify-content:center;text-align:center}
.aireq-hero h1{font-size:44px;font-weight:800;letter-spacing:.5px;
  background:linear-gradient(120deg,#eef1f6,#9deef9 60%,#22c55e);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aireq-hero p{font-size:14px}
.aireq-hero-txt{flex:1 1 100%;text-align:center}
.aireq-hero .aireq-new{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.aireq-hero{position:relative}
@media (max-width:760px){
  .aireq-hero h1{font-size:32px}
  .aireq-hero .aireq-new{position:static;transform:none;margin:12px auto 0}
}

/* centered profile card under the title */
.aireq-meprofile{display:flex;flex-direction:column;align-items:center;gap:8px;
  margin:6px auto 22px;text-align:center;max-width:340px}
.aireq-me-ava{width:96px;height:96px;border-radius:50%;object-fit:cover;
  border:3px solid rgba(0,229,255,.55);
  box-shadow:0 0 0 3px rgba(10,8,16,.92), 0 10px 30px -8px rgba(0,229,255,.35)}
.aireq-me-name{font-size:20px;font-weight:800;color:#eef1f6}
.aireq-me-rating{display:flex;align-items:center;gap:9px;width:100%;padding:11px 16px;cursor:pointer;
  border-radius:14px;font-family:inherit;
  background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 55%,rgba(0,229,255,.05));
  border:1px solid rgba(255,255,255,.12);color:#eef1f6;
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 10px 28px -16px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10)}
.aireq-me-rating:hover{border-color:rgba(0,229,255,.45)}
.aireq-me-star{color:#fbbf24;font-size:18px}
.aireq-me-score{font-weight:800;font-size:16px}
.aireq-me-count{color:#8b93a4;font-size:12.5px;font-weight:600;flex:1;text-align:left}
.aireq-me-chev{margin-left:auto;color:#8b93a4;font-size:20px;line-height:1}

/* ── v16: lift the whole content above the fixed hero banner ──
   The banner is position:fixed with z-index:0 and pointer-events:none, but a
   new stacking context inside .aireq-hero (the centered profile block) let
   the video paint OVER the avatar. Force the content above and give the top
   generous breathing room. */
.aireq-page{z-index:2;isolation:isolate}
.aireq-hero, .aireq-meprofile, .aireq-legend, .aireq-layout{position:relative;z-index:3}
.aireq-page{padding-top:calc(var(--nx-nav-h,70px) + 64px) !important}

/* compressed rating row (was full-width) */
.aireq-me-rating{width:auto;min-width:0;padding:8px 14px;gap:7px;border-radius:999px}
.aireq-me-count{flex:0 0 auto}
.aireq-me-chev{margin-left:2px;font-size:18px}

/* bigger New request button, above the avatar circle */
.aireq-new{padding:13px 26px;font-size:15px;border-radius:999px;gap:10px}
.aireq-new svg{width:20px;height:20px}
.aireq-hero .aireq-new{position:static;transform:none;margin:16px auto 0;display:inline-flex}
.aireq-hero{flex-direction:column;gap:6px}
.aireq-hero-ico{display:none}
@media (max-width:760px){
  .aireq-hero h1{font-size:32px}
}

/* ── v17: compact legend under the subtitle, mini rating pill on mobile ── */
.aireq-legend{font-size:11.5px;padding:9px 13px;margin:10px auto 0;max-width:640px;text-align:center;
  display:flex;justify-content:center}
.aireq-legend::before{font-size:12px}
@media (max-width:640px){
  /* two-line compact rating pill: line 1 = star + score, line 2 = reviews text */
  .aireq-me-rating{flex-direction:column;align-items:center;gap:2px;padding:7px 14px;font-size:12px;
    min-width:0;max-width:230px;border-radius:13px}
  .aireq-me-rating .aireq-me-star,
  .aireq-me-rating .aireq-me-score,
  .aireq-me-rating .aireq-me-chev{flex:0 0 auto}
  .aireq-me-row1{display:flex;align-items:center;gap:6px}
  .aireq-me-score{font-size:13px}
  .aireq-me-star{font-size:13px}
  .aireq-me-count{font-size:10.5px;flex:0 0 auto;text-align:center;color:#9aa3b2;font-weight:600}
  .aireq-me-chev{display:none}
  .aireq-me-ava{width:80px;height:80px}
}

/* ── v26: My reviews preview card — inspired layout (avatar+name / stats row) ── */
.aireq-rank-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px;
  background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 55%,rgba(0,229,255,.045));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 10px 28px -16px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10)}
.aireq-rank-card:hover{border-color:rgba(0,229,255,.45);transform:translateY(-1px);
  box-shadow:0 14px 34px -16px rgba(0,229,255,.25), inset 0 1px 0 rgba(255,255,255,.14)}
.aireq-rank-top{display:flex;align-items:center;gap:13px;min-width:0}
.aireq-rank-ava{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;
  border:2px solid rgba(0,229,255,.35);
  box-shadow:0 0 0 2px rgba(10,8,16,.9), 0 4px 14px -4px rgba(0,0,0,.6)}
.aireq-rank-id{min-width:0;flex:1}
.aireq-rank-card .aireq-title{font-size:19px;font-weight:800;letter-spacing:.2px;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aireq-rank-handletag{font-size:12px;color:#8b93a4;font-weight:600;margin-top:2px}
.aireq-rank-stats{display:flex;gap:0;width:100%;margin-top:2px}
.aireq-rk-stat{flex:1 1 0;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.aireq-rk-stat b{font-size:16px;color:#eef1f6;font-weight:800;line-height:1.1;white-space:nowrap}
.aireq-rk-stat small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8b93a4;font-weight:700;white-space:nowrap}
.aireq-rk-score b{color:#fbbf24;font-size:18px;font-weight:900;
  text-shadow:0 0 16px rgba(251,191,36,.30)}
.aireq-rk-scoreof{font-size:10.5px;font-weight:700;color:#fbbf24;opacity:.85;margin-left:2px}
@media (max-width:640px){
  .aireq-rank-card .aireq-title{font-size:16px}
  .aireq-rank-ava{width:44px;height:44px}
  .aireq-rk-score b{font-size:15px}
  .aireq-rk-stat b{font-size:13.5px}
}

/* ── v26b: glass modal score with /5 (count) ── */
.aireq-lg-score-of{font-size:14px;font-weight:700;color:#fbbf24;opacity:.9;vertical-align:super;margin-left:3px}
.aireq-lg-score-num .aireq-lg-score-of{font-size:13px;vertical-align:middle}


/* share sheet: liquid-glass, site colorimetry (dark canvas, cyan accents) */
.aireq-share-backdrop{ position:fixed; inset:0; z-index:9800; background:rgba(6,4,12,.55); backdrop-filter:blur(18px) saturate(1.4); -webkit-backdrop-filter:blur(18px) saturate(1.4); display:flex; align-items:center; justify-content:center; padding:16px; }
.aireq-share-backdrop[hidden]{ display:none; }
.aireq-share-sheet{ position:relative; width:min(420px,94vw); background:rgba(10,8,16,.72); backdrop-filter:blur(30px) saturate(1.6); -webkit-backdrop-filter:blur(30px) saturate(1.6); border:1px solid rgba(255,255,255,.14); border-radius:22px; box-shadow:0 24px 60px rgba(0,0,0,.5); padding:20px 18px 16px; }
.aireq-share-close{ position:absolute; top:12px; right:12px; width:28px; height:28px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); color:#c4ccd8; cursor:pointer; }
.aireq-share-close:hover{ background:rgba(239,68,68,.18); border-color:rgba(239,68,68,.45); color:#fff; }
.aireq-share-h{ font-weight:800; font-size:15px; color:#fff; margin-bottom:14px; }
.aireq-share-platforms{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:14px; }
.aireq-share-btn{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 4px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); color:#eef1f6; cursor:pointer; font-size:11px; font-weight:600; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transition:border-color .15s ease, background .15s ease; }
.aireq-share-btn:hover{ border-color:rgba(0,229,255,.5); background:rgba(0,229,255,.08); }
.aireq-share-btn svg{ width:20px; height:20px; }
.aireq-share-linkwrap{ display:flex; gap:8px; }
.aireq-share-url{ flex:1; min-width:0; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#c4ccd8; border-radius:10px; padding:8px 10px; font-size:12px; }
.aireq-share-copy{ background:rgba(0,229,255,.14); border:1px solid rgba(0,229,255,.4); color:#00E5FF; border-radius:10px; padding:8px 14px; font-weight:700; font-size:12.5px; cursor:pointer; }
.aireq-share-detail{ position:absolute; top:14px; right:52px; z-index:5; width:30px; height:30px; border-radius:999px; background:rgba(255,255,255,.06); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.16); color:#c4ccd8; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:0; transition:background .15s ease, border-color .15s ease, color .15s ease; }
.aireq-share-detail:hover{ color:#00E5FF; border-color:rgba(0,229,255,.45); background:rgba(0,229,255,.1); }
/* share icon button: liquid-glass integrated with the cards */
.aireq-share{ backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); }

/* contrast fix: final-delivery stage buttons (white-on-white over video areas) */
.aireq-app .aireq-pre-btn{ background:linear-gradient(135deg,#22c55e,#16a34a); color:#04120a; border-color:rgba(34,197,94,.4); backdrop-filter:none; -webkit-backdrop-filter:none; }
.aireq-app .aireq-pre-btn:hover{ background:linear-gradient(135deg,#2ad663,#18ad50); }
#arApprove, #arUpFinal{ backdrop-filter:none; -webkit-backdrop-filter:none; }

/* fix: close button = perfect circle (was squashed oval, glyph off-center) */
.aireq-share-close{ display:inline-flex; align-items:center; justify-content:center; padding:0; line-height:1; font-size:13px; appearance:none; -webkit-appearance:none; }
/* fix: share button on cards -> middle right edge (was covering the status badge) */
.aireq-share{ position:absolute; right:12px; top:50%; transform:translateY(-50%); margin-left:0; }
.aireq-share:active{ transform:translateY(-50%) scale(.92); }