/* ============================================================================
   COLEMAN & CO. — ADMIN DASHBOARD v2 PREMIUM SKIN
   Silk-glass aesthetic transplanted onto the LIVE dashboard structure.
   Pure visual override — touches NO JavaScript, NO element IDs, NO data wiring.
   Maps the approved design (from _dashboard-full-preview.html) onto the real
   class names used in admin-dashboard.html.
   Loaded LAST so it wins the cascade.
   ============================================================================ */

:root{
  --slate-1:#a5b4c5; --slate-2:#b8c5d4;
  --accent-1:#7fa6dd; --accent-2:#6b92d0;
  --accent-3:#3f6fc4; --accent-4:#4a7ad0;
  --amber-1:#e8c478; --amber-2:#d6a84c;
  --cc-glass:rgba(255,255,255,0.15);
  --cc-glass-edge:rgba(255,255,255,0.55);
  --cc-radius:34px;
}

/* ===== LIQUID SILK BACKGROUND (mounted via .cc-silk divs in markup) ===== */
body{background:#9fb0c4 !important;position:relative;}
.cc-silk{position:fixed;inset:-20%;z-index:0;filter:blur(60px) saturate(125%);pointer-events:none;}
.cc-silk .blob{position:absolute;border-radius:50%;mix-blend-mode:screen;opacity:.9;will-change:transform;}
.cc-silk .b1{width:60vw;height:60vw;left:-5%;top:-10%;background:radial-gradient(circle at 30% 30%,var(--slate-2),transparent 70%);animation:ccd1 26s ease-in-out infinite;}
.cc-silk .b2{width:55vw;height:55vw;right:-8%;top:0;background:radial-gradient(circle at 50% 50%,var(--accent-1),transparent 68%);animation:ccd2 32s ease-in-out infinite;}
.cc-silk .b3{width:50vw;height:50vw;left:20%;bottom:-15%;background:radial-gradient(circle at 50% 50%,#8aa9da,transparent 65%);animation:ccd3 29s ease-in-out infinite;}
.cc-silk .b4{width:48vw;height:48vw;right:5%;bottom:-10%;background:radial-gradient(circle at 50% 50%,#9fb6dd,transparent 66%);animation:ccd4 35s ease-in-out infinite;}
.cc-silk .b5{width:42vw;height:42vw;left:35%;top:25%;background:radial-gradient(circle at 50% 50%,var(--slate-1),transparent 68%);animation:ccd1 38s ease-in-out infinite reverse;}
.cc-silk .b6{width:70vw;height:30vw;left:10%;top:40%;border-radius:45%;background:radial-gradient(ellipse at 50% 50%,var(--accent-1),transparent 60%);animation:ccd2 30s ease-in-out infinite;}
@keyframes ccd1{0%,100%{transform:translate(0,0) scale(1) rotate(0)}50%{transform:translate(6%,8%) scale(1.12) rotate(8deg)}}
@keyframes ccd2{0%,100%{transform:translate(0,0) scale(1) rotate(0)}50%{transform:translate(-8%,6%) scale(1.08) rotate(-6deg)}}
@keyframes ccd3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(7%,-7%) scale(1.15)}}
@keyframes ccd4{0%,100%{transform:translate(0,0) scale(1) rotate(0)}50%{transform:translate(-6%,-9%) scale(1.1) rotate(7deg)}}
.cc-wash{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(40,55,80,.20),transparent 28%,transparent 70%,rgba(40,55,80,.22)),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.12),transparent 55%);}
.cc-grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* keep real content above the silk */
.layout, #authGate, #accessDenied, .cc-toast-host{position:relative;z-index:1;}

/* ===== KILL the opaque atmosphere + HUD grid so the silk shows through ===== */
.cc-atmosphere{background:transparent !important;background-color:transparent !important;}
.cc-atmosphere::before,.cc-atmosphere::after{content:none !important;background:none !important;}
.layout::before{content:none !important;}
.cc-atmosphere{z-index:0 !important;}

