/* PostEx 5S Audit — Pearl Green Light Theme
   Visual overrides only. No functional/API/permission logic is changed. */
:root{
  color:#172019!important;
  background:#f5faf4!important;
  --px-green:#68d92f;
  --px-green-2:#8ee63e;
  --px-green-3:#28c989;
  --px-green-dark:#239b37;
  --px-ink:#152018;
  --px-muted:#708075;
  --px-line:#e1eadf;
  --px-card:#ffffff;
  --px-soft:#f1f9ef;
  --px-shadow:0 10px 30px rgba(41,88,49,.08);
}
html,body,#root{background:#f5faf4!important;color:var(--px-ink)!important}
body{background:linear-gradient(180deg,#fbfefb 0,#f4faf2 40%,#eef8ec 100%)!important}
*{scrollbar-color:#a6e78a #f1f7ef}

/* App frame */
.app-shell{background:transparent!important;grid-template-columns:244px 1fr!important;grid-template-rows:76px 1fr!important}
.topbar{height:76px!important;padding:0 30px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--px-line)!important;box-shadow:0 3px 18px rgba(50,84,55,.05)!important;backdrop-filter:blur(18px)!important}
.brand-mark{color:#0c110d!important;font-size:29px!important;font-weight:950!important;letter-spacing:-1.5px!important}
.brand-mark span{color:var(--px-green)!important}
.badge{color:#208c35!important;background:linear-gradient(135deg,#effbe9,#e3f9dc)!important;border:1px solid #bfeaae!important;box-shadow:inset 0 1px #fff!important}
.top-actions{gap:10px!important}
.user-chip{background:#f7faf7!important;border:1px solid var(--px-line)!important;border-radius:12px!important;padding:8px 12px!important;color:#152018!important;box-shadow:0 4px 12px rgba(42,72,46,.04)!important}
.user-chip span{color:#172019!important;font-weight:800!important}.user-chip small{color:#7a897d!important}
.live{color:#55705b!important;background:#f3faf0!important;border:1px solid #dcebd7!important;border-radius:10px!important;padding:8px 11px!important}.live span{background:#48cb3d!important;box-shadow:0 0 0 5px rgba(72,203,61,.12)!important}
.icon-btn{background:#fff!important;border:1px solid #dce6da!important;color:#536458!important;box-shadow:0 4px 12px rgba(30,70,36,.05)!important}.icon-btn:hover{background:#eff9eb!important;color:#279d36!important;border-color:#bfe6b5!important}.icon-btn.danger:hover{color:#d94848!important;background:#fff1f1!important;border-color:#f2c2c2!important}

/* Sidebar */
.sidebar{top:76px!important;height:calc(100vh - 76px)!important;padding:25px 17px!important;background:rgba(255,255,255,.97)!important;border-right:1px solid var(--px-line)!important;box-shadow:8px 0 28px rgba(41,81,46,.035)!important}
.nav-title,.eyebrow,.section-label{color:#9aaa9d!important}.nav-title{padding:0 10px 9px!important}
.nav-item{color:#6f7f73!important;border-radius:12px!important;padding:13px 14px!important;margin:4px 0!important;font-weight:700!important;transition:.2s ease!important}
.nav-item:hover{background:#f2f9ef!important;color:#2b9f3d!important;transform:translateX(2px)!important}
.nav-item.active{background:linear-gradient(110deg,#29c98a 0%,#79dc37 100%)!important;color:#fff!important;box-shadow:0 9px 18px rgba(64,194,71,.22)!important}
.nav-item.active svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.08))}
.sidebar-foot{background:linear-gradient(145deg,#f3faef,#eaf8e5)!important;border:1px solid #d8edd1!important;color:#708075!important;border-radius:14px!important}.sidebar-foot strong{color:#2c9f3d!important}

/* Main content */
.content{padding:32px 38px 60px!important;background:radial-gradient(circle at 87% 0,rgba(130,226,73,.13),transparent 27%),transparent!important}
.page-head{margin-bottom:24px!important;align-items:center!important}.page-head h1{color:#111813!important;font-size:32px!important;font-weight:900!important;letter-spacing:-1.3px!important}.page-head p{color:#78877c!important;font-size:13px!important}.eyebrow{color:#40af47!important;font-weight:900!important;letter-spacing:1.7px!important}
.primary{background:linear-gradient(120deg,#28c98a,#75db36)!important;color:#fff!important;border:0!important;border-radius:11px!important;box-shadow:0 9px 20px rgba(61,190,67,.22)!important}.primary:hover{transform:translateY(-1px)!important;filter:saturate(1.05)!important}

/* Filters */
.filters{gap:11px!important;margin-bottom:22px!important}.filter-item,.searchbox{height:44px!important;background:#fff!important;border:1px solid #dfe9dd!important;border-radius:12px!important;color:#7b8b7f!important;box-shadow:0 5px 15px rgba(45,83,49,.045)!important}.filter-item:focus-within,.searchbox:focus-within{border-color:#9bdf7f!important;box-shadow:0 0 0 3px rgba(117,219,54,.10)!important}.filter-item select,.searchbox input{color:#334239!important}.filter-item option{background:#fff!important;color:#334239!important}.searchbox input::placeholder{color:#9aa79d!important}

/* KPI cards */
.stats-grid{gap:15px!important}.stat{background:linear-gradient(150deg,#ffffff 0,#fbfefb 100%)!important;border:1px solid #e0eadf!important;border-radius:17px!important;padding:20px!important;box-shadow:var(--px-shadow)!important;position:relative!important;overflow:hidden!important;transition:.2s ease!important}.stat:after{content:"";position:absolute;right:-34px;top:-38px;width:108px;height:108px;border-radius:50%;background:rgba(116,220,54,.075)}.stat:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(41,88,49,.11)!important}.stat-icon{width:46px!important;height:46px!important;border-radius:13px!important;background:#f1f7ef!important;color:#66806a!important}.stat-icon.green{background:linear-gradient(145deg,#e4f9dc,#d5f4ca)!important;color:#3eaf38!important}.stat-icon.blue{background:#eaf5ff!important;color:#2b91df!important}.stat-icon.amber{background:#fff5df!important;color:#e9a129!important}.stat-copy span{color:#7c8a80!important}.stat-copy strong{color:#172019!important;font-size:27px!important}.stat-copy small{color:#94a197!important}

/* Panels/charts */
.panel,.person-card,.answer-card{background:rgba(255,255,255,.98)!important;border:1px solid #e0eadf!important;border-radius:17px!important;box-shadow:var(--px-shadow)!important}.panel{overflow:hidden!important}.panel-head{padding:18px 20px!important;border-bottom:1px solid #edf2ec!important;background:linear-gradient(180deg,#fff,#fcfefb)!important}.panel-head h3{color:#172019!important;font-size:15px!important}.panel-head span{color:#8a978d!important}.panel-title-icon{background:linear-gradient(145deg,#ecfae8,#ddf6d6)!important;color:#36aa3c!important;border:1px solid #d8f0d0!important}
.chart{background:linear-gradient(180deg,#fff,#fbfefb)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#edf2ec!important}.recharts-text{fill:#849087!important}.recharts-tooltip-wrapper>div{background:#fff!important;border:1px solid #dfe9dd!important;color:#28352c!important;box-shadow:0 10px 25px rgba(48,84,50,.12)!important;border-radius:10px!important}
.winner{background:linear-gradient(120deg,#effae9,#f7fff4)!important;border:1px solid #cdeac2!important;border-radius:15px!important}.trophy{background:linear-gradient(145deg,#cdf4bd,#e4fbdc)!important;color:#45ae34!important}.winner-name{color:#172019!important}.winner span{color:#7e8d81!important}.winner-score{color:#35a93d!important}.mini-rank>div,.failed-row,.recent-list button{border-bottom-color:#edf2ec!important}.rank{background:#f0f6ee!important;color:#778779!important}.mini-rank .name,.recent-list strong,.fail-main strong{color:#344139!important}.mini-rank .name:hover,.recent-list button:hover strong{color:#2da640!important}.qid{color:#269f38!important;background:#eff9eb!important}.fail-main span,.recent-list span{color:#8c9990!important}.fail-count{color:#eb9932!important}
.score-pill.pass,.status.pass,.answer-badge.yes{background:#e8f8e2!important;color:#2a9c36!important}.score-pill.fail,.status.fail,.answer-badge.no{background:#fff0ec!important;color:#dc684c!important}.answer-badge.na{background:#f0f3ef!important;color:#778379!important}

/* Tables */
.table-panel{background:#fff!important}.table-panel table{background:#fff!important}.table-panel th{background:#f5faf3!important;color:#748177!important;border-bottom:1px solid #e2ebe0!important;font-weight:900!important}.table-panel td{color:#617066!important;border-bottom:1px solid #edf2ec!important}.table-panel tr:hover td{background:#f8fcf7!important}.table-panel td strong{color:#28352c!important}.table-panel td small{color:#92a096!important}.table-panel code{color:#269d37!important;background:#eef8eb!important;padding:4px 6px!important;border-radius:6px!important}.view{color:#2ca43c!important}.photo-tag{color:#458bc4!important}.negative{color:#db694e!important}

/* Auditor cards */
.person-card{padding:19px!important}.avatar{background:linear-gradient(145deg,#dff7d7,#cef0c4)!important;color:#299f39!important;border:1px solid #cae9c0!important}.person-card>div:nth-child(2) strong{color:#26342b!important}.person-card>div:nth-child(2) span,.person-card footer{color:#869488!important}.person-stats{border-top-color:#e9efe7!important;border-bottom-color:#e9efe7!important}.person-stats b{color:#223028!important}.person-stats small{color:#8d9a90!important}

/* Drawer / audit detail */
.drawer-backdrop{background:rgba(30,48,34,.28)!important;backdrop-filter:blur(5px)!important}.drawer{background:#f8fbf7!important;border-left:1px solid #dce7da!important;box-shadow:-24px 0 60px rgba(33,62,37,.18)!important}.drawer-head{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e1e9df!important}.drawer-head h2{color:#172019!important}.drawer-head span{color:#829085!important}.hero-score.pass{background:linear-gradient(145deg,#e6f9df,#d4f2cb)!important;border-color:#bce5b0!important;color:#2d9f37!important}.hero-score.fail{background:#fff0ec!important;border-color:#f3c8bb!important;color:#d9684f!important}.hero-meta div{color:#66756a!important}.detail-stats{background:#fff!important;border-color:#dee8dc!important}.detail-stats div{border-right-color:#e5ece3!important}.detail-stats strong{color:#27342c!important}.detail-stats span{color:#869388!important}.answer-title strong{color:#2b382f!important}.answer-title span{color:#869388!important}.remarks{color:#66736a!important}.evidence{background:#f3f6f2!important;border-color:#dbe4d9!important}.photo-fallback{color:#839086!important}

/* Admin */
.admin-wrap{color:#233027!important}.admin-msg{background:#eef9ea!important;border:1px solid #cce9c2!important;color:#2f8f38!important;border-radius:12px!important;box-shadow:0 5px 14px rgba(44,100,47,.05)!important}.admin-grid{gap:16px!important}.admin-panel,.admin-wide{background:#fff!important;border-color:#e0eadf!important;box-shadow:var(--px-shadow)!important}.admin-toolbar{border-bottom-color:#edf2ec!important;background:#fbfefb!important}.admin-users{background:#fff!important}.admin-user{background:#fff!important;color:#455248!important;border-color:#edf2ec!important}.admin-user:hover{background:#f4faf2!important}.admin-user strong{color:#253129!important}.admin-user span,.admin-user-meta small{color:#849187!important}.admin-user-meta b{color:#2f9d3e!important}.admin-section,.access-block,.smtp-card,.digest-card{background:#fbfefb!important;border-color:#e2ebe0!important;color:#334138!important}.admin-section h4,.access-block h4,.smtp-card h4,.digest-card h4{color:#26342b!important}
.admin-wrap input,.admin-wrap select,.admin-wrap textarea,.modal input,.modal select,.modal textarea{background:#fff!important;color:#334138!important;border:1px solid #dce6da!important;border-radius:10px!important}.admin-wrap input:focus,.admin-wrap select:focus,.admin-wrap textarea:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none!important;border-color:#99dd7e!important;box-shadow:0 0 0 3px rgba(111,214,55,.11)!important}.admin-wrap label,.modal label{color:#67756b!important}.admin-wrap button:not(.primary):not(.icon-btn),.modal button:not(.primary):not(.icon-btn){border-color:#dce7da!important;background:#fff!important;color:#415047!important}.admin-wrap button:not(.primary):not(.icon-btn):hover,.modal button:not(.primary):not(.icon-btn):hover{background:#eff9eb!important;color:#2f9f3c!important}

/* Auth */
.login-shell,.auth-shell{background:radial-gradient(circle at 15% 20%,rgba(112,220,54,.18),transparent 28%),radial-gradient(circle at 85% 80%,rgba(40,201,137,.13),transparent 27%),linear-gradient(145deg,#fbfefb,#edf8ea)!important}.login-card,.auth-card,.password-card{background:rgba(255,255,255,.96)!important;border:1px solid #dbe8d8!important;color:#172019!important;box-shadow:0 25px 70px rgba(46,92,51,.14)!important}.login-card h1,.login-card h2,.auth-card h1,.auth-card h2,.password-card h1,.password-card h2{color:#172019!important}.login-card p,.auth-card p,.password-card p{color:#75837a!important}.login-card input,.auth-card input,.password-card input{background:#fff!important;color:#26342c!important;border:1px solid #d8e4d6!important}.login-card input:focus,.auth-card input:focus,.password-card input:focus{border-color:#94db78!important;box-shadow:0 0 0 3px rgba(105,216,47,.12)!important}.login-card label,.auth-card label,.password-card label{color:#55645a!important}

/* Generic modals */
.modal-backdrop,.admin-modal-backdrop{background:rgba(31,48,34,.28)!important;backdrop-filter:blur(5px)!important}.modal,.admin-modal{background:#fff!important;color:#253229!important;border:1px solid #dce7da!important;box-shadow:0 24px 70px rgba(32,62,36,.18)!important}.modal h2,.modal h3,.admin-modal h2,.admin-modal h3{color:#1a261e!important}

/* Messages */
.errorbox{background:#fff1ee!important;border-color:#f2c8be!important;color:#d85f4c!important}.loading{color:#7e8d81!important}.spinner{border-color:#dbe7d8!important;border-top-color:#65d62e!important}.empty{color:#89968d!important}

/* Compliance injected widgets */
#daily-compliance-monitor,.compliance-range-shell,.compliance-widget,.compliance-range-widget{background:#fff!important;color:#25332a!important;border-color:#e0eadf!important;box-shadow:var(--px-shadow)!important}
#daily-compliance-monitor *, .compliance-range-shell *, .compliance-widget *, .compliance-range-widget *{border-color:#e3ebe1}

/* Production credit */
#postex-production-credit{color:#63806a!important;background:rgba(255,255,255,.90)!important;border:1px solid #dbe9d8!important;box-shadow:0 4px 16px rgba(41,83,46,.06)!important}

/* Mobile */
@media(max-width:1100px){.app-shell{grid-template-columns:210px 1fr!important}.content{padding-left:24px!important;padding-right:24px!important}}
@media(max-width:760px){
  .topbar{height:64px!important;padding:0 14px!important}.brand-mark{font-size:23px!important}.badge{display:none!important}.user-chip{display:none!important}.live{display:none!important}
  .sidebar{height:66px!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #dfe8dd!important;box-shadow:0 -8px 25px rgba(41,80,45,.08)!important}.nav-item.active{box-shadow:0 5px 12px rgba(62,194,67,.18)!important}
  .content{padding:24px 15px 92px!important}.page-head h1{font-size:25px!important}.stats-grid{gap:10px!important}.stat{padding:14px!important}.stat-icon{width:39px!important;height:39px!important}.stat-copy strong{font-size:21px!important}
}