:root{
  --bg-a:#f8fafd;
  --bg-b:#f0f4fa;
  --bg-c:#e9f0f8;
  --bg-d:#dfe9f4;

  --txt:#0a1628;
  --txt-soft:#4a5f7a;
  --txt-muted:#6b7f99;
  --line:#d0dce9;
  --line-soft:#dfe7f2;
  --glass:#ffffffdd;
  --glass-2:#ffffffc8;
  --glass-3:#ffffffb5;

  --brand:#1e4d8b;
  --brand-light:#2d6bb8;
  --brand-dark:#163a6a;
  --accent:#3b82f6;
  --accent-light:#60a5fa;
  --accent-dark:#2563eb;
  --ok:#10b981;
  --ok-light:#34d399;
  --warn:#f59e0b;
  --warn-light:#fbbf24;
  --danger:#ef4444;
  --danger-light:#f87171;

  --shadow-xs:0 2px 8px rgba(10,22,40,.04);
  --shadow-sm:0 4px 16px rgba(10,22,40,.08);
  --shadow-md:0 8px 24px rgba(10,22,40,.12);
  --shadow-lg:0 16px 40px rgba(10,22,40,.16);
  --shadow-xl:0 24px 56px rgba(10,22,40,.20);

  --r-xl:24px;
  --r-lg:18px;
  --r-md:14px;
  --r-sm:10px;
  --maxw:1280px;

  --type-h1:clamp(1.28rem, 1.08rem + .9vw, 1.72rem);
  --type-h2:clamp(1.5rem, 1.14rem + 1.45vw, 2.28rem);
  --type-h3:clamp(1.08rem, .98rem + .55vw, 1.32rem);
  --type-body:1rem;
  
  --transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);
}

*{ box-sizing:border-box; margin:0; padding:0; }
html,body{ height:100%; }
body{
  direction:rtl;
  text-align:right;
  color:var(--txt);
  font-family:'IRANYekanX','Vazirmatn','Estedad','IRANSansX','Segoe UI',Tahoma,'Graphik Arabic',sans-serif;
  font-size:var(--type-body);
  line-height:1.75;
  letter-spacing:0;
  background:linear-gradient(155deg, var(--bg-a) 0%, var(--bg-b) 40%, var(--bg-c) 75%, var(--bg-d) 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
input,button,select,textarea{
  font-family:inherit;
  font-size:inherit;
}

/* پس‌زمینه جذاب و مدرن */
.aiinv-bg{
  min-height:100vh;
  padding:32px 20px 64px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1200px circle at 10% 8%, rgba(59,130,246,.14), transparent 58%),
    radial-gradient(1000px circle at 90% 15%, rgba(30,77,139,.11), transparent 60%),
    radial-gradient(1100px circle at 50% 95%, rgba(30,77,139,.09), transparent 62%),
    linear-gradient(155deg, var(--bg-a) 0%, var(--bg-b) 40%, var(--bg-c) 75%, var(--bg-d) 100%);
}
.aiinv-bg::before,
.aiinv-bg::after{
  content:"";
  position:absolute;
  inset:-120px;
  pointer-events:none;
  opacity:0;
  animation:aiinvFadeIn 1.2s ease-out forwards;
}
.aiinv-bg::before{
  background:
    radial-gradient(500px circle at 18% 28%, rgba(59,130,246,.15), transparent 65%),
    radial-gradient(700px circle at 82% 22%, rgba(30,77,139,.12), transparent 68%),
    radial-gradient(700px circle at 50% 78%, rgba(255,255,255,.4), transparent 70%);
  filter:blur(16px);
  animation:aiinvFloat 16s ease-in-out infinite, aiinvFadeIn 1.2s ease-out forwards;
}
.aiinv-bg::after{
  background-image:
    linear-gradient(rgba(30,77,139,.04) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(30,77,139,.04) 1.5px, transparent 1.5px);
  background-size:52px 52px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.75), transparent 92%);
  animation:aiinvFadeIn 1.5s ease-out forwards;
}

@keyframes aiinvFloat{
  0%{ transform:translate3d(0,0,0) scale(1); }
  50%{ transform:translate3d(18px,-15px,0) scale(1.03); }
  100%{ transform:translate3d(0,0,0) scale(1); }
}
@keyframes aiinvFadeIn{
  from{ opacity:0; }
  to{ opacity:1; }
}
@keyframes aiinvSlideUp{
  from{ opacity:0; transform:translateY(24px); }
  to{ opacity:1; transform:translateY(0); }
}
@keyframes aiinvScaleIn{
  from{ opacity:0; transform:scale(0.95); }
  to{ opacity:1; transform:scale(1); }
}

.aiinv-wrap{ 
  max-width:var(--maxw); 
  margin:0 auto; 
  position:relative; 
  z-index:2;
  animation:aiinvFadeIn 0.8s ease-out;
}

