/* EQOLEAN Work Map Visual Master
   Shared atmospheric shell + glass surfaces for all application pages.
   Loaded after page CSS so content architecture stays intact while the visual language is normalized. */

:root{
  --eq-bg:#23106f;
  --eq-bg2:#34129a;
  --eq-bg3:#20106b;
  --eq-panel:rgba(255,255,255,.070);
  --eq-panel-2:rgba(255,255,255,.100);
  --eq-panel-3:rgba(255,255,255,.135);
  --eq-line:rgba(255,255,255,.105);
  --eq-line-strong:rgba(255,255,255,.16);
  --eq-text:#fff;
  --eq-muted:rgba(255,255,255,.55);
  --eq-soft:rgba(255,255,255,.76);
  --eq-violet:#9d7bff;
  --eq-violet2:#7455ef;
  --eq-cyan:#66dcff;
  --eq-mint:#67e6c5;
  --eq-shell-a:#2f188d;
  --eq-shell-b:#281175;
  --eq-shell-c:#1f0d60;
  --eq-shadow:0 24px 56px rgba(16,4,65,.14),inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-eqo-theme="deep-violet"]{
  --eq-bg:#28105f;--eq-bg2:#351582;--eq-bg3:#1b0a44;
  --eq-shell-a:#351582;--eq-shell-b:#28105f;--eq-shell-c:#1b0a44;
  --eq-cyan:#bca3ff;--eq-violet:#a885ff;--eq-violet2:#8257f1;--eq-mint:#7ce7d2;
}
body[data-eqo-theme="midnight"]{
  --eq-bg:#111936;--eq-bg2:#192454;--eq-bg3:#0b1025;
  --eq-shell-a:#192454;--eq-shell-b:#111936;--eq-shell-c:#0b1025;
  --eq-cyan:#70c7ff;--eq-violet:#7588ff;--eq-violet2:#5f6fe0;--eq-mint:#65dccd;
}
body[data-eqo-theme="aurora"]{
  --eq-bg:#143247;--eq-bg2:#183f58;--eq-bg3:#102736;
  --eq-shell-a:#183f58;--eq-shell-b:#143247;--eq-shell-c:#102736;
  --eq-cyan:#63e6d5;--eq-violet:#73a9ff;--eq-violet2:#548de8;--eq-mint:#88efb6;
}

html{background:var(--eq-bg3)}
body.eqo-workmap-skin{
  color:var(--eq-text);
  background:var(--eq-bg)!important;
  background-attachment:fixed!important;
}
body.eqo-workmap-skin,body.eqo-workmap-skin button,body.eqo-workmap-skin input,body.eqo-workmap-skin select,body.eqo-workmap-skin textarea{
  font-family:"IBM Plex Sans Thai","Noto Sans Thai","Kanit",Tahoma,system-ui,sans-serif;
}
body.eqo-workmap-skin h1,body.eqo-workmap-skin h2,body.eqo-workmap-skin h3,body.eqo-workmap-skin h4,
body.eqo-workmap-skin .page-title,body.eqo-workmap-skin .card-title,body.eqo-workmap-skin .section-title{
  font-family:"Kanit","IBM Plex Sans Thai",sans-serif;
}