/* ===== KILL hardcoded cream/white backgrounds on big containers ===== */
.cc-hero{background:transparent !important;border:none !important;}
.content,.main,.page-section{background:transparent !important;}
#section-overview,.admin-overview-grid,.admin-overview-double,.admin-overview-col{background:transparent !important;}
/* the big white card wrapping the overview */
.cc-hero,.cc-hero *{box-shadow:none;}
main#ccMainContent.main > .content{background:transparent !important;border:none !important;box-shadow:none !important;}
/* overview accent header photos (cream banners) -> let glass show */
.overview-accent-head{background:transparent !important;}
.overview-accent-img{opacity:.18 !important;}
.overview-accent-scrim{background:linear-gradient(135deg,rgba(63,111,196,.3),transparent) !important;}

/* ===== OVERVIEW LAYOUT REBUILD (match approved mockup) ===== */
/* hide duplicate Command Center title block — welcome name is the hero */
.cc-hero-content{display:none !important;}
/* hide the floating big logo that created the empty left half */
.admin-hero-logo,.admin-hero-logo--xl{display:none !important;}
/* hero grid -> single full-width column (high specificity to beat the 2-col rule).
   Scoped to overview ONLY — the bare `.admin-hero-grid` selector was forcing the
   Welcome hero onto every section (it beat the default `display:none`). */
main.main[data-cc-section="overview"] .admin-hero-grid{
  display:block !important;grid-template-columns:none !important;
  width:100% !important;max-width:1180px !important;margin:0 auto !important;padding:0 !important;gap:0 !important;
}
/* Off-overview the hero has no content (cc-hero-content + admin-hero-grid both
   hidden) — collapse the empty 220px band so each section starts at its own title. */