/* هدر و برند */
.aiinv-top{ 
  display:flex; 
  align-items:flex-start; 
  justify-content:space-between; 
  gap:16px; 
  margin-bottom:20px;
  animation:aiinvSlideUp 0.6s ease-out;
}
.aiinv-brand{ display:flex; align-items:center; gap:14px; }
.aiinv-brand > div:last-child{ max-width:680px; }
.aiinv-logo{
  width:52px; 
  height:52px; 
  border-radius:16px;
  border:1.5px solid #cdd9ea;
  background:
    url('fukatis-logo-small.png') center/cover no-repeat,
    linear-gradient(145deg, #fff, #f0f6fd);
  box-shadow:var(--shadow-sm), inset 0 1px 2px rgba(255,255,255,.8);
  overflow:hidden;
  transition:transform var(--transition-base), box-shadow var(--transition-base);
}
.aiinv-logo:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:var(--shadow-md), inset 0 1px 2px rgba(255,255,255,.8);
}
.aiinv-title{ 
  margin:0; 
  font-size:var(--type-h1); 
  font-weight:900; 
  letter-spacing:0; 
  color:#0d1f3a;
  background:linear-gradient(135deg, #0d1f3a 0%, #1e4d8b 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.aiinv-sub{ 
  margin:5px 0 0; 
  color:var(--txt-soft); 
  font-size:.82rem; 
  line-height:1.6;
}

/* شیشه‌ای و کارت‌ها */
.glass,
.glass-soft{
  border:1.5px solid var(--line);
  background:linear-gradient(180deg, var(--glass), var(--glass-3));
  backdrop-filter:blur(12px) saturate(130%);
  -webkit-backdrop-filter:blur(12px) saturate(130%);
  box-shadow:var(--shadow-md);
  transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.glass{ 
  border-radius:var(--r-xl);
  animation:aiinvScaleIn 0.5s ease-out;
}
.glass:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-lg);
  border-color:#c0d0e5;
}
.glass-soft{ 
  border-color:var(--line-soft); 
  border-radius:var(--r-lg); 
  background:linear-gradient(180deg, var(--glass-2), #fffffff5);
}
.aiinv-panel{ padding:24px; }

/* هیرو سکشن */
.aiinv-hero{ 
  margin-bottom:20px; 
  position:relative; 
  overflow:hidden;
  animation:aiinvSlideUp 0.7s ease-out 0.1s backwards;
}
.aiinv-hero::before{
  content:""; 
  position:absolute; 
  inset:-45% auto -45% -28%; 
  width:65%;
  background:linear-gradient(180deg, rgba(59,130,246,.2), rgba(30,77,139,.1), transparent 68%);
  transform:rotate(20deg); 
  filter:blur(8px); 
  pointer-events:none;
  animation:aiinvFloat 14s ease-in-out infinite;
}
.aiinv-hero-grid{ 
  display:grid; 
  grid-template-columns:1.25fr .75fr; 
  gap:16px; 
  position:relative; 
  z-index:2; 
}
.aiinv-kicker{
  display:inline-flex; 
  align-items:center; 
  gap:9px; 
  padding:6px 12px; 
  border-radius:999px;
  border:1.5px solid #b0c8e6; 
  background:linear-gradient(135deg, #edf6ff, #e0f0ff); 
  color:#1a4270; 
  font-size:11.5px; 
  font-weight:800;
  box-shadow:var(--shadow-xs);
  transition:transform var(--transition-fast), box-shadow var(--transition-fast);
}
.aiinv-kicker:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm);
}
.aiinv-kicker::before{ 
  content:""; 
  width:7px; 
  height:7px; 
  border-radius:50%; 
  background:var(--accent);
  box-shadow:0 0 8px rgba(59,130,246,.6);
  animation:pulse 2s ease-in-out infinite;
}
@keyframes pulse{
  0%, 100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.7; transform:scale(1.15); }
}
.aiinv-hero-title{ 
  margin:12px 0 10px; 
  font-size:var(--type-h2); 
  line-height:1.3; 
  color:#0f2740;
  font-weight:900;
  letter-spacing:0;
}
.aiinv-hero-sub{ 
  margin:0; 
  max-width:60ch; 
  color:#455d78; 
  font-size:.88rem; 
  line-height:1.95;
}
.aiinv-hero-metrics{ display:grid; gap:12px; }
.aiinv-metric{
  border:1.5px solid #d5e2f1; 
  border-radius:16px;
  background:linear-gradient(135deg, #ffffff, #f6fafe);
  padding:14px; 
  display:flex; 
  align-items:center; 
  justify-content:space-between;
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
  box-shadow:var(--shadow-xs);
}
.aiinv-metric:hover{
  transform:translateX(-3px);
  box-shadow:var(--shadow-sm);
  border-color:#c0d5ea;
}
.aiinv-metric .k{ color:#5a7595; font-size:12.5px; font-weight:700; }
.aiinv-metric .v{ color:#143560; font-size:14px; font-weight:900; }
/* خط نئونی */
.neon-line{ 
  height:1.5px; 
  margin:16px 0; 
  background:linear-gradient(90deg, transparent 0%, rgba(59,130,246,.5) 38%, rgba(30,77,139,.5) 62%, transparent 100%);
  box-shadow:0 0 8px rgba(59,130,246,.3);
}

/* راهنما */
.aiinv-guide{
  margin-bottom:20px;
  border:1.5px solid #d2e0f0;
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f8fcff);
  padding:18px;
  box-shadow:var(--shadow-sm);
  animation:aiinvSlideUp 0.8s ease-out 0.2s backwards;
  transition:transform var(--transition-base), box-shadow var(--transition-base);
}
.aiinv-guide:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.aiinv-guide-title{ 
  margin:0 0 12px; 
  font-size:1.08rem; 
  color:#163960; 
  font-weight:900;
}
.aiinv-guide-grid{ 
  display:grid; 
  grid-template-columns:repeat(3,minmax(0,1fr)); 
  gap:12px; 
}
.aiinv-guide-item{
  border:1.5px solid #d5e2f1;
  border-radius:14px;
  background:#fff;
  padding:14px;
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
  box-shadow:var(--shadow-xs);
}
.aiinv-guide-item:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
  border-color:#b8d0ea;
}
.aiinv-guide-item b{ 
  display:block; 
  color:#1d4268; 
  margin-bottom:6px;
  font-size:15px;
}
.aiinv-guide-item span{ 
  color:#5a7593; 
  font-size:12.5px; 
  line-height:1.95;
}

/* گرید و کارت‌ها */
.aiinv-grid{ 
  display:grid; 
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); 
  gap:16px; 
}
.aiinv-card{
  position:relative;
  overflow:hidden;
  animation:aiinvSlideUp 0.6s ease-out backwards;
}
.aiinv-card:nth-child(1){ animation-delay:0.1s; }
.aiinv-card:nth-child(2){ animation-delay:0.2s; }
.aiinv-card:nth-child(3){ animation-delay:0.3s; }
.aiinv-card:nth-child(4){ animation-delay:0.4s; }
.aiinv-card-inner{ padding:20px; }
.aiinv-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:12px;
}
.aiinv-card-head h3{
  margin:0 0 6px;
  font-size:1.12rem;
  color:#0f2a45;
  font-weight:900;
}
.aiinv-card-head p{
  margin:0;
  color:var(--txt-soft);
  font-size:.85rem;
  line-height:1.8;
}
.aiinv-icon{
  width:44px;
  height:44px;
  border-radius:12px;
  background:linear-gradient(135deg, var(--accent), var(--accent-dark));
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(59,130,246,.3);
  transition:transform var(--transition-base), box-shadow var(--transition-base);
}
.aiinv-card:hover .aiinv-icon{
  transform:scale(1.08) rotate(5deg);
  box-shadow:0 6px 18px rgba(59,130,246,.4);
}
.aiinv-badge{
  display:inline-block;
  padding:5px 11px;
  border-radius:999px;
  background:linear-gradient(135deg, #e0f0ff, #d0e8ff);
  color:#1a4875;
  font-size:11px;
  font-weight:800;
  border:1.5px solid #b5d5f0;
  margin-bottom:12px;
}

/* دکمه‌ها */
.aiinv-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 20px;
  border-radius:12px;
  border:1.5px solid transparent;
  font-size:.92rem;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:all var(--transition-base);
  white-space:nowrap;
  box-shadow:var(--shadow-xs);
}
.aiinv-btn:disabled{
  opacity:.5;
  cursor:not-allowed;
  transform:none !important;
}
.aiinv-btn.primary{
  background:linear-gradient(135deg, var(--accent), var(--accent-dark));
  color:#fff;
  border-color:var(--accent-dark);
  box-shadow:0 4px 14px rgba(59,130,246,.3);
}
.aiinv-btn.primary:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(59,130,246,.4);
  background:linear-gradient(135deg, var(--accent-light), var(--accent));
}
.aiinv-btn.ghost{
  background:rgba(255,255,255,.7);
  color:var(--brand);
  border-color:#c5d7ec;
}
.aiinv-btn.ghost:hover:not(:disabled){
  background:#fff;
  border-color:#a8c5e5;
  transform:translateY(-2px);
  box-shadow:var(--shadow-sm);
}
.aiinv-btn.danger{
  background:linear-gradient(135deg, var(--danger), var(--danger-light));
  color:#fff;
  border-color:#dc2626;
  box-shadow:0 4px 14px rgba(239,68,68,.3);
}
.aiinv-btn.danger:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(239,68,68,.4);
}

