/* Ayurvite Workplace App Theme v0.2.1 — Aurora Slate UI */

:root{
  --awp-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --awp-display: Georgia, "Times New Roman", serif;
  --awp-bg:#f7f8fb;
  --awp-paper:#fbfaf7;
  --awp-surface:#ffffff;
  --awp-surface-soft:#f4f7fb;
  --awp-ink:#111d31;
  --awp-ink-2:#1c2b42;
  --awp-muted:#667386;
  --awp-border:rgba(27,42,64,.12);
  --awp-line:rgba(255,255,255,.62);
  --awp-slate:#14243b;
  --awp-slate-2:#243f61;
  --awp-teal:#00b6bd;
  --awp-cobalt:#186bdc;
  --awp-violet:#734ae8;
  --awp-gold:#d6a84f;
  --awp-plum:#954e7b;
  --awp-shadow:0 28px 80px rgba(18,32,54,.12);
  --awp-shadow-soft:0 18px 45px rgba(18,32,54,.08);
}

*{box-sizing:border-box}
body.awp-theme{
  margin:0;
  color:var(--awp-ink);
  font-family:var(--awp-font);
  line-height:1.6;
  background:
    radial-gradient(circle at 2% 52%, rgba(0,182,189,.22), transparent 23rem),
    radial-gradient(circle at 100% 28%, rgba(115,74,232,.20), transparent 26rem),
    linear-gradient(180deg,#fbfaf7 0%,#f4f7fb 100%);
  min-height:100vh;
}
body.awp-theme:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.32;
  mix-blend-mode:multiply;
  background-image:
    linear-gradient(115deg, transparent 0 48%, rgba(255,255,255,.7) 49%, transparent 52%),
    radial-gradient(circle at 20% 35%, rgba(20,36,59,.035) 0 1px, transparent 1px);
  background-size:100% 100%, 7px 7px;
  z-index:-1;
}
a{color:var(--awp-cobalt);text-decoration:none}
a:hover{text-decoration:none}
.awp-container{width:min(1380px, calc(100vw - 64px));margin:0 auto}