/* Shared application field */
body.eqo-workmap-skin > .app,
body.eqo-workmap-skin > .app-shell,
body.eqo-workmap-skin #main-wrapper{
  min-height:100vh!important;
  background:transparent!important;
}
body.eqo-workmap-skin > .app > .main,
body.eqo-workmap-skin > .app-shell > .main,
body.eqo-workmap-skin .content-body,
body.eqo-workmap-skin > .shell > .main{
  position:relative;
  isolation:isolate;
  color:var(--eq-text)!important;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--eq-violet) 32%,transparent),transparent 30%),
    radial-gradient(circle at 85% 36%,color-mix(in srgb,var(--eq-cyan) 8%,transparent),transparent 24%),
    radial-gradient(circle at 15% 72%,color-mix(in srgb,var(--eq-violet2) 16%,transparent),transparent 30%),
    linear-gradient(145deg,var(--eq-shell-a) 0%,var(--eq-bg2) 48%,var(--eq-bg3) 100%)!important;
}
body.eqo-workmap-skin > .app > .main:before,
body.eqo-workmap-skin > .app-shell > .main:before,
body.eqo-workmap-skin .content-body:before,
body.eqo-workmap-skin > .shell > .main:before{
  content:"";
  position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.84),transparent 96%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.84),transparent 96%);
}
body.eqo-workmap-skin > .app > .main:after,
body.eqo-workmap-skin > .app-shell > .main:after,
body.eqo-workmap-skin .content-body:after,
body.eqo-workmap-skin > .shell > .main:after{
  content:"";position:absolute;z-index:-1;width:min(1050px,75vw);height:720px;left:50%;top:85px;transform:translateX(-50%);pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--eq-violet) 17%,transparent),color-mix(in srgb,var(--eq-cyan) 4%,transparent) 42%,transparent 70%);filter:blur(28px)
}

