/* =========================================================
   NOVA CONNECT V5 — Internal Platform / Nova Technology UI
   Visual layer only: preserves existing application behavior
   ========================================================= */

:root{
  --nova-navy:#14243a;
  --nova-navy-2:#192b43;
  --nova-deep:#0f1b2d;
  --nova-purple:#6658e8;
  --nova-purple-2:#7a6cf1;
  --nova-blue:#2459b8;
  --nova-bg:#f5f7fb;
  --nova-card:#ffffff;
  --nova-text:#172033;
  --nova-muted:#718096;
  --nova-border:#e5eaf2;
  --nova-success:#19b878;
  --nova-radius:16px;
  --nova-shadow:0 10px 30px rgba(15,27,45,.08);
}

/* Authenticated application only */
#platform-shell{
  background:var(--nova-bg) !important;
  color:var(--nova-text);
  font-family:Inter,Arial,Helvetica,sans-serif;
}

/* Sidebar */
#platform-shell aside,
#platform-shell .sidebar,
#platform-shell .app-sidebar{
  background:linear-gradient(180deg,var(--nova-deep) 0%,var(--nova-navy) 100%) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:10px 0 30px rgba(15,27,45,.08);
}
#platform-shell aside a,
#platform-shell .sidebar a,
#platform-shell .app-sidebar a{
  color:#cbd5e1 !important;
  border-radius:12px !important;
  transition:.2s ease;
}
#platform-shell aside a:hover,
#platform-shell .sidebar a:hover,
#platform-shell .app-sidebar a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.07) !important;
}
#platform-shell aside a.active,
#platform-shell .sidebar a.active,
#platform-shell .app-sidebar a.active,
#platform-shell [aria-current="page"]{
  color:#fff !important;
  background:linear-gradient(135deg,var(--nova-purple),var(--nova-blue)) !important;
  box-shadow:0 8px 20px rgba(102,88,232,.25);
}

/* Main workspace */
#platform-shell main,
#platform-shell .main-content,
#platform-shell .workspace{
  background:var(--nova-bg) !important;
}

/* Topbar */
#platform-shell header,
#platform-shell .topbar,
#platform-shell .app-header{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid var(--nova-border) !important;
  box-shadow:0 4px 18px rgba(15,27,45,.035);
  backdrop-filter:blur(12px);
}

/* Cards / panels / dashboard widgets */
#platform-shell .card,
#platform-shell .panel,
#platform-shell .widget,
#platform-shell .stat-card,
#platform-shell .dashboard-card,
#platform-shell section[class*="card"],
#platform-shell div[class*="card"]{
  background:var(--nova-card) !important;
  border:1px solid var(--nova-border) !important;
  border-radius:var(--nova-radius) !important;
  box-shadow:var(--nova-shadow);
}

/* Primary buttons */
#platform-shell button.primary,
#platform-shell .btn-primary,
#platform-shell button[type="submit"],
#platform-shell .primary-action{
  background:linear-gradient(135deg,var(--nova-purple),var(--nova-blue)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:11px !important;
  box-shadow:0 7px 18px rgba(62,78,190,.20);
}
#platform-shell button.primary:hover,
#platform-shell .btn-primary:hover,
#platform-shell button[type="submit"]:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}

/* Secondary controls */
#platform-shell button,
#platform-shell .btn{
  border-radius:11px;
  font-weight:600;
}

/* Inputs */
#platform-shell input,
#platform-shell select,
#platform-shell textarea{
  background:#fff !important;
  border:1px solid #dfe5ee !important;
  border-radius:11px !important;
  color:var(--nova-text) !important;
  outline:none;
}
#platform-shell input:focus,
#platform-shell select:focus,
#platform-shell textarea:focus{
  border-color:var(--nova-purple) !important;
  box-shadow:0 0 0 3px rgba(102,88,232,.11) !important;
}

/* Tables */
#platform-shell table{
  background:#fff;
  border-collapse:separate;
  border-spacing:0;
  border-radius:14px;
  overflow:hidden;
}
#platform-shell thead th{
  background:#f0f3f8 !important;
  color:#526174 !important;
  font-size:12px;
  text-transform:none;
  border-bottom:1px solid var(--nova-border) !important;
}
#platform-shell tbody td{
  border-bottom:1px solid #edf0f5 !important;
}
#platform-shell tbody tr:hover{
  background:#f8f9fd !important;
}

/* Inbox/chat */
#platform-shell .conversation-list,
#platform-shell .chat-list,
#platform-shell .inbox-list{
  background:#fff !important;
  border-color:var(--nova-border) !important;
}
#platform-shell .message-bubble.me,
#platform-shell .message.outgoing,
#platform-shell .bubble.outgoing{
  background:linear-gradient(135deg,var(--nova-purple),var(--nova-blue)) !important;
  color:#fff !important;
}
#platform-shell .message-bubble:not(.me),
#platform-shell .message.incoming,
#platform-shell .bubble.incoming{
  background:#eef2f7 !important;
  color:var(--nova-text) !important;
}

/* Status badges */
#platform-shell .badge,
#platform-shell .status{
  border-radius:999px !important;
  font-weight:700;
}
#platform-shell .status.online,
#platform-shell .badge.success{
  background:rgba(25,184,120,.12) !important;
  color:#0b8b58 !important;
}

/* Headings */
#platform-shell h1{
  color:var(--nova-deep) !important;
  font-weight:800 !important;
  letter-spacing:-.025em;
}
#platform-shell h2,
#platform-shell h3{
  color:var(--nova-navy) !important;
  font-weight:750 !important;
}

/* Tabs */
#platform-shell .tabs,
#platform-shell [role="tablist"]{
  border-bottom:1px solid var(--nova-border);
}
#platform-shell [role="tab"][aria-selected="true"],
#platform-shell .tab.active{
  color:var(--nova-purple) !important;
  border-color:var(--nova-purple) !important;
}

/* Scrollbars */
#platform-shell *{
  scrollbar-width:thin;
  scrollbar-color:#aeb8c7 transparent;
}

/* Internal footer / brand */
#platform-shell .nova-platform-brand{
  color:#94a3b8;
  font-size:11px;
}
#platform-shell .nova-platform-brand strong{
  color:#fff;
}

/* RTL/LTR */
html[dir="rtl"] #platform-shell{
  direction:rtl;
}
html[dir="ltr"] #platform-shell{
  direction:ltr;
}

@media(max-width:900px){
  #platform-shell .card,
  #platform-shell .panel,
  #platform-shell .widget{
    border-radius:12px !important;
  }
}