/* Header */
.awp-public-header{
  position:sticky;top:0;z-index:80;
  background:rgba(255,255,255,.74);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(27,42,64,.10);
}
.awp-public-header__inner{
  width:min(1380px, calc(100vw - 64px));
  margin:0 auto;
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.awp-brand{display:flex;align-items:center;gap:14px;color:var(--awp-ink)}
.awp-brand__mark{
  width:46px;height:46px;border-radius:15px;
  display:grid;place-items:center;
  color:#fff;font-weight:900;letter-spacing:.03em;
  background:
    radial-gradient(circle at 82% 18%, rgba(0,255,219,.85), transparent 35%),
    linear-gradient(135deg,#14243b,#1a4c83 52%,#5a2ec4);
  box-shadow:0 18px 42px rgba(16,40,72,.26), inset 0 0 0 1px rgba(255,255,255,.22);
}
.awp-brand__text strong{display:block;font-size:22px;line-height:1.05;font-family:var(--awp-display);letter-spacing:-.03em}
.awp-brand__text em{display:none}
.awp-public-nav,.awp-menu{display:flex;align-items:center;gap:42px}
.awp-menu{list-style:none;margin:0;padding:0}
.awp-public-nav a{font-weight:750;color:#17243a;font-size:16px}

/* Public layout */
.awp-public-main{min-height:calc(100vh - 146px)}
.awp-public-section{padding:48px 0}
.awp-page-content{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(27,42,64,.10);
  border-radius:32px;
  padding:34px;
  box-shadow:var(--awp-shadow);
}
.awp-public-footer{
  background:rgba(255,255,255,.72);
  border-top:1px solid rgba(27,42,64,.10);
}
.awp-public-footer__inner{
  width:min(1380px, calc(100vw - 64px));
  margin:0 auto;
  padding:24px 0;
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:var(--awp-muted);
  font-size:14px;
}
.awp-public-footer p{margin:0}

/* Landing */
.awp-landing-aurora{
  position:relative;
  overflow:hidden;
  min-height:610px;
  padding:70px 0 64px;
}
.awp-aurora-orb{
  position:absolute;
  border-radius:999px;
  filter:blur(26px);
  opacity:.72;
  pointer-events:none;
}
.awp-aurora-orb-a{width:430px;height:430px;left:-170px;bottom:-130px;background:radial-gradient(circle,#00d9df,transparent 68%)}
.awp-aurora-orb-b{width:560px;height:560px;right:-170px;top:28px;background:radial-gradient(circle,#6a5cff,transparent 64%)}
.awp-landing-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(520px, 1.08fr);
  gap:72px;
  align-items:center;
}
.awp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(27,42,64,.10);
  box-shadow:var(--awp-shadow-soft);
  color:#23467a;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:900;
  margin:0 0 18px;
}
.awp-eyebrow span{color:#1b6cc8}
.awp-landing-copy h1{
  margin:0 0 24px;
  max-width:680px;
  color:#14243b;
  font-family:var(--awp-display);
  font-size:clamp(56px, 6.6vw, 98px);
  line-height:.93;
  letter-spacing:-.06em;
}
.awp-landing-copy h1 span{
  color:transparent;
  background:linear-gradient(120deg,#1b6cc8,#00a5ad 72%);
  -webkit-background-clip:text;background-clip:text;
}
.awp-lead{
  max-width:610px;
  margin:0 0 28px;
  color:#4f6176;
  font-size:20px;
  line-height:1.55;
}
.awp-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.awp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;
  padding:13px 23px;
  border-radius:14px;
  font-weight:900;
  border:1px solid transparent;
  text-decoration:none!important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.awp-btn:hover{transform:translateY(-1px)}
.awp-btn-primary{
  background:
    radial-gradient(circle at 0 0, rgba(0,232,225,.45), transparent 42%),
    linear-gradient(135deg,#14243b,#0d3b66 55%,#008c95);
  color:#fff!important;
  box-shadow:0 18px 45px rgba(16,40,72,.20);
}
.awp-btn-light{
  background:rgba(255,255,255,.74);
  color:#14243b!important;
  border-color:rgba(27,42,64,.14);
  box-shadow:var(--awp-shadow-soft);
}
.awp-showcase-panel{
  position:relative;
  padding:30px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.30));
  box-shadow:0 32px 90px rgba(16,32,58,.18), inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
}
.awp-showcase-panel:after{
  content:"";
  position:absolute;
  inset:auto -110px -110px auto;
  width:290px;height:290px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,219,224,.35),transparent 68%);
  z-index:-1;
}
.awp-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.awp-tile{
  position:relative;
  overflow:hidden;
  min-height:124px;
  border-radius:22px;
  padding:24px 24px 22px 108px;
  color:#fff;
  box-shadow:0 20px 50px rgba(8,20,38,.25), inset 0 1px 0 rgba(255,255,255,.22);
  background:linear-gradient(135deg,#14243b,#23467a);
}
.awp-tile:before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.28), transparent 22%),
    radial-gradient(circle at 15% 100%, rgba(0,255,234,.20), transparent 34%),
    linear-gradient(150deg, transparent 40%, rgba(255,255,255,.10) 41%, transparent 48%);
}
.awp-tile:after{
  content:"";
  position:absolute;right:-35px;bottom:-38px;
  width:180px;height:90px;
  border-radius:50%;
  border-top:1px solid rgba(255,255,255,.28);
  transform:rotate(-16deg);
}
.awp-tile i{
  position:absolute;left:24px;top:26px;
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  font-style:normal;font-weight:900;font-size:24px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}
.awp-tile strong,.awp-tile span{position:relative;z-index:2;display:block}
.awp-tile strong{font-size:20px;line-height:1.1;margin-bottom:8px}
.awp-tile span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.88)}
.awp-tile.is-ready{background:linear-gradient(135deg,#0f2b2a,#17685e 70%,#d6a84f)}
.awp-tile.is-erp{background:linear-gradient(135deg,#092851,#176bd8 65%,#2bd3ff)}
.awp-tile.is-hims{background:linear-gradient(135deg,#053c48,#0096a2 68%,#39e6da)}
.awp-tile.is-research{background:linear-gradient(135deg,#23195e,#764ee8 66%,#a779ff)}
.awp-tile.is-clinic{background:linear-gradient(135deg,#0d5e67,#00aeb2 70%,#84f2df)}
.awp-tile.is-journal{background:linear-gradient(135deg,#432033,#9b4d80 70%,#d98aac)}
.awp-tile-one{grid-column:1/-1;min-height:118px;background:linear-gradient(135deg,#101827,#14243b 55%,#d6a84f)!important}

/* Product preview */
.awp-product-preview-section{
  position:relative;
  padding:34px 0 74px;
  background:rgba(255,255,255,.52);
  border-top:1px solid rgba(27,42,64,.08);
}
.awp-section-line{
  display:flex;align-items:end;justify-content:space-between;gap:24px;
  margin-bottom:22px;
}
.awp-section-kicker{
  margin:0 0 4px;
  color:#0b8790;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900;
}
.awp-section-line h2{
  font-family:var(--awp-display);
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.04em;
  margin:0;
  color:#14243b;
}
.awp-section-line a{font-weight:850}
.awp-preview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.awp-preview-card{
  position:relative;
  min-height:170px;
  border-radius:20px;
  padding:18px;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(27,42,64,.10);
  box-shadow:var(--awp-shadow-soft);
}
.awp-preview-card:after{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at top right,rgba(0,182,189,.10),transparent 42%);
}
.awp-preview-card span,.awp-preview-card strong,.awp-preview-card em,.awp-preview-card b{position:relative;z-index:2;display:block}
.awp-preview-card span{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  color:#fff;background:#0f8f8f;margin-bottom:12px;
}
.awp-preview-card strong{color:#14243b;font-size:15px;margin-bottom:12px}
.awp-preview-card em{font-style:normal;color:#667386;font-size:11px}
.awp-preview-card b{font-size:26px;line-height:1.1;color:#14243b;margin-top:2px}
.awp-mini-ring,.awp-mini-chart,.awp-mini-bars,.awp-mini-donut,.awp-mini-calendar,.awp-mini-line{
  position:absolute;right:16px;bottom:14px;width:86px;height:46px;border-radius:14px;
  background:linear-gradient(135deg,rgba(0,182,189,.16),rgba(24,107,220,.10));
  border:1px solid rgba(27,42,64,.06);
}

/* WP login */
body.login{
  background:
    radial-gradient(circle at 0% 70%, rgba(0,182,189,.24), transparent 28rem),
    radial-gradient(circle at 100% 20%, rgba(115,74,232,.22), transparent 30rem),
    linear-gradient(180deg,#fbfaf7,#f4f7fb)!important;
}
.login h1 a{
  background:none!important;width:auto!important;height:auto!important;text-indent:0!important;
  color:#14243b!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:28px!important;font-weight:800!important;
}
.login h1 a:before{content:"Ayurvite Workplace"}
.login form{
  border:1px solid rgba(27,42,64,.12)!important;
  border-radius:24px!important;
  box-shadow:var(--awp-shadow)!important;
}
.wp-core-ui .button-primary{
  background:linear-gradient(135deg,#14243b,#0d3b66 55%,#008c95)!important;
  border-color:#14243b!important;
  border-radius:12px!important;
  font-weight:900!important;
}

@media(max-width:1100px){
  .awp-landing-grid{grid-template-columns:1fr;gap:36px}
  .awp-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .awp-container,.awp-public-header__inner,.awp-public-footer__inner{width:calc(100vw - 32px)}
  .awp-public-header__inner{flex-direction:column;align-items:flex-start;padding:16px 0}
  .awp-public-nav{gap:18px;flex-wrap:wrap}
  .awp-landing-copy h1{font-size:52px}
  .awp-showcase-grid{grid-template-columns:1fr}
  .awp-tile-one{grid-column:auto}
  .awp-preview-grid{grid-template-columns:1fr}
  .awp-public-footer__inner{flex-direction:column}
}


/* =========================================================
   v0.2.1 — crispness + dashboard fit corrections
   ========================================================= */

html{
  overflow-x:hidden;
}

body.awp-theme{
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.awp-public-header{
  box-shadow:0 10px 34px rgba(15,28,46,.045);
}

.awp-dashboard-section{
  padding:28px 0 54px;
}

.awp-dashboard-container{
  width:min(1600px, calc(100vw - 48px));
}

.awp-page-content-dashboard{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.awp-page-content-dashboard .awp-entry-content{
  margin:0;
}

/* crisper hero visual details */
.awp-showcase-panel{
  border-color:rgba(255,255,255,.82);
  box-shadow:
    0 36px 98px rgba(16,32,58,.20),
    0 1px 0 rgba(255,255,255,.78) inset,
    0 0 0 1px rgba(20,36,59,.045);
}

.awp-tile{
  box-shadow:
    0 22px 52px rgba(8,20,38,.25),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.14);
}

.awp-tile:before{
  background:
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.32), transparent 22%),
    radial-gradient(circle at 15% 100%, rgba(0,255,234,.22), transparent 34%),
    radial-gradient(circle at 12% 22%, rgba(255,255,255,.09) 0 1px, transparent 1.5px),
    linear-gradient(150deg, transparent 40%, rgba(255,255,255,.12) 41%, transparent 48%);
  background-size:auto, auto, 8px 8px, auto;
}

.awp-preview-card{
  box-shadow:
    0 18px 46px rgba(18,32,54,.085),
    inset 0 1px 0 rgba(255,255,255,.86);
}

/* =========================================================
   v0.2.2 — product icon branding upgrade
   ========================================================= */
.awp-brand__mark{
  width:56px;
  height:56px;
  border-radius:18px;
  padding:0;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
.awp-brand__mark img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.awp-tile i{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
  padding:7px;
}
.awp-tile i img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  filter: drop-shadow(0 8px 14px rgba(8,22,38,.18));
}
.awp-preview-icon{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  padding:4px;
  background:transparent!important;
  margin-bottom:10px!important;
  box-shadow:none!important;
}
.awp-preview-icon img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}