/* Master navigation = Work Map shell */
body.eqo-workmap-skin #eqoMasterNav{--eqo-accent:var(--eq-cyan);--eqo-accent-2:var(--eq-violet)}
body.eqo-workmap-skin .eqo-master-sidebar{
  background:
    radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--eq-violet) 16%,transparent),transparent 25%),
    linear-gradient(180deg,color-mix(in srgb,var(--eq-shell-a) 98%,#000) 0%,color-mix(in srgb,var(--eq-shell-b) 98%,#000) 52%,color-mix(in srgb,var(--eq-shell-c) 99%,#000) 100%)!important;
  border-right-color:rgba(255,255,255,.07)!important;
  box-shadow:20px 0 54px rgba(17,4,66,.18),inset -1px 0 rgba(255,255,255,.018)!important;
  backdrop-filter:blur(22px)
}
body.eqo-workmap-skin .eqo-master-sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 82%);mask-image:linear-gradient(to bottom,#000,transparent 82%)}
body.eqo-workmap-skin .eqo-master-brand{border-bottom:1px solid rgba(255,255,255,.065)}
body.eqo-workmap-skin .eqo-master-brand:after{content:"";position:absolute;left:9px;bottom:-1px;width:42px;height:1px;background:linear-gradient(90deg,var(--eq-cyan),color-mix(in srgb,var(--eq-violet) 18%,transparent));box-shadow:0 0 14px color-mix(in srgb,var(--eq-cyan) 35%,transparent)}
body.eqo-workmap-skin .eqo-master-wordmark small{color:rgba(255,255,255,.38)!important}
body.eqo-workmap-skin .eqo-master-current{background:linear-gradient(135deg,color-mix(in srgb,var(--eq-violet) 17%,transparent),rgba(255,255,255,.04) 55%,color-mix(in srgb,var(--eq-cyan) 4.5%,transparent))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 18px 44px rgba(18,4,70,.13),inset 0 1px 0 rgba(255,255,255,.045)!important}
body.eqo-workmap-skin .eqo-master-ring{background:conic-gradient(from -90deg,var(--eq-cyan) calc(var(--p)*.34%),var(--eq-violet) calc(var(--p)*1%),rgba(255,255,255,.085) 0)!important;box-shadow:0 9px 23px rgba(25,7,83,.23),0 0 24px color-mix(in srgb,var(--eq-cyan) 6%,transparent),inset 0 0 0 1px rgba(255,255,255,.08)!important}
body.eqo-workmap-skin .eqo-master-ring:after{background:linear-gradient(145deg,var(--eq-shell-a),var(--eq-shell-c))!important}
body.eqo-workmap-skin .eqo-master-group-head{color:rgba(255,255,255,.48)!important;border:1px solid transparent!important}
body.eqo-workmap-skin .eqo-master-group-head:hover{color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.045)!important}
body.eqo-workmap-skin .eqo-master-group.open>.eqo-master-group-head{color:#fff!important;background:linear-gradient(90deg,color-mix(in srgb,var(--eq-violet) 10%,transparent),color-mix(in srgb,var(--eq-cyan) 2.5%,transparent),transparent 88%)!important}
body.eqo-workmap-skin .eqo-master-link{color:rgba(255,255,255,.47)!important}
body.eqo-workmap-skin .eqo-master-link:hover{color:rgba(255,255,255,.90)!important;background:rgba(255,255,255,.045)!important}
body.eqo-workmap-skin .eqo-master-link.active{color:#fff!important;background:linear-gradient(105deg,color-mix(in srgb,var(--eq-violet) 18%,transparent),color-mix(in srgb,var(--eq-cyan) 5.5%,transparent) 70%,rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 14px 32px rgba(18,4,70,.11),inset 0 1px 0 rgba(255,255,255,.045)!important}
body.eqo-workmap-skin .eqo-active-dot{background:var(--eq-cyan)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--eq-cyan) 8%,transparent),0 0 15px color-mix(in srgb,var(--eq-cyan) 50%,transparent)!important}
body.eqo-workmap-skin #eqoMasterTopbar{background:linear-gradient(90deg,color-mix(in srgb,var(--eq-shell-a) 94%,transparent),color-mix(in srgb,var(--eq-bg2) 88%,transparent) 52%,color-mix(in srgb,var(--eq-shell-b) 94%,transparent))!important;border-bottom-color:rgba(255,255,255,.075)!important;box-shadow:0 12px 30px rgba(19,4,67,.10),inset 0 -1px 0 rgba(255,255,255,.018)!important;backdrop-filter:blur(22px)!important}
body.eqo-workmap-skin .eqo-master-search{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.075)!important;color:rgba(255,255,255,.42)!important}
body.eqo-workmap-skin .eqo-master-topbtn{color:rgba(255,255,255,.60)!important}
body.eqo-workmap-skin .eqo-master-topbtn:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
body.eqo-workmap-skin .eqo-master-theme-pop{background:linear-gradient(180deg,color-mix(in srgb,var(--eq-shell-a) 96%,#000),color-mix(in srgb,var(--eq-shell-c) 97%,#000))!important;border-color:rgba(255,255,255,.11)!important}

/* Common typography hierarchy */
body.eqo-workmap-skin .breadcrumb,body.eqo-workmap-skin .crumb,body.eqo-workmap-skin .eyebrow{color:rgba(255,255,255,.38)!important}
body.eqo-workmap-skin .breadcrumb b,body.eqo-workmap-skin .crumb b{color:#bff4ff!important}
body.eqo-workmap-skin .page-head h1,body.eqo-workmap-skin .page-head h2,body.eqo-workmap-skin .topbar h1,body.eqo-workmap-skin .topbar h2{color:#fff!important;text-shadow:none!important}
body.eqo-workmap-skin .page-head p,body.eqo-workmap-skin .subtitle,body.eqo-workmap-skin .sub,body.eqo-workmap-skin .muted{color:rgba(255,255,255,.52)!important}

/* Glass surface language. Intentionally broad but restrained; media/visual canvases keep their own art. */
body.eqo-workmap-skin .card,
body.eqo-workmap-skin .panel,
body.eqo-workmap-skin .summary-card,
body.eqo-workmap-skin .department-card,
body.eqo-workmap-skin .requirement-card,
body.eqo-workmap-skin .rule-tile,
body.eqo-workmap-skin .kpi,
body.eqo-workmap-skin .status-box,
body.eqo-workmap-skin .filter,
body.eqo-workmap-skin .req-card,
body.eqo-workmap-skin .dimension,
body.eqo-workmap-skin .source,
body.eqo-workmap-skin .library-section,
body.eqo-workmap-skin .canvas{
  color:#fff;
  border-color:var(--eq-line)!important;
  box-shadow:var(--eq-shadow)!important;
}
body.eqo-workmap-skin .card,
body.eqo-workmap-skin .summary-card,
body.eqo-workmap-skin .department-card,
body.eqo-workmap-skin .requirement-card,
body.eqo-workmap-skin .rule-tile,
body.eqo-workmap-skin .status-box,
body.eqo-workmap-skin .filter,
body.eqo-workmap-skin .req-card{
  background:linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.038))!important;
  backdrop-filter:blur(14px);
}
body.eqo-workmap-skin .panel,
body.eqo-workmap-skin .kpi,
body.eqo-workmap-skin .source{background:rgba(255,255,255,.048)!important;backdrop-filter:blur(12px)}
body.eqo-workmap-skin .card:hover,
body.eqo-workmap-skin .summary-card:hover,
body.eqo-workmap-skin .department-card:hover,
body.eqo-workmap-skin .req-card:hover{border-color:var(--eq-line-strong)!important}

/* Inputs, filters, search, selectors */
body.eqo-workmap-skin input:not([type="checkbox"]):not([type="radio"]),
body.eqo-workmap-skin select,
body.eqo-workmap-skin textarea,
body.eqo-workmap-skin .search,
body.eqo-workmap-skin .search-global,
body.eqo-workmap-skin .top-search,
body.eqo-workmap-skin .filter-select,
body.eqo-workmap-skin .field input,
body.eqo-workmap-skin .field select,
body.eqo-workmap-skin .field textarea{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.eqo-workmap-skin input::placeholder,body.eqo-workmap-skin textarea::placeholder{color:rgba(255,255,255,.34)!important}
body.eqo-workmap-skin select option{background:#2a117c;color:#fff}
body.eqo-workmap-skin input:focus,body.eqo-workmap-skin select:focus,body.eqo-workmap-skin textarea:focus{outline:none!important;border-color:color-mix(in srgb,var(--eq-cyan) 34%,rgba(255,255,255,.1))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--eq-cyan) 7%,transparent)!important}

/* Buttons */
body.eqo-workmap-skin .btn:not(.btn-primary):not(.primary),
body.eqo-workmap-skin .toolbar-btn,
body.eqo-workmap-skin .icon-btn,
body.eqo-workmap-skin .top-icon,
body.eqo-workmap-skin .filter-btn,
body.eqo-workmap-skin .page-btn,
body.eqo-workmap-skin .view-btn-small,
body.eqo-workmap-skin .open-dept,
body.eqo-workmap-skin .card-action{
  color:rgba(255,255,255,.78)!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important
}
body.eqo-workmap-skin .btn:not(.btn-primary):not(.primary):hover,
body.eqo-workmap-skin .toolbar-btn:hover,
body.eqo-workmap-skin .icon-btn:hover,
body.eqo-workmap-skin .top-icon:hover,
body.eqo-workmap-skin .filter-btn:hover,
body.eqo-workmap-skin .page-btn:hover,
body.eqo-workmap-skin .view-btn-small:hover,
body.eqo-workmap-skin .open-dept:hover,
body.eqo-workmap-skin .card-action:hover{color:#fff!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)!important}
body.eqo-workmap-skin .btn.primary,
body.eqo-workmap-skin .btn-primary,
body.eqo-workmap-skin button.primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--eq-violet),var(--eq-violet2))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 12px 28px rgba(24,7,83,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* Chips / tags / pills */
body.eqo-workmap-skin .chip,body.eqo-workmap-skin .pill,body.eqo-workmap-skin .tag,
body.eqo-workmap-skin .status-chip,body.eqo-workmap-skin .state-pill,body.eqo-workmap-skin .type-pill,
body.eqo-workmap-skin .topic-pill,body.eqo-workmap-skin .framework-chip,body.eqo-workmap-skin .role-pill,
body.eqo-workmap-skin .year-pill,body.eqo-workmap-skin .req-chip{
  background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.085)!important;color:rgba(255,255,255,.76)!important
}

/* Table and list rows */
body.eqo-workmap-skin table{color:#fff!important}
body.eqo-workmap-skin th{color:rgba(255,255,255,.44)!important;border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.025)!important}
body.eqo-workmap-skin td{color:rgba(255,255,255,.76)!important;border-color:rgba(255,255,255,.07)!important}
body.eqo-workmap-skin tr:hover td{background:rgba(255,255,255,.025)!important}
body.eqo-workmap-skin .dept-row,body.eqo-workmap-skin .topic-row,body.eqo-workmap-skin .person-row,
body.eqo-workmap-skin .metric-row,body.eqo-workmap-skin .target-row,body.eqo-workmap-skin .action-item,
body.eqo-workmap-skin .event,body.eqo-workmap-skin .follow-item{border-color:rgba(255,255,255,.065)!important}

/* Drawers, menus and overlays */
body.eqo-workmap-skin .drawer,
body.eqo-workmap-skin .row-menu,
body.eqo-workmap-skin .dropdown-menu,
body.eqo-workmap-skin .popover,
body.eqo-workmap-skin .menu{
  color:#fff!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--eq-shell-a) 98%,#000),color-mix(in srgb,var(--eq-shell-c) 99%,#000))!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 28px 70px rgba(14,3,56,.38),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body.eqo-workmap-skin .overlay{background:rgba(10,2,34,.46)!important;backdrop-filter:blur(5px)}
body.eqo-workmap-skin .drawer-head{border-color:rgba(255,255,255,.08)!important}

/* Organization family: swap the standalone shell to the same master navigation. */
body.eqo-workmap-skin.eqo-master-enabled > .shell{display:block!important;min-height:100vh!important;background:transparent!important}
body.eqo-workmap-skin.eqo-master-enabled > .shell > aside.sidebar{display:none!important}
body.eqo-workmap-skin.eqo-master-enabled > .shell > main.main{
  margin-left:var(--eqo-current-nav-w)!important;
  width:auto!important;max-width:none!important;min-height:100vh!important;
  padding:calc(var(--eqo-top-h) + 24px) 28px 42px!important;
  transition:margin-left .22s ease;
}
body.eqo-workmap-skin > .shell .topbar{margin-bottom:18px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.eqo-workmap-skin > .shell .canvas{background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.030))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 24px 54px rgba(16,4,65,.14),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(14px)}
body.eqo-workmap-skin > .shell .card{background:rgba(255,255,255,.050)!important}
body.eqo-workmap-skin > .shell .card.strong{background:rgba(255,255,255,.072)!important}
body.eqo-workmap-skin > .shell .node-row,body.eqo-workmap-skin > .shell .profile,body.eqo-workmap-skin > .shell .info,body.eqo-workmap-skin > .shell .stat,body.eqo-workmap-skin > .shell .type-card{
  background:rgba(255,255,255,.048)!important;border-color:rgba(255,255,255,.085)!important
}
body.eqo-workmap-skin > .shell .node-row:hover,body.eqo-workmap-skin > .shell .type-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--eq-violet) 12%,transparent),color-mix(in srgb,var(--eq-cyan) 3%,transparent))!important;border-color:rgba(255,255,255,.15)!important}
body.eqo-workmap-skin > .shell .node-row.selected,body.eqo-workmap-skin > .shell .type-card.active{background:linear-gradient(135deg,color-mix(in srgb,var(--eq-violet) 18%,transparent),color-mix(in srgb,var(--eq-cyan) 5%,transparent))!important;border-color:color-mix(in srgb,var(--eq-violet) 35%,rgba(255,255,255,.14))!important}
body.eqo-workmap-skin > .shell .children{border-color:rgba(255,255,255,.08)!important}
body.eqo-workmap-skin > .shell .kv{border-color:rgba(255,255,255,.07)!important}
body.eqo-workmap-skin > .shell .node-type,body.eqo-workmap-skin > .shell .dept-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--eq-violet) 25%,transparent),color-mix(in srgb,var(--eq-cyan) 10%,transparent))!important;border-color:rgba(255,255,255,.12)!important}