/* فرم‌ها */
.aiinv-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.aiinv-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.col-span-2{ grid-column:span 2; }
.aiinv-label{
  font-size:.86rem;
  font-weight:700;
  color:var(--txt);
}
.aiinv-input,
.aiinv-textarea{
  padding:12px 16px;
  border:1.5px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--txt);
  font-size:.95rem;
  transition:all var(--transition-base);
  box-shadow:var(--shadow-xs);
}
.aiinv-input:focus,
.aiinv-textarea:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(59,130,246,.15), var(--shadow-sm);
  transform:translateY(-1px);
}
.aiinv-input:hover,
.aiinv-textarea:hover{
  border-color:#b8cee5;
}
.aiinv-textarea{
  min-height:120px;
  resize:vertical;
  line-height:1.7;
}

/* استپر */
.aiinv-stepper{
  display:flex;
  gap:12px;
  margin-bottom:16px;
  overflow-x:auto;
  padding-bottom:8px;
}
.aiinv-step{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:12px;
  border:1.5px solid var(--line-soft);
  background:rgba(255,255,255,.5);
  color:var(--txt-muted);
  font-size:.85rem;
  font-weight:700;
  white-space:nowrap;
  transition:all var(--transition-base);
  cursor:pointer;
}
.aiinv-step .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--line);
  transition:all var(--transition-base);
}
.aiinv-step.active{
  color:var(--accent);
  border-color:var(--accent-light);
  background:linear-gradient(135deg, #eef6ff, #e0f0ff);
  box-shadow:0 2px 8px rgba(59,130,246,.2);
}
.aiinv-step.active .dot{
  background:var(--accent);
  box-shadow:0 0 8px rgba(59,130,246,.5);
}
.aiinv-step:hover:not(.active){
  border-color:#c0d5ea;
  background:rgba(255,255,255,.8);
}

/* نوتیفیکیشن */
.aiinv-toast{
  position:fixed;
  bottom:24px;
  right:24px;
  padding:14px 20px;
  border-radius:14px;
  background:linear-gradient(135deg, #fff, #f8fcff);
  border:1.5px solid #c5d7ec;
  color:var(--txt);
  font-size:.9rem;
  font-weight:700;
  box-shadow:var(--shadow-lg);
  z-index:100000;
  opacity:0;
  transform:translateY(20px) scale(0.95);
  transition:all var(--transition-base);
  pointer-events:none;
}
.aiinv-toast.error{
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  max-width:min(520px,calc(100vw - 32px));
  width:max-content;
  text-align:center;
  transform:translate(-50%,-50%) scale(.95);
}
.aiinv-toast.show{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.aiinv-toast.error.show{
  transform:translate(-50%,-50%) scale(1);
}

/* ریسپانسیو */
@media (max-width:980px){
  .aiinv-grid{ grid-template-columns:1fr; }
  .aiinv-guide-grid{ grid-template-columns:1fr; }
  .aiinv-form{ grid-template-columns:1fr; }
  .col-span-2{ grid-column:span 1; }
  .aiinv-hero-grid{ grid-template-columns:1fr; }
}
@media (max-width:720px){
  .aiinv-bg{ padding:24px 16px 48px; }
  .aiinv-top{ flex-direction:column; align-items:stretch; }
  .aiinv-title{ font-size:1.22rem; }
  .aiinv-hero-title{ font-size:1.5rem; }
  .aiinv-stepper{ gap:8px; }
  .aiinv-step{ padding:8px 12px; font-size:.8rem; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

/* UX polish: stronger hierarchy, clearer navigation and richer interaction */
:root{
  --gold:#f6b73c;
  --gold-soft:#fff2cf;
  --ink:#071324;
  --surface:#ffffffee;
  --surface-strong:#fff;
  --ring:rgba(246,183,60,.34);
}

html{ scroll-behavior:smooth; }
body{
  background:#eef5fb;
  color:var(--ink);
}
body::selection{ background:var(--gold-soft); color:#0d263f; }

a{ color:inherit; }
.aiinv-bg{
  padding-top:22px;
  background:
    radial-gradient(900px circle at 5% 0%, rgba(246,183,60,.18), transparent 50%),
    radial-gradient(880px circle at 96% 12%, rgba(24,91,156,.18), transparent 54%),
    linear-gradient(140deg,#f9fcff 0%,#eef6fb 44%,#dfeaf3 100%);
}
.aiinv-bg::after{
  background-image:
    linear-gradient(rgba(13,45,75,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13,45,75,.055) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(246,183,60,.14) 1px, transparent 1.5px);
  background-size:52px 52px,52px 52px,26px 26px;
}

.aiinv-top{
  position:sticky;
  top:14px;
  z-index:50;
  align-items:center;
  padding:12px;
  border:1px solid rgba(197,215,236,.78);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  box-shadow:0 18px 50px rgba(14,43,73,.12);
}
.aiinv-top > div:last-child{ justify-content:flex-start; }
.aiinv-brand{ min-width:260px; }
.aiinv-logo{
  width:60px;
  height:60px;
  border-radius:20px;
  border-color:#fff;
  box-shadow:0 16px 35px rgba(18,65,108,.2), inset 0 0 0 1px rgba(255,255,255,.72);
}
.aiinv-title{ font-size:clamp(1.24rem,1.04rem + .85vw,1.72rem); }
.aiinv-sub{ color:#5a6c80; }

.glass,
.glass-soft{
  border:1px solid rgba(198,216,234,.86);
  background:linear-gradient(145deg, rgba(255,255,255,.94), rgba(246,250,255,.78));
  box-shadow:0 20px 55px rgba(15,50,84,.12);
}
.glass:hover{ transform:translateY(-4px); }
.aiinv-panel{ padding:clamp(18px,2.2vw,30px); }

.aiinv-hero{
  min-height:320px;
  display:flex;
  align-items:center;
  padding:clamp(24px,4vw,46px);
  border-radius:32px;
  isolation:isolate;
}
.aiinv-hero::before{
  inset:-30% -16% auto auto;
  width:52%;
  height:130%;
  border-radius:999px;
  background:linear-gradient(145deg, rgba(246,183,60,.34), rgba(59,130,246,.18), transparent 72%);
}
.aiinv-hero::after{
  content:"";
  position:absolute;
  inset:auto 28px 24px auto;
  width:170px;
  height:170px;
  border-radius:42px;
  background:linear-gradient(145deg, rgba(12,46,78,.08), rgba(246,183,60,.16));
  transform:rotate(12deg);
  z-index:-1;
}
.aiinv-hero-grid{ width:100%; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:28px; align-items:center; }
.aiinv-kicker{
  background:linear-gradient(135deg,#102f50,#1e5b93);
  color:#fff;
  border-color:rgba(255,255,255,.28);
  box-shadow:0 14px 32px rgba(20,75,123,.22);
}
.aiinv-kicker::before{ background:var(--gold); box-shadow:0 0 0 5px rgba(246,183,60,.18); }
.aiinv-hero-title{
  max-width:13ch;
  font-size:clamp(1.75rem,1.18rem + 2.15vw,2.9rem);
  line-height:1.18;
  letter-spacing:0;
  color:#071a2f;
}
.aiinv-hero-sub{ max-width:58ch; font-size:1.02rem; color:#42566c; }
.aiinv-hero-metrics{ gap:14px; }
.aiinv-metric{
  position:relative;
  overflow:hidden;
  min-height:88px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff,#f6fbff);
}
.aiinv-metric::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--gold),var(--accent));
}
.aiinv-metric .k{ font-size:.78rem; color:#60758b; }
.aiinv-metric .v{ font-size:clamp(1rem,.8rem + .7vw,1.35rem); color:#0d2b4a; }

.aiinv-guide{ border-radius:24px; padding:22px; background:linear-gradient(135deg,#ffffff,#f5faff); }
.aiinv-guide-title{ display:flex; align-items:center; gap:10px; }
.aiinv-guide-title::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:4px;
  background:var(--gold);
  box-shadow:0 0 0 7px rgba(246,183,60,.16);
}
.aiinv-guide-item{
  position:relative;
  padding:18px 18px 18px 16px;
  border-radius:18px;
  overflow:hidden;
}
.aiinv-guide-item::after{
  content:"";
  position:absolute;
  inset:auto 16px 0 16px;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--gold));
  border-radius:999px 999px 0 0;
  transform:scaleX(.35);
  transform-origin:right;
  transition:transform var(--transition-base);
}
.aiinv-guide-item:hover::after{ transform:scaleX(1); }

.aiinv-grid{ gap:18px; }
.aiinv-card{
  border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(246,250,255,.83));
}
.aiinv-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(360px circle at 10% 0%, rgba(246,183,60,.12), transparent 58%);
  opacity:0;
  transition:opacity var(--transition-base);
  pointer-events:none;
}
.aiinv-card:hover::before{ opacity:1; }
.aiinv-card-inner{ position:relative; padding:22px; z-index:1; }
.aiinv-card h3,
.aiinv-card-head h3{ color:#0b223b; font-size:1.08rem; }
.aiinv-card p{ color:#51667c; line-height:1.9; margin-bottom:14px; }
.aiinv-icon{
  width:50px;
  height:50px;
  border-radius:17px;
  background:linear-gradient(135deg,#123a61,#2f7bbd 62%,#f6b73c);
}
.aiinv-badge{
  color:#7b4a00;
  background:linear-gradient(135deg,#fff7df,#ffe4a3);
  border-color:#ffd77a;
}

.aiinv-btn{
  min-height:44px;
  border-radius:14px;
  font-weight:900;
  letter-spacing:0;
}
.aiinv-btn.primary{
  background:linear-gradient(135deg,#0d3a64 0%,#1f6cab 58%,#f0a92c 150%);
  border-color:rgba(13,58,100,.25);
  box-shadow:0 15px 28px rgba(24,94,154,.26);
}
.aiinv-btn.primary:hover:not(:disabled){ background:linear-gradient(135deg,#0a3158,#267cc1 58%,#f6b73c 145%); }
.aiinv-btn.ghost{
  background:rgba(255,255,255,.78);
  border-color:#c8d8e8;
  color:#123a61;
}
.aiinv-btn:not(:disabled):active{ transform:translateY(0) scale(.98); }

.aiinv-form{ gap:18px; }
.aiinv-label{ color:#20364c; }
.aiinv-input,
.aiinv-textarea{
  min-height:48px;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  border-color:#c8d9e8;
}
.aiinv-input:focus,
.aiinv-textarea:focus{ border-color:var(--gold); box-shadow:0 0 0 5px var(--ring), 0 10px 22px rgba(16,56,91,.11); }

.aiinv-stepper{
  position:relative;
  gap:10px;
  padding:8px;
  border-radius:18px;
  background:#f2f7fc;
  border:1px solid #d7e5f2;
}
.aiinv-step{
  flex:1 0 auto;
  justify-content:center;
  border-radius:14px;
  border-color:transparent;
  background:transparent;
}
.aiinv-step.active{
  color:#0f3b64;
  border-color:#fff;
  background:#fff;
  box-shadow:0 12px 24px rgba(19,70,115,.13);
}
.aiinv-step.active .dot{ background:var(--gold); box-shadow:0 0 0 6px rgba(246,183,60,.18); }

.aiinv-note{
  padding:14px 16px;
  border:1px solid #d5e4f1;
  border-radius:16px;
  background:linear-gradient(135deg,#f8fcff,#fff);
  color:#41586f;
  line-height:2;
}
.aiinv-note b{ color:#0d2d4d; }
.aiinv-flow{ max-width:1080px; margin-inline:auto; }
.aiinv-login{ margin-inline:auto; }

.aiinv-sign{ display:grid; grid-template-columns:1.05fr .95fr; gap:18px; align-items:start; }
.aiinv-canvas{
  width:100%;
  min-height:180px;
  border:2px dashed #b9cde1;
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.aiinv-drop{
  border:2px dashed #c4d8ea;
  border-radius:18px;
  padding:16px;
  background:linear-gradient(135deg,#f7fbff,#fff);
}
.aiinv-file{ width:100%; margin-top:10px; }

.aiinv-admin-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.aiinv-kpi-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; }
.aiinv-kpi{ padding:18px; border-radius:22px; }
.kpi-title{ color:#64798e; font-weight:800; font-size:.82rem; }
.kpi-value{ margin-top:6px; font-size:clamp(1.35rem,1rem + 1.4vw,2.15rem); font-weight:900; color:#0b2b4c; }
.kpi-sub{ color:#7b8da1; font-size:.8rem; }
.aiinv-admin-title{ margin:0 0 14px; color:#102d4b; font-size:1rem; font-weight:900; }
.aiinv-admin-list{ display:grid; gap:10px; }
.aiinv-admin-item{
  padding:13px 14px;
  border:1px solid #d7e5f2;
  border-radius:16px;
  background:#fff;
}
.aiinv-admin-item b{ display:block; color:#102d4b; }
.aiinv-admin-item .meta{ display:block; color:#61778d; font-size:.83rem; margin-top:4px; }
.aiinv-admin-chart{ width:100%; max-width:100%; border-radius:18px; background:#fff; }

.aiinv-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 8px;
  font-size:.88rem;
}
.aiinv-table th{
  color:#61768b;
  font-size:.78rem;
  font-weight:900;
  text-align:right;
  padding:0 12px 2px;
}
.aiinv-table td{
  padding:12px;
  background:#fff;
  border-top:1px solid #dce8f3;
  border-bottom:1px solid #dce8f3;
}
.aiinv-table td:first-child{ border-right:1px solid #dce8f3; border-radius:0 14px 14px 0; }
.aiinv-table td:last-child{ border-left:1px solid #dce8f3; border-radius:14px 0 0 14px; }

.aiinv-toast{ bottom:26px; right:26px; max-width:min(420px,calc(100vw - 32px)); border-radius:18px; }

@media (max-width:980px){
  .aiinv-top{ position:relative; top:auto; }
  .aiinv-hero-grid,
  .aiinv-sign,
  .aiinv-admin-grid,
  .aiinv-kpi-grid{ grid-template-columns:1fr; }
  .aiinv-hero-title{ max-width:18ch; }
}
@media (max-width:720px){
  .aiinv-bg{ padding:14px 12px 42px; }
  .aiinv-top{ border-radius:18px; }
  .aiinv-brand{ min-width:0; align-items:flex-start; }
  .aiinv-logo{ width:50px; height:50px; border-radius:16px; }
  .aiinv-top > div:last-child .aiinv-btn{ flex:1 1 140px; }
  .aiinv-hero{ min-height:0; padding:22px; border-radius:24px; }
  .aiinv-hero-title{ font-size:1.86rem; letter-spacing:0; }
  .aiinv-metric{ min-height:74px; }
  .aiinv-panel{ padding:16px; }
  .aiinv-card-inner{ padding:18px; }
  .aiinv-stepper{ justify-content:flex-start; }
  .aiinv-step{ flex:0 0 auto; }
  .aiinv-btn{ width:100%; }
  .aiinv-table{ min-width:620px; }
  .aiinv-panel:has(.aiinv-table){ overflow-x:auto; }
}

.aiinv-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
@media (max-width:720px){
  .aiinv-hero-actions .aiinv-btn{ flex:1 1 100%; }
}

/* Anchor target fix: sticky header should not cover the start section. */
#aiinv-start{ scroll-margin-top:110px; }
.aiinv-hero-actions .aiinv-btn.ghost{ scroll-behavior:smooth; }
@media (max-width:720px){
  #aiinv-start{ scroll-margin-top:18px; }
}

.aiinv-success-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border:1px solid #bfe8d5;
  border-radius:20px;
  background:linear-gradient(135deg,#ecfdf5,#ffffff);
  color:#104331;
}
.aiinv-success-card b{ display:block; font-size:1.08rem; }
.aiinv-success-card span{ display:block; color:#3d6b59; margin-top:4px; }
.aiinv-success-mark{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#10b981,#047857);
  font-size:1.45rem;
  font-weight:900;
  box-shadow:0 14px 26px rgba(16,185,129,.25);
}
.aiinv-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0;
}
.aiinv-trust-card{
  padding:20px;
  border-radius:22px;
  min-height:190px;
}
.aiinv-trust-card span{
  display:inline-flex;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#0d3a64;
  color:#fff;
  font-weight:900;
  margin-bottom:14px;
}
.aiinv-trust-card b{ display:block; color:#0d2d4d; font-size:1.05rem; margin-bottom:8px; }
.aiinv-trust-card p{ color:#566d84; line-height:1.9; margin:0; }
.aiinv-inline-btn{ min-height:36px; padding:7px 12px; margin-top:10px; width:auto !important; }
@media (max-width:980px){ .aiinv-trust-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px){ .aiinv-trust-grid{ grid-template-columns:1fr; } .aiinv-trust-card{ min-height:0; } }

.aiinv-support-widget{position:fixed;left:22px;bottom:22px;z-index:99999;direction:rtl;text-align:right}
.aiinv-support-btn{
  position:relative;
  min-width:156px;
  min-height:62px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:999px;
  padding:10px 14px 10px 18px;
  background:linear-gradient(135deg,#092d4e 0%,#17649d 58%,#f2ad32 145%);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  box-shadow:0 18px 42px rgba(13,58,100,.32), inset 0 1px 0 rgba(255,255,255,.24);
  cursor:pointer;
  overflow:hidden;
  transition:transform var(--transition-base), box-shadow var(--transition-base), filter var(--transition-base);
}
.aiinv-support-btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 42%,rgba(246,183,60,.25));
  opacity:.85;
}
.aiinv-support-btn::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:inherit;
  border:1px solid rgba(246,183,60,.42);
  animation:aiinvSupportPulse 2.2s ease-out infinite;
}
.aiinv-support-btn:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(13,58,100,.4), inset 0 1px 0 rgba(255,255,255,.28);filter:saturate(1.08)}
.aiinv-support-icon,.aiinv-support-copy{position:relative;z-index:1}
.aiinv-support-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.aiinv-support-icon svg{width:24px;height:24px}
.aiinv-support-copy{display:grid;gap:0;line-height:1.2;text-align:right}
.aiinv-support-copy b{font-size:.95rem}
.aiinv-support-copy small{font-size:.72rem;color:#ffe8bd;font-weight:900}
@keyframes aiinvSupportPulse{0%{opacity:.8;transform:scale(.96)}70%,100%{opacity:0;transform:scale(1.18)}}
.aiinv-support-panel{position:absolute;left:0;bottom:82px;width:min(350px,calc(100vw - 32px));display:none;gap:10px;padding:18px;border:1px solid #d4e2ef;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 24px 62px rgba(13,58,100,.24);backdrop-filter:blur(14px)}
.aiinv-support-panel.show{display:grid;animation:aiinvSlideUp .25s ease-out}
.aiinv-support-panel b{color:#0d2d4d}.aiinv-support-panel p{margin:0;color:#526a80;line-height:1.8}.aiinv-support-panel .aiinv-textarea{min-height:90px}
.aiinv-project-status-card{background:linear-gradient(135deg,#fff,#f4fbff)}
@media (max-width:720px){.aiinv-support-widget{left:14px;bottom:14px}.aiinv-support-btn{min-width:62px;width:62px;height:62px;padding:0;border-radius:50%}.aiinv-support-copy{display:none}.aiinv-support-icon{width:42px;height:42px}.aiinv-support-panel{left:0;bottom:74px}}

.aiinv-admin-command{position:relative;overflow:hidden}
.aiinv-admin-command::before{content:"";position:absolute;inset:-40% auto auto -10%;width:360px;height:360px;border-radius:50%;background:rgba(246,183,60,.18);filter:blur(8px)}
.aiinv-command-head{position:relative;z-index:1;display:grid;gap:12px}
.aiinv-admin-shortcuts{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.aiinv-admin-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:14px;background:#fff;border:1px solid #cfe0ef;color:#0d3a64;text-decoration:none;font-weight:900;box-shadow:var(--shadow-xs)}
.aiinv-admin-shortcuts a:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
#admin-docs,#admin-users,#admin-support,#admin-units,#admin-notify,#admin-contract-tools,#admin-settings,#admin-blog{scroll-margin-top:120px}
@media (max-width:720px){.aiinv-admin-shortcuts a{flex:1 1 140px}#admin-docs,#admin-users,#admin-support,#admin-units,#admin-notify,#admin-contract-tools,#admin-settings,#admin-blog{scroll-margin-top:18px}}

/* Organized admin/user dashboards */
.aiinv-tabbed-dashboard{ --dash-red:#e30613; --dash-ink:#111827; --dash-soft:#f4f6f9; }
.aiinv-dashboard-top{ align-items:center; padding:16px; border:1px solid rgba(13,31,58,.08); border-radius:28px; background:rgba(255,255,255,.68); backdrop-filter:blur(14px); box-shadow:var(--shadow-sm); }
.aiinv-top-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; }
.aiinv-dashboard-hero{ display:grid; grid-template-columns:1.15fr .85fr; gap:18px; align-items:center; margin-bottom:16px; overflow:hidden; position:relative; background:linear-gradient(135deg,#ffffff,#f7f9fc); }
.aiinv-dashboard-hero:before{ content:""; position:absolute; inset:-80px auto -80px -90px; width:42%; background:linear-gradient(135deg,rgba(227,6,19,.14),rgba(17,24,39,.08),transparent); transform:skewX(-18deg); pointer-events:none; }
.aiinv-dashboard-hero > *{ position:relative; z-index:1; }
.aiinv-dashboard-hero h2{ margin:10px 0 8px; max-width:820px; color:#111827; font-size:clamp(1.4rem,1.1rem + 1vw,2rem); line-height:1.45; letter-spacing:0; }
.aiinv-dashboard-hero p{ max-width:760px; color:#5f6f82; line-height:1.9; }
.aiinv-dashboard-summary,.aiinv-admin-quick-actions{ display:grid; gap:10px; }
.aiinv-dashboard-summary span,.aiinv-admin-quick-actions a{ display:flex; justify-content:space-between; gap:12px; padding:13px 15px; border:1px solid #e2e8f0; border-radius:18px; background:#fff; color:#536477; box-shadow:var(--shadow-xs); }
.aiinv-dashboard-summary b{ color:#111827; }
.aiinv-admin-quick-actions a{ color:#111827; font-weight:900; transition:transform var(--transition-base), border-color var(--transition-base), color var(--transition-base); }
.aiinv-admin-quick-actions a:hover{ transform:translateY(-2px); border-color:#f4b7bd; color:#e30613; }
.aiinv-dash-tabs{ position:sticky; top:12px; z-index:12; display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; padding:10px; border-radius:24px; background:rgba(255,255,255,.82); backdrop-filter:blur(16px); }
.aiinv-dash-tabs button{ flex:1 1 150px; min-height:48px; border:1px solid transparent; border-radius:16px; background:transparent; color:#5c6d80; font-weight:900; cursor:pointer; transition:transform var(--transition-base), background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base); }
.aiinv-dash-tabs button:hover{ transform:translateY(-1px); color:#111827; background:#f7f8fb; }
.aiinv-dash-tabs button.active{ color:#fff; background:linear-gradient(135deg,#181c24,#e30613); box-shadow:0 14px 30px rgba(227,6,19,.18); }
.aiinv-tab-panel{ display:none; animation:aiinvTabIn .35s ease-out; }
.aiinv-tab-panel.active{ display:block; }
@keyframes aiinvTabIn{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:translateY(0); } }
.aiinv-dashboard-grid{ display:grid; gap:16px; }
.aiinv-dashboard-grid.three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.aiinv-dashboard-grid.split{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.aiinv-wide-panel{ grid-column:1/-1; }
.aiinv-mini-stat .aiinv-card-inner{ min-height:168px; display:flex; flex-direction:column; justify-content:space-between; }
.aiinv-mini-stat span{ color:#e30613; font-weight:900; font-size:.82rem; }
.aiinv-mini-stat h3{ margin:8px 0; font-size:clamp(1.05rem,.98rem + .55vw,1.45rem); color:#111827; }
.aiinv-mini-stat p{ margin:0; color:#5f6f82; }
.aiinv-form-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:flex-start; }
.aiinv-form-actions .aiinv-note{ flex:1 1 260px; padding:10px 12px; }
.aiinv-table-scroll{ max-height:340px; overflow:auto; border-radius:16px; }
.aiinv-tabbed-dashboard .aiinv-panel,.aiinv-tabbed-dashboard .aiinv-card{ border-color:#e1e7ef; }
.aiinv-tabbed-dashboard .aiinv-panel:hover,.aiinv-tabbed-dashboard .aiinv-card:hover{ transform:translateY(-1px); }
.aiinv-tabbed-dashboard .aiinv-admin-title{ display:flex; align-items:center; gap:9px; }
.aiinv-tabbed-dashboard .aiinv-admin-title:before{ content:""; width:8px; height:22px; border-radius:999px; background:linear-gradient(#111827,#e30613); }
@media (max-width:980px){
  .aiinv-dashboard-hero,.aiinv-dashboard-grid.three,.aiinv-dashboard-grid.split{ grid-template-columns:1fr; }
  .aiinv-dash-tabs{ position:relative; top:auto; }
}
@media (max-width:720px){
  .aiinv-dashboard-top{ align-items:flex-start; border-radius:20px; }
  .aiinv-dashboard-hero{ border-radius:20px; padding:18px; }
  .aiinv-dashboard-hero h2{ font-size:1.58rem; }
  .aiinv-dash-tabs{ display:grid; grid-template-columns:1fr 1fr; border-radius:20px; }
  .aiinv-dash-tabs button{ width:auto; min-height:44px; font-size:.82rem; }
  .aiinv-top-actions{ width:100%; }
  .aiinv-top-actions .aiinv-btn{ flex:1 1 130px; }
}
@media (max-width:460px){ .aiinv-dash-tabs{ grid-template-columns:1fr; } }

.aiinv-doc-card{display:grid;gap:14px}
.aiinv-doc-card{padding:0;overflow:hidden}
.aiinv-doc-head b{font-size:1rem}
.aiinv-doc-details,.aiinv-ticket-details{display:none;padding:14px;border-top:1px solid #e2e8f0}
.aiinv-doc-card.open .aiinv-doc-details,.aiinv-chat-card.open .aiinv-ticket-details{display:block}
.aiinv-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aiinv-doc-box{min-height:170px;border:1px solid #d7e5f2;border-radius:16px;background:#f8fbff;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-decoration:none;color:#102d4b;overflow:hidden;padding:12px}
.aiinv-doc-box img{width:100%;height:136px;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0;background:#fff}
.aiinv-doc-box.empty{color:#7a8795;background:#fff}
.aiinv-user-card{padding:0;overflow:hidden}
.aiinv-user-summary{width:100%;border:0;background:#fff;padding:14px 16px;text-align:right;display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:#102d4b}
.aiinv-user-summary b{font-size:1rem}
.aiinv-user-summary span{color:#61778d;font-size:.86rem}
.aiinv-user-details{display:none;border-top:1px solid #e2e8f0;padding:14px}
.aiinv-user-card.open .aiinv-user-details{display:block}
.aiinv-user-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aiinv-user-edit label{display:grid;gap:6px;color:#536477;font-weight:800;font-size:.82rem}
.aiinv-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.aiinv-chat-card{display:grid;gap:0;background:#f8fafc;padding:0;overflow:hidden}
.aiinv-chat-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border:0;background:#fff;text-align:right;cursor:pointer;padding:14px 16px;color:#102d4b}
.aiinv-chat-head span{color:#61778d;font-size:.84rem}
.aiinv-ticket-subject{font-weight:900;color:#102d4b;margin-bottom:10px}
.aiinv-chat-thread{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto;padding:12px;border-radius:18px;background:#eef3f8}
.aiinv-chat-bubble{max-width:min(76%,620px);padding:10px 12px;border-radius:18px;background:#fff;border:1px solid #dce8f3;box-shadow:var(--shadow-xs)}
.aiinv-chat-bubble b{font-size:.78rem;margin-bottom:3px}
.aiinv-chat-bubble span{display:block;color:#26384a}
.aiinv-chat-bubble.admin{align-self:flex-start;background:#102d4b;color:#fff;border-color:#102d4b}
.aiinv-chat-bubble.admin b,.aiinv-chat-bubble.admin span{color:#fff}
.aiinv-chat-bubble.user{align-self:flex-end}
.aiinv-chat-reply{display:grid;grid-template-columns:1fr 150px auto;gap:8px}
.aiinv-post-item{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start}
.aiinv-post-item>img{width:120px;height:96px;object-fit:cover;border-radius:14px;border:1px solid #dce8f3;background:#fff}
.aiinv-post-item p{margin:8px 0 0;color:#536477}
.aiinv-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.aiinv-public-post{display:flex;flex-direction:column}
.aiinv-public-post-img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px 24px 0 0;border-bottom:1px solid #dce8f3}
.aiinv-public-post.gallery .aiinv-public-post-img{aspect-ratio:4/3}
.aiinv-public-post details{margin-top:10px;color:#41586f}
.aiinv-public-post summary{cursor:pointer;font-weight:900;color:#102d4b}
.aiinv-chart-filters{display:flex;gap:8px;flex-wrap:wrap}
.aiinv-chart-filters button{border:1px solid #d7e5f2;background:#fff;border-radius:12px;padding:8px 12px;font-weight:900;cursor:pointer;color:#102d4b}
.aiinv-chart-filters button.active{background:#102d4b;color:#fff;border-color:#102d4b}
.aiinv-panel-headline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.aiinv-helper{color:#536477;line-height:1.9;margin:0 0 12px}
.aiinv-element-chart{border:1px solid #dce8f3;border-radius:18px;background:#fff;padding:12px;overflow:hidden}
.aiinv-chart-title{font-weight:900;color:#111827;margin:0 0 8px}
.aiinv-element-chart svg{display:block;width:100%;height:auto}
.aiinv-element-chart .grid line{stroke:#e3e9f2;stroke-width:1}
.aiinv-element-chart .area{fill:rgba(227,6,19,.12)}
.aiinv-element-chart .line{fill:none;stroke:#e30613;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.aiinv-element-chart .points circle{fill:#fff;stroke:#111827;stroke-width:3}
.aiinv-element-chart .points text{font:15px sans-serif;fill:#667085;text-anchor:middle}
.aiinv-user-status-box,.aiinv-profile-edit-box{margin-top:16px}
.aiinv-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.aiinv-status-pill{border:1px solid #dce8f3;border-radius:16px;background:#fff;padding:14px}
.aiinv-status-pill b{display:block;color:#102d4b}
.aiinv-status-pill span{display:block;margin-top:5px;color:#536477}
.aiinv-status-pill.ok{border-color:#86efac;background:#f0fdf4}
.aiinv-status-pill.bad{border-color:#fca5a5;background:#fef2f2}
.aiinv-status-pill.wait{border-color:#fcd34d;background:#fffbeb}
.aiinv-user-alert{margin-top:12px}
.aiinv-reject-reason{display:grid;gap:8px;margin-top:12px;color:#536477;font-weight:900}
.aiinv-reject-reason textarea{min-height:90px}
.aiinv-doc-reupload{margin-top:14px}
.aiinv-disabled-form{opacity:.72;position:relative}
.aiinv-wallet-lock{margin-top:10px}

.aiinv-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:24px;
  padding:16px 18px;
  border:1px solid rgba(13,58,100,.12);
  border-radius:18px;
  background:rgba(255,255,255,.68);
  color:#536477;
  font-size:.88rem;
  font-weight:800;
  box-shadow:var(--shadow-xs);
}
.aiinv-footer a{
  color:#0d3a64;
  text-decoration:none;
  font-weight:900;
}
.aiinv-footer a:hover{ color:#e30613; }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}

@media (max-width:720px){
  .aiinv-doc-grid,.aiinv-user-edit,.aiinv-status-grid{grid-template-columns:1fr}
  .aiinv-chat-reply{grid-template-columns:1fr}
  .aiinv-chat-bubble{max-width:92%}
  .aiinv-post-item{grid-template-columns:1fr}
  .aiinv-post-item>img{width:100%;height:180px}
  .aiinv-panel-headline{display:grid}
  .aiinv-footer{display:grid;justify-items:start}
}