/* =========================================================
   Atlas night-sky theme (sits on top of Filament's dark mode)
   Same family as the Macarthur Preschool login and holding pages.
   ========================================================= */
:root{
  --atlas-ink:#0a1030;
  --atlas-card:rgba(14,20,58,.62);
  --atlas-card-solid:#121a4a;
  --atlas-line:rgba(255,255,255,.12);
  --atlas-soft:#c9d1ef;
  --atlas-blue:#3b7cff;
}

.atlas-sky{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-color:var(--atlas-ink);
  background-image:
    radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.9) 50%,transparent 51%),
    radial-gradient(1px 1px at 28% 42%,rgba(255,255,255,.7) 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 44% 12%,rgba(255,255,255,.9) 50%,transparent 51%),
    radial-gradient(1px 1px at 61% 33%,rgba(255,255,255,.6) 50%,transparent 51%),
    radial-gradient(1px 1px at 76% 8%,rgba(255,255,255,.8) 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 27%,rgba(255,255,255,.7) 50%,transparent 51%),
    radial-gradient(1px 1px at 6% 61%,rgba(255,255,255,.5) 50%,transparent 51%),
    radial-gradient(1px 1px at 93% 55%,rgba(255,255,255,.6) 50%,transparent 51%),
    radial-gradient(1px 1px at 52% 58%,rgba(255,255,255,.4) 50%,transparent 51%),
    radial-gradient(1px 1px at 35% 74%,rgba(255,255,255,.4) 50%,transparent 51%),
    radial-gradient(ellipse 70% 55% at 50% 100%,rgba(120,100,230,.45),transparent 70%),
    radial-gradient(ellipse 60% 50% at 88% 90%,rgba(150,110,220,.35),transparent 70%),
    linear-gradient(180deg,#0a1030 0%,#121c4e 40%,#26357f 78%,#4a4cab 100%);
  background-size:420px 420px,380px 380px,520px 520px,460px 460px,400px 400px,540px 540px,360px 360px,480px 480px,440px 440px,500px 500px,100% 100%,100% 100%,100% 100%;
}
.atlas-sky::before{ /* a second, slowly twinkling star layer */
  content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(1px 1px at 20% 30%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 70% 20%,#fff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 85% 65%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 40% 85%,#fff 50%,transparent 51%);
  background-size:600px 600px,700px 700px,650px 650px,560px 560px;
  animation:atlas-twinkle 6s ease-in-out infinite alternate;opacity:.5;
}
@keyframes atlas-twinkle{from{opacity:.15}to{opacity:.7}}
@media (prefers-reduced-motion:reduce){.atlas-sky::before{animation:none}}
.atlas-mountains{position:absolute;left:0;bottom:0;width:100%;height:200px}

/* ---------- Filament panel ---------- */
html{background:#0a1030;}
.fi-body{background:transparent !important;font-feature-settings:"cv11","ss01";}
.fi-layout,.fi-main-ctn{position:relative;z-index:1;}
.fi-main{background:transparent !important;}

/* sidebar + top bar: frosted glass */
.fi-sidebar,.fi-topbar,.fi-topbar nav,.fi-sidebar-header{
  background:rgba(8,13,42,.55) !important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-color:var(--atlas-line) !important;box-shadow:none !important;
}
.fi-sidebar{border-right:1px solid var(--atlas-line);}
.fi-topbar nav,.fi-topbar{border-bottom:1px solid var(--atlas-line);}
.fi-sidebar-item-btn:hover,.fi-sidebar-item.fi-active .fi-sidebar-item-btn{background:rgba(59,124,255,.18) !important;}

/* cards: sections, tables, widgets, modals */
.fi-section,.fi-ta-ctn,.fi-wi-stats-overview-stat,.fi-wi-chart,
.fi-wi-widget > .fi-section, .fi-tabs{
  background:var(--atlas-card) !important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--atlas-line) !important;--tw-ring-color:transparent !important;
  box-shadow:0 18px 40px rgba(3,6,25,.35) !important;
  border-radius:16px !important;
}
.fi-modal-window,.fi-dropdown-panel,.fi-global-search-results-ctn{
  background:var(--atlas-card-solid) !important;border:1px solid var(--atlas-line) !important;
}
.fi-ta-header,.fi-ta-header-toolbar,.fi-ta-row,.fi-ta-table thead tr,.fi-ta-filters-above-content-ctn,.fi-pagination{background:transparent !important;}
.fi-ta-row:hover{background:rgba(255,255,255,.04) !important;}
.fi-ta-table > :not(caption) > * > *{border-color:rgba(255,255,255,.07) !important;}
.fi-input-wrp{background:rgba(255,255,255,.05) !important;}

/* headings */
.fi-header-heading{letter-spacing:-.02em;}
.fi-header-subheading{color:var(--atlas-soft) !important;}

/* brand in the sidebar */
.atlas-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.14em;color:#fff;font-size:1.05rem;}
.atlas-brand img{height:28px;width:auto;filter:brightness(0) invert(1);}
.atlas-brand small{display:block;font-weight:500;letter-spacing:0;font-size:.68rem;color:var(--atlas-soft);margin-top:-2px;}

/* job photos */
.atlas-photo{width:100% !important;max-width:100%;height:180px !important;object-fit:cover;border-radius:10px;}
.fi-ta-record .fi-ta-image, .fi-ta-record .fi-ta-image > div{width:100%;}

/* Recent activity widget */
.atlas-feed{list-style:none;margin:0;padding:0}
.atlas-feed li{display:flex;gap:.75rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
.atlas-feed li:last-child{border-bottom:0}
.atlas-dot{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:.7rem;font-weight:700;background:rgba(59,124,255,.2);color:#9cc0ff}
.atlas-dot.zoho{background:rgba(255,177,0,.18);color:#ffcf66}
.atlas-feed .when{font-size:.75rem;color:var(--atlas-soft)}
.atlas-soon{display:grid;gap:.6rem}
.atlas-soon div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .9rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.15);font-size:.85rem;color:var(--atlas-soft)}

/* checklist rows on the job card */
.fi-in-repeatable-item{background:transparent !important;border:0 !important;box-shadow:none !important;padding:.15rem 0 !important;}
.fi-fo-repeater-item{background:rgba(255,255,255,.03) !important;border:1px solid var(--atlas-line) !important;border-radius:12px !important;}