/* Requirement Library: preserve image-led cards but align the information surface. */
body.eqo-workmap-skin .req-card .card-body{background:linear-gradient(180deg,rgba(44,18,132,.10),rgba(32,13,96,.30))!important}
body.eqo-workmap-skin .card-media{border-bottom-color:rgba(255,255,255,.08)!important}
body.eqo-workmap-skin .reference-block,body.eqo-workmap-skin .deliverable{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.075)!important}

/* Department / People / Evidence / Quest */
body.eqo-workmap-skin .content,body.eqo-workmap-skin .workspace,body.eqo-workmap-skin .page,body.eqo-workmap-skin .canvas{position:relative;z-index:1}
body.eqo-workmap-skin .department-card,body.eqo-workmap-skin .kpi{transition:transform .18s ease,border-color .18s ease,background .18s ease}
body.eqo-workmap-skin .department-card:hover,body.eqo-workmap-skin .kpi:hover{transform:translateY(-2px);background:linear-gradient(135deg,color-mix(in srgb,var(--eq-violet) 10%,transparent),rgba(255,255,255,.045))!important}
body.eqo-workmap-skin .status-bar,body.eqo-workmap-skin .bar,body.eqo-workmap-skin .track,body.eqo-workmap-skin .load{background:rgba(255,255,255,.08)!important}

