@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&family=Plus+Jakarta+Sans:wght@400;500;600;650;700;750;800&display=swap');

/* Shared by the React workspace and every HTML entry point. */
.riq-logo-mark { display:block; width:100%; height:100%; object-fit:contain; }
.riq-legacy :is(div,a):has(> .riq-logo-mark) { background:transparent !important; box-shadow:none !important; border:0 !important; }
.riq-workspace-nav .riq-brand { display:flex; align-items:center; gap:9px; }
:root {
  --riq-background: #f7f8f5;
  --riq-surface: #ffffff;
  --riq-ink: #203b33;
  --riq-muted: #63736c;
  --riq-border: #e0e6df;
  --riq-primary: #21634e;
  --riq-primary-hover: #174b3b;
  --riq-sidebar: #142f28;
  --riq-tint: #edf3e8;
  --riq-field-inactive-bg: #e8ece9;
  --riq-field-inactive-text: #526159;
  --riq-field-inactive-border: #c6cfc9;
  --riq-radius: 16px;
  --riq-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --riq-heading: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

body.riq-legacy {
  background: var(--riq-background) !important;
  background-image: none !important;
  color: var(--riq-ink);
  font-family: var(--riq-font) !important;
  -webkit-font-smoothing: antialiased;
}
.riq-legacy h1, .riq-legacy h2, .riq-legacy h3, .riq-legacy h4 {
  font-family: var(--riq-heading);
  letter-spacing: -.035em;
}
.riq-legacy :is(button,input,select,textarea) { font-family: inherit; }
.riq-legacy :is(.animate-blob,.blob) { display: none !important; }
.riq-legacy :is(.glass-panel,.glass) {
  background: var(--riq-surface) !important;
  border-color: var(--riq-border) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 2px 8px #142d2a04 !important;
}
.riq-legacy :is([class*='bg-white/'],.bg-white) { background-color: var(--riq-surface) !important; }
.riq-legacy :is([class*='backdrop-blur']) { backdrop-filter: none !important; }
.riq-legacy :is(.rounded-3xl,.rounded-2xl,[class*='rounded-[24px]'],[class*='rounded-[20px]']) { border-radius: var(--riq-radius) !important; }
.riq-legacy :is([class*='border-gray-'],[class*='border-slate-']) { border-color: var(--riq-border); }
.riq-legacy :is(.text-gray-900,.text-gray-800,.text-slate-900,.text-slate-800) { color: var(--riq-ink) !important; }
.riq-legacy :is(.text-gray-500,.text-gray-600,.text-slate-500,.text-slate-600) { color: var(--riq-muted) !important; }
.riq-legacy :is(.text-teal-500,.text-teal-600,.text-teal-700,.text-emerald-500,.text-emerald-600) { color: var(--riq-primary) !important; }
.riq-legacy .bg-clip-text { background: none !important; color: var(--riq-primary) !important; -webkit-text-fill-color: var(--riq-primary); }
.riq-legacy [class*='bg-gradient']:not(.bg-clip-text) { background-image: none !important; background-color: var(--riq-primary); }
.riq-legacy :is(.bg-ink-900,.bg-slate-900,.bg-gray-900) { background-color: var(--riq-sidebar) !important; }
.riq-legacy :is(.bg-emerald-50,.bg-teal-50) { background-color: var(--riq-tint) !important; }
.riq-legacy :is(a,button)[class*='bg-']:is([class*='text-white'],[type='submit']) {
  background: var(--riq-primary) !important;
  color: white !important;
  border-color: var(--riq-primary) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.riq-legacy :is(a,button)[class*='bg-']:is([class*='text-white'],[type='submit']):hover { background: var(--riq-primary-hover) !important; transform: none !important; }
.riq-legacy :is(input:not([type='checkbox']):not([type='radio']),select,textarea) {
  background-color: white !important;
  color: var(--riq-ink);
  border-color: #dbe2d8 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.riq-legacy :is(input[type='checkbox'],input[type='radio']) { accent-color: var(--riq-primary); }
.riq-legacy :is(button,a,input,select,textarea):focus-visible { outline: 3px solid #77bbaa !important; outline-offset: 3px; }
.riq-legacy :is(button,a){ transition: background-color .15s, color .15s, border-color .15s; }
.riq-legacy button:disabled { opacity: .55; cursor: not-allowed; }
/* Shared field states override white form/utility backgrounds in both shells.
   :disabled also matches controls inside a disabled fieldset. Do not use
   :read-only: it matches editable selects and other non-text controls too. */
body :is(input:not([type='checkbox']):not([type='radio']),select,textarea):is([readonly],:disabled) {
  background: var(--riq-field-inactive-bg) !important;
  color: var(--riq-field-inactive-text) !important;
  -webkit-text-fill-color: var(--riq-field-inactive-text) !important;
  border-color: var(--riq-field-inactive-border) !important;
  box-shadow: none !important;
  opacity: 1;
  cursor: default;
}
body :is(input,textarea):is([readonly],:disabled)::placeholder {
  color: var(--riq-field-inactive-text) !important;
  -webkit-text-fill-color: var(--riq-field-inactive-text) !important;
  opacity: 1;
}
body :is(input,select,textarea):disabled { cursor: not-allowed !important; }
body :is(input[type='checkbox'],input[type='radio']):disabled { accent-color: #829087; cursor: not-allowed; }
.riq-legacy thead { background: #f8faf6 !important; color: var(--riq-muted); }
.riq-legacy tbody tr { border-color: var(--riq-border) !important; }
.riq-legacy header.glass-panel,.riq-legacy header.glass { background: #fafbf8 !important; }
.riq-legacy :is(.shadow-xl,.shadow-lg,[class*='shadow-[']) { box-shadow: 0 2px 8px #142d2a08 !important; }
.riq-legacy ::-webkit-scrollbar { display: block; width: 9px; height: 9px; }
.riq-legacy ::-webkit-scrollbar-thumb { background: #bac5b8; border: 2px solid var(--riq-background); border-radius: 6px; }
.riq-legacy[data-screen='auth'] main { max-width: 1180px; }
.riq-legacy[data-screen='auth'] main>div>div.glass-panel { border: 1px solid var(--riq-border); }
.riq-legacy[data-screen='auth'] .h-1[class*='bg-gradient'] { background: var(--riq-primary) !important; }
.riq-legacy[data-screen='auth'] h2 { font-size: clamp(2rem,4vw,3.4rem); line-height: 1.15; }
.riq-legacy[data-screen='auth'] .text-lg { font-size: 1rem; }
.riq-legacy[data-screen='auth'] .text-xl { font-size: 1.15rem; }
.riq-legacy[data-screen='auth'] main>div>div.glass-panel {
  box-shadow: 0 16px 48px #203b330a !important;
  border-radius: 20px !important;
}
.riq-legacy[data-screen='auth'] h2 { font-weight: 650; letter-spacing: -.05em; }
.riq-legacy[data-screen='auth'] h3 { font-weight: 700; letter-spacing: -.035em; }
.riq-legacy[data-screen='auth'] :is(input,button) { font-size: 14px; line-height: 1.5; }
.riq-legacy[data-screen='public'] :is(h1,h2) { letter-spacing: -.045em; }
.riq-legacy[data-screen='public'] section[class*='bg-gradient'],.riq-legacy[data-screen='public'] div[class*='from-ink'] { background: var(--riq-sidebar) !important; }
.riq-legacy .riq-mobile-nav { border-color: var(--riq-border); background: #fafbf8; box-shadow: 0 8px 24px #142d2a14; }
.riq-legacy .riq-mobile-nav a[aria-current='page'] { background: #dceaca; color: #193d2c; }
.riq-workspace-nav { display: none; }
.brand, .riq-workspace-nav .riq-brand { font-family:var(--riq-heading); }
.riq-workspace-nav .riq-brand-period { color:#b5da9c; }
.riq-workspace-nav .riq-brand { text-decoration:none; }
.riq-workspace-nav .riq-brand img { width:36px; height:36px; flex-shrink:0; }
.riq-workspace-nav a { color:inherit; }
.riq-workspace-card { border:1px solid #355047; background:#1e3833; display:flex; align-items:center; gap:10px; padding:13px 11px; border-radius:9px; margin-bottom:30px; }
.riq-workspace-card > div { min-width:0; }
.riq-workspace-card strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:12px; color:#e6eee7; overflow-wrap:anywhere; }
.riq-workspace-card small { display:block; font-size:10px; color:#90a79a; margin-top:4px; }
.riq-workspace-avatar { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; background:#d5ddbf; color:#304b3b; border-radius:7px; font-weight:700; }
.riq-workspace-nav>nav { display:grid; gap:5px; margin-bottom:29px; }
.riq-workspace-nav .riq-nav-tag { font-size:9px; border:1px solid #4c685a; padding:1px 5px; border-radius:4px; margin-left:auto; }
.riq-workspace-nav svg { flex-shrink:0; }
.riq-workspace-nav .riq-support { margin-top:auto; }
.riq-mobile-nav { display:none; }
.riq-account-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.riq-user-identity { display:block; max-width:220px; min-width:0; padding:6px; border-radius:8px; color:#293d34; font-size:13px; text-decoration:none; }
.riq-user-identity:hover { background:#edf2e8; }
.riq-user-identity:focus-visible { outline:2px solid #477967; outline-offset:2px; }
.riq-user-identity strong,.riq-user-identity small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.riq-user-identity small { font-size:11px; color:#647469; margin-top:3px; }
@media(max-width:700px) { .riq-user-identity { max-width:140px; } .riq-legacy header:has([data-user-identity])>div { flex-wrap:wrap; height:auto; min-height:80px; padding-top:10px; padding-bottom:10px; gap:8px; } }
@media(min-width:901px) {
  body.riq-has-sidebar { padding-left: 238px !important; }
  .riq-has-sidebar>header { left:238px; width:calc(100% - 238px) !important; }
  .riq-has-sidebar>header nav { display:none !important; }
  .riq-workspace-nav { display:flex; position:fixed; inset:0 auto 0 0; z-index:60; width:238px; box-sizing:border-box; padding:33px 20px 20px; flex-direction:column; background:var(--riq-sidebar); color:#abbdb6; overflow-y:auto; }
  .riq-workspace-nav .riq-brand { font-family:var(--riq-heading); font-size:22px; font-weight:800; letter-spacing:-1px; color:white; padding:0 0 32px; white-space:nowrap; }
  .riq-workspace-nav>p { margin:0 12px 12px; font-size:9px; font-weight:700; letter-spacing:1.8px; color:#7a9487; }
  .riq-workspace-nav a:not(.riq-brand) { display:flex; gap:13px; align-items:center; padding:11px 13px; border-radius:7px; font-size:12px; font-weight:500; text-decoration:none; }
  .riq-workspace-nav nav a:not([aria-current=page]):hover { background:#254039; color:white; }
  .riq-workspace-nav a[aria-current=page] { background:#dceaca; color:#193d2c; font-weight:700; box-shadow:inset 3px 0 #78a06b; }
  .riq-workspace-nav i { width:19px; text-align:center; }
}
@media(min-width:901px) and (max-width:1250px) {
  body.riq-has-sidebar { padding-left:212px !important; }
  .riq-has-sidebar>header { left:212px; width:calc(100% - 212px) !important; }
  .riq-workspace-nav { width:212px; padding-left:14px; padding-right:14px; }
}
@media(max-width:900px) {
  body.riq-has-sidebar { padding-bottom:108px !important; }
  .riq-has-sidebar>header nav { display:none !important; }
  .riq-mobile-nav { display:flex; position:fixed; z-index:60; left:12px; right:12px; bottom:max(10px,env(safe-area-inset-bottom)); overflow-x:auto; padding:7px; gap:12px; border:1px solid var(--riq-border); border-radius:14px; background:#fafbf8; }
  .riq-mobile-group { flex-shrink:0; }
  .riq-mobile-label { display:block; padding:0 8px 3px; font-size:9px; font-weight:700; letter-spacing:1px; color:var(--riq-muted); }
  .riq-mobile-group>div { display:flex; }
  .riq-mobile-nav a { display:flex; min-width:68px; min-height:48px; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:4px; border-radius:8px; font-size:10px; color:var(--riq-muted); text-decoration:none; }
  .riq-mobile-nav .riq-nav-tag { display:none; }
}
@media(max-width:640px) {
  .riq-legacy[data-screen='auth'] form .grid-cols-2 { grid-template-columns: minmax(0,1fr); }
  .riq-legacy input:not([type='checkbox']):not([type='radio']),.riq-legacy select,.riq-legacy textarea { font-size: 16px !important; }
}
@media(prefers-reduced-motion:reduce) {
  .riq-legacy *,.riq-legacy *::before,.riq-legacy *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .riq-legacy .reveal { opacity:1 !important; transform:none !important; }
}