/* ============================================================
   MLL FOREST THEME (Oct 2026) — the corporate dark-forest look
   for every inner page. Deep forest green everywhere; cards are
   warm "paper" panels floating on the green; text that sits on the
   green is cream / soft gold. Gold 3D buttons, pale-yellow fields.
   Link AFTER a page's own <style>.
   ============================================================ */
html{background:#12241B;}
body{background:#12241B radial-gradient(ellipse at 50% 0,#21402F 0,#163024 45%,#12241B 100%) fixed !important;}

/* Page frame: no more cream column */
.page-wrap{background:transparent !important;display:flex;flex-direction:column;min-height:100vh;}
.page-wrap > .content-area{flex:1 0 auto;width:100%;}
.content-area{background:transparent !important;box-shadow:none !important;}

/* Header band */
.page-header{background:rgba(14,28,21,.55) !important;border-bottom:1px solid rgba(232,194,122,.22);}
.page-header h1,.welcome-band #welcome-heading{color:#F3E3B5 !important;}
.page-header p{color:rgba(243,227,181,.78) !important;}
.page-header .eyebrow{color:#D9AF72 !important;}
.welcome-band{background:#1E3A2F !important;color:#F3E3B5 !important;}
.mll-nav{background:#0F1F17 !important;border-bottom:1px solid rgba(232,194,122,.22);}
.mll-nav .logo span{color:#F3E3B5;}
.nav-right a{color:rgba(243,227,181,.85);}

/* "Back to My Command Centre" pill in the nav */
.mll-cc-link{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-weight:700;font-size:.86rem;
  text-decoration:none !important;color:#2C2410 !important;background:linear-gradient(165deg,#D9AF72 0%,#B98A38 55%,#8C6A2A 100%);
  box-shadow:0 2px 0 #6B4F1A,0 4px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35);white-space:nowrap;}
.mll-cc-link:hover{filter:brightness(1.08);}
@media(max-width:640px){.mll-cc-link .cc-long{display:none;}}

/* Text that sits directly on the green */
.back-link,.content-area > a:not(.btn):not([class*="btn"]){color:#E8C27A !important;}
.content-area > h1,.content-area > h2,.content-area > h3,.content-area > h4,
.content-area > .section-title,.content-area > .section-heading,.content-area > .page-title{color:#F3E3B5 !important;}
.content-area > p,.content-area > .hint,.content-area > .subtitle,.content-area > .intro,
.content-area > .section-sub,.content-area > .lead{color:rgba(243,227,181,.82) !important;}
.content-area > label{color:#F3E3B5 !important;}

/* Cards / panels: warm paper on forest */
.card,.content-card,.form-card,.section-card,.panel,.memory-card,.entry-card{box-shadow:0 6px 20px rgba(0,0,0,.35) !important;}

/* Empty / loading states on the green */
.content-area > .empty-state,.content-area > .loading{color:rgba(243,227,181,.75) !important;background:rgba(255,255,255,.04) !important;border-color:rgba(232,194,122,.3) !important;}

/* Gold 3D buttons */
.btn-gold,.btn-primary,.new-entry-btn,.pm-btn.primary,.btn-add,.act-btn.save{
  background:linear-gradient(165deg,#D9AF72 0%,#B98A38 55%,#8C6A2A 100%) !important;color:#2C2410 !important;border:none !important;
  font-weight:700;box-shadow:0 3px 0 #6B4F1A,0 5px 10px rgba(0,0,0,.25),inset 0 1.5px 0 rgba(255,255,255,.35);}
.btn-gold:hover,.btn-primary:hover,.new-entry-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}

/* Entry fields: pale yellow waiting for black text */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]),
select,textarea,.form-input,.form-select,.form-textarea,.people-tag-wrap,.memory-link-search{
  background:#FFF7D9 !important;color:#1A1A1A !important;border:1.5px solid rgba(201,151,58,.55) !important;}
input:focus,select:focus,textarea:focus{outline:none !important;border-color:#C9973A !important;box-shadow:0 0 0 3px rgba(232,194,122,.35) !important;}
input::placeholder,textarea::placeholder{color:#9A8F7E !important;}
select option{background:#FFF7D9;color:#1A1A1A;}
.people-tag-wrap input.people-input.people-input.people-input,
.memory-link-search input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([x]){
  background:transparent !important;border:none !important;box-shadow:none !important;}
.drop-zone{background:#FFF7D9 !important;border:2px dashed rgba(201,151,58,.7) !important;}
.drop-zone:hover,.drop-zone.drag-over{background:#FFF2C6 !important;}

/* Tables: forest header with gold labels */
.photo-table th{background:#1E3A2F !important;color:#E8C27A !important;}

.mll-footer{background:#0B1711 !important;color:rgba(243,227,181,.6) !important;}

/* Toolbars and filter strips: dark green instead of cream/white */
.qfp,.mem-toolbar,.filter-bar,.toolbar,.filter-row,.tabs-bar{background:rgba(14,28,21,.6) !important;border-color:rgba(232,194,122,.22) !important;}
.vt-btn{background:transparent !important;color:rgba(243,227,181,.8) !important;}
.vt-btn.active,.vt-btn.on{background:#1E3A2F !important;color:#F3E3B5 !important;}
.filter-bar label,.qfp-lbl{color:#D9AF72 !important;}
#nav-welcome{display:none !important;}

/* Heritage Circles page (no account script on this page) */
.hc-intro-text{color:rgba(243,227,181,.82) !important;}
.hc-section-title{color:#F3E3B5 !important;}
.hc-intro .btn-outline{color:#F3E3B5 !important;border-color:rgba(232,194,122,.6) !important;background:transparent !important;}
/* Centred "Welcome" labels in the nav now clash with the Command Centre pill — the name/clock shows instead */
.mll-nav > div[style*="position:absolute"]{display:none !important;}
/* Forest-coloured buttons would vanish on the green — make them gold */
.save-btn,.add-family-btn{background:linear-gradient(165deg,#D9AF72 0%,#B98A38 55%,#8C6A2A 100%) !important;color:#2C2410 !important;border:none !important;font-weight:700;box-shadow:0 3px 0 #6B4F1A,0 5px 10px rgba(0,0,0,.25),inset 0 1.5px 0 rgba(255,255,255,.35);}