/* iMersTask UI Overhaul v1.1.6
   Loaded AFTER style.css. Dedicated versioned layer to avoid stale browser cache.
*/

:root{
  --v116-ink:#20263a;
  --v116-muted:#7b8497;
  --v116-line:rgba(255,255,255,.82);
  --v116-shadow:0 22px 60px rgba(72,82,130,.14);
  --v116-soft-shadow:0 12px 34px rgba(72,82,130,.09);
  --v116-glass:rgba(255,255,255,.66);
  --v116-purple:#6d67ef;
  --v116-cyan:#56cfe9;
}

/* ---------- shared shell ---------- */
body.admin-page .content,
body.user-page .content{padding-top:18px}

body.admin-page .panel,
body.user-page .panel{
  border:1px solid rgba(255,255,255,.84) !important;
  box-shadow:var(--v116-soft-shadow) !important;
}

/* ---------- dashboard hero ---------- */
body.page-dashboard .workspace-hero,
body.page-home .workspace-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr) !important;
  gap:18px !important;
  padding:18px !important;
  margin:0 0 18px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(255,255,255,.86) !important;
  box-shadow:var(--v116-shadow) !important;
  backdrop-filter:blur(26px) !important;
  -webkit-backdrop-filter:blur(26px) !important;
}

body.page-dashboard .workspace-hero-main,
body.page-home .workspace-hero-main{
  position:relative !important;
  min-height:220px !important;
  padding:26px 28px !important;
  border-radius:23px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 8% 10%,rgba(120,105,255,.18),transparent 35%),
    radial-gradient(circle at 92% 80%,rgba(83,210,239,.20),transparent 38%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,244,255,.84) 52%,rgba(238,252,255,.88)) !important;
  border:1px solid rgba(255,255,255,.95) !important;
}

body.page-dashboard .workspace-hero-main:after,
body.page-home .workspace-hero-main:after{
  content:"";
  position:absolute;
  width:190px;height:190px;border-radius:52px;
  right:-78px;top:-82px;
  transform:rotate(28deg);
  background:linear-gradient(135deg,rgba(109,103,239,.12),rgba(86,207,233,.13));
}

.hero-eyebrow{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#6666ba !important;
  font-size:9px !important;
  letter-spacing:1.8px !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
}

.hero-pulse{
  width:8px !important;height:8px !important;border-radius:50% !important;
  background:#55cfb8 !important;
  box-shadow:0 0 0 5px rgba(85,207,184,.13) !important;
}

body.page-dashboard .workspace-hero h1,
body.page-home .workspace-hero h1{
  position:relative;z-index:1;
  margin:16px 0 9px !important;
  font-size:clamp(30px,3vw,42px) !important;
  line-height:1.05 !important;
  letter-spacing:-1.5px !important;
  color:var(--v116-ink) !important;
}

.hero-message{
  position:relative;z-index:1;
  margin:0 !important;
  max-width:760px !important;
  color:#626b7e !important;
  font-size:13px !important;
  line-height:1.75 !important;
}

.hero-meta{
  position:relative;z-index:1;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:20px !important;
}

.hero-date-chip,.hero-role-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:36px !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  color:#687185 !important;
  box-shadow:0 8px 22px rgba(74,84,130,.06) !important;
  font-size:10px !important;
}

.hero-insight{
  position:relative !important;
  min-height:220px !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:23px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 90% 0,rgba(255,255,255,.20),transparent 32%),
    linear-gradient(145deg,#6e67e9,#667ce6 50%,#48bdd7) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 20px 44px rgba(80,91,185,.23) !important;
}

.hero-insight:after{
  content:"❝";
  position:absolute;
  right:14px;bottom:-32px;
  font:120px/1 Georgia,serif;
  color:rgba(255,255,255,.09);
}

.hero-insight-head{
  position:relative;z-index:1;
  display:flex !important;align-items:center !important;gap:11px !important;
}
.hero-insight-icon{
  width:40px !important;height:40px !important;border-radius:13px !important;
  display:grid !important;place-items:center !important;
  background:rgba(255,255,255,.15) !important;
  border:1px solid rgba(255,255,255,.21) !important;
}
.hero-insight-head b{display:block !important;font-size:12px !important}
.hero-insight-head small{display:block !important;margin-top:3px !important;color:rgba(255,255,255,.7) !important;font-size:9px !important}
.hero-insight blockquote{
  position:relative;z-index:1;
  margin:20px 0 14px !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
}
.hero-insight-author{position:relative;z-index:1;color:rgba(255,255,255,.74) !important;font-size:10px !important}