/* Performance dashboard: retain ESG-specific accents, replace its near-black field with Work Map purple. */
body.eqo-workmap-skin .hero{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))!important;border-bottom-color:rgba(255,255,255,.05)!important}
body.eqo-workmap-skin .hero-vignette{background:linear-gradient(90deg,var(--eq-shell-b) 0%,color-mix(in srgb,var(--eq-shell-b) 92%,transparent) 19%,color-mix(in srgb,var(--eq-shell-b) 35%,transparent) 48%,color-mix(in srgb,var(--eq-shell-b) 10%,transparent) 72%,color-mix(in srgb,var(--eq-shell-b) 72%,transparent) 100%)!important}
body.eqo-workmap-skin .tab{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.085)!important}
body.eqo-workmap-skin .tab.active{background:linear-gradient(155deg,color-mix(in srgb,var(--eq-violet) 23%,transparent),color-mix(in srgb,var(--eq-violet2) 16%,transparent))!important}

/* Dolab-based legacy pages (Requirement Dashboard / Pyramid). */
body.eqo-workmap-skin .content-body{min-height:100vh!important;background:
  radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--eq-violet) 30%,transparent),transparent 30%),
  radial-gradient(circle at 85% 36%,color-mix(in srgb,var(--eq-cyan) 7%,transparent),transparent 24%),
  linear-gradient(145deg,var(--eq-shell-a) 0%,var(--eq-bg2) 48%,var(--eq-bg3) 100%)!important
}
body.eqo-workmap-skin .content-body .container-fluid{position:relative;z-index:1}
body.eqo-workmap-skin .content-body .card{background:linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.038))!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important}
body.eqo-workmap-skin .content-body .text-black,body.eqo-workmap-skin .content-body .text-dark{color:#fff!important}
body.eqo-workmap-skin .content-body .text-muted{color:rgba(255,255,255,.48)!important}
body.eqo-workmap-skin .content-body .border,body.eqo-workmap-skin .content-body [class*="border-"]{border-color:rgba(255,255,255,.09)!important}

/* Login gets the same atmospheric brand field without application navigation. */
body.eqo-workmap-login{background:
  radial-gradient(circle at 52% -5%,rgba(157,123,255,.34),transparent 34%),
  radial-gradient(circle at 88% 45%,rgba(102,220,255,.08),transparent 26%),
  radial-gradient(circle at 14% 82%,rgba(116,85,239,.16),transparent 32%),
  linear-gradient(145deg,#2a0f82 0%,#34129a 48%,#20106b 100%)!important;background-attachment:fixed!important;color:#fff}
body.eqo-workmap-login .eqo-login-shell{background:transparent!important}
body.eqo-workmap-login .eqo-story,body.eqo-workmap-login .eqo-auth-panel{border-color:rgba(255,255,255,.09)!important}

@media(max-width:900px){
  body.eqo-workmap-skin.eqo-master-enabled > .shell > main.main{padding-left:18px!important;padding-right:18px!important}
}
@media(prefers-reduced-motion:reduce){body.eqo-workmap-skin *{scroll-behavior:auto!important}}