/* ================================================================
   ItnaVerse V5.0 — PRISM FLOW
   Final global UI layer. Loaded after legacy ItnaVerse styles.
   Purpose: one coherent responsive design across user/admin modules.
   ================================================================ */
:root{
  --iv5-navy-950:#061126;
  --iv5-navy-900:#081a35;
  --iv5-navy-850:#0b2244;
  --iv5-blue:#315efb;
  --iv5-blue-2:#4f7cff;
  --iv5-cyan:#19cde6;
  --iv5-violet:#7657ff;
  --iv5-orange:#ff8a45;
  --iv5-green:#12b76a;
  --iv5-red:#ef476f;
  --iv5-ink:#101828;
  --iv5-muted:#667085;
  --iv5-bg:#f4f7fc;
  --iv5-bg-2:#eef3fa;
  --iv5-card:rgba(255,255,255,.90);
  --iv5-card-solid:#fff;
  --iv5-line:rgba(33,57,100,.105);
  --iv5-line-strong:rgba(33,57,100,.17);
  --iv5-shadow-sm:0 8px 28px rgba(19,42,82,.065);
  --iv5-shadow:0 20px 60px rgba(19,42,82,.105);
  --iv5-shadow-xl:0 34px 90px rgba(8,28,67,.16);
  --iv5-radius-sm:14px;
  --iv5-radius:20px;
  --iv5-radius-lg:28px;
  --iv5-sidebar:276px;
  --iv5-topbar:88px;
  --iv5-ease:190ms cubic-bezier(.2,.8,.2,1);
}