/* metric cards */
body.page-dashboard .modern-stats,
body.page-home .modern-stats{gap:14px !important;margin-bottom:18px !important}
body.page-dashboard .modern-stats .stat-card,
body.page-home .modern-stats .stat-card{
  min-height:138px !important;
  padding:18px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.84) !important;
  box-shadow:0 12px 30px rgba(75,84,128,.08) !important;
}
.metric-top{display:flex !important;align-items:center !important;gap:9px !important}
.metric-icon{
  width:34px !important;height:34px !important;border-radius:12px !important;
  display:grid !important;place-items:center !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(255,255,255,.82) !important;
}
.metric-label{font-size:11px !important;font-weight:760 !important}
.modern-stats .stat-card strong{font-size:34px !important;margin-top:7px !important}

/* ---------- SETTINGS ---------- */
body.page-settings .content{max-width:1380px;margin:0 auto}
.settings-v116{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr) !important;
  gap:18px !important;
  align-items:start !important;
}
.settings-form-v116{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
}
.setting-card-v116{
  padding:20px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(255,255,255,.88) !important;
  box-shadow:var(--v116-soft-shadow) !important;
  backdrop-filter:blur(22px) !important;
}
.setting-card-v116.full{grid-column:1/-1 !important}
.setting-card-head-v116{
  display:flex !important;align-items:flex-start !important;gap:12px !important;
  margin-bottom:16px !important;
}
.setting-icon-v116{
  width:42px !important;height:42px !important;flex:0 0 42px !important;
  display:grid !important;place-items:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#7169ef,#55cee9) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(96,102,217,.18) !important;
}
.setting-card-head-v116 h3{margin:1px 0 3px !important;font-size:15px !important}
.setting-card-head-v116 p{margin:0 !important;color:#858da0 !important;font-size:10px !important;line-height:1.5 !important}

.settings-form-v116 label{
  display:flex !important;flex-direction:column !important;gap:6px !important;
  color:#5e677a !important;font-size:10px !important;font-weight:750 !important;
}
.settings-form-v116 input,
.settings-form-v116 select,
.settings-form-v116 textarea{
  width:100% !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border:1px solid rgba(116,126,155,.18) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.72) !important;
  color:#252c3f !important;
  outline:0 !important;
}
.settings-form-v116 textarea{min-height:98px !important;resize:vertical !important}
.settings-form-v116 input:focus,
.settings-form-v116 select:focus,
.settings-form-v116 textarea:focus{
  border-color:rgba(109,103,239,.45) !important;
  box-shadow:0 0 0 3px rgba(109,103,239,.08) !important;
}
.settings-form-v116 .check{
  flex-direction:row !important;align-items:center !important;
  min-height:42px !important;padding:10px 12px !important;
  border-radius:12px !important;background:rgba(109,103,239,.055) !important;
}
.settings-form-v116 .check input{width:auto !important;min-height:auto !important}
.settings-actions-v116{
  grid-column:1/-1 !important;
  display:flex !important;justify-content:flex-end !important;
  padding-top:2px !important;
}
.settings-actions-v116 .btn{min-width:190px !important}

.settings-side-v116{
  position:sticky !important;top:96px !important;
  display:flex !important;flex-direction:column !important;gap:16px !important;
}
.preview-card-v116,.security-card-v116{
  padding:20px !important;border-radius:24px !important;
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(255,255,255,.88) !important;
  box-shadow:var(--v116-soft-shadow) !important;
}
.preview-card-v116 .welcome-preview{margin-top:12px !important}
.security-path{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px !important;padding:10px 0 !important;
  border-bottom:1px solid rgba(103,113,142,.09) !important;
}
.security-path code{
  padding:5px 8px !important;border-radius:8px !important;
  background:rgba(109,103,239,.07) !important;color:#5c5ab7 !important;font-size:9px !important;
}