main.main:not([data-cc-section="overview"]) #ccHero{ display:none !important; }
.admin-hero-right{width:100% !important;max-width:none !important;flex:1 1 100% !important;display:flex !important;flex-direction:column !important;gap:18px !important;align-items:stretch !important;grid-column:1 / -1 !important;}
.admin-welcome-text,.admin-msgboard-section,.admin-msgboard{width:100% !important;max-width:none !important;}
/* welcome block becomes the combined hero card (left-aligned, not right) */
.admin-hero-right .admin-welcome-text,
.admin-welcome-text{
  align-items:flex-start !important;text-align:left !important;
  background:var(--cc-glass) !important;backdrop-filter:blur(42px) saturate(160%) !important;-webkit-backdrop-filter:blur(42px) saturate(160%) !important;
  border:2px solid var(--cc-glass-edge) !important;border-radius:var(--cc-radius) !important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 30px 60px -20px rgba(30,40,60,.45) !important;
  padding:26px 32px !important;
}
.admin-hero-right .admin-welcome-actions-line,
.admin-welcome-actions-line{justify-content:flex-start !important;margin-top:10px !important;}
.admin-welcome-eyebrow{font-size:11px !important;letter-spacing:4px !important;text-transform:uppercase !important;font-weight:600 !important;opacity:.82 !important;color:#fff !important;margin-bottom:4px !important;}
.admin-hero-right .admin-welcome-eyebrow{flex-direction:row !important;}
.admin-welcome-line2{font-size:34px !important;font-weight:300 !important;line-height:1.05 !important;color:#fff !important;text-shadow:0 3px 16px rgba(30,40,60,.3) !important;}
#adminWelcomeName{font-weight:700 !important;}
/* Practice Pulse panel: kill white gradient, full width */
.admin-msgboard{
  background:var(--cc-glass) !important;
  border:2px solid var(--cc-glass-edge) !important;border-radius:var(--cc-radius) !important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 30px 60px -20px rgba(30,40,60,.45) !important;
}
.admin-msgboard-head{background:transparent !important;border-bottom:1px solid rgba(255,255,255,.22) !important;}
/* content wrapper centered to match hero width */
.content{max-width:1180px;margin:0 auto;width:100%;padding:20px 30px 60px !important;}

/* ===== DEFINITIVE white-box kills (found via background-walker probe) ===== */
/* hero wrapper: #ccHero with mbr-banner-stage paints solid white */
section#ccHero.cc-hero,
section#ccHero.cc-hero.mbr-banner-stage,
.cc-hero.mbr-banner-stage{background:transparent !important;background-color:transparent !important;border:none !important;border-bottom:none !important;}
section#ccHero.cc-hero::before,section#ccHero.cc-hero::after{background:none !important;content:none !important;}
/* Pulse panel: .admin-msgboard paints solid white — force glass */
section#adminMsgBoardSection .admin-msgboard,
.admin-msgboard-section .admin-msgboard,
.admin-msgboard{
  background:rgba(255,255,255,0.13) !important;background-color:rgba(255,255,255,0.13) !important;
  backdrop-filter:blur(42px) saturate(160%) !important;-webkit-backdrop-filter:blur(42px) saturate(160%) !important;
}

/* ===== GLASS PRIMITIVE applied to real panels (NOT .cc-hero — that's the transparent outer wrapper) ===== */
.admin-msgboard, .sidebar--drawer,
.dash-section, .cc-card, .action-tile, .stat-card{
  background:var(--cc-glass) !important;
  backdrop-filter:blur(42px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(42px) saturate(160%) !important;
  border:2px solid var(--cc-glass-edge) !important;
  border-radius:var(--cc-radius) !important;
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 30px 60px -20px rgba(30,40,60,.45),0 12px 24px -12px rgba(30,40,60,.30) !important;
}

/* ===== SIDEBAR ===== */
.sidebar--drawer{padding:22px 16px !important;}
.sidebar-logo{margin-bottom:8px;}
.sidebar-brand-row{display:flex;align-items:center;gap:12px;}
/* white-chip logo — swap monogram for the cyan mark on a solid chip */
.sidebar-mono{
  width:46px !important;height:46px !important;border-radius:14px !important;
  background:rgba(255,255,255,.92) !important;padding:6px !important;
  box-shadow:0 6px 16px -6px rgba(30,40,60,.45),0 1px 0 rgba(255,255,255,.7) inset !important;
  content:url("images/coleman-mark.svg");
}
.sidebar-eyebrow{font-size:12px !important;font-weight:700 !important;letter-spacing:2px !important;text-transform:uppercase !important;color:#fff !important;}
.sidebar-name{font-size:11px !important;font-weight:300 !important;letter-spacing:1px !important;color:rgba(255,255,255,.85) !important;}
.sidebar-role{font-size:10px !important;letter-spacing:1px !important;color:rgba(255,255,255,.7) !important;}
.nav-section-label{font-size:10px !important;letter-spacing:2px !important;text-transform:uppercase !important;font-weight:600 !important;opacity:.6 !important;color:#fff !important;margin:13px 12px 5px !important;}
.nav-item{
  display:flex !important;align-items:center !important;gap:12px !important;
  color:#fff !important;font-weight:500 !important;border-radius:13px !important;
  background:transparent !important;border:none !important;
  transition:background .25s ease,transform .25s ease !important;
}
.nav-item svg{width:17px;height:17px;opacity:.85;}
.nav-item:hover{background:rgba(255,255,255,.12) !important;transform:translateX(3px);}
.nav-item.active{
  background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.12)) !important;
  border:1.5px solid rgba(255,255,255,.45) !important;font-weight:600 !important;
  box-shadow:0 8px 18px -10px rgba(30,40,60,.4) !important;
}
.nav-badge-pill{background:linear-gradient(135deg,var(--accent-1),var(--accent-3)) !important;color:#fff !important;}

/* ===== HERO ===== */
.cc-hero{padding:30px 34px !important;overflow:visible !important;}
.cc-hero-eyebrow, .admin-welcome-eyebrow{font-size:11px !important;letter-spacing:4px !important;text-transform:uppercase !important;font-weight:600 !important;opacity:.82 !important;color:#fff !important;}
.cc-hero-title, .cc-hero-title-line{color:#fff !important;text-shadow:0 3px 16px rgba(30,40,60,.3) !important;}
.cc-hero-accent{background:linear-gradient(135deg,var(--accent-1),var(--accent-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.cc-hero-tagline, .cc-hero-context{color:rgba(255,255,255,.9) !important;}
.admin-welcome-line2, #adminWelcomeName{color:#fff !important;font-weight:700 !important;}
.admin-welcome-badge{background:linear-gradient(135deg,var(--accent-1),var(--accent-3)) !important;color:#fff !important;border:none !important;border-radius:20px !important;padding:4px 14px !important;font-weight:600 !important;}
/* big hero logo -> white chip */
.admin-hero-logo--xl{background:rgba(255,255,255,.92) !important;border-radius:24px !important;padding:18px !important;box-shadow:0 12px 30px -14px rgba(30,40,60,.5) !important;}

/* ===== QUICK ACTIONS ===== */
.quick-action-bar{
  display:flex !important;gap:11px !important;flex-wrap:wrap !important;
  background:transparent !important;border:none !important;padding:0 0 16px !important;margin:0 !important;
}
.quick-action-bar .quick-action-btn,
.quick-action-btn{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  padding:12px 20px !important;border:1.5px solid rgba(255,255,255,.45) !important;border-radius:16px !important;
  font-size:13px !important;font-weight:600 !important;letter-spacing:.3px !important;color:#fff !important;cursor:pointer !important;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.12)) !important;
  box-shadow:0 8px 20px -8px rgba(30,40,60,.4),0 1px 0 rgba(255,255,255,.4) inset !important;
  text-shadow:0 1px 3px rgba(20,30,45,.4) !important;
  transition:transform .35s cubic-bezier(.34,1.5,.5,1),box-shadow .35s ease !important;
  white-space:nowrap !important;min-width:auto !important;
}
.quick-action-btn:first-child{background:linear-gradient(135deg,var(--accent-1),var(--accent-3)) !important;}
.quick-action-btn:hover{transform:translateY(-3px) rotate(-.5deg) !important;box-shadow:0 16px 30px -10px rgba(63,111,196,.5),0 1px 0 rgba(255,255,255,.5) inset !important;}

/* ===== PRACTICE PULSE FEED ===== */
.admin-msgboard{padding:24px 26px !important;}
.admin-msgboard-title{font-size:13px !important;letter-spacing:2.5px !important;text-transform:uppercase !important;font-weight:700 !important;color:#fff !important;}
.admin-msgboard-hint{color:rgba(255,255,255,.78) !important;font-weight:300 !important;}
.admin-msgboard-open{color:#fff !important;opacity:.85 !important;border-bottom:1px solid rgba(255,255,255,.4);}
.admin-msgboard-sound-toggle{background:rgba(255,255,255,.16) !important;border:1.5px solid rgba(255,255,255,.4) !important;color:#fff !important;border-radius:20px !important;}
.admin-msgboard-feed{display:flex !important;flex-direction:column !important;gap:10px !important;}
.admin-msgboard-feed .admin-msgboard-row,
.admin-msgboard-row{
  display:flex !important;align-items:center !important;gap:13px !important;
  padding:12px 15px !important;border-radius:18px !important;
  background:rgba(40,55,80,.30) !important;border:1.5px solid rgba(255,255,255,.32) !important;
  transition:transform .3s ease,background .3s ease !important;cursor:pointer !important;
}
.admin-msgboard-feed .admin-msgboard-row:hover,
.admin-msgboard-row:hover{transform:translateX(5px) !important;background:rgba(40,55,80,.44) !important;}
.admin-msgboard-row-ico{
  width:38px !important;height:38px !important;border-radius:12px !important;
  display:grid !important;place-items:center !important;
  background:rgba(255,255,255,.20) !important;border:1.5px solid rgba(255,255,255,.45) !important;color:#fff !important;
}
.admin-msgboard-row-ico svg{width:18px;height:18px;}
.admin-msgboard-row-label{font-size:13.5px !important;font-weight:600 !important;color:#fff !important;text-shadow:0 1px 4px rgba(20,30,45,.5) !important;}
.admin-msgboard-row-meta{font-size:11.5px !important;opacity:.9 !important;font-weight:400 !important;color:rgba(255,255,255,.9) !important;text-shadow:0 1px 3px rgba(20,30,45,.4) !important;}
.admin-msgboard-row-count{
  font-size:18px !important;font-weight:700 !important;color:#fff !important;
  padding:2px 11px !important;border-radius:13px !important;min-width:38px !important;text-align:center !important;
  background:linear-gradient(135deg,var(--accent-1),var(--accent-3)) !important;
}
/* "act now" amber alert state (new orders chime) keeps a warm pop */
.admin-msgboard-row--neworders.is-alerting .admin-msgboard-row-count{
  background:linear-gradient(135deg,var(--amber-1),var(--amber-2)) !important;color:#3a2f12 !important;
}

/* ===== TYPOGRAPHY DEFAULTS on glass ===== */
.cc-hero h1,.cc-hero h2,.cc-hero h3{color:#fff !important;}

/* ===== ACCESSIBILITY ===== */
@media (prefers-reduced-motion: reduce){
  .cc-silk .blob{animation:none !important;}
}

/* ===== LOWER OVERVIEW PANELS (Message Center, Client Records) -> glass ===== */
.msg-center,
.sci-panel,
.overview-side-card,
.overview-side-card--records,
.overview-side-card--quick,
.admin-client-records,
.dash-card,.cc-panel{
  background:rgba(255,255,255,0.13) !important;
  backdrop-filter:blur(42px) saturate(160%) !important;-webkit-backdrop-filter:blur(42px) saturate(160%) !important;
  border:2px solid var(--cc-glass-edge) !important;border-radius:var(--cc-radius) !important;
  box-shadow:0 2px 0 rgba(255,255,255,.32) inset,0 30px 60px -20px rgba(30,40,60,.42) !important;
}
.sci-panel::before{display:none !important;}
/* photo-banner headers on the lower panels -> tinted glass header, kill the marble photo */
.overview-accent-head{background:linear-gradient(135deg,rgba(63,111,196,.22),rgba(127,166,221,.12)) !important;border-radius:var(--cc-radius) var(--cc-radius) 0 0 !important;overflow:hidden !important;}
.overview-accent-head .overview-accent-img,
.overview-accent-head picture{display:none !important;}
.overview-accent-head::after{content:none !important;}
.overview-accent-title{color:#fff !important;text-shadow:0 2px 8px rgba(20,30,45,.4) !important;}
/* inner message-center sub-surfaces */
.msg-center-rail,.msg-center-pane{background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,.22) !important;}
.msg-center-rail-input,.msg-center-pane-input{background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.3) !important;color:#fff !important;}
.msg-center-rail-input::placeholder,.msg-center-pane-input::placeholder{color:rgba(255,255,255,.6) !important;}
.msg-center-rail-foot,.msg-center-pane-head-empty-eyebrow,.msg-center-pane-head-empty-hint,.msg-center-pane-empty{color:rgba(255,255,255,.8) !important;}
/* skeleton placeholder squares -> soft translucent, not solid white */
.cc-js-replace-with-skel,.cc-skel,[class*="skel"]{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.2) !important;}
.chart-shelf-tile,.records-tile,.member-tile{background:rgba(255,255,255,.12) !important;border:1.5px solid rgba(255,255,255,.28) !important;border-radius:18px !important;}
/* search inputs on records */
.records-search input,input[type="search"]{background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.3) !important;color:#fff !important;}
/* section titles on glass */
.overview-side-card h2,.overview-side-card h3,.msg-center h2{color:#fff !important;}

/* Client Records inner scroll + skeleton -> glass (white block fix) */
.chart-shelf,.chart-shelf-inner,.chart-shelf-scroll,.chart-shelf--records-rail{background:transparent !important;}
.chart-shelf-scroll [data-cc-skel],.cc-js-replace-with-skel,[data-cc-skel]{background:rgba(255,255,255,.08) !important;border-radius:16px !important;}
.chart-shelf-tile,.chart-shelf-group{background:transparent !important;}
.chart-shelf-tile{background:rgba(255,255,255,.12) !important;border:1.5px solid rgba(255,255,255,.26) !important;}
.chart-shelf-divider span{color:rgba(255,255,255,.85) !important;}
.chart-shelf-empty,.cc-skel-host--shelf{background:transparent !important;color:rgba(255,255,255,.75) !important;}

/* Top utility bar -> frosted glass strip */
main#ccMainContent.main > .topbar.topbar--minimal,
.topbar,.topbar--minimal{background:rgba(255,255,255,0.10) !important;background-color:rgba(255,255,255,0.10) !important;backdrop-filter:blur(30px) saturate(150%) !important;-webkit-backdrop-filter:blur(30px) saturate(150%) !important;border-bottom:1px solid rgba(255,255,255,.25) !important;box-shadow:none !important;}
.topbar::after,.topbar--minimal::after{opacity:0 !important;content:none !important;}
.topbar-quick-btn{background:rgba(255,255,255,.14) !important;border:1.5px solid rgba(255,255,255,.35) !important;color:#fff !important;border-radius:14px !important;}
.topbar-quick-btn,.topbar-quick-btn svg,.topbar-quick-btn span{color:#fff !important;}
.topbar-nav-btn{background:rgba(255,255,255,.14) !important;border:1.5px solid rgba(255,255,255,.35) !important;color:#fff !important;}
.topbar-nav-btn svg{color:#fff !important;}