html.itna-ui-v5000{
  background:var(--iv5-bg);
  color-scheme:light;
  scrollbar-gutter:stable;
}
body.itna-v5{
  --itna-sidebar:var(--iv5-sidebar);
  --itna-primary:var(--brand-primary,var(--iv5-blue));
  --itna-accent:var(--brand-accent,var(--iv5-orange));
  min-width:320px;
  color:var(--iv5-ink);
  background:
    radial-gradient(circle at 8% -6%,rgba(49,94,251,.10),transparent 30%),
    radial-gradient(circle at 96% 8%,rgba(25,205,230,.075),transparent 26%),
    radial-gradient(circle at 62% 104%,rgba(118,87,255,.055),transparent 32%),
    linear-gradient(180deg,#f8faff 0%,var(--iv5-bg) 44%,#f2f6fc 100%) !important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Bengali","Noto Sans",Arial,sans-serif;
  text-rendering:optimizeLegibility;
}
body.itna-v5::before{
  opacity:.42!important;
  background-image:
    linear-gradient(rgba(42,79,139,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,79,139,.025) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  mask-image:linear-gradient(to bottom,#000,transparent 76%);
}
body.itna-v5 img,body.itna-v5 video,body.itna-v5 iframe,body.itna-v5 canvas{max-width:100%;}
body.itna-v5 :focus-visible{outline:3px solid rgba(49,94,251,.22)!important;outline-offset:2px;}

/* ---------- Shared desktop shell ---------- */
body.itna-v5 .app-shell{display:flex!important;min-height:100dvh!important;width:100%!important;}
body.itna-v5 .sidebar{
  position:fixed!important;
  z-index:80!important;
  inset:0 auto 0 0!important;
  width:var(--iv5-sidebar)!important;
  padding:16px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  color:#eaf2ff!important;
  background:
    radial-gradient(circle at 5% -5%,rgba(79,124,255,.34),transparent 31%),
    radial-gradient(circle at 110% 54%,rgba(25,205,230,.12),transparent 28%),
    radial-gradient(circle at 15% 105%,rgba(118,87,255,.14),transparent 28%),
    linear-gradient(180deg,var(--iv5-navy-850),var(--iv5-navy-950) 72%)!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:18px 0 64px rgba(9,25,55,.11)!important;
  overflow:hidden!important;
}
body.itna-v5 .sidebar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 24%,transparent 76%,rgba(255,255,255,.018));
}
body.itna-v5 .sidebar .brand{
  position:relative;z-index:2;display:flex!important;align-items:center!important;gap:11px!important;
  min-height:64px!important;margin:0 2px 8px!important;padding:7px 8px!important;border-radius:20px!important;
  color:#fff!important;text-decoration:none!important;
}
body.itna-v5 .sidebar .brand:hover{background:rgba(255,255,255,.04)!important;}
body.itna-v5 .sidebar .brand-mark{
  width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;
  border:1px solid rgba(255,255,255,.12)!important;background:#07183c!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.08)!important;
}
body.itna-v5 .sidebar .brand-mark img{width:100%!important;height:100%!important;object-fit:cover!important;}
body.itna-v5 .sidebar .brand-copy{min-width:0!important;display:grid!important;gap:2px!important;}
body.itna-v5 .sidebar .brand-copy b{font-size:17px!important;line-height:1.1!important;letter-spacing:-.025em!important;color:#fff!important;}
body.itna-v5 .sidebar .brand-copy small{font-size:9px!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#91a9d0!important;font-weight:800!important;}

body.itna-v5 .side-nav{
  position:relative;z-index:2;display:block!important;flex:1 1 auto!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;padding:2px 3px 12px!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(145,169,208,.25) transparent!important;
}
body.itna-v5 .side-nav::-webkit-scrollbar{width:4px}body.itna-v5 .side-nav::-webkit-scrollbar-thumb{background:rgba(145,169,208,.22);border-radius:99px}
body.itna-v5 .nav-section{display:grid!important;gap:3px!important;padding:5px 0 9px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;}
body.itna-v5 .nav-section:last-child{border-bottom:0!important;}
body.itna-v5 .nav-section-label{
  padding:8px 10px 5px!important;color:#6f89b2!important;font-size:8.5px!important;line-height:1!important;
  font-weight:900!important;text-transform:uppercase!important;letter-spacing:.14em!important;
}
body.itna-v5 .nav-item{
  position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;
  min-height:42px!important;gap:9px!important;padding:4px 8px 4px 6px!important;border-radius:13px!important;
  color:#aebed8!important;background:transparent!important;border:1px solid transparent!important;
  font-size:12px!important;font-weight:740!important;line-height:1.15!important;text-decoration:none!important;
  transition:transform var(--iv5-ease),background var(--iv5-ease),color var(--iv5-ease),border-color var(--iv5-ease)!important;
  box-shadow:none!important;
}
body.itna-v5 .nav-item::before,body.itna-v5 .nav-item::after{display:none!important;content:none!important;}
body.itna-v5 .nav-item:hover{color:#fff!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.055)!important;transform:translateX(2px)!important;}
body.itna-v5 .nav-item.active{
  color:#fff!important;background:linear-gradient(100deg,rgba(61,105,255,.30),rgba(25,205,230,.075))!important;
  border-color:rgba(102,150,255,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
body.itna-v5 .nav-item.active::after{display:block!important;content:""!important;position:absolute!important;left:-3px!important;top:9px!important;bottom:9px!important;width:3px!important;border-radius:99px!important;background:linear-gradient(180deg,var(--iv5-cyan),var(--iv5-blue-2))!important;box-shadow:0 0 14px rgba(25,205,230,.55)!important;}
body.itna-v5 .nav-dot.nav-icon-glyph{
  width:32px!important;height:32px!important;min-width:32px!important;margin:0!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;color:#b9c8df!important;background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;font-size:14px!important;font-weight:800!important;
}
body.itna-v5 .nav-item.active .nav-dot.nav-icon-glyph{color:#fff!important;background:linear-gradient(135deg,rgba(79,124,255,.82),rgba(25,205,230,.38))!important;box-shadow:0 8px 20px rgba(16,79,196,.22)!important;}
body.itna-v5 .nav-label{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.itna-v5 .nav-unread-badge{min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:99px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ff5d78,#ef476f)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;border:2px solid #0a1d3b!important;}
body.itna-v5 .nav-section-admin .nav-item{color:#d9c9ff!important;}body.itna-v5 .nav-section-admin .nav-dot{background:rgba(118,87,255,.14)!important;color:#d9c9ff!important;}

body.itna-v5 .side-user{
  position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:8px!important;align-items:center!important;
  margin:9px 2px 0!important;padding:8px!important;border-radius:17px!important;background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.075)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
body.itna-v5 .side-user-profile{min-width:0!important;display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;}
body.itna-v5 .side-user .avatar{width:35px!important;height:35px!important;min-width:35px!important;border-radius:11px!important;background:linear-gradient(145deg,var(--iv5-blue),var(--iv5-cyan))!important;color:#fff!important;box-shadow:0 8px 20px rgba(49,94,251,.22)!important;}
body.itna-v5 .side-user-profile>div{min-width:0!important;display:grid!important;}body.itna-v5 .side-user b{color:#fff!important;font-size:11.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}body.itna-v5 .side-user small{color:#8199bd!important;font-size:9px!important;}
body.itna-v5 .side-logout{width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.055)!important;color:#aebed8!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.055)!important;}body.itna-v5 .side-logout:hover{color:#fff!important;background:rgba(239,71,111,.14)!important;}

body.itna-v5 .main-panel{min-width:0!important;min-height:100dvh!important;flex:1!important;width:calc(100% - var(--iv5-sidebar))!important;margin-left:var(--iv5-sidebar)!important;background:transparent!important;}
body.itna-v5 .app-topbar{
  position:sticky!important;z-index:60!important;top:0!important;min-height:var(--iv5-topbar)!important;height:auto!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  padding:13px clamp(20px,3vw,42px)!important;background:rgba(247,249,253,.76)!important;
  border:0!important;border-bottom:1px solid transparent!important;backdrop-filter:blur(24px) saturate(1.25)!important;-webkit-backdrop-filter:blur(24px) saturate(1.25)!important;
  box-shadow:none!important;transition:background var(--iv5-ease),box-shadow var(--iv5-ease),border-color var(--iv5-ease)!important;
}
body.itna-v5 .app-topbar.is-scrolled{background:rgba(247,249,253,.92)!important;border-bottom-color:var(--iv5-line)!important;box-shadow:0 8px 30px rgba(21,44,84,.06)!important;}
body.itna-v5 .topbar-title{min-width:0!important;display:grid!important;gap:2px!important;}
body.itna-v5 .topbar-eyebrow{font-size:8.5px!important;line-height:1!important;letter-spacing:.17em!important;font-weight:900!important;color:var(--iv5-blue)!important;text-transform:uppercase!important;}
body.itna-v5 .app-topbar h1{margin:0!important;color:#111d34!important;font-size:clamp(20px,1.8vw,24px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:820!important;}
body.itna-v5 .app-topbar p{margin:3px 0 0!important;color:#7a869a!important;font-size:10.5px!important;line-height:1.35!important;}
body.itna-v5 .top-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;}
body.itna-v5 .icon-btn,body.itna-v5 .profile-chip{
  position:relative!important;min-height:40px!important;height:40px!important;border-radius:13px!important;background:rgba(255,255,255,.86)!important;
  border:1px solid var(--iv5-line)!important;color:#35425a!important;box-shadow:0 6px 18px rgba(25,48,86,.045)!important;backdrop-filter:blur(12px)!important;text-decoration:none!important;
}
body.itna-v5 .icon-btn{width:40px!important;min-width:40px!important;display:grid!important;place-items:center!important;font-size:15px!important;}
body.itna-v5 .profile-chip{display:flex!important;align-items:center!important;gap:8px!important;padding:3px 10px 3px 4px!important;font-size:11px!important;font-weight:800!important;}
body.itna-v5 .profile-dot{width:31px!important;height:31px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#173c8a,var(--iv5-blue))!important;color:#fff!important;font-size:10px!important;box-shadow:0 6px 16px rgba(49,94,251,.18)!important;}
body.itna-v5 .badge-mini{position:absolute!important;top:-4px!important;right:-4px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:99px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ff6179,#e83e63)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;border:2px solid #f7f9fd!important;}
body.itna-v5 .content-area{width:min(1440px,100%)!important;margin:0 auto!important;padding:28px clamp(18px,3vw,42px) 64px!important;min-width:0!important;}

/* ---------- Common surfaces ---------- */
body.itna-v5 .card,body.itna-v5 .panel,body.itna-v5 .box,body.itna-v5 .surface{
  border-radius:var(--iv5-radius)!important;border:1px solid var(--iv5-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.84))!important;
  box-shadow:var(--iv5-shadow-sm)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body.itna-v5 .card{padding:20px!important;}
body.itna-v5 .card:hover{border-color:rgba(49,94,251,.15)!important;box-shadow:0 16px 44px rgba(20,45,90,.085)!important;}
body.itna-v5 .card h1,body.itna-v5 .card h2,body.itna-v5 .card h3,body.itna-v5 .section-head h2,body.itna-v5 .section-title h2{color:#12203a!important;letter-spacing:-.03em!important;}
body.itna-v5 .muted,body.itna-v5 small.muted,body.itna-v5 .card p.muted{color:#7a869a!important;}
body.itna-v5 .eyebrow{color:var(--iv5-blue)!important;font-size:9px!important;letter-spacing:.14em!important;font-weight:900!important;text-transform:uppercase!important;}
body.itna-v5 .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}

body.itna-v5 .btn,body.itna-v5 button.btn,body.itna-v5 input[type="submit"].btn{
  min-height:42px!important;padding:9px 15px!important;border-radius:13px!important;border:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  color:#fff!important;background:linear-gradient(125deg,var(--iv5-blue),var(--iv5-blue-2) 55%,#339eea)!important;
  box-shadow:0 10px 24px rgba(49,94,251,.18)!important;font-size:12px!important;font-weight:820!important;line-height:1.15!important;text-decoration:none!important;cursor:pointer!important;
  transition:transform var(--iv5-ease),box-shadow var(--iv5-ease),filter var(--iv5-ease)!important;
}
body.itna-v5 .btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 30px rgba(49,94,251,.24)!important;filter:saturate(1.04)!important;}
body.itna-v5 .btn.ghost,body.itna-v5 .btn.secondary,body.itna-v5 .btn:not(.primary):not(.danger):not(.success):not(.warning){background:rgba(255,255,255,.88)!important;color:#29374f!important;border:1px solid var(--iv5-line)!important;box-shadow:0 5px 16px rgba(23,47,88,.045)!important;}
body.itna-v5 .btn.primary{color:#fff!important;background:linear-gradient(125deg,var(--iv5-blue),var(--iv5-violet) 64%,var(--iv5-cyan))!important;border:0!important;}
body.itna-v5 .btn.danger{color:#fff!important;background:linear-gradient(135deg,#f05c76,#d92d50)!important;border:0!important;}
body.itna-v5 .btn.success{color:#fff!important;background:linear-gradient(135deg,#10a66d,#12b76a)!important;border:0!important;}
body.itna-v5 .btn.small,body.itna-v5 .btn-sm{min-height:38px!important;padding:8px 12px!important;font-size:10.5px!important;}
body.itna-v5 .iv5-pressed{transform:scale(.975)!important;}

body.itna-v5 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.itna-v5 textarea,body.itna-v5 select{
  width:100%;min-height:44px!important;border-radius:13px!important;border:1px solid rgba(37,63,104,.14)!important;
  background:rgba(255,255,255,.90)!important;color:#17233a!important;padding:10px 12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.8)!important;transition:border-color var(--iv5-ease),box-shadow var(--iv5-ease),background var(--iv5-ease)!important;
}
body.itna-v5 textarea{min-height:112px!important;line-height:1.5!important;resize:vertical;}
body.itna-v5 input:focus,body.itna-v5 textarea:focus,body.itna-v5 select:focus{border-color:rgba(49,94,251,.40)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(49,94,251,.08),0 10px 24px rgba(49,94,251,.055)!important;outline:0!important;}
body.itna-v5 input::placeholder,body.itna-v5 textarea::placeholder{color:#98a2b3!important;opacity:1!important;}
body.itna-v5 label{color:#344054;font-weight:760;}
body.itna-v5 .field{min-width:0;}

body.itna-v5 .alert,body.itna-v5 .notice{border-radius:14px!important;padding:11px 13px!important;border:1px solid transparent!important;font-size:11.5px!important;line-height:1.5!important;}
body.itna-v5 .alert.success,body.itna-v5 .notice.success{background:#ecfdf3!important;border-color:#c9f0dc!important;color:#067647!important;}
body.itna-v5 .alert.danger,body.itna-v5 .alert.error,body.itna-v5 .notice.error{background:#fff1f3!important;border-color:#ffd7df!important;color:#b4234d!important;}
body.itna-v5 .alert.warning,body.itna-v5 .notice.warning{background:#fff8eb!important;border-color:#fde7b0!important;color:#9b5b00!important;}
body.itna-v5 .badge,body.itna-v5 .pill,body.itna-v5 .tag,body.itna-v5 .status-pill{border-radius:999px!important;}

/* ---------- Tables ---------- */
body.itna-v5 .itna-table-scroll,body.itna-v5 .table-wrap,body.itna-v5 .scroll{max-width:100%!important;overflow:auto!important;border-radius:16px!important;-webkit-overflow-scrolling:touch;}
body.itna-v5 table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important;font-size:11px!important;}
body.itna-v5 table thead th{position:sticky;top:0;z-index:2;padding:11px 12px!important;background:#f5f8fc!important;color:#68758a!important;border-bottom:1px solid var(--iv5-line)!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;white-space:nowrap!important;}
body.itna-v5 table td{padding:12px!important;color:#344054!important;border-bottom:1px solid rgba(33,57,100,.07)!important;vertical-align:middle!important;}
body.itna-v5 table tbody tr{background:rgba(255,255,255,.20)!important;}body.itna-v5 table tbody tr:hover{background:rgba(49,94,251,.035)!important;}
body.itna-v5 table tbody tr:last-child td{border-bottom:0!important;}
body.itna-v5 .iv5-table-card{overflow:hidden!important;}

/* ---------- Grids and responsive content ---------- */
body.itna-v5 .grid,body.itna-v5 .grid-2,body.itna-v5 .grid-3,body.itna-v5 .stats,body.itna-v5 .cards,body.itna-v5 .metric-grid,body.itna-v5 .dashboard-grid,body.itna-v5 .admin-grid{gap:14px!important;min-width:0!important;}
body.itna-v5 .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
body.itna-v5 .grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
body.itna-v5 .metric,body.itna-v5 .stat,body.itna-v5 .stat-card{overflow:hidden!important;min-width:0!important;border-radius:18px!important;}
body.itna-v5 .metric::after,body.itna-v5 .stat::after,body.itna-v5 .stat-card::after{content:""!important;position:absolute!important;width:90px!important;height:90px!important;border-radius:50%!important;right:-32px!important;top:-35px!important;background:radial-gradient(circle,rgba(49,94,251,.11),transparent 67%)!important;pointer-events:none!important;}

/* ---------- Dashboard: premium command-center treatment ---------- */
body.itna-v5 .main-marketing-hero{
  position:relative!important;overflow:hidden!important;border-radius:30px!important;padding:clamp(24px,3vw,38px)!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(25,205,230,.22),transparent 30%),
    radial-gradient(circle at 10% 120%,rgba(118,87,255,.28),transparent 38%),
    linear-gradient(132deg,#091b3b 0%,#0d2b60 50%,#123b78 100%)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 26px 70px rgba(11,42,97,.22)!important;
}
body.itna-v5 .main-marketing-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent 88%);}
body.itna-v5 .main-marketing-hero h1,body.itna-v5 .main-marketing-hero h2,body.itna-v5 .main-marketing-hero p{color:#fff!important;position:relative;}
body.itna-v5 .main-marketing-hero h1{font-size:clamp(32px,4vw,52px)!important;line-height:1.02!important;letter-spacing:-.055em!important;max-width:730px!important;margin:10px 0 14px!important;}
body.itna-v5 .main-marketing-hero p{max-width:700px!important;color:#c4d3ec!important;line-height:1.65!important;}
body.itna-v5 .main-marketing-hero .eyebrow{color:#74e4f4!important;}
body.itna-v5 .main-dashboard-stats{position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
body.itna-v5 .main-dashboard-stats>div{padding:16px!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(12px)!important;}
body.itna-v5 .main-dashboard-stats b{display:block!important;color:#fff!important;font-size:clamp(24px,2.5vw,36px)!important;letter-spacing:-.05em!important;}body.itna-v5 .main-dashboard-stats small{color:#aebfda!important;}
body.itna-v5 .quick-create-grid{gap:12px!important;}
body.itna-v5 .quick-create-card{min-width:0!important;border-radius:19px!important;border:1px solid var(--iv5-line)!important;background:linear-gradient(180deg,#fff,#f8faff)!important;box-shadow:var(--iv5-shadow-sm)!important;transition:transform var(--iv5-ease),box-shadow var(--iv5-ease),border-color var(--iv5-ease)!important;}
body.itna-v5 .quick-create-card:hover{transform:translateY(-3px)!important;border-color:rgba(49,94,251,.18)!important;box-shadow:0 18px 42px rgba(21,48,95,.10)!important;}
body.itna-v5 .quick-create-card.featured{background:linear-gradient(145deg,#f0f5ff,#eefcff)!important;border-color:rgba(49,94,251,.15)!important;}
body.itna-v5 .dashboard-money-grid>article{border-radius:19px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid var(--iv5-line)!important;box-shadow:var(--iv5-shadow-sm)!important;}
body.itna-v5 .dashboard-money-grid>article.profit{background:linear-gradient(145deg,#effdf7,#f8fffc)!important;border-color:rgba(18,183,106,.15)!important;}

/* ---------- Feed / social ---------- */
body.itna-v5 .feed-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important;gap:18px!important;}
body.itna-v5 .composer{position:relative!important;overflow:hidden!important;}body.itna-v5 .composer::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;background:linear-gradient(90deg,var(--iv5-blue),var(--iv5-cyan),var(--iv5-violet))!important;}
body.itna-v5 .post-card{padding:18px!important;}body.itna-v5 .post-card header{display:flex!important;align-items:center!important;gap:10px!important;}
body.itna-v5 .post-card .avatar{background:linear-gradient(145deg,#173f8d,var(--iv5-blue),var(--iv5-cyan))!important;}
body.itna-v5 .post-media{border-radius:16px!important;border:1px solid var(--iv5-line)!important;}
body.itna-v5 .post-actions{gap:6px!important;flex-wrap:wrap!important;}body.itna-v5 .post-actions form{min-width:0!important;flex:1 1 90px!important;}body.itna-v5 .post-actions button{width:100%!important;border-radius:11px!important;background:#f3f6fb!important;color:#5f6c82!important;}
body.itna-v5 .right-rail>.card:first-child{background:linear-gradient(145deg,#0b2148,#113d75)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 52px rgba(8,38,88,.18)!important;}body.itna-v5 .right-rail>.card:first-child h3{color:#fff!important;}

/* ---------- Auth / onboarding / public forms ---------- */
body.itna-v5 .auth-wrap{min-height:100dvh!important;background:#fff!important;}
body.itna-v5 .auth-visual{background:radial-gradient(circle at 15% 15%,rgba(79,124,255,.30),transparent 30%),radial-gradient(circle at 85% 85%,rgba(25,205,230,.18),transparent 32%),linear-gradient(145deg,#07172f,#0b2852 58%,#0d3765)!important;}
body.itna-v5 .auth-panel{background:linear-gradient(180deg,#fbfcff,#f4f7fc)!important;}
body.itna-v5 .auth-box{padding:clamp(0px,2vw,16px)!important;}body.itna-v5 .auth-box h2{letter-spacing:-.04em!important;color:#12203a!important;}
body.itna-v5 .google-auth-btn{border-radius:13px!important;min-height:46px!important;}

/* ---------- Admin dense layouts ---------- */
body.itna-v5 .admin-grid,body.itna-v5 .metric-grid{align-items:stretch!important;}
body.itna-v5 .diag-stat,body.itna-v5 .line-card,body.itna-v5 .provider-note{border-radius:16px!important;border:1px solid var(--iv5-line)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 6px 18px rgba(25,50,91,.045)!important;}
body.itna-v5 pre{max-width:100%!important;overflow:auto!important;border-radius:14px!important;background:#08172f!important;color:#d8e5fa!important;border:1px solid rgba(130,166,225,.13)!important;}

/* ---------- Mobile More sheet ---------- */
body.itna-v5 .mobile-more-sheet{z-index:500!important;}
body.itna-v5 .mobile-more-backdrop{background:rgba(5,15,34,.64)!important;backdrop-filter:blur(10px)!important;}
body.itna-v5 .mobile-more-panel{border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,249,253,.98))!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 30px 90px rgba(4,18,48,.34)!important;}
body.itna-v5 .mobile-module-card{border-radius:17px!important;background:rgba(255,255,255,.90)!important;border:1px solid var(--iv5-line)!important;box-shadow:0 7px 20px rgba(23,48,89,.055)!important;}
body.itna-v5 .mobile-module-card.active{background:linear-gradient(145deg,#eef3ff,#effcff)!important;border-color:rgba(49,94,251,.18)!important;}
body.itna-v5 .mobile-module-icon{background:linear-gradient(135deg,#264985,var(--iv5-blue))!important;}
body.itna-v5 .primary-tools .mobile-module-card .mobile-module-icon{background:linear-gradient(135deg,var(--iv5-blue),var(--iv5-cyan))!important;}

/* ---------- Standalone module harmonization ---------- */
body.itna-v5:not(.ivx-page) dialog{border:0!important;border-radius:22px!important;box-shadow:var(--iv5-shadow-xl)!important;}
body.itna-v5:not(.ivx-page) .toast{border-radius:14px!important;box-shadow:var(--iv5-shadow)!important;}

/* ---------- Desktop collapse compatibility ---------- */
@media(min-width:901px){
  html.itna-sidebar-collapsed body.itna-v5{--iv5-sidebar:82px;--itna-sidebar:82px;}
  html.itna-sidebar-collapsed body.itna-v5 .sidebar{width:82px!important;padding-inline:9px!important;}
  html.itna-sidebar-collapsed body.itna-v5 .main-panel{margin-left:82px!important;width:calc(100% - 82px)!important;}
  html.itna-sidebar-collapsed body.itna-v5 .brand{justify-content:center!important;padding-inline:0!important;}
  html.itna-sidebar-collapsed body.itna-v5 .brand-copy,html.itna-sidebar-collapsed body.itna-v5 .nav-section-label,html.itna-sidebar-collapsed body.itna-v5 .nav-label,html.itna-sidebar-collapsed body.itna-v5 .side-user-profile>div,html.itna-sidebar-collapsed body.itna-v5 .side-logout{display:none!important;}
  html.itna-sidebar-collapsed body.itna-v5 .nav-item{grid-template-columns:1fr!important;justify-items:center!important;padding:4px!important;}
  html.itna-sidebar-collapsed body.itna-v5 .nav-dot.nav-icon-glyph{width:38px!important;height:38px!important;border-radius:12px!important;}
  html.itna-sidebar-collapsed body.itna-v5 .nav-unread-badge{position:absolute!important;right:2px!important;top:2px!important;}
  html.itna-sidebar-collapsed body.itna-v5 .side-user{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;padding:7px!important;}
  html.itna-sidebar-collapsed body.itna-v5 .side-user-profile{justify-content:center!important;}
}

/* ---------- Tablet ---------- */
@media(max-width:1100px) and (min-width:901px){
  :root{--iv5-sidebar:240px;}
  body.itna-v5 .nav-item{font-size:11px!important;}
  body.itna-v5 .content-area{padding-inline:22px!important;}
  body.itna-v5 .feed-layout{grid-template-columns:minmax(0,1fr) 270px!important;}
}

/* ---------- Mobile / tablet shell ---------- */
@media(max-width:900px){
  :root{--iv5-sidebar:0px;--iv5-topbar:72px;}
  html{scrollbar-gutter:auto;}
  body.itna-v5{background-attachment:scroll!important;padding-bottom:0!important;}
  body.itna-v5 .sidebar{display:none!important;}
  body.itna-v5 .main-panel{margin-left:0!important;width:100%!important;min-height:100dvh!important;}
  body.itna-v5 .app-topbar{
    min-height:72px!important;padding:9px 12px!important;gap:8px!important;background:rgba(247,249,253,.90)!important;
    border-bottom:1px solid rgba(33,57,100,.08)!important;
  }
  body.itna-v5 .topbar-eyebrow{font-size:7px!important;}
  body.itna-v5 .app-topbar h1{font-size:18px!important;max-width:46vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.itna-v5 .app-topbar p{display:none!important;}
  body.itna-v5 .top-actions{gap:5px!important;}
  body.itna-v5 .profile-chip,body.itna-v5 .admin-top-btn{display:none!important;}
  body.itna-v5 .icon-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border-radius:12px!important;}
  body.itna-v5 .global-logout-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:12px!important;}
  body.itna-v5 .logout-full{display:none!important;}body.itna-v5 .logout-mobile{display:inline!important;font-size:9px!important;}
  body.itna-v5 .content-area{padding:15px 12px calc(100px + env(safe-area-inset-bottom))!important;min-height:calc(var(--iv5-vh,100vh) - 72px)!important;}
  body.itna-v5 .card{padding:15px!important;border-radius:17px!important;}
  body.itna-v5 .feed-layout{grid-template-columns:1fr!important;gap:12px!important;}body.itna-v5 .right-rail{display:none!important;}
  body.itna-v5 .grid,body.itna-v5 .grid-2,body.itna-v5 .grid-3,body.itna-v5 .stats,body.itna-v5 .cards,body.itna-v5 .metric-grid,body.itna-v5 .dashboard-grid,body.itna-v5 .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  body.itna-v5 .main-marketing-hero{border-radius:22px!important;padding:21px!important;}
  body.itna-v5 .main-marketing-hero h1{font-size:34px!important;}
  body.itna-v5 .main-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.itna-v5 .mobile-nav{
    position:fixed!important;z-index:420!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:9px!important;right:9px!important;bottom:max(9px,env(safe-area-inset-bottom))!important;height:66px!important;padding:6px!important;
    border-radius:22px!important;background:linear-gradient(155deg,rgba(7,20,45,.975),rgba(11,37,76,.96))!important;
    border:1px solid rgba(128,164,226,.17)!important;box-shadow:0 18px 50px rgba(4,16,38,.34),inset 0 1px rgba(255,255,255,.06)!important;
    backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;
  }
  body.itna-v5 .mobile-nav a{position:relative!important;min-width:0!important;height:54px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;color:#8298bc!important;text-decoration:none!important;font-size:8px!important;font-weight:800!important;}
  body.itna-v5 .mobile-nav a.active{color:#fff!important;background:linear-gradient(145deg,rgba(71,113,255,.28),rgba(25,205,230,.08))!important;box-shadow:inset 0 0 0 1px rgba(105,151,255,.10)!important;}
  body.itna-v5 .mobile-nav a.active::before{content:""!important;position:absolute!important;top:2px!important;width:18px!important;height:3px!important;border-radius:99px!important;background:linear-gradient(90deg,var(--iv5-cyan),var(--iv5-blue-2))!important;box-shadow:0 0 10px rgba(25,205,230,.5)!important;}
  body.itna-v5 .mobile-nav-icon{font-size:16px!important;line-height:1!important;}
  body.itna-v5 .mobile-chat-badge{top:1px!important;right:15%!important;}
  html.itna-keyboard-open body.itna-v5 .mobile-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(16px)!important;}
}

@media(max-width:620px){
  body.itna-v5 .messenger-top-btn{display:none!important;}
  body.itna-v5 .app-topbar h1{max-width:51vw!important;font-size:17px!important;}
  body.itna-v5 .content-area{padding-inline:10px!important;}
  body.itna-v5 .grid,body.itna-v5 .grid-2,body.itna-v5 .grid-3,body.itna-v5 .stats,body.itna-v5 .cards,body.itna-v5 .metric-grid,body.itna-v5 .dashboard-grid,body.itna-v5 .admin-grid{grid-template-columns:1fr!important;}
  body.itna-v5 .main-marketing-hero h1{font-size:30px!important;}
  body.itna-v5 .main-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.itna-v5 .section-head{align-items:flex-start!important;}
  body.itna-v5 .form-row,body.itna-v5 .form-grid,body.itna-v5 .grid-form,body.itna-v5 .fields,body.itna-v5 .controls{grid-template-columns:1fr!important;}
  body.itna-v5 .post-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.itna-v5 .post-actions form{width:100%!important;}
  body.itna-v5 .mobile-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  body.itna-v5 .mobile-module-card{min-height:76px!important;padding:8px 4px!important;}
  body.itna-v5 .mobile-more-panel{left:6px!important;right:6px!important;bottom:6px!important;border-radius:25px!important;padding-inline:11px!important;}
  body.itna-v5 table{min-width:620px!important;}
}

@media(max-width:390px){
  body.itna-v5 .app-topbar{padding-inline:9px!important;}
  body.itna-v5 .app-topbar h1{max-width:47vw!important;font-size:16px!important;}
  body.itna-v5 .icon-btn,body.itna-v5 .global-logout-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;}
  body.itna-v5 .mobile-nav{left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;height:63px!important;border-radius:20px!important;}
  body.itna-v5 .mobile-nav a{height:51px!important;border-radius:15px!important;}
  body.itna-v5 .main-dashboard-stats{grid-template-columns:1fr!important;}
  body.itna-v5 .mobile-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* Large screens */
@media(min-width:1500px){
  body.itna-v5 .content-area{padding-inline:44px!important;}
  body.itna-v5 .app-topbar{padding-inline:44px!important;}
  body.itna-v5 .card{padding:22px!important;}
}

/* Motion/accessibility */
@media(hover:none){body.itna-v5 .btn:hover,body.itna-v5 .nav-item:hover,body.itna-v5 .quick-create-card:hover{transform:none!important;}}
@media(prefers-reduced-motion:reduce){body.itna-v5 *,body.itna-v5 *::before,body.itna-v5 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}}
@media(prefers-contrast:more){body.itna-v5{--iv5-line:rgba(25,47,84,.28);--iv5-line-strong:rgba(25,47,84,.42);}body.itna-v5 .card{background:#fff!important;}}