/* ---------- DAILY INSIGHT MANAGER ---------- */
body.page-settings .insight-manager-panel{
  margin-top:18px !important;
  padding:22px !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(255,255,255,.88) !important;
  box-shadow:var(--v116-shadow) !important;
}
.insight-manager-heading{
  display:flex !important;justify-content:space-between !important;gap:15px !important;
  align-items:flex-start !important;margin-bottom:16px !important;
}
.insight-manager-heading h3{margin:0 !important;font-size:18px !important}
.insight-manager-heading p{margin:4px 0 0 !important;color:#838c9f !important;font-size:10px !important}
.insight-count{
  padding:7px 10px !important;border-radius:10px !important;
  background:rgba(109,103,239,.09) !important;color:#605db9 !important;
  font-size:9px !important;font-weight:800 !important;
}
.insight-create-card{
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:14px !important;
  padding:17px !important;
  border-radius:21px !important;
  background:linear-gradient(135deg,rgba(109,103,239,.075),rgba(255,255,255,.64),rgba(86,207,233,.08)) !important;
  border:1px solid rgba(255,255,255,.9) !important;
}
.insight-create-icon{
  width:52px !important;height:52px !important;border-radius:16px !important;
  display:grid !important;place-items:center !important;
  background:linear-gradient(135deg,#7169ef,#55cee9) !important;color:#fff !important;
  box-shadow:0 11px 26px rgba(94,101,217,.19) !important;
}
.insight-create-title{
  display:flex !important;justify-content:space-between !important;gap:12px !important;
  margin-bottom:10px !important;
}
.insight-create-title b,.insight-create-title small{display:block !important}
.insight-create-title b{font-size:12px !important}
.insight-create-title small{margin-top:3px !important;color:#8790a1 !important;font-size:9px !important}
.insight-quote-field{display:block !important}
.insight-quote-field>span,.insight-card-meta label>span,.insight-form-meta label>span{
  display:block !important;margin-bottom:5px !important;color:#697286 !important;font-size:9px !important;font-weight:800 !important;
}
.insight-quote-field textarea{
  width:100% !important;min-height:92px !important;
  padding:13px !important;border-radius:13px !important;
  border:1px solid rgba(116,126,155,.18) !important;
  background:rgba(255,255,255,.74) !important;
  resize:vertical !important;outline:0 !important;color:#252c3e !important;
}
.insight-form-meta{
  display:grid !important;
  grid-template-columns:minmax(180px,1fr) 100px 100px auto !important;
  gap:9px !important;align-items:end !important;margin-top:10px !important;
}
.insight-form-meta input,.insight-card-meta input{
  width:100% !important;height:40px !important;padding:9px 10px !important;
  border-radius:11px !important;border:1px solid rgba(116,126,155,.18) !important;
  background:rgba(255,255,255,.74) !important;
}
.insight-toggle{
  display:flex !important;flex-direction:row !important;align-items:center !important;gap:7px !important;
  height:40px !important;padding:0 10px !important;border-radius:11px !important;
  background:rgba(255,255,255,.54) !important;
}
.insight-toggle input{width:auto !important}
.insight-add-btn{height:40px !important;white-space:nowrap !important}
.insight-library-head{margin:20px 0 10px !important}
.insight-library-head b,.insight-library-head small{display:block !important}
.insight-library-head small{margin-top:3px !important;color:#8a92a3 !important;font-size:9px !important}
.insight-card-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
.insight-admin-card{
  position:relative !important;
  padding:15px !important;border-radius:19px !important;
  background:rgba(255,255,255,.69) !important;
  border:1px solid rgba(255,255,255,.94) !important;
  box-shadow:0 10px 28px rgba(69,78,119,.07) !important;
}
.insight-card-head{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:8px !important}
.quote-mark{font:30px/1 Georgia,serif !important;color:#6c66df !important}
.status-pill{
  display:inline-flex !important;padding:5px 8px !important;border-radius:999px !important;
  font-size:8px !important;font-weight:850 !important;
}
.status-pill.active{background:rgba(70,204,157,.13) !important;color:#157d5e !important}
.status-pill.inactive{background:rgba(135,144,162,.13) !important;color:#70798a !important}
.insight-card-meta{
  display:grid !important;grid-template-columns:1fr 90px !important;
  gap:8px !important;margin-top:9px !important;
}
.insight-card-footer{
  display:flex !important;justify-content:space-between !important;align-items:center !important;
  gap:10px !important;margin-top:11px !important;padding-top:11px !important;
  border-top:1px solid rgba(111,120,147,.09) !important;
}
.insight-delete-form{
  position:absolute !important;right:92px !important;bottom:20px !important;
  pointer-events:auto !important;
}
.insight-delete-btn{
  transform:none !important;
  border:0 !important;background:rgba(255,91,119,.08) !important;color:#a63b51 !important;
  border-radius:9px !important;padding:7px 10px !important;font-size:8px !important;font-weight:750 !important;
  cursor:pointer !important;
}

/* ---------- PUBLIC WELCOME ---------- */
body.welcome-body{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100vh !important;
  padding:34px 24px !important;
  overflow-x:hidden !important;
}

body.welcome-body .welcome-shell{
  position:relative !important;z-index:2 !important;
  width:min(1160px,100%) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(310px,.66fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

body.welcome-body .welcome-card,
body.welcome-body .insight-card{
  border-radius:32px !important;
  border:1px solid rgba(255,255,255,.90) !important;
  box-shadow:0 28px 72px rgba(68,78,128,.16) !important;
  backdrop-filter:blur(27px) !important;
  -webkit-backdrop-filter:blur(27px) !important;
}

body.welcome-body .welcome-card{
  position:relative !important;
  overflow:hidden !important;
  padding:34px 38px !important;
  background:
    radial-gradient(circle at 95% 4%,rgba(89,215,240,.15),transparent 35%),
    radial-gradient(circle at 3% 96%,rgba(129,106,255,.14),transparent 34%),
    rgba(255,255,255,.72) !important;
}

body.welcome-body .welcome-brand{
  display:flex !important;align-items:center !important;gap:14px !important;
  margin:0 0 40px !important;
}
body.welcome-body .welcome-brand img{
  width:58px !important;height:58px !important;max-width:58px !important;max-height:58px !important;
  object-fit:contain !important;
  padding:5px !important;border-radius:17px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 10px 26px rgba(74,83,127,.10) !important;
}
body.welcome-body .welcome-brand strong,
body.welcome-body .welcome-brand span{display:block !important}
body.welcome-body .welcome-brand strong{font-size:19px !important;color:#252b3c !important}
body.welcome-body .welcome-brand span{font-size:10px !important;color:#858d9f !important;margin-top:3px !important}

body.welcome-body .welcome-greeting{
  display:inline-flex !important;flex-direction:column !important;gap:4px !important;
  padding:10px 12px !important;border-radius:13px !important;
  background:rgba(109,103,239,.06) !important;
  border:1px solid rgba(109,103,239,.08) !important;
}
body.welcome-body .welcome-greeting>span{font-size:12px !important;font-weight:800 !important;color:#5f5bbb !important}
body.welcome-body .welcome-greeting small{font-size:9px !important;color:#81899c !important}

body.welcome-body .welcome-card h1{
  margin:18px 0 14px !important;
  max-width:760px !important;
  color:#20263a !important;
  font-size:clamp(38px,5vw,64px) !important;
  line-height:1.02 !important;
  letter-spacing:-2px !important;
}
body.welcome-body .welcome-copy{
  max-width:720px !important;
  margin:0 !important;
  color:#626b7e !important;
  font-size:14px !important;
  line-height:1.8 !important;
}
body.welcome-body .welcome-cta{
  margin-top:22px !important;
  min-height:46px !important;
  padding:12px 18px !important;
  border-radius:14px !important;
}
body.welcome-body .welcome-note{
  margin:15px 0 0 !important;
  color:#8991a2 !important;
  font-size:10px !important;
}
body.welcome-body .welcome-support{
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px 13px !important;
  margin-top:20px !important;padding-top:16px !important;
  border-top:1px solid rgba(106,116,144,.10) !important;
  font-size:9px !important;
}

body.welcome-body .insight-card{
  position:relative !important;
  min-height:100% !important;
  padding:28px !important;
  display:flex !important;flex-direction:column !important;justify-content:center !important;
  overflow:hidden !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 90% 4%,rgba(255,255,255,.20),transparent 34%),
    linear-gradient(145deg,#7068e9,#687ce4 48%,#48bdd4) !important;
}
body.welcome-body .insight-card:after{
  content:"❝";position:absolute;right:12px;bottom:-34px;
  font:130px/1 Georgia,serif;color:rgba(255,255,255,.08);
}
body.welcome-body .insight-kicker{position:relative;z-index:1;color:rgba(255,255,255,.75) !important;font-size:9px !important;letter-spacing:1.7px !important}
body.welcome-body .insight-card blockquote{
  position:relative;z-index:1;
  margin:21px 0 14px !important;
  color:#fff !important;font-size:23px !important;line-height:1.55 !important;font-weight:720 !important;
}
body.welcome-body .insight-card small{position:relative;z-index:1;color:rgba(255,255,255,.72) !important}
body.welcome-body .welcome-shell>footer{
  grid-column:1/-1 !important;
  text-align:center !important;
  padding-top:5px !important;
  color:#8d95a5 !important;
  font-size:9px !important;
}

/* ---------- responsive ---------- */
@media(max-width:1050px){
  body.page-dashboard .workspace-hero,
  body.page-home .workspace-hero,
  .settings-v116,
  body.welcome-body .welcome-shell{grid-template-columns:1fr !important}
  .settings-side-v116{position:static !important}
}
@media(max-width:820px){
  .settings-form-v116{grid-template-columns:1fr !important}
  .setting-card-v116.full{grid-column:auto !important}
  .insight-card-grid{grid-template-columns:1fr !important}
  .insight-form-meta{grid-template-columns:1fr 100px !important}
  .insight-add-btn{grid-column:1/-1 !important}
}
@media(max-width:620px){
  body.welcome-body{padding:16px !important}
  body.welcome-body .welcome-card{padding:24px !important}
  body.welcome-body .welcome-card h1{font-size:38px !important}
  body.page-dashboard .workspace-hero,
  body.page-home .workspace-hero{padding:11px !important}
  body.page-dashboard .workspace-hero-main,
  body.page-home .workspace-hero-main{padding:20px !important;min-height:auto !important}
  .insight-create-card{grid-template-columns:1fr !important}
  .insight-form-meta,.insight-card-meta{grid-template-columns:1fr !important}
  .insight-delete-form{position:static !important;margin-top:8px !important}
}