/* AINEW PRO — iOS 18 Brand Override */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --ainew-primary: #7C3AED;
  --ainew-primary-hover: #6D28D9;
  --ainew-primary-light: rgba(124, 58, 237, 0.1);
  --ainew-accent: #F59E0B;
  --ainew-bg: #F5F5F7;
  --ainew-bg-dark: #1C1C1E;
  --ainew-text: #1D1D1F;
  --ainew-text-secondary: #86868B;
  --ainew-glass: rgba(255, 255, 255, 0.72);
  --ainew-glass-border: rgba(255, 255, 255, 0.3);
  --ainew-blur: 20px;
  --ainew-radius-sm: 12px;
  --ainew-radius-md: 16px;
  --ainew-radius-lg: 20px;
  --ainew-radius-xl: 24px;
  --ainew-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  --ainew-shadow-hover: 0 4px 32px rgba(0, 0, 0, 0.1);
}

html, body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Primary color override */
[data-theme="light"] {
  --tw-ring-color: var(--ainew-primary) !important;
}

/* Buttons */
button[type="submit"],
.btn-primary,
[class*="bg-customColor"] {
  background: var(--ainew-primary) !important;
  border-radius: var(--ainew-radius-sm) !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  letter-spacing: -0.4px !important;
  transition: all 0.2s ease-out !important;
  min-height: 46px !important;
}

button[type="submit"]:hover,
.btn-primary:hover,
[class*="bg-customColor"]:hover {
  background: var(--ainew-primary-hover) !important;
  transform: scale(1.01);
}

/* Input fields */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  border-radius: var(--ainew-radius-sm) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  font-size: 17px !important;
  letter-spacing: -0.4px !important;
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out !important;
  min-height: 46px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--ainew-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
  outline: none !important;
}

/* Cards */
[class*="rounded-lg"],
[class*="rounded-xl"],
.card {
  border-radius: var(--ainew-radius-lg) !important;
  box-shadow: var(--ainew-shadow) !important;
  transition: box-shadow 0.25s ease-out, transform 0.25s ease-out !important;
}

/* Navigation / Sidebar */
nav, aside {
  backdrop-filter: blur(var(--ainew-blur));
  -webkit-backdrop-filter: blur(var(--ainew-blur));
}

/* Smooth transitions for all interactive elements */
a, button, input, select, textarea {
  transition: all 0.2s ease-out;
}

/* Modal overrides */
[role="dialog"] {
  border-radius: var(--ainew-radius-xl) !important;
  backdrop-filter: blur(40px) !important;
  -webkit-backdrop-filter: blur(40px) !important;
}

/* ═══ Auth pages — AINEW PRO branding ═══ */

/* Full-page auth background */
body[data-page="auth"],
.flex.min-h-screen,
[class*="auth"] .flex.min-h-screen,
main:has(form[action*="auth"]),
main:has(input[type="password"]) {
  background: var(--ainew-bg) !important;
  position: relative;
}

/* Glass card for auth form */
body[data-page="auth"] form,
main:has(input[type="password"]) > div > div,
[class*="login"] > div,
[class*="register"] > div {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: var(--ainew-radius-lg) !important;
  box-shadow: var(--ainew-shadow) !important;
}

/* AINEW PRO branding injection via CSS */
#ainew-brand-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

#ainew-brand-header img {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}

#ainew-brand-header h2 {
  font-size: 28px !important;
  font-weight: 600 !important;
  letter-spacing: -0.3px !important;
  color: var(--ainew-text) !important;
  margin: 0 !important;
}

#ainew-brand-header .ainew-tagline {
  font-size: 13px;
  letter-spacing: -0.1px;
  color: var(--ainew-text-secondary);
}

#ainew-brand-footer {
  text-align: center;
  margin-top: 24px;
  font-size: 13px;
  letter-spacing: -0.1px;
  color: var(--ainew-text-secondary);
}

/* Override Postiz logo/branding */
[class*="logo"],
img[alt*="ostiz"],
img[alt*="logo"] {
  display: none !important;
}

/* Gradient orbs for auth background */
#ainew-orb-1, #ainew-orb-2 {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  filter: blur(120px);
}

#ainew-orb-1 {
  left: -100px;
  top: -100px;
  width: 500px;
  height: 500px;
  background: #7C3AED;
  opacity: 0.08;
}

#ainew-orb-2 {
  right: -120px;
  bottom: -120px;
  width: 500px;
  height: 500px;
  background: #F59E0B;
  opacity: 0.06;
}

/* Golden accent for PRO features */
.pro-badge,
[class*="premium"],
[class*="upgrade"] {
  background: linear-gradient(135deg, #F59E0B, #D97706) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* ═══ Internal UI — Sidebar / Navigation ═══ */

/* Sidebar glass */
aside,
[class*="sidebar"],
nav[class*="flex-col"] {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(var(--ainew-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ainew-blur)) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Sidebar active item */
[class*="sidebar"] a[class*="active"],
[class*="sidebar"] [data-active="true"],
nav a[class*="bg-"] {
  background: var(--ainew-primary-light) !important;
  color: var(--ainew-primary) !important;
  border-radius: var(--ainew-radius-sm) !important;
}

/* Top navigation bar */
header,
[class*="topbar"],
[class*="navbar"] {
  backdrop-filter: blur(var(--ainew-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ainew-blur)) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* ═══ Internal UI — Dashboard / Content ═══ */

/* Page background */
main,
[class*="main-content"],
[class*="page-content"] {
  background: var(--ainew-bg) !important;
}

/* Calendar cells */
[class*="calendar"] td,
[class*="calendar"] th {
  border-radius: 8px !important;
}

/* Post editor area */
[class*="editor"],
[class*="textarea"],
[contenteditable="true"] {
  border-radius: var(--ainew-radius-sm) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  transition: border-color 0.2s ease-out !important;
}

[class*="editor"]:focus-within,
[contenteditable="true"]:focus {
  border-color: var(--ainew-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
}

/* Tags / Badges */
[class*="badge"],
[class*="tag"],
[class*="chip"] {
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: -0.1px !important;
}

/* Tabs */
[role="tablist"] {
  border-radius: var(--ainew-radius-sm) !important;
}

[role="tab"][aria-selected="true"],
[role="tab"][data-state="active"] {
  background: var(--ainew-primary) !important;
  color: #fff !important;
  border-radius: var(--ainew-radius-sm) !important;
}

/* Tooltips */
[role="tooltip"] {
  border-radius: 10px !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  font-size: 13px !important;
}

/* Dropdown menus */
[role="menu"],
[role="listbox"] {
  border-radius: var(--ainew-radius-md) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
  backdrop-filter: blur(30px) !important;
  -webkit-backdrop-filter: blur(30px) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[role="menuitem"],
[role="option"] {
  border-radius: 8px !important;
  transition: background 0.15s ease-out !important;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25);
}

/* AINEW PRO sidebar logo area */
#ainew-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
}

#ainew-sidebar-brand img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

#ainew-sidebar-brand span {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: var(--ainew-text);
}